/* CSS Document */

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
html, body {
height:100%;	
}


body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
margin:0px;
padding:0px;
background-color:#c60c46;
line-height:16px;
}

a:link {
	color:#333333;
	text-decoration:underline;
	font-size: 12px;
}

a:visited {
	color:#666666;
	text-decoration:underline;
	font-size: 12px; 
}

a:hover {
	color:#990033;
	text-decoration:none;
	font-size: 12px;
}
ul {
margin:0px 0px 0px 5px;
list-style:disc;
list-style-position:inside;
}
/*************************************************/
/************** main page styles *****************/
/************************************************/

#bodyContainer{
padding:15px;
background-color:#fff;
margin:0 auto 0 auto;
width:745px;
border-bottom: 16px solid #C60C46;
border-top: 16px solid #C60C46;
min-height:90%;
}

#mainContent{
padding:0px;
background:#fff;
float:right;
width:590px;
}


#mainContentsecure{
padding:15px;
background:#fff;
width:720px;
}

/*** billboard area for index page and any page that follows the same layout ***/
#mainContent #billboard{
background-image:url(../images/indexBillboard2.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
border:thin solid #f5f5eb;
padding:10px;
margin: 0px 0px 5px 0px;
}

/*** billboard area for majority of content pages ***/

#mainContent #billboardOther{
padding:10px 10px 0 10px;
margin: 0px 0px 5px 0px;
background-color:#F5F5EB;
}

#mainContent #billboardOther h1{
float:left;
}

#mainContent #billboardOther h3{
clear:left;
float:left;
margin:10px 0 10px 0;
width: 250px;
}

#mainContent #billboardOther p{
clear:left;
margin:10px 0 10px 0;
}

#mainContent #billboardOther img{
float:right;
margin:0 25px 0 25px;
}
#mainContent #billboardOther ul{
margin:0;
padding:0;
}

/******* middle area on the index page *******/
#mainContent #infoContainer{
height:100%;
margin: 10px 0px 5px 0px;
}

#infoContainer .smallBox{
width:175px;
text-align:center;
color:#990033;
background-color:#FFB24F;
border-right: 2px solid #FFB24F;
border-bottom: 2px solid #FFB24F;
}

#infoContainer .smallBox .linker{
display:block;
background-color:#FFB24F;
}

.smallBoxInsider{
padding-top:10px;
width:175px;
height:65px;
}

#infoContainer .emphasis{
font-size:16px;
font-weight:bold;
margin:5px 0 5px 0;
}

#infoContainer .smallBoxNotSelected{
width:175px;
text-align:center;
color:#990033;
background-color:#FFD59F;
border-bottom: 2px solid #BF955F;
border-right: 2px solid #BF955F;
cursor:pointer;
margin-bottom:8px;
}

#infoContainer .smallBoxNotSelected .linker{
display:none;
}

#infoContainer .pledgeTitle {
margin: 5px 0 0 0;
}

#infoContainer #leftBox{
float:left;
}

#infoContainer #leftBox a{
}

#infoContainer #middleBox{
float:left;
margin: 0px 28px 0px 28px;
} 

#infoContainer #rightBox{
float:right;
}

/******* advisors profile **************************************/
#psychicImage
{
border:2px solid #F5F5EB;
}

/******* box on homepage that changes through javascript *******/
#bigBoxMeet{
}
#bigBoxMeet td{
	padding:10px;
}
#bigBoxMeet td a{
	display:block;
	text-decoration:none;
	font-weight:bold;
}
#bigBoxMeet td img{
	margin-right:10px;
	float:left;
	border:2px solid #f5f5eb;
}
#bigBoxBuy .backer{
background-image:url(/images/stars4Vert.gif);
background-repeat:no-repeat;
background-position: 20px 45px;
}
#bigBoxBuy .pledgeTitle{
font-size:20px;
line-height:22px;
background-image:url(/images/stars3Hor.gif);
background-repeat:no-repeat;
background-position: 480px 10px;
}
#bigBoxBuy p{
margin:10px 75px 10px 75px;
}
#bigBoxBuy ul{
margin-left:75px;
margin-right:75px;
padding:0;
}
#bigBoxBuy li{
padding-left:10px;
}
#bigBoxAvailable{
}
#bigBoxAvailable .panTable {
border-bottom: none;
border-left: none;
text-align:center;
}
#bigBoxAvailable .panTable .noBorder{
border:none;
}
#bigBoxAvailable .panTable th{
color:#000000;
background-color:#F5F5EB;
border-right: none;
}
#bigBoxAvailable .panTable td{
border-right: none;
padding-top: 10px;
}
#bigBoxAvailable .panTable img{
border:none;
border:2px solid #f5f5eb;
}
#bigBoxAvailable .panTable .available{
font-weight:bold;
color:#006600;
}
#bigBoxAvailable .panTable .busy{
font-weight:bold;
color:#FF0000;
}
#bigBoxAvailable .panTable .wait{
font-weight:normal;
color:#C60C46;
}
.visibleBox{
clear:both;
padding:10px;
border: 10px solid #FFB24F;
}

.invisibleBox{
width:550px;
left:-999em;
top:-999em;
position:absolute;
}

/******* copy section of each page *******/
#mainContent #copyContainer{
padding:5px;
margin: 0px 0px 5px 0px;
clear:both;
}
#mainContent #copyContainer ul{
padding:0;
margin-left:0;
list-style-position:outside;
}
#mainContent #copyContainer li{
margin-left: 15px;
}
#mainContent #copyContainer strong{
color:#990033;
margin-right: 5px;
}

/** backwards compatibility and Opera**/

/*************************************************/
/**************    Header     *****************/
/*************************************************/
#header{
	margin-bottom: 10px;
}
#header img{
display:block;
float:left;
}
#header #loginContainer{
	text-align:right;
}
#header #tagContainer{
	background-image:url(../images/headerStars.gif);
	background-repeat:no-repeat;
	background-position: 0px -5px;
	float:right;
	width:400px;
	padding:20px 70px 0 70px;
}
#header .phoneNumber{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#990033;
	margin-top:5px;
	letter-spacing:1px;
}
#header #pageGreeting{
	clear:both;
	font-size:11px;
}
/*********************************************/
/**************   Top Nav   ****************/
/*********************************************/
#topNav {
	}
#topNav .date{
	float:left;
	padding:0 3px 0 3px;
	margin:3px 0px 3px 0px;
	width:125px;
	text-align:right;
	}
#topNav a{
  font-weight:bold;
  text-decoration:none;
  margin-left: 34px;
}                              
		
#topNav a:link{
	color:#990033;
	}
#topNav a:visited{
	color:#C60C46;
	}
#topNav a:hover{
	color:#9A1F38;
	}
#topNav a:active{
	color:#C60C46;
	}
/*********************************************/
/**************   Left Nav   ****************/
/*********************************************/
#sideNav{
clear:both;
float:left;
color:#333;
font-size:12px;
line-height:18px;
}

/* styles for left nav pods */
#sideNav #sideBanner{
float:left;
width:130px;
margin-top:10px;
text-align:center;
color:#ffffff;
border: 1px solid #D1E2EF;
background-color:#990033;
padding: 5px 0 5px 0;
line-height: 15px;
background-image:url(../images/redStar.gif);
background-position: -5px 0px;
cursor:pointer;
}

	
#sideNav #sideBanner em{
margin:5px 0 5px 0;
color:#FFFFFF;
font-size:15px;
line-height:15px;
}

#callBackBanner{
	width:130px;
	background-color:#E7E7DF;
	text-align:center;
	margin-top: 10px;
	padding: 10px 0 10px 0;
	border: 1px solid #D1E2EF;
}
#callBackBanner p{
	font-size:10pt;
	line-height:12pt;
	color:#000000;
	padding:0;
	margin:0 0 10px 0;
}
#callBackBanner strong{
	font-size:12pt;
	line-height:14pt;
	color:#990033;
}
#leftNavMessage {
	background-color:#D9DA5C;
	border:1px solid #D1E2EF;
	color:#990033;
	margin-top:10px;
	padding:10px 0pt;
	text-align:center;
	width:130px;
	cursor: pointer;
}
#leftNavMessage strong{
	font-weight: bold; 
	font-size: 1.2em;
}
/*********************************************/
/**************    Footer     ****************/
/*********************************************/
#footer{
clear:both;
background-color:#ffffff;
font-size:11px;
display:block;
margin-top:20px;
margin-left:5px;
margin-right:5px;
}

#footer a:link {
	color:#333333;
	text-decoration:underline;
	font-size: 11px;
}

#footer a:visited {
	color:#666666;
	text-decoration:underline;
	font-size: 11px; 
}

#footer a:hover {
	color:#990033;
	text-decoration:none;
	font-size: 11px;
}


#footer #leftContainer{
float:left;
width:590px;
height:70px;
background-color:#f5f5eb;
padding:10px 5px 5px 10px;
}

#footer #rightContainer{
float:right;
background-color:#f5f5eb;
padding:10px 5px 5px 10px;
height:70px;
text-align:center;
}


/****************************************************************/
/***    MISC elements that will appear throughout the site    ***/
/****************************************************************/

/******* for panTable that appears on the psychic page *******/
.panTable {
width:100%;
border-bottom: 1px solid #F5F5EB;
border-left: 1px solid #F5F5EB;
}
.panTable .noBorder{
border:none;
}
.panTable th{
color:#990033;
background-color:#FFB24F;
border-right: 1px solid #FFFFFF;
}
.panTable td{
border-right: 1px solid #F5F5EB;
}

.panTable .available{
font-weight:bold;
color:#006600;
}
.panTable .busy{
font-weight:bold;
color:#FF0000;
}

.TableAdvisorsSchedule{
border:2px solid #f5f5eb;
font-size:11px;
}
.TableAdvisorsSchedule th{
color:#990033;
font-weight:normal;
width:55px;
}


/******* box that appears within the billboard at times *******/
#pledgeBox {
width:210px;
padding:20px 5px 5px 5px;
height:100px;
margin-top: 3px;
background-image: url(../images/pledgeBackonLight.gif);
background-repeat:no-repeat;
}




#pledgeBox .pledgeTitleBlack {
background-image:url(../images/PledgeLogo.gif);
background-repeat:no-repeat;
background-position: 49px -2px;
font-weight:bold;
}

/*** a class that is used in several places to manage floats, usually on an empty div ***/
.clearBoth {
clear:both;
padding:5px;
}


/*********************************************/
/********    heading  FONTS     **************/
/*********************************************/

/*** the pledgeTitle classes are sifr classes that aren't H tags ***/
.pledgeTitle{
text-align:center;
font-size:16px;
line-height:18px;
margin:0;
color:#990033;
}
.pledgeTitleBlack{
text-align:center;
font-size:16px;
line-height:18px;
margin:0;
color:#000000;
font-weight:bold;
}
.pledgeTitleWhite{
text-align:center;
font-size:16px;
line-height:18px;
margin:0;
color:#ffffff;
}
.sifrAlt1{
}
h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
line-height:22px;
font-weight:bold;
color:#990033;
}
h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
line-height:18px;
font-weight:bold;
color:#990033;
}

h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
line-height:18px;
font-weight:bold;
color:#990033;
}
h4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:28px;
line-height:34px;
font-weight:bold;
color:#FFFFFF;
margin:5px 0 0 0;
}

h5 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 20px;
color:#FFFFFF;
font-weight:normal;
margin: 4px 0 0 0;
}


.elevator {
padding:0;
margin:0;
font-size:10px;
line-height:14px;
text-align:center;
color:#0B0A0A;
}

/* 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;
}

em{
    font-style:normal;
    font-size: 13px;
    font-weight:bold;
    color:#343434;
    display:block;
}

#testimonials p{
	background-color:#F5F5EB;
	padding: 4px;
	margin-top: 5px;
}

#testimonials em{
   margin-top:10px;
}

										
/* These "decoy" styles are used to hide the browser text before it is replaced... 
the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
										
.sIFR-hasFlash h1 {
		visibility: hidden;
				}
										
.sIFR-hasFlash h2 {
		visibility: hidden;
				}
.sIFR-hasFlash h3 {
		visibility: hidden;
				}
.sIFR-hasFlash .sifrAlt1 {
		visibility: hidden;
		}
	/*END sIFR*/									
		
		
		
/* Error message styles for secure section */									
.warning{
	color:#FF0000;
	font-weight:bold;

}
	
#warningMessage{										
	color:#FF0000;
	font-weight:bold;

}

/* Style for Promo code on order page */
#promoHeading {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-weight: 600;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 30px;
	text-align:left;
	font-size: 12px;	
	color:#cc0033;
	background-image:url(../images/promoStar.gif);
	background-repeat:no-repeat;
	vertical-align:middle;
}




#bodyPopup{
padding:15px;
background-color:#fff;
margin:0 auto 0 auto;
width:500px;
border-bottom: 16px solid #C60C46;
border-top: 16px solid #C60C46;
min-height:90%;
}

#leftColBanner 
{
width:130px;
background-color:#FFD59F;
text-align:center;
margin-top: 10px;
padding: 10px 0 10px 0;
border: 1px solid #D1E2EF;
}

#leftColBanner p{
font-size:12px;
font-weight:bold;
color:#990033;
padding:0;
margin:0 0 10px 0;
}

#leftColBanner strong{
font-size:16px;
}

#bigBoxBuy ul{
margin-left:90px;
margin-right:75px;
padding:0;
list-style-position:outside;
}

#bigBoxBuy li{
padding-bottom:5px;
}

input{
background-color:#FAFAFA;
border-bottom-color:#FFFFFF;
border-right-color:#FFFFFF;
border-top-color:#CFCFCF;
border-left-color:#CFCFCF;
}

/* Lead form style */
.frmTbl {
                width:580px;
                border: 2px solid #EFEFE0; 
                padding:5px; 
                margin-bottom:10px;
                }
.frmTbl td {
                padding:3px;
                }
.frmTitle {
                background-color:#FBBB69;
                width:570px;
                padding:3px 0 3px 10px;
                margin-bottom:2px;
                font-size:.8em;
                }
/* Logon Advisor Status on Profile page */                
.busy{
font-weight:bold;
color:#FF0000;
}
.available{
font-weight:bold;
color:#006600;
}

/* VBR Styles */