/* see http://building-iphone-apps.labs.oreilly.com/ch02.html */

body {
    background-color: #fff; /* Background color */
    color: #222;            /* Foreground color used for text */
    font-family: Helvetica, sans-serif; 
    font-size: 14px;
    margin: 0;              /* Amount of negative space around the outside of the body */
    padding: 0;             /* Amount of negative space around the inside of the body */
    cursor:default;
}
#header h1 {
    margin: 0;
    padding: 0;
}

#header h1 a {
    background-color: #ccc;
    border-bottom: 1px solid #666;
    color: #222;
    display: block;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    text-shadow: 0px 1px 0px #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999));
}

#content, #sidebar {
    padding: 10px;
}

#content form {
    font-size:120%;
    }

#steps  {
    margin: 10px;
    padding: 0;
}

#steps td {
    background-color: #FFFFFF;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    color: #222222;
    /*display: block; */
    font-size: 17px;
    font-weight: bold;
    margin-bottom: -1px;
    padding: 12px 10px;
    text-decoration: none;
}
#steps td.leftborder {
    border-left: 1px solid #999999;
}
#steps td.rightborder {
    border-left: 1px solid #999999;
}

#steps td.text {
    width:76%;
}
#steps td.controls {
    width:20%;
}

* {
text-decoration:none;
margin:0;
padding:0;
}

h1 {
color:#c00;
background-color:#FFF;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-weight:300;
}

h2 {
color:gray;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-weight:300;
background-color:#FFF;
}

h3 {
color:#c00;
text-align:left;
font-weight:300;
margin-top:5px;
padding:5px;
}

#disclaimers {
margin-top:1em;
border-top:1px solid silver;
}

#disclaimers table * {
vertical-align:top;
}

#main {
margin:0;
}

p {
color:#000;
background-color:#FFF;
line-height:20px;
padding:5px;
}

a {
color:#c00;
background-color:#FFF;
text-decoration:none;
}

a:hover {
color:#c00;
background-color:#FFF;
text-decoration:underline;
border:none;
}

#footer {
clear:both;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.right {
color:gray;
background-color:#FFF;
float:right;
margin-top:5px;
}

.left {
color:gray;
background-color:#FFF;
float:left;
margin-top:5px;
}

form.question {
margin-top:1em;
}

form.question label {
display:block;
margin-bottom:3px;
}

form.question label.checkboxlabel {
display:inline;
margin-bottom:3px;
}

table#summary {
border-spacing:0;
border-collapse:collapse;
}

table#summary td#months {
background-color:#C00;
vertical-align:top;
color:#FFF;
padding:3px;
font-size:180%;
}

table#summary td#months h5 {
}

table#summary td.other {
vertical-align:top;
border-top:1px solid #555;
border-right:1px solid #555;
color:#333;
margin:0;
padding:8px;
font-size:120%;
}

table#summary td.last {
border-right:0;
}

table#summary td h6 {
}

table#summary td.other h5 {
font-weight:400;
}

table.reportSummary {
}

table.reportSummary caption {
text-align:left;
padding-top:25px;
color:#777;
}

table.reportSummary caption a {
color:#777;
}

col.c1 {
min-width:25%;
width:20%;
border-right:1px solid black;
}

col.c2 {
width:65%;
}

col.c3 {
width:10%;
text-align:right;
}

table.reportSummary td {
vertical-align:top;
padding-bottom:5px;
border-bottom:1px solid #edd;
}

select.codepick,select.codepick * {
}

p.errormessage {
color:red;
font-weight:700;
}

fieldset ul {
list-style-type:none;
}

fieldset.group {
padding:1em;
}

fieldset.group legend {
font-weight:700;
}

div.groupQuestionLabel ol li {
margin-left:4em;
list-style-type:lower-latin;
}

div#alcatraz p {
font-style:italic;
}

div#alcatraz img {
margin-top:2em;
height:181px;
}

#dynamicindent {
padding-left:1em;
}

#updates {
margin-top:2cm;
border-top:1px solid silver;
}
#updates h3 {
color:#555;
}

/* dropless navigation */
#stepsdisplay {
background-color:#ccc;
border-collapse:collapse;
border:5px solid #ccc;
margin-top:2em;
}

#stepsdisplay > tbody > tr > td {
padding:15px;
}

#stepslabel {
font-weight:700;
vertical-align:top;
padding:20px;
}


tr.picked td{
background-color:#eee;
}

.steparrow {
visibility:hidden;
padding-right:4px;
margin-left:10px;
}

.picked img.steparrow {
visibility:visible;
}

#steps {
border-collapse:collapse;
}

#steps tr td.c2 {
height:30px;
vertical-align:middle;
padding:0;
}

.u {
text-decoration:underline;
}

.invisible {
visibility:hidden;
}

a.ussglink {
border-bottom:1px dotted #faa;
}

a.uscodelink {
border-bottom:1px dotted #ccc;
}

#addcount img,.padleft {
padding-left:1em;
}