* { margin:0; padding:0; }

/* General Style Info */
body { font-family: Trebuchet,arial,helvetica,sans-serif;}


#discover-body #color-bg { }
a { text-decoration: none; color: #29509d; }
html{ background: transparent none repeat scroll; }

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

/* Discover - Header */
#discover-body #hd { border-bottom: none; }



/* Body */
#bd { padding: 0 5px 10px 5px; }

/* Discover - Body */
#discover-body #bd { padding: 1px 5px 10px 5px; }

/* Rgt Col */
#rgtCol { position: relative; margin-right: 10px; }
/* width: 310px; */

/* Footer*/
#ft { clear: both; padding: 6px 0px; text-align: center; position: relative;  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; }

#logo { float: left; height: 58px; width: 272px; }
#logo img { display: block; }

#navigation { position: relative; }
#navigation li { list-style-type: none; }

#localeNav { position: absolute; top: 5px; left: 50px; z-index: 5; width: 200px; }
#localeNav a { float: left; display: inline; margin-left: 5px; }

#mainNav { position:relative; float: left; }
#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: 30px; right: 15px; _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: #999; }
#hd a:hover { color: #fff; }

a.simpleLink:hover { color: #000; text-decoration: underline; }

#linksNav { float: right; margin-top: 40px; padding: 0; width: auto; height: 24px; z-index: 102; }
#linksNav ul { display: inline; margin: 0 20px 0 0; position: relative; }
#linksNav ul, 
#linksNav li { margin: 0; padding: 0; list-style: none; }
#linksNav ul { float: right; margin-top: 0px; z-index: 102; padding-right: 20px; }
#linksNav li { float: left; text-align: center; margin-top: 1px; }


#linksNav-end { background: #304ea2 url(/img/branding/branding-page-nav-bg-R.gif) no-repeat; color: #304ea2; width: 10px; height: 24px; position: absolute; top: 0; right: 0; }

#linksNav li#linkProfile a { background-image: url('/img/nav/branding/header_icon_myprofile.gif'); }
#linksNav li#linkInbox a { background-image: url('/img/nav/branding/header_icon_inbox.gif'); }
#linksNav li#linkInvite a { background-image: url('/img/nav/branding/header_icon_friends.gif'); }
#linksNav li#linkSettings a { background-image: url('/img/nav/branding/header_icon_settings.gif'); }
#linksNav li#linkGuide a { background-image: url('/img/nav/branding/header_icon_guide.gif'); }
#linksNav li#linkLogout a { background-image: url('/img/nav/branding/header_icon_logout.gif'); }
#linksNav li#linkRegister a { background-image: url('/img/nav/branding/header_icon_register.gif'); }

#linksNav li#linkHome a { background-image: url('/img/nav/branding/header_icon_home.gif'); }
#linksNav li#linkGroups a { background: #f00; }
#linksNav li#linkLogin a { background-image: url('/img/nav/branding/header_icon_logout.gif'); }
#linksNav li#linkHelp a { background: #f00; }
#linksNav li#linkBlog a { background: #f00; }

#linksNav li a { display: block; padding: 50px 5px 0 5px; font-size: 11px; background-repeat: no-repeat; background-position: center 0; }
#linksNav li a:hover { background-position: center -70px; }

/*
#linkHome { background-image: url('/img/nav/branding/header_icon_home.gif'); }
#linkInbox { background-image: url('/img/nav/branding/header_icon_inbox.gif'); }
#linkGroups { background-image: url('/img/nav/branding/header_icon_groups.gif'); }
#linkSettings { background-image: url('/img/nav/branding/header_icon_settings.gif'); }
#linkLogin { background-image: url('/img/nav/branding/header_icon_login.gif'); }
#linkLogout { background-image: url('/img/nav/branding/header_icon_logout.gif'); }
#linkRegister { background-image: url('/img/nav/branding/header_icon_register.gif'); }
#linkHelp { background-image: url('/img/nav/branding/topnav_icon_help.gif'); }
#linkGuide { background-image: url('/img/nav/branding/header_icon_guide.gif'); }
#linkInvite { background-image: url('/img/nav/branding/header_icon_friends.gif'); }
#linkProfile { background-image: url('/img/nav/branding/header_icon_myprofile.gif'); }
#linkBlog { background-image: url('/img/nav/branding/header_icon_blog.gif'); }
*/



/* Tables */
.cakeSqlLog table {	background: #f4f4f4; }
.cakeSqlLog td { padding: 4px 8px; text-align: left; }

/* Forms */
.yui-skin-youniverse label { font-weight:bold; display:block; margin:0pt 0pt 0.5em; text-align:left; }
.yui-skin-youniverse .input { margin: 10px; text-align:left; }
input[type="checkbox"] { clear:left; float:left; margin:0pt 5px 10px 0pt; }

/* 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:#29509d;
	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: #900;
	font-size: 140%;
	font-weight: bold;
	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: #101C3F;
}

#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; }



/* Login/Register */
#pageDialogDiv { z-index: 100; position: relative; width: 943px; background: #fff url(/img/branding/branding-login-bg-mid.gif) top left; margin-left: 15px; color: #000; }

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(/img/icons/branding/cancel.gif) no-repeat top left; width: 52px; height: 52px; }
#cancelButton .caption { }

#registerButton { float: left; position: relative; }
#registerButton .image { background: transparent url(/img/icons/submit.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(/img/icons/branding/redo.gif) no-repeat top left; width: 52px; height: 52px; }
#redoButton .caption { height: 52px; }


.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;  display: table; width: 681px; }
.dialogSml .cap { width: 681px; height: 30px; }

.branding-login-cap { background: transparent url(/img/branding/branding-login-bg-top.gif) no-repeat top left; height: 14px; color: #fff; }
.branding-login-foot { background: #003dc4 url(/img/branding/branding-login-bg-bottom.gif) no-repeat top left; height: 19px; color: #003dc4; }

/*
#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 #sec1 { width: 536px; display: table;background:#bfdcef url(/img/dialog/branding/regBtmBg.gif) no-repeat 0 bottom; padding:0 25px 18px 40px; margin:0 0 0 15px;}
#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; }

/*********************************************
** new reg styling
*********************************************/

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

div#regTopBg { float:left; clear:both; width:536px; background: #bfdcef url(/img/dialog/branding/regBtmBg.gif) no-repeat left bottom; padding: 0 25px 27px 40px; margin: 0 0 0 15px; }
/*
div#regTopBg { float:left; clear:both; padding:0 25px 18px 40px; margin:0 0 0 15px; display: inline; }
*/
div#regTopBg div#left { float:left; width:295px; } 
div#regTopBg div#left h2 { color:#0f1c3e; }
div#regTopBg div#left span { float:left; clear:both; font-size:0.8em; width: 300px; }
div#regTopBg div#right { float:right; width:230px; color:#0f1c3e; margin:20px 0 0 0; }



.greyTxt {	color:#686668; }

div#regTopBg div#right div.rememberMeCheck { float:left; clear:both; }
div#regTopBg div#right div.rememberMeCheck input { float:left; } 
div#regTopBg div#right div.rememberMeCheck label { float:left; width:170px; }
div#regTopBg div#right div.rememberMeCheck div#newRegButton .image { background: transparent url(/img/dialog/btnSave.gif) no-repeat top left; width: 91px; height: 33px;}
div#regTopBg div#right div.formButtons { margin:100px 0 0 40px; }

div#loginTeaser{ float:left; clear:both; margin: 20px 0 0 0; text-align: center; width:500px; }

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

.dialogSml div.formButtons a { display: block; float: left; color: #0f1c3e; margin-right: 10px; font-size: 16px; font-weight: bold; }

div#regTopBg div#right.login { margin:120px 0 0 0; color: #0f1c3e; }
div#regTopBg div#right.login a#forgotPassCheck { color: #0f1c3e; font-weight: bold; }
div#regTopBg div#right.login a#forgotPassCheck span { color: #0f1c3e; }
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; }
.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: #101C3F; }

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

/* NO chance mate, here comes some more... */
#orphan-pages-main { z-index: 100; position: relative; width: 943px; background: #fff url(/img/branding/branding-login-bg-mid.gif) top left; margin-left: 15px; color: #000; }
#orphan-pages-main .orphan-cap { background: transparent url(/img/branding/branding-login-bg-top.gif) no-repeat top left; height: 14px; color: #fff; }
#orphan-pages-main .orphan-foot { background: #003dc4 url(/img/branding/branding-login-bg-bottom.gif) no-repeat top left; height: 19px; color: #003dc4; }
#orphan-pages-main .orphan-inner { padding: 15px; }
#orphan-pages-main h1,
#orphan-pages-main h2,
#orphan-pages-main h3,
#orphan-pages-main h4,
#orphan-pages-main p,
#orphan-pages-main li { color: #000; }