@charset "utf-8";
/*
*file: mobile.css
*Website: http://http://www.mobile.tuscaloosaduiattorneys.com/
*Author: Lloyd Solares
*URL: http://wwww.liquidwebfactory.com
*Copyright (c) 2011  All right reserved.
*/

* {padding:0p; margin:0px; border:none; outline:none}

/**********************/
/*       HTML         */ 
/**********************/

body {background:#821111; max-width:480px; font-size:12px; color:white; min-height:480px; font-family:Arial, Helvetica, 'Tahoma', sans-serif}
h1 {font-size:120%; color:white; text-align:left; font-weight:700;}
h2 {text-align:center; font-size:180%; color:#feba36; font-weight:500; clear:both}
h3 {text-align:left; font-size:130%; color:#feba36; font-weight:normal; padding:6px 0 0 6px; clear:both}
p {padding:6px}
#case ol, #case ul, #case p {font-size:110%; padding-right:10px;}
#case ol li a {color:white; text-decoration:underline}
#case ol li a:visited {text-decoration:line-through}

/**********************/
/*       MAIN         */ 
/**********************/

#top {display:block; max-width:480px; height:71px; background:url(../images/top-bg.jpg) top left repeat-x}
#content {display:block; max-width:480px; clear:both; background:url(../images/bg.jpg) 0 0 repeat-x; padding-bottom:20px}
#bottom {clear:both; display:block; text-align:center; height:41px; padding-top:8px; background:url(../images/foot-bg.jpg) top repeat-x}
#top #logo {float:left; display:block; width:110px; height:54px; padding:15px 0 0 4px}
#top #name {float:left; width:auto; display:block; height:60px; padding-top:9px}
#top #home-button {float:right; width:auto; display:block; height:50px; padding-top:19px; margin-right:15px}
#content #message {padding:22px 0 24px 0; line-height:2.0em}
#content #case, #inner #case {margin:0px auto; display:block; max-width:474px; padding-left:6px}
#inner {background:#131214 url(../images/bg2.jpg) top left repeat-x; max-width:480px; padding-bottom:20px; min-height:330px}
#disclaimer {display:block; clear:both; margin:0px auto; max-width:480px;}
.disclaimer {text-align:justify; font-size:10px; color:#d48383;}
.disclaimer b {font-size:11px; font-weight:700}

/**********************/
/*     NAVIGATIONS    */ 
/**********************/

#content .navi {display:block; padding-right:15px; height:50px; background:url(../images/nav-bg.png) repeat-x; margin-bottom:1px}
#content .navi a {color:white; display:block; height:50px; text-align:left; text-decoration:none; font-weight:500; font-size:145%; padding-left:15px; line-height:2.75em; background:url(../images/arrow.png) right no-repeat;}
#content .navi a:hover {text-decoration:underline;}
#icons {display:block; margin:0px auto; width:280px; height:auto; padding:10px 0 10px 0;}
.icon {float:left; display:block; min-width:70px; max-width:25%; text-align:center}
.icon a {text-decoration:none; font:normal 11px 'Tahoma'; color:#CCCCCC; padding:2px 0; line-height:normal}
.icon img {display:block; margin:0px auto; border:0; width:49px; height:49px; padding:0}
.answers {display:block; max-height:350px; padding:6px; overflow:scroll}
#bottom .crumbs a {text-align:center; font:bold 80% 'Verdana'; color:#f7d6a2; text-decoration:underline; padding:0 12px 0 12px}
#bottom .credits {text-align:center; font:bold 80% 'Verdana'; color:#f7d6a2; text-decoration:none; padding:6px 0 0 0}
#bottom .credits a {color:#d48383; text-decoration:none}

/**********************/
/*       FORMS        */ 
/**********************/

input {background:#fee4e4; height:20px;}
form {border:1px #d48383 groove; display:block; margin:0px auto; max-width:280px; padding:10px 0}
legend {padding-bottom:10px}
form .row {display:block; margin:0px auto; max-width:280px; padding-bottom:10px}
form .row label {display:block; float:left;}
form .row label {text-align:right; width:110px; color:#fee4e4}
button {border-radius:4px; padding:3px 2px; text-align:center; cursor:pointer; margin:0px auto; display:block; background:#d48383; color:white}

/**********************/
/*       TABLES       */ 
/**********************/

/**********************/
/*    ADD'L STYLES    */ 
/**********************/

.Cname {color:white; font-family:"Times New Roman", Times, serif; font-size:130%; text-transform:uppercase}
.number {text-align:center; font-weight:700; font-size:130%}
.reglink a {color:#f9deb8; padding-right:8px; float:right!important}
.red {color:red; text-align:center!important}
#case ol li.questions a{color:#f4e9da!important}