@charset "utf-8";
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #000;
	background-image:url(../images/layout/bgs/body.jpg);
	background-repeat:repeat-x;	
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #fff;
}
a:link 		{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#0099CC; text-decoration:none; }
a:visited 	{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#0099CC; text-decoration:none; }
a:active 	{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#0099CC; text-decoration:none;}
a:hover 	{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none;}

.oneColFixCtrHdr #container {
	width: 880px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
}
#pageTitle{
}
#pageTitle h1{
	font-size:24px;
	color:#999999;
	font-weight:normal;
	padding:5px 0;
	margin:0;
}
#pageTitle #breadcrumbBackground{
	background-color:#333333;
	padding:2px;
}

/* bread crumb hyperlink styles */
#pageTitle #breadcrumb{
	font-size:10px;
	color:#FFFFFF;
	font-weight:bold;
}
#pageTitle #breadcrumb a{
	color:#FFFFFF;
	text-decoration:underline;
}
#pageTitle #breadcrumb a:link{
	color:#0033FF;
	text-decoration:underline;
}
#pageTitle #breadcrumb a:hover{
	color:#FFFFFF;
}

a.breadCrumb{ text-decoration:none; color:#0099CC; font-weight:bold; font-size:10px; }
a.breadCrumb:link{ color:#0099CC; text-decoration:none; }
a.breadCrumb:hover{ color:#CCFF33; }


#header_logo { 
	background-image:url(../images/layout/header_logo.gif);
	background-repeat:no-repeat; 
	height:80px; 
	text-align:right;
}
#header_links {
	padding-top:8px; /* give us our 8px back */
	font-size:10px;
	font-weight:bold;
	white-space:nowrap;
	list-style-type:none;
}
#header_links li{ display:inline; padding:0 5px 0 5px; }
#header_links li a{ color:#FFFFFF; text-decoration:none; }
#header_links a:hover{ color:#0099CC; text-decoration:none; }

.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	border-right:#333333 1px solid; border-left:#333333 1px solid; border-bottom:#333333 1px solid; /* make the frame */
}
.oneColFixCtrHdr #mainContent_links {
	background-image:url(../images/layout/bgs/mainContent_links.jpg); 
	background-repeat:repeat-x; 
	border-bottom:#333333 1px solid; 
	height:42px;
	line-height:40px;
	}
.oneColFixCtrHdr #mainContent_links .left {
	float:left;
}
.oneColFixCtrHdr #mainContent_links .right {
	float:right;
	width:250px; 
	text-align:right; 
	padding-right:5px;
}
 /*
.oneColFixCtrHdr #mainContent_links ul{
	white-space:nowrap;
	list-style-type:none;
	height:30px; 
	line-height:30px;
	font-size:11px;
	font-weight:bold;
	margin-left:0px;
} 
.oneColFixCtrHdr #mainContent_links li{
	display:inline;
	padding:0px 10px;
}
.oneColFixCtrHdr #mainContent_links li a{ text-decoration:none; color:#FFFFFF; }
.oneColFixCtrHdr #mainContent_links li a:hover{ color:#0099CC; text-decoration:none; }
*/
a.blueLinks{ color:#0099CC; }
a.blueLinks:link{ color:#0099CC; }
a.blueLinks:hover{ color:#ffffff; }

a.loggedIn_links{ color:#0099CC; }
a.loggedIn_links:link{ color:#0099CC; }
a.loggedIn_links:hover{ color:#FFFFFF; }

.oneColFixCtrHdr #leftContent{
	float: left;
	margin: 0;
	padding: 5px;
	width:700px;
}
.oneColFixCtrHdr #leftContentBody{
	padding:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.oneColFixCtrHdr #leftContentBody .input{ background-color:#FFFFFF; font-size:10px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;  }
.oneColFixCtrHdr #leftContentBody .select{ background-color:#FFFFFF; font-size:10px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;  }

.oneColFixCtrHdr #rightContent{
	margin-left:700px;
}
.oneColFixCtrHdr #rightBody{
	padding-bottom:10px;
}
.oneColFixCtrHdr #leftBody{
	padding:0 10px 10px 10px; /* Give us some room to breath */
}
.oneColFixCtrHdr #clearer{
	clear: both;
	margin: 0;
}
.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	text-align:right;
	font-size:10px;
	font-weight:bold;
}
.oneColFixCtrHdr #footer ul{
	white-space:nowrap;
	list-style-type:none;
}
.oneColFixCtrHdr #footer li{
	display:inline;
	padding:0px 10px;
	font-weight:bold;
	color:#999999;
}
.oneColFixCtrHdr #footer li a{ color:#999999; }
.oneColFixCtrHdr #footer li a:hover{ color:#FF0000; }

.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.oneColFixCtrHdr #language{ width:200px; text-align:center; background-color:#000000; font-weight:bold; padding:20px;}
.oneColFixCtrHdr #gbGirl{
	background-image:url(../images/layout/girl_bubble.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height:385px;
	margin-top:20px;
}
#IEroot .oneColFixCtrHdr #gbGirl{ margin-top:200px; }

.oneColFixCtrHdr #bubbleText{
	color:#000000;
	font-size:10px;
	margin-top:10px;
	font-weight:bold;
	width:115px;
	margin-left:35px;
	padding-top:10px;
}
#loadingDiv{
	background-color:#FF0000;
	font-size:12px;
	font-weight:bold;
	float:left;
	position:absolute;
	width:100px;
	top:0px;
	padding:5px;
	right:0px;
}
.oneColFixCtrHdr #notifications{
	border:2px solid #FF00FF;
	color:#FFFF00;
	width:550px;
	text-align:center;
	margin-left:100px;
	font-weight:bold;
	padding:10px;
}

.oneColFixCtrHdr .alert{
	border:2px solid #CCCC00;
	background-color:#CCFF66;
	color:#000000;
	width:75%;
	text-align:left;
	padding:3px;
}
.oneColFixCtrHdr .alert .title{
	font-size:14px;
	font-weight:bold;
}


.oneColFixCtrHdr #thanksText{
	/* text on the the Thanks page */
	float:right;
	width:620px;
}

.oneColFixCtrHdr #thanksGirl{
	/* girl on the thank you page */
	float:left;
	width:108px;
	height:150px;
	background-image:url(../images/layout/single_girl_drinking.jpg);
	background-repeat:no-repeat;
	background-position:center;
	border-bottom:2px solid #0099CC;
	border-left:2px solid #0099CC;
}

.oneColFixCtrHdr #breakingNews{
padding-top:25px;
color:#FF0000;
font-size:11px;
font-weight:bold;
}

.oneColFixCtrHdr #breakingNews #headline
{
	padding-left:5px;
	color:#fff;
	font-size:10px;
}

/* Some text & color classes */

.impact{ font-family:Impact, Verdana, serif; }
.font8 { font-size:8px; }
.font9 { font-size:9px; }
.font10{ font-size:10px; }
.font12{ font-size:12px; }
.font13{ font-size:13px; }
.font14{ font-size:14px; }
.font15{ font-size:15px; }
.font16{ font-size:16px; }
.font18{ font-size:18px; }
.font24{ font-size:24px; }
.font30{ font-size:30px; }
.white{ color:#FFFFFF; }
.grey { color:#999999; }
.blue{ color:#0099CC; }
.black{color:#000000; }
.purple{ color:#FF00FF; }
.bold{ font-weight:bold; }
.caps{ text-transform:capitalize; text-transform:uppercase; }
.inline{ display:inline; }
.padLeft5px{ padding-left:5px; }
.padLeft10px{ padding-left:10px; }
.blueBrdr{ border:2px solid #0099CC; }
.pointer{ cursor:pointer; }
.greyedOut{ background-color:#999999; }

/* classic hidden class to hide any element */
.hidden{
	visibility:hidden;
	display:none;
}
.visible{
	visibility:visible;
	display:block;
}
.axiom{
	border:1px dashed #0099CC;
	margin-top:10px;
}

.oneColFixCtrHdr #manageTasks {
	margin-top:20px;
}
.oneColFixCtrHdr #manageTasks ul{
	white-space:nowrap;
	list-style-type:none;
}
.oneColFixCtrHdr #manageTasks li{
	display:inline;
	padding:0px 10px;
	color:#999999;
}



/* fading classes 
.op100{ opacity:1.0; filter: alpha(opacity=100); -moz-opacity: 1.0; }
.op80{ opacity:.8; filter: alpha(opacity=80); -moz-opacity: 0.80; }
.op60{ opacity:.6; filter: alpha(opacity=60); -moz-opacity: 0.60; }
.op40{ opacity:.4; filter: alpha(opacity=40); -moz-opacity: 0.40; }
.op20{ opacity:.2; filter: alpha(opacity=20); -moz-opacity: 0.20; }
.op0{ opacity:.0; filter: alpha(opacity=0); -moz-opacity: 0.0; }
*/


/* image borders */
.imgBrdrBlue{ border:2px solid #0099CC; }
.imgBrdrRed{ border:2px solid #FF0000; }
.imgBrdrGrey{ border:1px solid #999999; }
.imgBrdrGreyDashed{ border:1px groove #999999; }

/* home classes */
.whiteTitle{ font-size:14px; letter-spacing:1px; font-weight:bold;  }
.greyTitle{ font-size:18px; text-transform:capitalize; text-transform:uppercase; color:#999999; font-weight:bold; }
.descDiv{ margin-top:10px; }
#fader{ height:100px; width:500px; padding:20px 0; }
#adContainer{ float:left; width:500px; text-align:center; }
#centerAds{ margin:0; padding:0; }
#centerAds li{ display:inline; padding:0 5px; }
/* the top __ column */
#gbTop { float:right; width:200px; margin-top:-130px; border-bottom:1px solid #0099cc; border-left:1px solid #0099CC; border-right:1px solid #0099CC; }
#gbTop h3 { margin:0; padding:0; font-size:11px; margin-bottom:10px; text-align:center; line-height:22px; }
#gbTop .title{ font-size:10px; color:#0099CC; font-weight:bold; margin:0; padding:0; }
#gbTop ol, ul{ font-size:10px; }

/* form field classes */
#frmRegister .fldText{  text-align:right; float:left; width:120px; }
#frmRegister .newField{ margin-top:10px; }
#leftSide{ float:left; border-right:3px solid #666666; padding-right:25px; }
#rightSide{ margin-left:375px; }

/* tons of helpful classes */
.submit{ height:30px; background-color:#0099CC; font-size:14px; font-weight:bold; color:#FFFFFF; border:1px #FFFFFF solid; cursor:pointer; }
.tab { padding:10px; margin:0 3px;  background-color:#ddd; font-size:12px; color:#000; font-weight:bold; text-align:center; }
#active_tab{ background-color:#000; color:#fff; border-left:1px solid #333; border-top:1px solid #333; border-right:1px solid #333; border-bottom:2px solid #000; }
#profile_tabs{ margin-top:20px; margin-bottom:10px; padding-left:10px; }
#tab_content{ padding:.75em; border:2px solid #333333; }
.ajax_red_loader{ background-image:url(../images/misc/ajax_loader_bubble_red.gif); background-repeat:no-repeat; height:32px; width:32px; }
#frequencyList{ font-size:10px; color:#fff; list-style-type:none; background-color:#000; }
#frequencyList li{ font-size:12px; }
#frequencyList li input{ background-color:#000; margin-right:10px; }


/* special links */
a.tbLink{ color:#000; }
a.tbLink:link{ color:#000; }
a.tbLink:hover{ background-color:#000; color:#fff; border-left:1px solid #333; border-top:1px solid #333; border-right:1px solid #333; border-bottom:2px solid #000;  }

a.invertedLink:link {	color:#FFFFFF; text-decoration:none; font-size:10px; font-weight:bold; }
a.invertedLink:visited { color:#FFFFFF; text-decoration:none; font-size:10px; font-weight:bold; }
a.invertedLink:active { color:#FFFFFF; text-decoration:none; font-size:10px; font-weight:bold;}
a.invertedLink:hover { color:#0099CC; text-decoration:none; font-size:10px; font-weight:bold;}

a.purpleLink:link{ color:#FF00FF; text-decoration:none; }
a.purpleLink:visited{ color:#FF00FF; text-decoration:none; }
a.purpleLink:active{ color:#FF00FF; text-decoration:none; }
a.purpleLink:hover{ color:#FFF; text-decoration:none; }

/* old classes */
.gbButton { background-color:#000000; border:2px solid #0099CC; color:#FFFFFF; font-weight:bold; cursor:pointer; }
.gbText { background-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; }
.gbTextBlueBdr { background-color:#F7F7F7; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; border:2px solid #0099CC }
.gbTextGrey{ background-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#999999; }
.greyInput{ color:#ccc; font-style:italic; font-size:11px; height:15px; }


/* screenshot classes */
a.dir_button{ margin-top:-200px; width:100px; height:50px; text-align:center; line-height:50px; border:1px outset #999999; background-color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#0099CC; }
a.dir_button:active{ margin-top:-200px; width:100px; height:50px; text-align:center; line-height:50px; border:1px inset #999999; background-color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#fff; }
a.dir_button:visted{ margin-top:-200px; width:100px; height:50px; text-align:center; line-height:50px; border:1px outset #999999; background-color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#0099CC; }

/* facebook preview classes */
#facebook_preview { font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:11px; color:#000000; }
#facebook_preview table #fbshell{ background-color:#FFFFFF; }
#facebook_preview #find_party { border:1px solid #999999; background-color:#E9E9E9; }
#facebook_preview .inputtext { border:1px solid #BDC7D8; padding:3px; color:#777777; font-size:11px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; }
#facebook_preview .inputbutton { background-color:#3B5998; border:1px solid #D9DFEA; color:#FFFFFF; text-align:center; font-size:11px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; padding:3px 5px; }
#facebook_preview #actions{ height:16px; line-height:16px; padding-right:5px; }
#facebook_preview #actions img{ border:0px; }
#facebook_preview #actions span{ padding-right:5px; }
#facebook_preview a{ cursor:pointer; color:#0099CC; }
#facebook_preview a:hover{ color:#666666; }

/* hidden divs */
#login{ width:220px; height:150px; border:2px solid #0099CC; }


/* faq classes */
.faq{ line-height:25px; }
.faq #faqSections{ width:580px; float:right; }
.faq #drinkingGirl{ background-image:url(../images/layout/single_girl_drinking.jpg); float:left; background-repeat:no-repeat; width:106px; height:150px; }
.faq .sectionHeader{ font-size:16px; color:#0099CC; }