/*

Screen Styles
Design & Dev by Amit Bindal

*/

/*------ Yahoo! Reset CSS ------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} table {border-collapse:collapse; border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0; }
body {font: normal 13px Arial, Helvetica, sans-serif; background-color:#687c39; margin-top:0px; padding:0px; color:#666666;}/*background-color:#687c39;*/

#container {MARGIN: 0px auto; WIDTH: 750px; background-color:#FFFFFF;}
#subcontainer {width:680px; margin:15px auto 0px auto;}
#contentcontainer {min-height:300px; margin:0 auto;width:740px;background-color:#FFFFFF;padding:0px 5px;}/*update to 680px per client request by Amy, Mar.01,2011*/

/*------ Header Styles ------*/
#headerUnder{DISPLAY: none;}
#divPageBannerOver{DISPLAY: none;}
#headerBanner{ BACKGROUND-COLOR: #000000;MARGIN: 0px auto;WIDTH: 750px;HEIGHT: 20px;COLOR: #cccccc;FONT-SIZE: 10px;}
.spanHeaderStrong{COLOR: #ffffff;FONT-WEIGHT: bold;}
#headerLinksRight{TEXT-ALIGN: right;MARGIN: 2px 10px 0px 0px;WIDTH: 350px;FLOAT: right;}
#headerLinksLeft{TEXT-ALIGN: left;MARGIN: 2px 0px 0px 10px;WIDTH: 350px;FLOAT: left;}
#headerBanner A{COLOR: #cccccc;FONT-SIZE: 10px;}
#headerBanner A:hover{COLOR: #ffffff;TEXT-DECORATION: underline;}
#headerTitle{ MARGIN-BOTTOM: 10px;COLOR: #363628;FONT-SIZE: 28px;FONT-WEIGHT: normal}
#flashcontent_top{MARGIN: 0px auto;WIDTH: 750px;PADDING: 0 0 0 0; border:none;}
/*------ Navigation Styles ------*/
#divMainNav
{ MARGIN: 0px auto; WIDTH: 762px;HEIGHT: 43px;}
#divMainNavButtons{ PADDING: 0 0 0 0; MARGIN: 0px 0px 0px 6px; WIDTH: 750px;HEIGHT: 43px;}
#divMainNavCap{PADDING: 0 0 0 0;MARGIN: 0px;WIDTH: 6px;FLOAT: right;HEIGHT: 28px;}
#divMainNavButtons UL{PADDING: 0 0 0 0; MARGIN: 0px;WIDTH: auto;DISPLAY: block;HEIGHT: 28px; }
#divMainNavButtons UL LI{LIST-STYLE-TYPE: none;WIDTH: auto;FLOAT: left;HEIGHT: 28px;}
#divMainNavUnder{BACKGROUND-IMAGE: url(../img/nav_under.jpg); WIDTH: 750px; BACKGROUND-REPEAT: no-repeat;  HEIGHT: 15px;}
/*------ Content Styles ------*/
#content { width:680px; margin:0px;}	/*update to 680px per client request by Amy, Mar.01,2011*/
/*------ Vertical menubar Styles ------*/
.verticalmenusub{ background-image:url(../img/menuverticalsub.png); height:199px; width:177px; color:#FFFFFF;}
.verticalmenu{ background-image:url(../img/menuvertical.png); height:275px; width:177px; color:#FFFFFF;}
.verticalmenulink { font-size:13px; padding-left:10px; font-weight:bold;}
.verticalmenulink a{ font-size:13px; padding-left:10px; font-weight:bold;color:#FFFFFF; text-decoration:none;}
.verticalmenusublink { font-size:12px; padding-left:10px;}
.verticalmenusublink a{ font-size:12px; padding-left:10px; color:#FFFFFF;}
.membertable{ background-image:url(../img/member.png); width:534px; background-repeat:no-repeat;}
.mapexcel{ background-image:url(../img/mapexcel.png); width:680px; background-repeat:no-repeat;}/*width:680px;*/
.borderTable {padding: 2px 4px 2px 4px;border: 1px solid #474747;}
.GridDiv{border:2px;width:533px;height:390px;overflow:scroll;}
.GridDiv2{border:2px;width:650px;height:390px;overflow:scroll;}
.selectedrow {border-bottom: 1px solid #474747; background-color:#FFFFBB;  padding:2px 0px 2px 4px;  text-align:left;}
.rowheader{border-bottom: 1px solid #474747;background-color:#FFFFFF; font-size:14px;font-weight:bold;text-align:center; padding:2px 0px 2px 4px;}
.rowheaderexcel{border-bottom: 1px solid #474747;background-color:#FFFFFF; font-size:16px;font-weight:bold;text-align:center; padding:2px 0px 2px 4px;}
:link,:visited {color:#474747; text-decoration:none }
.row{border-bottom: 0px solid #474747;padding:2px 0px 2px 4px;text-align:left;vertical-align:middle;height:25px;}
.alternaterow {border-bottom: 0px solid #474747; background-color:#FFFFFF;  padding:2px 0px 2px 4px;  text-align:left;height:25px;}
.pagerrow {border-bottom: 1px solid #474747; background-color:#FFFFFF; text-decoration:none;  padding:2px 0px 2px 4px;}

.member{ border-style:solid; border:1px; border-color:#999999;}
.search{background-image:url(../img/search.png); width:500px; height:222px; background-repeat:no-repeat;}
.mainsearch{background-image:url(../img/mainsearch.png); width:680px; height:222px; background-repeat:no-repeat;}/*width:680px;*/
.import{background-image:url(../img/import.png); width:680px; height:222px; background-repeat:no-repeat;}
/*---Css for Detail Popup*/
.popupalternaterow{border-bottom: 0px solid #474747;WIDTH: 712px;padding:2px 0px 2px 4px; background-color:#f7f7f7; text-align:left;}
.popupalternaterowdetail{border-bottom: 0px solid #474747;padding:2px 0px 2px 4px; background-color:#f7f7f7; text-align:left;}

.popupaheader{color:#d2232a; font-size:14px; font-weight:bold; padding-left:10px; height:35px; background-color:#f7f7f7;}
.pophead {border-bottom: 0px solid #474747; background-color:#94a932; padding:2px 0px 2px 4px; font-weight:bold; color:#FFFFFF;}
.popheaddetail{border-bottom: 0px solid #474747; background-color:#94a932; padding:2px 0px 2px 4px; font-weight:bold; color:#FFFFFF;}


/*------ Module Styles ------*/	
.TableBox{ background:url(../img/boxheder.png) no-repeat; WIDTH:320px; height:272px;}
.TableBoxHeader{ WIDTH: 320px; height:272px;background:url(../img/boxheder.png) no-repeat;}
.adminBoxHeader{ background:url(../img/adminboxheader_long.png) no-repeat; WIDTH: 340px; height:187px;}/*background:url(../img/adminboxheader_long.png) no-repeat;*/
/*------ General Styles ------*/

h1 {font-size:20px; color:#687c39; margin-left:10px;}
h2 {font-size:16px; color:#686868; text-align:center; font-weight:bolder;}
h3 {font-size:16px; font-weight:bold;}
h4 {font-size:14px; color:#373737; font-weight:bold;}
h5 {font-size:12px;}
h6 {font-size:13px; font-weight:bold; margin:12px 0 -8px 0;}


strong {font-weight:bold;}
em {font-style:italic;}
.labelleft{ font-size:12px; padding:5px 5px 5px 0px ;text-align:left; color:#666666;}
.labelleft input { margin-right: 5px;}
.labelleftChk{ font-size:12px; padding:5px 5px 5px 0px ;text-align:left; color:#666666;}

.label{ font-size:12px; padding:5px 5px 5px 0px ;text-align:right; color:#666666;}
.labelphone{ font-size:10px; padding:5px 5px 5px 0px ;text-align:right; color:#666666;}

.divwrap{ white-space:normal;}
.labelWrap{ font-size:12px; padding:5px 5px 5px 0px ;text-align:right; color:#666666;}
.serial{ font-size:12px; text-align:right; color:#666666; padding-right:5px;}
.labellogin{ font-size:12px;text-align:left; padding-left:0px;}
.labellink{ font: Arial, Helvetica, sans-serif; font-size: 11px ;color:#687c39; text-decoration:underline; text-align:left; padding-left: 6px;}
.pagebar { background:url(../img/page_bar.png) no-repeat; WIDTH: 680px; height:41px; color:#d2232a; font-size:14px; font-weight:bold;}
.pagebarmember {color:#d2232a; font-size:12px; font-weight:bold;}
.required{color:#d2232a; font-size:14px; font-weight:bold;}
.tablehead{color:#d2232a; font-size:14px; font-weight:bold; padding-left:10px;}
.adminheader{ font-size:14px; padding:5px 5px 5px 10px ;text-align:left; color:#666666; font-weight:bolder;}
.data{width:200px;}
.watermarks{width:200px;color:#666666;}
/*------ footer Styles ------*/
#footer
{
    BACKGROUND-IMAGE: url(../img/footer_back.jpg);
    BORDER-BOTTOM: #333333 1px solid; TEXT-ALIGN: left;
    BORDER-LEFT: #333333 1px solid;BACKGROUND-COLOR: #333333;
    MARGIN: 0px auto; WIDTH: 750px;BACKGROUND-REPEAT: no-repeat;BACKGROUND-POSITION: right top;
    HEIGHT: 125px; COLOR: #ffffff; CLEAR: both;  FONT-SIZE: 12px;BORDER-TOP: #333333 1px solid;FONT-WEIGHT: normal;
    BORDER-RIGHT: #333333 1px solid;
}
#footerLinks{POSITION: relative;FLOAT: left;}
#footerLinksTop{MARGIN: 12px 0px 10px 15px;WIDTH: 700px;HEIGHT: 20px;}
#footerLinksBottom{MARGIN: 32px 0px 0px 15px;WIDTH: 320px;HEIGHT: 20px;COLOR: #cccccc;}
#footerLinksTop A{COLOR: #ffffff;TEXT-DECORATION: none;}
#footerLinksTop A:hover{TEXT-DECORATION: underline}
#footerLinksBottom A{COLOR: #cccccc;FONT-SIZE: 11px;TEXT-DECORATION: none;}
#footerLinksBottom A:hover{TEXT-DECORATION: underline;}
#footerCopyright{MARGIN: 0px;COLOR: #cccccc;FONT-SIZE: 11px;}
#footerBrands{PADDING: 0 0 0 0; MARGIN: 0px; WIDTH: 420px; FLOAT: right;HEIGHT: 30px;}
#footerBrands UL{PADDING:0 0 0 0; MARGIN: 0px;WIDTH: auto;DISPLAY: block; }
#footerBrands UL LI{LIST-STYLE-TYPE: none;WIDTH: auto;FLOAT: left;}


.label_text{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ff0000;
	padding-right:5px;
	text-align:left;
}
.content_text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	padding-right: 5px;
	text-align: right;
	vertical-align: middle;
}

/*------ Module mailser Styles ------*/	
.TableBoxHeaderMailer{ WIDTH: 640px; height:272px;}
/*------ General Styles ------*/

/*------ Mailer Content Styles ------*/
#contentmailer { width:720px; margin-left:15px;}


.Message {font-size:13px; color:#687c39; margin-left:5px;}
.DivViewMore
{
	width: 100%; height: 100%;
	background-color:White;
	}
	
/*New styles for Search*/
.mainsearch dl{margin:0;padding:0 0 0 10px;}
.mainsearch dt {margin:0;padding:0;width:100px;float:left;}
.mainsearch dd {margin:0;padding:0;}
.mainsearch dd.clear{clear:both;height:5px;}
.sendbtn{white-space: normal; font-size:9px; padding:0;margin:0;}
.labeltxt{font-weight:bold;}
