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

body {
	background: #7db1ee url(images/background.gif);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}

/*------------------------------------------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: 980px;
	background-color: #FFF;
	margin: 0 auto;
	}

#header {
	background: #c5dffa url(images/header_bg.png) 0 0 no-repeat;
	width: auto;
	height: 140px;
	text-align: center;
	vertical-align: middle;
	}

#content {
	width: auto;
	margin: 50px;
	}

#home_page_left_column {
	width: 70%;
	float:left;
	padding: 0;
	margin: 0;
	}

#home_page_right_column {
	width: 30%;
	float: right;
	padding: 0;
	margin: 0;
	}

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

#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: auto;
	margin: 2em 0 0 0;
	text-align: center;
	padding: 20px;
	border-top: 1px solid #dadada;
	font-size: 10px;
}

.clear {clear: both;}

/*-------------------------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;}
h1, h2, .title_bar {color: #444; font-size: 26px;}
h3, h4, h5, h6 {font-size: 18px;}

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: #444; font-size: 20px; font-weight: normal; margin: 0 0 .5em 0;}

.series_summary {padding: 3px 0;}

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

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

.session_title,
.solo_session_title {color: #444; font-size: 20px; font-weight: normal; margin: 0 0 .5em 0;}

.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: #f26722; 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: auto; height: 40px; overflow: hidden; white-space: nowrap; margin: 0; padding: 0 50px; background: #e66331 url(images/menu_bg.png) 0 0 repeat-x;}

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

div#menubar a {display: block; height: 40px; width: auto; margin: 0; padding: 0 10px; font-size: 10px; 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;}