/* CSS for Legal Vendor 411 */
* {
	margin: 0;
	padding: 0;
}
body {
	font: 80% Helvetica, Trebuchet MS, sans-serif;
  background: #7a7c7e url("/images/bg-body.gif") repeat-x;
}
h1 {
  color: #000;
  font-size: 1.42em;
	margin: 0 0 10px 0;
}
h2 {
	color: #3c70a6;
	font-size: 1.3em;
	margin: 0 0 10px 0;
}
h3 {
	color: #6abe45;
	font-size: 1.1em;
	margin: 0 0 10px 0;
}
input { padding: 2px; }
option { padding: 1px 3px 1px 2px; }
ul { margin: 0 0 0 25px; }
ol { margin: 0 0 0 35px; }
p { margin: 0 0 15px 0; }
a img{ border: 0; }
table td { padding: 5px; }

a {
  color: #396ea4;
}

a:hover{
  color: #9faebe;
}

.l { float: left; }
.r { float: right; }
.clear { clear: both; }

.m-tb-5 { margin: 5px 0; }
.m-tb-10 { margin: 10px 0; }
.m-t-10 { margin: 10px 0 0 0; }

.b { font-weight: bold; }
.no-b { font-weight: normal; }
.u { text-decoration: underline; }
.no-u { text-decoration: none; }
.i { font-style: italic; }
.no-i { font-style: normal; }
.small { font-size: .89em; }
.t-c { text-align: center; }
.t-l { text-align: left; }
.t-r { text-align: right; }

.green { color: #77c04e; }
.red { color: #c10507; }

.required { font-weight: bold; }

div.notice, div.error, div.warning {
  font-size: 1.1em;
  font-weight: bold;
  margin: 5px 0;
}
div.notice { color: #77c04e; }
div.error { color: #c10507; }
div.warning { color: #c10507; }

.fieldWithErrors {
  display: inline;
  font-weight: bold;
	color: #FF0000;
}
#errorExplanation { 
	border: 1px solid #FF0000;
	background-color: #FFE6E6;
	padding: 5px;
	margin: 0 0 15px 0;
	color: #FF0000;
}
#errorExplanation h2 { color: #c10507; }
#errorExplanation li { list-style-image: none; list-style-type: disc; color: #FF0000; }

.form-field { margin: 0 0 15px 10px; }

#header{
  width: 974px;
  margin: 10px auto 0 auto;
}

#header .logo{
  float: left;
/*	position: absolute;*/
  margin: -8px 0 0 20px;
}

#header-nav{
  float: right;
  margin-right: 35px;
  display: inline;
}

#nav{
  width: 974px;
  height: 36px;
  background: url("/images/bg-main-top.gif") no-repeat;
  margin: 60px auto 0 auto;
}

#nav ul { /* all lists */
	padding: 0;
	margin: 0 30px 0 0;
	float: right;
	display: inline;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	padding: 0;
}

#nav li { /* all list items */
	float: left;
  height: 30px;
  margin: 0 1px;
}

#nav li a{
  display: block;
  padding: 10px 0 0 0;
  height: 20px;
  line-height: 1em;
  text-align: center;
  color: #fff;
  text-decoration: none;
}

#nav li a:hover, #nav li a.active {
  color: #396ea4;
}

#nav li.home { width: 50px; }
#nav li.home a { background: url("/images/bg-nav-home.gif"); }
#nav li.home a:hover, #nav li.home a.active { background: url("/images/bg-nav-home-active.gif"); }

#nav li.legal-services { width: 99px; }
#nav li.legal-services a { background: url("/images/bg-nav-legal-services.gif"); }
#nav li.legal-services a:hover, #nav li.legal-services a.active { background: url("/images/bg-nav-legal-services-active.gif"); }

#nav li.why-join { width: 74px; }
#nav li.why-join a { background: url("/images/bg-nav-why-join.gif"); }
#nav li.why-join a:hover, #nav li.why-join a.active { background: url("/images/bg-nav-why-join-active.gif"); }

#nav li.about-us { width: 69px; }
#nav li.about-us a { background: url("/images/bg-nav-about-us.gif"); }
#nav li.about-us a:hover, #nav li.about-us a.active { background: url("/images/bg-nav-about-us-active.gif"); }

#nav li.legal-jobs { width: 76px; }
#nav li.legal-jobs a { background: url("/images/bg-nav-legal-jobs.gif"); }
#nav li.legal-jobs a:hover, #nav li.legal-jobs a.active { background: url("/images/bg-nav-legal-jobs-active.gif"); }

#nav li.referrals { width: 71px; }
#nav li.referrals a { background: url("/images/bg-nav-referrals.gif"); }
#nav li.referrals a:hover, #nav li.referrals a.active { background: url("/images/bg-nav-referrals-active.gif"); }

#nav li.vendor-account { width: 128px; }
#nav li.vendor-account a { background: url("/images/bg-nav-vendor-registration.gif"); }
#nav li.vendor-account a:hover, #nav li.vendor-account a.active { background: url("/images/bg-nav-vendor-registration-active.gif"); }

#nav li.legal-notice { width: 88px; }
#nav li.legal-notice a { background: url("/images/bg-nav-legal-notice.gif"); }
#nav li.legal-notice a:hover, #nav li.legal-notice a.active { background: url("/images/bg-nav-legal-notice-active.gif"); }

#nav li.legal-resources { width: 108px; }
#nav li.legal-resources a { background: url("/images/bg-nav-legal-resources.gif"); }
#nav li.legal-resources a:hover, #nav li.legal-resources a.active { background: url("/images/bg-nav-legal-resources-active.gif"); }

#nav li.associations { width: 88px; }
#nav li.associations a { background: url("/images/bg-nav-legal-notice.gif"); }
#nav li.associations a:hover, #nav li.legal-resources a.active { background: url("/images/bg-nav-legal-notice-active.gif"); }

#nav li ul { /* second-level lists */
	position: absolute;
	background: url("/images/blank.gif");
	width: 10em;
  margin: 0 0 0 -2px;
  padding: 0;
  z-index: 999;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li.why-join ul, #nav li.referrals ul{ z-index: 999; }

#nav li.why-join li, #nav li.referrals li{
  height: auto;
  border-left: 1px solid #396ea4;
  border-right: 1px solid #396ea4;
}
#nav li.why-join ul li a, #nav li.referrals ul li a{
  background: #4376a6;
  margin: 0;
  padding: 4px 2px;
  width: 10em;
  height: auto;
  color: #fff;
}
#nav li.why-join ul li a:hover, #nav li.referrals ul li a:hover{
  background: #fff;
  color: #4376a6;
}

#nav li.why-join ul li a.bottom, #nav li.referrals ul li a.bottom{
  border-bottom: 1px solid #396ea4;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li:hover, #nav li.sfhover {
    position: static;
}

#main{
  width: 908px;
  margin: 0 auto;
  padding: 24px 33px 0 33px;
  background: url("/images/bg-main.png") repeat-y;
}

#flash-div{
  margin-bottom: 30px;
}


#left-col{
  width: 262px;
  float: left;
}

#left-col.home{
  width: 360px;
}

#left-col .title{
  background: url("/images/bg-left-col-head.gif");
  height: 31px;
  width: 262px;
}

#left-col.home .title{
  background: url("/images/bg-left-col-head-home.gif");
  width: 360px;
}


#left-col .title h2{
  color: #fff;
  position: relative;
  font-size: 1.3em;
  top: 5px;
  left: 5px; 
}

#left-col .title a{
  color: #fff;
}

#left-col #left-nav ul{
  list-style-type: none;
	margin: 0;
}

#left-col #left-nav ul li{
  margin: 0 0 2px 0;
  padding: 0;
}

#left-col #left-nav ul li.bottom {
	margin: 0 0 10px 0;
}

#left-col #left-nav ul li a{
  display: block;
  font-size: 1.12em;
  margin: 0;
  padding: 10px 10px 10px 20px;
  background: #f4f4f5 url("/images/bg-left-nav-triangle.gif") 10px 15px no-repeat;
  text-decoration: none;
}

#left-col #left-nav ul li a:hover{
  background-color: #e1e1e1;
}

#left-col .section{
  background: #f0efef;
  border-width: 0 1px;
  border-color: #9a9a9a;
  border-style: solid;
  color: #444445;
  margin: 0;
  padding: 10px 15px;
  width: 230px;
}

#left-col.home .section{
  width: 328px;
}


#left-col .section p{
  padding: 5px 0;
  margin: 0;
}

#left-col form{
  padding: 5px 0 10px 0;
  font-size: .92em;
  border-bottom: 1px solid #d6d5d5;
}

#left-col form.bottom{
  border-bottom: 0;
}

#left-col form div.t-c{
  padding-top: 10px;
}

/*#left-col form #search_service_id, #left-col form #search_city_id, #left-col form #search_position_id{*/
#left-col form select {
  display: block;
  width: 191px;
  font-size: 1em;
  color: #676767;
  margin: 5px 0 0 0;
}

#left-col form #vendor_search_name{
  display: block;
  width: 181px;
  font-size: 1em;
  color: #676767;
  margin: 5px 0 0 0;
}

#left-col .base{
  width: 262px;
  height: 5px;
  font-size: 0em;
  background: url("/images/bg-left-col-base.gif") center no-repeat;
  margin-bottom: 12px;
}

#left-col.home .base{
  width: 360px;
  background: url("/images/bg-left-col-base.gif") center no-repeat;
}

#right-col{
  width: 120px;
  float: right;
}

#bwm-copy{
  width: 610px;
  margin: 0 15px;
  float: left;
}

#bwm-copy.home{
  width: 428px;
}

#bwm-copy p{
  padding: 0 10px;
  line-height: 1.42em;
}

#bwm-copy p.submit {
  /*border-top: solid 1px #d6d5d5;
  border-bottom: solid 1px #d6d5d5;*/
  padding: 5px 10px;
  margin: 5px 0 10px 0;
}

#bwm-copy ul{
  list-style-image: url("/images/list-blue-bullet.gif");
  margin: 10px 0;
}

#bwm-copy ul li{
  margin: 5px 0 5px 35px;
}

.vendor {
  clear: left;
  padding: 5px 0;
  border-top: solid 1px #cccccc;
}
.vendor-logo {
  float: left;
  margin: 0 10px 10px 0;
}

ul.reviews {}
ul.reviews li {
  padding: 0 0 0 5px;
}
ul.reviews li.positive {
  border-left: solid 10px #77c04e;
}
ul.reviews li.negative {
  border-left: solid 10px #c10507;
}

#vendor-vendordex {
  padding: 5px 0;
}

#bwm-main-bottom{
  width: 974px;
  height: 12px;
  margin: 0 auto;
  font-size: 0em;
  background: url("/images/bg-main-bottom.png") no-repeat;
}

#footer{
  width: 974px;
  margin: 0 auto;
  line-height: 1.52em;
  padding-bottom: 20px;
}

#footer #copyright{
  color: #bfc0c2;
  float: right;
  text-align: right;
  padding-right: 33px;
}

#footer #copyright a{
  color: #bfc0c2;
  text-decoration: none;
}

#footer #copyright a:hover{
  color: #3c70a6;
}

#footer #footer-nav{
  float: left;
  padding-left: 23px;
  color: #fff;
}

#footer #footer-nav a{
  color: #fff;
  margin: 0 3px;
  text-decoration: none;
}

#footer #footer-nav a:hover{
  text-decoration: underline;
}

table.legal-resources { border: 2px solid #3c70a6; }
table.legal-resources td { border-bottom: 2px solid #d6d5d5;}


#quote {
	border-top: 2px solid #3c70a6;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
	color: #888888;
}
#quote .b { color: #3c70a6; }


#vendor-card h1 img { vertical-align: bottom; }

#vendor-logo {
	float: right;
	text-align: center;
	width: 175px;
	font-style: italic;
}
#vendor-logo img { border: 2px solid #3c70a6; margin: 0 0 5px 0; }
#vendor-logo p { line-height: normal; text-align: center; }

input#favorite_submit { background: url('/images/add-vendordex.gif') center no-repeat; width: 150px; height: 22px; border: 0; margin: 0; padding: 0; }
input#favorite_submit:hover { cursor: pointer; }

#header-nav {padding-top:65px;}
#nav { margin-top:5px;}

#nav li.calendar-events { width: 150px; }
#nav li.calendar-events a { background: url("/images/bg-nav-calendar-events.gif"); }
#nav li.calendar-events a:hover, #nav li.calendar-events a.active { background: url("/images/bg-nav-calendar-events-active.gif"); }