/* 
	Customizable sections are few.  
	They are handled in app_themes/themename/default.css
	To find permitted properties, search "/* customizable".  
 */

body
{
   margin: 2px;
   font-family: Verdana, Arial, Serif;
   font-size: 12px;
}

/* header styles */

/*  height of header should be coordinated with top of headermenu.  
A too-small value of header.height hides the top menu.
*/
#header2 
{
/* customizable		#header2 background-image: url(images/imagefile.xxx) */
   padding: 0px;
   margin: 0px;
   width: 780px;
   height: 109px;
}

#header
{
   padding: 2px;
   margin: 0px;
   width: 100%;
   height: 133px;
}

#header2
{
   padding: 0px;
   margin: 0px;
   width: 780px;
   height: 109px;
}

#headermenu
{
   top: 110px;
   left: 200px;
   width: 700px;
   padding: 2px 2px 2px 2px;
}

.headermenulink
{
/* customizable		color */
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 1.2em;
   font-weight: bold;
   text-transform: capitalize;        
}

.headermenulink a
{
/*	customizable	color */
	text-decoration: none;
	color: #0066FF;
}

.headermenulink a:hover
{
   text-decoration: underline overline;
}

/* footer styles */

#footer
{
/* customizable		#footer: color, background-color */
	color: White;
	background-color: Red;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 80px;
	visibility: hidden;
}
        
#footermenu
{
/* customizable		#footermenu: color, background-color */
	color: White;
	background-color: Black;
   text-align: center;
   padding-top: 10px;            
}

#footertext
{
/* customizable		#footertext: color:, background-color */
	color: White;
	background-color: Red;
   text-align: center;
   padding-top: 3px;            
}

.footermenulink
{
   font-family: Arial, Serif;
   font-size: 12px;
   font-weight: bold;
   text-transform: capitalize;        
}

.footermenulink a
{
   color : White;
   text-decoration: none;
}

.footermenulink a:hover
{
   text-decoration: underline overline;
}

td
{
   vertical-align: top;
}

td.fieldname
{
   text-align: right;
   font-size: 10px;
   font-weight: bold; 
   vertical-align: baseline;  
}
div.fieldlabel
{
   text-align: right;
   font-size: 10px;
   vertical-align: baseline;  
   width: 200px;
}


.fieldlabel
{
   text-align: right;
   font-size: 10px;
   vertical-align: baseline;  
   width: 200px;
}

.checkoutlabel 
{
    width: 20%; 
    text-align:right; 
    vertical-align: middle;
}

hr
{
   color: #006600;
}

#breadcrumb
{
    /* customizable color, background-color; */
   background-color: #0077FF;
   color: White;
   padding: 3px;
   font-size: 10px;	
   padding-left: 5px;
}

#breadcrumb a
{
   color: Yellow;
}

#bannerbox
{
   border: solid 1px #006000;
   margin-top: 20px;
   margin-bottom: 20px;
   margin-left: 10px;
   margin-right: 10px;
   padding: 5px;
   text-align: center;
   background-color: #f0f0f0;
   font-size: .8em;
}

#bannerbox a
{
   font-size: 10px;
   text-decoration: none;
   color: Black; 
}

#loginbox
{
   position: absolute;
   top: 16px;
   right: 10px;
   width: 180px;
   height: 80px;
   padding: 2px 2px 2px 2px;    
   font-size: 10px;
   text-align: right;
}

#loginboxroe
{
	width: 70%;
	margin-left: 5%;
}

#loginbox input
{
   color: #006000;
   border: solid 1px #006000;
   background-color: White;
   font-weight: bold;
   font-size: 1em;
}

.loginpanel
{
	border: solid 2px #006000;
	padding: 7px;
}

#themeselector
{
   position: absolute;
   text-align: right;
   top: 153px;
   right: 10px;
   width: 180px;
   height: 80px;
   padding: 2px 2px 2px 2px;    
   font-size: 10px;
}

#themeselector select
{
   color: Black;
   background-color: #e1e1e1;
   font-size: 10px;
}

#welcomebox
{
   color: #006000;
   font-size: 12px;
   text-align: right;
}

#leftcol
{
   background-color: White;
   font-size: 10pt;
}

#leftcol div.text
{
   padding: 6px 6px 6px 6px;
   text-align: justify;
}

#leftcol div.alternatetext
{
   padding: 6px 6px 6px 6px;
   background-color: #e1e1e1;
   text-align: justify;
}

/* customizable
 color 
*/
.sectiontitle
{
	color: #000000;
	font-weight: bold;
}

#leftcol div.sectiontitle, #leftcol .sectiontitle span
{
   padding: 6px 6px 6px 3px;
   background-color: White;
   color: #006000;
   font-size: 1em;
   font-weight: bold;
   text-transform: uppercase;
}

#rightcol a
{
   color: blue;
}

#centercoladmin
{
   margin: 0em 2em 1em 2em;
   background-color: White;
}

#centercol
{
   padding: 0px;
   background-color: White;
}

#centercolcontent
{
   padding: 15px 6px 15px 6px;
}

#centercolcontent div.sectiontitle, #centercolcontent .sectiontitle span
{
   font-weight: bold;
   font-size: larger;
   color: #006000;
}

#centercolcontent div.sectionsubtitle
{
   font-weight: bold;
   padding-bottom: 4px;
}

#rightcol
{
   color: Black;
   background-color: White;
   font-size: 10px;
}

#rightcol a
{
   color: Blue;
}

#rightcol div.text
{
   padding: 6px 6px 6px 6px;
   text-align: justify;
}

#rightcol div.sectiontitle, #rightcol .sectiontitle span
{
   padding: 6px 6px 6px 3px;
   background-color: White;
   color: #006000;
   font-size: 1em;
   font-weight: bold;
   text-transform: uppercase;
}

.highlight
{
   background-color: #fefbd2;
   color: #000080;
}

.highlightcity
{
   background-color: #df2e05;
}

.highlightstate
{
   background-color: #f4c977;
}

.highlightcountry
{
   background-color: #818689;
}

.articlebox
{
   color: #000;
   border-top: solid 1px #006000;
   padding: 6px 6px 6px 6px;
   font-size: smaller;
   background-color: #fff;
}

.articletitle
{ /* customizable color */
   font-size: 18px;
   font-weight: bold;
   color: Navy;
   text-decoration: none;
}

.articleabstract
{
   padding-top: 6px;
}

.comment
{
   padding: 4px 0px 4px 0px;
   font-size: smaller;
}

.pollbox
{
   font-size: 11px;
}

.pollcontent
{
   padding: 6px;
}

.pollquestion
{
   font-size: 13px;
   font-weight: bold;
}

.polloptions
{
   padding-top: 10px;
   padding-bottom: 4px;
}

.pollbar
{
   background-color: Red;
   font-size: 4px;   
}

.progressbarcontainer
{
   width: 98%;
   height: 15px;
   border: solid 1px Black;
   padding: 1px;
}

.progressbar
{
   width: 0px;
   background-color: Red;
   height: 15px;
}

.newsletterbox
{
   font-size: 11px;
}

.newsletterboxcontent
{
   padding: 6px;
}

.postinfo
{
   background-color: #f9eaa6;
   font-weight: bold;
   text-align: center;
}

.posttitle
{
   padding: 3px;
   margin-bottom: 10px;
   background-color: #f09d35;
   color: Black;
   font-weight: bold;
}

.postbody
{
   padding: 3px;
}

.shoppingcartbox
{
   font-size: 11px;
}

.shoppingcartboxcontent
{
   padding: 6px;
}

.SimpleContactList td
{
  border-bottom: solid 1px #006000;	
   height: 1.5em;
}

p.menuinparagraph
{	
	margin: 0 2em .7em 11em;
	text-indent: -9em;
	padding:  0;
	color: #707070;
}

.menupanel
{
	margin: 0 0 1em 0;
}

.logincontrol
{
	height: 1em;
}
.Report_Portrait
{
	margin: 2em;
}

@media print 
{
	body {clear: both; margin: 0.6em; background: #fff; 
		font-size: medium; text-decoration: none; color: Black;}
	#leftcol, #rightcol { clear: both; margin: 0; display: none;  float: none; width: 0;}
	#container, #container2 , #centercol, #centercolcontent, #footermenu
        { clear: both; margin: 0 0 0 0 ;width: 100%; float: none;  font-size: medium; color: Black; }
#headermenu { clear: both; display: none;}
#breadcrumb { background-color: #fff; color: #000; padding: 3px; font-size: 10px; padding-left: 5px; }
#breadcrumb a { color: #000; }
#content {clear: both; float: none; width: auto; margin: 0; padding: 0; background: #fff; text-align: left; color: Black;} 
#main > #content {clear: both; margin: 0; }
#loginbox, #loginboxroe { clear: both; display: none; }
#bannerbox {clear: both; display: none; }
.articlebox { border-top: solid 1px #000; }
.articletitle { color: #000; }

}
.creditcardfieldblock
{
	margin: 0 15%;
	padding: 5px;
	border: solid 1px 0;
}
.creditcardscol2
{
	float: right;
}

.hiddencol
{
    display:none;
}
.viscol
{
    display:block;
}

#leftcolstandard
{
	float:left;
	width: 20%;
	height: 500px;
	background-color: Gray;
}

#maindisplay
{
    float:right;
   margin: 0em 2em 1em 2em;
   background-color: White;
}


#datablockcontainer
{
	width: 70%; 
	margin: 0 auto; 
	padding: 5px;
}

.smalldataheader
{
	width: 100%;
	text-align:left;
	margin: 5px auto;
	border: none;
	padding: 15px;
	font-size: 12pt;
	}
.smalldatablocktitle
{
	text-align: center;
	font-weight: bold;
}

#tableofdatapanels
{
	width: 700px;	
	margin: 5px auto;
}
.datapanelcell
{
	width: 340px;
	border: solid 1px Green;
	margin: 20px;
	padding: 10px 20px;
}
.smalldatablockleft
{
    width: 45%;
    border: solid 1px #487;
    height: 300px;
    margin: 2px;
    padding: 10px;
}
.smalldatablockright
{
    float:right;
    width: 45%;
    border: solid 1px #487;
    height: 300px;
    margin: 2px;
    padding: 10px;
}

.legalese
{
	font-size: 8pt;
	margin: 3px;
	color: Gray;
	}
#gvwShoppingCartItems 
{
}

.fieldname
{
     color: Black;
}

asp:Label
{
	font-size: xx-large;
}

.memberdatatitle
{
	text-align: center; 
	margin: 5px 6px; 
	padding: 10px;
	font-size: 16pt; 
	color: Black; 
	font-family: Times New Roman;
	border: solid 1px Gray;
}
	
.directoryformlabel
{
	background-color: white;
	width: 10em;
}

.crwlabel 
{
	width: 10em;
}

.mymessage {width: 100%; }

.myfield {width: 40em; }

.mylist {width: 20em; }

#passwordrecoveryemailcomesfrom
{
   background-image: url(images/PasswordResetEmailComesFrom.png);	
   padding: 30px;
   margin: 10px auto;
   width: 300px;
   height: 109px;
   border: solid 5px black;
}

div.announcement_simple_outer
{
    margin: 0px 0px 5px; 
    text-align: center; 
    border: solid 1px gray;
    padding: 6px 10px;
    font-size: 14pt; 
    font-family: 'Arial Narrow', Arial;
}

div.announcement_simple_outer div  /* inner div */
{
    width: 80%; 
    margin: 50px auto; 
    border: solid 1px gray; 
    padding: 20px;
}

#memberinfo td 
{
    color: Black;    
}
#memberinfo td:first-child
{
    color: Gray;
    padding: 0 15px 5px 10px;

}

.singlechartextbox
{
    border: solid 2 black;
    height: 30px;
    width: 40px;
    text-align: center;
    font-weight: bolder;
    font-size: 14pt;
    margin: 5px;
    vertical-align: middle;
}
.LinkMenu a:link {color:#0000CC; text-decoration: none;}      /* unvisited link */
.LinkMenu  a:visited {color:#0000CC; text-decoration: none;}  /* visited link */
.LinkMenu a:hover {color:#0000CC;  text-decoration: underline;}
.LinkMenu  a:active {color:#0000CC; }  /* selected link */