/* CSS Document */

/*************************************
	HTML DECLARATIONS, GLOBAL STYLES
*************************************/
body {
	margin:0;
	padding:0;
	text-align:center;
	background:url(../images/main_bg.gif) 0% 0% repeat-y;
	font:.7em Arial, Helvetica, sans-serif;
	}
p {
	margin-top:0;
	padding:0;
	}
a {
	outline:none;
	}
a img {
	border:none;
	}
.smallFont {
	font-size:.8em;
	}
ul {
	margin-left:0;
	margin-right:0;
	margin-top:0;
	padding:0;
	}
li {
	margin:0 0 0 12px;
	}
.shim {
	height:9px;
	line-height:9px;
	}
.h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12;
font-weight:bold;
}
/*********************************
	MAIN WINDOW
*********************************/
#main { 
	width:754px;
	margin:0px auto;
	text-align:left;
	}
#viewport { /* need to have a master white background for left and content area */
	background:#FFF url(../images/dots.gif) 184px 0 repeat-y;
	float:left;
	}
/*********************************
	LEFT NAVIGATION
*********************************/
#leftNav {
	width:184px;
	float:left;
	padding:0px 0px 50px 0px;
	}

#leftNav img.groupHead {
	margin-bottom:10px;
	}

.nav {
	margin-top:20px;
	
	}

.nav a {
	width:167px;
	position:relative;
	margin-top:-21px;
	display:block;
	height:42px;
	overflow:hidden;
	}
	

.nav a:hover {
	background:none;
	}
.nav a:hover img, .nav a img.active {
	position:relative;
	top:-42px;
	}
/*some of the images have dimension such that it makes it impossible to 
handle all instances gracefully.  The following classes are applied to
deal with these special images.*/

.nav a.tales {
	margin-top:-16px;
	}

.nav a.tall, .nav a.rocket {
	height:52px;
	margin-bottom:-26px;
	}
.nav a.tall:hover img, .nav a.tall img.active, .nav a.rocket:hover img, .nav a.rocket img.active {
	top:-52px;
	}
.nav a.rocket {
	margin-top:-6px;
	}
.nav a.openwide {
	margin-top:-38px;
	margin-bottom:22px;
	}
.nav a.scrambled {
	margin-top:-37px;
	}
.nav a.scrambled:hover img, .nav a.scrambled img.active {
	top:-47px;
	}

.nav a.match {
	margin-top:-44px;
}
.nav a.match:hover img, .nav a.match img.active {
	top:-47px;
	}
.nav a.wallpaper {
	margin-top:-49px;
	margin-bottom:12px;
	}
.nav a.wallpaper:hover img, .nav a.wallpaper img.active {
	top:-47px;
	}
.nav a.origamiFR {
	margin-top:-35px;
	margin-bottom:12px;
	}
.nav a.origamiFR:hover img, .nav a.origamiFR img.active {
	top:-52px;
	}
.nav a.trivia {
	margin-top:-30px;
	}
.nav a.mood {
	margin-top:-33px;
	}
.nav a.screen {
	margin-top:-13px;
	}
#cta {
	margin-left:16px;
	margin-top:6px;
	}
#cta a {
	position:relative;
	display:block;
	height:88px;
	overflow:hidden;
	margin-top:6px;
	}
#cta a:hover {
	background:none;
	}
#cta a:hover img {
	position:relative;
	top:-88px;
	}
#cta.noTopMargin {
	margin-top:-25px;
	}

/*********************************
	CONTENT AREA
*********************************/

#content, #content2 {
	float:right;
	width:542px;
	padding:0 14px;
	}
#pageNav {
	text-align:right;
	padding-right:12px;
	font-weight:bold;
	margin:20px 0 0 0;
	}
#content a:link, #content a:visited, #pageNav {
	color:#409dcc;
	}
#content a.active, #content a:hover {
	text-decoration:none;
	}
#content div.post {
	float:left;
	clear:both;
	width:100%;
	margin-bottom:5px;
	}
#content div.post img {
	float:left;
	margin:0 6px 0 0;
	padding:0 0 6px 0;
	}
#content div.post p {
	margin-top:0;
	}
#content div.half {
	width:180px;
	clear:none;
	margin-right:12px;
	}
.h1Image {
	margin:0 0 4px 0;
	}
.headImage {
	float:left;
	clear:both;
	margin:16px 0 6px 0;
	}
.callout {
	margin:20px 0 20px 0;
	background:url(../images/tricks/Origami_Callout.gif) 0% 0% no-repeat;
	padding:17px 0 0 20px;
	height:130px;
	}
.callout p {
	width:230px;
	}
a.origami {
	position:relative;
	width:150px;
	float:right;
	height:152px;
	overflow:hidden;
	}
a.origami:hover {
	background:none;
	}
a.origami:hover img {
	position:relative;
	top:-152px;
	}
a.origami {
	
	}
ul.origami {
	margin:0px 0 0 0;
	padding:0;
	list-style-type:none;
	}
ul.origami li {
	margin:0 5px 40px 0;
	float:left;
	width:260px;
	}
ul.origami li.wide {
	width:540px;
	}
textarea, input, select {
	border:1px solid #000;
	margin:0;
	padding-left:2px;
	}
td {
	padding-bottom:10px;
	}
	
/*HACKS TO DEAL WITH EXTRA TABLES IN FORMS */	
#vw_MemRegStep1 td, #vw_MemRegStep1 td div table td, #pnlContactus td, #pnlContactus td div table td {
	font-size:.7em;
	}
#pnlContactUs {
	/*width:542px;*//*width:530px;*/
	}

/* END HACKS */
td.label {
	text-align:right;
	vertical-align:top;
	padding:0 5px 0 0;
	width:100px;
	}
td.field {
	width:288px;
	}
td.divider {
	height:1px;
	border-top:1px dashed #333;
	}
input.button {
	height:11px;
	border:none;
	float:right;
	margin:0 0 0 10px;
	}
input.button:hover {
	background-position:0 -11px;
	}
input.clear {
	height:11px;
	border:none;
	float:right;
	background:url(../images/tales/Btn_Clear02.gif) 0 0 no-repeat;
	width:55px;
	margin:0 10px 0 0;
	
	}
input.clear_hover {
	height:11px;
	border:none;
	float:right;
	background:url(../images/tales/Btn_Clear.gif) 0 0 no-repeat;
	width:55px;
	margin:0 10px 0 0;
	}
input.submit {
	height:11px;
	border:none;
	float:right;
	background:url(../images/tales/Btn_Submit02.gif) 0 0 no-repeat;
	width:72px;
	}
input.submit_hover {
	height:11px;
	border:none;
	float:right;
	background:url(../images/tales/Btn_Submit.gif) 0 0 no-repeat;
	width:72px;
	}
input.back {
	height:11px;
	border:none;
	float:right;
	background:url(../images/tales/Btn_Back02.gif) 0 0 no-repeat;
	width:51px;
	margin:0 10px 0 0;
	}
input.back_hover {
	height:11px;
	border:none;
	float:right;
	background:url(../images/tales/Btn_Back.gif) 0 0 no-repeat;
	width:51px;
	margin:0 10px 0 0;
	}

input.next {
	height:11px;
	border:none;
	float:right;
	background:url(../images/tales/Btn_Next02.gif) 0 0 no-repeat;
	width:92px;
	}
input.next_hover {
	height:11px;
	border:none;
	float:right;
	background:url(../images/tales/Btn_Next.gif) 0 0 no-repeat;
	width:92px;
	}
input.back:hover {
	background-position:0 -12px;
	}
input.check {
	border:none;
	}
#formTabs {
	margin:6px 0 12px 0;
	text-align:center;
	}
#formTabs a:link, #formTabs a:visited {
	font-weight:bold;
	display:inline;
	text-align:center;
	padding:3px 12px;
	border-right:1px solid #000;
	color:#000 !important;
	text-decoration:none;
	}
#formTabs a:hover {
	background:#8badac;
	}
#formTabs a.active {
	background:#8badac;
	}
#errors {
	color:#990000;
	}
.errors {
	color:#990000;
	}
	
#leftScroller {
	width:240px;
	float:left;
	margin-top:14px;
	}
#rightScroller {
	width:260px;
	float:right;
	margin-top:14px;
	}
	
#homeCTA {
	border-top:3px solid #000;
	border-bottom:3px solid #000;
	padding:9px 0px;
	margin-bottom:20px;
	float:left;
	width:100%;
	background:#FFF;
	position:relative;
	}
#homeCTA a img {
	position:relative;
	top:-103px;
	}
#homeCTA a {
	position:relative;
	margin-left:7px;
	float:left;
	height:103px;
	overflow:hidden;
	}
#homeCTA a:hover {
	background:none;
	}
#homeCTA a:hover img {
	top:0px;
	}

/*********************************
	FOOTER AREA
*********************************/
#footerNav {
	margin:16px 0;
	text-align:center;
	color:#fff;
	}
#footerNav ul {
	margin:0 0 12px 0;
	padding:0;
	list-style-type:none;
	}
#footerNav ul li {
	display:inline;
	padding:12px 2px;
	}
#footerNav a:link, #footerNav a:visited {
	color:#fff !important;
	font-weight:bold;
	}
#footerNav a:hover {
	color:#F7EE45 !important;;
	}
/*********************************
	New LOGIN
*********************************/	
	
.popup 
{
	background-image: url(../images/topnav/popup_bg.png);
	background-repeat: no-repeat;
	width:321px;
	height:113px;
}
.popup2 
{
	background-image: url(../images/topnav/popup_bg2.png);
	background-repeat: no-repeat;
	width:321px;
	height:130px;
}
.signin_input 
{
	background-image: url(../images/topnav/input_bg.jpg);
	background-repeat: no-repeat;
	width:138px;
	height:22px;
}
.signin_input2 
{
	background-image: url(../images/topnav/input_bg2.jpg);
	background-repeat: no-repeat;
	width:218px;
	height:22px;
}
.signin_button 
{
	background-image: url(../images/topnav/signin_btn.jpg);
	background-repeat: no-repeat;
	width:51px;
	height:19px;
}
.margin_all
{
	margin: 0px 15px 0px 15px;
}
.sigin_font , .sigin_font a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	
}
.sigin_font a:hover {text-decoration: underline;}
.signin_input_field
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	border:solid 0px white;
	padding-left:5px;
	margin-top:2px;
	width:120px;
	
}
.signin_input_field2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	border:solid 0px white;
	padding-left:5px;
	margin-top:2px;
	width:200px;
}

.member-login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
.input_image
{
	border:0px solid #000;
}

.no-padding
{
	padding: 0px 0px 0px 0px;
}