﻿/* Colors Used (good for search/replace)

#ffffff; White
#000000; Black
#000077; Blue Dark
#000099; Blue
#E0CCCC; Blue Highlight
#444444; Grey Dark
#909090; Grey
#CCCCCC; Grey Light
#E0E0E0; Grey Highlight

*/

/* The Following are common items used in the layout and throughout the website. */
	/*body{/*color:#444444;*//*font-family: Arial, Tahoma, sans-serif;font-size:small;font-weight: normal;padding:25px;}*/
	/*td,th {/*color:#444444;*//*font-family: Arial, Tahoma, sans-serif;font-size:small;font-weight: normal;}*/
   	a, a:link, a:visited{font-size:100%;font-weight:bold;color:#000077;text-decoration:none;}
	a:hover, a:active{color:#000099;text-decoration:underline;}
	.content H2{font-size:12pt;font-weight:bold;color:#fff;padding:12px 0px 0px 8px;margin:0;float:left;}

	.button {color:#444444; border: 1px solid #444444; background: #CCCCCC; cursor:pointer; font-size:100%;}
	.button:hover{background: #E0E0E0;}
	td.PlanCentral_Title{background-color:#000077;color:#ffffff;font-size:130%;font-weight:bold;padding:5px;}
	td.PlanCentral_MainMenu{background-color:#444444;color:#ffffff;font-size:87%;font-weight:bold;padding:5px;}
	td.PlanCentral_Footer{background-color:#444444;color:#ffffff;font-size:87%;font-weight:bold;padding:5px; text-align:center;}
	td.PlanCentral_Message{color:#000077;font-size:87%; text-align:left;}
	#PlanCentral_Navigation {margin:0px; padding:0px;}
	#PlanCentral_Navigation li {margin:0px; padding:0px; padding-right:4px; display:block; float:left; position:relative;}
	#PlanCentral_Navigation li a.PlanCentral_Navigation_Main {padding:2px 4px 2px 4px; display:block; text-align:center; text-decoration:none; background:#444444; color:#ffffff; border: solid 1px #909090;}
	#PlanCentral_Navigation li a.PlanCentral_Navigation_Main:hover, a.PlanCentral_Navigation_Main:active {background:#555555; color:#ffffff;}
	#demo{font-family:tahoma;font-size:small;margin:10px;padding:10px;height:800px;}  
	.PlanCentral_Navigation_Sub {background: #444444; border: solid 1px #909090; visibility: hidden; position: absolute; z-index: 3; margin-top:-1px;}
	.PlanCentral_Navigation_Sub a {display: block; text-align: left; text-decoration: none; padding: 5px; color: #ffffff;}
	.PlanCentral_Navigation_Sub a:hover, a:active {background:#555555; color:#ffffff;}

/* User Login page */
	.user_login_input{font-size:92%; color:#444444; width:200px;}
	td.user_login_label_td{font-size:92%; color:#444444; font-weight:bold; text-align:right; vertical-align:top; width:75px;}
	td.user_login_input_td{text-align:left; vertical-align:top; width:225px;}
	td.user_login_link_td{font-size:87%;font-weight:bold;color:#000077;text-align:right;}
	a.user_login_link_a, a.user_login_link_a:link, a.user_login_link_a:visited{font-size:87%;font-weight:bold;color:#000077;text-decoration:none;}
	a.user_login_link_a:hover, a.user_login_link_a:active{color:#000099;text-decoration:underline;}

	/* table level rules */
	.grid{font-family: tahoma;font-size: 11px;border: solid 1px #7f7f7f;border-collapse:collapse;color: #333333;width:100%;	margin-right: 0px;}
	/* header column rules */
	.grid th {background: url(../Image/sprite.png) repeat-x 0px 0px;border-color: #989898 #cbcbcb #989898 #989898;border-style: solid solid solid none;    border-width: 1px 1px 1px medium;color: #000;padding: 4px 5px 4px 10px;vertical-align: bottom;text-align:left;}  
	.grid th a{color:#333333;font-weight: bold;text-decoration: none;display: block;padding-right: 10px;}
	/* data cell and data row rules */
	.grid td {color:#333333;padding: 4px 10px 4px 10px;border-bottom: solid 1px #BBD9EE;}
	.grid .altrow{background-color: #EBF4FA;} 
	.grid .row{background-color: #fff;}  
	.grid .rownum{text-align:center;font-weight:bold;color:#333333;}
	.pager{height:30px;background:url(../Image/pager_bg.gif) repeat-x;}
	.pager .container{padding:4px;}
	.pager .command{float:left;padding-right:5px;}    
	.pager .info{font-size:12px;padding:4px 0px;float:right;}
	.panel{font-family:Tahoma;font-size:11pt;color:#222222; background-color:#fff;}    
	/* header styles */
	.panel .header{color:#fff;}
	.panel .header .outer{background:url(../Image/top-right.gif) right no-repeat;padding-right:6px;}
	.panel .header .inner{background:url(../Image/top-left.gif) left no-repeat;padding-left:6px;}
	.panel .header .content{height:38px;background:url(../Image/top-mid.gif) repeat-x;}
	/*.panel .header .content H2{font-size:12pt;font-weight:bold;color:#fff;padding:12px 0px 0px 8px;margin:0;float:left;}  */
	/* panel body styles */
	.panel .body{}
	.panel .body .outer{background:url(../Image/right.gif) right repeat-y;padding-right:6px;}
	.panel .body .inner{background:url(../Image/left.gif) left repeat-y;padding-left:6px;}
	/* panel footer styles */
	.panel .footer .outer{background:url(../Image/bottom-right.gif) right top no-repeat;padding-right:6px;}
	.panel .footer .inner{background:url(../Image/bottom-left.gif) left top no-repeat;padding-left:6px;}
	.panel .footer .content{height:6px;background:url(../Image/bottom-mid.gif) repeat-x;}   
	.filter{float:right;font-weight:bold;padding:10px 2px 0px 0px;} 
	.filter INPUT{width:150px;}  
	/*AutoComplete flyout */
	.autocomplete_list{visibility:hidden;margin:0px!important;padding:0px;background-color:inherit;color:windowtext;border:buttonshadow;border-width:1px;border-style:solid;cursor:default;text-align:left;list-style-type:none;overflow:auto;font-weight:normal;font-family:tahoma;font-size:12px;}
	/* AutoComplete highlighted item */
	.autocomplete_highlighted_listitem{background-color:Highlight;color:HighlightText;padding:3px;}
	/* AutoComplete item */
	.autocomplete_listItem {background-color:window;color:windowtext;padding:3px;}
	
	.accordionHeader
{
	text-align:left;
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
    background-image: url(../Image/expand.gif);
    background-repeat:no-repeat ;
    background-position:center right;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;

}
.accordionHeader a 
{
    color: #FFFFFF;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
.accordionContent a img
{
/* This centers the image */
display: block;
margin-left: auto;
margin-right: auto;
border-style:none ;
}
.accordionContent a 
{
    color: #000000;
}

