/* General Style Info 
body
{
	color: #29509d;
	font-family:Trebuchet,arial,helvetica,sans-serif;
	background: #fff url(/astest/index_files/top_bg.gif) repeat-x top;
}
*/
#color-bg {
	background-color: #f6f3ea;
}
#discover-body #color-bg {
	background-color: #000;
}
/*a {
	text-decoration: none;
	color: #29509d;
}*/
html{
	background: #ffffff none repeat scroll;
}
.content{
	float:left;
	width:985px;
	height: 627px;
	padding:0 0 5px 0;
	border-bottom: solid 1px #cfcfcf;
	background: transparent url('../images/quiz_bkg.png') no-repeat top center;
	/* background:transparent url(../images/quiz_bkg.png) repeat-no scroll left bottom;*/
}
.enter{
	float:left;
	width:965px;
	height: 600px;
	padding:0 10px 5px 10px;
	border-bottom: solid 1px #cfcfcf;
	/*background: transparent url('../images/quiz_bkg.png') no-repeat top center;*/
}
.result{
	float:left;
	width:965px;
	height: 565px;
	padding:0 10px 5px 10px;
	border-bottom: solid 1px #cfcfcf;
	/*background: transparent url('../images/quiz_bkg.png') no-repeat top center;*/
}
/* Drop down Input firefox issue fix */
select option
{
	margin-right: 5px;
}

/* Sweet Titles */
body div#toolTip { position:absolute;z-index:1000;width:120px;background:#2f5aa3;border:1px solid #fff;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px verdana,arial,sans-serif; }
body div#toolTip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }

ul#modulesCTA
{
    margin: 0;
    padding: 0;
}

ul#modulesCTA li
{
    list-style: none;
	margin-bottom: 16px;
}

/* Validation */
.LV_invalid
{
	position:absolute;z-index:1000;width:120px;background:#2f5aa3;border:1px solid #fff;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px;color:#FFF;
}

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #2f5aa3;
}

/* Fonts */
.fontVerdana {font-family:Verdana;}
.fontTimes {font-family:Times;}
.fontGeorgia {font-family:Georgia;}
.fontTrebuchet {font-family:Trebuchet;}
.fontCourier {font-family:Courier;}
/* Header */
#hd
{
	/* background:transparent url(/img/nav/top_keyline_1px_middle.gif) repeat-x scroll left bottom; */
	/* border-bottom:1px solid #ccc;  */
}
/* Discover - Header */
#discover-body #hd
{
	border-bottom: none; 
}
/* Body */
#bd
{
	/* background:transparent url('/img/nav/1px_page.gif') repeat-y top left; */
	padding: 1px 5px 10px 5px;
}
/* Discover - Body */
#discover-body #bd
{
	background: #000;
	padding: 1px 5px 10px 5px;
}
/* Rgt Col */
#rgtCol
{
	margin-top: 20px;
	position: relative;
}
/* Footer*/
#ft {
	background:#fff;
	clear: both;
	padding: 6px 0px;
	text-align: center;
	position: relative;  /* Needed for Safari */
	width: 100%;
	border-top:1px solid #ccc;
}
#ft p
{
	font-size: 77%;
}
.clearRow {
	clear: both;
}
/* Discover - Body */
#discover-body #ft {
	background-image: none;
}
/* Nav */
#nav
{
	height: 58px;	
}
#navigation
{
	position: relative;
}

#logo {
	float: left;
	height: 58px;
	width: 272px;
	#width: 372px;
}

#logo img { display: block; }

#navigation li
{
	list-style-type: none;
}
#mainNav 
{
	position:relative;
	float: left;
}
#localeNav
{
	position: absolute;
	top: 5px;
	left: 50px;
	z-index: 5;
	width: 200px;
}
#localeNav a
{
	float: left;
	display: inline;
	margin-left: 5px;
}
#mainNav .nav
{
	margin:0px;
	padding:0px;
	width: 336px;
	height: 34px;
	position: absolute;
	left: 80px;
	top: 24px;
}
#mainNav .nav .tab a
{
	display: block;
	height: inherit;
	width: inherit;
}
#mainNav .nav .tab
{
	float: left;
}
#discoverPeopleTab
{
    position: absolute;
    top: 0px;
    left: 320px;
	_left: -10px;
}
#navNone {
	background:transparent url('/img/nav/header_tab_people_inactive.gif') no-repeat top left;
}
#navYou {
	background:transparent url('/img/nav/top_nav_you.gif') no-repeat top left;
}
#navPeople
{
	background:transparent url('/img/nav/header_tab_people_active.gif') no-repeat top left;
}
#navThings
{
	background:transparent url('/img/nav/top_nav_things.gif') no-repeat top left;
}
#tabYou, #tabYou a
{
	height: 34px;
	width: 111px;
}
#tabPeople, #tabPeople a
{
	height: 34px;
	width: 116px;
}
#tabThings, #tabThings a
{
	height: 34px;
	width: 107px;
}
#hd a
{ 
	font-size:100%;
	color: #29509d;
}
#hd a:hover
{ 
	color: #000;
}
a.simpleLink:hover
{
	color: #000;
	text-decoration: underline;	
}
#linksNav ul
{
	float: right;
	display: inline;
	margin: 0px;
	position: relative;
}

#linksNav ul,
#linksNav li { margin: 0; padding: 0; list-style: none; }

#linksNav ul { float: right;}

#linksNav li { float: left; text-align: center; background-color: transparent; background-repeat: no-repeat; background-position: center 17px; margin-top: 1px; }

#linksNav li a { display: block; width: 55px; height: 50px; font-size: 11px; }

#linkHome { background-image: url('/img/nav/header_icon_home.gif'); }
#linkInbox { background-image: url('/img/nav/header_icon_inbox.gif'); }
#linkGroups { background-image: url('/img/nav/header_icon_groups.gif'); }
#linkSettings { background-image: url('/img/nav/header_icon_settings.gif'); }
#linkLogin { background-image: url('/img/nav/header_icon_login.gif'); }
#linkLogout { background-image: url('/img/nav/header_icon_logout.gif'); }
#linkRegister { background-image: url('/img/nav/header_icon_register.gif'); }
#linkHelp { background-image: url('/img/nav/topnav_icon_help.gif'); }
#linkGuide { background-image: url('/img/nav/header_icon_guide.gif'); }
#linkInvite { background-image: url('/img/nav/header_icon_friends.gif'); }
#linkProfile { background-image: url('/img/nav/header_icon_myprofile.gif'); }
#linkBlog { background-image: url('/img/nav/header_icon_blog.gif'); }
/* Tables */
.cakeSqlLog table {
	background: #f4f4f4;
}
.cakeSqlLog td {
	padding: 4px 8px;
	text-align: left;
}

/* Forms */
label
{
	font-weight:bold;
	display:block;
	margin:0pt 0pt 0.5em;
	text-align:left;
	/*width:100%;*/
}
.input
{
	margin:10px 2em;
	text-align:left;
}

input[type="checkbox"] {
	clear:left;
	float:left;
	margin:0pt 5px 10px 0pt;
}

/* Login/Register */
div#dialogError
{
	position:absolute;
	top: 100px;
	left: 50px;
	z-index:1000;
	width:200px;
	background:#2f5aa3;
	border:1px solid #fff;
	text-align:left;
	padding:5px;
	min-height: 15px;
	-moz-border-radius:5px;
	white-space: normal;
}
div#dialogError p
{
	margin:0;
	padding:0;
	color:#fff;
}
#cancelButton
{
	float: left;
	position: relative;
}
#cancelButton .image
{
	background: transparent url(../images/quiz_icon_redo.png) no-repeat top left;
	width: 29px;
	height: 29px;
}
#cancelButton .caption
{

}
#registerButton
{
	float: left;
	position: relative;
}
#registerButton .image
{
	background: transparent url(/img/icons/register.gif) no-repeat top left;
	width: 53px;
	height: 54px;
}
#registerButton .caption
{
	height: 54px;
	width: 60px;
}
#loginButton
{
	float: left;
	position: relative;
}
#loginButton .image
{
	background: transparent url(/img/icons/login.gif) no-repeat top left;
	width: 53px;
	height: 54px;
}
#loginButton .caption
{
	height: 54px;
	width: 60px;
}
#sendButton
{
	float: left;
	position: relative;
}
#sendButton .image
{
	background: transparent url(/img/icons/send.gif) no-repeat top left;
	width: 53px;
	height: 54px;
}
#sendButton .caption
{
	height: 54px;
	width: 60px;
}
#submitButton
{
	float: left;
	position: relative;
}
#submitButton .image
{
	background: transparent url(/img/icons/send.gif) no-repeat top left;
	height: 54px;
	width: 60px;
}
#submitButton .caption
{
	height: 54px;
	width: 60px;
}
#replyButton
{
	float: left;
	position: relative;
}
#replyButton .image
{
	background: transparent url(/img/icons/submit.gif) no-repeat top left;
	height: 54px;
	width: 60px;
}
#replyButton .caption
{
	height: 54px;
	width: 60px;
}
#redoButton
{
	float: left;
	position: relative;
}
#redoButton .image
{
	background: transparent url(../images/quiz_icon_redo.png) no-repeat top left;
	width: 29px;
	height: 29px;
	align: absmiddle;
}
#redoButton .caption
{
	height: 29px;
}
#pageDialogDiv
{
	position: relative;
	width: 100%;
}
.dialogSml
{
	margin-left: auto;
	margin-right: auto;	
	width: 681px;
}
.dialogSml h2
{
	margin-bottom: 10px;
}
.dialogSml p
{
	margin-bottom: 10px;
}
.dialogSml .body
{
	padding: 25px 20px 0px 20px;
	background: transparent url(/img/dialog/you_dialogue_top.gif) no-repeat top left;
	display: table;
	width: 681px;
}
.dialogSml .cap
{
	background: transparent url(/img/dialog/you_dialogue_bot.gif) no-repeat top left;
	width: 681px;
	height: 68px;
}
#discover-body .dialogSml .body
{
	background: transparent url(/img/dialog/you_dialogue_top_black.gif) no-repeat top left;
}
#discover-body .dialogSml .cap
{
	background: transparent url(/img/dialog/you_dialogue_bot_black.gif) no-repeat top left;
}
.dialogSml .formButtons
{
	margin-top: 10px;
}
.dialogSml .col1
{
	float: left;
	width: 290px;
	display: table;
	margin-right: 10px;
}
.dialogSml .col2
{
	float: left;
	width: 330px;
	display: table;
	margin-left: 25px;
}
.dialogSml label
{
	text-align: left;
	margin: 0 5px 5px 0;
	clear: both;
	float: left;
}
.dialogSml div.input
{
	width: 200px;
	float: left;
	text-align: left;
	margin: 0 5px 10px 0px;
	clear: both;	
}
.dialogSml input[type="checkbox"]
{
	clear: left;
	float: left;
	margin: 0 5px 10px 0;
}
.dialogSml .checkbox
{
	clear: left;
	float: left;
}
.dialogSml textarea
{
	clear:left;
	float: left;
	margin: 0 5px 10px 0;
}
/* Login Form */
#loginForm #forgotPassCheck
{
	margin-left: 0px;
}
.rememberMeCheck
{
	margin-left: 0px;
}
.rememberMeCheck label
{
	clear: right;
}
/* Email forms */
.dialogSml #sendMessageDialogBD #sec1
{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	display: table;
}
#pageDialogDiv .emailMsgForm .input
{
	margin: 0px 10px 0px 0px;
}
#pageDialogDiv .emailMsgForm .inlineInput, #pageDialogDiv .emailMsgForm .inlineInput input
{
	width: 240px;
	margin: 0px 10px 0px 0px;
	
}
#pageDialogDiv .emailMsgForm textarea
{
	width: 300px;
	height: 60px;
	margin-bottom:0px;
}
/* Guide */
#guidePanelBD.body
{
	background: transparent url(/img/dialog/tour_panel.gif) no-repeat top left;
	width: 752px;
	height: 544px;
}
#guide
{
	text-align: center;
	margin: 20px 0 20px 0;
}
/* MPUs */
.mpu a
{
	margin-top: 10px;	
	display: block;
}
#widgets ul,
#widgets li { list-style: none; margin: 0; padding: 0; }
#widgets li { margin-bottom: 16px; }
* html #widgets li { margin-bottom: 0; }
#widgets a {
	margin-top: 0;
}
#mpu ul,
#mpu li { list-style: none; margin: 0; padding: 0; }
#mpu li { margin-bottom: 16px; }
* html #mpu li { margin-bottom: 0; }
#mpu a {
	margin-top: 0;
}
/* imageLabel */
.imageLabel a
{
	color:#990000;
	font-weight: bold;
	font-size: 100%;
}
/* Unknown */
li.photoBlock
{
	float: left;
	margin-right: 5px;
	list-style-type: none;
}

div.notificationBlock
{
	border: 1px solid white;
	padding: 5px;
	background-color: #cccccc;
	color: black;
}

h3.errorMessage
{
	color: red;
}

h3.successMessage
{
	color: green;
}

div#profileLinks
{
	position: absolute;
	top: 45px;
	left: 30px;
	width: 200px;
}
div#profileLinks ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
div#profileLinks ul li
{
	display: inline;
	float: left;
	padding: 0 7px 0 0;
	margin: 0;
	font-size: 11px;
}
/* Notices and Errors */
div.message {
	clear: both;
	color: #000;
	font-size: 12px;
	font-weight: normal;
	margin: 1em 0;
}
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}
div.error em {
	font-size: 140%;
	color: #003d4c;
}
span.notice {
	background-color: #c6c65b;
	color: #fff;
	display: block;
	font-size: 140%;
	padding: 0.5em;
	margin: 1em 0;
}
/*  Actions  */
div.index div.actions {
	clear: both;
	margin-top: .4em;
	text-align: left;
}
div.view div.actions {
	clear: both;
	margin-top: .4em;
	text-align: left;
	width: 60%;
}
div.actions ul {
	margin: 0px 0;
	padding: 0;
}
div.actions li {
	display: inline;
	list-style-type: none;
	line-height: 2em;
	margin: 0 2em 0 0;
	white-space: nowrap;
}
div.actions ul li a {
	color: #003d4c;
	text-decoration: none;
}
div.actions ul li a:hover {
	color: #333;
	text-decoration: underline;
}

/* Related */
div.related {
	clear: both;
	display: block;
}

/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}

pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 18px;
	margin: 4px 2px;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	color: #333;
	margin: 4px 2px;
	padding: 4px;
	font-size: 120%;
	line-height: 18px;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000000;
	background-color: #F0F0F0;
	border: 1px dotted #606060;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 5px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #FFFF00;
}
#emailRegistrationField
{
	display: none;
}
#loginMsg
{
	color: #E34982;
}

#profileUser
{
width: 450px;
background: #fafafa;
border: solid #bbbbbb 1px;
}

#profileModuleToDo
{
margin: 20px 0px;
background: #fafafa;
border: solid #bbbbbb 1px;
}

#profileModuleDetails
{
margin: 20px 0px;
background: #fafafa;
border: solid #bbbbbb 1px;
display: table;
width: 100%;
}


ul.profileModuleImg
{
margin: 0;
padding: 0;
}

#profileModuleDetails li
{
float: left;
margin-right: 15px;
list-style: none;
width: 100px;
}

#profileModuleDetails .profileModule img
{
width: 100px;
float: left;
}

#profileModuleDetails .profileModuleStatement
{
font-size: 80%;
color: #555555;
}

/* new dual login / register page */
#newLoginRegisterOuter .cap { margin-top: -28px; background-image: url(/img/dialog/newLoginCap.gif); }

#newLoginRegister .clear { clear: both; overflow: hidden; height: 0; font-family: "Trebuchet MS", Trebuchet, arial, helvetica, sans-serif !important; }

#newLoginRegister { padding: 0 24px 0 28px; }

#newLoginRegister #newLogin { float: left; width: 289px; margin-top: 5px; background: url(/img/dialog/newLoginBg.gif) top right repeat-y; position: relative; min-height: 380px; }
* html #newLoginRegister #newLogin { height: 380px; }

#newLoginRegister #newRegister { float: right; width: 278px; margin-top: 5px; position: relative; min-height: 380px; }

* html #newLoginRegister #newRegister { height: 380px; }

#newLoginRegister h2 { margin: 9px 0 4px 0; font-size: 21px; }

#newLoginRegister p { width: 220px; }

#newLoginRegister .formButtons { position: absolute; bottom: 0; left: 0; } 

#newLoginRegister #loginButton .image { background-image: url(/img/profile/new/icon45R_signin.gif); height: 45px; }
#newLoginRegister #loginButton .caption { height: 45px; }
#newLoginRegister #registerButton .image { background-image: url(/img/profile/new/icon45R_register.gif); height: 45px; }
#newLoginRegister #registerButton .caption { height: 45px; }
#newLoginRegister .cancelContainer { float: left; }
#newLoginRegister #cancelButton { height: 45px; position: relative; }
#newLoginRegister #cancelButton .image { background: url(/img/icons/small_cancel.gif) bottom left no-repeat; position: absolute; width: 19px; height: 19px; bottom: 0; }
#newLoginRegister #cancelButton .caption a { padding-left: 22px !important; }
/* /new dual login / register page */			


/*********************************************/
/* module process demographic and registration
/*********************************************/

div.demog{
	float:left;
	clear:both;
	width:700px;
	margin:10px 0 0 15px;
	}

div#formLeft{ float:left; width:400px; }

div#formLeft h2 { margin:0 0 0 25px; }

div#formLeft h4{ margin:10px 0 0 25px; }

div#formRight{ float:right; width:290px; }

div#formRight h2{ margin:0 0 0 25px; }

div#formRight h2 span{font-size:0.7em;}

div#formRight h3{font-size:0.9em; margin:0 0 0 25px;};

div.clearBoth{ clear:both; }

#adverts { }

#adverts ul { margin: 0; padding: 0; }

#adverts ul li { list-style-type: none; margin-bottom: 16px; }

* html #adverts ul li { list-style-type: none; margin-bottom: 0; }

#adverts ul li a { display: block; }

#adverts ul li a img { display: block; margin: 0 auto; }


/*********************************************
** new reg styleing
*********************************************/

div#regFrameTop{
	width:601px;
	height:17px;
	float:left;
	clear:both;
	background:url(/img/dialog/regFrameTop.gif) no-repeat 0 0;
	margin:40px 0 0 15px;
}

div#regTopBg{
	float:left;
	clear:both;
	width:536px;
	background:#2d57a1 url(/img/dialog/regTopBg.gif) no-repeat left bottom;
	padding:0 25px 27px 40px;
	margin:0 0 0 15px;
	}

div#regTopBg div#left{
	float:left;
	width:295px;
	}

div#regTopBg div#left h2{
	color:#fff;
	}

div#regTopBg div#left label{
	color: #96cbfc;
	}

div#regTopBg div#right{
	float:right;
	width:240px;
	color:#fff;
	}

div#regBtmBg{
	float:left;
	clear:both;
	width:536px;
	background:#dff0d8 url(/img/dialog/regBtmBg.gif) no-repeat 0 bottom;
	padding:0 25px 18px 40px;
	margin:0 0 0 15px;
}

div#regBtmBg div#left{
	float:left;
	width:295px;
	}

div#regBtmBg div#left label{
	color: #3d62a6;
	}

div#regBtmBg div#left span{
	float:left;
	clear:both;
	font-size:0.8em;
	}

div#regBtmBg div#right{
	float:right;
	width:240px;
	margin:20px 0 0 0;
}

.greyTxt{
	color:#686668;
}

div#regBtmBg div#right div.rememberMeCheck{
	float:left;
	clear:both;
	}

div#regBtmBg div#right div.rememberMeCheck input{
	float:left;
	}

div#regBtmBg div#right div.rememberMeCheck label{
	float:left;
	width:170px;
	}

div#regBtmBg div#right div.rememberMeCheck div#newRegButton .image
{
	background: transparent url(/img/dialog/btnSave.gif) no-repeat top left;
	width: 91px;
	height: 33px;
}

div#loginTeaser{
	float:left;
	clear:both;
	margin:10px 0 0 100px;
	width:500px;
}

div#regBtmBg div#right div.formButtons{
	margin:100px 0 0 40px;
}

div#regTopBg div#left div.formButtons{
	float:left;
	clear:both;
	width:200px;
}

div#regTopBg div#left div.formButtons a{ 
	display:block;
	float:left;
	}

div#regTopBg div#right.login{
	margin:120px 0 0 0;
	color: #96cbfc;
}

div#regTopBg div#right.login a#forgotPassCheck{
	color: #96cbfc;
}

div#regTopBg div#right.login a#forgotPassCheck span{
	color:#fff;
}

div#regTopBg div#right.login p{
	clear:both;
}

/* SLOWLY starting to TRY and bring some order to this chaos */
#new-main-col  { width: 655px; background-repeat: repeat-y; background-position: 0 0; font-family: "Trebuchet MS", Trebuchet, arial, helvetica, sans-serif !important; } 
#new-main-col-bottom  { background-repeat: no-repeat; background-position: bottom; height: 55px; overflow: hidden; } 
#new-main-col-middle  { background-repeat: no-repeat; background-position: top; padding: 16px; } 
#new-main-col .clear { height: 0; clear: both; overflow: hidden; }

#new-main-col.black { background-image: url(/img/groups/black_mid.gif); color: #edf0f7; }
.black #new-main-col-middle { background-image: url(/img/groups/black_top.gif); }
.black #new-main-col-bottom { background-image: url(/img/groups/black_bot.gif); }

.nmc-left-175 { float: left; width: 175px; margin-bottom: 20px; position: relative;}
.nmc-right-432 { float: right; width: 432px; margin-bottom: 20px; }

.nmc-right-432 .inner { width: 413px; }

#new-main-col h2 { font-size: 26px; margin: 0 0 20px 0; font-weight: normal; }
#new-main-col h3 { font-size: 17px; margin: 0 0 11px 0; font-weight: normal; text-transform: uppercase; }

.black h2, h3, h4, h5, h6 { color: #fff; }

ul.stats,
ul.stats li,
ul.stats dl,
ul.stats dt,
ul.stats dd { margin: 0; padding: 0; list-style: none; background-image: none; }

ul.stats li { width: 100%; float: left; clear: both; margin-bottom: 4px; }
ul.stats dt { float: left; margin-right: 10px; width: 50px; font-size: 12px; } 
ul.stats dd { float: left; font-weight: bold; width: 90px; color: #fff; } 	
/* /SLOWLY starting to TRY and bring some order to this chaos */
.copyright {font-size: 14px;color: #FFFFFF;font-family: Arial, Helvetica, sans-serif;}
.hover
{
	background: url('images/result/result_nav-1-on.png') no-repeat center center; cursor: pointer;
}
