/* CSS RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,
input,textarea,p,blockquote,th,td{ margin:0; padding:0; }

body { 
    font-family: "Lucida Grande",Helvetica,Verdana,Arial;
    font-size:10pt;
    font-weight: normal;
    text-align: center;
    color: #222;
    margin: 0px; 
    padding:0px;
    width: 100%;
    height: 100%;
    background: url(../img/rsp_bg.png) black repeat-x;
}

/* HEADER */

#header {
    white-space: no-wrap;
    position: relative;
    padding-top: 4px;
    height: 64px;
    z-index: 35;
}

#header h1 {
    font-family:Georgia, "New York CE", utopia, serif, verdana, arial; 
    font-size: 44pt !important;
    font-weight:normal;
    letter-spacing: 1px;
    margin:5px 0 0 0;
    padding:0px; 
    color: #000000;
    z-index: 40;
}

/* Used for the "Red State Poly" illusion */
.red {
    color: #9a3c33;
}

/* Used for the "next/previous" buttons */
a, a:visited, a:hover {
    color: blue;
}

/* THE FOOTER */

#footer {
    position: relative;
    width: 100%;
    background: black;
    border-top: 2px solid #9a3c33;
}

#badges {
    font-family:Georgia, "New York CE", utopia, serif, verdana, arial; 
    color: #ccc;
    margin: 0 auto;
}

#badges h2 {
    margin: 16px 0 16px 0;
    font-size: 128%;
}

#badges img {
    border: 1px solid #ccc;
    margin: 0 8px 16px 8px;
}

/* VIEWPORTS */

#viewport {
    background-color: white;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    z-index: 30;
}

/* THE SLIDER */

#viewlist {     
    position: relative;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    z-index: 30;
}

.viewitem {
    visibility: hidden;
    position: relative;
    float: left;
    display: inline;
    z-index: 30;
}

.panel {
    position: relative;
    overflow: hidden;
    z-index: 30;
}

/* Panel interior.  Panels are handled in javascript */
.paneli {
    position: relative;
    margin: 24px auto 24px auto;
    width: 640px;
    text-align: left;
    font-size: 9pt;
    line-height: 1.2;
    z-index: 30;
}

/* CONTENT */

#description {
    float: left;
    border: 1px solid #333;
    -moz-border-radius-bottomleft:7px;
    -moz-border-radius-bottomright:7px;
    -moz-border-radius-topleft:7px;
    -moz-border-radius-topright:7px;
    padding: 8px;
    width: 288px;
    margin-left: 8px;
    margin-bottom: 16px;
}

p {
    margin-bottom: 8px;
}

/* PAGE ONE, RIGHT */

/* Used only for "The women in your life" marker */
h3 {
    margin: 0.4em 0 0.4em 0;
}


#women {
    line-height: 1.2;
    width: 288px;
    margin-left: 16px;
    float: left;
}


.hername {
    font-size: 160%;
}

#inputblock {
    display: block;
    margin-top: 40px;
}




input { 
    font-size: 10px; 
    padding: 3px; 
    margin-bottom: 0px; 
    line-height: 20px; 
    border: 1px solid #735e37; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
}

fieldset {
    border: 0;
    text-align: left;
}

fieldset#inputblock {
    margin-top: 24px;
}

fieldset#inputblock label {
    width: 160px;
}

fieldset ul {
    height: auto !important;
}

fieldset ul li {
    display: block;
}

fieldset label {
    display: inline-block;
    width: 96px;
    vertical-align: top;
    line-height: 1.8;
    font-size: 12px;
}

fieldset input {
    width: 125px;
    margin-bottom: 3px;
}

form .button{
    clear: none;
    float: left;
    margin-left: 35px;
}


#l_gonext_div {
    width: 100%;
    text-align: right;
}

#l_gonext {
    color: lightgrey;
    text-decoration: none;
}

.tdl {
    padding-right: 2.0em;
}

.wdel {
    visibility: hidden;
}

.wedit {
    visibility: hidden;
}

.womandate {
    border: 0;
    width: 7em;
    padding: 1px;
    font-size: 103%;
    text-decoration: underline;
}

/* PAGE TWO */

ul#onemoredetail {     
    list-style-image:none;
    list-style-position: outside;
    list-style-type: disc;
}    

ul#onemoredetail li {
    float: none;
    display: block;
}    

#results {
    position: relative;
    margin-top: 60px;
    width: 640px;
    height: 180px;
    text-align: center;
}

#results h1 {
    display: inline;
    margin: 0 auto;
    width: auto;
}


/* FIX for JQUERY */
/* The stack arrangement of header and slider was twonking the
   datepicker, so this adjusts it to make sure it's on top of
   everything else. */

.ui-datepicker {
    z-index: 90;
}