﻿/* //////////////////////////////////////////////////////////////// conditioners */

a,
	a:link,
	a:visited,
	a:hover,
	a:active
	{
		/* anchor pseudo-classes should be listed
		link, visited, hover, active
		tip: LoVe HAte */
		color: #952912;
		text-decoration: underline;
		cursor: pointer
		}
		
a strong, a b, a sup, a em { color: #952912; }


h1 { margin-bottom: 8px; font-size: 22px; color: #952912; text-align:right; line-height:normal; }

/*.sIFR-hasFlash h1
{
    visibility: hidden;
    font-size: 22px;   
}*/

h2 { font-size: 12px; color: #952912; font-weight: normal; text-align: left }


/*.sIFR-hasFlash h2
{
    visibility: hidden;
}*/

h2 strong, h2 b, h2 sup, h2 em { color: #952912; }

menu,dir { display: block; list-style-type: none }



/* ///////////////////////////////////////////////////////////////////// content */

#content { float: right; width: 650px; border: solid 1px #C9C9C9 }

#homeContent { position: relative; float: right; width: 650px; height: 386px; border: solid 1px #C9C9C9 }
#homeFlash { position: absolute; top:0; left:0; }

.copy { padding: 20px }
.copy a { color: #952912; text-decoration:underline }
.copy p { line-height: 14px }
.copy ol { margin: 5px 0 12px 25px; padding:0 }
.copy ul { list-style-image: url(../images/icons/iconBullet.gif); margin: 0 0 12px 25px; padding:0 }
.copy ol li, .copy ul li { font-size: 11px; margin: 0 0 5px 0; padding: 0 }
.copy ul ul { list-style-image: url(../Images/icons/iconBulletGreen.gif); margin: 2px 0 2px 25px; }

.copy hr { background: #727272; border: 0; color: #727272; height: 1px; margin: 10px 0 }

#contentTop { position: relative; float: left; text-align: right; border-bottom: 1px solid #C9C9C9 }
/* #contentTop div#text p { text-align: right } */
#contentTopTable { width: 650px }
#contentTopTable td img { float: left }


#twoColumn, #twoColumnPadded { float:left; background: url(images/bkgdRightcol.gif) repeat-y right top }
#twoColumn #leftColumn, #twoColumnPadded #leftColumn { float: left; width: 440px }
#twoColumnPadded #rightColumn { float: right; width: 210px }
#twoColumn #rightColumn {float: right; width: 210px; }

#bottomNav { padding: 20px; }
#bottomNav a { font-size: 11px; color: #727272; text-decoration:none }

/* //////////////////////////////////////////////////////////////////////// quiz */

#quizTwoColumn { width: 650px; float: left }
#quizTwoColumn #quizLeftColumn { float:left; width:306px }
#quizTwoColumn #quizRightColumn { float:right; width:324px }

div#quizLeft { padding: 20px 10px 0px 20px }
    div#quizLeft img.quizHeader { margin-bottom: 20px }

div#quizRight { float: left; padding: 20px 10px 20px 10px }

    div#quizNav { float: right }

    div#quizContent { float: left; margin-top:20px;}
        div#quizContent img.quizQuestion { margin: 0 0 .5em 0 }
        
/* //////////////////////////////////////////////////////////////////////// BMI */     
.bmrCalculatorShell { float: left;width:425px }
.bmrCalculator { margin: .5em 0em; border: 1px solid #C9C9C9 }
.bmrHeader { width:100%; height:40px; background-color:#419638 }
.bmrHeader img { padding: 1em 0 0 1em }
.bmrForm { padding: 1em }
.bmrScore { width:100%; text-align: center; padding: 10px 0; color:#952912; background-color:#D9EAD7 }
  
/* /////////////////////////////////////////////////////////// register page css */
  
div#signInControl { padding: 15px 0 0 10px }
div#signInControl img { float: left; margin-bottom: 10px }

div#registerTopBar 
{
	width: 650px;
	float: left;

	padding: 0;
	margin: 0;
	}
	
	/* 
	#registerTopBar div.headerMast
	{
		width: 613px;
		background-color: #0083A9;
		border-top: 1px solid #C9C9C9;
		border-right: 1px solid #C9C9C9;
		border-left: 1px solid #C9C9C9;
		}
		
	#registerTopBar div.headerMast img.headerMastIcon { float: left; margin-right: 10px }
	*/
	
	ul#registerNav { list-style-type: none; list-style-image: none; display: block	}
		
		ul#registerNav li 
		{
			float: left;
			height: 22px;
			background-color: #E5E5E5;
			border-bottom: 1px solid #C9C9C9 
			}
			
		ul#registerNav li.active { background-color: #fff; border-bottom: none }
		
		/* width of nav items is 650px including right border pxs */
		ul#registerNav li.nav1 { width: 117px; border-right: 1px solid #C9C9C9 }
		ul#registerNav li.nav2 { width: 111px; border-right: 1px solid #C9C9C9 }
		ul#registerNav li.nav3 { width: 117px; border-right: 1px solid #C9C9C9 }
		ul#registerNav li.nav4 { width: 132px; border-right: 1px solid #C9C9C9 }
		ul#registerNav li.nav5 { width: 169px }
		
			ul#registerNav li p
			{
				text-align: center;
				padding-top: 4px;
				}
				
	ul#eventRegisterNav { list-style-type: none; list-style-image: none; display: block	}
		
		ul#eventRegisterNav li 
		{
			float: left;
			height: 22px;
			background-color: #E5E5E5;
			border-bottom: 1px solid #C9C9C9;
			}
			
		ul#eventRegisterNav li.active 
		{
			background-color: #fff;
			
			border-bottom: none;
			}
		
		/* width of nav items is 615px including right border pxs */
		ul#eventRegisterNav li.nav1 { width: 216px }
		ul#eventRegisterNav li.nav2 { width: 216px; border-left: 1px solid #C9C9C9; border-right: 1px solid #C9C9C9 }
		ul#eventRegisterNav li.nav3 { width: 216px }
		
			ul#eventRegisterNav li p
			{
				text-align: center;
				padding-top: 4px;
				}
				


/* ///////////////////////////////////////////////////////// right side callouts */

.rightSideCallout { text-align:left;float: left; width: 195px; margin-bottom: 20px; border: 1px solid #C9C9C9 }

	.rightSideCallout .rscTopBar { float: left; width:195px }
	.rightSideCallout .rscBody { float: left; width:185px; padding: 5px }
	
		.rightSideCallout h4 { margin-bottom: 10px; font-size: 18px }
		.rightSideCallout p { font-size: 9px; margin-bottom: 5px }
		.rightSideCallout input { margin-bottom: 5px }
		
		/* use the below table .rscTable to create a two column callout */
		.rscTable
		{
			width: 185px;
			border-collapse: collapse;
			padding: 0;
			margin: 0 0 10px 0;
			}
			.rscTable td { text-align: left; vertical-align: top; padding: 2px 0; margin: 0 }
			.rscTable td.col1 { width: 35% }
			.rscTable td.col2 { padding-left: 5px }
			
			.rscTable td img { }
			.rscTable td p { padding: 0; margin-bottom: 5px }
	
	.rightSideCallout ul { list-style: none; margin: 0; padding: 0 }
	.rightSideCallout ul li { }
	.rightSideCallout ul li a { background: url(../images/iconBullet.gif) no-repeat; background-position: 0 3px; padding-left: 10px; font-size: 12px; text-decoration: none }

	.rightSideCallout ul li a:hover { text-decoration: underline }
	
	
.blue .rscTopBar { background-color: #0083A9 }
.green .rscTopBar { background-color: #419638 }
.red .rscTopBar { background-color: #952912 }
.yellow .rscTopBar { background-color: #C5960B }

.copy hr { background: #727272; border: 0; color: #727272; height: 1px; margin: 10px 0 }

.rightSideCallout.blue h4, .rightSideCallout.blue p span.coloredText, .rightSideCallout.blue p strong { color: #0083A9 }
.rightSideCallout.green h4, .rightSideCallout.green p span.coloredText, .rightSideCallout.green p strong { color: #419638 }
.rightSideCallout.red h4, .rightSideCallout.red p span.coloredText, .rightSideCallout.red p strong { color: #952912 }
.rightSideCallout.yellow h4, .rightSideCallout.yellow p span.coloredText, .rightSideCallout.yellow p strong { color: #C5960B }


.blue ul li a { background: url(../images/iconArrowBlue.gif) no-repeat; background-position: 0 2px; color: #0083A9 }
.green ul li a { background: url(../images/iconArrowGreen.gif) no-repeat; background-position: 0 2px; color: #419638 }
.red ul li a { background: url(../images/iconArrowRed.gif) no-repeat; background-position: 0 2px; color: #952912 }
.yellow ul li a { background: url(../images/iconArrowYellow.gif) no-repeat; background-position: 0 2px; color: #C5960B }


/* /////////////////////////////////////////////////////////////////////// alliU */

h3 { font-size: 26px; color: #0083A9; font-weight: normal; text-align: left }

/*.sIFR-hasFlash h3
{
    visibility: hidden;
    font-size: 26px;   
}*/

.h3SubText { font-family: verdana; font-size: 12px; color:#727272; }
.alliUSubHeader { font-family: verdana; font-size: 12px; color:#0083A9; margin-bottom: 0 }

.alliULink a:link, .alliULink a:visited, .alliULink a:hover, .alliULink a:active { color:#0083A9 }

.eventDetails { width: 400px }
.leftText { display: block; float: left; width: 260px; padding-right: 5px }
.rightUL {  display: block; float: left; width: 135px }
	.rightUL ul { list-style-image: url(../images/icons/iconSublinkBullet.gif); margin: 0 0 12px 25px; padding:0 }
	.rightUL ul li { margin: 0 0 5px 0; padding: 0 }
	.rightUL ul li a { font-size: 10px; color:#0083A9 }
	.rightUL ul li a:link, .rightUL ul li a:visited, .rightUL ul li a:hover, .rightUL ul li a:active { color:#0083A9 }

.eventBio { width: 400px }
.eventBioPic { display: block; float: left; margin-right: 15px; }	
.eventBioCopy { display: block; float: left; width: 299px;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

        
        
        
/* These are standard sIFR styles... do not modify */

.sIFR-flash
{
    visibility: visible !important;
    margin: 0;
}

.sIFR-replaced
{
    visibility: visible !important;
}

span.sIFR-alternate
{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true]
{
    display: none !important;
}      

/* Tell a Friend ===============================*/
.TAFfromTBL, .TAFtoTBL
{
	width:420px;
}

.TellAFriendAddressRemoveCss
{
}

.PreviewEmailBody
{
	background-color:#FFF;
	border: 1px solid #555;
}

.TellAFriendAddressRecipientTBCss
{
}

.TellAFriendAddressTitleCellCss
{
	font-weight:bold;
	padding-left:0px;
	padding-top:5px;
}

.TellAFriendAddressTitleRecipientsCellCss
{
	font-weight:bold;
	padding-left:0px;
	padding-top:5px;
	border-bottom:solid 1px #434C3F;
	width:400px;
}

.TellAFriendAddressLabelCellCss
{
	padding-left:20px;
	padding-right:10px;
}

.TellAFriendTextBoxCss
{
	width:300px;
}

.TAFlabelTD, .TAFfieldTD
{padding: 2px;
 text-align:right;
 }
.TAFfieldTD
{width:100px;
 }

.TellAFriendAddressDataCellCss
{
}

.TellAFriendAddressIncludeSenderCss
{
}
.AddBtnDiv
{margin:8px;
 text-align:center;
 }
 
 .SendDivCSS, .PreviewDivCSS
 {display:inline;
 margin: 10px;
  }
  
  
.regAlliSignInCss
{
	margin:4px;
	}
.forgotLinks
{
	font-size:10px;
	color: #952912;
}
.btnSignIn
{margin:15px 2px;}

hr { height:1px;
     color: #DDDDDD;
     background-color: #DDDDDD;
     }
     
     
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
left: 0;
background-color: #ffffe0;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}
