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

.BODY, TD {
	color: #000000;
	font-family: Arial, sans-serif;
	font-size: 9px;
	text-align: left;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	}

/*----------------------------------- Font Classes - start -----------------------------------------*/

.H1 {
	font-size: 9pt;
	color: #000000;
	font-weight:bold;
	}	
	
.H2 {
	font-size: 10pt;
	color: #000000;
	font-weight:bold;
	}	

.H3 {
	font-size: 9pt;
	color: #54718f;
	font-style:italic;
	}
	
/*----------------------------------- Font Classes - end -----------------------------------------*/




/*----------------------------------- Link Styles - start -----------------------------------------*/	
		



a.Bottom:link {
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-size: 9px;
	color: #000000;
	}
a.Bottom:visited {
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-size: 9px;
	color: #54718f;
	}
a.Bottom:hover {
	text-decoration: underline;
	color: #000000;
	}


a.Mid:link {
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	}
a.Mid:visited {
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #54718f;
	}
a.Mid:hover {
	font-weight:bold;
	color: #000000;
	}
	


a.White:link {
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	}
a.White:visited {
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	}
a.White:hover {
	font-weight:bold;
	color: #ffffff;
	}
	

a.Body:link {
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-size: 9px;
	color: #000000;
	}
a.Body:visited {
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-size: 9px;
	color: #54718f;
	}
a.Body:hover {
	text-decoration: underline;
	color: #000000;
	}
	

a.Body2:link, .section a:link {
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	}
a.Body2:visited, .section a:visited {
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #54718f;
	}
a.Body2:hover, .section a:hover {
	text-decoration: underline;
	color: #000000;
	}
	
		
	

a.Sample:link {
	color: #000000; 
	text-decoration:none; 
	font-weight:bold; 
	padding:10px;
	display:block}
a.Sample:visited {
	color: #000033; 
	text-decoration:none; 
	font-weight:bold; 
	padding:10px;
	display:block}
a.Sample:hover {
	color: #FFFFFF; 
	text-decoration:none; 
	font-weight:bold; 
	background-image:url(../images/button-over.png); 
	background-position: center; 
	padding:10px; 
	background-repeat:no-repeat;
	display:block}
	

/*----------------------------------- Link Styles - start -----------------------------------------*/

	

#BlueNav { 
	background-color: #54718f;
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-align:left;
	padding-top:5px;
	}
	
#BlueNav a {
	font-variant:small-caps;
	font-size: 11px;
	color: #ffffff;
	padding-left:5px;
	padding-bottom:10px;
	}
	
#BlueNavTxt, #BlueNavTxt2 { 
	font-size: 12px;
	font-variant:small-caps;
	color: #ffffff;
	padding-left:30px;
	padding-top:5px;
	padding-bottom:5px;
	}
	
#BlueNavLogo { 
	width: 30px;
	background-color: #54718f;
	float:left
	}	
	
#MainContainer {
	background-color:#FFFFFF;
	margin-top:0px;
	text-align:center;
}


#LightBlueNav { padding-bottom:5px;
	background-color: #d0d7e1;
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align:left;
	padding-left:5px;
	}
	
#LightBlueNavItem { 
	padding-top:5px;
	}
	
.Adspace { 
	padding:10px;
	text-align:left;
	background-color:000000;
        font-family: Arial, sans-serif;
        font-size: 11px;
	}
	
.AdspaceBox { 
	text-align:center;
	background-color:ffffff;
	}
	
.smallnav {
	color: #000000;
	font-family: Arial, sans-serif;
	font-size: 9px;
	text-align:left;
	background-color:#FFFFFF;
	padding-top:5px;
	padding-left:10px;
	}
	
#TopBlueHead { 
	background-color: #54718f;
	font-family: Arial, sans-serif;
	font-size: 14px;
	text-align:left;
	color: #ffffff;	
	}
	
#DivdiderDash { 
	height: 2px;
        border-bottom: 1px dotted #3366aa;margin-bottom:20px;
	}
	

	
	
#topPicTxt { 
	font-size: 9px;
	font-family: Arial, sans-serif;
	color: #000000;
	background-color:#FFFFFF;
	padding-left:60px;
	text-align:left;
	}
	
#topPicTxt2 { 
	font-size: 9px;
	font-family: Arial, sans-serif;
	color: #000000;
	background-color:#FFFFFF;
	padding-left:10px;
	text-align:left;
	}
	
#topPicTxt3 { 
	font-size: 10px;
	font-family: Arial, sans-serif;
	color: #54718f;
	background-color:#FFFFFF;
	padding-left:10px;
	text-align:left;
	padding-top:12px;
	padding-bottom:15px;
	}
	
#topPicTxt4 { 
	font-size: 9px;
	font-family: Arial, sans-serif;
	width:30px;
	color: #000000;
	background-color:#FFFFFF;
	text-align:left;
	float:left;
	padding-top:7px;
	padding-bottom:6px;	
	}
	
#TopPic { 
	width: 60px;
	background-color: #ffffff;
	float:left;
	padding-top:11px;
	padding-left:5px;
	}
	
#TopPic2 { 
	width: 60px;
	background-color: #ffffff;
	float:left;
	padding-left:5px;
	}
		
#BlueTopHead { 
	background-color: #54718f;
	font-family: Arial, sans-serif;
	font-size: 15px;
	color: #ffffff;
	text-align:left;
	padding-top:5px;
	padding-bottom:3px;
	}
	
#BlueTopHeadPic { 
	width: 30px;
	float:left;
	padding-left:5px;
	}
	
#GreyTopHead { 
	background-color: #d9d9d9;
	font-family: Arial, sans-serif;
	font-variant:small-caps;
	font-size: 11px;
	color: #000000;
	text-align:left;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:5px;
	}
	
#GreyProfile { 
	background-color: #d9d9d9;
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-align:left;
	color: #000000;
	text-align:left;
	padding-top:2px;
	padding-left:10px;
	padding-bottom:5px;
	}
	
#GreyMap { 
	background-color: #d9d9d9;
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-align:left;
	color: #000000;
	}
	
#GreyDiv { 
	background-color: #d9d9d9;
	text-align:left;
	height:1px;
	}
	
#Avater { 
	background-color: #ffffff;
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-align:left;
	padding-top:5px;
	}
	
#AvaterTxt { 
	font-size: 11px;
	font-family: Arial, sans-serif;
	color: #000000;
	padding-left:30px;
	padding-top:5px;
	padding-bottom:10px;
	}

#AvaterTxt3 {
        font-size: 11px;
        font-family: Arial, sans-serif;
        color: #000000;
        padding-left:10px;
        padding-top:5px;
        padding-bottom:10px;
        }

#BlogTxt { 
	font-size: 11px;
	font-family: Arial, sans-serif;
	color: #000000;
	padding-left:0px;
	padding-top:3px;
	padding-bottom:2px;
	text-align:left;
	}
	
#BlogTxtGrey { 
	font-size: 9px;
	font-family: Arial, sans-serif;
	color: #555;
	padding-left:0px;
	padding-bottom:5px;
	}
	
#GroupTxt2a { 
	font-size: 11px;
	font-family: Arial, sans-serif;
	font-weight:bold;
	color: #000000;
	padding-left:30px;
	padding-top:5px;
	padding-bottom:10px;
	float:left;
	width:80px;
	}
	
#GroupTxt2b { 
	font-size: 11px;
	padding-left:100px;
	font-family: Arial, sans-serif;
	color: #000000;
	padding-left:30px;
	padding-top:5px;
	padding-bottom:10px;

	}	
	
	
#AvaterPic { 
	width: 30px;
	background-color: #ffffff;
	float:left;
	padding-left:5px;
	}	
	
#Avatericon { 
	float:left;
	padding-left:100px;
	}
	
#OnlineOffline { 
	float:left;
	padding-left:10px;
	padding-top:7px;
	}
	
#ChatTxt1 { 
	font-size: 11px;
	font-family: Arial, sans-serif;
	font-weight:bold;
	color: #000000;
	padding-left:30px;
	padding-top:3px;
	padding-bottom:3px;
	}
	
#ChatTxt2 { 
	font-size: 9px;
	padding-left:30px;
	color: #000000;
	padding-bottom:3px;
	font-family: Arial, sans-serif;
	}
	
#yesno { 
	width: 50px;
	background-color: #ffffff;
	font-size: 9px;
	float:left;
	text-align:left;
	}	

#yesno img {
        border: none;
}
	
#yesnoTxt { 
	width: 100px;
	font-family: Arial, sans-serif;
	background-color: #ffffff;
	padding-bottom: 5px;
	font-size: 10px;
	text-align:left;
	padding-left:5px;
	}	
	
#BodyTxt { 
	padding-top:5px;
	font-family: Arial, sans-serif;
	color:#000000;
	font-size: 10px;
	text-align:left;
	}	
	
#BodyTxt2 { 
	padding-top:5px;
	padding-left:10px;
	font-family: Arial, sans-serif;
	color:#000000;
	font-size: 10px;
	text-align:left;
	}
	
#BodyTxtBld { 
	padding-top:5px;
	font-weight:bold;
	font-family: Arial, sans-serif;
	color:#000000;
	font-size: 12px;
	text-align:left;
	}
	
#BodyTxtIt { 
	padding-top:5px;
	font-style:italic;
	font-family: Arial, sans-serif;
	color:#000000;
	font-size: 9px;
	text-align:left;
	}
	
#profile { 
	width: 50px;
	font-size: 9px;
	float:left;
	text-align:left;
	}	
	
#profileTxt { 
	width: 200px;
	font-family: Arial, sans-serif;
	padding-top:5px;
	font-size: 10px;
	text-align:justify;
	padding-left:5px;
	padding-bottom:5px;
	}
	
	
#Form { 
	background-color: #ffffff;
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #000000;
	text-align:left;
	padding-left:10px;
	padding-top:5px;
	}
	
#BlipPic { 
	width: 40px;
	height: 40px;
	background-color: #ffffff;
	float:left;
	padding-left:5px;
	}	
	
#BlipTxt { 
	font-size: 11px;
	height: 40px;
	font-family: Arial, sans-serif;
	color: #000000;
	padding-left:45px;
	padding-top:5px;
	padding-bottom:10px;
	}
	
#StatusTxt { 
	font-size: 11px;
	font-family: Arial, sans-serif;
	color: #000000;
	padding-left:30px;
	padding-top:5px;
	padding-bottom:10px;
	}

#Adspace img {
 border: none;
}
div.button {
 text-align: left;
}
p.button {
 margin: 5px 10px;
 padding: 0;
}
div.body {
 margin: 5px 10px;
 padding: 0;
 font-family: Arial, sans-serif;
 font-size: 11px;
}
/*div.button input {
 background: white;
 border: none;
 color: black;
 font-size: 8pt;
 text-decoration: underline;
 text-transform: uppercase;
}
div.button input:hover {
 font-weight: bold;
}*/
#bookmark {
 padding-left: 10px;
 text-align: left;
}
.blip {
 border: none;
}

.numericText {
    -wap-input-format: "*N";
}
.requiredText {
    -wap-input-required: true;
}
.requiredNum {
    -wap-input-format: "*N";
    -wap-input-required: true;
}
#GridLogo {
 padding-left:10px;
 margin-top:0px;
 text-align:left;
}
#BlueNavLogo2 {
 width: 30px;
 padding-top: 5px;
 background-color: #54718f;
 float: left;
 clear: left;
}
#BlueNavLogo3 {
 width: 30px;
 padding-top: 2px;
 background-color: #54718f;
 float: left;
 clear: left;
}
#AvaterEmo {
 padding-left: 30px;
 float: left;
 height: 32px;
 text-align: left;
}
#AvaterTxt2 {
 padding-left: 30px;
 float: left;
 height: 27px;
 vertical-align: middle;
 padding-top: 5px;
 text-align: left;
}
#GroupTxt {
       font-size: 11px;
       font-family: Arial, sans-serif;
       color: #000000;
       padding-left:0px;
       padding-top:5px;
       padding-bottom:10px;
       }

#GroupD1 {
       padding-left:10px;
       float:left;
       height:27px;
       vertical-align:middle;
       padding-top:5px;
       text-align:left;
       width:80px;
       font-weight:bold;
       clear: left;
       }

#GroupD2 {
       padding-left:10px;
       float:left;
       height:27px;
       vertical-align:middle;
       padding-top:5px;
       text-align:left;
       }
body {
 margin: 0;
 padding: 0;
}
table {
 margin-left: 5px;
}
table.contact a {
 color: black;
 font: 10px arial, sans-serif;
 text-decoration: none;
}
table.contact a:hover {
 text-decoration: underline;
}
p.error {
 padding-left: 10px;
 text-align: left;
 font-size: 11px;
 font-family: Arial, sans-serif;
 color: #8B0000;
}
#Alert {
 background-color: #ffffff;
 font-family: Arial, sans-serif;
 font-size: 9px;
 color: #54718F;
 text-align: left;
 padding-top: 5px;
 height: 15px;
}
#AlertTxt {
 float: left;
 padding-left: 5px;
 height: 15px;
}
#AlertTxtHead {
 float: left;
 padding-left: 9px;
 height: 15px;
 font-weight: bold;
}
#AlertTxt3 {
 float: left;
 padding-left: 9px;
 height: 15px;
}
a.Alert:link {
 text-decoration: none;
 font-family: Arial, sans-serif;
 font-size: 9px;
 color: #54718F;
}
a.Alert:visited {
 text-decoration: none;
 font-family: Arial, sans-serif;
 font-size: 9px;
 color: #54718f;
}
a.Alert:hover {
 text-decoration: underline;
 color: #54718F;
}
#AvaterTxt3 a, #ChatTxt2 a {
 color: black;
 text-decoration: none;
}
#AvaterTxt3 a:hover, #ChatTxt2 a:hover {
 text-decoration: underline;
}
img {
 border: none;
}
#analytics {
 margin-left: -999px;
 text-indent: -999px;
}
.section {
 margin: 0;
 padding: 0;
 font: 11px Arial, sans-serif;
 color: #000000;
 text-align: left;
}
.section p {
 margin: 10px 20px 0 20px;
 padding: 0;
}
.section h2 {
 margin: 10px 0 0 0;
 padding: 5px 20px;
 border-top: 1px solid #CCE6FF;
 border-bottom: 1px solid #CCE6FF;
 background: #E8F4FF;
 font: bold 11px Arial, sans-serif;
}
.section .date {
        font-size: 9px;
        font-family: Arial, sans-serif;
        color: #555;
        padding-left:0px;
        padding-bottom:5px;
}
body .section table {
 margin: 10px 20px 0 20px;
 padding: 0;
}
.section label {
 display: block;
}
#bottomnav {
 margin: 10px 0 0 0;
 padding: 5px 10px;
 background-color: #d0d7e1;
 text-align: left;
 list-style: none;
}
#bottomnav li {
 margin: 0;
 padding: 3px 0;
 font: 10px arial, sans-serif;
 line-height: 1;
}
#bottomnav a {
 text-decoration: none;
 color: black;
}
#bottomnav a:visited {
 color: #54718f;
}
#bottomnav a:hover {
 font-weight:bold;
 color: #000000;
}
.description {
 color: #555;
}
.adspace {
 padding: 10px;
 font: 11px Arial, sans-serif;
 text-align: left;
}
