/* CSS Document */

body
{
margin:0px;
}

hr
{
color:#000099;
width:100%;
height:1px;

}

.mainC {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 775px;
	border: 1px solid;
	border-color:#dddddd;
	height: auto;
	background-color: #FFF;
}

#topD
{
/*border:1px solid;*/
border-color:#02029B;
width:775px;
margin:10px 0px 0px 0px;
background-color:#FFF;
float:left;
}
#bottomD
{
background-color:#FFF;
margin:10px 0px 0px 0px;
width:755px;
padding:10px;
border-bottom:1px solid #02029B;
border-top:1px solid #02029B;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
float:left;

}

#laftNav
{
/*background-color:#f8f8f8;*/
/*border:1px solid;
border-color:#02029B;
*/
width:125px;
float:left;
margin:0px 0px 0px 0px;
padding: 10px;
background-color:#FFF;
}


#mainCon
{
background-color:#FFFFFF;
border-left:1px solid;
border-color:#000099;
width:603px;
float:left;
padding:5px;
vertical-align:top;
}

.header
{
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#DCE8FA, endColorstr=#96BEFA);
float:left;
width:100%;
padding:5px;
border-top-color:#02029B;
border-top-style:solid;
border-top-width:1px;

}

.contentDiv
{
background-color:#DCE9FA;
margin:0px 0px 0px 0px;
float:left;
padding:5px;
width:150px;
border-bottom:1px solid #02029B;
border-top:1px solid #02029B;
}

.contentDivBottom
{
background-color:#EBF0F7;
margin:20px 5px 0px 5px;
float:left;
padding:5px;
width:125px;
border-bottom:1px solid #02029B;
border-top:1px solid #02029B;
}


.customButton
{
font-family:Tahoma, Arial, sans-serif, Verdana;
font-size:11px;
color:#FFFFFF;
background-color:#6d84b4;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
}

.loginForm
{
padding:20px;
margin:20px 20px 20px 20px;
line-height:25px;
font-size: 13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000066;
font-stretch:expanded;
border-top:3px solid #02029B;
background-color:#EBF0F7;
}

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

.formText
{
margin:0px 15px;
font-size: 11px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
/*border-top:3px solid #02029B;
border-bottom:1px solid #02029B;*/
height:20px;
padding:5px 3px 5px 3px;
/*width:80px;*/
text-align:right;
float:left;
}

.formDiv
{
margin:30px 20px 0px 20px;
border:1px solid;
}

.formField 
{
padding:5px 3px 5px 3px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
/*width:200px;*/
text-align:left;
float:left;
}

.formContent
{
margin:0px;
border-bottom:1px solid #6c6;
border-left:1px solid #6c6;
border-right:1px solid #6c6;
}

.tabSpace
{
width:150px;
float:left;
}

.tabDiv
{
float:left;
background-color:#DCE9FA;
}


.topTabContainer
{
border:0px;
background-color:#FFF;
float:left;
}


/***************************** Main Tabs CSS *************************************/


ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 0 0 0 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #02029B; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

div#tab1 li.tab1, div#tab2 li.tab2, div#tab3 li.tab3, div#tab4 li.tab4 { /* settings for selected tab */
/*border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #DCE9FA; /* set background color to match above border color */
}

div#tab1 li.tab1 a, div#tab2 li.tab2 a, div#tab3 li.tab3 a, div#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #02029B; /* set selected tab background color as desired */
color: #fff; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 34px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #02029B; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #96BEFA; /* set unselected tab background color as desired */
color: #02029B; /* set unselected tab link color as desired */
margin-right: 20px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
color:#02029b;
}

/*************************************** Main Tabs CSS ends ************************************/

div#testDiv
{
border:1px solid;
background-color:#eeeeee;
width:100px;
height:100px;
}

div.mainLeftDivHeading
{
border-bottom:1px solid;
border-top:1px solid;
width:auto;
background-color:#DCE9FA;
font-family:Verdana, Arial, Helvetica, sans-serif;
height:20px;
vertical-align:middle;
font-size:11px;
font-weight:bold;
text-align:center;
}

div.accountContentD
{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin:0px;
padding:5px 0px 5px 10px;
border-bottom:1px solid #ccc;
}

div.innerAccountContentD
{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
margin:0px;
padding:3px 5px 0px 0px;
text-align:right;
}

div.allHeadingsD
{
background-color:#DCE9FA;
border-top:2px solid #000099;
border-bottom:1px solid #000099;
height:15px;
padding:2px 5px 0px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#003399;
}

div.innerLeftD
{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin:0px;
padding:5px 0px 5px 10px;
border-bottom:1px solid #ccc;
width:225px;
float:left;
}

div.innerRightD
{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin:0px;
padding:5px 0px 5px 10px;
border-bottom:1px solid #ccc;
width:125px;
float:left;
}

div.innerAccountContentLeftAlignD
{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
margin:0px;
padding:3px 0px 0px 10px;
}


.tabHandel
{
float:left;
margin:5px 5px 5px 5px;
border:1px solid;
padding:3px 3px 3px 3px;
z-index:10;
cursor:pointer;
}

.tabHandelContainer
{
width:'100%';
margin:0px 0px 0px 0px;
}
.tabBody
{
position:relative;
top:-6px;
left:0px;
border:1px solid;
height:500px;
width:600px;
display:none;
z-index:5;
margin:0px;
}

.underTab
{
width:775px;
height:30px;
background-image:url(belowtab.gif);
background-position:top;
background-repeat:repeat-x;
/*background-color:#02029B;*/
margin:0px 0px 0px 0px;
float:left;
}

.formRow
{
margin:0px;
}


.fField
{
font-size:10px;
}


div.selectedTab
{
background-image:url(tabback1.gif); 
background-repeat:no-repeat; 
width:120px; 
height:20px; 
margin-right:20px; 
float:left; 
text-align:center; 
padding-top:10px; 
font-weight:bold; 
color:#FFF;
cursor:pointer;
}

div.unselectedTab
{
background-image:url(unselectedtab1.gif); 
background-repeat:no-repeat; 
width:120px; 
height:20px; 
margin-right:20px; 
float:left; 
text-align:center; 
padding-top:10px; 
font-weight:bold; 
color:#039;
cursor:pointer;
}

.categoryRow
{
height:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
border:1px solid #3399FF;
background-color:#DFF1FF;
padding:2px 0px 2px 5px;
color:#0033CC; 
text-decoration:none;
}

.categoryRowus
{
height:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
border:0px;
padding:3px 0px 3px 6px;
color:#0033CC;
text-decoration:none;
}

.topUser
{
margin:10px 10px 0px 0px;
width:575px;
height:100px;
float:left;
background-color:#FFFFCC;
border:1px solid #FFCC33;
}

.listedUsers
{
width:560px;
float:left;
border:1px solid #3399FF;
background-color:#DFF1FF;
padding:10px;
margin:10px 10px 0px 0px;
}

div.allHeadingsC
{
height:15px;
padding:2px 5px 0px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#003399;
text-align:center;
width:560px;
margin-bottom:10px;
}

.formField 
{
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
vertical-align:top;
width:200px;
text-align:left;
}


div.errDiv
{
padding:0px 0px 0px 15px;
color:#f00;
display:none;
text-align:left;
font-size:11px;
}

.formText
{
margin:0px 15px;
font-size: 12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
vertical-align:top;
width:120px;
text-align:right;
}

.containerBox {
	margin:10px 0px 0px 0px; 
	float:left;
	height: auto;
	width: auto;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #3399FF;
	border-right-color: #3399FF;
	border-bottom-color: #004A95;
	border-left-color: #004A95;
}


.containerTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #EEEEEE;
	background-color: #196DDB;
	padding: 5px;
	height: auto;
	width: auto;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #004A95;
	border-right-color: #004A95;
	border-bottom-color: #3399FF;
	border-left-color: #3399FF;
}


.containerContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #003377;
	background-color: #D3E5FA;
	padding: 2px;
	height: auto;
	width: auto;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #004A95;
	border-right-color: #004A95;
	border-bottom-color: #3399FF;
	border-left-color: #3399FF;
}