/* CSS Document 



Main - #0f67a1

Lighter - #429bdd

Active - #ffcf00



*/



* { margin: 0; padding: 0; }



#pagecontainer { float: left; width: 100%; text-align: center; }

#content { margin: 0 auto; width: 996px; text-align: left; background: #fff; }

#content_bg { float: left; width: 996px; margin: 0 0 0 0; padding: 0 0 0 0; text-align: left; }

#content_bottom { float: left; width: 996px; height: 12px; }



#top { float: left; width: 996px; height: 118px; background: url(images/bg_top.jpg) no-repeat top left; border-bottom: 3px #0f67a1 solid; }

#header { float: left; width: 996px; height: 86px; }

#header_left { float: left; width: 454px; height: 71px; padding: 15px 0 0 40px; }

#header_right { float: left; width: 469px; height: 79px; text-align: right; color: #fff; font-size: 11px; padding: 7px 25px 0 0; }

#header_right a { color: #fff; text-decoration: none; font-weight: normal; }

#header_right a:hover { color: #fff; text-decoration: underline; font-weight: normal; }

#navs { float: left; width: 996px; height: 32px; }

#navs_left { float: left; width: 696px; height: 32px; padding: 0 0 0 25px; }

#navs_right { float: left; width: 250px; height: 32px; padding: 0 25px 0 0; }



#copy { float: left; width: 996px; background: url(images/bg_copy.gif) repeat-y top left; }

#copy_big { float: left; width: 996px; background: url(images/bg_copy_big.gif) repeat-y top left; }

#copy_left { float: left; width: 666px; padding: 15px 25px 25px 25px; }

#copy_left_big { float: left; width: 996px; padding: 15px 25px 25px 15px; }

#copy_right { float: left; width: 240px; padding: 20px 20px 20px 20px; }



#copy_box { float: left; width: 666px; padding: 0; margin: 0 0 25px 0; }

#copy_box_big { float: left; width: 996px; padding: 0; margin: 0 0 25px 0; }

#grey_box { float: left; width: 626px; padding: 10px 20px 10px 20px; background: #f4f4f4; margin: 0 0 25px 0; }

#info_box { float: left; width: 626px; padding: 15px 20px 15px 20px; background: #4cac00; margin: 0 0 20px 0; text-align: center; font-size: 15px; color: #fff; font-weight: bold; }

#warning_box { float: left; width: 626px; padding: 15px 20px 15px 20px; background: #ff9f00; margin: 0 0 20px 0; text-align: center; font-size: 15px; color: #fff; font-weight: bold; }

#error_box { float: left; width: 626px; padding: 15px 20px 15px 20px; background: #fb2000; margin: 0 0 20px 0; text-align: center; font-size: 15px; color: #fff; font-weight: bold; }





.header { background: #429bdd; color: #fff; font-weight: bold; padding: 9px 10px 9px 10px; font-size: 14px; }

.header a { color: #fff; }

.header a:hover { color: #fff; text-decoration: underline; }

.plain { padding: 9px 10px 9px 10px; }

.odd { padding: 9px 10px 9px 10px; background: #fafafa; }

.even { padding: 9px 10px 9px 10px; background: #f2f2f2; }

.redbg { padding: 9px 10px 9px 10px; background: #930000; color: #fff; font-weight: bold; }

.highlight { padding: 9px 10px 9px 10px; background: #0f67a1; color: #fff;}

.tclass { width: 626px; color: #c3c3c3; font-size: 11px; }

.tclass td { border-bottom: 2px dotted #cfcfcf; padding: 15px 0 14px 0; }

.tclass td.clear { border-bottom: none; padding: 15px 0 14px 0; }

.tclass p { color: #000; font-size: 13px; padding-top: 5px; }

.table_style a { text-decoration: none; }

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

.dashboard a { color: #a9a9a9;}





/*------------- FOOTER --------------*/



.clear { clear: both; }

#footer { float: left; width: 946px; padding: 10px 25px 20px 25px; margin: 0; border-top: 1px #cccccc solid; background: #ececec; } 

#footer_left { float: left; width: 446px; }

#footer_right { float: left; width: 500px; padding: 1px 0 0 0; text-align: right; }

#footer p { color: #707070; font-size: 10px; padding: 0; margin: 0; }

#footer a { color: #707070; font-weight: normal; text-decoration: none; }

#footer a:hover { text-decoration: underline; color: #707070; }





/*------------- GLOBAL SELECTORS --------------*/



body { text-align: center; margin: 0; padding: 0; border:0; color: #000; font-family: Tahoma, Verdana, Sans-serif; font-size: 12px; background-color: #ececec; }



h1 { color: #0f67a1; font-size: 28px; font-weight: normal; padding: 13px 0 5px 0; margin: 0 0 5px 0; }

h2 { color: #0f67a1; font-size: 22px; font-weight: normal; padding: 10px 0 2px 0; margin: 0 0 5px 0; }

h3 { color: #0f67a1; font-size: 14px; font-weight: normal; padding: 8px 0 0 0; margin: 0 0 2px 0; }



p { font-size: 13px; line-height: 17px; color: #000; padding: 0px 0 10px 0; margin: 0; }

p.readmore { padding: 0px 0 3px 22px; background: url(images/arrow_blue.gif) no-repeat 11px 7px; font-size: 13px; }

p.readmore a { font-weight: bold; text-decoration: none; color: #0f67a1; }

p.readmore a:hover { font-weight: bold; text-decoration: underline; color: #0f67a1; }





ul { list-style: square; margin-top: 10px; margin-bottom: 10px; margin: 0; margin-left: 5px; padding: 0; }

ul li { text-indent:0px; margin: 0 0 0 20px; padding: 1px 0 1px 0; }

a { text-decoration: underline; color: #0f67a1; font-weight: bold; }

a:hover { text-decoration: none; color: #0f67a1; font-weight: bold; }



/*------------- FORM ELEMENTS --------------*/



form { margin:0; padding:0; display:block; }

input, select, textarea, option { padding: 3px 6px 4px 6px; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#1F1F1F; font-weight:normal; }



/*------------- SUBNAVIGATION --------------*/



#navigation { list-style: none; margin: 0; padding: 0; }

#navigation li { float: left; font-size: 13px; } * html #navigation li { width: 145px; }

#navigation li a { display: block; height: 23px; background: #429bdd; text-align: center; color: #fff; padding: 9px 20px 0 20px; text-decoration: none; margin: 0 2px 0 0; }

#navigation li a:hover { background: #ffcf00; color: #0f67a1; }

#navigation li a.on { background: #ffcf00; color: #0f67a1; }



#menu { float: left; width: 240px; }

#menu_item { float: left; width: 240px; height: 31px; margin: 0 0 2px 0; background: #d9d9d9; }

#menu_item p { padding: 8px 0 0 29px; background: url(images/icon_menu.gif) no-repeat 10px 11px; font-size: 11px; }

#menu_item a { color: #404040; text-decoration: none; }

#menu_item a:hover { color: #0f67a1; text-decoration: none; }



#menu_item_on { float: left; width: 240px; height: 31px; margin: 0 0 2px 0; background: #429bdd; }

#menu_item_on p { padding: 8px 0 0 29px; background: url(images/icon_menu_on.gif) no-repeat 10px 11px; font-size: 11px; }

#menu_item_on a { color: #fff; text-decoration: none; }

#menu_item_on a:hover { color: #fff; text-decoration: none; }



#menu_item_box { float: left; width: 208px; padding: 10px 15px 10px 15px; margin: 0 0 2px 0; border: 1px #c7c7c7 solid; }





ul.subMenu { width: 200px; font-size: 11px; font-weight: bold; }

ul.subMenu li { display:block; list-style-type: none; height: 20px; }

ul.subMenu a:link, ul.subMenu a:visited { display:block; padding: 2px 0 2px 21px; color: #404040; text-decoration:none; background: url(images/icon_submenu.gif) no-repeat 6px 6px; font-weight: bold; }

ul.subMenu a:active, ul.subMenu a:hover { padding: 2px 0 2px 21px; color: #0f67a1; text-decoration:none; background: url(images/icon_submenu_on.gif) no-repeat 6px 6px; font-weight: bold; }

ul.subMenu a:link.subMenuOn, ul.subMenu a:visited.subMenuOn { padding: 2px 0 2px 21px; color: #0f67a1; text-decoration:none; background: url(images/icon_submenu_on.gif) no-repeat 6px 6px; font-weight: bold; }

ul.subMenu a:link.subMenuOn, ul.subMenu a:visited.subMenuOn { font-weight: bold; }





/* CSS Buttons */



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

	BUTTON DEFINITION CLASS */



	button.cssbutton {border:0; text-align:center; padding:0; margin:0; cursor:pointer;} *:first-child+html button.cssbutton { width:1%; }

	button.cssbutton span {font:bold 12px/27px Verdana; color:#666; display:block; cursor:pointer; position:relative; white-space:nowrap; height:28px; margin-left:1px; padding:0 10px 0 9px;} *:first-child+html button.cssbutton span { float:left; } 

	

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

	LINK DEFINITION CLASS */

	

	a.cssbutton {border:0;float:left;text-align:center;padding:0;margin:0;cursor:pointer;text-decoration: none;}

	a.cssbutton span {font:bold 12px/27px Verdana; color:#666; display:block; float: left; white-space:nowrap; height:28px; margin-left:1px; padding:0 10px 0 9px;} /* padding-left = (padding-right - margin-left) NOTE: Firefox renders this different */

	

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

	INPUT DEFINITION CLASS */

	

	div.cssbutton {border:0; float:left; text-align:center; padding:0; margin:0; cursor:pointer;}

	div.cssbutton input {border:0; font:bold 12px/27px Verdana; color:#666; display:block; cursor:pointer; float:left; white-space:nowrap; height:28px; margin-left:1px; padding:0 10px 2px 9px;} *:first-child+html div.cssbutton input { padding: 0 0 2px 0; }

	

/* 	Overrides the CSS Buttons Framework */

button.cssbutton.sample span,a.cssbutton.sample span,div.cssbutton.sample input { color:#fff; }

button.cssbutton.sample.a span,a.cssbutton.sample.a span,div.cssbutton.sample.a input { background:url("images/sample_aRight.gif") no-repeat right 0; }

button.cssbutton.sample.a,a.cssbutton.sample.a,div.cssbutton.sample.a { background:url("images/sample_aLeft.gif") no-repeat 0 center; }

button.cssbutton.sample.a:hover span,a.cssbutton.sample.a:hover span,div.cssbutton.sample.a:hover input { color:#0f67a1; background:url("images/sample_aRight.gif") no-repeat right 100%; }

button.cssbutton.sample.a:hover,a.cssbutton.sample.a:hover,div.cssbutton.sample.a:hover { background:url("images/sample_aLeft.gif") no-repeat -255px center; }



button.cssbutton.select span,a.cssbutton.select span,div.cssbutton.select input { color:#fff; }

button.cssbutton.select.a span,a.cssbutton.select.a span,div.cssbutton.select.a input { color:#0f67a1; background:url("images/sample_aRight.gif") no-repeat right 100%; }

button.cssbutton.select.a,a.cssbutton.select.a,div.cssbutton.select.a { background:url("images/sample_aLeft.gif") no-repeat -255px center; }

#copy_info_confirmation { float: left; width: 580px; padding: 15px 15px 15px 65px; margin: 0 0 20px 0; background: #e0f4dd url(../images/sign_confirmation.gif) no-repeat 90px 10px; }
#copy_info_confirmation p { margin-left: 95px; }
#copy_info_error { float: left; width: 580px; padding: 15px 15px 15px 65px; margin: 0 0 20px 0; background: #f6dcdb url(../images/sign_error.gif) no-repeat 90px 10px; }
#copy_info_error p { margin-left: 95px; }
#copy_info_warning { float: left; width: 580px; padding: 15px 15px 15px 65px; margin: 0 0 20px 0; background: #f8ecd0 url(../images/sign_warning.gif) no-repeat 90px 10px; }
#copy_info_warning p { margin-left: 95px; }
#copy_info_orange { float: left; width: 630px; padding: 15px 15px 15px 15px; margin: 0 0 20px 0; background: #f8ecd0;}