html,body { height:100%; }

body {
  padding: 0;
  margin: 0;
  /*
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0.3, rgb(29,39,47)),color-stop(0.65, rgb(48,55,60))) fixed;
  background: -moz-linear-gradient(center bottom,rgb(29,39,47) 30%,rgb(48,55,60) 65%) fixed;
  */
  /*  font-family:TeXGyreHerosRegular,Helvetica,Arial,sans-serf;*/
  font-family:Verdana,Helvetica,Arial,sans-serf;
  color: #000;
  font-size:100%;
  height: 100%;
}

/*.serif { font-family: Georgia, "Times New Roman", serif; }*/

h1, h2, h3, h4, h5 {
  font-weight: normal;
  margin: 0.35em 0;
}
#content h1, #content h2, #content h3, #content h4, #content h5 {
  color:#00edf0;
}

a {
  text-decoration:none;
  color:#df102b;
}

a:hover {
  text-decoration:underline;
}

h1 a {
  color: inherit;
  text-decoration: none;
}

p,a{
  line-height:2;
}

#content h3 {
  color:#00edf0;
}

#content h2 span {
  font-size: 55%;
}
#sticky-wrapper {
  min-height:100%;
  height:auto !important;
  height:100%;
  margin-bottom:-70px;
  width: 100%;
  background: #FFF url(../img/handmadepaper.png);
}

#container {
  min-height:519px;
   position: relative;
/*  font-family:TeXGyreAdventorRegular;*/
  margin-top:1em;
}

#container h2 {
  font-size:1.65em;
  margin-top:0;
}
#main, #left, .pane-left{
   position: relative;
   float: left;
   left: 0%;
   margin-bottom:2em;
   width: 437px;
}
#sidebar, #right, .pane-right {
   position: relative;
   float: right;
   right: 0%;
   margin-bottom:2em;
   width: 437px;
}
/* logo @ top of the site */
hgroup.lawyerup-logo {
  font-size:150%;
  font-weight: normal;
  font-variant: small-caps;
  position:absolute;
  left:0;
  top:37px;
  line-height:100%;
  background:url(../img/lawyerup_logo.png) top left no-repeat;
}
hgroup.lawyerup-logo {
  height:71px;
  width:340px;
  text-indent:-9999px;
}

hgroup.lawyerup-logo h1, hgroup.lawyerup-logo h6 {
  font-weight: normal;
  outline:none;
}

hgroup.lawyerup-logo h1 {
  margin:0 0 10px;
  letter-spacing:1px;
}
hgroup.lawyerup-logo h6 {
  text-transform:uppercase;
  font-weight:normal;
  font-size:12px;
}

.static {
  width:960px;
  margin:0 auto;
}
#main-header {
  height: 125px;
}
  header, header > div {
    position:relative;
  }
#header-extras {
  position:absolute;
  top:30px;
  right:0;
  text-align: right;
  width: 45%;
  padding-top: 10px;
}

#main-header form.loginform {
  display:none;
  position:absolute;
  background:#df102b;
  right:0;
  top:0;
  z-index:50;
  width:400px;
  padding:.5em;
  border: 1px solid #310000;
  border-top-width:0;
  font-size:.8em;
  -moz-border-radius: 0 0 20px 20px;
  -khtml-border-radius:0 0 20px 20px;
  border-radius: 0 0 20px 20px;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
   -moz-box-shadow: 0px 3px 3px #333; 
-webkit-box-shadow: 0px 3px 3px #333; 
        box-shadow: 0px 3px 3px #333; 
  background-image: -moz-linear-gradient(top, #df102b, #5f0008); 
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #df102b),color-stop(1, #5f0008)); 
  background-image: linear-gradient(top, #df102b, #5f0008);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#df102b', EndColorStr='#5f0008'); 
}


#main-header form.loginform label, #main-header form.loginform input[type=text], #main-header form.loginform input[type=password] {
  float: left;
}
#main-header form.loginform input[type=text], #main-header form.loginform input[type=password] {
  width:220px;
}
#main-header form.loginform label {
  width: 35%;
  padding: 1% 4% 0 0;
  color:#fff;
  font-weight:bold;
  text-transform:uppercase;
  text-shadow:0px 1px 2px #000;
  white-space:nowrap;
}

.pane {
  text-align:center;
  margin:.5em 0 0;
}

#main-header form.loginform div.pane a, #main-header form.loginform div.pane button {
  background:#fff;
  border:1px solid #fff;
  border-top-style:0;
  display: inline-block;
  display:inline;
  color:#000;
  zoom:1;
  font-size:90%;
  font-weight:bold;
  padding: .5em 1em;
  text-decoration:none;
  text-transform:uppercase;
  box-shadow:0 0 0 #fff;
  -moz-box-shadow:0 0 0 #fff;
  -webkit-box-shadow:0 0 0 #fff;
}
#main-header form.loginform a:hover, #main-header form.loginform input[type=submit]:hover {
      color:#812335;
}
#header-extras span.current-user {
  white-space:nowrap;
  height:20px;
}
#header-extras span.current-user a {
  display:inline;
  background:none;
  border:0;
  text-transform:inherit;
  padding:0;
}

  #navbar {
    position:absolute;
    top:85px;
    right:0;
  }
    .contact-phone {
      display:inline-block;
      vertical-align:top;
      font-size: 16px;
      letter-spacing: .08em;
    }

    nav a {
      font-weight: bold;
      font-size:.63em;
      padding: 0.5em 1.0em;
      color:#000;
      background-color: #FFF;
      text-decoration: none;
      text-transform:uppercase;
      border:1px solid #b0b2b5;
     -moz-box-shadow: 0px 0px 4px #b0b2b5; 
  -webkit-box-shadow: 0px 0px 4px #b0b2b5; 
          box-shadow: 0px 0px 4px #b0b2b5; 
          margin-left:-4px;
      
    }
    nav a:hover {
      color:#df102b;
    }
      nav a.active {
    background-color: #b0b2b5;
    background-image: -moz-linear-gradient(left, #b0b2b5, #d8d9da 50%, #b0b2b5 100%); 
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0, #b0b2b5),color-stop(.5, #d8d9da),color-stop(1, #b0b2b5)); 
    background-image: linear-gradient(left, #b0b2b5, #d8d9da 50%, #b0b2b5 100%); 


      }
    #login, #logout {
      font-weight:bold;
      margin-left:1em;
      /*
      border: 1px solid #9a4f44;
      background-color: #df102b;
      background-image: -moz-linear-gradient(top, #fcb963, #f45843 50%, #b7021d 60%,#df102b 100%); 
      background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fcb693),color-stop(.50, #f45843),color-stop(.60, #b7021d),color-stop(1, #df102b)); 
      background-image: linear-gradient(top, #fcb963, #f45843 50%, #b7021d 60%,#df102b 100%); 
      */
    }

  footer {
    width: 100%;
    height:70px;
    font-size: 11px;
    padding: 0.5em 0;
    clear: both;
    background-color: #b0b2b5;
    background-image: -moz-linear-gradient(left, #b0b2b5, #d8d9da 50%, #b0b2b5 100%); 
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0, #b0b2b5),color-stop(.5, #d8d9da),color-stop(1, #b0b2b5)); 
    background-image: linear-gradient(left, #b0b2b5, #d8d9da 50%, #b0b2b5 100%); 
     -moz-box-shadow: 0px -2px 20px #c4c4c4; 
  -webkit-box-shadow: 0px -2px 20px #c4c4c4; 
          box-shadow: 0px -2px 20px #c4c4c4; 
    z-index: 1000;
    margin-top: 50px;
  }

  footer.fixed {
    position: absolute;
    bottom: 0;
  }
    #footer-inner {
      /* padding: 1.5em 0 1.5em; */
      padding: .5em 0 .4em; 
      overflow: hidden;
    }
      #footer-inner nav {
        text-align: right;
      }

      #footer-inner li {
        /* display:table-cell; */
        /* vertical-align:middle; */
        float: left;
        margin: 0 0 5px 0;
        padding-right:1em;
        font-weight:bold;
        /* height:3em; */
        height:2.5em;
        line-height: 2.5;
        list-style: none;
      }

      #footer-inner li + li {
        border-left:1px dashed #000;
        padding-left:1em;
      }

       #footer-inner .service-areas-li {
        border-left:0;
        padding-left:0;
        margin-left: 369px;
        }

    #footer-inner #social-links {
      float:right;
      margin-top: 15px;
    }
    footer .lawyerup-logo {
      font-size: 24px;
      float: left;
      margin: 0 1em 0 0;
      padding: 0 0 0 0.25em 0;
    }

    footer a {
      text-decoration: none;
      font-weight: bold;
    }

/* helper-content */

.helper-content {
  background-color: #EFEFEF;
  border: 1px solid #DDD;
  padding: 0.5em;
}

#content .helper-content h3 {
  background-color: #FFF;
  padding: 0.5em;
  font-variant: small-caps;
}

.helper-content label {
  float: left;
  width: 19%;
  text-align: right;
  padding-right: 1%;
  padding-top: .25em;
}

.helper-content input {
  float: left;
  width: 70%;
}

.helper-content button {
  float: right;
}

.helper-content .helptext {
  margin-left: 20%;
}

#id_identification_field {
  width: 30em;
  font-size: 18px;
}

button.spec-button {
  border:0;
  padding:10px;
  display:block;
  background:#a1d2e9;
  font-weight:bold;
  box-shadow:3px 3px 1px #000;
  -moz-box-shadow:3px 3px 1px #000;
  -webkit-box-shadow:3px 3px 1px #000;
  cursor: pointer;
}
a.action {
  float:right;
  font-size:60%;
  font-family:Helvetica,Arial,sans-serf;
  font-weight:bold;
}

a.action:hover {
  text-decoration:none;
}
/* clean gray button
*******************************************************************************/
button.clean-gray {
  background: #eee;
  background: -moz-linear-gradient(0% 100% 90deg, #bfbfbf, #eee);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#bfbfbf));
  border: 1px solid #ccc;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #333;
  font-family: "lucida grande", sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  padding: 8px 0;
  text-align: center;
  text-shadow: 0 1px 0px #eee;
  width: 15em;
  margin-top: .5em;
}

button.clean-gray:hover {
  background: #dfdfdf;
  background: -moz-linear-gradient(0% 100% 90deg, #aaa, #dfdfdf);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dfdfdf), to(#aaa));
  box-shadow: inset 0 0 5px #e5e5e5;
  -moz-box-shadow: inset 0 0 5px #e5e5e5;
  -webkit-box-shadow: inset 0 0 5px #e5e5e5;
}

button.clean-gray:active {
  background: #bfbfbf;
  background: -moz-linear-gradient(0% 100% 90deg, #eee, #bfbfbf);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bfbfbf), to(#eee));
}

/* clearfix */
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}

#content section.preceding-step {
  margin-top:0;
  padding-top:0;
}
#content section.preceding-step:before {
  color:#3d5261;
  padding:30px 0 0 273px;
  font-size:36px;
  content:"\25bc";
  margin-top:4px;
  line-height:0;
}

.activate {
  padding: 0.5em 1.0em;
  cursor:pointer;
  text-shadow:0px 1px 2px #000;
/*  font-family:TeXGyreHerosRegular,Helvetica,Arial,sans-serf;*/
  font-family: Verdana,Helvetica,Arial,sans-serif;
  font-weight:bold;
  text-decoration:none;
      color:#fff;
      border: 1px solid #9a4f44;
      background-color: #df102b;
      background-image: -moz-linear-gradient(top, #fcb963, #f45843 50%, #b7021d 60%,#df102b 100%); 
      background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fcb693),color-stop(.50, #f45843),color-stop(.60, #b7021d),color-stop(1, #df102b)); 
      background-image: linear-gradient(top, #fcb963, #f45843 50%, #b7021d 60%,#df102b 100%); 
   -moz-box-shadow: 0px 0px 4px #b0b2b5; 
-webkit-box-shadow: 0px 0px 4px #b0b2b5; 
        box-shadow: 0px 0px 4px #b0b2b5; 
}

.activate:hover {
  color:#fff;
  text-decoration:none;
  background-color: #df102b;
  background-image: -moz-linear-gradient(top, #df102b , #b7021d 50%, #f45843 60%,#fcb963 100%); 
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #df102b),color-stop(.50, #b7021d),color-stop(.60, #f45843),color-stop(1, #fcb693)); 
  background-image: linear-gradient(top, #df102b , #b7021d 50%, #f45843 60%,#fcb963 100%); 
}

button.activate:hover {
  color:#fff;
  text-shadow:0px 1px 2px #000;
}

h2.section-title {
      border: 1px solid #858587;
      background-color: #2c2c2c;
      background-image: -moz-linear-gradient(top, #b8babc, #8d8f92 50%, #5a5a5a 60%,#2c2c2c 100%); 
      background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #b8babc),color-stop(.50, #8d8f92),color-stop(.60, #5a5a5a),color-stop(1, #2c2c2c)); 
      background-image: linear-gradient(top, #b8babc, #8d8f92 50%, #5a5a5a 60%,#2c2c2c 100%); 
   -moz-box-shadow: 0px 0px 4px #b0b2b5; 
-webkit-box-shadow: 0px 0px 4px #b0b2b5; 
        box-shadow: 0px 0px 4px #b0b2b5; 
  color:#fff;
  padding:5px 20px;
  font-weight:normal;
  font-size:16px;
/*  -moz-border-radius:20px;
  -khtml-border-radius:20px;
  border-radius:20px;
  -webkit-border-radius:20px;
*/  margin-bottom:18px;
  display:inline-block;
}

.semi-transparent {
  opacity: 0.7;
  filter: alpha(opacity = 70);
  zoom:1;
}

.rounded-all {
  -moz-border-radius:4px;
  -khtml-border-radius:4px;
  border-radius:4px;
  -webkit-border-radius:4px;
}
.rounded-top {
  -moz-border-radius:4px 4px 0 0;
  -khtml-border-radius:4px 4px 0 0;
  border-radius:4px 4px 0 0;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
}
.rounded-right {
  -moz-border-radius:0 4px 4px 0;
  -khtml-border-radius:0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
}
.rounded-bottom {
  -moz-border-radius:0 0 4px 4px;
  -khtml-border-radius:00 4px 4px;
  border-radius:0 0 4px 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
}
.rounded-left {
  -moz-border-radius:4px 0 0 4px;
  -khtml-border-radius:4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
}

#content section.page-title {
  padding:24px 34px;
  background:#121a20;
  color:#b4abab;
}
#content section.page-title h2 {
  color:#8cd0f6;
}

#content section.page-title p {
  font-size:14px;
}

ul.form-fields {
  margin:1em 0;
}
ul.form-fields ul {
  display:block;
  list-style:none;
}
ul.form-fields li {
  display:block;
  clear:both;
  position:relative;
}
ul.form-fields .help-text{
  display:inline;
}
ul.form-fields label {
  width:160px;
  text-align:right;
  margin-right:40px;
  display:inline-block;
  vertical-align:middle;
}

ul.form-fields select {
  margin:10px 0;
}
ul.form-fields input {
  height:32px;
  padding:2px;
  margin:2px 20px 2px 2px;
  width:220px;
  font-size:20px;
  opacity: 0.7;
  filter: alpha(opacity = 90);
  border:0;
  zoom:1;
     -moz-box-shadow: 0px 1px 8px #666;
  -webkit-box-shadow: 0px 1px 8px #666;
          box-shadow: 0px 1px 8px #666;
          
  border: 1px solid #b9b9b9;
}

ul.form-fields li.invalid-input input {
     -moz-box-shadow: 0px 1px 8px #df102b;
  -webkit-box-shadow: 0px 1px 8px #df102b;
          box-shadow: 0px 1px 8px #df102b;
}

ul.error-list {
  font-weight:bold;
  color:#000;
  max-width:271px;
  margin:19px 0 19px 200px;
  background:#ffac36;
  list-style-type:none;
   -moz-box-shadow: 3px 3px 2px #333; 
-webkit-box-shadow: 3px 3px 2px #333; 
        box-shadow: 3px 3px 2px #333; 
}

ul.error-list:before {
  content:'\25B2';
  color:#ffac36;
  font-size:24px;
  position:absolute;
  margin-top:-19px;
  margin-left:29px;
}

ul.error-list li {
  padding:10px;
}

#global-notifications {
  z-index:10000;
  width:100%;
}

html.js #global-notifications {
  position:absolute;
  top:105px;
}

#global-notifications div.ui-notification {
  width:960px;
  margin:0 auto;
}
html.js #global-notifications div.ui-notification {
  display:none;
}

/******************
Fonts
* *****************/
/*
@font-face {
    font-family: 'TeXGyreHerosRegular';
    src: url('fonts/texgyreheros-regular-webfont.eot?') format('eot'),
         url('fonts/texgyreheros-regular-webfont.woff') format('woff'),
         url('fonts/texgyreheros-regular-webfont.ttf') format('truetype'),
         url('fonts/texgyreheros-regular-webfont.svg#webfontRF48skZW') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreHerosItalic';
    src: url('fonts/texgyreheros-italic-webfont.eot?') format('eot'),
         url('fonts/texgyreheros-italic-webfont.woff') format('woff'),
         url('fonts/texgyreheros-italic-webfont.ttf') format('truetype'),
         url('fonts/texgyreheros-italic-webfont.svg#webfontBUHtaaUF') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreHerosBold';
    src: url('fonts/texgyreheros-bold-webfont.eot?') format('eot'),
         url('fonts/texgyreheros-bold-webfont.woff') format('woff'),
         url('fonts/texgyreheros-bold-webfont.ttf') format('truetype'),
         url('fonts/texgyreheros-bold-webfont.svg#webfont9SLfWIVF') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreHerosBoldItalic';
    src: url('fonts/texgyreheros-bolditalic-webfont.eot?') format('eot'),
         url('fonts/texgyreheros-bolditalic-webfont.woff') format('woff'),
         url('fonts/texgyreheros-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/texgyreheros-bolditalic-webfont.svg#webfontkUV7QdDm') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreHerosCnRegular';
    src: url('fonts/texgyreheroscn-regular-webfont.eot?') format('eot'),
         url('fonts/texgyreheroscn-regular-webfont.woff') format('woff'),
         url('fonts/texgyreheroscn-regular-webfont.ttf') format('truetype'),
         url('fonts/texgyreheroscn-regular-webfont.svg#webfontECzDJxbU') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreHerosCnItalic';
    src: url('fonts/texgyreheroscn-italic-webfont.eot?') format('eot'),
         url('fonts/texgyreheroscn-italic-webfont.woff') format('woff'),
         url('fonts/texgyreheroscn-italic-webfont.ttf') format('truetype'),
         url('fonts/texgyreheroscn-italic-webfont.svg#webfontAbkOpG9e') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreHerosCnBold';
    src: url('fonts/texgyreheroscn-bold-webfont.eot?') format('eot'),
         url('fonts/texgyreheroscn-bold-webfont.woff') format('woff'),
         url('fonts/texgyreheroscn-bold-webfont.ttf') format('truetype'),
         url('fonts/texgyreheroscn-bold-webfont.svg#webfontbHH888wj') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreHerosCnBoldItalic';
    src: url('fonts/texgyreheroscn-bolditalic-webfont.eot?') format('eot'),
         url('fonts/texgyreheroscn-bolditalic-webfont.woff') format('woff'),
         url('fonts/texgyreheroscn-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/texgyreheroscn-bolditalic-webfont.svg#webfonti0yRmHua') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'TeXGyreAdventorRegular';
    src: url('fonts/texgyreadventor-regular-webfont.eot?') format('eot'),
         url('fonts/texgyreadventor-regular-webfont.woff') format('woff'),
         url('fonts/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('fonts/texgyreadventor-regular-webfont.svg#webfontfuvdSzbb') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreAdventorItalic';
    src: url('fonts/texgyreadventor-italic-webfont.eot?') format('eot'),
         url('fonts/texgyreadventor-italic-webfont.woff') format('woff'),
         url('fonts/texgyreadventor-italic-webfont.ttf') format('truetype'),
         url('fonts/texgyreadventor-italic-webfont.svg#webfontSu1z7EGN') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreAdventorBold';
    src: url('fonts/texgyreadventor-bold-webfont.eot?') format('eot'),
         url('fonts/texgyreadventor-bold-webfont.woff') format('woff'),
         url('fonts/texgyreadventor-bold-webfont.ttf') format('truetype'),
         url('fonts/texgyreadventor-bold-webfont.svg#webfontXBQs7V8x') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreAdventorBoldItalic';
    src: url('fonts/texgyreadventor-bolditalic-webfont.eot?') format('eot'),
         url('fonts/texgyreadventor-bolditalic-webfont.woff') format('woff'),
         url('fonts/texgyreadventor-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/texgyreadventor-bolditalic-webfont.svg#webfont8cyYtZ3S') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

/* FOR IE7 */
*+html #footer-inner p { display: inline; }

.span-list {
display: list-item;
margin-left: 2em; 
}