/*
*******************************************
* Likeable Lawyer Layout CSS
* 	
* 11/20/2008
*******************************************
*
* Colors:
* 
* Light Green for Headers:		#6B8E23
* std dark grey:				696969
* std orange:					FF8900
* old mid red color (rusty?):	ba5e1c

* all instances of orange headers should be green
* subheads should be gray 9E9E9E, not blue
*6B8E23
*/

body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-image: url('images/background_stripe.gif');
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
}

a {
	color: #0059b0;
	text-decoration: none;
}

a:hover  {
	color: #FF8900;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
}

h1 {
	font-size: 20px;
	color: #6B8E23;
	margin-right: 20px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #6B8E23;

	padding-top: 10px;

	margin: 20px 0px 0px 0px;
}

h2 a {
	color: #6B8E23;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
/*	color: #6B8E23;*/
	color: #696969;
	margin: 10px 0px 0px 0px;
}

h3 a {
	color: #696969;
}

ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	margin-right: 20px;
}

address {
	font-weight: bold;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 10px;
}

.testimonial {
	font-size: 12px;
	color: #fff;
	margin-left: 10px;
	margin-right: 10px;
}

.testimonial_name {
	font-size: 11px;
	font-style: italic;
	color: #fff;
	margin-left: 10px;
	margin-right: 10px;
}

.article_title {
	color: #cc2222;
}

.welcome_image {
	margin: 10px 16px 5px 0px;
}

.inline_image {
	margin: 10px 10px 5px 10px;
}

.rj {
	float:right;
	font-size:14px;
	margin-top:6px;
}

.sidebar_button {
	margin-bottom:10px;
}

.pnav {
	margin-bottom:10px;
	margin-right:8px;
}

.odd_row {
	background: #ccc;
}

.even_row {
	background: #fff;
}

.plain_list ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

/*
**********************************
* Front Page unique items
***********************************
*/

#front_page h2, #front_page h3 {
	margin: 0;
	padding: 0;
	margin-top: 0;
	padding-top: 0;
}

/*
**********************************
* Newsletters
***********************************
*/

.newsletter_listing dt {
	margin: 0px 0px 5px 0px;
	padding: 10px 0px 0px 0px;
	font-size: 14px;
}

.newsletter_listing dd {
	padding: 4px 0px 4px 0px;
	margin: 0;
	font-size: 12px;
	margin-left: 10px;
	font-style: italic;
}

/*
**********************************
* Major Boxes for Layout
*
***********************************
*/

#header_bar_stripe_box {
	margin: 0 auto;
	padding: 0; /* hack to avoid random margin added for divs */
	width: 100%;
	height: 122px;
	background-image: url('images/header-bar-stripe.jpg');
	background-repeat: repeat-x;
}
#header_bar_box {
	margin: 0 auto;
	padding: 0; /* hack to avoid random margin added for divs */
	width: 1000px;
	height: 122px;
	background-image: url('images/header-bar-background.jpg');
	background-repeat: no-repeat;
}
#content_box {
	margin: 5px auto;
	padding: 0; /* hack to avoid random margin added for divs */
	width: 1000px;
	height: 500px;
}
#bread_crumbs_box {
	height: 12px;
	margin: 2px 0px 0px 0px;
	text-align: right;
	float:right;
}
#left_content_box {
	margin: 0;
	padding: 5px 10px 5px 10px;

	float: left;
	width: 780px;
	background: #fff;
}
#right_content_box {
	margin: 0;
	padding: 0;
	float: left;
	width: 200px;
	background: #696969;
}

/*
**********************************
* Link Popups
*
***********************************
*/

a.popup {
    position: relative; /*this is the key*/
    text-decoration: none;
/*	z-index: 22;*/
}

a.popup:hover {
    position: relative; /*this is the key*/
    text-decoration: none;
	z-index: 25;
}

a.popup span {
	display: none;
    position: relative; /*this is the key*/
	z-index: 25;
}

a.popup:hover span { /* the span will display just on :hover state */
    display: block;
    position: absolute;
	z-index: 25;

    top: 14px;
    left: 3px;
    width: 210px;
    border: 0;
    background-color: #1C66CD;
    color: #fff;
    text-align: center;
    font-size: 8pt;
}


/*
**********************************
* Text styles
*
***********************************
*/

.mid_red {
	font-size:12px;
	color: #FF8900;
	margin-right: 20px;
}

.cle_calc_credits {
	font-size:12px;
	color: #444444;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:5px;
}

.cle_calc_total {
	font-size:14px;
	font-weight:bold;
	color: #ff8900;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:5px;
}

.txt {
	font-size:12px;
	color: #444444;
	margin-right:20px;
}

.txt1 {
	font-size:12px;
	color: #ffffff;
	margin-top:28px;
}

.txt2 {
	font-size:12px;
	color: #FF8900;
	margin-right:20px;
}

.txt3 {
	font-size:12px;
	color: #FF8900;
}

.txt4 {
	font-size:16px;
	color: #ffffff;
	margin-left:10px;
	margin-top:2px;
}

.txt5 {
	font-size:12px;
	color: #444444;
	margin-left:8px;
	margin-top:5px;
	margin-bottom:5px;
}

.txt6 {
	font-size: 18px;
	color: #597732;
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
}

.ltxt {
	font-size:12px;
	color: #6B8E23;
	margin-right:20px;
}

/*
**********************************
* Breadcrumbs
*
***********************************
*/

#bread_crumbs_box ol {
	margin:0;
    padding:10px 10px 0;
	display: inline;
    list-style:none;
	list-style-type: none;
}

#bread_crumbs_box ol.cartcrumbs {
	margin:0;
    padding:10px 10px 0;  
}

#bread_crumbs_box li {
	display: inline;
    list-style:none;
	list-style-type: none;
}

#bread_crumbs_box ol.cartcrumbs li {
	float:left;
	margin:0;
	padding:0 0 0 8px;  
}

#bread_crumbs_box ol.cartcrumbs li a {
	color: #FFFFFF;
	text-decoration:none;
}

#bread_crumbs_box ol.cartcrumbs li div {
	float:left;
	display:block;	
	padding:1px 15px 4px 0px;	
	color: #FFFFFF;
	font-size: 11px;
}

#bread_crumbs_box ol.cartcrumbs li.cartpast {
	background:url("images/sliding/cart-past-left.gif") no-repeat left top;
}
#bread_crumbs_box ol.cartcrumbs li.cartpast div {
	background:url("images/sliding/cart-past-right.gif") no-repeat right top;
}

#bread_crumbs_box ol.cartcrumbs li.cartcurrent {
	background:url("images/sliding/cart-current-left.gif") no-repeat left top;
}
#bread_crumbs_box ol.cartcrumbs li.cartcurrent div {
	background:url("images/sliding/cart-current-right.gif") no-repeat right top;
}

#bread_crumbs_box ol.cartcrumbs li.cartfuture {
	background:url("images/sliding/cart-future-left.gif") no-repeat left top;
}
#bread_crumbs_box ol.cartcrumbs li.cartfuture div {
	background:url("images/sliding/cart-future-right.gif") no-repeat right top;
	
}	

#bread_crumbs_box ol.cartcrumbs li div span.first-letter {
	font-size: 16px;
	font-weight: bold;
	margin-right: 4px;
}

.imgfloat {
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}

/*
*************************************************************
* Content Columns
*
* Creates a 2 column display for the content
*************************************************************
*/

#content_column_left {
	width: 365px;
	float: left;
	margin-left: 0;
	margin-right: 0;
}

#content_column_right {
	width: 360px;
	float: left;
	margin-left: 5px;
	margin-right: 0;
}

.single_column {
	margin:0px 150px 0px 75px;
}

.single_column #content_column_left {
	width: 265px;
	float: left;
	margin-left: 0;
	margin-right: 0;
}

.single_column #content_column_right {
	width: 265px;
	float: left;
	margin-left: 5px;
	margin-right: 0;
}

#content_column_left_small {
	padding-top: 75px;
	/*width: 25%;*/
	width: 175px;
	float: left;
	margin-left: 0;
	margin-right: 10px;
}

#content_column_right_large {
	/*width: 60%;*/
	width: 525px;	
	float: left;
	margin-left: 10px;
	margin-right: 20px;
	padding-top: 0px;
}


/*
**********************************
* Messages
*
***********************************
*/

.error_message, .error {
	font-size: 9pt;
	font-weight: bold;
	color: #fffff0;
	background: #e00;
	margin: 10px 10px 10px 0px;
	padding: 3px 0px 3px 10px;
	width: 100%;
	border: 1px solid #555;
	text-align: left;
}

.error_message a, .error a {
	color: #ffff22;
	text-decoration: none;
}

.error_message a:hover, .error_message a:active, .error a:hover, .error a:active {
	color: #ffff22;
	text-decoration: underline;
}

.good_news, .success {
	font-size: 9pt;
	font-weight: bold;
	color: #fffff0;
	background: #6B8E23;
	margin: 10px 10px 10px 0px;
	padding: 3px 0px 3px 10px;
	width: 100%;
	border: 1px solid #555;
	text-align: left;
}

.good_news a, .success a {
	color: #ffff22;
	text-decoration: none;
}

.good_news a:hover, .good_news a:active, .success a:hover, .success a:active {
	color: #ffff22;
	text-decoration: underline;
}

/*
**********************************
* Tables
*
***********************************
*/

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
}

.form_table {
	border-left: thin solid #dddddd;
	border-bottom: thin solid #dddddd;
	background: #f3f3f3;
	padding: 2px;
}

.form_table td {
	padding-left: 15px;
}

.form_table textfield {
	width: 80px;
}

.table1 {
	border-left: thin solid #dddddd;
	border-bottom: thin solid #dddddd;
	padding: 2px;
} 

.table2 {
	border-left: thin solid #dddddd;
	border-bottom: thin solid #dddddd;
	background: #f3f3f3;
	padding: 2px;
} 

.table3 {
	border-left: thin solid #dddddd;
	border-bottom: thin solid #dddddd;
	border-right: thin solid #dddddd;
	padding: 2px;
} 

.t-txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 4px;
	text-decoration:none;
}

.date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 0;
	text-decoration:none;
}

/*
***********************************
* Class tables
*
***********************************
*/

table#classestable {
	width: 780px;
	border: 0;
	padding: 0;
	margin: 0;
	background: #ffffff;
	border-color: #a6a6a6;
	border-spacing: 0;
}

table#classestable th {
	/*
	background-image: url(images/list-tab-bg_left.gif);
	background-repeat: no-repeat; 
    background-position: top left;
    */
    background: #696969;
	border-color: #a6a6a6;
	font-size: 12px;
	padding-left: 8px;
	cursor:pointer;
}
table#classestable th div.tab_body {
	/*
	#background-image: url(images/list-tab-bg_right.gif);
	#background-repeat: no-repeat; 
    #background-position: top right;
    */
    background: #696969;
	padding: 6px 14px 6px 6px;
	color: #FFFFFF;
}

div.headerSortUp {
	/*
	#background-image: url(images/list-tab-bg_right-on.gif);
	#background-repeat: no-repeat; 
    #background-position: top right;
    */
}

div.headerSortDown {
	/*
	#background-image: url(images/list-tab-bg_right-on.gif);
	#background-repeat: no-repeat; 
    #background-position: top right;
    */
}

#classestable td {
	border-left: thin solid #dddddd;
	border-bottom: thin solid #dddddd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*margin-left: 4px;*/
	text-decoration:none;
	border-color: #a6a6a6;
}

#classestable .plain_col {
	padding: 2px;
} 

#classestable .grey_col {
	background: #f3f3f3;
	padding: 2px;
} 

#classestable .credits_col {
	padding: 2px;
	font-size: 7pt;
	font-weight: bold;
	border-right: thin solid #dddddd;
} 

#classestable .checkbox_col {
	padding: 2px;
	font-size: 7pt;
	font-weight: bold;
} 

/*
**********************************
* Basic Cart-Tabs 
* 
* (used, for example, on class details page) with locked widths
***********************************
*/

.cart-tab {
	font-family: arial, helvetica, sans-serif;
	background-image: url(images/list-cart-tab-loc-on.gif);
	background-repeat: no-repeat;
	display: block;
	width: 129px;
	/*width: 100%;*/
	height: 25px;
	margin: 0; 
	margin-bottom:0px;
	padding: 0; 
}

.cart-tab a {
	position:relative;
	display:block;
	font-size: 12px;
	width: 129px;
	/*width: 100%;*/
	height: 25px;
	float: left;
	margin: 0;
	padding: 0;
	color: #ffffff; 
	text-decoration: none; 
}

.cart-tab img {
	width: 100%;
	height: 100%;
	border: 0; 
}

.cart-tab a:hover img {
	visibility:hidden
}

.cart-tab span {
	position:absolute;
	left:7px;
	top:7px;
	margin:0;
	cursor: pointer;
}

.cart-tab_selected {
	font-family: arial, helvetica, sans-serif;
	background-image: url(images/list-cart-tab-loc-on.gif);
	background-repeat: no-repeat;
	display: block;
	width: 129px;
	/*width: 100%;*/
	height: 25px;
	margin: 0; 
	margin-bottom: 0px;
	padding: 0; 
}

.cart-tab_selected_txt {
	position:relative;
	left:7px;
	top:7px;
	font-size: 12px;
	width: 129px;
	height: 25px;
	color: #ffffff; 
	text-decoration: none; 
}

.cart-tab_selected img {
	width: 100%;
	height: 100%;
	border: 0;
}


/*
**********************************
* Basic Tabs
* 
* (used, for example, on class details page) with locked widths
***********************************
*/

#tab_header_row {
	float:left;
	width:100%;
	background: url("images/sliding/bg.gif") repeat-x bottom;
	line-height:normal;
}

#tab_header_row ul {
	margin:0;
	padding:0;
	list-style:none;
}

#tab_header_row li {
	float: left;
	/*background:url("images/sliding/left.gif") no-repeat left top;*/
	margin: 0px 2px 0px 0px;
	padding: 0;
}

#tab_header_row a {
	float:left;
	display:block;
	/*background:url("images/sliding/right.gif") no-repeat right top;*/
	padding:5px 12px 4px 12px;
	text-decoration:none;
	background: #696969;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}

#tab_header_row li.current {
	/*background-image:url("images/sliding/left-on.gif");*/
	background: #bcbcbc;
	color: #000;
	border-width:0;
}

#tab_header_row li.current a {
	/*background-image:url("images/sliding/right-on.gif");*/
	background: #bcbcbc;
	color: #000;
	font-family: Arial;
	font-weight: bold;
	padding-bottom:5px;
}

div#tab_body {
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	float: left;
	width: 100%;
}

div#tab_body div.tab_content {
	float: left;
	margin: 20px 20px 40px 20px;
	clear: left;
}

div#tab_body div#facilitator img {
	float: left;
	margin: 10px;
}

div#tab_body div#facilitator h2 {
	margin: 0;
	padding: 8px 0px 0px 0px;
}

/*
***********************************
* Top Navigation
*	
***********************************
*/

/* Top Nav */

#top_nav {
	margin-left: 120px;
}

#top_nav ul {
	list-style: none;
	display: inline;
}

#top_nav li {
	float: left;
	margin: 0;
}

#top_nav li a {
	float: left;
	height: 45px;
	margin-top: 68px;

	padding-top: 8px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 0px;

	font-size: 13px;
	font-family: Arial;	
	color: #fff;
	text-decoration: none;
	
	background: none;
}

#top_nav li a:hover, #top_nav li .top_nav_selected {
	float: left;
	margin-top: 68px;
	height: 45px;
	padding: 8px 12px 0px 12px;

	font-size: 13px;
	font-family: Arial;	
	color: #fff;
	text-decoration: none;
	
	background: #bcbcbc;
}

/* Top Button Bar Box (using css) */

#top_button_bar_box {
	margin: 2px 0px 0px 0px;
	padding: 0;
	border: 0;
	width: 1000px;
	height: 39px;
	background: #696969;
}
#top_button_bar_box span {
	width: 20%;
	text-align: center;
}
#top_button_bar_box a {
	margin: 0;
	padding: 0;
	border: 0;
}
#top_button_bar_box img {
	margin: 0;
	padding: 0;
	border: 0;
	width: 196px;
}

/* Top Button Bar Table (using tables) */

#top_button_bar_table {
	width: 1000px;
	border-spacing: 0;
}
#top_button_bar_table, #top_button_bar_table tr, #top_button_bar_table td {
	height: 39px;
	margin: 0;
	padding: 0;
	border: 0;
	border-spacing: 0;
	background: #696969;
}

#top_button_bar_table img {
	margin: 0;
	padding: 0;
	border: 0;
	width: 200px;
	height: 39px;
}
#top_button_bar_table td {
	margin: 0;
	padding: 0;
	border: 0;
	width: 20%;
	text-align: center;
}
#top_button_bar_table a {
	margin: 0;
	padding: 0;
	border: 0;
}