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

body {
	background: #9F9D9D;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}

/*------------------------------------------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: 800px;
	margin: 0 auto 30px auto;
	background: #C7C0BA;
	border: 1px solid #999;
	}

#content {
	background: url(images/content_bg.png);
	width: 800px;
	}

#sidebar {
	width: 200px;
	float: left;
	margin: 0px;
	border:4px solid #fff;
	border-bottom: none;
	}

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

#footer {
	width: 780px;
	margin: auto;
	text-align: center;
	padding: 10px;
	border-top: 1px solid #999;
	font-size: 10px;
	background: #3069B3;
	color:#fff;
	}

#header img {
	display: block;
	}
	
.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            */
/*-------------------------------------------------------------------------------------*/

p, .text, .smalltext, h1, .head1, h2, .head2, h3, .head3,h4, h5, h6, .head4, ol, ul, li {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin:0px 0px 5px 0px;
}

div.text, div.smalltext, div.head1, div.head2, div.head3, div.head4 {
  margin:0px;
}

.smalltext{
   font-size: 10px;
}

h1, .head1, h2, .head2, h3, .head3,h4, h5, h6, .head4 {
  font-weight: bold;
}

h1, .head1 {
   color: #000;
   font-size: 19px;
}
h2, .head2 {
   color: #000;
   font-size: 17px;
}
h3, .head3 {
   color: #000;
   font-size: 15px;
}
h4, h5, h6, .head4 {
   color: #000;
   font-size: 13px;
}

a:link, a:visited, a:active{color:#00f;text-decoration:underline;}
a:hover{color:#f0f;text-decoration:none;}

/*----------------------------------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 .. may contain a list of sessions ----------*/
div.series{
   border:solid 1px #666;
   padding:5px;
   margin-bottom: 5px;
}

div.series_title {
   color: #666;
   font-size: 17px;
   font-weight: bold;
   border-bottom:solid 1px #666;
}

div.series_summary{
   font-size:12px;
   color: #000;
   font-weight: normal;
   padding:3px 0px;
}

/* ------------------- session listings ------------------- */
div.session_list{
	margin: 5px 15px;
	padding: 0px;
}
div.session{
	margin: 5px 0px;
	border-bottom:1px solid #666;
}

div.solo_session_title {
   color: #666;
   font-size: 17px;
   font-weight: bold;
}

div.session_title{
   font-size:14px;
   font-weight:bold;
}
.session_datetime{
	font-style: italic;
}
div.session_summary{
   padding:3px 0px;
}


/*--title bars used for "Upcoming webinars, Archived webianrs, and View Cart, Checkout, etc..--*/
.title_bar{
	text-align: left;
	vertical-align: middle;
	padding: 5px;
	height: 18px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #9CB7DA;
	background-color: #BCCEE6;
	color: #333;
	margin-bottom:5px;
	}

/*--buttons--*/
/*--This example shows a background image repeating horizontally
which gives the appearance of 3D... as if the whole button was a graphic
without the pain in the ass of making a new button style for every variation
of button text or length of button text --*/
.button{
   background: url(images/button_bg_off.gif) 0 100% repeat-x;
   background-color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding: 3px 5px;
   border:1px outset #ccc;
   color:#fff;
   width:0; /* because IE sucks */
   overflow: visible;
}
input.button[class] { /* IE ignores [class], so only real browsers will use this. */
    width: auto;
}
.button:hover{
   background: url(images/button_bg_on.gif) 0 100% repeat-x;
   background-color: #999;
   border:1px solid #1C3D68;
   color:#fff;
}

/*--Cart table colors --*/
div.cart_table table {background-color: #ffffff;}
div.cart_table table tr.row_title td {background-color: #F15112; color: #fff;}
div.cart_table table tr.row_odd td {background-color: #CBCBCB; color: #000}
div.cart_table table tr.row_even td {backsground-color: #E0E0E0; color: #000}
div.cart_table table tr.row_total td {background-color: #3069B3; color: #fff;}
div.cart_table table tr.row_bottom td {background-color: #C4B3AF; color: #fff;}

/*--Checkout table colors --*/
div.checkout_form table {background-color: #ffffff;}
div.checkout_form table td.col_label {font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #9F9D9D; color: #FFFFFF; font-weight: bold; text-align: right; padding-right: 5px;}
div.checkout_form table td.col_label_req {font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #3069B3; color: #FFFFFF; font-weight: bold; text-align: right; padding-right: 5px;}
div.checkout_form input,select {background-color: #efefef; color: #000000; border: solid 1px #666666; padding: 2px; margin: 0px;}

/*sidebar ul li and a are used for menus */
#sidebar ul{
margin: 0px;
padding: 0px;
list-style-type: none;
}
#sidebar li{
margin: 0px;
padding: 0px;
}
#sidebar a{
display: block;
font-size: 11px;
padding: 5px 10px;
margin:0px;
width: 170px;
}
#sidebar a:link, #menu a:visited{text-decoration: none;}
/*--Sidebar link color--*/
#sidebar a:link, 
#menu a:visited {
	color: #F15112;
	background-color: #BCCEE6;
	border-bottom: 4px solid #fff;
	}
/*--Sidebar active link color--*/
#active a:link, 
#active a:visited {
	background: #323232;
	color: #fff;
	}
/*--Sidebar link roll-over color--*/
#sidebar a:hover {
	background-color: #9F9D9D;
	color: #fff;
	}