@charset "utf-8";
/* CSS Document */





#page_1 a, #page_2 a, #page_3 a, #page_4 a {
    text-decoration: none;
}
#page_1 {
    background-image: url("/oilspill/20130217111726oe_/http://www.flu.gov/images/sys_images/voc_page1.png");
    background-repeat: no-repeat;
    height: 200px;
    margin-top: 0;
}
#page_2 {
    background-image: url("/oilspill/20130217111726oe_/http://www.flu.gov/images/sys_images/voc_page2d.png");
    background-repeat: no-repeat;
    height: 200px;
    margin-left: 0;
    margin-top: 0;
    padding-top: 1px;
}
#page_3 {
    background-image: url("/oilspill/20130217111726oe_/http://www.flu.gov/images/sys_images/voc_page2d.png");
    background-repeat: no-repeat;
    height: 200px;
    margin-left: 0;
    margin-top: 0;
}
#page_4 {
    background-image: url("/oilspill/20130217111726oe_/http://www.flu.gov/images/sys_images/voc_page2d.png");
    background-repeat: no-repeat;
    height: 200px;
    margin-left: 0;
    margin-top: 0;
}
#thank_you_text {
    background-image: url("/oilspill/20130217111726oe_/http://www.flu.gov/images/sys_images/voc_page2d.png");
    background-repeat: no-repeat;
    color: #555555;
    font-size: 0.85em;
    font-weight: normal;
    height: 160px;
    padding-left: 48px;
    padding-right: 40px;
    padding-top: 50px;
}

#thank_you_text br {
    line-height: 25px;
}
#thank_you_icons img {
    padding-right: 20px;
}
#thank_you_text span#important_to_us {
    font-weight: bold;
}
#thank_you_icons {
    height: 25px;
    margin: -110px 0 0;
    padding: 0 0 0 44px;
}
#page_1 span.vocradio {
    color: #003E7A;
    font-weight: bold;
}
#page_1 span.vocquestionnumber, #page_2 span.vocquestionnumber, #page_3 span.vocquestionnumber, #page_4 span.vocquestionnumber {
    /*border: 1px solid black;*/
   
   color: transparent;
    display:none\0/;
   *display:none; 

   
}
#page_1 div.vocquestiontext {
    /*border: 1px solid black;*/

    color: transparent;
    display:none\0/;
     *display:none;

}
#page_2 div.vocquestiontext {
    color: #555555;
    font-size: 12px;
    font-weight: bold;
    margin-left: -5px;
    position: relative;
}


#page_3 div.vocquestiontext {
    color: #555555;
    font-size: 11px;
    font-weight: bold;
    margin-left: -5px;
    position: relative;
}



#page_4 div.vocquestiontext {
    color: #555555;
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
    position: relative;
}
#page_4 textarea {
    height: 50px;
    width: 480px;
    *height: 50px;
}
#page_2 span.voctextfield input {
    margin-left: 50px;
    margin-top: -18px;
    position: absolute;
}
#page_3 span.voctextfield input {
    margin-left: 50px;
    margin-top: -18px;
    position: absolute;
}
#page_2 span.voccheckbox label {
    padding-right: 20px;
}
#page_2 ul.showList {
    margin-top: 53px;
}
#page_2 ul.showList {
    margin-top: 53px;
}
#page_3 ul.showList {
    padding-top: 53px;
}
#page_4 ul.showList {
    padding-top: 48px;
}
#page_2 div.voccheckboxeslong {
    padding-left: 30px;
    width: 450px;
}
#page_3 div.voccheckboxeslong {
    padding-left: 30px;
    width: 470px;
}
#page_1 .omb a {

}
#page_1 .omb {
  font-size: .5em;
  width: 180px;
  width: 170px\0/;
  margin-left: -5px;
  margin-left: 12px\0/;
  height: 10px;
  /*margin-top: 55px;
  margin-top: 20px\0/;
  *margin-top: 50px;*/
  position:absolute;
  top:152px;    
  letter-spacing: -.3px;
  letter-spacing: -.5px\0/;
  text-align: center;
  #visibility: hidden\0/;
}


#page_2 div.omb {
	width: 500px;
	text-align: center;
	height: auto;
	font-size: .5em;   
   /* margin-top: -5px;
   margin-top: 25px\0/;   
   margin-top: -105x\0/;
   *margin-top: -8px; */
   position:absolute;
   top:152px;    
   margin-left: -10px;
   #visibility: hidden\0/;
}
#page_2 li.outter .omb {

}
#page_3 div.omb {
   width: 500px;
   text-align: center;
   height: auto;
   font-size: .5em;
   /*margin-top: -5px;
   margin-top:  -23px\0/;
   *margin-top: -6px;*/
   position:absolute;
   top:152px; 
   margin-left: -10px;
   #visibility: hidden\0/;
}

#page_4 div.omb {
   width: 500px;
   text-align: center;
   height: auto;
   font-size: .5em;
   /*margin-top: 39px;
   margin-top: -14px\0/;  
   *margin-top: 30px; */
   position:absolute;
   top:155px;  
   margin-left: -10px;
   #visibility: hidden\0/;
}

#page_2 div.surveyNav {
   width: 500px;
   text-align: right;
   height: auto;
   font-size: 11px;
   font-weight: bold;
   color: 00e37a;
   /* margin-top: -55px;
   margin-top: -60px\0/; */
   position:absolute;
   top:120px;
   margin-left: 0px;

}

#page_2 div.surveyNav {
/*  *margin-top: -43px;
   margin-top: -45px\0/ !important;*/
}

#page_3 div.surveyNav {
   width: 500px;
   text-align: right;
   height: auto;
   font-size: 11px;
   font-weight: bold;
   color: 00e37a;
   /* margin-top: -55px;
   margin-top: -75px\0/; */
   position:absolute;
   top:120px;
   margin-left: 0px;
}


#page_4 div.surveyNav {
   width: 500px;
   text-align: right;
   height: auto;
   font-size: 11px;
   font-weight: bold;
   color: 00e37a;
  /* margin-top: -58px;
   margin-top: -50px\0/;  */
   position:absolute;
   top:112px;
   margin-left: 0px;
}
#page_4 span.surveyNavSub {
    display: inline-block;
    padding: 0 0 0 10px;
    text-align: left;
}
#page_2 span.surveyNavNext {
    display: inline-block;
    font-weight: bold;
}
#page_3 span.surveyNavNext {
    display: inline-block;
    font-weight: bold;
}
#page_4 span.surveyNavNext {
    display: inline-block;
    font-weight: bold;
}
#page_1 div.vocradiosshort {
    margin-left: 15px;
    margin-top: 69px;
    *padding-top: 65px;
    *margin-top: 0px;
    padding-top: 85px\0/;
    margin-top: 0px\0/;
    *margin-left: 10px;
}

ul.showList, ol.showList {
    color: #000000;
    font-weight: normal;
    line-height: normal;
    margin: 3px 0 0;
    padding: 0;
    padding-left:8px\0/;
    *padding-left:8px;
}
#page_1 div.surveyNav {
    visibility: hidden;
}
#page_1 span.vocradio {
    padding-right: 35px;
}
.error_messages {
    background-color: #F0F0F0;
    border: 2px solid #CF0000;
    font-size: 12px;
    margin-bottom: 20px;
    padding: 0 0 12px;
    width: 400px;
}
.error_messages h2 {
    background-color: #CC0000;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 5px 10px;
    text-align: left;
}
.error_messages p {
    margin: 8px 10px;
}
.error_messages ul {
    margin: 0;
}
#notice {
    color: green;
}
#error_explanation {
    background-color: #F0F0F0;
    border: 2px solid red;
    margin-bottom: 20px;
    padding: 7px 7px 0;
    width: 450px;
}
#error_explanation h2 {
    background-color: #CC0000;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    margin: -7px -7px 0;
    padding: 5px 5px 5px 15px;
    text-align: left;
}
#error_explanation ul li {
    font-size: 12px;
    list-style: square outside none;
}
div.field, div.actions {
    margin-bottom: 10px;
}
body {
    margin:0;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    background-color: transparent;
}
a img {
    border: 0 none;
}
.background {
    background-color: #FFDE9A;
    border-bottom: 3px solid #243B7C;
    border-top: 3px solid #243B7C;
    margin: 0;
    padding: 0;
    width: 100%;
}
.foreground {
    background-color: #FFFFFF;
    margin: 0 auto;
    min-height: 600px;
    padding: 30px 15px;
    vertical-align: top;
    width: 994px;
}
.navigation {
    display: inline-block;
    left: 0;
    margin: 2px 0 0;
    padding: 0;
    position: relative;
    top: 0;
    vertical-align: top;
    width: 165px;
}
.contentArea {
    display: inline-block;
    left: 15px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    vertical-align: top;
    width: 805px;
}
textarea {
    font-family: Verdana,Helvetica,Arial,san-serif;
    font-size: 11px;
}
#surveyTable, #versionTable, #categoryTable, #rulesTable, #displayFieldsTable {
    border-collapse: collapse;
    margin: 0 0 10px;
    padding: 0;
}
#surveyTable th, #versionTable th, #categoryTable th, #rulesTable th, #displayFieldsTable th {
    border-bottom: 2px solid #243B7C;
    color: #000000;
    font-size: 1.1em;
    font-weight: bold;
    padding: 0 9px 1px 1px;
    text-align: left;
}
#surveyTable td, #versionTable td, #categoryTable td, #rulesTable td, #displayFieldsTable td {
    border-bottom: 1px solid #243B7C;
    font-size: 1em;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
}
#surveyTable .col1, #versionTable .col1, #displayFieldsTable .col2 {
    padding: 5px 9px 5px 1px;
    width: 185px;
}
#categoryTable .col1, #surveyTable .col2 {
    padding: 5px 9px 5px 1px;
    width: 310px;
}
#surveyTable .col3 {
    padding: 5px;
    text-align: center;
    width: 30px;
}
#surveyTable .col4-7, #categoryTable .col2-4, #rulesTable .col3-5, #displayFieldsTable .col3 {
    padding: 5px 0;
    text-align: center;
    width: 65px;
}
#versionTable .col2, #rulesTable .col6 {
    padding: 5px 0;
    text-align: center;
    width: 70px;
}
#versionTable .col3 {
    padding: 5px 0;
    text-align: center;
    width: 130px;
}
#versionTable .col4 {
    padding: 5px 0;
    width: 200px;
}
#surveyTable a, #surveyTable a:link, #surveyTable a:visited, #versionTable a, #versionTable a:link, #versionTable a:visited, #categoryTable a, #categoryTable a:link, #categoryTable a:visited, #rulesTable a, #rulesTable a:link, #rulesTable a:visited, #displayFieldsTable a, #displayFieldsTable a:link, #displayFieldsTable a:visited {
    color: #243B7C;
    text-decoration: none;
}
#surveyTable a:hover, #surveyTable a:active, #versionTable a:hover, #versionTable a:active, #categoryTable a:hover, #categoryTable a:active, #rulesTable a:hover, #rulesTable a:active, #displayFieldsTable a:hover, #displayFieldsTable a:active {
    color: #243B7C;
    font-weight: bold;
    text-decoration: underline;
}
#rulesTable .col1, #displayFieldsTable .col1 {
    padding: 5px 10px 5px 1px;
    width: 400px;
}
#rulesTable .col2 {
    padding: 5px 0;
    text-align: center;
    width: 35px;
}
#survey_response_list {
    margin: 10px 0;
    max-height: 600px;
    overflow: auto;
    width: 805px;
}
#survey_response_list table {
    border-collapse: collapse;
}
#survey_response_list th.date {
    border-bottom: 2px solid #243B7C;
    color: #000000;
    font-size: 1.1em;
    font-weight: bold;
    max-width: 90px;
    min-width: 90px;
    padding: 5px 10px 5px 1px;
    text-align: left;
    vertical-align: bottom;
}
#survey_response_list th.questions {
    border-bottom: 2px solid #243B7C;
    color: #000000;
    font-size: 1.1em;
    font-weight: bold;
    max-width: 200px;
    min-width: 150px;
    padding: 5px 10px 5px 1px;
    text-align: left;
    vertical-align: bottom;
}
#survey_response_list td {
    border-bottom: 1px solid #243B7C;
    font-size: 1em;
    font-weight: normal;
    padding: 5px 9px 5px 1px;
    text-align: left;
    vertical-align: top;
}
.white {
    background-color: #FFFFFF;
    border-bottom: 1px solid #FFDE9A;
}
.blue {
    background-color: #EEF1FC;
    border-bottom: 1px solid #FFDE9A;
}
#newSurvey {
    margin: 0 0 10px;
}
.pageTitle {
    border-bottom: 6px double #EEF1FC;
    color: #243B7C;
    font-size: 1.9em;
    font-weight: bold;
    margin: 0 0 30px;
    padding: 0 0 3px;
}
.copy {
    color: #000000;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 15px;
    padding: 0;
}
.copyBold {
    color: #000000;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.copyBoldMargin {
    color: #000000;
    font-weight: bold;
    margin: 25px 0 0;
    padding: 0;
}
ol.outter, ul.outter {
    color: #000000;
    font-weight: normal;
    line-height: normal;
    margin: 10px 0 0 40px;
    padding: 0;
}

li.outter {
    list-style-position: outside;
    list-style-type: none;
    margin: 0 0 15px 10px;
    *margin: -10px 0 10px 10px;
    padding: 0;
}

#page_1 li.outter {

    *margin: 0px 0 15px 10px;
 
}

li.inner {
    color: #000000;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 2px;
    padding: 0;
}
li.showList-ul {
    list-style-type: none;
    padding: 0 0 3px;
}
li.showList-ol {
    list-style-position: inside;
    list-style-type: decimal;
    padding: 0 0 3px;
}
.modalTitle {
    color: #243B7C;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 15px;
}
.modalErrorBox {
    background: none repeat scroll 0 0 #FBEFF3;
    border: 2px solid #980024;
    margin: 5px 0 10px;
    padding: 5px 10px;
}
.modalErrorTitle {
    color: #980024;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0 0 5px;
    padding: 0;
}
ul.modalList {
    color: #980024;
    font-size: 1em;
    margin: 0;
    padding: 0;
}
li.modalList {
    color: #980024;
    font-size: 1em;
    margin: 0 0 0 25px;
    padding: 0 0 3px;
}
#new_choice_question_modal {
    min-width: 380px;
    padding: 10px;
}
#new_asset_modal, #new_text_question_modal {
    padding: 10px;
}
.page {
    background-color: #EEF1FC;
    border: 1px solid #243B7C;
    margin: 5px 0 10px;
    padding: 5px;
    width: 793px;
}
.current_page {
}
.hidden_page {
    display: none;
}
.remove_page_link {
    display: inline-block;
    float: right;
}
.displayNone {
    display: none;
}
.surveyNavMargin {
    margin: 5px 0 35px;
}
.sumbitButton {
    margin: 25px 0 0;
}
.navTitle {
    border-bottom: 1px solid #243B7C;
    color: #243B7C;
    font-size: 1.3em;
    font-weight: bold;
    margin: 0;
    padding: 0 0 3px;
    text-align: center;
}
p.nav {
    border-bottom: 1px solid #243B7C;
    color: #243B7C;
    margin: 0;
    padding: 5px;
}
a.nav:link, a.nav:visited {
    color: #243B7C;
    font-weight: normal;
    text-decoration: none;
}
a.nav:hover, a.nav:active {
    color: #243B7C;
    font-weight: bold;
    text-decoration: underline;
}
div.pageNav {
    border-top: 6px double #EEF1FC;
    color: #FFAD05;
    font-size: 11px;
    font-weight: bold;
    margin: 10px 0;
    padding: 5px 0 0;
}
div.pageNav-upper {
    color: #FFAD05;
    font-size: 11px;
    font-weight: bold;
    margin: -30px 0 20px;
    padding: 3px 0 0;
}
a.pageNav, a.pageNav:link, a.pageNav:visited {
    color: #243B7C;
    text-decoration: none;
}
a.pageNav:hover, a.pageNav:active {
    color: #FFAD05;
    text-decoration: underline;
}
div.surveyNav {
    color: #000000;
    font-size: 1em;
    font-weight: bold;
    margin: 15px 0 10px;
    padding: 0;
    text-align: center;
    text-decoration: none;
}
span.surveyNav1 {
    display: inline-block;
    width: 110px;
}
span.surveyNav2 {
    display: inline-block;
    width: 175px;
}
span.surveyNav3 {
    display: inline-block;
    width: 200px;
}
span.surveyNav4 {
    display: inline-block;
    width: 85px;
}
span.surveyNavPrev {
    display: inline-block;
    width: 105px;
}
span.surveyNavSub {
    display: inline-block;
    padding: 0 0 0 10px;
    text-align: left;
}
.surveyNavPrev a:link {
    color: #666666;
    *margin:-50px 0 0 0;
    margin:-50px 0 0 0\9/;
}
a.surveyNav, a.surveyNav:link, a.surveyNav:visited, a.simplemodal-close, a.simplemodal-close:link, a.simplemodal-close:visited {
    text-decoration: none;
}
a.surveyNav:hover, a.surveyNav:active, a.simplemodal-close:hover, .simplemodal-close:active {
    text-decoration: underline;
}
.pagination {
    margin: 10px 0;
}
span.first, span.last, span.prev, span.next {
    color: #243B7C;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0;
    padding: 0 10px 0 0;
    width: 40px;
}
span.pageNum {
    color: #243B7C;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0;
    padding: 0 10px 0 0;
}
.pagination a, .pagination a:link, .pagination a:visited {
    color: #243B7C;
    font-weight: normal;
}
.pagination a:hover, .pagination a:active {
    font-weight: bold;
    text-decoration: underline;
}
.gap {
}

#page_2 li.outter .voccheckboxesshort{
	width:491px;
}


#page_3 li.outter .voccheckboxesshort{
	width:455px;
}