/********************************************************************************
GENERAL STYLES
********************************************************************************/
/*** General Styles ***/
body 
{
top:0px;
left:0px;
margin: 0;
padding: 0;	
font: normal 13px Verdana,"segoe ui","lucida grande",helvetica,tahoma,arial,sans-serif;
color: #333;
}
a {
background: transparent;
text-decoration: underline;
color:#C00500;
}
a:hover {
background: transparent;
text-decoration: underline;
color:#C00500;
}
.Error
{
    border: solid 1px #DA0701;
    background-color: #D6D7D9;
}
.ErrorClear
{
    border: 0px;
    background-color:#ffffff;
}

.ErrorLabel
{
	color: #DA0701;
	background-repeat:repeat-x;
}
.ErrorLabelClear
{
	color:#333333;
	background-repeat:no-repeat;
}

.textboxTypeDiv {
border:1px solid #000;
height:15px;
padding:2px;
}
.LogoutTitle
{
	font-size: 14px; 
	font-family: Verdana;
	color: #8D0400;
}
/********************************************************************************
CONTAINER
********************************************************************************/
#container 
{
background-color: #ffffff;
position: relative;
overflow: hidden;
margin: 0px 0px 0px 10px;
width: 802px;
}

/********************************************************************************
GRADIENT BACKGROUNDS
********************************************************************************/
#leftbg {
float: left;
position: absolute;
top: 70px;
left: 0px;
width: 11px;
/*background: url(images/leftbg.gif) repeat-y;*/
}
#rightbg {
float: right;
position: absolute;
top: 70px;
right: 0px;	
width: 11px;
/*background: url(images/rightbg.gif) repeat-y;*/
}
/********************************************************************************
HEADER
********************************************************************************/
#header {
color: #666;
clear: both;
position: relative; 
display: block;
background: #fff;
}
#header .header_left {
width: 11px;
height: 80px;
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
}
/* IE6 Only */
* html #header .header_right {
width: 11px;
height: 80px;	
position: absolute;
top: 0px;
right: 0px;
}
/* IE7, Firefox, Safari, Opera */
html>body #header .header_right {
width: 11px;
height: 80px;	
position: absolute;
top: 0px;
right: 0px;

}
#header #header_logo {float:left;}
/*** Nav bar styles ***/
/*****************************************************************
TOP RIGHT NAV 
*****************************************************************/
#nav-menu 
{
display:block;
font-size: 10px;
color:#8D0400;
padding: 5px 15px 0 0;
}

#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
float: right;
height: 25px;
}

#nav-menu li
{
float: left;
display: block;
margin: 0px 0px 0px 0px;
padding:0 0px;
text-transform: uppercase;
line-height: 25px;
}
#nav-menu li:first-child {border-left: none;}
#nav-menu li.first {border-left: none;}
#nav-menu li a
{
font-family: Arial;
color:#8D0400;
text-decoration: none;
}


#nav-menu .alreadyMember
{
	text-transform:none;
}

/********************************************************************************
BODY CONTAINER
********************************************************************************/
#body 
{
margin: 0px 0px 0px 14px;
color: #333;
overflow: hidden;
display: inline;
width:775px;
float:left;
}

html>body #body {
margin: 0px 0px 0px 14px;
}
/********************************************************************************
MAIN NAVIGATION
*********************************************************************************/
#nav-main-nli
{
clear:both;
margin:33px 0 0 14px;
}
#nav-main
{
margin:37px 0 0 14px;
padding: 0;
width:775px;
height:31px;
}
#nav-main ul
{
padding: 0;
margin: 7px 0 0 23px;
height: 24px;
float:left;
}
html>body #nav-main ul {margin-bottom:3px;margin-left:53px;}
#nav-main ul li
{
padding:0;
margin:0;
list-style-type: none;
float: left;
height: 24px;
color:#fff;
font-size: 12px;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
}

#nav-main ul li a
{
line-height: 1.5em;
color:#fff;
letter-spacing: -1px;
font-weight: 900;
padding: 0px 22px 0px 22px;
border-top: 3px solid #8D0400;
border-left: 1px solid #BB7775;
text-align: center;
text-decoration: none;
}
/*safari css hack - CSS3 compliant - but not CSS2*/
body:last-child:not(:root:root) #nav-main ul li a {font-weight:100;letter-spacing: .01em;}

#nav-main ul li:first-child {border-left:none;}
#nav-main ul li a.first {border-left:none;}
/*
#nav-main ul li a:hover
{
color:#fff;
height: 23px;
font-weight: 900;
background: #E9E9E9;
border-top: 3px solid #fff;
border-left: 3px solid #fff;
border-right: 3px solid #fff;
color:#8D0400;
text-decoration: none;
}
*/
#nav-main ul li a.selected
{
display:inline-block;
color:#fff;
height: 24px;
font-weight: 900;
background: #E9E9E9;
border-top: 3px solid #fff;
border-left: 3px solid #fff;
border-right: 3px solid #fff;
color:#8D0400;
text-decoration: none;
}
html>body #nav-main ul li a.selected {display: block;}
#nav-main ul li a.selected:hover
{
text-decoration: underline;
}
.nav-main-sub
{
margin: 0 0 0 14px;
padding: 3px 0px 0px 0px;
width:775px;
height:24px;
background: #E9E9E9;
}
html>body .nav-main-sub {margin-top:3px;}
.nav-main-sub ul
{
float:left;
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
height:24px;
display:inline;
}
html>body .nav-main-sub ul {margin-left:0px;}
.nav-main-sub ul li
{
padding:0;
margin:0;
list-style-type: none;
float: left;
color:#8D0400;
font-size: 11px;
font-family: "Lucida Sans Unicode";
letter-spacing: .001em;
line-height: 12px;
}
.nav-main-sub ul li a
{
float:left;
height:16px;
display: block;
margin: 0px 0px 0px 0px;
padding: 5px 19px 0px 19px;
color:#8D0400;
text-decoration: none;
}
html>body .nav-main-sub ul li a {padding-top:3px;}
.nav-main-sub ul li a:hover
{
text-decoration: underline;
}
.nav-main-sub ul li a.selected
{
background: #fff;
text-decoration: none;
}
.nav-main-sub ul li a.selected:hover
{
text-decoration: underline;
}
/***************Third level nav ************************************************/
.nav-main-sub2
{
margin: 1px 0 0 14px;
padding: 3px 0px 0px 0px;
width:775px;
height:24px;
background: #fff;
border-bottom: 1px solid #E9E9E9;
}
html>body .nav-main-sub2 {margin-top:3px;}
.nav-main-sub2 ul
{
float:left;
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
height:24px;
display:inline;
}
html>body .nav-main-sub2 ul {margin-left:0px;}
.nav-main-sub2 ul li
{
padding:0;
margin:0;
list-style-type: none;
float: left;
color:#8D0400;
font-size: 11px;
font-family: "Lucida Sans Unicode";
letter-spacing: .001em;
line-height: 12px;
}
.nav-main-sub2 ul li a
{
float:left;
height:16px;
display: block;
margin: 0px 0px 0px 0px;
padding: 5px 19px 0px 19px;
color:#8D0400;
text-decoration: none;
}
html>body .nav-main-sub2 ul li a {padding-top:3px;}
.nav-main-sub2 ul li a:hover
{
text-decoration: none;
}
.nav-main-sub2 ul li a.selected
{
background: #fff;
font-weight: 900;
text-decoration: none;
}
.nav-main-sub2 ul li a.disabled {color:#9C9696;font-weight:100;}
.nav-main-sub2 ul li a.selected:hover
{
text-decoration: underline;
}


/********************************************************************************
FOOTER
********************************************************************************/
#footer {
height: 132px;
position: relative;
/*background: #fff url(images/footer-bg.gif) repeat-x;*/
color: #666;
clear: both;
}
.footer_left {
position: absolute;
left: 0px;
top: 0px;
/*background: url(images/footer-leftbg.gif) no-repeat;*/
width: 11px;
height: 132px;
margin: 0px;
color: #fff;
}
* html .footer_right {
position: absolute;
right: 0px;
top: 0px;
/*background: url(images/footer-rightbg.gif) no-repeat;*/
width: 11px;
height: 132px;
margin: 0px;
color: #fff;
}
html>body .footer_right {
position: absolute;
right: 0px;
top: 0px;
/*background: url(images/footer-rightbg.gif) no-repeat;*/
width: 11px;
height: 132px;
margin: 0px;
color: #fff;
}
#footer .footer_bar {
margin: 0 0 0 14px;
position:relative;
}

#footer .copyright {
margin: 12px 0 0 0;
text-align: center;
font-size: 10px;
color: #8C8C8C;
}
#footer #footer_links
{
font-size: 10px;
color:#8C8C8C;
margin: 20px 0 0 0;
}

#footer #footer_links ul
{
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}

#footer #footer_links li
{
display: inline;
font-size: 9px;
margin: 0;
padding:0 10px;
border-left: 1px solid #8C8C8C;
}
#footer #footer_links li:first-child {border-left:none}
#footer #footer_links li.first {border-left: none;}
#footer #footer_links li a
{
display: inline;
font-size: 11px;
color:#8C8C8C;
margin: 0px 0px 0px 0px;
text-decoration: none;
}
#footer #footer_links_iac
{
font-size: 9px;
color:#8C8C8C;
padding-top: 10px;
margin: 10px 0px 0px 0px;
}

#footer #footer_links_iac ul
{
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}

#footer #footer_links_iac li
{
display: inline;
margin: 0px 3px 0px 3px;
}

#footer #footer_links_iac li a
{
display: inline;
color:#8C8C8C;
text-decoration: none;
}
/********************************************************************************
COMMON STYLES
********************************************************************************/
.clear {clear: both !important;}
img {border:0;}
h1 {font: 900 15px Verdana, Arial, Helvetica, sans-serif; color:#8D0400; text-transform: uppercase}
.clearfix:after {
    content:".";
    display:block; 
    height:0;
    font-size:0;
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}  
/* \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* */
.notInterested {text-decoration:none;}

/*Classes for Personality Type Description*/
.maje
{
	color: #8D0400;
	font-weight:bold; 
	display:inline; 
	vertical-align:top;
}
.majb
{
	color: #cc9900;
	font-weight:bold; 
	display:inline; 
	vertical-align:top;
}
.majn
{
	color: #808000;
	font-weight:bold; 
	display:inline; 
	vertical-align:top;
}
.majd
{
	color: #666699;
	font-weight:bold; 
	display:inline; 
	vertical-align:top;
}
.mine
{
	color: #8D0400;
	font-weight:bold; 
	display:inline; 
	vertical-align:top;
}
.minb
{
	color: #cc9900;
	font-weight:bold; 
	display:inline; 
	vertical-align:top;
}
.minn
{
	color: #808000;
	font-weight:bold; 
	display:inline; 
	vertical-align:top;
}
.mind
{
	color: #666699;
	font-weight:bold; 
	display:inline; 
	vertical-align:top;
}


/***************************************************************************/
/*** ACCOUNT PAGE VIEW
/***************************************************************************/
#accountPageView .TitleLink
{
	color:#8D0400;
	font-weight:900;
}

#accountPageView .TextBlurb
{
	margin:0px 0px 15px 0px;
}