/* CSS Document */

body 
{
	background-color:#ffffff;
	background:url(../images/bg_ver.jpg) top repeat-x;
	color:#464646;
	margin:0;
	padding:0;
}


html {
font-size:11px;
font-family:tahoma, arial;
}

.normal {
font-size:1.01em;
}

.big {
font-size:1.31em;
}

.small 
{
font-size:0.91em;
}

h1 
{
font-family:arial, tahoma, times new roman, arial narrow;
color:#58304c;
font-size:3.21em;
text-transform:uppercase;
font-weight:400;
line-height:1.01em;
margin:0;
padding:0;
}


.content_txt h2 a 
{
color:#23385a;
text-decoration:none;
}

.h3 {
font-size:1.3em;
color:#58304c;
text-transform:none;
margin:0;
padding:0 0 0 29px;
}

.h4 {
font-size:1.01em;
color:#58304c;
text-transform:uppercase;
vertical-align:middle;
margin:0;
padding:0;
}

.border 
{
	width:766px;
	vertical-align:top;
	text-align:left;
}

.main_div {
	height:100%;
	vertical-align:top;
	background:url(../images/main_bg.jpg) left top repeat-y;
	margin:0 0 0 1px;
}

.main_area 
{
	width:766px;
	background:url(../images/top_bg.jpg) left top no-repeat;
}

.main_top 
{
	width: 100%;
	height: 314px;
}

.main_content
{
	width: 100%;
	height: 100%;
	white-space:nowrap;
	position: relative;
	z-index:0;
}

.main_left 
{
	width:218px;
	height:100%;
	margin: 0px;
	vertical-align:top;
	float: left;
	background: none;
}

.main_left_content
{
	width: 100%;
	margin: 0px;
}

.main_right 
{
	width:548px;
	height:100%;
	vertical-align:top;
	text-align:left;
	display: inline;
	float: left;
	background: none;
	white-space:normal;
}

.main_right_content
{
	width: 495px;
	top: 10px;
	left: 10px;
	min-height: 300px;
	margin-left: 10px;
	margin-top: 10px;
}

.main_clear
{
	clear: both;
}

.main_footer 
{
	background:url(../images/foot_bg.jpg) top no-repeat;
	vertical-align:top;
	width:766px;
	height:105px;
}

.main_footer_text 
{
	padding-top: 45px;
	margin-right: 35px;
	text-align:right;	
	font-weight:600;
	color:#324765;
	font-size: 8px;
}

.head 
{
	color:#000;
	font-size: 1.0em;
	line-height:1.11em;
	padding:10px 0 7px 0px;
}

.head a 
{
	color:#000;
	text-decoration:none;
}

.head a:hover 
{
	color:#252e3f;
	text-decoration:none;
}

.content_txt 
{
	line-height:1.55em;
	background:url(../images/post_bg.jpg) right bottom no-repeat;
	margin-bottom: 15px;
	min-height: 300px;
}

.content_txt b a 
{
	color:#58304c;
	font-weight:400;
	text-decoration:underline;
}

.content_txt b a:hover 
{
	color:#252e3f;
	font-weight:400;
	text-decoration:none;
}

.content_txt li 
{
	list-style:none;
	vertical-align:top;
	line-height:1.81em;
	color:#23385a;
	margin:0;
	padding:0 0 0 12px;
}

.content_txt div.pollvotes li 
{
	list-style:none;
	vertical-align:top;
	line-height:1.81em;
	color:#23385a;
	margin:0;
	padding:0 0 0 12px;
	width: 100%;
}

/*
.content_txt ul li a 
{
	text-decoration:underline;
	color:#23385a;
}
*/

a 
{
	color:#58304c;
	text-decoration:none;
	border-bottom: 1px dashed #515151;
}

.content_txt a 
{
	color:#58304c;
	text-decoration:none;
	border-bottom: 1px dashed #515151;
}

a:hover,.content_txt h2 a:hover 
{
	color:#23385a;
	text-decoration:none;
}


h2,h3,.h2 
{
	color:#58304c;
	font-size:1.3em;
	text-transform:uppercase;
	margin:0;
	padding:0;
	font-family:arial, tahoma, times new roman, arial narrow;
}

.content_txt a:hover
{
	color:#23385a;
	text-decoration:none;
}


.footer_txt a:hover 
{
color:#62caed;
text-decoration:none;
}



.content_txt strong,.content_txt b {
color:#23385a;
}


blockquote {
	margin: 15px;
 	padding: 10px;  	
  	background: #FAFAFA;
	border-left: 3px dashed #529c01; 
}

img {
	border:0;
	}
img a {
	border:0;
	}
	
	
/* navmenu */	


ul.navmenu
{
	list-style: none;
	margin-left: 30px;
	margin-top: 10px;
	padding-left: 0px;
	padding-top: 0px;
}

ul.flyout_navmenu
{
	list-style:none;
	padding-left: 0px;
	padding-top: 0px;
}

.navmenu
{
	left: 10px;
	width:659px;
}

.navmenu a
{
	text-decoration:none;
	border-bottom: none;
}
	
.navmenu_level_1
{
	width:180px;
	height:25px;
	font-size:11pt;
	text-transform:uppercase;
	margin:0px;
	padding:0px;
	font-family:arial, tahoma, times new roman, arial narrow;	
	color:#58304c;
	background:url(../images/menu_background.png) no-repeat;
	text-align: left;
}

.navmenu_level_1 div
{
	position: relative;
	top: 5px;
	width: 180px;
	height: 25px;
}

.navmenu_level_1:hover
{
	background:url(../images/menu_background_hover.png) no-repeat;	
}


.flyout_navmenu_row
{
	font-size: 10pt;
}
		

/* top level menus should be positioned relative */
.relativ
{
	position:relative;
}

/* top level menu width */
.navmenu li
{
	width:180px;
	/*ie fix*/
	line-height:normal;
	vertical-align:middle;
	/*zoom:1;
	ie fix*/
}

.flyout_navmenu_row li
{
	clear: both;
}

.navmenu li:hover > ul
{
	visibility:visible;
}

.flyout_navmenu li
{
	float: left;
	font-size: 10pt;
	text-transform: none;
	font-family:arial, tahoma, times new roman, arial narrow;	
	color:#464646;	
	width: 50%;
	margin-left: 0px;
	padding-left: 0px;
	padding: 0px;
	border: 0px;	
	z-index:99;
}

/* this is the big flyout for each of the top level menus */
.detail_row
{
	float:left; 
	margin:0 0 0 180px; /* slide it over from the top menu */
	position:absolute; 
	top:-40px; 
	left:0; 
	visibility:hidden;
	list-style:none;
	padding-left: 0px;
	padding-top: 0px;	
	width: 478px;
	height: 400px;
}

.detail_row a
{
	text-decoration:none;
	border-bottom: 1px dashed #515151;
}

.flyout_image
{
	border: solid 1px ;
	border-color: black;
}


/* class for the big flyouts */
.detail
{
	width: 478px !important;
	height: 400px;
	padding-top: 24px;
	padding-left: 23px;
	margin: 0px;
	vertical-align:top;
	text-align: left;
	background-color: white;
	background:url(../images/detail_flyout2.png) no-repeat
}

/* used by jquery to add opacity when mousing over */
.opacity
{
	opacity:0.4;filter:alpha(opacity=40)
}	
	
	
/*CSS styled forms webloginPE stuff*/
form {  
  margin: 0;
  padding: 0;
  min-width:500px;
  max-width:560px;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form fieldset {
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}
form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

div.pollvotes label { 
	display: inline;  /* block float the labels to left column, set a width */
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; 
	float: none;
}

div.pollvotes label.pollchoice_disabled {
	color: gray;
	text-decoration: line-through;
}

form br {
	clear:left;
}

form input, form textarea, form select{
	display: inline; /* inline display must NOT be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

input.poll_radio{
	display: inline; /* inline display must NOT be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px;
	float: none;
}

form input#submit, form input#reset { 
	float: none; 
	display: inline; 
	margin:0;
	padding:0;
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}


form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

#content p.wlpeMessageText, div.wlpeMessage{
	font-size:1.1em;
	font-weight: bold;
	color:blue;
}


/***********************************
 *  TREASURE CART
 **********************************/

.treasureChest a:hover
{

}

a.treasureChest
{
	border: none;
	text-align: left;
	vertical-align: middle;
}

a.treasureChest img
{
	width: 289px;
	display: block;
	float: left;
	margin-right: 10px;
}

div.treasure_cart
{
    float: right;
    text-align: right;
}

div.treasure_cart a
{
    display: block;
    padding-bottom: 4px;
}

div.treasure_cart a:hover
{
    border: none;
}

div.treasure_cart a span.tc_cart_count
{
    padding: 0px 0px 0px 6px;
    color: #999;
}

div.treasure_cart a:hover span.tc_cart_count
{
    color: #fc0;
}

div.treasure_cart a span.tc_cart_count:before
{
    content: '[';
    color: #f60;
}

div.treasure_cart a span.tc_cart_count:after
{
    content: ']';
    color: #f60;
}


/***********************************
 *  PDT PAGE
 **********************************/
div#post-payment
{
    
}

div#post-payment span.tc_products
{
    display: block;
    padding-left: 25px;
    margin-top: -12pt;
    font-size: 9pt;
}

div#post-payment span.tc_product
{
    display: block;
    padding-left: 55px;
    margin: -14pt 0px 14pt 0px;
}

div#post-payment span.item_name
{
    font-weight: bold;
    font-size: 11pt;
    color: #f90;
}

div#post-payment span.item_on1,
div#post-payment span.item_on2
{
    padding-left: 10px;
}

div#post-payment span.item_on1:after,
div#post-payment span.item_on2:after
{
    content: ': ';
}

div#post-payment span.item_quantity
{
    padding-left: 6px;
}

div#post-payment span.item_quantity:before
{
    content: '[';
}

div#post-payment span.item_quantity:after
{
    content: ']';
}

div#post-payment p.user-info
{
    color: #fc0;
}

div#post-payment p.user-info span
{
    color: #f60;
}

div#post-payment span.tips
{
    font-size: 70%;
}

/* Invitation Display page */

div#invitations
{
	width: 495px;
	border-top: 2px solid #e3e7e7;
}

/* rows */
div#invitations p
{
	clear: both;
	width: 100%;
	margin: 0;
	font-size:10pt;
}

/* columns */
div#invitations span
{
	float: left;
	padding: 0 2px;
	border-left: 1px solid #e3e7e7;
	border-bottom: 1px solid #e3e7e7;
	font-size: 6pt;
	height:100px;	
}

div#invitations span.number_column_header
{
	width:40px;
	height:auto;
	font-weight: bold;	
}

div#invitations span.transaction_column_header
{
	width:80px;
	height:auto;
	font-weight: bold;	
}

div#invitations span.date_column_header
{
	width:50px;
	height:auto;
	font-weight: bold;		
}

div#invitations span.type_column_header
{
	width:90px;
	height:auto;
	font-weight: bold;		
}

div#invitations span.keycode_column_header
{
	width:85px;
	height:auto;
	font-weight: bold;		
}

div#invitations span.delivery_column_header
{
	width:119px;
	border-right: 1px solid #e3e7e7;
	height:auto;
	font-weight: bold;	
}

div#invitations span.number_column
{
	width:40px;
}

div#invitations span.transaction_column
{
	width:80px;
}

div#invitations span.date_column
{
	width:50px;
}

div#invitations span.type_column
{
	width:90px;
}

div#invitations span.keycode_column
{
	width:85px;
}

div#invitations span.delivery_column
{
	width:119px;
	border-right: 1px solid #e3e7e7;
	font-size: 6pt;
}
	

/*no_invitations*/

div#invitations p.no_invitations_message
{
	font-size:1.1em;
	font-weight: bold;
	color:blue;
}
	
p.faq-question
{
	font-weight: bold;
	color:#58304c;
	text-decoration:none;
}	

p.faq-question:hover
{
	cursor: pointer;
}