/* ---------------------------------

  common styles

----------------------------------- */



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}



body { line-height: 1.2em; font-size:11px; font-family:Geneva, Arial, Helvetica, sans-serif}

body{behavior:url(common/js/csshover.htc); }



ol, ul { list-style: none;}



blockquote, q { quotes: none; }



blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }



/* remember to define focus styles! */

:focus { outline: 0;}



/* remember to highlight inserts somehow! */

ins { text-decoration: none;}



del { text-decoration: line-through;}



/* tables still need 'cellspacing="0"' in the markup */

table { border-collapse: collapse; border-spacing: 0; }





body, html{height:100%;}

/*---------------------------------

  page structure - layout 

-----------------------------------*/



/*---- header ----*/

#header{padding:10px 0px; width:100%; overflow:hidden}

#header h1{float:left; padding-left:10px;}

.h_right{padding-right:10px; text-align:right;}

.h_right a{color:#597592; margin-left:10px; text-decoration:none;}

.h_right a:hover{text-decoration:underline;}

.date{padding-bottom:15px; padding-top:15px; font-weight:bold;}





/*---- navigation ----*/

#navigation{ background:#597592; width:100%; float:left; position:relative; z-index:100; }





/*---- content ----*/

#content{padding:20px; clear:both;}





/*---- footer ----*/



h1.logo{position:absolute; left:30px; top:0px;}



/*---------------------------------

  sections

-----------------------------------*/



/*---- header ----*/





/*---- navigation ----*/

#navigation ul li{display:inline;border-right:solid 1px #fff; line-height:30px; float:left; position:relative;}

#navigation ul li a{padding:8px 15px; color:#fff; text-decoration:none;}

#navigation ul li a:hover, #navigation ul li:hover a{background:#12A1C8;}



#navigation ul li ul{position:absolute; left:-1px; top:30px; z-index:10; background:#12A1C8; display:none; width:160px; }

#navigation ul li ul li{white-space:nowrap;}

#navigation ul li:hover ul{display:block;}

#navigation ul li a.active{background:#12A1C8;}

#navigation ul li li a{background:none;}

#navigation ul li li{width:100%; float:left; border-right:none;}

#navigation ul li li:hover{background:#61C4DF;}

#navigation ul li:hover li a{background:none;}





/*---- content ----*/

#content #inner_content, #content fieldset{border:#DFDAB5 solid 1px; padding:0px 20px 20px 20px; position:relative;}

#content fieldset legend{border:#EFE8B3 solid 1px; padding:8px; background:#fff; margin-bottom:20px; color:#666666; font-size:12px; }

#content fieldset legend span{color:#fe0000; font-size:10px;}

#content fieldset{margin-bottom:20px;}



#field1{background:#F2EFD6; padding:10px; border:#DFDAB5 solid 1px; margin-bottom:20px;}

#field1 table{width:100%;}

#field1 table .label{text-align:right; width:130px;}

#field1 table td{padding:5px;}

.textbox{width:120px; padding:2px; border:solid 1px #CCCCCC; font-size:11px;}

td.submit{ text-align:right}

td.submit input{color:#fff; text-decoration:none; margin-left:10px;  background:url(../images/bg1.gif) repeat-x 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-align:center;  color:#fff; padding:7px; border:none; cursor:pointer; font-size:11px;  }



.list1{width:120px;}

#box1{background:#F2EFD6; border:solid 1px #DFDAB5; padding:1px; margin-bottom:20px;}

#box1 table{width:100%; }

#box1 table th{font-weight:normal; padding:5px 8px; border:solid 1px #fff; vertical-align:middle}

#box1 table td{padding:5px 8px; border:solid 1px #fff; background:#ededed; text-align:center; vertical-align:top;}

#box1 a{color:#016ea0;}

#box1 a:hover{text-decoration:none;}

.btn1{padding:5px; color:#fff; text-decoration:none; margin-left:10px;  background:#597592; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-align:center; border:0; cursor:pointer; }

div.btn{padding-left:40%;}

.right{text-align:right;}

#paging{padding:6px 10px; background:#F2EFD6; border:#EFE8B3 solid 1px;}

.textbox2{width:50px; margin-left:5px; font-size:11px;}

#paging table{width:100%;}

.left_col{width:100px;}

.mid_col{text-align:center;}

.right_col{text-align:right; width:150px;}



.para .btn1{float:right; margin-top:-5px;}



#paging a{padding:1px 5px; text-decoration:none; color:#333}

#paging a:hover, #paging a.active{background:#597592; color:#fff;}

#login{border:solid 1px #DFDAB5; padding:20px; margin:0px auto; background:url(../images/keys.jpg) no-repeat 60px 60px; width:880px; position:relative;}

#login_form{padding:60px 40px 20px 380px;}

#login_form h2{color:#266ecd; font-size:16px; margin-bottom:15px;}

.admin{background:url(../images/border.gif) no-repeat 0px 0px; height:195px; margin-left:30px; padding:20px;}

h4{color:#ff0000; font-weight:normal; padding-left:40px; margin-bottom:15px; padding-top:5px;}

.admin table{ width:230px; margin:0px auto; margin-bottom:25px;}

.admin table td{padding:7px;}

.admin .textbox2{width:130px; border:solid 1px #c3c3c3; padding:2px; font-size:11px;}

.admin a:hover{text-decoration:none;}

.admin a{color:#266ecd;}

.admin .para{padding-left:40px; padding-right:80px; }

.login{background:url(../images/bg1.gif) repeat-x 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-align:center; width:55px; height:28px; padding-bottom:4px; border:none; float:right; margin-top:-10px; color:#fff; cursor:pointer; }



.middle{height:100%; width:100%;}

.middle td{vertical-align:middle;}



.h_right{float:right; color:#597592; padding-top:10px;}



#box1 .tb1 .col1{width:40%; background:#EFEAC2; padding:8px; text-align:right; color:#484848;}

#box1 .tb1 .col1 span{color:#ff0101;}

#box1 .tb1 .col2{width:60%; background:#F2EFD6; padding:8px; text-align:left;}

#box1 .tb1 .col2 input{border:solid 1px #EFEAC2; width:350px; padding:3px; font-size:11px;}

#box1 .tb1 .col2 .checkbox input{ width:auto!important;}

#box1 .tb1 .col2 textarea{border:solid 1px #EFEAC2; width:350px; height:100px; padding:3px; font-size:11px; font-family:Arial, Helvetica, sans-serif}





/*---- footer ----*/

#footer{background:#555763; padding:8px; text-align:center}

#footer p{color:#fff;}

#footer p a{color:#F2EFD6; text-decoration:underline}

#footer p a:hover{text-decoration:none;}

.chp{width:auto!important;}



.table-header {

		background-color:#12A1C8;

		font-family:Arial, Helvetica, sans-serif;

		font-size:11px;

		color:#ffffff;

}

.table-header a{

		background-color:#12A1C8;

		font-family:Arial, Helvetica, sans-serif;

		font-size:11px;

		color:#ffffff;

		text-decoration:none;

}

.table-header a:hover{

		text-decoration:underline;	

}



.table-grid {

		

		font-family:Arial, Helvetica, sans-serif;

		font-size:11px;

		width:700px;

		border:1px solid #e2e2e2;

}



.table-altrow

{

	background-color:#f0f0f0;

}

.blue-text 

{

 font-family:Arial, Helvetica, sans-serif;

	font-size:15px;

	

	color:#3199b0;

	font-weight:bold;

}



.blue-text-small 

{

 font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	

	color:#3199b0;

	

}



.blue-text-small a{	

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#3199b0;

	font-weight:normal;

	text-decoration:none;

	margin:0px 3px 0px 3px;

	padding:0px;

}



.blue-text-small a:hover{	

	text-decoration:underline;

}