@import "blue_style.css";

html,body {
	height: 100%;
	font: 12px/ 1.25em arial, sans-serif;
	margin: 0px
}


/* header rules 
=================================================================================== */
div#Header
{font-family:Arial;background:#fff; min-width:995px; width:auto; margin-bottom:2px; height:105px;}

* html div#Header
{width: expression(document.documentElement.clientWidth < 995? "995px": "auto" );}

div.HeaderContent 
{background:#fff;text-align:left;margin:0 auto;}

/* header navigation */


.HeaderNav
{height:34px;position:relative;min-width:984px;margin:0 auto; font-size:1.05em }

.HeaderNav li
{font-weight:bold;font-size: 10px;}

.HeaderNav ul.UtilityNavigation,
.HeaderNav ul.Navigation
{margin:0;padding:0;list-style:none;position:absolute;white-space:nowrap;}  

.HeaderNav ul.Navigation
{left:0;}

.HeaderNav ul.Navigation li
{float:left;border-width:0 1px 0 0;border-style:solid;border-color:#e6e6e6;}

.HeaderNav ul.Navigation li a
{padding:0 6px;width:auto;height:auto;margin:1px;display:block;vertical-align:middle}

.HeaderNav ul.Navigation li.NavLeft
{width:9px;height:27px;}

/* utility navigation */

.HeaderNav ul.UtilityNavigation
{right:0;}

.HeaderNav ul.UtilityNavigation li
{float:left;}

.HeaderNav ul.UtilityNavigation li a
{color:#005399; padding:0 12px 0 9px;width:auto; line-height:30px; text-decoration:none; }

.HeaderNav ul.UtilityNavigation li a:hover
{color:#ff6600; background-image:url(../images/spacer2.gif) }

.HeaderNav ul.UtilityNavigation li.name a
{color:#ff6600;} 



.HeaderNav ul.Navigation li a.CurPage:visited
{color:#ffffff;}

/* ie6 navigation (11px Arial)
========================================= */
* html .HeaderNav li
{font-size:11px;}

* html .HeaderNav ul.Navigation li a
{padding:0 4px 0 5px;}

* html .HeaderNav ul.UtilityNavigation li a
{padding:0 12px 0 7px;}

/* Sub menu
========================================= */
.submenu {width:700px; float:right; height:31px; font-size:10px}
.submenu  ul {display: block; list-style:none; float:right; margin:0; width:700px }

.submenu-full {width:800px; float:right; height:31px; font-size:10px}
.submenu-full  ul {display: block; list-style:none; float:right; margin:0; width:800px }

/* Sub menu & submenu full
========================================= */
.submenu  ul li, .submenu-full ul li{display: block;  float: right;  margin-right:4px;  margin-top:5px; white-space:nowrap; text-align:center;}
.submenu  ul li.line, .submenu-full ul li.line {font-size:14px; font-weight:bold; line-height:21px}

.submenu  ul li.select a, .submenu-full ul li.select a {color:#FFFFFF; text-decoration:none; font-weight:bold}


/* Title menu
========================================= */

.full-size {
	width: 100%;
	margin: 0 auto;
	min-width: 995px
}

h2 {
	color: #0067bf;
	margin: 0 0 0 0;
	font-size: 15px;
}

.warningMessage {
	font-weight: bold;
	color: #ff9900;
	font-size: 85%;
}

.flt-left {
	float: left
}

.flt-right {
	float: right
}

.js-text {
	text-align: center;
	padding: 20px
}

.form-box {
	border: 1px solid #d0e3f5;
	width: 662px;
}

.filter-table {
	border: 1px solid #d1e5ff;
	font-weight: bold
}

.height-bg {
	height: 200px;
	background-color: #FFFFFF
}

.box-697 {
	border: 1px solid #d0e3f5;
	width: 697px;
}

.menu-table {
	width: 100%;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	background-color: #FFFFFF;
}

.blu-box {
	background-color: #C0D7ED;
	width: 262px;
	float: right;
	border: 2px solid #dadada;
	padding: 2px;
	color: #333333;
	font-size: 11px;
	text-align: justify
}

.yellow-box {
	border: 1px solid rgb(208, 227, 245);
	padding: 0px;
	width: 300px;
	height: 50px;
}

.displayalert {
	background: #FFF7D6;
	color: #000000;
	height: 20px;
	padding: 5px 0px 5px 47px;
}

.displayreport {
	background: #FFF7D6 url(../images/info_icon.gif) no-repeat scroll 0%;
	color: #000000;
	height: 20px;
	padding: 5px 0px 5px 47px;
}

.displayerror {
	background: #FFF7D6 url(../images/error_icon.gif) no-repeat scroll 0%;
	color: #000000;
	height: 20px;
	padding: 5px 0px 5px 47px;
}

.displayprogress {
	background: #FFF7D6 url(../images/loading.gif) no-repeat scroll 0%;
	color: #000000;
	height: 20px;
	padding: 5px 0px 5px 47px;
}

.displaywarning {
	background: #FFF7D6 url(../images/warning_icon.gif) no-repeat scroll 0%;
	color: #000000;
	height: 20px;
	padding: 5px 0px 5px 47px;
}

.formQuestion {
	padding: 0.3em;
	font-weight: 900;
	font-size: 12px;
	color: #ffffff;
	background-image: url(../images/grad.gif)
}

.formAnswer {
	background-color: #ffffff;
	padding: 0.3em;
	font-size: 11px;
}

form {
	margin-bottom: 0;
}

.padd-3 {
	padding: 3px
}

.padd-4 {
	padding: 4px
}

.padd-5 {
	padding: 5px
}

.padd-6 {
	padding: 6px
}

.padd-7 {
	padding: 7px
}

.padd-8 {
	padding: 8px
}

.padd-9 {
	padding: 9px
}

.padd-10 {
	padding: 10px
}

.padd-11 {
	padding: 11px
}

.padd-12 {
	padding: 12px
}

.hide {
	text-decoration: none;
	background-color: #1B5790;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	padding: 3px;
	margin: 1px 1px 0px 0px
}

.blueBoxBorder01 {
	border-top: 1px solid #1B5790;
	border-left: 1px solid #1B5790;
	border-right: 1px solid #1B5790;
}

.blueBoxBorder02 {
	border-bottom: 1px solid #1B5790;
	border-left: 1px solid #1B5790;
	border-right: 1px solid #1B5790;
}

.padd-left-2 {
	padding-left: 2px
}

.padd-left-5 {
	padding-left: 5px
}

.padd-left-10 {
	padding-left: 10px
}

.padd-left-15 {
	padding-left: 15px
}

.padd-left-20 {
	padding-left: 20px
}

.text-non {
	text-decoration: none
}

.left-auto {
	float: left;
	width: auto
}

.whiteBox {
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9;
	height: 13px;
	font-size: 10px;
	vertical-align: middle;
}

.leftNavInner {
	text-align: left;
	background-color: #EFF3F7;
	border: 1px solid #A0A3FF;
	text-decoration: none;
}

.leftNavInnerMod {
	text-align: left;
	background-color: #f7f7f7;
	border: 1px solid #A0A3FF;
	text-decoration: none;
}

.box {
	font-size:12px;
	color: #000000;
	border: 1px solid #c0c0c0;
	padding:2px 3px 3px 3px;
	background-color: #FFFFFF;
}

.dis-box {
	border: 1px solid #c0c0c0;
	height: 13px;
	background-color: #e5e5e5;
}

.small-blk {
	font-size: 9px;
	color: #999999;
}

.display  span.small-blk2 {
	color: #000000;
	font-size: 9px;
}

.small-blue {
	font-size: 9px;
	color: #0066FF;
	font-weight: bold;
}

.black-bld {
	color: #333333;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

.black-bld  li {
	padding: 0 6px;
	width: auto;
	margin-top: 8px;
	display: block;
	vertical-align: middle
}

.topic_body {
	background-color: #ffffff;
}

.box2 {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	background-color: #ffffff;
	width: 200px;
	height: 80px;
	border: 1px solid #c0c0c0;
}

.gray-bld {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

.blu-bld2 {
	font-size: 12px;
	font-weight: bold;
	color: #096ae7;
}

.wht-bold {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	color: #FFCC33;
}

.black-big {
	font-size: 12px;
	font-weight: bold;
}

.red-star {
	color: #FF0000;
	font-weight: bolder
}

.green-star {
	color: #009933;
	font-weight: bolder
}

.blue-list {
	color: blue;
}

.combo {
	font-size: 10px;
	font-family: arial;
	color: #666666;
	border: 1px solid #c0c0c0
}

div#clicktocall {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #f8f8f8;
	margin: 2px;
	padding: 6px;
	border: 1px solid #d0e3f5;
}

.but-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003a5e;
	background-image: url(../images/but_grad1.gif);
	background-color: #b1b1b1;
	background-repeat: repeat-x;
	margin: 0px;
	height: 20px;
	border: 1px solid #438ece;
	padding: 0px 2px 3px 2px;
	width: auto
}

.but-blue2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #3E7DAA;
	background-image: url(../images/blue_grad1.gif);
	background-repeat: repeat-x;
	margin: 0px;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;
	border: 1px solid #ffffff
}

td.but-blue2 a:link {
	text-decoration: none;
	color: #3e7db8
}

td.but-blue2 a:visited {
	text-decoration: none;
	color: #3e7db8
}

td.but-blue2 a:hover {
	text-decoration: none;
	color: #003366
}

.but-blue-hov {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #3E7DAA;
	background-image: url(../images/blue_grad1a.gif);
	background-repeat: repeat-x;
	margin: 0px;
	height: 17px;
	border: 1px solid #ffffff;
}

.blue-title-big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/blue_grad2.gif);
	height: 31px;
	background-repeat: repeat-x;
}

.blue-title {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
	font-weight:bold; 
	color:#FFFFFF; 
	background-image: url(../images/blue_grad3.gif); 
	background-repeat:repeat-x; 
	background-color: #21a5e7;
	}

.but-gray-dis {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #adadad;
	background-image: url(../images/but_grad_dis.gif);
	background-color: #b1b1b1;
	background-repeat: repeat-x;
	margin: 0px;
	height: 17px;
	border: 1px solid #cccccc;
	padding: 0px 2px 1px 2px;
}

label.invalid {
	color: #FF6666;
	display: inline;
	font-style: italic;
	margin-left: 3px;
}

/*Footer*/
.bottom {
	text-align: center;
	font: 10px Arial, sans-serif;
}

/*Menu CSS*/
.dotted-box {
	background-color: #d7e5fc;
	border: dotted 1px #8d8d8d;
	padding: 8px;
	font-family: Courier New, Courier, monospace
}

/*Menu CSS*/
div.banner {
	margin: 0;
	line-height: 1;
	text-align: center;
	left: auto;
}

div.banner div {
	margin: 0;
	padding: 0.2em 0.2em;
	font-size: 10px;
	font-family: Arial, sans-serif;
	background: #d7e5fc;
	border: thin outset #ffffff;
	color: white;
}

div.banner a,div.banner {
	display: block;
	margin: 0 0.2em
}

div.banner a:first-child {
	border-top: none
}

div.banner a:link {
	text-decoration: none;
	color: #3e7db8
}

div.banner a:visited {
	text-decoration: none;
	color: #3e7db8
}

div.banner a:hover {
	color: #003366
}

td.but-blue a {
	text-decoration: none;
	color: #3E7DAA;
	padding: 0;
	margin: 0;
}

td.but-blue a:link {
	text-decoration: none;
	color: #3E7DAA;
	padding: 0;
	margin: 0;
}

td.but-blue a:visited {
	text-decoration: none;
	color: #3E7DAA;
}

td.but-blue a:hover {
	color: white
}

/*Menu CSS end*/
table.tablesorter {
	background-color: #CDCDCD;
	font-family: arial;
	font-size: 8pt;
}

table.tablesorter thead tr th,table.tablesorter tfoot tr th {
	background-color: #E6EEEE;
	border: 1px solid #FFFFFF;
	font-size: 8pt;
	padding: 1px;
	padding-left: 3px;
}

table.tablesorter thead tr .header {
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
	padding-left: 3px;
}

table.tablesorter tbody td {
	background-color: #FFFFFF;
	color: #3D3D3D;
	padding: 1px;
	padding-left: 3px;
}

table.tablesorter tbody tr.odd td {
	background-color: #e3edfa;
	padding-left: 3px;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url('../images/asc.gif');
}

table.tablesorter thead tr .headerSortDown {
	background-image: url('../images/desc.gif');
}

table.tablesorter thead tr .headerSortDown,table.tablesorter thead tr .headerSortUp
	{
	background-color: #8DBDD8;
}

div#Header2 {
	min-width: 995px;
	width: auto;
}

* html div#Header2 {
	width: expression(document .     documentElement .     clientWidth <       995
		?     
		 "995px" :       "auto");
}

div.pagecrumbs {
	margin-top: 2px;
	margin-bottom: 2px;
}

div.pagecrumbs span {
	color: #393939;
}

div.pagecrumbs input[type='button'] {
	margin-right: 2px;
	padding: 0px 2px 2px 0px;
	border: 1px solid #8DB5D7;
	color: #0056ac;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: url(../images/page_bg.gif) repeat-x;
	font-size-adjust: none;
	height: 18px;
}

div.pagecrumbs input[type='button']:disabled {
	border: 1px solid #a5a5a5;
	color: #b5b5b5;
}

div.pagecrumbs input[type='button']:disabled :hover {
	border: 1px solid #8DB5D7;
}

div.pagecrumbs input[type='button']:hover {
	margin-right: 2px;
	border: 1px solid #0056ac;
}

.Bbutton {
	border: 1px solid #666666;
	display: inline;
	height: 19px;
	font-size: 9px;
}

.Rbutton {
	display: inline;
	height: 19px;
	font-size: 9px;
	text-align: center;
	padding: 0px 2px 3px 2px
}

input [type='text']:disabled {
	color: #a2a2a2;
	border: 1px solid #c0c0c0;
	background-color: #F3F3F3;
}

.summary table {
	font-family: Lucida Grande, Verdana;
	font-size: 85%;
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	cursor: default;
}

.summary table td {
	padding: 2px;
	font-weight: normal;
}

.summary table th {
	padding: 2px;
	font-weight: bold;
}

.summary table thead td,.summary table thead th {
	background-image: url(../images/ft-head.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.summary table thead td.selectedUp,.summary table thead th.selectedUp {
	background-image: url(../images/ft-headup.gif);
}

.summary table thead td.selectedDown,.summary table thead th.selectedDown
	{
	background-image: url(../images/ft-headdown.gif);
}

.summary table tbody tr td {
	border-bottom: 1px solid #ddd;
}

.summary table tbody tr.alt td {
	background: #e3edfa;
}

.summary table tbody tr.selected td {
	background: yellow;
}

.summary table tbody tr:hover td,.rowhover tbody tr:hover td {
	background: #a6c2e7;
}

.summary table tbody tr.selected:hover td {
	background: #ff9;
}

div.tip {
	position: absolute;
	float: left;
	padding: 0px;
	z-index: 1;
	background-color: #d1cfd0;
}

div.tip div.inner {
	padding: 0px;
	position: relative;
	left: -3px;
	top: -3px;
}

div.tip div.inner div.box1 {
	width: 500px;
	border: 1px solid #9c9361;
	background-color: #fff095;
	padding: 7px;
}

div.tip div.inner div.box1 h5 {
	color: #000000;
	font-size: 1.2em;
	font-weight: 700;
	margin: 0pt;
	padding: 4px;
}

div.tip div.inner div.box0 {
	width: 85px;
	border: 1px solid #9c9361;
	background-color: #fff095;
	padding: 7px;
}

div.tip div.inner div.box0 h5 {
	color: #000000;
	font-size: 1.2em;
	font-weight: 700;
	margin: 0pt;
	padding: 4px;
}

div.tip div.inner div.box1 p {
	margin: 4px 0px 15px 0px
}

div.tip div.inner div.box1 p a {
	background: transparent url(../images/r.gif) no-repeat scroll 3px 8px;
	color: #0073BF;
	display: block;
	margin-left: 3px;
	padding: 2px 2px 0pt 12px;
}

div.tip div.inner div.box1 p span {
	display: block;
	margin-left: 3px;
	padding: 2px 2px 0pt 12px;
	font-size: 9px
}

.summary_details tbody tr td {
	border-bottom: 1px solid #f1f1f1;
}

.summary-nohvr table tbody tr.hvr:hover td {
	background: #a6c2e7;
	cursor: pointer;
}

.summary-nohvr table {
	font-family: Lucida Grande, Verdana;
	font-size: 85%;
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	cursor: default;
}

.summary-nohvr table td {
	padding: 2px;
	font-weight: normal;
}

.summary-nohvr table th {
	padding: 2px;
	font-weight: bold;
}

.summary-nohvr table thead td,.summary-nohvr table thead th {
	background-image: url(../images/ft-head.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.summary-nohvr table thead td.selectedUp,.summary table thead th.selectedUp
	{
	background-image: url(../images/ft-headup.gif);
}

.summary-nohvr table thead td.selectedDown,.summary table thead th.selectedDown
	{
	background-image: url(../images/ft-headdown.gif);
}

.summary-nohvr table tbody tr td {
	border-bottom: 1px solid #ddd;
}

.summary-nohvr table tbody tr.alt td {
	background: #e3edfa;
}

.summary-nohvr table tbody tr.selected td {
	background: yellow;
}

table.summary-details-row {
	cellpadding: 0;
	cellspacing: 0;
	background: #ffffff;
	border: 0px solid;
	width: 100%;
}

.wid table th {
	width: 150px
}

/*==================Tab Menu CSS============================*/
.tabmenu a {
	background: url(../images/gray_left.png) left top no-repeat;
	text-decoration: none;
	padding-left: 10px;
	height: 21px;
	line-height: 21px;
	color: #005bba;
}

.tabmenu a span {
	background: url(../images/gray_right.png) right top no-repeat;
	padding-right: 10px;
	height: 21px;
}

.tabmenu a,.tabmenu a span {
	display: block;
	float: left
}

/* Hide from IE5-Mac \*/
.tabmenu a,.tabmenu a span {
	float: none
}
/* End hide */
.tabmenu a:hover {
	color: #fff;
	background: url(../images/blue_left.png) left top no-repeat;
	padding-left: 10px;
}

.tabmenu a:hover span {
	background: url(../images/blue_right.png) right top no-repeat;
	padding-right: 10px;
	color: #fff;
}
.current a {
	color: #fff;
	background: url(../images/blue_left.png) left top no-repeat;
	padding-left: 10px;
}
.current a span {
	background: url(../images/blue_right.png) right top no-repeat;
	padding-right: 10px;
	color: #fff;
}
.tabmenu {
	list-style: none;
	padding: 0;
	margin: 0
}

.tabmenu li {
	float: left;
	margin: 0;
	padding-right: 4px;
}

.display {
	color: #000000;
	font-weight: bold;
	background-color: #fff8cf;
	font-size:11px;
	margin: 0px;
	border: 1px solid #e4dba7;
	padding: 3px;
	}


.topic_body {
	background-color: #ffffff;
}
/*==================End Tab Menu CSS============================*/

 #tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #FFFFAA;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }


.tooltiptext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}


.blueHeader {
	background: url(../images/blue_title_grad.png) repeat-x; 
	height:34px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding:0px 0px 0px 15px;
}

.flatbtn {
	margin-right: 2px;
	padding: 0px 2px 2px 0px;
	border: 1px solid #8DB5D7;
	color: #0056ac;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: url(../images/page_bg.gif) repeat-x;
	font-size-adjust: none;
	height: 18px;
}

.flatbtn:disabled {
	margin-right: 2px;
	padding: 0px 2px 2px 0px;
	border: 1px solid #a5a5a5;
	color: #b5b5b5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: url(../images/page_bg.gif) repeat-x;
	font-size-adjust: none;
	height: 18px;
}

.blank-30 {
	height:30px; 
	margin:0 auto;
}

.white-bg {
	background:#FFFFFF;
}