body {
	font: 12px/1.5 "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #444444;
	background-color: #f6f6f6;
	}

a:focus {
	outline: 1px dotted invert;
	}

hr {
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
	}


h1 {
	font-size: 28px;
	letter-spacing: -1.5px;
	}

h2 {
	font-size: 24px;
	letter-spacing: -1px;
	}

h3 {
	font-size: 18px;
	}

h4 {
	font-size: 14px;
	}

h5 {
	font-size: 12px;
	}

h6 {
	font-size: 10px;
	}

ol {
	list-style: decimal;
	list-style-position: inside;
}


a, 
a:visited { 
	color:#444444; text-decoration: none; 
	}

a:hover, a:active { 
	text-decoration: underline; 
	}

h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited, h5 a, h5 a:visited, h6 a, h6 a:visited { 
	color: #444444; 
	}

h1 a:hover, h1 a:active, h2 a:hover, h2 a:active, h3 a:hover, h3 a:active, h4 a:hover, h4 a:active, h5 a:hover, h5 a:active, h6 a:hover, h6 a:active { 
	color:#0063be; 
	}
	
	
.pagenow strong	 {
	background:#999;
	border:1px solid #333;
	padding:2px 5px;
	margin:0 2px;
	color:#FFF;
	font-weight:900;
}
a.pageshow {
	margin:0 2px;
	background:#FFC;
	border:1px solid #FC0;
	padding:2px 5px;
	text-decoration:none;
}
a.pageshow:hover{
	border:1px solid #333;
	font-weight:900;
}
/* --------------------  Custom general classes -------------------- */

.align-left    { text-align: left; }
	
.align-right   { text-align: right; }
	
.align-center  { text-align: center; }
	
.align-justify { text-align: justify; }
	
.float-left    { float: left; }
	
.float-right   { float: right; }

.bottom-spacing { margin-bottom: 20px; }

#header{
	background:#090;
	height:40px;
	background: url(images/back_0.gif) repeat-x;
}
#header_in{
	color:#FFFFFF;
}
#header_in  h1{
	margin-left:30px;
	float:left;
}
#header_in span{
	float:right;
	font-size:12px;
	margin-right:30px;
}
#header_in span a{
	color:red;
}
#wrapper{
	margin:0 auto;
	width:96%;
}

#nav_menu{
	padding:0 15px; 
	background: url(images/nav.gif) repeat-x;
	height:100px;
	margin-bottom:20px;
}
.menu {
	width:100%;
}
.menu li a{
	padding:3px 0px;
	text-align:center;
	display:block;
	float:left;
	margin-left:10px;
	width:65px ;
	height:80px;
	background: #f6f8f9; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */	
	border:1px solid #DADADA;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.menu li a span{
	font-size:12px;
	color:#444444;
}
.menu li a:hover{
	text-decoration: none; 
	background: #f3f3f3; /* Old browsers */
	-moz-box-shadow:inset 1px 1px 3px #000000;
	-webkit-box-shadow:inset 1px 1px 3px #000000;
	box-shadow:inset 1px 1px 3px #000000;
}

/*div.module{
	margin-top:15px;
}*/
div.module { 
	background: #FFFFFF url(images/module-body-left-bg.gif) no-repeat scroll bottom left; 
	float: left; 
	width: 100%; 
	margin-top: 15px; 
	margin-bottom: 20px; 
	}

div.module div.module-body { 
	background: url(images/module-body-right-bg.gif) no-repeat scroll bottom right; 

	padding: 20px 3% 20px 3%; float: left; width: 94%;
	}
	
div.module div.module-table-body { 
	background: url(images/module-body-right-bg.gif) no-repeat scroll bottom right; 
	padding: 5px 1% 5px; 
	float: left; 
	width: 98%; 
	}

div.module h2 { 
    /* Sliding right image */
    background: url(images/module-header-left-bg.gif) no-repeat scroll top left; 
	display: block;
	float: left;
	height: 32px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 0px;
	padding-right: 0px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	text-decoration: none;
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	width: 100%;
	margin-bottom: 0;
	letter-spacing: normal
	}

div.module h2 span { 
	/* Background left image */ 
	background: url(images/module-header-right-bg.gif) no-repeat top right; 
	display: block;
	line-height: 20px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 7px 0 5px 18px;

	}

div.module table {
	width: 100%; 
	margin: 0 0 10px 0;
	border-left: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	
	}

div.module table.tr {
	border-collapse: separate;
	border-right: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	}

div.module table th {
	background-color: #eeeeee;
	color: #444444;
	padding: 5px;
	text-align: left;
	border-top: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	}
	
div.module table td {
	/*background-color: #ffffff;*/
	padding: 5px;;
	border-right: 1px solid #d9d9d9;
	}
div.module table tr:nth-child(even)  {
	background-color: #F2F2F2;
}
div.module table tr:nth-child(odd) { /* You can use this style if you want to do zebra-colored tables with other technique than Table Sorter script used here */
	background-color: #FFFFF;
	}
div.module table tr:hover {
	background-color: #f1f5fa;
}
a.qup{
	display:block;
	background: url(/media/images/arrow_down-up.png) no-repeat   ;
	height:11px;
	background-position: right  0 ;
}
a.qdown{
	display:block;
	background: url(/media/images/arrow_down-up.png) no-repeat   ;
	height:11px;
	background-position: right -10px ;
}