body {
	text-align: center;
	padding: 0;
	margin: 0 0 20px;
	font: 0.85em/1.6em "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #0033CC;	
	background: #FFCCCC url("../images/lovequiz_body_bg.png") no-repeat; 
}

#body_bg {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 489px;
	z-index: 0;
	overflow: hidden;
}


a:hover, a:active {
	text-decoration: none;
}

.image-left {
	float: left;
	margin: 3px 10px 3px 0;
}

.image-right {
	float: right;
	margin: 3px 0 3px 10px;
}
	

/* @group Layout */
#container 
{
	border-color: #F2BFBF;
	width: 720px;
	margin: 0px auto;
	text-align: left;
	position: relative;
	z-index: 1;
	border-bottom: 3px solid;
	border-left: 3px solid;
	border-right: 3px solid;
	background: #fff url(../images/lovequiz_content_top_bg.png) repeat-x left 176px;
}

.clearer {
	clear: both;
}

#pageHeader 
{
	background-color: #33CCFF;
	border-bottom-color: #0033CC;
	display: block;
	height: 175px;
	position: relative;	
	font-family: Georgia, "Times New Roman", Times, serif;
}

#pageHeader img {
	position: absolute;
	right: 0px;
	top: 0px;
}

#pageHeader #top_grad {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 146px;
	overflow: hidden;
	z-index: 2;
}

#pageHeader #bar 
{
	background-color: #0033CC;
	border-top-color: #4073FF;
	position: absolute;
	left: 0;
	top: 150px;
	display: block;
	width: 100%;
	height: 25px;
	overflow: hidden;
	border-top: 1px solid;
}

#pageHeader #bar img {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 23px;
}

#pageHeader h1 
{
	color: #0033CC;
	position: absolute;
	top: 42px;
	left: 30px;
	z-index: 3;
	font-size: 2.7em;
}

#pageHeader h2 
{
	color: #FF3399;
	position: absolute;
	top: 87px;
	left: 30px;
	z-index: 3;
	font-weight: normal;
	font-size: 1.3em;
}

#contentContainer 
{
	margin-left: 235px;
	background-image: url(../images/lovequiz_menu_left_bg.png);	
	background-position: left 2px;
	border-color: #FFFFFF;
	background-repeat: no-repeat;
}

.contentSpacer {
	height: 400px;
	float: right;
	width:1px;
}

#contentContainer #content {
	padding: 30px;
}

#sidebarContainer {
	width: 235px;
	font-family: Georgia, "Times New Roman", Times, serif;
	position: relative;
	z-index: 5;
	float: left;
}

#sidebarContainer #sidebar 
{
	border-bottom-color: #FFFFFF;
	padding: 30px;
}
/*#FFCCCC;*/
#sidebarContainer .sideHeader,
#sidebarContainer h1,
#sidebarContainer h2,
#sidebarContainer h3,
#sidebarContainer h4 {
	font-style: italic;
	border-bottom-color: #FFFFFF;
	color: #FF3399;
	font-weight:bold;
}

#sidebarContainer .sideHeader,
#sidebarContainer h1 {
	font-size: 1.2em;
}

#sidebarContainer h2 {
	font-size: 1.1em;
}

#sidebarContainer h3 {
	font-size: 1em;
}

#sidebarContainer h4 {
	font-size: .95em;
}

#footer 
{
	color: #FF3399;
	background-color: #33CCFF;
	border-top-color: #0033CC;
	border-top: 3px solid;
	padding: 15px 0;
	font-size: 0.95em;
}

#footer p {
	margin: 0;
	padding: 0 30px;
}

#footer a:link, #footer a:visited {

}

#footer a:hover, #footer a:active {
}
	
/* @end */

/* @group Bread-crumb */

#breadcrumbcontainer {
	position: relative;
	z-index: 4;
}

#breadcrumbcontainer ul {
	list-style: none;
	margin: 0;
	padding: 0 30px;
}

#breadcrumbcontainer li {
	display: inline;
}

#breadcrumbcontainer a {

}

#breadcrumbcontainer a:hover {

}
	
/* @end */

/* @group Toolbar */

/* Toolbar Styles */

#navcontainer {
	padding: 30px 30px 0;	
}

#navcontainer #current {
	padding-right: 36px;
	background-position: right 3px;
	background-repeat: no-repeat;
	font-weight: bold;
	background-image: url(../images/lovequiz_menu_pink.png);
}

#navcontainer #current:hover {
}



/* Parent - Level 0 */

#navcontainer ul 
{
	color: #0033CC;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navcontainer a {
	text-decoration: none;
	color: #33CCFF;
}


/* Child - Level 1 */
/* All browsers will use this code, it will make the pop out menus work */
#navcontainer ul ul {
	margin: 3px 0 3px 10px;
}

#navcontainer ul ul a 
{
	color: #0019B2;
}

/* @end */

/* @group Global Classes */

blockquote, .standout {
	margin: 0;
	font: italic 1.2em/1.5 Georgia, "Times New Roman", Times, serif;
}

h1 {
	letter-spacing: -1px;
	font: 2.2em Georgia, "Times New Roman", Times, serif;
	margin: 0 0 5px;
}

h2 {
	font: italic normal 1.8em Georgia, "Times New Roman", Times, serif;
	margin: 0 0 5px;
}

h3 {
	letter-spacing: -1px;
	font: 1.6em Georgia, "Times New Roman", Times, serif;
	margin: 0 0 5px;
}

h4 {
	font: italic normal 1.4em Georgia, "Times New Roman", Times, serif;
	margin: 0 0 5px;
}

.loveQuote p
{
	font-style: italic;	
	margin: 2px 0 0 2px;
}
.loveQuoteAuthor
{
	font-size: xx-small;
	color:Black;
	margin: 0 0 0 20px;
}

.LoveQuizQuestions li
{
	font-weight:bold;	
}

.LoveQuizQuestions table
{
	margin: 0 0 5px 10px;
	font-weight: normal;
}

.bodyTextBold
{
	font-weight: bold;
}

.bodyTextLarge
{	
	font-size:large;	
}
.bodyTextSmall
{	
	font-size:small;
}

.bodyTextExtraSmall
{
	font-size:x-small;
	line-height: normal;
}

.LinkRequestText
{
	line-height:normal;
	font-size:smaller;
}

/* Form Fields */
form {
	margin: 0;
}
.message-text {
	font-weight: bold;
	font-style: italic;
} 

.required-text {
} 

.errorText
{
	color:Red;		
}

.errorTextValidationSummary
{
	background-color: #FFFF99; 
	margin: 15px 0 15px 0;	
	color:Red;	
	font-weight:bold;	
}

/* @end */

/* Results Page*/

.CalculatingResultsPanelShow
{
	margin: 15px 0 30px 15px;	
}

.CalculatingResultsPanelHide
{
	margin: 0;
	visibility: hidden;
}


.LoveResultsPanelHide
{	
	visibility: hidden;
}

.LoveResultsPanelShow
{
	visibility: visible;
	vertical-align:top;
}

.MatingCall
{
	font-size: x-small;
	cursor:pointer;
}

.ForwardToFriendsHeader
{
	font-style: italic;	
	color: #FF3399;
	font-weight:bold;
	font-size:larger;
}

.SendMessageButton
{
	background-color: #FFCCCC;
	border: solid 2px #000000;
	color: #000000;
	margin: 5px 0 5px 285px;
}

/* Contact Forms */
.ContactForm p
{
	font-size: small;
}

.ContactForm label
{
	width:100px; margin: 0 0 10px 10px; float:left; text-align:left; vertical-align:text-top;
}

.ContactForm div
{
	width:401px; float:left; text-align:left;		
}


.MessageSent
{
	font-weight: bold;
	color: Red;
	border: solid 2px Red;
	margin: 10 0 10 0;
	padding: 5px;
}

/* Love Links */

.LoveLinks 
{
	border: solid 1px #CCCCCC;	
	color: Black;
	font-size:smaller;
	line-height: normal;
}

.LoveLinkItem
{
	margin-bottom: 6px;
}

.LoveLinkItem
{
	padding:5px;
}

.LoveLinkAlternateItem
{	
	background-color:#FFCCCC;		
	margin-bottom: 6px;
} 

.LoveLinkAlternateItem div
{
	padding: 5px;
} 

.LoveLinks a {	
	color: #33CCFF;	
}

.OtherBottomLinks
{
	float:right;
}