/*
<!--- stylesheet for ERC Annual Report Data System --->
<!--- Created by Kelly Green --->
<!--- Modified: October 31, 2001 --->

<!--- Cleaned out and reorganized all css files (10/2021).  Condensed all survey styles from _css.css, _css.cfm, etc. into a new file, "survey.css". --->
*/

@import url("common.css");

.bug_fix {;}

/* --------------------------------------------------------------------------------------------------
   Basic elements
-------------------------------------------------------------------------------------------------- */

body, table, td, th, p {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #333333;
   margin: 0;
   padding: 0;
}

p {
   padding-bottom: 10px;
}

a:visited {
   color: #660044;
}
a:link {
   color: #000099;
}

h1 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 16px;
   color:#0C3C3C;
   font-weight: bold;
   padding-top: 0px;
   margin-top: 0px;
}
h1.surveyHeader {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 22px;
   color: #0C3C3C;
   font-weight: normal;
   padding-top: 0px;
   margin-top: 0px;
   text-decoration: none;
   float: left;
}
h1.problem {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 22px;
   color: #0C3C3C;
   font-weight: normal;
   padding-top: 0px;
   margin-top: 0px;
   text-decoration: none;
   float: none;
   text-align:center;
}
h2 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #990000;
   margin-top: 8px;
}
h3 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #000000;
}
h4 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   margin-top: 8px;
   margin-bottom: 0px;
}
h5 {
   font-size: 12px;
   font-weight: bold;
   color: #0C3C3C;
   margin-top: 6px;
   margin-bottom: 3px;
   padding-bottom: 3px;
   text-transform: uppercase;
   border-bottom: 1px dashed #CCCCCC;
}
h6 {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 18px;
   color:#0C3C3C;
   font-weight: normal;
   padding-top: 0px;
   margin-top: 0px;
}

li {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #333333;
   margin-bottom:6px;
   margin-top:6px;
}

input, select {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:normal;
   margin: 3px 0px;
}


/* --------------------------------------------------------------------------------------------------
   Specific elements
-------------------------------------------------------------------------------------------------- */

#surveyContainer {
   margin-top: 0px;
   position: relative;
   background-color: #D39625;
}
#startPageContent {
   padding-top: 20px;
   padding-left: 36px;
   border: 2px solid #FFF;
   background-color: #FFF;
   margin-left: 100px;
   padding-left: 65px;
   line-height: 1.5em;
}

#surveyHelp {
   float: right;
   height: 25px;
   text-align: left;
   padding-left: 10px;
   vertical-align: top;
   white-space: nowrap;
   width: 15%;
}

#surveyHelp img {
   float: left;
   margin-right: 5px;
}

#surveyInstructions {
   clear: left;
   padding-bottom: 10px;
}

#surveyPageContent {
   clear: both;
   margin: 0;
}

#tabs {
   width: 600px;
   border-width: 1px;
   padding: .2em;
}
#tabs ul {
   height: 27px;
}

#footer {
   clear: both;
   padding: 10px 10px 10px 15px;
}
hr.footer {
   width: 100%;
   color: #DACFB3;
   size: 1px;
   margin: 0;
   margin-top: 20px;
}

#toolbox {
   float: left;
   border: 1px dashed #666666;
   padding: 6px;
   width:125px;
}
#toolbox p {
   padding: 6px;
}

#helpLayout {
   width: 100%;
   position: relative; 
   height: auto; 
}
#helpLayout hr {
   width: 100%;
   color: #DACFB3;
   size: 1px;
   margin: 0;
}
#helptoolboxContainer {
   position:absolute; 
   background-color: #D39625;
   padding: 10px 10px 0 10px;
   margin: 0;
   width: 160px;
   height: 98%; /* the remaining 2% allows for the hr to appear underneath */
}
#helptoolbox {
   background-color: #D39625;
   border: 1px dashed #FFFFFF;
   padding: 6px;
   margin: 0;
   width: 140px;
}
#helpInstrux {
   padding: 10px 10px 5px 195px;
   width: 80%;
   min-height: 400px;
}

#errorList {
   font-size: 11px;
   margin: 5px 0 20px;
}

div.breadcrumb {
   width: 100%;
   height: 25px;
   background-color: #C5D1D9;
   padding-top: 4px;
   padding-right: 5px;
   padding-bottom: 5px;
   padding-left: 18px;
   font-size: 9.5px;
}
div.breadcrumb a {
   color: #660044;
}




#surveyReportContent {
   margin-top: 10px;
   margin-left: 10px;
}

div#temp_help_cell   {
   width: 300px;
   padding: 9px;
   top: 285px;
   left: 850px;
   position: fixed;
   border-top: 3px solid #ffe7a6;
   border-bottom: 3px solid #ffe7a6;
   background-color: #ffffcc;
}
div#temp_help_cell p    {
   padding: 0 6px;
}
div#temp_help_cell p.help_head   {
   padding: 6px;
   font-size: 13px;
   color: #cc0000;
   font-weight: bold;
   border-bottom: 1px solid #cc0000;
}
* html div div#temp_help_cell { /* necessary to get IE6 to see position:fixed  */
   position: absolute;
   top: expression(eval(document.compatMode &&
      document.compatMode=='CSS1Compat') ?
      285+documentElement.scrollTop : 285+document.body.scrollTop);
}

#sign-in, #register {
   margin-top: 9px;
   padding-bottom: 18px;
}

/* --------------------------------------------------------------------------------------------------
   Specific styles (table styles are in the next section)
-------------------------------------------------------------------------------------------------- */

.skip {
   position: absolute;
   top: -1000px;
   left: -1000px;
   height: 1px;
   width: 1px;
   text-align: left;
   overflow: hidden;
}
.skipnav {
   position: absolute;
   text-align: left;
   margin: 0;
   padding: 0;
}
.skipnav a {
   width: 26em;
   display: block;
   color: #fff;
   background: #333;
   text-decoration: none;
   padding: 5px;
   position: absolute;
   left: -1000em;
   top: 0;
   font-weight: bold;
}

a.tabLogout {
   text-decoration: none;
   color: #FFFFFF;
}
a.tabLogout:visited {
   text-decoration: none;
   color: #FFFFFF;
}
a.helplinks:link {
   color: #FFFFFF;
}
a.helplinks:visited {
   color: #FFFFFF;
}
a.tabLink:hover {
   color: #990000;
}
a.tabLink {
   color: #000000;
   text-decoration: none;
   margin: 0;
   padding-left: 3px;
   padding-right: 6px;
}
a.tabLink img   {
   vertical-align: top;
}

.disabled {
   color:#CCCCCC;
}

.printedAt {
   padding-top: 20px;
}

.dataentryLink {
   font-size: 12px;
}

.warning { /* yellow box with warning symbol */
   border: 1px solid;
   margin: 10px 0px;
   padding:15px 10px 15px 50px;
   background-repeat: no-repeat;
   background-position: 10px center;
   background-image: url('../../images/warning.png');
   color: #9F6000;
   background-color: #feefb3;
   text-align:left;
   font-weight: normal;
}

.buttons {
   border-bottom:thin solid #000000;
   border-right:thin solid #000000;
   border-top:thin solid #CCCCCC;
   border-left:thin solid #CCCCCC;
   font-size:11px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-weight:bold;
   background-color:#006666;
   color:#FFFFFF;
   padding-top:3px;
   text-transform: uppercase;
   cursor: hand;
}

.readOnlyRed {
   background-color: #FFFFCC;
   color: #990000;
   font-size: 11px;
   font-family: arial, helvetica, sans-serif;
   text-decoration: none;
   padding: 5px;
   margin-bottom: 10px;
}



.reportstephdGreen {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   color:#2AAD16;
}

/* these 2 from datasub.cfm and download_splash.cfm */
.web_dialog_overlay {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   height: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
   background: ##000000;
   opacity: .35;
   filter: alpha(opacity=35);
   -moz-opacity: .35;
   z-index: 101;
   display: none;
}
.web_dialog {
   display: none;
   position: fixed;
   width: 400px;
   height: 200px;
   top: 25%;
   left: 25%;
   margin-left: -190px;
   margin-top: -100px;
   background-color: ##ffffff;
   border: 0px solid ##336699;
   padding: 0px;
   z-index: 102;
   font-family: Verdana;
   font-size: 10pt;
}


/* --------------------------------------------------------------------------------------------------
   Table styles - generic (used in tables throughout the system)
-------------------------------------------------------------------------------------------------- */

.headerrow th, .headerrow td {
   text-align:center;
   vertical-align:bottom;
   color: #FFFFFF;
   background-color: #156369;
   font-weight: bold;
}
.subheaderrow th, .subheaderrow td {
   text-align: center;
   vertical-align: bottom;
   color: #FFFFFF;
   background-color: #156369;
}

.lightgreen {
   background-color: #A5B8B6;
   background-color: #e8f1f0;
   font-weight: normal;
}

.white {
   background-color: #FFFFFF;
   font-weight: normal;
}

/* these 4 are used only in report_data_trends */
.bgyellow {
   background-color: #FFFF99
}
.bgltorange {
   background-color: #FFCC99
}
.bgred {
   background-color: red
}
.bgorange {
   background-color: orange
}

tr.buttonRow th, tr.buttonRow td {
   padding-top: 20px;
}
tr.headerrow th {
   text-align:center;
   vertical-align:bottom;
   color: #FFFFFF;
   background-color: #156369;
   font-weight: bold;
}

th.smallCol {
   width: 50px;
}
th.midCol {
   width: 100px;
}

/* these 4 are used in surveyTable and partner_institutions */
tr.partners th, tr.partners td {
   background-color: #A5B8B6;
   font-weight: bold;
   font-size: 11px;
}
tr.partners2 th, tr.partners2 td {
   background-color: #FFFFFF;
   font-weight: bold;
   font-size: 11px;
}
tr.finalPartners th, tr.finalPartners td {
   background-color: #A5B8B6;
   font-weight: bold;
   font-size: 11px;
}
tr.finalPartners2 th, tr.finalPartners2 td {
   background-color: #FFFFFF;
   font-weight: bold;
   font-size: 11px;
}



/* --------------------------------------------------------------------------------------------------
   Table styles - specific (styles used in specific tables)
-------------------------------------------------------------------------------------------------- */
table {
   margin: 0;
   padding: 0;
}

table.fullWidth {
   width: 100%;
   border-collapse: collapse;
}

table.whiteBorder {
   border-collapse: separate;
   border-spacing: 1px;
}

table.loginTable {
   width: 100%;
   border-spacing: 2px;
   border-collapse: separate;
   margin-bottom: 10px;
}
table.loginTable td {
   padding: 10px;
   text-align: left;
   width: 600px;
}


/* Styles for creating the Tab effect in the survey header */
table#surveyTabs {
   width: 100%;
   border-collapse: collapse;
   margin-top: 15px;
}
table#surveyTabs td {
   padding: 0;
   margin: 0;
   vertical-align: middle;
   border-bottom: 1px solid #666666;
   height: 22px;
}
table#surveyTabs td.tabBrdr {
   background: url("../../images/endtab.gif") no-repeat right top;
   background-size: cover;
}
table#surveyTabs td.tabBrdrCI { /* selected tab */
   background: url("../../images/endtab_ci.gif") no-repeat right top;
   background-size: cover;
   border-bottom: 1px solid #C5D1D9;
}
table#surveyTabs td.lcurve {
   background: url("../../images/lcurve.gif") no-repeat left top;
   background-size: cover;
}
table#surveyTabs td.lcurveCI { /* selected tab (curve) */
   background: url("../../images/lcurve_ci.gif") no-repeat left top;
   background-size: cover;
   border-bottom: 1px solid #C5D1D9;
}
table#surveyTabs td.finish {
   background: url("../../images/finish_shim.gif") no-repeat left top;
   background-size: cover;
}


/* this is the layout table for the survey pages; consider changing to divs instead */
table#surveyLayout {
   width: auto;
   border: 0;
   margin: 0;
   margin-top: 15px;
   border-collapse: collapse;
}
table#surveyLayout td.toolboxContent {
   vertical-align: top;
   padding-left: 30px;
}
table#surveyLayout td.surveyContent {
   width: 740px;
   vertical-align: top;
   padding-left: 30px;
}


table.surveyForm {
   border-collapse: collapse;
   margin-top: 5px;
   margin-bottom: 20px;
}


/* surveyTable has the green header bar at the top; used throughout the survey system */
table.surveyTable, table#partner_institutions {
   border-collapse: collapse;
   margin-top: 5px;
   margin-bottom: 20px;
}
table.surveyTable caption {
   padding: 4px 10px 4px 15px;
   color: #FFFFFF;
   background-color: #156369;
   margin: 0;
   border: 0;
   border-bottom: 1px solid #FFFFFF;
   font-weight: bold;
}
table.surveyTable caption.outside {
   padding: 4px 10px 4px 15px;
   color: #000;
   background-color: #FFFFFF;
   margin: 0;
   border: 0;
   font-weight: bold;
}
table.surveyTable th, table#partner_institutions th{
   padding: 8px; 
}
table.surveyTable th.label { /* These are reserved for non-header th cells that are labels for the row data; do not use for header rows. Header rows can use class="left" to change alignment. */
   text-align: left;
   vertical-align: middle;
   font-weight: normal;
}
table.surveyTable th.tdFormat {
   text-align: left;
   font-weight: normal;
}
table.surveyTable td, table#partner_institutions td {
   text-align: center;
   vertical-align: middle;
   padding: 5px 7px; 
}
table.surveyTable td.label {
   text-align: left;
   vertical-align: middle;
}

   /* these 5 used only in \results\start.cfm (survey - Print Data Entered to Date).
   Multiple forms require multiple tables, and the columns and buttons need to line up. */
table.surveyTable tr.allLeft td {
   text-align: left;
   font-weight: bold;
   white-space: nowrap;
   padding-bottom: 0px;
}
table.surveyTable tr.allLeft input.btn {
   float: right;
}
table.surveyTable td.col1 {
   width: 200px;
}
table.surveyTable td.col2 {
   width: 250px;
}
table.surveyTable td.col3 {
   width: 100%;
}

   /* this 1 used in download only */
table.surveyTable tr.bottomAlign td { 
   vertical-align: bottom;
}

   /* these 3 used in budget only */
table.surveyTable tr.totalrow td, table.surveyTable tr.totalrow th {
   background-color: #ccc;
}
table.surveyTable tr.totalrowMajor td, table.surveyTable tr.totalrowMajor th   {
   background-color: #666;
   color: #FFF;
}
table.surveyTable tr.totalrowMega td, table.surveyTable tr.totalrowMega th   {
   background-color: #333333;
   color: #FFF;
}


/* the partner_institutions table uses some of the same classes as surveyTable (see immediately above) */
table#partner_institutions {
   width: 740px;
}
table#partner_institutions th.partnersUserId { /* added from _css.cfm */
   text-align:left;
   vertical-align:bottom;
   color: #FFFFFF;
   background-color: #156369;
   font-size: 11px;
   border-left: 3px solid #d5dcdb;
}
table#partner_institutions td.label {
   text-align: left;
   vertical-align: top;
   white-space: nowrap;
   font-size: 9px;
}
table#partner_institutions td.partnersDate {
   background-color: #A5B8B6;
   font-weight: bold;
   font-size: 9px;
}
table#partner_institutions td.partnersUserId {
   background-color: #A5B8B6;
   font-weight: bold;
   font-size: 11px;
   border-left: 3px solid #5c706c;
}
table#partner_institutions td.partners2Date {
   background-color: #FFFFFF;
   font-weight: bold;
   font-size: 9px;
}
table#partner_institutions td.partners2UserId {
   background-color: #FFFFFF;
   font-weight: bold;
   font-size: 11px;
   border-left: 3px solid #5c706c;
}
table#partner_institutions td.success {
   text-decoration: none;
   font-weight: bold;
   color: #009900;
   font-size: 11px;
}
table#partner_institutions a.reopenLink {
   display: block;
   background: rgba(255,255,255,1);
   background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(201,199,201,1) 94%, rgba(179,177,179,1) 100%);
   background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(94%, rgba(201,199,201,1)), color-stop(100%, rgba(179,177,179,1)));
   background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(201,199,201,1) 94%, rgba(179,177,179,1) 100%);
   background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(201,199,201,1) 94%, rgba(179,177,179,1) 100%);
   background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(201,199,201,1) 94%, rgba(179,177,179,1) 100%);
   background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(201,199,201,1) 94%, rgba(179,177,179,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b3b1b3', GradientType=0 );
   color: #000000;
   padding: 2px;
   text-align: center;
   border-radius: 3px;
   font-weight: normal;
   text-decoration: none;
   border: 1px solid #000000;
}
table#partner_institutions a.reopenLink.link {
   color:#000000;
}
table#partner_institutions a.reopenLink:hover {
   knob
   background: rgba(250,250,250,1);
   background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(250,250,250,1) 8%, rgba(188,224,238,1) 50%, rgba(124,209,235,1) 100%);
   background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(8%, rgba(250,250,250,1)), color-stop(50%, rgba(188,224,238,1)), color-stop(100%, rgba(124,209,235,1)));
   background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(250,250,250,1) 8%, rgba(188,224,238,1) 50%, rgba(124,209,235,1) 100%);
   background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(250,250,250,1) 8%, rgba(188,224,238,1) 50%, rgba(124,209,235,1) 100%);
   background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(250,250,250,1) 8%, rgba(188,224,238,1) 50%, rgba(124,209,235,1) 100%);
   background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(250,250,250,1) 8%, rgba(188,224,238,1) 50%, rgba(124,209,235,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#7cd1eb', GradientType=0 );
}


table.surveyReport {
   border-collapse: collapse;
   margin-bottom: 20px;
   border: 1px solid grey;
   outline-style: double;
   outline-width: thin;
   outline-offset: 1px;
}
table.surveyReport tr.subheaderrow th, table.surveyReport tr.subheaderrow td {
   background-color: #fff;
   color: #000;
   vertical-align: bottom;
}
table.surveyReport th, table.surveyReport td {
   text-decoration: none;
   padding: 5px;   
   border: 1px solid grey;
}
table.surveyReport td {
   text-align: center;
   vertical-align: top;
}
table.surveyReport td.label {
   text-align: left;
   font-weight: bold;
}
table.surveyReport td.label {
   text-align: right;
   font-weight: bold;
}
table.surveyReport td.shadedCell {
   background-color: #d4d4d4;
}





table.horzborder {
   width: 740px;
   margin-bottom: 0px;
}
table.horzborder td, table.horzborder th {
   text-align: left;
   vertical-align: top;
   padding: 5px;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
}
table.horzborder th.label {
   background-color: #eeeeee;
}


table.stepByStep {
   width: 740px;
   margin-bottom: 0px;
   border: 3px double #ccc;
}
table.stepByStep td, table.stepByStep th {
   text-align: left;
   vertical-align: top;
   padding: 12px;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
}
table.stepByStep td.step {
   background-color: #e8f1f0;
   text-align: right;
}

.mce-content-body > pre {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
}