@charset "utf-8";
/* CSS Document */

body{
	padding:28px 0;
	margin:0;
	background:#caf0fd;
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	color:#656581;
	}
	
p, div, td, h1, h2, h3, h4, form, input, label{
	padding:0;
	margin:0;
	}
	
img{
	padding:0;
	margin:0;
	border:none;
	}
	
a{
	outline:none;
	}
	
ul{
	padding:0;
	margin:0;
	list-style-type:none;
	}			
	
/*======================================= GENERAL ===========================================*/	


/*-------- Shadow ---------*/

.shadowLeft{
	background:url(images/shadow-left.gif) repeat-y 100% 0;
	}
	
.shadowRight{
	background:url(images/shadow-right.gif) repeat-y 0 0;
	}
	
.shadowTop{
	background:url(images/shadow-top.gif) repeat-x 0 100%;
	}		
	
.shadowBottom{
	background:url(images/shadow-bottom.gif) repeat-x 0 0;
	}

/*-------- Shadow ---------*/

.mainPanel{
	background:#FFFFFF;
	padding:0 13px;
	max-width: 960px !important;
	}
	
.logo{
	margin:9px 0 3px 9px;
	}

.flashPanel{
	border:solid 1px #cccccc;
	}	
	
.headerRight{
	padding:21px 0 0 0;
	}
	
.headerRight select{
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color:#656581;
	width:120px;
	}
	
.menuRightPanel{
	border:solid 1px #cccccc;
	padding:1px;
	}
	
	
/*------------- sliding menu ---------*/

.glossymenu{
margin:0;
padding:0;
height:290px;
overflow:hidden;
/*width: 170px; width of menu*/
}

.glossymenu a.menuitem{
background:url(images/slid-top-bg.gif) repeat-x 0 0;
font: bold 14px Arial, Helvetica, sans-serif;
color: #656581;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
padding: 5px 0 5px 5px;
text-decoration: none;
}




.glossymenu a.menuitem:hover, .glossymenu a.menuitem:active{
	color:#060709;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 8px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image:url(images/slid-top-hover.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background:url(images/slide-bottom-bg.gif) repeat-x 0 100%;
padding:10px 5px 20px;
height:185px;
margin:0;
}


/*------------- sliding menu ---------*/

h2.rightHeading{
	background:url(images/heading-icon.gif) no-repeat 0 0;
	padding:0 0 10px 24px;
	font-size:11px;
	line-height:16px;
	border-bottom:solid 1px #cccccc;
	font-weight:normal;
	}
	
#loginForm{
	padding:20px 0 16px;
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	color:#656565;
	}
	
#loginForm input.textBox{
	height:12px;
	width:129px;
	padding:2px;
	font-size:11px;
	line-height:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#656565;
	border:solid 1px #cccccc;
	}
	
#loginForm input.goButton{
	background:url(images/go-button.gif) no-repeat 0 0;
	width:31px;
	height:18px;
	border:none;
	cursor:pointer;
	}
	
#loginForm a{
	text-decoration:none;
	color:#0691db;
	}
	
#loginForm a:hover{
	text-decoration:underline;
	}		
	
.navPanel{
	background:#0080c8;
	padding:0 8px;
	height:32px;
	}
	
.navPanel ul{
	padding:4px 0 0 0;
	}
	
.navPanel ul li{
	float:left;
	width:auto;
	line-height:32px;
	padding:0 5px 0 0;
	position:relative;
	}
	
.navPanel ul li a{
	display:block;
	float:left;
	width:auto;
	padding:0 0 0 20px;
	font-size:11px;
	line-height:32px;
	font-weight:bold;
	color:#fefefe;
	text-decoration:none;
	}
	
.navPanel ul li a span{
	display:block;
	float:left;
	width:auto;
	padding:0 20px 0 0;
	cursor:pointer;
	}
	
.navPanel ul li a:hover{
	background:url(images/nav-hover-left.jpg) no-repeat 0 100%;
	}
	
.navPanel ul li a:hover span{
	background:url(images/nav-hover-right.jpg) no-repeat 100% 100%;
	}
	
.navPanel ul li:hover a{
	background:url(images/nav-hover-left.jpg) no-repeat 0 100%;
	}
	
.navPanel ul li:hover a span{
	background:url(images/nav-hover-right.jpg) no-repeat 100% 100%;
	}	
		
	
.navPanel ul li a.active{
	background:url(images/nav-hover-left.jpg) no-repeat 0 100%;
	}
	
.navPanel ul li a.active span{
	background:url(images/nav-hover-right.jpg) no-repeat 100% 100%;
	cursor:default;
	}
	
/*   DROPDOWN   */

.navPanel ul li .dropMin {position:absolute; visibility:hidden; padding:0; left:0; top:28px;}
.navPanel ul li .drop {color:#000; margin:0; padding:0;}
.navPanel ul li .drop ul {width:130px; list-style-type:none; }
.navPanel ul li .drop ul li {background-image:none; padding:0; margin:0;}
.navPanel ul li .drop ul li a {width:170px; color:#FFFFFF; background:#0080c8; text-decoration:none; font:bold 11px/20px Arial, Helvetica, sans-serif; border-bottom:0px solid #FFFFFF; display:block;}
.navPanel ul li .drop ul li:hover a {width:170px; color:#FFFFFF; background:#0080c8; text-decoration:none; font:bold 11px/20px Arial, Helvetica, sans-serif; display:block;}


.navPanel ul li .drop ul li a:hover {background:#006097; color:#FFFFFF;}




.panelBox{
	width:226px;
	padding:2px;
	border:solid 1px #cccccc;
	}
	
	
	
.immerPanel{
	padding:16px 0 0 10px;
	font-size:13px;
	line-height:14px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.immerPanel h2{
	font-size:16px;
	line-height:17px;
	font-weight:bold;
	color:#027dc4;
	padding-bottom:8px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.immerPanel a{
	color:#027dc4;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.immerPanel a:hover{
	text-decoration:underline;
	}		
.postmetadata {
	clear: both;
}
.bottomPanel{
	background:url(images/bottom-panel-bg.gif) repeat-x 0 0;
	padding:10px 0;
	}
	
.bottomBox{
	padding:0 0 6px 18px;
	}									
	
.bottomBox h2{
	font-size:11px;
	line-height:16px;
	color:#656581;
	font-weight:bold;
	}
	
.bottomBox ul{
	padding:6px 0;
	}
	
.bottomBox ul li{
	font-size:11px;
	line-height:22px;
	}
	
.bottomBox ul li a{
	text-decoration:none;
	color:#017dc4;
	}
	
.bottomBox ul li a:hover{
	text-decoration:underline;
	}
	
.footer{
	padding:4px 10px 70px 10px;
	line-height:18px;
	color:#656581;
	}			
	
.footer img{
	margin:4px 0 0 0;
	}
	
	
	
ul.supportList{
	padding:10px 0;
	}
	
ul.supportList li{
	background:url(images/heading-icon.gif) no-repeat 0 0;
	font-size:11px;
	line-height:16px;
	padding:0 0 5px 25px;
	}
	
ul.supportList li a{
	color:#656581;
	text-decoration:none;
	}
	
ul.supportList li a:hover{
	text-decoration:underline;
	}		
	
	
.bottomInner{
	padding:0 0 20px 0;
	}
	
.panelBoxRT{
	padding:2px;
	border:solid 1px #cccccc;
	}
	
.contentArea{
	padding:0 8px;
	color:#656565;
	font-size:16px;
	line-height:25px;
	padding-bottom:10px;
	padding-top:8px;
	}
	
.contentArea h2{
	color:#656565;
	font-size:16px;
	line-height:25px;
	padding-bottom:10px;
	padding-top:8px;
	}
	
.contentArea h2 span{
	font-size:24px;
	}
	
.paddBtm8{
	padding-bottom:8px;
	}	
	
	
.sidbar{
	width:200px;
	background:url(images/panel-bg.gif) repeat-x 0 100%;
	padding:16px 0 0 15px;
	font-size:12px;
	line-height:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:20px;
	}
	
.sidbar h2{
	font-size:16px;
	line-height:17px;
	font-weight:bold;
	color:#027dc4;
	padding-bottom:8px;
	font-family:Arial, Helvetica, sans-serif;
	}
.sidbar li h2{
	font-size:16px;
	line-height:17px;
	font-weight:bold;
	color:#656565;
	padding-bottom:8px;
	padding-top:8px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.sidbar a{
	color:#027dc4;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:15px;
	line-height:18px;
	padding-bottom:20px;
	}
	
.sidbar a:hover{
	text-decoration:underline;
	}	
.page_new{
	padding:7px;
	font-size:13px;
	line-height:16px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
.page{
	padding:16px 0 0 10px;
	font-size:13px;
	line-height:16px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.page h2{
	font-size:16px;
	line-height:17px;
	font-weight:bold;
	color:#656565;
	padding-bottom:8px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.page a{
	color:#027dc4;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.page a:hover{
	text-decoration:underline;
	}
.page-arch{
	padding:16px 0 0 10px;
	font-size:13px;
	line-height:16px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.page-arch h2{
	font-size:16px;
	line-height:17px;
	font-weight:bold;
	color:#656565;
	padding-bottom:8px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.page-arch a{
	color:#027dc4;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.page-arch a:hover{
	text-decoration:underline;
	}