/* @override 
	http://wsandco.ddmweb.com/stylesheets/ws/content_styles.css
	http://www.wsandco.com/stylesheets/ws/content_styles.css
*/

/**************************************************************************
--------------------------- HOME PAGE STYLES ------------------------------
**************************************************************************/

/* --
***** Flash Area
-------------------------------------------------------------------------*/
#flash_wrapper {
	float: left;
	height:184px;
	overflow: hidden;
	width:654px;
	z-index:1;
	}
	
#flash_wrapper object {
	width:654px;
	} 

/* --
***** Columns
-------------------------------------------------------------------------*/
#columns {
	width:667px;
	position:relative;
	background:url(/images/columns_bg.gif) repeat-y left;
	}
#columns:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
	}
	
/** -- What's New  -- **/
#whats-new {
	background:#f4f9fa;
	padding: 10px;
	min-height: 250px;
	height:auto !important;
 	 height:250px;
	width:286px;

	}
#whats-new h3 {
	color: #006a71;
	font-size: 16px;
	font-weight: normal;
	margin:0;
	padding:0;
	
}

#whats-new h4 {
	color: #636466;
	font-weight:bold;
	font-size:11px;
	margin:10px 0 0 0;
	padding:0;
	}
#whats-new p {
	margin:0 0 10px 0;
	color:#636466;
	font-size:11px;
	line-height:13px;
	}
#whats-new a, #quicklinks a {
	color:#666;
	font-size: 11px;
	text-decoration:none;
	}
#whats-new a:hover, #quicklinks a:hover {
	color:#4677bb;
	text-decoration:none;
	border-bottom:1px solid #4677bb;

	}
#whats-new p.navigate {
	line-height:17px;
	}
#whats-new p.navigate a {
	color:#4677bb;
	text-decoration:none;
	border-bottom:1px solid #4677bb;
	}
#whats-new p.navigate a:hover {
	border-bottom:1px solid #4677bb;
	}

/** -- Our Perspective  -- **/
#our-perspecitve {	
	background:#fff9ed;
	padding: 10px;
	min-height: 250px;
	height:auto !important;
 	height:250px;
	width:286px;
	color:#666;
	font-size: 11px;
	}
#our-perspecitved a {
	color:#666;
	font-size: 11px;
	text-decoration:none;
	}
#our-perspecitve h3 {
	color: #df8c19;
	font-size: 16px;
	font-weight: normal;
	margin:0;
	padding:0;
	}
#our-perspecitve h4 {
	margin:10px 0 20px 10px;
	padding:0;
	font-weight:bold;
	color:#636466;
	font-size:11px;
	line-height: 15px;
	}
#our-perspecitve p {
	margin:0 0 10px 0;
	color:#636466;
	font-size: 11px;
	line-height:15px;
	}
#our-perspecitve em {
	font-weight: bold;
}

#our-perspecitve img {
	float:left;
	margin:10px 10px 0 0;
	padding:3px;
	background:#fff;
	border:1px solid #d1cdc1;
	}
#our-perspecitve p.navigate {
	margin-bottom:0;
	line-height:17px;
	clear:both;
	}
#our-perspecitve p.navigate a {
	color:#4677bb;
	text-decoration:none;
	border-bottom:1px solid #4677bb;
	}
#our-perspecitve p.navigate a:hover {
	border-bottom:1px solid #4677bb;
	}

/** -- Woodruff Sawyer  -- **/
#woodruff-sawyer, #quicklinks {
	background:#f5f9ee;
	margin-top: 22px;
	min-height: 114px;
	height:auto !important;
  	height:114px;
	padding: 10px;
	width:286px;
	}
#woodruff-sawyer h3, #quicklinks h3 {
	color: #5c8727;
	font-size: 16px;
	font-weight: normal;
	margin:0 0 9px 0;
	padding:0;
	}
#woodruff-sawyer p {
	margin:0 0 10px 0;
	color: #636466;
	font-size:11px;
	line-height:15px;
	}
#woodruff-sawyer3 p a {
	color:#006a71;
	text-decoration:none;
	}
#woodruff-sawyer p a:hover {
	text-decoration:underline;
	}
	
#quicklinks ol {
	margin: 0px;
}

#quicklinks li {
	list-style-position: inside;
	margin-left: 0;
}

#quicklinks li, #quicklinks li a {
	color:#666;
	font-size: 11px;
	text-decoration: none;
}

/**************************************************************************
----------------------- INTERIOR PAGE STYLES ------------------------------
**************************************************************************/
#maincol {
	overflow: visible;
}

#maincol h1 {
	margin:0 0 18px 0;
	padding:0;
	font:normal 22px/24px Verdana, Arial, sans-serif;
	color:#e08c19;
	}
#maincol h2 {
	margin:24px 0 12px 0;
	padding:0;
	font:normal 18px/20px Verdana, Arial, sans-serif;
	color:#5c8727;
	}
#maincol h3 {
	margin:18px 0 -6px 0;
	padding:0;
	font:bold 14px/14px Verdana, Arial, sans-serif;
	}
#maincol a {
	color:#006a71;
	text-decoration:none;
	}
#maincol p {
	margin:12px 0;
	}
#maincol p a,
#maincol td a,
#maincol ul a,
#maincol ol a,
#maincol dl a {
	font-weight:bold;
	}
#maincol a:hover {
	text-decoration:underline;
	}
#split {
	padding-bottom:12px;
	border-bottom:1px solid #eee;
	margin-bottom:12px;
	}
#split h2 {
	margin:0 0 6px 0;
	padding:0;
	}

/** -- Images --**/
#maincol img.float-left,
#maincol table.float-left {
	float:left;
	margin:4px 10px 6px 0;
	padding:5px;
	border:1px solid #eee;
	}
#maincol img.float-right,
#maincol table.float-right {
	float:right;
	margin:4px 0 6px 10px;
	padding:5px;
	border:1px solid #eee;
	}

/** -- Blockquotes --**/
#maincol blockquote {
	background:#e8f2f4 url(/images/quote.jpg) no-repeat 4px 4px;
	margin:12px 0;
	padding:10px 25px;
	border:1px solid #dee6d1;
	color:#222;
	text-indent:-.5em;
	}
#maincol blockquote cite {
	display:block;
	text-align:right;
	font-style:normal;
	color:#666;
	}

/** -- Jump Links --**/
#maincol ul#jump,
#maincol ul#jump-single {
	margin:0;
	margin:18px;
	}
#maincol ul#jump li {
	width:44%;
	margin:0 2% 0 0;
	padding:0;
	float:left;
	list-style-type:none;
	padding-left:12px;
	background:url(/images/bullet_arrow_down_blue.gif) no-repeat 0 8px;
	}
#maincol ul#jump-single li {
	width:auto;
	margin:0 0 6px 0;
	padding:0;
	float:none;
	list-style-type:none;
	padding-left:12px;
	background:url(/images/bullet_arrow_down_blue.gif) no-repeat 0 8px;
	}
#maincol p.back-to-top {
	text-align:right;
	font-size:90%;
	}
#maincol p.back-to-top a {
	padding-left:10px;
	background:url(/images/bullet_arrow_up_blue.gif) no-repeat 0 5px;
	font-weight:normal;
	}

/** -- Lists --**/
#maincol ul ul, #quicklinks ul ul,
#maincol ol ol, #quicklinks ol ol {
	margin:0 0 0 12px;
	}

/* @group iframe */

iframe#openhire {
	border: none;
	margin: -20px 0 0 -20px;
}

#cse-search-results {
	margin-left: 10px;
}

/* @end */
	
	

/** -- Tables --**/
#maincol table {
	padding:5px 4px 4px 5px;
	border:1px solid #eee;
	}
#maincol th,
#maincol td {
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:4px;
	}
#maincol th {
	background:#b0c98d;
	color:#fff;
	font-weight:bold;
	text-align:center;
	}
#maincol td {
	font-size:10px;
	line-height:12px;
	background:#f7fcef;
	}

/** -- Press Releases --**/
#press_releases h3,
#press_releases h4 {
	margin:0;
	font-size:15px;
	line-height:18px;
	font-weight:normal;
	color:#f39501;
	}
#press_releases h3 {
	margin:18px 0 0 0;
	}
#press_releases h4 {
	color:#b77a1b;
	font-size:14px;
	border-bottom:1px solid #dbcab0;
	padding-bottom:2px;
	}
#press_releases h5 {
	margin:0;
	color:#999;
	font-size:12px;
	font-weight:normal;
	}
html body p.links {
	height:22px;
	margin:-8px 0 18px 0 !important;
	}
html body p.links a {
	line-height:22px;
	padding:8px 2px 8px 26px;
	font-size:90%;
	text-decoration:none;
	font-weight:normal !important;
	}
p.links a.press_release_download {
	background:url(/images/admin/icon_pdf.gif) no-repeat left center;
	}
	
/***** Forms
-------------------------------------------------------------------------*/
input {
	margin: 0;
	padding: 0;
}


.forms_container form {
	clear: right;
}

.forms_container #maincol {
	float: right;
		padding: 0;
	width: 628px;
}

.forms_container  h1,  .forms_container h2 {
	clear: none;
	width: auto;
}

.forms_container fieldset {
	background-color: #f7fcef;
	border: 1px solid #babeb4;
	margin-bottom: 18px;
	padding: 10px;
	width: 608px;
}

.forms_container ul#forms form {
	clear: none;
	width: 466px
}

.forms_container ul#forms {
	margin-left: 0;
}

form em, .warning em {
	color: #e0474e;
	font-weight: bold;
}



fieldset legend {
	background-color: #a46612;
	border: 1px solid #babeb4;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 2px 4px;
}

fieldset label {
	display: block;
	float: left;
	margin-right: 10px;
	text-align: right;
	width: 180px
}

fieldset label.fullwidth {
	float: none;
	margin: 0;
	text-align: left;
	width: auto;
}

.simple_buttons {
	display: block;
	margin: 6px 0 0 190px;
	width: auto;
}

#maincol fieldset .limits {
	display: block;
	margin: 0 0 0 190px;
	width: auto;
}


	
fieldset textarea, fieldset input, #auto_drivers_address,  #maincol fieldset p .radio_buttons .other input, #maincol fieldset p .detail .other input {
	border: 1px solid #999;
	vertical-align: baseline;
	width: 250px;
	}

fieldset input#auto_reported_to_police_true, fieldset input#auto_reported_to_police_false, p.radio_buttons input, #certificate_building, #certificate_personal, #certificate_general, #certificate_umbrella, #certificate_automobile, #certificate_auto, #certificate_worker, #certificate_other, #certificate_special_loss, #certificate_special_addl, #certificate_special_other, #certificate_special_cancel, #certificate_mail_to_cert, #certificate_mail_to_insured, #certificate_mail_to_other, #certificate_fax_to_cert, #certificate_fax_to_insured, #certificate_fax_to_other{
	border: none;
	width: auto;
}


.long_text textarea {
	height: 100px;
	width: 409px;
}

.right_long_text textarea {
	margin-left: 190px;
	height: 100px;
	width: 409px;
}

#auto_drivers_address {
	height: 108px;
}

fieldset input {
	border: 1px solid #999;
}


#maincol fieldset p {
	font-weight: bold;
	margin-top: 18px;
	vertical-align: baseline;
	width: 607px;
}

#maincol fieldset textarea, #maincol fieldset input, #maincol fieldset select {
	font-weight: normal;
	padding-left: 2px;
}

#maincol fieldset .label, #maincol fieldset p .simple_buttons, fieldset p span.checkbox {
	font-size: 11px;
	font-weight: normal;
}

#maincol fieldset p .simple_buttons input, #maincol fieldset p .radio_buttons input {
	border: none;
}
	
#coverage_required label, #coverage_required .detail, #additional_instructions label, #additional_instructions .detail {
	clear :left;
	display: block;
	float: left;
	margin: 0 10px 0 0;
	text-align: right;
	width: 180px;
}	

#coverage_required span, #additional_instructions span {
	display: block;
	font-weight: bold;
}

#coverage_required span.detail, #additional_instructions span.detail {
	float: none;
	font-weight: normal;
	margin: 0 0 2px 0;
	text-align: left;
	width: auto;
}

#coverage_required span.detail label,  #additional_instructions span.detail label {
	font-weight: normal;
}

#additional_instructions label.textarea_label {
	text-align: left;
	width: auto;
}

#maincol fieldset .prior_insurance p {
	margin-bottom: 6px;
}

#maincol fieldset .prior_insurance .label{
	margin-top: 6px;
}

fieldset p span.radio_buttons input, fieldset p span.checkbox input  {
	width: auto;
}

fieldset p span.checkbox input {
	margin-left: 190px;
}

 .field-with-errors  {
	border: 2px solid #e0474e ;
	padding: 0;
	margin: 0;
}

 .field-with-errors #user_login {
	background-color: #e0474e;
	border: 2px solid #e0474e ;
	color: #fff;
}

#incident_location .field-with-errors {
	display: block;
	margin-left: 190px;	
}

 .radio_buttons {
	height: 22px;
}

p .radio_buttons .field-with-errors {
	border: none;
	border-bottom: 2px solid #e0474e ;
	height: 20px;
	padding: 0;
}

/* Home Social Icons */

#social p {
	color: #5b8726;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0;
	text-align: center;
}

#social ul {
	margin: 9px 0 0 10px;
}

#social ul li{
	display: inline;
	float: left;
	list-style-type: none;
}

#social ul li img {
	border: none;
}

/* @end */




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