@charset "utf-8";
/* author: Aleksandar Dodevski */
/* Creation date: 3/9/2008 */


body {
	font-family:Arial, Verdana; 
	font-size:12px;
	text-align:center;	
	margin:0;
	padding:0;
}

#topmostdiv {
	vertical-align:top;
	text-align:left;
	background-color:#C2CBFF;
	width:800px;
	border:1px solid black;
	border-top-color:white;
	min-height:500px;
}	

.menu_div {
	background-color:black;	
	height: 18px;
	border:1px solid black;
	}

.menu_div div {
	background-color:black;	
	float: left;
	width: 100px;
	font-family: Arial Narrow,tahoma;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	margin-right:1px;
	margin-bottom:1px;
	color:white;			
}

.menu_div div a {
	color:white;	
	text-decoration: none;
	line-height: 18px;
	padding-left:2px;
 }

.menu_div div a.active {
	background-color:#666666;	
	float: left;
	width: 135px;
	color:yellow;	
}

#contentdiv form {
	}

#contentdiv input[type="submit"],#contentdiv button {
	color:white;
	background-color:#6864ED;
	border:2px solid white;
	font-size:13px;
	font-weight:bold;
	margin-top:8px;
	height:24px;
	}

#contentdiv input[type="text"],#contentdiv input[type="file"], #contentdiv input[type="password"],#contentdiv select,#contentdiv textarea {
	color:#0303c5;
	background-color:#CFFFD3;
	border:1px solid #ccc;
	font-size:14px;
	margin:3px 0 7px 0;
	}
	
#contentdiv input[type="text"],#contentdiv input[type="file"], #contentdiv input[type="password"],#contentdiv select {
	height:18px;
	}
		
#contentdiv select {
	scrollbar-3dlight-color: purple;
	scrollbar-base-color: blue;
	height:21px;
	scrollbar-darkshadow-color: navy
	}
			
#contentdiv form {
	padding-left:20px;
}
		
#contentdiv form em, #contentdiv form label{
	font-family:Verdana;
	font-style:normal;
	font-size:13px;
	line-height:18px;
}

#contentdiv form label{
	text-decoration:underline;
	color:green;
	}

#contentdiv p  {
	font-family:Verdana;
	font-size:13px;
	line-height:18px;
	padding:0 0 2px 23px;
	margin: 0 0 0 0
}

#contentdiv h1, #contentdiv h2, #contentdiv h3 {
	font-family: Tahoma;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}
	
#contentdiv h1 {
	font-size:19px;
	padding-left:5px;
	padding-bottom:5px;
	color:black;
	border-bottom:2px solid black;
	background:url("Fontan_bg.jpg");
	}

#contentdiv h2 {
	font-size:16px;
	padding-left:25px;
	padding-bottom:2px;
	color:black;
	font-weight:normal;
	border-bottom:1px dotted black;
	background-color:#8F95D9;
	}

#contentdiv td {
	font-family:tahoma,arial;
	font-size:12px;
	line-height:16px;
	}


#contentdiv .th td,#contentdiv .th th {
	font-weight:bold;
	color:silver;
	background-color:navy;
	}

#contentdiv .tf td {
	font-weight:bold;
	border-top:1px solid white;
	}	

#contentdiv .bb td {
	border-bottom:1px solid white;
	}	

#contentdiv .splitrow td {
	border-bottom:1px dotted white;
	}	

#contentdiv .lighten td {background-color:rgba(255, 255, 255, 0.2);}	
		
#contentdiv .red td {
	color:red;
	}	

#contentdiv h3 {
	font-size:15px;
	padding-left:5px;
	padding-bottom:2px;
	color:black;
	font-weight:normal;
	border-bottom:1px solid gray;
	}

#contentdiv ul {
	margin:2px 2px 2px 25px;
	padding:0 0 0 0;
	}

#contentdiv li {
	font-family:tahoma,arial;
}
#contentdiv a,#contentdiv a:link,#contentdiv a:visited {
	font-family:tahoma,arial;
	text-decoration:underline;
	color:green;
	}
	
#contentdiv a:hover{	
	color:#00FF00;
	}

#contentdiv small {
	font-family:tahoma,arial;
	text-transform: uppercase;
	font-size:8px;
	}	
	
.error {
	font-size:14px;
	font-family:tahoma,arial;
	color:black;
	background-color:red;
	font-weight:normal;
	text-align:center;
	line-height:25px;
	border-bottom:2px solid black;
	cursor:pointer;
}

#global_error_div {
	position:fixed;
	top:-25px;
	left:0;
	width:100%;
	z-index:0;
}

.right {
	text-align:right;
	}

.scrolltbl {
	overflow:scroll;
}

.scrolltbl td {
	white-space:nowrap;
	padding-right:5px;
	padding-left:5px;
	border-left:1px dotted;
}

.scrolltbl tr.alt td, .alttbl tr.alt td{
	background-color: rgba(0,0,0,0.1);
}


/*====================================================
	- HTML Table Filter Generator v1.6 
	elements and classes
	- edit classes below to change filter grid style
=====================================================*/

.fltrow{ /* filter grid row appearance */
	height:20px;
	background-color:rgba(0,0,0,0.5);
}
.btnflt{ /* button appearance */
	font-size:11px;
	margin:0 2px 0 2px; padding:0 1px 0 1px;
	text-decoration:none; color: #fff;
	background-color:#666;
}
.flt{ /* filter (input) appearance */
	width:100%;
}
.flt_s{ /* small filter (input) appearance */
	width:80%;
}
.inf{ /* div containing left, middle and right divs */
	clear:both; width:auto; height:20px; 
	background-color:rgba(0,0,0,0.3); font-size:11px; 
	margin:0; padding:1px 3px 1px 3px; 
}
.ldiv{ /* left div */
	float:left; width:30%; position:inherit; 
}
.mdiv{ /* middle div */
	float:left; width:30%; position:inherit; text-align:center; 
}
.rdiv{ /* right div */
	float:right; width:30%; position:inherit; text-align:right; 
}
.loader{ /* loader appearance */
	position:absolute; padding: 15px 0 15px 0;
	margin-top:7%; width:200px; left:40%; 
	z-index:1000; font-size:14px; font-weight:bold;
	border:1px solid #666; background:#f4f4f4; 
	text-align:center; vertical-align:middle;
}
div.mdiv select{ height:20px; }/*paging drop-down list*/
div.inf a{ color:#CC0000; }/*link appearence in .inf div*/
div.inf a:hover{ text-decoration:none; }/*link appearence in .inf div*/
.tot{ font-weight:bold; }/*rows counter*/
.even{ background-color:rgba(0,0,0,0.1)}/*row bg alternating color*/

.sort-arrow {
	width:11px;
	height:11px;
	background-position:center center;
	background-repeat:no-repeat;
	margin:0 2px;
}
.sort-arrow.descending {
	background-image:url("downsimple.png");

}


.sort-arrow.ascending {
	background-image:url("upsimple.png");
}