/*BODY---------------------------------------------------------------------------------------*/
/*Define Body, so that the WYISWYG has a default font color and size-------------------------*/
/*-------------------------------------------------------------------------------------------*/

html {
	border:0px;
	margin:0px;
	padding:0px;
}

body {
	background:#ffffff;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#666666;
}
		
.body_doc {
	top:0;
	margin:0;
	padding:0;
	text-align:center;
	min-width:974px;
	background:url(images/bg_doc.jpg) repeat-x #fff;
}


/*LAYOUT DIVS--------------------------------------------------------------------------------*/
/*These are based on provided .css files from the client.------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

.container {
	width:990px;
	margin:0 auto;
	padding:0;
	text-align:left;
	background:none;
}

.header {
	margin:10px 0 0 0;
	padding:0;
	width:990px;
	height:81px;
	position:relative;
	border-bottom:1px solid #c2d1e0;
	z-index:1;
}

.logo {
	background:url(images/img_logo.jpg) no-repeat;
	float:left;
	border:none;
	display:block;
	height:71px;
	width:75px;
	margin:0 10px 0 0;
	color:#669900;
}	

.identity {
	margin:0 0  0 81px;
	padding:30px 0 0 0;
	text-align:left;
	font:normal 21px Arial, Helvetica, Sans-Serif;
	color:#669900;
}

.pagebody {
	margin:0;
	padding:0;
	float:left;
	width:990px;
}

/*Main Section-------------------------------------------------------------------------------*/
.sec_main {
	float:left;
	width:770px;
	margin:10px 20px 25px 0;
	color:#6086AB;
}

.sec_main h4 {
	font-size:18px;
	font-weight:normal;
	line-height:22px;
	margin:0 0 15px 0;
	padding:0;
}

.sec_main p {
	margin:10px 0 10px 0;
}

.sec_main ul {
	margin:5px 0;
	padding:0;
}

.sec_main li {
	list-style:disc;
	margin: 0 0 0 25px;
}


/*footer-------------------------------------------------------------------------------------*/
.footer {
	clear:both;
	padding:20px 0 20px 0;
	text-align:center;
	color:#6086AB;
	border-top:1px solid #c2d1e0;
}


/*GENERIC DESIGN OPTIONS for WYSIWYG --------------------------------------------------------*/
/*These styles have been defined so that when people style content with the WYISWYG, it works*/
/*-------------------------------------------------------------------------------------------*/

div.text, div.smalltext, div.head1, div.head2, div.head3, div.head4 {
	margin:0px;
}

a:link, a:visited, a:active {
	color:#669900;
	text-decoration:none;
}

a:hover {
	color:#333333;
	text-decoration:none;
}

ol, ul, li {
	color:#6086AB;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 0px 5px 0px;
}

.text {
	color:#6086AB;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
}

p {
	margin:0 0 5px 0;
	color:#333333;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
}

h1 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:18px;
	color:#20558b;
	margin:18px 0px 5px 0;
}

h2 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px;
	color:#20558b;
	margin:18px 0px 5px 0;
}

h3 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	color:#20558b;
	margin:18px 0px 5px 0;
}


.head1 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:18px;
	color:#20558b;
	margin:18px 0px 5px 0;
}

.head2 {
		font-family:Arial, Helvetica, sans-serif; 
	font-size:16px;
	color:#20558b;
	margin:18px 0px 5px 0;
}

.head3 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	color:#20558b;
	margin:18px 0px 5px 0;
}


/*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:dotted 1px #666;
	padding:5px;
	margin-bottom: 5px;
}

div.series_title {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:18px;
	color:#20558b;
	margin:18px 0px 5px 0;
}

div.series_summary {
	font-size:12px;
	font-weight:normal;
	padding:3px 0px;
}

/* ------------------- session listings ------------------- */
div.session_list {
	padding:5px 15px;
}

div.session{
	margin:5px 0px;
	padding:0 0 15px 0;
	border-bottom:1px dotted #c2d1e0;
}

div.solo_session_title {
	color:#6086AB;
	font-size:14px;
	margin:0 0 3px 0;
}

div.session_title {
	font-size:14px;
	font-weight:bold;
}

.session_datetime {
	font-style:italic;
	font-size:12px;
	margin-bottom:2px;
	color:#6086AB;
}

div.session_summary {
	padding:3px 0px 5px 0;
	color:#333333;
}


/*--title bars used for "Upcoming webinars, Archived webianrs, and View Cart, Checkout, etc..--*/
.title_bar {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:18px;
	color:#20558b;
	margin:18px 0px 5px 0;
}

/*--buttons--*/
/*-- Button Styles are in the file round-button.css now --*/

/*--Cart table colors --*/
div.cart_table {
	background-color:#fff;
}

div.cart_table table {
	background-color:#ffffff;
}

div.cart_table table tr.row_title td {
	background-color:#20558b;
	color:#fff;
}

div.cart_table table tr.row_odd td {
	background-color:#c2d1e0;
	color:#000;
}

div.cart_table table tr.row_even td {
	background-color:#c2d1e0;
	color:#000;
}

div.cart_table table tr.row_total td {
	background-color:#ffffff;
	color:#333333;
}

div.cart_table table tr.row_bottom td {
	background-color:#c2d1e0;
	color:#fff;
}

/*--Checkout table colors --*/
div.roundbox {
	background-color:#aaa;
	padding:4px;
}

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:#c2d1e0;
	color:#333333;
	font-weight:bold;
	text-align:right;
	padding-right:5px;
}

td.col_label_req {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#20558b;
	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------------------------------------------------------------------------------------*/
#sidebar {
	float:right;
	width:200px;
	margin:20px 0;
}

#sidebar ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#sidebar li {
	margin:3px 0px;
	padding:0px;
	border-bottom:1px solid #c2d1e0;
}

#sidebar a {
	display:block;
	font-size:12px;
	padding:5px 10px;
	margin:0;
}

#sidebar a:link, #sidebar a:visited {
	text-decoration:none;
}

/*--Sidebar link not current or roll-over--*/
#sidebar a:link, #sidebar a:visited {
	background:none;
	color:#669900;
}
	
/*--Sidebar link roll-over color--*/
#sidebar a:active, #sidebar a:hover {
	background:#d9e5f1;
	color:#669900;
}

/*--Sidebar current link color--*/
#sidebar li.current a:link{
	background:#fff;
	color:#EA1;
}

#sidebar li.current a:visited{
	background:#fff;
	color:#EA1;
}
