/* //////////////////////////////////////////////////////////////// conditioners */

* { margin: 0; padding: 0; color: #333333; background: transparent; }

html { margin: 0; padding: 0; }

body { font-family: Verdana,Tahoma,Arial,Sans-Serif; color: #333333; background-color: #fff; }

p,tr,td,span { font-size: 11px; color: #333333; line-height: 14px; margin-bottom: 12px; text-align: left; }

img,
	a img,
		a:link img,
		a:visited img
		/* undo border on images nested within anchors */
			{ border: 0; }
			
/* /////////////////////////////////////////////////////////// redundant classes */

.floatLeft { float: left; }
.floatRight { float: right; }
.clear { clear: both; margin:0; line-height:0; }
.padding1 { padding: 10px; }
.padding2 { padding: 20px; }
.alignRight { text-align: right;}
.errorMessage { color: Red; }

.star { color: #952912; }

.h1Text { text-align:right; }

#content
{
	min-height:400px;
	height:auto !important;
	height:400px;
}
.copy
{
	min-height:300px;
	height:auto !important;
	height:300px;
}


/* /////////////////////////////////////////////////////////////////// structure */

#canvas { width: 803px; height:300px; margin: 50px auto 0px auto; }

#signIn { float: right; width: 650px; text-align: right; margin-bottom: 3px; font-size: 9px; }
#signIn a { color: #727272; text-decoration: none; }

#breadcrumb { 
	float: right; 
	width: 640px; 
	font-size: 10px; 
	font-weight: bold; 
	padding: 2px 5px; 
	border-bottom: 1px solid #C9C9C9; 
	}
#breadcrumb a { color: #727272; font-weight: normal; text-decoration: none }
#breadcrumb a.bcActive { color: #333333 }
#breadcrumb img {float: right; padding-right: 10px }
.EmailPrintimgButton {float: right; padding-right: 10px }

.BreadCrumb table td {padding: 2px;}
.breadcrumbs { color: #727272;}
.breadcrumbleaf a {font-weight: bold;color: #333333;}

select /* BUG FIX: Firefox showing select's w/ gray background for some reason */
{
	background-color:white;
}

.Contact_saveButton {
	text-indent: -50000px;
	text-align:left;
	font-size:1px;
	color:#0083a9;
/* BUG FIX: IE indent not working -- make text small and background color */
	display:block;
	border: 0px; 
	width: 58px; 
	height: 17px; 
	margin: 8px 3px;
	background: url(images/btnEnviar2.gif) no-repeat; 
	cursor:pointer;
}

/* ////////////////////////////////////////////////////////////////// naviagtion */

	#navigation { float: left; width: 151px; text-align: right }
        #navigation img.leftCallout { margin-bottom: 20px }
        
		#navigation img.logo {
			height: 33px;
			width: 52px;
			margin: 0 10px 5px 0
		}
		
		#logoSubHead 
		{
			font-family: Arial,Sans-Serif;
			font-weight: normal;
			font-size: 14px;
			color:#0083A9;
			text-align: right;
			padding: 0px 10px 0px 0px;
			margin: 0;
			line-height: 18px;
		}
		
		#logoSubHead strong { color:#0083A9 }
		
		#navigation p#logoSubHead a { color:#0083A9 }
		
		#navigation a { color: #727272; text-decoration:none; font-family:Verdana; letter-spacing: 0px }
		
		#navigation ul { display: block; list-style-type: none; list-style-image: none; margin: 0; }
		#navigation ul#nav { float: right; width: 147px; font-family: Arial,Sans-Serif; margin-bottom: 30px; }
		
			#navigation ul#nav li { font-size: 11px; padding: 0; background: url(images/navBlock.gif) repeat-y right top }
			
    			#navigation ul#nav li a { display: block; font-size: 11px; line-height: 12px; padding: 3px 10px 3px 0; margin: 7px 0 0 0; text-decoration: none; width:136px }
    			#navigation ul#nav li a strong, #canvas div#navigation ul#nav li a b, #canvas div#navigation ul#nav li a sup { color: #727272 }
                #navigation ul#nav li a:hover { color:#952912; }
                #navigation ul#nav li a:hover strong, #canvas div#navigation ul#nav li a:hover b, #canvas div#navigation ul#nav li a:hover sup { color: #952912; }

			        
                    #navigation ul#nav li.active a { padding-top: 2px; background: #c9c9c9; color: #333333; font-size: 11px; line-height: 12px; background-image: none; width: 136px }
					#navigation ul#nav li.active a:hover { background: #c9c9c9; color: black; font-size: 11px; line-height: 12px }
					
				#navigation ul#nav li ul { width: 146px }

					/*
					#navigation ul#nav li ul li { display: none; font-size: 11px; padding: 0; margin: 0 }
					*/
				
					#navigation ul#nav li.active { border-left: solid 1px #C9C9C9; border-bottom: solid 1px #C9C9C9; background-color:#c9c9c9; background-image: none }
					
					#navigation ul#nav li.active ul {  background-color:white; padding:0; margin:0 }
					#navigation ul#nav li.active ul li { position: relative; display: block; background-image: none }
					
					#navigation ul#nav li.active ul li a { display: block; font-size: 11px; line-height: 12px; margin: 5px 0 0 0; padding: 3px 8px 3px 0; color: #727272; background: none; width: 136px }
					#navigation ul#nav li.active ul li a:hover { background: none; color:#952912 }
					
					#navigation ul#nav li.active ul li.secondaryActive a { color: black }
					#navigation ul#nav li.secondaryActive a { color: black }
					/*navigation ul#nav li.active ul li.secondaryActive a:hover { color: #952912; } */
					

/* ////////////////////////////////////////////////////////////////////// footer */

#footer { float: right; width: 650px; margin: 10px 0; font-family: Arial,Sans-Serif; font-size:10px; color:#727272 }
#footerRight { float: right; width: 220px; text-align: right }

#footer a { font-family: Arial,Sans-Serif; font-size: 1em; color:#727272; text-decoration:none }
#footer a:hover { text-decoration:underline }

.footerBold { font-family: Arial,Sans-Serif; font-size:10px; color:#000000 }


/* //////////////////////////////////////////////////////////////// my steps css */
	
ul#stepNav 
{	
	padding: 20px 0 0 20px;
	list-style-type: none;
	list-style-image: none;
	display: block;
	}
	
	ul#stepNav li { float: left; height: 48px; padding: 1px 1px 0 1px; border-bottom: 1px solid #C9C9C9 }
	ul#stepNav li.active 
	{
		 border-left: 1px solid #C9C9C9;
		 border-top: 1px solid #C9C9C9;
		 border-right: 1px solid #C9C9C9;
		 border-bottom: none;		 
		 }
	
	/* Total width of the 3 list items should be 416px, taking into account the 2px for right and left border/padding with each li */
	ul#stepNav li#step1 { width: 123px }
	ul#stepNav li#step2 { width: 150px }
	ul#stepNav li#step3 { width: 137px }
	
	ul#stepNav li a { text-decoration: none }
	
		ul#stepNav li a img { float:left; margin: 5px 5px 0 5px }	
		ul#stepNav li p a { position: relative; top:10px; left: 0; font-size:11px; color: #727272; text-decoration: none }


/* /////////////////////////////////////////////////////// registration page css */

table.registrationTable { width: 400px; border-collapse: collapse }
	table.registrationTable td {}
	table.registrationTable td hr { background: #C9C9C9; border: 0; color: #C9C9C9; height: 1px; margin: 10px 0; }
	table.registrationTable td.col1 { width: 150px; text-align: left }
	table.registrationTable td.col2 { padding-bottom: 5px }


/*   tooltip  */
#dhtmltooltip
{
	position: absolute;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: #FEFEFE;
	visibility: hidden;
	z-index: 100;
	font-size:9px;
	text-align:left;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	/* filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); */
}

/*   submodal  */

.modalBackground
{
    background-color:white;
/*    filter: alpha(opacity=75);
    -moz-opacity:0.75; 
    opacity: 0.75*/
}
.tellmemoreModalBackground
{
    background-color: Gray;
/*    filter: alpha(opacity=70);
    -moz-opacity:0.7; 
    opacity: 0.7*/
}

.modalPopup
{
    background-color: white;
    border-width: 2px;
    border-style: solid;
    border-color: silver;
    padding: 3px;
    width: 350px;
}
.tellmemoreModalPopup
{
    background-color: white;
    position:relative;
    left:-20px;
    top:-250px;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 300px;
    
    
}
/*bmi calculator*/
div#bmrCalculatorShell { float: left;width:435px }
div#bmrCalculator { margin:.5em 2em; border: 1px solid #C9C9C9 }
div#bmrHeader { width:100%; height:40px; background-color:#419638 }
div#bmrHeader img { padding: 1em 0 0 1em }
div#bmrForm { padding: 1em }
div#bmrScore { width:100%; text-align: center; padding: 10px 0; color:#952912; background-color:#D9EAD7 }


/* Poll */
span.RadioBtnList input
{
	float:left;	
}
span.RadioBtnList label
{
	float:left;	
	padding:3px 0 3px 0;	
	line-height:10px;
}

span.RadioBtnList br
{
	clear:both;
}
span.RadioBtnList 
{
	
	padding-left: 5px;
	vertical-align:middle;
} 	

table.pollResults
{
	margin-left:-2px;
}