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

Site: onlinelawyersource.com
Author:   CMTM - www.cmtminc.com
Version:  2006.7
----------------------------------------------- */


/* 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 #fff;
	font-size:.75em; /* Read by IE only. - 75% of 16px = 12px */
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	margin-bottom: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;
	}

.pic-left {
	margin:0 10px 2px 0;
	float:left;
	}

.pic-right {
	margin:0 0px 2px 10px;
	float:right;
	}

.center {
	text-align:center;
	}

.right_align {
	text-align:right;
	}

.footer_text {
	color:#666;
	font-size:.92em;
	}


/* 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;  
	}
	
	
/* Layout
 * ------------------------------------------------------------------------- */

#container {
	width:751px;
	background:url(../images/container_bg.jpg) repeat-y;
	margin:0 auto 5px auto;
	text-align:left;
	}
	
	#container_top_bg {
		background:url(../images/container_bg_top.jpg) no-repeat;
		width:751px;
		}

/* ---------- Columns and Conainters ---------- */

#content_area_container { /*Left & Right Column Conainter */
	background:url(../images/lower_right_column_bg.jpg) top right repeat-y;
	width:727px;
	margin-left:12px;
	}

#body_content_container { /* Left Column */
	width:450px;
	margin:0 11px 0 0px;
	float:left;
	}

#column_right {
	width:266px;
	float:left;
	}
		
#scale {
	background:url(../images/scale_bg.jpg) no-repeat bottom right;
	width:727px;
	}


/* ---------- Title Area ---------- */
#title {
	background:url(../images/title.jpg) no-repeat;
	height:93px;
	}
	
	#title h1, #title h2 {
		display:none;
		}

#title_content {
	width:255px;
	padding:15px 0 0 480px;
	font-size:.92em;
	}

		#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;
							}

/* ---------- Body Content Title ---------- */
#body_content_title {
	background:url(../images/header_text_bg.jpg) no-repeat;
	height:51px;
	padding:10px 40px;
	color:#FFFFFF;
	margin-bottom:6px;
	}
	
	#body_content_title h2 {
		font-size:1.8em;
		margin-bottom:5px;
		}
		
	#body_content_title h3 {
		font-size:1.4em;
		font-weight:bold;
		}

/* ---------- Body Content ---------- */

#banner_area {
	text-align:center;
	margin-bottom:20px;
	}
	
	#banner_area img {
		margin-bottom:5px;
		}

#body_content_body {
	padding:0 10px;
	}
	
	#body_content_body p, h1, h2, h3 {
		margin-bottom:10px;
		}
	
	#body_content_body h1 {
		font-size:1.6em;
		font-weight:bold;
		}
	
	#body_content_body h2 {
		font-size:1.4em;
		font-weight:bold;
		}
		
	#body_content_body h3 {
		font-size:1.2em;
		font-weight:bold;
		}

#body_content_body ul {
		padding: 5px 0 10px 10px;
		}

		#body_content_body ul li { 
			_position:relative;	 /*to fix the IE bullet peekaboo pug */
			padding-left: 10px;
			line-height: 1.4em;
			list-style: none;
			background: transparent url(../images/bullet.gif) 0px 6px no-repeat;
			}
			
#body_content_body div img {
	padding: 0;
	margin-bottom:5px;
}
/* ---------- Other Practice Areas ---------- */

#other_areas_title {
	width:430px;
	padding:5px 10px;
	background-color:#FDE76F;
	border-top:1px solid #c4c4c4;
	border-bottom:1px solid #c4c4c4;
	color:#5B5B5D;
	font-size:1.5em;
	font-weight:bold;
	margin:10px 0;
	}

#other_areas {
	padding:0 10px;
	font-size:.92em;
	margin-bottom:10px;
	}

#other_areas ul li {
		padding:0;
		display:inline;
		line-height:1.6em;
		}
			
				#other_areas ul li.no_line {
					border:none;
					padding-left:0;
					}
					
/* ---------- Contact Blurb ---------- */

#contact_blurb {
	background:url(../images/upper_right_column_bg.jpg) repeat-y;
	width:266px;
	}
	
#free_case_review {
	background:url(../images/free_case_review.jpg) no-repeat 0px 10px;
	height:77px;
	margin:0px 0 10px 7px;
	width:255px;
	}	

#contact_title {
	font-size:1.6em;
	color:#1D7CFE;
	margin-bottom:10px;
	}

#contact_blurb_content {
	margin:0 10px;
	font-size:.92em;
	}
	
#divider {
	background:url(../images/right_column_divider.jpg) no-repeat;
	height:2px;
	width:266px;
	overflow:hidden;
	}
	

/* ---------- Blurb_1_int ---------- */	

#blurb_1_int {
	padding:15px 15px 50px 15px;
	}

#bbb_text {
	color:#666;
	font-weight:bold;
	margin-top:57px;
	}

/* ---------- Footer ---------- */	
#footer_bar {
	background:url(../images/footer_bar.jpg) no-repeat;
	width:751px;
	height:75px;
	}

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

 	#footer li {
    	margin: 0 0 0px 0;
    	padding: 0 5px 0 9px;
    	display: inline;
    	border-left: 1px solid #666;
    	font-size:.92em;
    	background: none;
		color:#666;
		line-height:1.8em;
    	}

	#footer li.first { 
    	border: none;
    	}

	#footer a:link, #footer a:visited{
		color:#666;
		text-decoration:none;
		}

	 #footer a:hover, #footer a:active {
	 	color:#004FBA;
		}
	
	 

/*-------------------- Forms -------------------------- */		
	
/*------ Contact Form ----- */	
#contact {
	width:236px;
	margin:10px 0;
	margin-left:3px;
	}
		
	#contact input, textarea {
		width:236px;
		font-size:1.2em;
		margin-bottom:10px;
		font-family:Arial, Helvetica, sans-serif;
		}
	
	#contact textarea { 
	height:70px; 
	overflow:auto; 
	margin-top:3px;
	}
	
	#contact select {
		/*width:58px;*/
		margin-bottom:10px;
		margin-right:15px;
		}
	
	#contact input#zip {
		width:38px;
		}
		
	#contact label {
		display:block;
		}
		
	#contact #checkbox, #contact #radio {
		width:20px;
		margin:0px 10px 10px 0px;
		}
	
		#contact input.date {
			width:100px;
			}
		
		#contact label#newsletter {
			color:#333;
			font-weight:normal;
			font-family:Arial, Helvetica, sans-serif;
			text-align:left;
			float:left;
			width:200px;
			}
	
		#contact label#submit_label {
			text-align:left;
			font-weight:normal;
			font-family:Arial, Helvetica, sans-serif;
			font-size:.83em;
			float:left;
			width:150px;
			line-height:1em;
			margin-top:5px;
			}
	
	#contact input#submit {
		width:81px;
		height:30px;
		border:none;
		float:right;
		margin-top:5px;
		}


/* ---------- 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;
	}


/* horizontal navigation
 * ------------------------------------------------------------------------- */
#nav { background:url("../images/nav.jpg") no-repeat; width:751px; 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:11px; }
#nav-02 { width: 88px; left: 59px; }
#nav-03 { width: 117px; left: 150px; }
#nav-04 { width: 79px; left: 270px; }
#nav-05 { width: 95px; left: 352px; }
#nav-06 { width: 94px; left: 450px; }
#nav-07 { width: 53px; left: 547px; }
#nav-08 { width: 118px; left: 603px; }


#nav-01 a:hover { background: transparent url("../images/nav.jpg") -11px -29px no-repeat; }
#nav-02 a:hover { background: transparent url("../images/nav.jpg") -59px -29px no-repeat; }
#nav-03 a:hover { background: transparent url("../images/nav.jpg") -150px -29px no-repeat; }
#nav-04 a:hover { background: transparent url("../images/nav.jpg") -270px -29px no-repeat; }
#nav-05 a:hover { background: transparent url("../images/nav.jpg") -352px -29px no-repeat; }
#nav-06 a:hover { background: transparent url("../images/nav.jpg") -450px -29px no-repeat; }
#nav-07 a:hover { background: transparent url("../images/nav.jpg") -547px -29px no-repeat; }
#nav-08 a:hover { background: transparent url("../images/nav.jpg") -603px -29px no-repeat; }

div.accuForm p { font-size:12px; color:#004FBA; font-weight:bold; padding:10px 0px 5px 0px; }
div.accuForm input { width:auto !important; float:left; clear:left; margin-right:5px; }


#drop_list { margin: 5px 0 0px 0px !important; padding: 0px; list-style-type: none; list-style-image: none; list-style-position: outside; width: 85%; }
#drop_list li {margin: 5px 0px 5px 0px; padding: 0px 0px 3px; list-style-type: none; list-style-image: none; /*list-style-position: outside;*/ }
#drop_list select {  color:#000;  }
#drop_list label { font-size:12px; padding-left:5px; }
#drop_list p { margin-top:5px !important; }
input.checkbox_list_checkbox { margin: 0px; padding: 0px; float: left; width: 15px !important; }
input.checkbox { margin: 0px 5px 0px 0px; padding: 0px; float: left; width: 15px !important; }
#contact-form p span { float:left; width:100%; margin:10px 0px 5px 0px !important; }

div.errorContain {
	background-color: #eee;
	border: 1px solid red;
	margin: 5px;
	padding: 5px;
}
div.errorContain ol li {
	list-style-type: disc;
	margin-left: 20px;
}
div.errorContain { display: none }
.errorContain label.error {
	display: inline;
}