@import url("/css/shared.css");
/*Master stylesheet for consumer site*/
body{
background:#e7e7e7 url('/images/layout/bg.png') repeat-x;
color:#000;
font-size:13px;
margin:0;
line-height:1.45;
}
body, textarea{
font-family:"Segoe UI", Arial, sans-serif;
}
#container{
background:#FFF;
border:solid #CACACA;
border-width:0 1px 1px;
margin:0 auto;
overflow:hidden;
text-align:left;
width:960px;
}
#header, #nav{margin:0 auto}
#header{
padding:3px 0 0;
width:962px;
}

#topNav{
float:right;
font-size:85%;
padding:1em 2em 0;
text-align:right;
}
#topNav a, #topNav a:visited{
color:#333;
display:inline-block;
margin:0 2.5em .5em 0;
}
#topNav a:last-child{margin-left:.7em}
#container, #nav{-moz-box-shadow:2px 2px 5px #CCC;
-webkit-box-shadow:2px 2px 5px #CCC;
box-shadow:2px 2px 5px #CCC}
#nav, .popup h1, .landing h1{
border:solid #082c6b;
border-width:0 1px;
}
.popup h1, .landing  h1, .es h1{text-indent:0.5em}
#nav, .popup h1, .landing #container, .es #container{
background:url('/img_common/intake/heading-bg.png') repeat-x #042868;
}
#nav{
height:36px;
list-style:none;
padding-left:0;
position:relative;
width:960px;
z-index:10;
}
#nav li{float:left}
#nav a{
border-right:1px solid #032156;
border-left:1px solid #425c8d;
color:#fff;
display:block;
font-size:120%;
padding:0 .5em;
line-height:36px;
text-decoration:none;
}
#nav>li:first-child a{border-left:none;text-indent:0.5em}
#superCats a{position:relative}
#superCats a span{
color:#669;
font-size:80%;
letter-spacing:0.01em;
position:absolute;
right:0.5em;
text-transform:uppercase;
}
#nav a:hover, #nav a:focus{background:#042868}
/*dropdown menu*/
#nav ul{
background:#eee;
background:rgba(238,238,238, 0.98);
list-style:none;
left:-999em;
margin:0;
padding:0;
position:absolute;
width:200px;
-moz-box-shadow:2px 1px 4px #999;
-webkit-box-shadow:2px 1px 4px #999;
box-shadow:2px 1px 4px #999;
}
#nav li:hover>ul, #nav li:focus>ul{left:auto}
#nav ul, #nav ul>li:last-child>a{-moz-border-radius:0 0 5px 5px;
-webkit-border-radius:0 0 5px 5px;
border-radius:0 0 5px 5px}
#nav ul>li{border-top:1px solid #ccc}
#nav ul>li:first-child{border-top:none}
#nav ul>li>a{
border:none;
color:#000;
display:block;
font-weight:normal;
font-size:90%;
font-family:"Segoe UI",Arial, sans-serif;
height:auto;
letter-spacing:0;
line-height:1.4;
padding:.45em .5em;
}
#nav ul>li>a:hover, #nav ul>li>a:focus{
background:#E3E3E3;
color:#000;
}
#nav ul>li{float:none}
#nav .subMenu:after{content:"\00a0" url("/img_common/layout/menu-more.png")}
#logo, #content, #aside{float:left}
#nav form{
line-height:36px;
}
#search{
position:absolute;
right:1em;
}
#searchQuery{
width:16em;
margin-right:3px;
border:1px solid #fff;
}
#byline #sharethis_0{float:right}
#breadcrumbs, #searchQuery{color:#333}
#byline{color:#666; margin:0 0 0.125em}
#byline a img{vertical-align:text-bottom}
.home #byline{margin-left:1em}
#content{
min-height:240px;
padding:.7em 35px 2em 13px;
width:600px;
}
#subContent{margin:2em 0 0}

#aside{
background:#f0f5fd;
border:solid #e4eaf8;
border-width:1px 0 1px 1px;
color:#4b4b4b;
margin-top:.75em;
padding:.5em 10px;
width:290px;
}
#aside .nav, #aside .widget{
background:#fff;
border-style:solid;
border-color:#D6E2F7 #A8C5E3 #A8C5E3 #D6E2F7;
border-width:1px 2px 2px 1px;
margin:0 0 .75em;
}
#aside .widget{padding:.5em 8px}
#aside .nav{
padding:0;
list-style:none;
}
#aside .nav:nth-child(n), #aside .widget:nth-child(n){/*CSS3*/
border-width:1px 0 0 1px;
box-shadow:2px 2px #a8c5e3;
-moz-box-shadow:2px 2px #a8c5e3;
-webkit-box-shadow:2px 2px #a8c5e3;
}

.navHead a:link, .navHead a:visited{text-decoration:none}
.navHead a:hover, .navHead a:focus{text-decoration:underline}
.nav li{border-bottom:1px solid #e0e0e0}
.nav a{
display:block;
border-top:1px solid #fafafa;
text-decoration:none;
line-height:1.5em;
padding:.25em .75em;
}
.nav a:hover, .nav a:focus{background-color:#f6f9fe}
.nav a.current:link, .nav a.current:visited{color:#4b4b4b}
.nav a.current:before{
	content:"\00BB";
	padding-right: 3px;
}
.nav li:last-child{border-bottom:none}
/*trust logos*/
#footer{
color:#717171;
margin:0 auto 1em;
overflow:hidden;
padding:1em 0;
text-align:left;
width:960px;
}
#footer a{color:#333; margin-right:1em}
#footer p{margin:0}
#trust{float:left; width:650px; padding:0 0 0 10px; overflow:hidden}
#trust a{display:inline-block; vertical-align:text-top}
#trust .bbb{
	font-size: 0;
	margin-left: 0;
	display: inline-block;
	background: url(http://seal-goldengate.bbb.org/logo/ruhzbum/legalmatch-47260.png) no-repeat;
	width: 122px;
	background-size: cover;
	height: 55px;
}
#trust .bbb:hover {
	background-position:-122px 0;
}
#trust .bbb:active {
    background-position: 0;
}
#copyright{float:left; width:300px}

.seoLinks{
margin-top:1em;
font-size:85%;
margin:0 auto;
text-align:left;
width:940px;
}
/*standard tags*/
a img{border:none}
a:link, .faq dt, .nav a:visited{color:#009}
a:hover, a:focus{text-decoration:none}
a:visited{color:#002c66}

#content ul{list-style:square}
#content ul, #content ol{
margin:0 0 1em;
padding:0 0 0 2em;
}

p{margin:0 0 1em}
h1, h2, h3, h4{margin:1em 0 0;}
h1{font-size:200%; margin:0}
h2{font-size:150%}
h3{font-size:130%}
h4{font-size:110%}
h1+h2{margin:0}
h2:first-child, h3:first-child{margin:0}

hr{
border-color:#aaa;
border-style:solid;
border-width:0 0 1px;
color:#aaa;
display:block;
height:0;
margin:1em 0;
}
blockquote{
background:#f7f7f7;
padding:.6em 2em;
margin:1em 2em;
border-left:4px solid #ddd;
font-style:italic;
}
blockquote cite{
display:block;
text-align:right;
margin:.5em 0 0;
}
/*Stop using this tag!*/
u{text-decoration:none; font-style:italic}
/*general classes*/
.clear{clear:both}
.hidden{display:none}
.inset, .portrait{
float:right;
margin:0 0 1em 1em;
}
.inset.alt{float:left;margin:0 1em 1em 0;}
.portrait{border:1px solid #aaa}
.faded{opacity:.35;background:#ddd; padding:.25em .5em}

/*this holds breaks in the content, such as Find a Lawyer btns*/
.break{text-align:center; margin-top:1.25em}

a.btn, a.btn:visited, form > input.btn, .actionBtns input[type=submit], .options input[type=submit]{
border:1px solid #23539f;
background:#0e326c;
color:#fff;
font-size:120%;
font-weight:normal;
padding:.05em .75em;
text-shadow:1px 2px 2px #0b306a;
border-radius:.4em;
-webkit-border-radius:.4em;
-moz-border-radius:.4em;
-webkit-box-shadow:2px 2px 2px rgba(0,0,0,.2);
-moz-box-shadow:2px 2px 2px rgba(0,0,0,.2);
box-shadow:2px 2px 2px rgba(0,0,0,.2);
background:-webkit-gradient(linear, left top, left bottom, from(#3462aa), to(#0e326c));
background:-moz-linear-gradient(top,  #3462aa,  #0e326c);
background:-ms-linear-gradient(top,  #3462aa,  #0e326c);
background:linear-gradient(top,  #3462aa,  #0e326c);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3462aa', endColorstr='#0e326c');
}
form > input.btn,.actionBtns input[type=submit], .options input[type=submit]{padding:.25em .75em}
a.btn.alt, a.btn.alt:visited, input.btn.alt, .options input.btn.alt, form>input.btn.alt{
background:-webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
background:-moz-linear-gradient(top,  #eeeeee,  #cccccc);
background:-ms-linear-gradient(top,  #eeeeee,  #cccccc);
background:linear-gradient(top,  #eeeeee,  #cccccc);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc');
border-color:#999;
color:#000;
text-shadow:1px 2px 2px #DDD;
}
a.btn, a.btn:visited{
display:block;
display:inline-block;
line-height:1.75;
text-decoration:none;
}
form > input.btn, .actionBtns input[type=submit]{
border:1px solid #425c8d;
border-bottom-color:#2d4b80;
line-height:normal;
cursor:pointer;
}
.findRightLawyer{
margin-top:5px;
text-align:center;
}
/*a.findLawyer{line-height:2; font-size:inherit;}*/
a.findLawyer {
	line-height: 1.75;
	display: inline-block;
	font-size: 120%;
}
h2 a.findLawyer{ width:100%;}
.presentCase img{vertical-align:text-bottom}
.slogan{
font-size:180%;
text-align:center;
}

/*menu is for a 2 column, on-page menu*/
#content .menu{
list-style:none;
margin:0 0 1em;
overflow:hidden;
padding:0;
width:600px;
}
#content .menu li{float:left}
#content .menu a{
display:block;
padding-left:12px;
width:285px;
}
#content #help-nav{margin:0; padding:0; list-style:none}
#help-nav li{display:inline-block; margin:0 1em 0 0}
#help-nav a{text-align:center}

/*page categories :Landing Page Categories*/
.landing #container, .es #container{background-color:#fff; padding-top:4em}
.landing #content h2{font-size:200%}
.landing #content h3{font-size:150%}
.landing #content h2, .landing #content h3{margin:0}
.landing #aside h2{font-size:120%;}
.landing fieldset{margin:0}
#intake form{margin:0 0 2em}
legend{
color:#000;
}
#content fieldset ul{
list-style:none;
margin:0;
overflow:hidden;
padding:0;
}
fieldset li{
float:left;
width:280px;
}
fieldset li:nth-child(odd){width:300px}
fieldset li:nth-child(even){width:260px}
.actionBtns{margin:.5em 0}
.actionBtns a{
display:inline-block;
margin:1em 5.9em 0 0;
padding:0 0 0 16px;
width:220px;
}
.actionBtns input{vertical-align:middle}
#otherCats{margin:0 0 1em}

/*landing page with category choices*/
.allCat #content .menu a{
background:url('/img_atty/atty_HP_arrow.gif') no-repeat 0 -5px;
font-size:120%;
padding-left:25px;
padding-bottom:3px;
width:260px;
}
.allCat #intake form, .home #intake form, form.dropdown{
margin:0;
display:inline;
}
.allCat #intake select, .home #intake select{width:200px}
.allCat .actionBtns a{
margin:0;
padding:0 0 0 30px;
width:150px;
}

/*single category landing page*/
.oneCat .findLawyer{
font-family:Oswald;
text-transform:capitalize;
padding:0 10px;
margin-top:.5em;
}
.landing .oneCat #intake h2{text-align:center}
.landing .translate{
background:url('/img_common/icon-spain.gif') no-repeat 0 -6px;
display:inline-block;
padding-left:25px;
margin-left:10px;
width:200px;
}

/*home page template*/
.home #content{overflow:hidden; /*ie6*/}
#content .feed .menu{
list-style:square;
padding-left:2em;
}
#content .feed .menu a{padding:0}
.feed h3 a{text-decoration:none}
#findBanner{
background:url('/images/homePage/find-a-lawyer-orange.jpg') no-repeat #174882;
height:193px;
color:#fff;
margin-bottom:.75em;
}
#findBanner p{
margin:0;
padding:70px 0 0 282px;
}
#findBanner .start{
display:block;
text-indent:-999em;
margin-top:2em;
height:3.25em;
}
.home #about{
background:url('/images/homePage/lawyer.jpg') no-repeat top right;
padding-right:130px;
min-height:155px;
}
.home #about p{margin-right:.5em}
.home #howItWorks{margin-left:1em}
.home h1{font-size:180%}
#aside select{width:280px}

/*popup page template*/
.popup #header{
overflow:hidden;
}
.popup #header, .popup #container, .popup h1, .popup #footer{width:600px}
.popup #container, .landing #container, .es #container{position:relative}
.popup #content{
float:none;
padding-top:3.5em;
width:auto;
}
/*.popup #trust{display:none}*/
.popup #copyright{width:auto}
.popup #header .closeBtn{
float:right;
margin:.5em 1em 0 0;
}
.popup h1, .landing h1, .es h1{
color:#fff;
position:absolute;
left:0;
height:1.75em;
line-height:1.75em;
top:0;
}
.popup h1{font-size:175%}
.popup h1+h2{margin:0}
.popup a.btn, .popup a.btn:visited{
border:1px solid #888;
background:#ddd;
color:#333;
line-height:1.5;
padding:.05em .5em;
text-shadow:1px 2px 2px #eee;
text-transform:none;
background:-webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#dddddd));
background:-moz-linear-gradient(top,  #f7f7f7,  #dddddd);
background:-ms-linear-gradient(top,  #f7f7f7,  #dddddd);
background:linear-gradient(top,  #f7f7f7,  #dddddd);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#dddddd');
}
/*law info/long library*/
.lawInfo #content{background:#fff}
.lawInfo h1{width:100%}
.lawInfo .pitch{background:#fef7ef}
/*splash pages (no header, navigation)*/
.splash #header .closeBtn{display:none}
.splash #header, .splash #container, .splash h1, .splash #footer{width:650px}

/*blog tutorial popups*/
.tutorial #container, .tutorial #header, .tutorial {width:600px}
.tutorial ol li img{
background:#fff;
border:1px solid #ccc;
margin:.2em 0 1em;
padding:4px;
}
/*adds border for non-obvious buttons*/
.imgBtn img{border:1px solid #002c66}
.imgBtn:hover img, .imgBtn:focus img{border-color:#11c}

/*press release, history pages*/
#newsItems, .exhibit{
overflow:hidden;
width:100%;
}
#newsItems p, .exhibit textarea{
float:left;
margin:1.5em 0;
width:290px;
width:58%;
}
.exhibit textarea{
background:#ebebe4;
border:1px solid #a5acb2;
padding:.45em;
}
#newsItems h3{
float:left;
width:450px}
#newsItems img, .exhibit .inset{
display:block;
float:right;
margin:1.5em 0;
}
#timeline{
margin-top:.5em;
overflow:hidden;
width:100%;
}
#timeline h3{
color:#C78300;
float:left;
margin:0;
width:10%
}
#timeline p{
float:left;
width:90%;
}
/*sign in pages*/
#loginForm label{
font-weight:bold;
}
#loginHelp{
background:#f7f7f7;
padding:1em;
border:1px solid #ddd;
display:none;
}
#loginHelp h2{margin:0}

/*no js, cookie warning*/
.warning{
background:#ffffd7;
border:1px solid #dfe082;
padding:5px;
}
.hint{
font-style:italic;
font-size:90%;
}
.hint a{opacity:1;}
/*Legal Center*/
.category a{
background-image:url("/img_common/pointer_down_yellow.gif");
background-position:0 4px;
background-repeat:no-repeat;
padding-left:12px;
}

/*FAQ pages*/
.faq dl, .faq dt, .faq dd{margin:0; padding:0}
.faq dl{margin:1em 0}
.faq dl dl{padding:0 0 0 2em}
.faq dd{
border-left:4px solid #425c8d;
padding-left:1em;
}
.faq dd dd{border-color:#999}
.faq dt{
cursor:pointer;
margin:0 0 .5em;
text-decoration:underline;
}
.faq dt:hover, .faq dt:focus{text-decoration:none}

/*Contact forms*/
.contact form div label, .linear div label, .mgmt .inset .btn{display:block}
.contact form, .contact fieldset, .contact form div{margin:1em 0}
/*case management*/
.adv{font-size:120%; margin:0;font-style:italic}
.textbold, .rowHeading{font-weight:bold}
.rating, .star{
color:#D89106;
font:bold 130% Courier New,Courier,monospace;
}
/*standard linear form*/
.linear{
background:#fafafa;
border:1px solid #eee;
padding:.5em 1em;
}
.linear div label{font-weight:700}
.linear div{margin-bottom:.25em}
.linear input[type=email]{min-width:50%;}
.linear input[type=submit]{margin:.5em 0}
/*response details*/
#meta{
background:#f0f0f0;
border:1px solid #e7e7e7;
overflow:hidden;
padding:.25em .5em;
}
#meta h2{margin:0}
#msgInfo span{margin-right:1em}
#msgInfo{color:#4b4b4b; font-style:italic; font-size:90%}
#meta img{height:70px}
.options a{margin-bottom:0.25em}


/*law library*/
#googleAd{width:290px; overflow:hidden}
#content .index .section ul{margin-bottom:.5em}
.index .section{display:inline-block;}
.index{
-moz-columns:2;
-webkit-columns:2;
-ms-columns:2;
columns:2;
}

span.italic {
	font-style: italic;
}

/*spanish*/
.es #logo span{
font-size:135%;
top:5px;
}
.lp #logo span{top:9px}
.lp #logo{margin-bottom:3px}

/*exit page facebook Like widget*/
#likeDownload h2{font-size:140%;line-height:1.25; margin:0.2em 0 0.4em; color:#111}
#likeDownload h2 span{
font-size:80%; font-style:italic; margin:0.2em 0 0;opacity:0.8;
}
#aside #likeDownload{
background-image:url("/images/widget/lawyer-book.jpg");
background-position:right 0.5em;
background-repeat:no-repeat;
min-height:136px;
padding-right:100px;
}
#likeDownload #likeBtn{width:150px}
#likeDownload .fb_edge_comment_widget{left:auto!important;right:-10em;}
#container[id^=container]{overflow:visible}
#container:after, #header:after,#footer:after, .clearfix:after{
content:" ";
display:block;
height:0;
clear:both;
overflow:hidden;
visibility:hidden;
}
/*exit page like button prompt*/
#satisfaction{
box-shadow: 3px 3px 6px rgba(0,0,0,.5);
background:#fff;
border-radius:.25em;
border: 1px outset threedface;
position:fixed;
width:400px;
padding:1em;
z-index:12;
margin-left:16em;
}
#satisfaction h2{font-size:200%; margin:0;}
#satisfaction .btn{vertical-align:bottom;}
#mask{position:fixed;height:100%;width:100%;top:0;left:0; background:rgba(0,0,0,.5);
z-index:11;}
.x{float:right; display:block; width:1em;height:1em;border:1px solid #000; line-height:1em; text-align:center;
font-family:arial, monotype;
margin:.25em .25em;
color:#000;
text-decoration:none;
}
.fb-share-button span {
	vertical-align:baseline !important;
	margin-right:1em;
}
/**/
/* Exit Page Legal Quiz */
div.legalQuiz {
	background-color: #F1F1F1;
	border: 1px solid #CCC;
	font-weight: bold;
	text-align: center;
	/*color: #BF4E28 !important;*/
	/*text-shadow: 1px 1px 0px #E0E0E0;*/
	padding: 22px 0px;
	background-image: url("http://www.legalmatch.com/images/new-banner.png");
	background-position: left top;
	background-repeat: no-repeat;
	/*padding: 0.5em 10px;*/
	width: 600px;
	float: left;
	margin: 0 0 20px 10px;
}

div.legalQuiz a {
	/*color: #BF4E28 !important;*/
}
/**/

.case.probono::before{
background-color:#5C9392;
border-radius:0.5em;
color:#fff;
content:"Pro Bono";
float:right;
font-weight:bold;
padding:0.25em 0.5em;
text-shadow:1px 1px 1px rgba(0,0,0,0.3);
}

/*404 page not found*/
.error404 #aside{border:none;background:none;}
/*WBP three column footer*/
.seoFtr {width: 960px;  margin: 0 auto;}
.seoFtr h2{clear:both}
.seoFtr .col{
float:left;width:30%;margin-right:3%;
}
.hyphenList{
list-style:none;
padding:0;
margin:1em 0}
.hyphenList li{display: inline-block;}
.seoFtr a span{display:none; padding:.25em .5em; margin-left:1em; width:10em;
 position:absolute; background:#fff; border:1px solid #ccc; color:#666;
}
.seoFtr a:hover span{display:inline}

/*newsletter index*/
#content .newsletter ul{
margin-left:12em;
}
.featured{float:left;width:12em;margin:0 1em 1em 0}
.archive{
-moz-columns:2;
-webkit-columns:2;
columns:2;
}
/*case map*/
#map_canvas{width:270px;height:300px; border:1px solid #ddd; position:relative; margin:0 0 0.25em}
#content .menu.zip{list-style:square inside;}
.menu.zip li{width:10em; padding:0 .5em;}
/*lmbenefits*/
#lpplogo img.logo { width: 225px; float: right;}
.promo{padding:.25em 1em;
border:1px solid #ccc;
background:#f0f5fd;
}


#caseBody {
	 width: 100%;
	 overflow: hidden;
}
#caseDetails {
	float: left;
	width: 50%;
}
#updateStatusBtn {
	display: none;
}
#caseStatusTop {
	margin-bottom: 1em;
}
.inlineblock {
	display:inline-block;
}

/* targeting Chrome only CSS. Fix for index page height */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	div.index {
		height: 1896px;
	}
}

/* ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	 div.index {
		height: auto;
	}
}

.law-library-listings {
	-webkit-column-count: 2;
    -webkit-column-fill: auto;
    -moz-column-count: 2;
    column-count: 2;
}

.law-library-listings .section{
	display: inline-block;
	width: 280px;
	margin-bottom: 10px;
	clear: left;
}
#likeWrapper ul.social {
	margin: 0 0 10px 0;
	padding: 0;
}
