body
{
	font: normal 13px Arial, sans-serif;
	background-color: #ECECEC;
	margin: 0px;
	padding: 0;
	width: 100%;	
}	

form
{
	margin:0;
	padding:0;
}

a
{
	text-decoration:none;
	color:#697FB1;
}
	
a:hover
{
	text-decoration:none;
	color:#314163;
}

a.login
{
	text-decoration:none;
	font: bold 11px Arial, sans-serif;
	color:white;
}

a.login:hover, a.loginHome:hover
{
	text-decoration:none;
	color:#697FB1;
}
a.loginFooter
{
	text-decoration:none;
	font: bold 11px Arial, sans-serif;
	color:white;
}

a.loginFooter:hover
{
	text-decoration:none;
	color:#314163;
}

a.lang
{
	text-decoration: none;
	font: bold 11px Arial, sans-serif;
	color: white;
}

a.lang:hover
{
	text-decoration: none;
	color: #697FB1;
}

a.navigateURL
{
	font: bold 11px Arial, Verdana, sans-serif;
	color: white;
}
a.navigateURL:hover
{
	font: bold 11px Arial, Verdana, sans-serif;
	color: #697FB1;
}
a.navigateURL:active
{
	font: bold 11px Arial, Verdana, sans-serif;
	color: #697FB1;
}

.FormTitle
{
    font: bold 15px Arial, Sans-serif;
    color: #314163;
}

.CourseTitle
{
	font: bold 15px Arial, Sans-serif;
	color: #657AAF;
}

.ChapterName
{
	font: bold 15px Arial, Sans-serif;
	color: #334162;
}

.onePixcel
{
	height:1px;
	background: #ECECEC;	
}
.fivePixels
{
	height: 5px;
	background: #ECECEC;	
}
.tenPixels
{
	height: 10px;
	background: #ECECEC;	
}
.emptyRowHeight25
{
    background-color: #ECECEC;
    height:25px;
}

.logoImage
{
	float:left;
	
	
}
.logoBackground
{
	float:left;	
	background:#697FB1;	
	font-size:25px;
	text-align:left;
	color:white;
	padding-left: 100px;
	padding-top: 20px;
}
.logoTitle
{
    padding-top: 25px;
}

.modalPopup 
{
	background-color:#6A80B2;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px; 
	width:800px;
}

.tableClear 
{
	border: none;
}
.tableClear tr
{
    border: none;
    vertical-align: top;
}
.tableClear td
{
    border: none;
    vertical-align: top;
    width: auto;
}

.letterFilter
{
	border-collapse:collapse;
	border:solid 1px #334162;
}

.tableColored
{
	background: #e3eaeb;
	border: 1px solid;
	border-color:#334162;
}

.tableColored th
{
	background: #b2bacb;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px; 
	border: 1px solid;
	border-color:#334162;	
}

.tableColored td
{
	border-top: 2px solid #666666;	
	padding-left: 5px;
	padding-bottom: 5px;
	border: 1px solid;
	border-color: #334162;		
}

a.tablePanel 
{
    color: Red
}

.historyPopup 
{
	background-color: White;
	border-width: 3px;
	border-style: solid;
	border-color: #334162;
	padding: 3px; 
	width: 700px;
	height: 300px;
}

.lostPassPopup 
{
	background-color: White;
	border-width: 3px;
	border-style: solid;
	border-color: #334162;
	padding: 3px; 
	width: 400px;
	height: 192px;
}

.collapsePanelHeaderWhite
{
	width: 100%;
	height: 30px;
	background-color: #FFFFFF;
	color: #FFFFFF;
	font-weight: bold;
}

.collapsePanelHeader
{
	width: 95%;
	height: 30px;
	background-image: url('../Images/bg-menu-main.png');
	background-repeat: repeat-x;
	color: #FFF;
	font-weight: bold;
}

.collapsePanel 
{
	background-color: #ECECEC;
	overflow: hidden;
}

#master_content .collapsePanelHeader a {color:#FFF;}
#master_content .collapsePanelHeader a:hover {text-decoration:none;background:none;}

#master_content .dropShadowPanel span {color:white;text-decoration:underline;}
#master_content .dropShadowPanel span:hover {text-decoration:none;}

/* malak tekst*/
.small
{
	font: normal 10pt Arial, Verdana, Sans-Serif;
}

/*.table 
{
	border: none;
	border-color: #ECECEC;
	
}*/

.AquaStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
{
    background-color: #ffffff;
    border: 1px solid #6b7db5;
    padding: 2px 0px 0px 8px;
    font-size: 11px;
    height: 15px;
    width: 150px;
}

/*input type=text malak*/
.inputTextSmall
{
	font:normal 10px Arial, sans-serif;
	color:#000000;
	background-color: #ffffff;
	border:solid 1px #334162;
	padding-left:3;
	width:150;
	height:16;
}

/*input type=text golqm*/
.textInput
{
	font: normal 11px Arial, Sans-serif;
	padding-left: 3;
	background-color: #ffffff;
	color: black;
	border: solid 1px #334162;	
	width: 260px;
	height: 16;
}
.textInputBig
{
	font: normal 10pt Arial, Sans-serif;
	padding-left: 3;
	background-color: #ffffff;
	color: black;
	border: solid 1px #334162;	
	width: 260px;
	height: 16;	
}	
/*cvqt i debelina na kletka v tablica*/	

.listSelection
{
	font: normal 11px Verdana, sans-serif;
	color: black;
	font-weight: bold;
}

/*ÏÀÍÅËÈ*/

.pnlStructure
{
	width:100%;
	height:150px;
	background: #f2f6fa;
	border: 0px none;                                 
}

.LoginForm
{    
    width: 90%; 
    height: 500px;
    float: left;
    margin: 80px 0px 0px 0px;
    font: bold 10pt Arial, Verdana, sans-serif;
}

.selectInput
{
	 height: 20px; width: 260px;
}

.wrong /*pri pokazvane na otgovori na testovi vaprosi = greshen otgovor*/
{
	font-weight: bold;
	color: #BE080A;
}

/*title na forma v modul*/
.adminTopTitle
{
	font: bold 12pt Arial, Verdana, sans-serif;
	color: #334162;
	font-style: italic;
}

.correct /*pri pokazvane na otgovori na testovi vaprosi = veren otgovor*/
{
	font-weight: bold;
	color: #339900;
}

.skin2
{
    border-right: black 2px solid;
    border-top: black 2px solid;
    visibility: hidden;
    border-left: black 2px solid;
    width: 200px;
    cursor: default;
    line-height: 20px;
    border-bottom: black 2px solid;
    font-family: Verdana, sans-serif;
    position: absolute;
    background-color: menu;
}

.skin3
{
    border-right: black 2px solid;
    border-top: black 2px solid;
    border-left: black 2px solid;
    width: 144px;
    cursor: default;
    line-height: 20px;
    border-bottom: black 2px solid;
    font-family: Verdana, sans-serif;
    position: absolute;
    background-color: menu;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#F5F7F9;
	opacity:.9;
	filter: alpha(opacity=90);
}

#mainFrame
{
    background-color: #ECECEC;
	overflow:auto;
	margin:0 auto;
	height:100%;
	border:0px solid;
	width:100%;
	vertical-align:top;
}

#footer
{
	width:100%;
	clear: both;
	background-color:White;
}
/*
#logo
{
	
}*/


#langCtrl
{
	background-color: #334162;
	float:right;
	text-align:right;
	width:100%;	
	height:15px;
}

#leftPart
{
}

#leftMenu
{
	margin-left:10px;
}

#mainContent
{
	vertical-align:top;
	width:80%;	
	float:left;
	padding-left:20px;
	height:100%;
}

#MainPageContent
{
    background-color: #ECECEC;
	min-height:550px;
}




/**********************************MODULE PAGES******************************************/

.onePixel
{
	height:1px;
}


.rowOnePixel
{
    background-color: #334162;
    color:White;
	height:1px;
	/*font: bold 12px Arial, sans-serif;
	background-color:#ECECEC;*/
}

.languageCtrlModule
{
	background-color:#334162;
	text-align:right;
}

.buttonInput
{
	font: bold 11px Arial, Sans-serif;
	background-color: #334162;
	color: #ffffff;
	border: 0px;
	margin: 2px 0px 2px 0px;
	/*min-width: 60px;*/
	width: auto;
	text-align: center !important;
}
.buttonInput:hover
{	
	background-color: #697FB1;
	color: #ffffff;
}

.buttonInputLowercase /*input type=button malki bukvi*/
{
	font: bold 11px Arial, Sans-serif;
	text-transform: lowercase;	
	background-color: #334162;
	color: #ffffff;
	border: 0px;
	/*min-width: 60px;*/
	width: auto;
	margin: 2px 0px 2px 0px;	
	text-align: center !important;
}
.buttonInputLowercase:hover
{	
	background-color: #697FB1;
	color: #ffffff;
}

.buttonInputUppercase /*input type=button golemi bukvi*/
{
	font: bold 11px Arial, Sans-serif;
	text-transform: uppercase;
	background-color: #334162;
	color: #ffffff;
	border: 0px;
	/*min-width: 60px;*/
	width: auto;
	margin: 2px 0px 2px 0px;
	text-align: center !important;
}
.buttonInputUppercase:hover
{	
	background-color: #697FB1;
	color: #ffffff;
}

#ModuleMainContainer
{
    background-color: #ECECEC;
	margin: 0 auto;
	height: inherit;
	border: 0px solid;
	width: 99.5%;
	vertical-align: top;	
}
.skin0
{
    position: absolute;
    border: 2px solid black;
    background-color: menu;
    font-family: Arial, sans-serif;
    line-height: 20px;
    cursor: default;
    font-size: 14px;
    z-index: 100;
    visibility: hidden;
}

#MasterTitle
{
	
	font: bold 16px Arial, sans-serif;
	color:white;	
	text-align:center;
	background-image: url('../../pics/admin_top_line.jpg'); 
	background-repeat: repeat;
	width:100%;
	height: 25px;
	display: block;
}

#PanelNavbarURL
{
	width:100%;
	background-color:#334162;
	
}

.languageCtrlModule,.navBarCustomStyle
{
    padding-right:1%;
}

.navBarCustomStyle
{
    
}
#MenuPngControl
{	
	background-color: #334162;
	   /* height:40px; */
}
#MainContentModule
{
    width:100%;
    min-height:550px;
    background-color: #ECECEC;
}

#ModulFooter
{
    background-color:White;
	width:100%;
	clear: both;
}

#divTreeView
{
    display: inline-block;
    float: left;
	border: 0px solid;
	width: 200px;	
}

#divPagesRow
{	
    /*border: solid 1px black;*/
    height: 30px;
    width: 572px;
    font-family: Arial;
    font-weight: bold;
    font-size: 22px;
    background-color: #334162;
    vertical-align: middle;
    text-align: center;
    padding-top: 3px;
    padding-left: 4px;
    padding-right: 4px;
    white-space: nowrap;   
}

#cntPages
{	
	/*border: solid 1px black;*/
	background-color: #ffffff;
    height: 560px;
    width: 560px;
    overflow: hidden;
    text-align: left;
    padding: 10px 10px 10px 10px;
    font-family: Arial;
    font-size: 13pt;    
}

#Gallery
{
    background-color: #ECECEC;
	display: inline-block; 
	float: left; 
	width: 642px;	
}

#divPagesRow a:link
{
    color: White;
    text-decoration: none;
}
#divPagesRow a:visited
{
    color: #ffffff;
    text-decoration: none;
}
#divPagesRow a:active
{
    color: #ffffff;
    text-decoration: none;
}
#divPagesRow a:hover
{
    color: #657AAF;
    text-decoration: none;
}

#divShowHideTreeNav
{    
    height: 30px; 
    width: 200px; 
    background-color: #334162;
    font-family: Arial;
    font-weight: bold;
    font-size: 22px;
    vertical-align: middle;
    /*text-align: right;*/
    padding-top: 3px;
    padding-left: 4px;
    padding-right: 4px;
    white-space: nowrap;   
}
/*#divShowHideTreeNav a:link
{
    background-image: url('../Images/icon-close.png');    
}
#divShowHideTreeNav a:visited
{
    background-image: url('../Images/icon-close.png');
}
#divShowHideTreeNav a:active
{
    background-image: url('../Images/icon-close.png');
}
#divShowHideTreeNav a:hover
{
    background-image: url('../Images/icon-close-h.png');
}*/

.aShowHideTreeNav
{
    display: inline-block;
    background-image: url("../Images/icon-close.png") !important;
    width: 24px;   
    height: 24px;  
    z-index: 999;   
}
.aShowHideTreeNav:hover
{
    display: inline-block;
    background-image: url("../Images/icon-close-h.png") !important;
    cursor: pointer;
    width: 24px;   
    height: 24px;         
}
#imgHideTreeNav
{
    float: right;
    margin: 2px 10px 0px 0px;
}
#imgHideTreeNav:hover
{
    cursor: pointer;
}
#imgShowTreeNav
{
    float: left;
    margin: 2px 0px 0px 2px;    
    display: none;    
}
#imgShowTreeNav:hover
{
    cursor: pointer;
}

#SysModulesListConteiner
{
	height:540px;
	float:left;	
}

.tableGrid th a
{
    text-decoration: none;
    color: #334162;
}

.tableGrid th a:hover
{
    text-decoration: underline;
    color: #334162;
}

#divMenuTextNav
{   
    height: 100%;
    width: 100%;
    color: #ffffff!important;
    padding: 10px 2px 10px 2px;
    font-family: Arial;
    font-weight: bold;
    font-size: 10pt;
    vertical-align: middle;
    text-align: center;
    /*padding-top: 8px;*/
    white-space: nowrap;   
}
/*
#divMenuTextNav a
{
    display: inline-block;
    width: 88px;
    font-family: Arial;
    font-weight: normal;
    font-weight:bold;
    vertical-align: middle;
    text-align: center;
    color: #ffffff;
    padding: 10px 2px 10px 2px;
    border-left: 1px solid #ffffff;
    white-space: nowrap;  
}*/

/*
#divMenuTextNav a:link
{
    font-family: Arial;
    font-weight: normal;
    font-size: 12pt;
    color: #ffffff;
    white-space: nowrap;   
}
#divMenuTextNav a:visited
{
    font-family: Arial;
    font-weight: normal;
    font-size: 12pt;
    color: #ffffff;
    white-space: nowrap;   
}
#divMenuTextNav a:active
{
    font-family: Arial;
    font-weight: normal;
    font-size: 12pt;
    color: #ffffff;
    white-space: nowrap;   
}
#divMenuTextNav a:hover
{
    background-color: #ffffff;
    font-family: Arial;
    font-weight: normal;
    font-size: 12pt;
    color: #334162;
    white-space: nowrap;   
    padding: 0px 2px 0px 2px;
}*/

.vlSeparator
{
    height: 40px;
    color: #ffffff;
}

.spanTextNav
{
    height: 40px;
}

a.itemTextNav
{
    display: inline-block;
    width: 88px;
    /*height: 40px;*/
    font-family: Arial;
    font-weight: normal;
    font-weight:bold;
    vertical-align: middle;
    text-align: center;
    color: #ffffff;
    padding: 10px 2px 10px 2px;
    border-left: 1px solid #ffffff;
    white-space: nowrap;       
}
a.itemTextNavFirst
{
    border-left: 1px solid #334162;
}
a.itemTextNav:active
{    
    background-color: #334162;
    color: #ffffff;    
}
a.itemTextNav:visited
{    
    background-color: #334162;
    color: #ffffff;    
}
a.itemTextNav:hover
{    
    background-color: #697FB1;
    color: #ffffff;    
}

a.itemTextNavActive
{
    display: inline-block;
    width: auto;
    height: 100%;  
    width: 88px;  
    font-weight:bold;
    background-color: #697FB1;
    font-family: Arial;
    vertical-align: middle;
    border-left: 1px solid #ffffff;
    text-align: center;    
    color: #ffffff !important;
    white-space: nowrap;   
    padding: 10px 2px 10px 2px;
}


/*table-borders-and-styles*/


.top-blue-line
{
    height: 30px;
    font-family: Arial;
  /*  margin-bottom:3%; */
    width: auto;
    background-color: #334162;
    vertical-align: middle;
    text-align: center;
/*    padding-top: 1px;
    padding-left: 4px;
    padding-right: 4px;*/
    white-space: nowrap;    
}

table,.menu-table td
{

	border-collapse: collapse;
	border-spacing: 0!important;
	
}

.right-site-table
{   
    background-color: #ffffff;
    min-width: 560px;
    width: 560px;
    height: auto;
    overflow: auto;
    padding: 10px 10px 10px 10px;
     /*   white-space: pre;        
    white-space: pre-wrap;     
    white-space: pre-line;     
    white-space: -pre-wrap;    
    white-space: -o-pre-wrap;  
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap; 
    word-wrap: break-word;     
    white-space:pre;
    text-align: justify;
    font-family: Arial;
    font-size: 13pt;    
    background-color:White;
   clear:both;
  nowrap;
   display:table-cell; */
}
.right-site-table p
{
    max-width: 540px;
    clear:both;
}
.left-site-table
{    
    padding-top: 0 !important;  
    width: auto;
}

.menu-table
{
    width:55%;
}

.menu-table td
{
    margin-top:3%;
}

.inside-table
{
    border: none;	
}
.inside-table th
{
    border: none;
    font: bold 12pt Arial, Verdana, Sans-Serif;
    text-decoration: underline;	
    text-align: left;
    color: #000000;
}
.inside-table td
{
    border: none;	
    font: normal 10pt Arial, Verdana, Sans-Serif;	
    text-align: left;
    color: #000000;
}

.right-side-menu-table
{
    margin-top:4%;
}

.margin-div
{
    height:10px;
    
}

.menu-window-header
{
    margin-left:20%;
}

#ctl00_ContentPlaceHolder1_indexCtrl_pnlTreeViewTuition
{
    width:auto!important;
}

.navigation-btns,.down-side-navigate-bts
{
    margin-left:0.5%;
}
.navigation-btns input,.down-side-navigate-bts input
{
    width: auto !important;
    white-space: nowrap;
    margin: 2px -3px 2px 0px;
}
.buttonInputMargin
{
    margin-left: -3px;
}

.test-question-styles
{
    background-color:White!important;
}

.pnlStructure
{
    background-color:White;
}

.newsTable td
{
    background-color:#ECECEC;
}
#ctl00_btnOpenSolveTest
{
    display:none;
}
.news-row 
{
    background-color:#ECECEC !important;
    border-color:#ECECEC;
}
.table-row-col
{
    border:none;
    border-color:#ECECEC;
    background-color:#ECECEC !important;
}
/*.MsoNormal
{
    background-color: #FFFFFF !important;
}*/
/*
#imgLogo
{
    width: 100%;
}

#imgTitle
{
    width: 100%;
}*/
.imgLogo
{
    /* Responsive images (ensure images don't scale beyond their parents) */

    max-width: 100%;
    /* Part 1: Set a maxium relative to the parent */

    width: auto\9;
    /* IE7-8 need help adjusting responsive images */

    height: auto;
    /* Part 2: Scale the height according to the width, otherwise you get stretching */

    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}
.imgLogoTitle
{
    /* Responsive images (ensure images don't scale beyond their parents) */

    max-width: 100%;
    /* Part 1: Set a maxium relative to the parent */

    width: auto\9;
    /* IE7-8 need help adjusting responsive images */

    height: auto;
    /* Part 2: Scale the height according to the width, otherwise you get stretching */

    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}
/*
@media (max-width: 1200px)
{
    .imgLogoTitle
    {
        width: 50%;
    }
}*/

.labelBoldUnd12pt
{
    font: bold 12pt Arial, Verdana, Sans-Serif;
    text-decoration: underline;
    color: #000000;
}
.label10pt
{
    font: normal 10pt Arial, Verdana, Sans-Serif;
    text-decoration: none; 
    color: #000000;
}
.labelBlueBoldUnd12pt
{
    font: bold 12pt Arial, Verdana, Sans-Serif;
    text-decoration: underline;
    color: #334162;
}
.labelBlueBold12pt
{
    font: bold 12pt Arial, Verdana, Sans-Serif;
    text-decoration: none;
    color: #334162;
}
.labelBlue10pt
{
    font: normal 10pt Arial, Verdana, Sans-Serif;
    text-decoration: none; 
    color: #334162;
}
.labelBlueBold10pt
{
    font: bold 10pt Arial, Verdana, Sans-Serif;
    text-decoration: none; 
    color: #334162;
}
.labelWhite11pxBold
{
    font: bold 11px Arial, Verdana, Sans-Serif;
    text-decoration: none; 
    color: #ffffff;
}
.labelWhite10ptBold
{
    font: bold 10pt Arial, Verdana, Sans-Serif;
    text-decoration: none; 
    color: #ffffff;
}
#blueBackground
{
    background-color: #334162 !important;
    width: 100%;
}