/*------------------------------------------BODY---------------------*/
/*Define Body, so that the WYISWYG has a default font color and size */
/*-------------------------------------------------------------------*/

body {
	background: #42606b url(images/bg.png) 0 0 repeat;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #444;
}

/*------------------------------------------LAYOUT DIVS---------------------*/
/*These are completely up to you... use your own layout divs if you want to */
/*-- see styles for menus below.. these are built assuming they are in the  */
/*-- sidebar DIV... so if you change that, change them too                  */
/*--------------------------------------------------------------------------*/

#container {
	width: 950px;
	margin: 0 auto;
	background: url(images/cont_top.jpg) 0 0 no-repeat;
}

#header {
	width: auto;
	height: 170px;
	position: relative;
}

#logo {height: 46px; width: 355px; position: absolute; top: 72px; left: 60px; background: url(images/logo.png) 0 0 no-repeat; cursor: pointer;}

#join_now {
	position: absolute;
	right: 50px;
	top: 50px;
}

#content {
	width: auto;
	margin: 0;
	padding: 0;
	background: url(images/cont_bg.gif) 0 0 repeat;
	border-bottom: 1px solid #FFF;
}

#home_page_left_column {
	width: 478px;
	min-height: 300px;
	float: left;
	padding: 70px 30px 0 30px;
	margin: 0 0 0 28px;
	background: url(images/left_bg.png) 0 0 no-repeat;
}

#home_page_right_column {
	width: 275px;
	float: right;
	padding: 100px 30px 0 30px;
	margin: -27px 22px 0 26px;
	background: url(images/right_bg.png) 0 0 no-repeat;
}

#inner_content {
	width: 840px;
	min-height: 300px;
	padding: 100px 30px 0 30px;
	margin: -27px 22px 0 26px;
	background: url(images/span_bg.png) 0 0 no-repeat;
}

#left_column {
	width: 50%;
	float:left;
	padding: 0;
	margin: 0;
}

#right_column {
	width: 50%;
	float: right;
	padding: 0;
	margin: 0;
}

#left_column div {margin: 0 25px 0 0; padding: 0 25px 0 0;}

#sidebar { /* NOT USED? */
	width: 200px;
	float: left;
	margin: 5px 0px;
	}

#main {
	width: 580px; 
	float: right; 
	margin: 5px 5px 5px 0;
	}

#footer {
	width: 950px;
	height: 201px;
	margin: 0 0 2em 0;
	padding: 0;
	position: relative;
	background: url(images/footer_bg.png) 0 0 no-repeat;
}

#twitter {
	width: 329px;
	height: 105px;
	position: absolute;
	top: 66px;
	right: 28px;
	margin: 0;
	padding: 0;
	background: url(images/twitter.png) 0 0 no-repeat;
	cursor: pointer;
}

#twitter_btn {margin: 10px 0 0 22px;}

#brought_to_you_by {
	width: 538px;
	height: 105px;
	position: absolute;
	top: 66px;
	left: 28px;
	margin: 0;
	padding: 0;
	background: url(images/broughttoyouby_bg.png) 0 0 no-repeat;
	position: relative;
}

#cp {position: absolute; top: 48px; left: 32px;}
#wcw {position: absolute; top: 48px; left: 243px;}
#icicles {position: absolute; bottom: 0px; left: 0px; margin: 0 0 -117px -2px;}

div.clear {clear: both; margin: 0; padding: 0;}

/*-------------------------GENERIC DESIGN OPTIONS for WYSIWYG -------------------------*/
/*You have to define these so that when people style content with the WYISWYG, it works*/
/*also, some common definitions needed by all designs, like <a> link colors            */
/*-------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, .title_bar {margin: 0 0 .8em 0; font-weight: normal; font-family: Tahoma, Arial, Helvetica, sans-serif;}
h1, h2, .title_bar {color: #25a8d9; font-size: 28px; line-height: 34px;}
h3, h4, h5, h6 {color: #0678a2; font-size: 14px; line-height: 20px; font-weight: bold;}

h3 span {font-size: 10px; font-weight: bold;}

a:link,
a:visited{color: #4c96cf; text-decoration: none;}
a:hover,
a:active{color: #444; text-decoration: none;}

hr {color: #dadada;}

input:focus, textarea:focus {background-color: #FFF !important; background-image: none !important;}


/*----------------------------------EO2 SITE CLASSES--------------------------------*/
/*Define these classes and IDs to control the look of reg site content generated by */
/*Carl's PHP programming... lists of webinars, shopping cart, checkout forms, etc.  */
/*--------------------------------------------------------------------------------- */

/* -------- series (Listings on the home page) ----------*/

#home_page_right_column .series,
#home_page_right_column .session {border-top: 1px dotted #dadada; border-bottom: none; border-left: none; border-right: none; margin: 0; padding: 10px 0;}
#home_page_right_column .session_summary {margin: 0; padding: 0;}

/* -------- series (may contain a list of sessions) ----------*/
.series {border: 1px dotted #dadada; margin: 0 0 2em 0; padding: 0 0 2em 0;}

.series_title {color: #25a8d9; font-size: 28px; line-height: 30px; margin: 0 0 .8em 0; font-weight: normal; font-family: Tahoma, Arial, Helvetica, sans-serif;}

.series_summary {padding: 3px 0;}

/* ------------------- session listings ------------------- */
.session_list {}

.session{border: dotted 1px #dadada; padding: 2em; margin: 2em 0 0 0;}

.session_title,
.solo_session_title {color: #0678a2; font-size: 14px; line-height: 16px; font-weight: bold;}

.session_datetime {font-style: italic; font-size: 10px; margin: 0 0 .5em 0;}

.session_summary {padding:4px 0 1em 0;}

.smalltext {font-size: 10px;}

/*--buttons--*/
/*-- Button Styles are in the file round-button.css now --*/


/*--Cart Table --*/
div.cart_table {margin: 0 0 2em 0;}
div.cart_table table {background-color: #FFFFFF;}
div.cart_table td {padding: 10px 20px;}
div.cart_table td a {text-decoration: none !important;}

/* Title Row Styles */
tr.row_title {background: #FFF url(images/cart_title_bg.png) 0 100% repeat-x;}
tr.row_title td {color: #444;}
td.row_title_left {border-left: 1px solid #dadada; border-top: 1px solid #dadada; -webkit-border-radius-topleft: 8px; -moz-border-radius-topleft: 8px;}
td.row_title_mid {border-left: 1px solid #dadada; border-top: 1px solid #dadada;}
td.row_title_right {border-left: 1px solid #dadada; border-top: 1px solid #dadada; border-right: 1px solid #dadada; -webkit-border-radius-topright: 8px; -moz-border-radius-topright: 8px;}

/* Style these for different column styles */
td.row_left {border-left: 1px solid #dadada; border-top: 1px solid #dadada;}
td.row_mid {border-left: 1px solid #dadada; border-top: 1px solid #dadada;}
td.row_right {border-left: 1px solid #dadada; border-top: 1px solid #dadada; border-right: 1px solid #dadada;}

/* Style these for alternating row background colors */
tr.row_even {}
tr.row_odd {}

/* These are the bottom two rows of the cart table */
tr.row_total {}
td.row_total_label {border-left: 1px solid #dadada; border-bottom: 1px solid #dadada; border-top: 1px solid #dadada;}
td.row_total_price {border-bottom: 1px solid #dadada; border-top: 1px solid #dadada; border-right: 1px solid #dadada;}
tr.row_bottom td {border-left: 1px solid #dadada; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada;}

/*--Checkout table colors --*/
.checkout_form {width: auto;}
.checkout_form table {background-color: #FFF;}
.col_label {text-align: right; padding-right: 5px;}
.col_label_req {color: #4c96cf; font-weight: bold; text-align: right; padding-right: 5px;}

/* Cart / Table Classes */
input.text_field {background: #FFF url(images/input_bg.png) 0 100% repeat-x; border: 1px solid #dadada; padding: 4px 6px; margin: 0px;}
.delete {display: block; height: 16px; width: 18px; padding:0; margin: 0; overflow: hidden; font-size: 9px; font-weight: bold; line-height: 15px; background: url(images/delete.png) 0 0 no-repeat;}
.discount {color: #c34c4c; font-weight: bold;}




/* Menu Styles*/
div#menubar {width: 450px; height: 40px; position: absolute; top: 80px; right: 47px; overflow: hidden; white-space: nowrap; margin: 0; padding: 0;}

div#menubar ul,
div#menubar li
{
margin: 0;
padding: 0;
display: block;
height: 40px;
list-style-type: none;
float:left;
position:relative;
}

div#menubar a {display: block; height: 40px; width: auto; margin: 0; padding: 0 20px; font-size: 11px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 42px;}

div#menubar a:link,
div#menubar a:visited {background: url(images/menu_off.png) 0 0 no-repeat;}

div#menubar a:hover,
div#menubar a:active,
div#menubar li.current a {background: url(images/menu_on.png) 0 0 repeat-x;}