@import url("reset.css");
/* Global Styles */

body {
   font: 80%/1.4  tahoma, verdana, helvetica, arial, sans-serif;
   background: #FFFFFF;
   color: #222222;
}

h1{
	font-size: 20pt;
}

h2{
	font-size: 15pt;
}

h4{
	font-size: 13pt;
}

h1, h2, h3, h4, h5, h6{
	padding-top: 12px;
	padding-bottom: 10px;
}

ul, ol{
	margin-left: 25px;
	padding-top: 6px;
}

ul{
	list-style-type: disc;
}

ol{
	list-style-type: decimal;
}

div.main
{
	position: absolute;
	min-height: 100%;
	width: 800px;
	left: 50%;
	margin-left: -400px;
	padding-left: 15px;
	padding-right: 12px;
	background-image: url('/image/border-main.gif');
	background-repeat: repeat-y;
}

div.head
{
   background-image: url('/image/banner-IR.gif');
   background-repeat: no-repeat;
   position: relative;
   width: 800px;
   height: 125px;
   margin: 0 auto;
   padding: 0;
   text-align: left;
   display:block;
}

div.headRIGHT
{
   margin: 0;
   padding: 0;
   height: 125px;
   width: 100%;
   display: block;
}

div.headRIGHT img
{
   height: 125px;
   width: 100px;
   float: right;
   padding-right: 5px;
   background-image:url('/image/ranzcr-logo.gif');
   background-repeat: no-repeat;
}

div.body
{
   position: relative;
   text-align: left;
   width: 780px;
   margin: 0;
   padding: 0px;
   padding-left: 12px;
   padding-right: 8px;
   padding-bottom: 35px;
   border: none;
}

div.top_menu
{
   height: 25px;
   padding: 0;
   margin: 0 auto;
   text-align:center;
   background: #ffffff;
}


div.menu_item{
   position: relative;
   float: left;
   padding: 0;
   height: 25px;
   padding-left: 5px;
   padding-right: 5px;
   background-repeat: no-repeat;
   background-position: center;
}

div.menu_item img{
   position: relative;
   display: block;
   height: 25px;
   border: 0;
}

a img{
   border: 0;
}


/*/////////////////////////////////////////////////////////////////////////////*/
/*   Menu   */

div #m2_HOME{background-image: url('/image/m2_HOME.gif'); width: 100px; }
div #m2_HOME_AT{background-image: url('/image/m2_HOME_down.gif'); width: 100px;}
div #m2_HOME:hover{background-image: url('/image/m2_HOME_hover.gif'); width: 100px;}

div #m2_SEARCH{background-image: url('/image/m2_SEARCH.gif'); width: 110px;}
div #m2_SEARCH_AT{background-image: url('/image/m2_SEARCH_down.gif'); width: 110px;}
div #m2_SEARCH:hover{background-image: url('/image/m2_SEARCH_hover.gif'); width: 110px;}

div #m2_INDEX{background-image: url('/image/m2_INDEX.gif'); width: 100px; }
div #m2_INDEX_AT{background-image: url('/image/m2_INDEX_down.gif'); width: 100px;}
div #m2_INDEX:hover{background-image: url('/image/m2_INDEX_hover.gif'); width: 100px;}

div #m2_HELP{background-image: url('/image/m2_HELP.gif'); width: 80px;}
div #m2_HELP_AT{background-image: url('/image/m2_HELP_down.gif'); width: 80px;}
div #m2_HELP:hover{background-image: url('/image/m2_HELP_hover.gif'); width: 80px;}

div #m2_ABOUT{background-image: url('/image/m2_ABOUT.gif'); width: 100px;}
div #m2_ABOUT_AT{background-image: url('/image/m2_ABOUT_down.gif'); width: 100px;}
div #m2_ABOUT:hover{background-image: url('/image/m2_ABOUT_hover.gif'); width: 100px;}

div #m2_QUDI{background-image: url('/image/m2_QUDI.gif'); width: 150px;}
div #m2_QUDI_AT{background-image: url('/image/m2_QUDI_down.gif'); width: 150px;}
div #m2_QUDI:hover{background-image: url('/image/m2_QUDI_hover.gif'); width: 150px;}


/*//////////////////////   SEARCH BOX  //////////////////////////*/

div #m2_SEARCH_BOX{ background-image: url('/image/search_box.png'); width: 240px;}

/*div.m2_SEARCH_BOX div{ display: block; border: 0; width: 240px; height: 25px; padding: 0; margin: 0; text-align: right; vertical-align: middle; }*/
div #m2_SEARCH_BOX input.s_text{ position: absolute; top: 5px; left: 18px; border: none; font-size: 12px; color: #003366; width: 185px; height: 18px; background: none;}
div #m2_SEARCH_BOX input.s_button{ position: absolute; top: 2px; left: 205px; border: none; background: none; width: 30px; height: 25px; }

/*/////////////////////////////////////////////////////////////////////////////*/



/*///////////////   FOOTER   ////////////////*/
div.foot
{
   position: fixed;
   left: 50%;
   margin-left: -385px;
   bottom: 0px;
   background-image: url('../image/footer_bg.png');
   background-repeat: repeat-x;
   color: white;
   height: 16px;
   padding: 5px;
   padding-top: 15px;
   text-align: center;
   width: 790px;
}

div.foot div
{
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
}

div.foot div.stats
{
	display: block;
	padding: 0;
	float:right;
	width: 1px;
}

div.foot div.stats a img
{
	width: 1px;
	height: 1px;
}

div.foot div a{ color: white; text-decoration: none; font-weight: normal; }
div.foot div a:hover{ color: white; text-decoration: underline; }
div.foot div a:visited{ color: white; }

/*////////////////////////////////////////////*/

table.contributers td{
	padding: 4px;
	padding-bottom: 8px;
}


/*////////////////////////////////////////////*/

div.USERmenu
{
	position: fixed;
	display: block;
	background-color: #101010;
	color: white;
	width: 120px;
	top: 10px;
	left: 50%;
	margin-left: 415px;
	text-align: center;
	padding: 5px;
}

div.USERmenu div.menuItem
{
   display: inline;
   text-align: center;
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 1px;
   padding-top: 2px;
   height: 13px;
   font-size: 11px;
   line-height: 15px;
}

div.USERmenu a{ color: #FFFFFF;	text-decoration: none;}
div.USERmenu a:visited{	color: #FFFFFF; text-decoration: none;}

#overlay_Content{
	display: block;
	position: absolute;
	left: 50%;
	padding: 20px;
	margin-left: -300px;
	margin-top: 150px;
	background: white;
	width: 600px;
	max-height: 500px;
}

div.survey_question_div{
	width: 590px;
	padding: 5px;
	display: inline-block;
	position: relative;
}


td {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
}
	
a image{
	border: 0;
}

div.body a {
	color: #FF6600;
	font-weight:bold;
}
	
a:hover {
	color: #3366CC;
}

div.answer {
	display: inline;
	width: 95%;
	margin-left: 6%;
	text-align: justify;
}

div.Q_Div {
	display: none;
	width: 90%;
	margin-left: 6%;
	font-size: smaller;
	text-align: justify;
}

table.listing {
	width: 90%;
	padding-left: 5%;
}

table.listing td{
	border-top: solid thin #003366;
	padding: 3px;
}

a.adminListing{
	text-decoration: none;
	font-weight: 200;
}

table.listing{
	text-align: center;
}

div.onTopDiv{
	color: white;
	z-index: 999;
	position: absolute;
	left: 20%;
	top: 20%;
	background-color: #358195;
	display: block;
	border: double 3px white;
}

h4{
	color: #003366;
	margin: 0;
	padding: 0;
	font-size: 12px;
}


/*////////////////////// OVERLAY DIV ///////////////////////*/

div.transparentBLOCK{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	background-image: url('../image/shadow_85.png');
	display: none;
}

div.transparentBLOCK table{
	width: 90%;
	padding: 0;
	z-index: 1002;
	margin-top: 50px;
}
div.transparentBLOCK table td{
	background-color: #FFFFFF;
	padding: 0;
}

div.transparentBLOCK table td.cnr_tl{
	background: none;
	background-image: url('../image/whiteCNR_tl.png');
	width: 20px; height: 20px;
}
div.transparentBLOCK table td.cnr_tr{
	background: none;
	background-image: url('../image/whiteCNR_tr.png');
	width: 20px; height: 20px;
}
div.transparentBLOCK table td.cnr_bl{
	background: none;
	background-image: url('../image/whiteCNR_bl.png');
	width: 20px; height: 20px;
}
div.transparentBLOCK table td.cnr_br{
	background: none;
	background-image: url('../image/whiteCNR_br.png');
	width: 20px; height: 20px;
}


/*///////////////////DROP DOWN MENU/////////////////////////*/
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 210px;
	background: #003366;
	border: solid 1px white;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
}

#sddm li a:hover
{	background: #FFFFFF;
	color: #003366;
}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	width: 230px;
	background: #FFFFFF;
	border: 1px solid #003366}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		text-align: left;
		text-decoration: none;
		background: #FFFFFF;
		color: #003366;
		font: 11px arial}

	#sddm div a:hover
	{	background: #003366;
		color: #FFFFFF}