/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
html {font-size:100.01%;}
body {font-size:75%;color:#555;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:2em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.6em;margin-bottom:0.75em;}
h3 {font-size:1.4em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.clear {clear:both;}

/* selective from blueprint forms */
input[type=text], input[type=password],
input.text, input.title,
textarea, select {
    margin:0.5em 0;
}
input.text,
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }

body{
    background: url("/images/top_ray_gradient.jpg") no-repeat scroll top center #0054A6;
}


#primary_menu{
    list-style: none outside none;
    margin: 10px auto;
    text-align: center;
    text-transform: lowercase;
    width: 600px;
}
#primary_menu li{
    display: inline;
    padding: 0 10px;
}
#primary_menu li a{
    color: #fff;
    text-decoration: none;
}
#wrapper{
    background: #fff;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin: 150px auto 0;
    min-height: 500px;
    height: auto !important;
    height: 500px;
    padding: 30px 30px 100px;
    position: relative;
    width: 800px;
}
.page_title{
    clear: both;
    color: #0054A6;
    font-family: Trebuchet,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;
    font-size: 5em;
    font-weight: bold;
    position: relative;
    text-align: center;
    top: 25px;
    z-index: 10;
}
.big_note{
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 0px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 20px;

    -webkit-box-shadow: 3px 3px 9px #dddddd;
    -moz-box-shadow: 3px 3px 9px #dddddd;
    box-shadow: 3px 3px 9px #dddddd;

    background: none repeat scroll 0 0 #F0F7FF;
    border: 1px solid #BABFC7;
    color: #666666;
    font-family: georgia, serif;
    font-size: 2em;
    margin: 0 auto;
    padding: 20px;
    width: 600px;
}
.buttons{
    clear: both;
}
/* front page */
body.front #wrapper{
    padding: 50px;
    width: 600px;
}
body.front h1{
    color: #0054A6;
    font-family: Trebuchet,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;
    font-size: 3em;
    text-align: center;
}
body.front h2{
    color: #777;
    font-family: Georgia,Times,Times New Roman,serif;
    text-align: center;
}
body.front h3{
    color: #003d8a;
    font-family: Georgia,Times,Times New Roman,serif;
    text-align: center;
}
#survey_choices{
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    margin: 30px 10px;
    padding: 20px;
}
#survey_choices #choices_header {
    color: #777777;
    font-family: Georgia,Times,Times New Roman,serif;
    font-size: 1.5em;
    font-style: italic;
    text-align: center;
}
#choice_icons .choice{
    float: left;
    width: 50%
}
#choice_icons .choice img{
    display: block;
    margin: 10px auto;
}
#choice_icons .choice a.choice_link_text{
    color: #999999;
    display: block;
    font-size: 1.8em;
    margin-bottom: 10px;
    text-align: center;
    text-decoration: none;
}
#choice_icons .choice_description{
    color: #777;
    display: block;
    font-style: italic;
    margin: 0 auto;
    text-align: center;
    width: 200px;
}
#how_it_works{
    padding: 0 50px;
}
#how_it_works p{
    color: #666666;
    font-family: Georgia,Times,Times New Roman,serif;
    font-size: 1.2em;
    line-height: 1.8em;
}
#follow_twitter{
    color: #666;
    font-style: italic;
    text-align: center;
}
#share_home{
    text-align: center;
}
.view_fantasies_list{
    float: left;
    margin-top: 20px;
    text-align: center;
    width: 100%;
}
.view_fantasies_list a{
    text-decoration: none;
}
/* info collection */
div.form .user_info {
    display: block;
    float: left;
    margin: 20px;
    width: 350px;
}
#stored-session-create-form{
    margin: 0 auto;
    width: 825px;
}
#stored-session-create-form p.note{
    color: #999;
    text-align: center;
}
.storedSessionCreate legend{
    color: #0054A6;
    font-family: trebuchet MS;
    font-size: 1.5em;
    font-weight: bold;
    padding: 0 5px;
}
.storedSessionCreate .form_submit{
    float: none;
    margin: 0 auto;
}
.storedSessionCreate fieldset{
    background: #E6F2FF;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
}
.pooh{
    display: none;
}
.gender_buttons{
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 3px solid #CCCCCC;
    height: 91px;
    margin: 0 auto;
    text-align: center;
    width: 103px;
}
.gender_button{
    cursor: pointer;
    float: left;
    padding: 5px 0;
    width: 50px;
}
.male_gender_button{
    border-right: 3px solid #CCCCCC;
}
.female_gender_button{

}
.gender_buttons .highlight_icon{
    background-color: #FFC673;
}
/* questionnaire and part of results table*/
.question_group_section{
    display: none;
}
#intro_to_questionnaire{
    display: block;
}
.questionNaire .page_title{
    margin-bottom: 20px;
}
.question_group_counter{
    color: #999999;
    font-style: italic;
    font-family: georgia, serif;
    margin-bottom: 20px;
    text-align: center;
}
table.questionnaire tr.highlight_row, table.results_table tr.highlight_row{
    background-color: #C1FFE9;
}
.question_group_picture{
    left: 335px;
    position: absolute;
    top: -100px;
}
.questionnaire{
    color: #003d8a;
    float: right;
    font-size: 1.2em;
}
.questionnaire th{
    padding: 5px;
    border-bottom: 2px solid #fff;
    text-align: center;
}
.results_table {
    font-size: 1.2em;
}
.questionnaire td, .results_table td, #general_site_stats_table td{
    padding: 15px;
}
.questionnaire tr.odd, .results_table tr.odd, #general_site_stats_table tr.odd{
    background-color: #b3d9ff;
}
.questionnaire tr.even, .results_table tr.even, #general_site_stats_table tr.even{
    background-color: #f0f7ff;
}
#i_want_to{
    float: left;

}
td.question_cell{
    border-bottom: 2px solid white;
    border-right: 2px solid white;
    width: 40%;
}
td.response_cell{
    border-bottom: 2px solid white;
}
.questionnaire td.response_cell{
    padding: 5px;
}
.questionnaire td.response_cell div.selected_response{
    background-color: #0054A6;
    color: #fff;
    font-style: normal;
    font-weight: bold;
}
.response_buttons{
    margin: 0px auto;
    width: 365px;
}
td.response_cell .response_button{
    background: none repeat scroll 0 0 #E6F2FF;
    border-bottom:1px solid #99BDE3;
    border-right: 1px solid #99BDE3;
    border-top: 1px solid #99BDE3;
    color: #0054A6;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-style: italic;
    height: 30px;
    padding: 5px;
    text-align: center;
    width: 80px;


}
td.response_cell .n_response{
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 20px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;

    border-right: 1px solid #99BDE3;
    border-left: 1px solid #99BDE3;
}
td.response_cell .y_response{
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 0px;
}
td.response_cell .d_response, td.response_cell .m_response {
    font-size: 12px;
    line-height: 14px;
}
td.list_question{
    width: 50%;
}

#continue_button{
    clear: both;
}
.direction_button,.form_submit{
    cursor: pointer;
    display:none;/*enabled by javascript*/
    float: right;
    margin: 10px 0 10px 20px;
    text-align: center;
    width: 150px;

}
#continue, .form_submit{
    background: #0054A6;
    color: #FFFFFF;
    font-size: 2em;
    height: 3em;
    line-height: 3em;

    text-shadow: 1px 1px 1px #001558;
    filter: dropshadow(color=#001558, offx=1, offy=1);

    -moz-border-radius-topleft: 30px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 30px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 30px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 0px;
}
#continue:hover, .form_submit:hover{
    background: #003d8c;
}
#go_back{
    background: #B3D9FF;
    color: #0054A6;
    font-size: 1.5em;
    float: left;
    height: 2.5em;
    line-height: 2.5em;

    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 30px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 30px;
    border-top-left-radius: 0px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 30px;
}
/* Results Page */
#results_info{
    margin-bottom: 30px;
}
.question_group_result{
    border-bottom: 1px solid #CCC;
    margin-bottom: 20px;
}
.results_table{
    color: #0054A6;
    margin-bottom: 50px;
}
tr.positive_finding td{
    color: #92278F;
    font-weight: bold;
}
tr.willing_finding td{
    font-weight: bold;
}
td.checkbox_col, th.checkbox_col{
    display: none;
}
.results_table th{
    background: none;
    color: #555;
}
.results_table td{
    border: 1px solid #fff;
}
.topic_header{
    clear: both;
}
h3.topic_title{
    color: #0054A6;
    font-family: Trebuchet,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;
    font-size: 2em;
    text-align: center;
}
.topic_picture{
    display: block;
    margin: 0 auto;
}
.results_table td.question{
    width: 40%;
}
.results_table td.response_column{
    text-align: center;
    width: 30%;
}
.results_table th{
    text-align: center;
}
table.recommended_products{
    border-spacing: 10px;
}
.rec_products{
    color: #777;
    font-size: 1em;
    font-style: italic;
    text-align: center;
}
p.rec_note{
    color: #777777;
    font-style: italic;
    text-align: center;
}
td.merch_item{
    background-color: #F0F7FF;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #E7EBF4;
    color: #0054A6;
    padding: 10px;
    text-align: center;
    width: 30%;
}
.merch_item h5{
    font-family: Trebuchet,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;
    font-size: 1.2em;
    margin-bottom: 10px;
    padding: 10px 10px 0;
}
.merch_item h5 a{
    color: #0054A6;
    text-decoration: none;
}
.merch_item .merchandise_description{
    font-style: italic;
    padding: 0 10px 10px;
}
.merch_item .merch_picture{
    margin-bottom: 10px;
}
.merch_item .merch_picture img:first-child{
    border: 3px solid #CCC;
    max-width: 120px;
    max-height: 120px;
}
#results_end_paragraph{
    color: #666;
    font-family: georgia;
    font-size: 2em;
    margin: 0px auto;
    width: 500px;
}
#support_site_buttons .form_submit, .donate_buttons .form_submit{
    background-color: #92278f;
    font-size: 1.5em;
}
#support_site_buttons .form_submit:hover,  .donate_buttons .form_submit:hover{
    background-color: #760075;
}
.form_submit a {
    color: white;
    text-decoration: none;
}
#paypal_donate input[type="image"]{
    display: block;
    margin: 1em auto 0px;
}
/*donations page*/
.donate_buttons .form_submit{
    float: none;
    margin: 20px auto;
    padding: 0.5em;
}
/* merch create page */
.questions_row{
    -moz-column-count: 2;
    -moz-column-gap: 30px;
    -webkit-column-count: 2;
    -webkit-column-gap: 30px;
    column-count: 2;
    column-gap: 30px;
}

/* stats */
#intro_to_stats{
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: none repeat scroll 0 0 beige;
    border: 1px solid #E1E1C8;
    font-family: georgia,serif;
    font-size: 1.5em;
    margin: 30px auto;
    padding: 20px;
    width: 600px;
}
#stats_qg_selection{
    font-size: 1.2em;
    position: relative;
    text-align: center;
}
#qg_list{
    list-style: none;
    text-align: left;
}
#qg_list li{
    border-bottom: 1px solid #EEEEEE;
    list-style: none outside none;
    padding: 10px;
}
#qg_list .qg_sub_list{
    display: none;
    left: 220px;
    position: absolute;
    top: 30px;
    width: 400px;
}
#qg_list .qg_sub_list li{
    background: none repeat scroll 0 0 beige;
    border: 1px solid #E1E1C8;
    padding: 10px;
}
#general_site_stats_table{
    color: #003d8a;
    font-family: georgia, serif;
    font-size: 1.2em;
    margin: 0 auto;
    width: 600px;
}
.top_list_box{
    float: left;
    margin: 20px 0;
    padding: 10px;
    width: 380px;
}
.top_list_box h3{
    color: #0054A6;
    text-align: center;
}
.top_list_box p.note{
    margin: 10px auto;
    text-align: center;
    width: 75%;
}
.top_list_section{

}
ol.top_list{
    color: #003D8A;
    font-family: georgia,serif;
    font-size: 1.2em;
}
ol.top_list li{
    background-color: #F0F7FF;
    padding: 7px;
}
ol.top_list li:nth-child(2n+1){
    background-color: #B3D9FF;
}
.info_label{
    border-right: 1px solid #fff;
}
.question_jump{
    font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 0.7em;
}
.question_jump a {
    color: #0000ff;
}
.question_item{
    color: #777777;
    font-family: georgia, serif;
    font-size: 1.5em;
    margin: 10px 0;
}
.question_stat_box{
    background-color: #ffffe7;
    border-bottom: 3px solid #CCCCCC;
    border-top: 3px solid #CCCCCC;
    clear: both;
    float: left;
    margin-bottom: 30px;
    min-height: 200px;
    height: auto !important;
    height: 200px;
    padding: 10px 0;
    position: relative;
    text-align: center;
    width: 100%;
}
.question_box{
    float: left;
    padding: 0 5px;
    width: 190px;
}
.question_info{
    color: #777777;
    font-style: italic;
    margin-top: 10px;
}
.individual_box{
    float: left;
    padding: 0 5px;
    width: 190px;
}
.couple_box{
    float: right;
    padding: 0 5px;
    width: 190px;
}
.ttl_asked_item{
    font-size: 0.8em;
}
.positive_response_sub_item{
    border-bottom: 1px solid #CCCCCC;
    clear: both;
    float: left;
    padding-bottom: 5px;
}
.positive_response_sub_item .sub_stat{
    border-right: 1px solid #ddd;
    float: left;
    font-size: 0.9em;
    min-height: 50px;
    height: auto !important;
    height: 50px;
    padding: 5px;
    width: 50px;
}
.positive_response_sub_item .sub_stat:last-child{
    border-right: none;
}
.sub_stat .amount{
    color: #3585d3;
    font-size: 1.5em;
}
.negative_response_stat{
    clear: both;
    float: left;
    padding-top: 5px;
    width: 100%;
}
.negative_response_stat .amount{
    color: #444;
}
.major_stat .amount{
    font-size: 2em;
}
.label{
    color: #777777;
    display: block;
    font-size: 0.9em;
}
.amount{
    color: #0054A6;
    display: block;
    font-family: georgia, serif;
    font-size: 1.2em;
    font-weight: bold;
}
.individual_box_label{
    color: #777777;
    font-family: trebuchet MS, georgia, serif;
    font-size: 1.2em;
    margin-bottom: 10px;
}
.couple_box .couple_stat{
    border-bottom: 1px solid #DDDDDD;
    padding: 5px 0;
}
.question_stat_box .couple_box .first{
    padding-top: 0;
    text-align: center;
}
.couple_box .couple_stat:last-child{
    border-bottom: none;
}
.couple_box .positive_response_stat{
    text-align: left;
}
.couple_box .negative_response_stat{
    text-align: right;
}
#statistics_intro{
    -moz-border-radius: 20px 20px 20px 20px;
    border-radius: 20px;
    background-color: #0054A6;
    clear: both;
    font-family: georgia, serif;
    font-size: 1.5em;
    margin: 30px 20px 20px;
    padding: 10px;
    text-align: center;
}
#statistics_intro a{
    color: #FFFFFF;
    text-decoration: none;
}
#statistics_intro span.new{
    color: gold;
    font-style: italic;
    text-transform: uppercase;
}
/*floating adbar*/
#right_skyscraper{
    background-color: #002872;
    border: 5px solid #002872;
    color: #fff;
    min-height: 600px;
    height: auto !important;
    height: 600px;
    position: absolute;
    right: -165px;
    text-align: center;
    width: 160px;
}
#right_skyscraper a{
    color: gold;
    display: block;
    font-weight: bold;
    margin-bottom:10px;
}

/*something is wrong and two buttons are showing - hack until figure out*/
#continue_button #continue:last-child{
    display: none;
}