/*mobile stylesheet*/
body{
 background: #eee url('/images/scales-BG.gif');
 font-size: 14px;
 line-height: 1.3;
 font-family: helvetica, arial, sans-serif;
 margin: 0; padding: 0;
 text-align: center;
}
ul{list-style: square}
#logo{
 padding: 0 0 0 0.75em;
 font-weight: bold;
 font-size: 120%;
}
#mn{
 background: #fff;
 border: 1px solid #666;
 margin: 1em 0 0;
}
#wrapper{
 margin: 0 auto;
 position: relative;
 text-align: left;
 width: 700px;
}
#nv{
 border-top: 1px solid #aaa;
 margin: 0;
 padding: 1em 0 1em 2em;
}
h1{
 background: #7DAED8;
 color: #fff;
 font-size: 120%;
 font-weight: bold;
 margin: 0;
 line-height: 1em;
 padding: 0.5em 0.75em;
}
h2{
font-size:120%;
line-height:1;
}
h2, h3{margin: 1em 0 0}
h2, p, form, .staticMobile h3, .staticMobile address{padding: 0 0.75em}
h3{font-size: 108%}
p, form{margin: 1em 0}

.menu{
 list-style: none;
 margin: 0; padding: 0;
}

a:link{color: #00c}
.menu a{
 background: url('/images/arrow.gif') no-repeat 97% 5px;
 border-top: 1px solid #aaa;
 display: block;
 font-size: 110%;
 height: 1.75em;
 line-height: 1.75em;
 padding-left: 1em;
 text-decoration: none;
}
fieldset .menu li a{
 background: none;
 border-top: none;
 display: inline;
 font-size: 100%;
 line-height: normal;
 padding: 0;
 text-decoration: underline;
}
a:hover, a:focus{
 background-color: #eee;
}
input:focus{background-color: #eee}
a:active{background-color:#9cf}
a img{border-width: 1px}
#ftr a, .hint{font-size: 85%;}
.hint{color: #666; font-style: italic}
form{
 padding-bottom: 1em;
}
form label{
 color: #00b;
 display: block;
 margin-top: 0.1em;
}
form li label {display: inline;  font-weight: normal; margin: 0;}
fieldset legend{font-weight: bold; white-space: normal; color: #000}
fieldset legend .question{max-width: 540px; display: block;}
label:hover, label:focus{cursor:pointer}
fieldset{margin: 0 0 1em}
fieldset .menu li{margin: 0.2em 0}

label.error, span.error, p.error, span.required{color: #c00; font-weight: bold}
input[type=submit]{font-size: 120%; margin-top: 0.1em; padding: 0.1em 0.3em}

.home #mn{border-top: 1px solid #aaa; padding-top: 5px;}
/*PYC Side nav*/
/*#mn, #ftr{
 position: relative;
 left: 125px;
}*/
#nav{
white-space: normal;
background: #7daed8;
border: 1px solid #000;
padding: 2px 8px 10px;
height: auto;
left: -120px;
position: absolute;
top: 0;
width: 200px;
}
#nav, #nav li ul{
 list-style: none;
 margin: 0;
}
#nav li ul{
 border-width: 0 1px 1px 0;
 font-size: 80%;
 padding: 0;
 }

 #nav li span{
 background: #7daed8;
 color: #fff;
 }
#nav li a, #nav li span{
 
 border-right: 1px solid #9cf;
 display: block; 
 padding: 5px 7px; 
 line-height: 15px;
 text-decoration: none; 
}
#nav li ul li{
 border-bottom: none;
}
#nav li ul li a{
 background: #eee;
 border-top: 1px solid #ddd;
 color: #000;
padding: 2px 4px;
}
#nav li a:hover, #nav li a:focus{
 background: #fff;
 color: #000;
}
#nav li{float:none}
#nav li a, #nav li span{border-right: none; padding: 3px 0}
#nav li span{font-weight: bold}
#nav li span:after{content: " Law"}
/*category selection page*/
.chooseIssue .menu{
 overflow: hidden;
 width: 640px;
}
.chooseIssue .menu li{
 float: left; width: 320px;
}
/*location page*/
#locationBar{width: 400px}
.location label{font-weight: bold}
#autoSelectFindButton{text-decoration: none}
.autocomplete { 
    border:1px solid #999; 
    background:#FFF;     
    text-align:left; 
    max-height:350px; 
    overflow:auto;    
}
.autocomplete .selected { background:#9cf; cursor: pointer}
.autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; font-size: 14px}
.autocomplete div:hover {cursor: pointer}
/*case description page*/
#summ, #description{width: 570px}
#summ{margin-bottom: 1em}
/*sign up page*/
form ol{
 list-style: none; margin: 0 0 1em; padding: 0;
}
 form ol li label{display: inline-block; width: 150px}
 form ol li .error{width: auto} 
 form ol li{margin: 0 0 0.3em}
 form ol li input{margin: 0 8px 0 0}
 ol #state{width: 150px}
 #zip{width: 50px}
.staticMobile #mn, .staticMobile #ftr{
 position: static;
}

 .tip{
background: #F9EDBE;
border: 1px solid #B0B0B0;
box-shadow:2px 2px 5px rgba(0, 0, 0, 0.2);
display:none;
padding: .5em 1em;
position: absolute;
width: 40em;
}
