/*
-----------------------------------------------
Style Sheet


Site: onlinelawyersource.com
Author:   CMTM Inc
Version:  2006.8
----------------------------------------------- */




/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */


/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }


/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; font-weight:normal; }




/* prevent blue linked image borders */
a img, :link img, :visited img, fieldset { border:none; }


/* reset margin and padding for all elements to 0 */
* { margin:0; padding:0; }






/* global elements
 * ------------------------------------------------------------------------- */


/* Default font size in IE and FireFox is 16px. Default for Safari is 14px. */
html {
	font-size:100% /* IE has problems scaling text in ems. Using a percentage makes for better text rendering when scaled. */
	}


body {
	background:url(../images/bg.jpg) repeat-x #eee;
	font-size:.75em; /* Read by IE only. - 75% of 16px = 12px */
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0 10px;
	}


html>body {
	font-size:12px; /* overrides the font-size above in all browsers except IE. These browsers can resize text that is specified in px so this is ok. */
	}
 
a:link, a:visited {
	color:#004FBA;
	}


a:hover, a:active {
	color:#0099FF;
	}




/* classes
 * ------------------------------------------------------------------------- */
.clear {
	clear:both;
	height:.01em;
	overflow:hidden;
	}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.hr {
	background:url(../images/hr.gif) repeat-x;
	height:2px;
	overflow:hidden;
	width:100%;
	margin:3px 0 10px 0;
	}
 
.read_more {
	text-align:right;
	}


.raquo {
	font-size:1.2em;
	color:#d70000;
	}


.section_title {
	color:#FD4902;
	font-size:.92em;
	}
	
	.section_title .raquo {
	font-size:1.3em;

	}


.pic_left {
	float:left;
	margin:0 10px 2px 0;
	}
	
.pic_right {
	float:right;
	margin:0 0 2px 10px;
	}
	
p.section_title a:link, p.section_title a:visited { color:#FD4902; text-decoration:none; }
p.section_title a:hover, p.section_title a:active { color:#004FBA; text-decoration:underline; }


/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */


.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */		








/* Layout
 * ------------------------------------------------------------------------- */
 #container {
 	min-width:739px;
	max-width:1000px;
	background: #fff;
	margin:10px auto;
	border-left:1px solid #888;
	border-right:1px solid #888;
	border-bottom:1px solid #888;
	text-align:left;

	}


#content_container {
	width:100%;
	margin:5px;
	}


#column_container {
	background:#fff;
	margin-left:5px;
	margin-bottom:5px;
	}


/* ---------- Title ---------- */
#title {
	background:url(../images/title.jpg) no-repeat;
	height:86px;

	width:100%;
	}
	
	#title h1, #title h2 {
		display:none;
		}
	
#title_content {
	width:255px;
	font-size:.92em;	
	float:right;
	display:inline;
	padding-left:484px;
	padding-top:5px;
	}


		#title_content ul li {
					border-left:1px solid #000;
					padding:0 5px 0 8px;
					display:inline;
					}
					
						#title_content ul li.no_line {
							border:none;
							padding-left:0;
							}
						
						#title_content ul li a:link, #title_content ul li a:visited {
							color:#000;
							text-decoration:none;
							}
							
						#title_content ul li a:hover, #title_content ul li a:active {
							color:#d70000;
							text-decoration:none;
							}	
		
/* ----------Page Title and Breadcrumb Nav ---------- */


#title_line_container {
	margin:10px 10px 0 5px;
	line-height:1.6em;
	}
	
#title_line {
	width:100%;
	}


#title_line h1 {
	font-size:1.8em;
	color:#3275DD;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	font-weight:bold;
	float:left;
	margin-right:50px;
	}
	
#breadcrumb {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.83em;
	color:#939393;
	float:right;
	margin-top:10px;	
	}
	
	#breadcrumb li {
		padding: 0 3px 0px 7px;
    	display: inline;
    	border-left: 1px solid #939393;
    	background: none;
   		}
		
		#breadcrumb li.initial {
			border:none;
			}
		
		#breadcrumb a:link, #breadcrumb a:visited {
			color:#939393;
			}
			
		#breadcrumb a:hover {
			color:#004FBA;
			}
			


/* ---------- Step 1 and Step 2 ---------- */


#step_holder {
	width:100%;
	background:#333;
	margin:5px 0 10px 0;
	}


#step_1 {
	background: #575756;
	width:50%;
	float:left;
	height:48px;
	color:#fff;
	}


#step_2 {
	width:49.9%;
	background:url(../images/or.jpg) no-repeat bottom left #333;
	float:left;
	height:48px;
	color:#fff;
	}


#directions1 {
	padding:10px 0 0 20px;
	}


#directions2 {
	padding:10px 0 0 70px;
	}


.areas_of_law {
	width:100%;
	margin-bottom:5px;
	}


/* ---------- Column Left ---------- */
#column_left {
	width:49%;
	float:left;
	}
	
/* ---------- Area of Law Pod ---------- */
h2.pod_head a  {
	background:url("../images/pod_head_bg.jpg") no-repeat top right #E9E9E3;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:2em;
	padding:5px;
	letter-spacing:-1px;
	text-decoration:none; 
	display:block;
	}


h2.pod_head  a:link,  h2.pod_head  a:visited { text-decoration:none; color:#000; }
	
h2.pod_head  a:hover, h2.pod_head a:active  {
    background:url("../images/featured_area_corner.gif") no-repeat top right #3E80E1;
	display:block;
	color:#FFFFFF; 
	padding:10; 
	}


	/*
.pod_head {
	background:url(../images/pod_head_bg.jpg) no-repeat top right #E9E9E3;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:2em;
	padding:5px;
	letter-spacing:-1px;
	}
	*/


.pod {
	background:url(../images/pod_bg.jpg) repeat-x bottom left #fff;
	padding:10px;
	margin-bottom:8px;
	}


.pod_list {
	margin:0 0 0 8px;
	}


	.pod_list li {
		_position:relative;	 /*to fix the IE bullet peekaboo pug */
		background: url(../images/pod_list_bg.gif) no-repeat 0px 5px;
		padding: 0 12px 0px 9px;
		display: inline;
		font-size:.92em;
		color:#004FBA;
		line-height:1.2em;
		}
		
		.pod_list li a:link, .pod_list li a:visited {
			color:#004FBA;
			}
			
		.pod_list li a:hover {
			color:#FD4902;
			}




#blurb_1_body {
	background:url(../images/personal_injury_thumb.jpg) top left no-repeat;
	padding-left:60px;
	}
#blurb_1_body p {margin-bottom:5px;}
#blurb_1_body p img {padding:0 8px 5px 0;}


#blurb_2_body{
	background:url(../images/med_mal_thumb.jpg) top left no-repeat;
	padding-left:60px;
	}
#blurb_2_body p {margin-bottom:5px;}
	
#blurb_3_body {
	background:url(../images/criminal_law_thumb.jpg) top left no-repeat;
	padding-left:60px;
	}
#blurb_3_body p {margin-bottom:5px;}
	
#blurb_4_body {
	background:url(../images/product_liability_thumb.jpg) top left no-repeat;
	padding-left:60px;
	}
#blurb_4_body p {margin-bottom:5px;}

#blurb_99_body {
	background:url(../images/toyota_blurb.jpg) top left no-repeat;
	padding-left:60px;
	}
#blurb_99_body p {margin-bottom:5px;}

#blurb_9_body {
	background:url(../images/defective_drugs_thumb.jpg) top left no-repeat;
	padding-left:60px;
	}
#blurb_9_body p {margin-bottom:5px;}
#blurb_10_body {
	background:url(../images/divorce_thumb.jpg) top left no-repeat;
	padding-left:60px;
	}
#blurb_10_body p {margin-bottom:5px;}
#blurb_11_body {
	background:url(../images/other_thumb.jpg) top left no-repeat;
	padding-left:60px;
	}
#blurb_11_body p {margin-bottom:5px;}

#blurb_16_body {
	background:url(../images/oil-spill.jpg) top left no-repeat;
	padding-left:60px;
	min-height:50px;
	}
#blurb_16_body p {margin-bottom:5px;}


/* ---------- Legal News Blurb ---------- */
#legal_news_title a {
	background:url(../images/legal_news_corner.jpg) no-repeat top right #575755;
	color:#fff;
	font-size:.92em;
	height:25px;
	padding:5px 0 0 10px; display:block;
	}
	
#legal_news_title a:hover, #legal_news_title a:active {
    background:url("../images/featured_area_corner.gif") no-repeat top right #3E80E1;
	color:#fff; display:block;
	}


	
	#legal_news_title span.raquo {
		color:#fff;
		font-size:1.3em;
		}


#legal_news_content {
	background:url(../images/legal_news_bg.jpg) repeat-x bottom left;
	padding:10px;
	line-height:1.6em;
	margin-bottom:10px;
	}
	
	#legal_news_content h2 {
		color:#3300FF;
		font-size:1.8em;
		font-weight:bold;
		line-height:1.0em;
		margin-bottom:5px;
		}


/* Newsletter Form
 * ---------------------------------------------------- */
div.clear	{ clear:both; height:.01em; overflow:hidden; } 


#newsletter fieldset { border:none; }


#newsletter-container { width:360px; padding:0px 0 10px 0px; }
	#newsletter-masthead { background:url("../images/newsletter-masthead.gif") left top no-repeat; height:140px; }
		#newsletter-footer { background:url("../images/newsletter-footer.gif") left top no-repeat; height:36px; }


form#newsletter { width:200px; padding:45px 0 10px 165px; }
	
form#newsletter label { font-size:12px; color:#FFF;  }


form#newsletter p { font-size:11px; color:#FFF; padding:0; margin:0; }


form#newsletter br { line-height:0; /* defaults vertical spacing between fields */}
	
input.newsletter,  select.newsletter { 
	background-color:#FFF !important; 
	border:1px solid #013166;
	color:#000;
	width:165px; 
	height:18px; 
	margin-bottom:3px; /* sets vertical spacing between fields */
	padding-top:4px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:"Trebuchet MS", "Bitstream Vera Sans", Arial, Verdana, Helvetica, sans-serif; 
	font-size:10px;
	}
	


input.submit-img { 
	background: url("../images/btn-join-now.gif") left top no-repeat; 
	width:79px; 
	height:24px; 
	border:none; 
	cursor:pointer;
	padding:0;
	margin:5px 0 0 0px;  
	}
	
	


		
/* ---------- Other Legal Stories ---------- */


#blurb_6_body {
	margin-bottom:0px;
	}
	
ul#blurb_6_body { margin-bottom:0; padding-bottom:0; }


#blurb_6_body li {
	_position:relative;	 /*to fix the IE bullet peekaboo pug */
	background: url(../images/pod_list_bg.gif) no-repeat 0px 5px;
	padding: 0 12px 0px 9px;
	font-size:1.2em;
	line-height:1.0em;
	font-weight:bold;
	padding-bottom:7px;
	}
	
	#blurb_6_body li a:link, #blurb_6_body li a:visited {
		color:#000;
		text-decoration:none;
		}
		
	#blurb_6_body li a:hover {
		color:#888888;
		}


/* ---------- News Sections and Legal Spotlight List ---------- */
.legal_spotlight {
	margin-bottom:20px;
	}
	
.legal_spotlight li {
	_position:relative;	 /*to fix the IE bullet peekaboo pug */
	background: url(../images/arrow_bullet.gif) no-repeat 0px 4px;
	padding: 0 10px 0px 9px;
	display: inline;
	font-size:.92em;
	color:#004FBA;
	line-height:1.4em;
	}




/* ---------- Column Right ---------- */
#column_right {
	width:49%;
	float:right;
	text-align:left;
	}


/* ---------- Featured Area ---------- */
#blurb_12_title {
	background:url(../images/featured_area_corner.gif) no-repeat top right #3E80E1;
	color:#fff;
	font-size:1.6em;
	font-weight:bold;
	padding:5px;
	}


#blurb_12_body {
	background:#DAE9FE;
	padding:10px;
	margin-bottom:15px;
	}
#blurb_12_body p {margin-bottom:5px;}
#featured_area_text {
	padding-left:60px;
	}


/* ---------- Featured Articles ---------- */
#blurb_25_title {
	background:url(../images/featured_area_corner.gif) no-repeat top right #3E80E1;
	color:#fff;
	font-size:1.6em;
	font-weight:bold;
	padding:5px;
	}


#blurb_25_body {
	background:#DAE9FE;
	padding:10px;
	margin-bottom:15px;
	}
#blurb_25_body p {margin-bottom:5px;}
#featured_area_text {
	padding-left:60px;
	}




/* ---------- Blurb 13 Legal Perspectives - Opinion ---------- */
.black_header {
	font-size:1.4em;
	font-weight:bold;
	}
	
#blurb_13_body {
	margin-bottom:15px;
	}


/* ---------- Blurb 14 Case Settlements ---------- */
#blurb_14_body {
	margin-bottom:15px;
	}


	#blurb_14_body h3 {
		font-size:1.4em;
		font-weight:bold;
		}


/* ---------- Blurb 15 About Text ---------- */
#blurb_15_body {
	line-height:1.6em;
	}


/* ---------- Search Form ---------- */
#search {
	margin-top:10px;
	width:205px;
	}




#search label {
	width:150px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#7f7f7f;
	}
		
#search input {
	width:150px;
	border:1px solid #404040;
	float:left;
	font-size:.92em;
	height:16px;
	margin-top:3px;
	padding-top:2px;
	}


	form br {
		line-height:0.0;  /* defaults vertical spacing between fields */
		clear:left;
		}
		
#search #go {
	width:33px;
	border:0;
	margin-left:5px;
	margin-top:1px;
	float:left;
	height:19px;
	}

	
	
/* ---------- Header and Footer Form ---------- */


.header_form_container {
	background-color:#333; 
	margin-right:5px;
	}
	
.header_form_bg {
	background:url(../images/need_help2.jpg) no-repeat top right;
	width:734px;
	height:85px;
	}



.header_form_bg h2, .header_form_bg h3 {
	display:none;
	}






.header_form {
	margin:0px 0 0 20px;
	padding-top:50px;
	}
	
	.header_form select, .header_form input {
		font-size:.92em;
		float:left;
		margin-right:10px;
		}
	
	.header_form input {
		height:14px;
		padding-top:1px;
		}
	
	.header_form p {
		float:left;
		margin-right:10px;
		color:#fff;
		}


.zip {
	width:50px;
	}


input.search_button {
	width:49px;
	height:19px;
	float:left;
	}








/* ---------- footer ---------- */
#footer {
 	min-width:739px;
	max-width:1000px;
	margin:10px auto;
	text-align:center;
	font-size:.92em;
	color:#444;
	}


	#footer ul {
    	margin: 0 0 10px 0;
   		padding: 0;
 	   }


 	#footer li {
    	padding: 0 3px 0px 7px;
    	display: inline;
    	border-left: 1px solid #444;
    	background: none;
		color:#000;
		line-height:1.4em;
   		}


		#footer li.first { 
			border: none;
		  }


	#footer a:link, #footer a:visited{
		color:#444444;
		text-decoration:none;
		}
	
	 #footer a:hover, #footer a:active {
	 	color:#004FBA;
		text-decoration:none;
		}
		
	#footer #disclaimer { text-align:left; margin: 7px 3px 7px 3px; }
	
	
/* horizontal navigation
 * ------------------------------------------------------------------------- */
#nav { background:url("../images/nav.jpg") no-repeat; width:100%; height:29px; position:relative;}
#nav li { position:absolute; top: 0; }
#nav li, #nav a { height:29px; display:block; }
#nav span { display:none; }


#nav-01 { width: 45px; left:5px; }
#nav-02 { width: 88px; left: 53px; }
#nav-03 { width: 117px; left: 144px; }
#nav-04 { width: 79px; left: 264px; }
#nav-05 { width: 95px; left: 346px; }
#nav-06 { width: 94px; left: 444px; }
#nav-07 { width: 53px; left: 541px; }
#nav-08 { width: 118px; left: 597px; }
#nav-09 { width: 118px; left: 640px;}


#nav-01 a:hover { background: transparent url("../images/nav.jpg") -5px -29px no-repeat; }
#nav-02 a:hover { background: transparent url("../images/nav.jpg") -53px -29px no-repeat; }
#nav-03 a:hover { background: transparent url("../images/nav.jpg") -144px -29px no-repeat; }
#nav-04 a:hover { background: transparent url("../images/nav.jpg") -264px -29px no-repeat; }
#nav-05 a:hover { background: transparent url("../images/nav.jpg") -346px -29px no-repeat; }
#nav-06 a:hover { background: transparent url("../images/nav.jpg") -444px -29px no-repeat; }
#nav-07 a:hover { background: transparent url("../images/nav.jpg") -541px -29px no-repeat; }
#nav-08 a:hover { background: transparent url("../images/nav.jpg") -597px -29px no-repeat; }


#nav-01-current { width: 45px; left:5px; background: transparent url("../images/nav.jpg") -5px -29px no-repeat; }
#nav-02-current { width: 88px; left: 53px; background: transparent url("../images/nav.jpg") -53px -29px no-repeat; }
#nav-03-current { width: 117px; left: 144px;  background: transparent url("../images/nav.jpg") -144px -29px no-repeat; }
#nav-04-current { width: 79px; left: 264px;  background: transparent url("../images/nav.jpg") -264px -29px no-repeat; }
#nav-05-current { width: 95px; left: 346px; background: transparent url("../images/nav.jpg") -346px -29px no-repeat; }
#nav-06-current { width: 94px; left: 444px; background: transparent url("../images/nav.jpg") -444px -29px no-repeat; }
#nav-07-current { width: 53px; left: 541px; background: transparent url("../images/nav.jpg") -541px -29px no-repeat; }
#nav-08-current { width: 118px; left: 597px; background: transparent url("../images/nav.jpg") -597px -29px no-repeat; }



div.accuForm p { font-size:14px; color:#333; }


.pod_list_1 { 
float:left;
width:190px;
margin-left:10px;
display:inline-block !important;
}

.pod_list_1 li {
background:url("../images/pod_list_bg.gif") no-repeat scroll 0 5px transparent !important;
color:#004FBA !important;
float:left !important;
width:190px;  !important;
margin-right:10px;
font-size:0.92em !important;
line-height:1.2em !important;
padding:0 12px 0 9px !important;
display:inline-block !important;
}

.pod_list_2 { 
float:left;
width:123px;
margin-left:10px;
margin-bottom:10px;
display:inline-block !important;
}

.pod_list_2 li {
background:url("../images/pod_list_bg.gif") no-repeat scroll 0 5px transparent !important;
color:#004FBA !important;
display:inline-block !important;
float:left !important;
width:123px;  !important;
margin-right:10px;
font-size:0.92em !important;
line-height:1.2em !important;
padding:0 12px 0 9px !important;
}

br { clear:left; }