﻿/* standard.css
   base styles for CIAPS theme
*/

/* base font declarations */

BODY, TD {
  font: 9pt/13pt arial,helvetica,sans-serif; }

H1 {
  color: #992A2B;
  font-size: 12pt;
  line-height: 14pt;
  margin: 0pc 0pc 0.8pc 0pc; }
  
H2 {
 color: #992A2B;
  font-size: 10pt;
  line-height: 12pt;
  margin: 1.2pc 0pc 0.8pc 0pc; }
  
H3 {
color: #992A2B;
  font-size: 9pt;
  margin: 0; }
  
P {
  margin: 0.8pc 0pc; }
  
TD, TH {
  text-align: left;
  vertical-align: top; }
  
A IMG {
  border: none; }
  
table.ciaps-table {
  background: #FCEAEA none repeat scroll 0 0;
  border-top: 1px solid #F2E6E6;
  margin:0;
  padding: 6px;
  width:100%;
}  
  
table.ciaps-table tbody td {
  background:#FFFFFF none repeat scroll 0 0;
}

table.ciaps-table td {
  border-bottom:1px solid #F2E6E6;
  color: #775353;
  padding:3px;
  text-align:left;
}

table.ciaps-table {
  border-collapse:collapse;
}

table.ciaps-table th {
  border-bottom:1px solid #E5EFF8;
  color: #992A2B;
  font-weight:normal;
  padding:6px;
  text-align:left;
}
  
/* page areas */

HTML, BODY {
  margin: 0px;
  padding: 0px; }

#holder {
  width: 944px;
  margin: 20px auto 20px auto; }
    
#sidebar {
  width: 180px;
  float: left; }
  
#content {
  margin-left: 196px;
  padding-top: 62px;
  margin-bottom: 24px; }
  
#homeheader {
  margin-bottom: -84px; }
  
#footer {
  margin: 24px 0px 20px 188px; }
  
/* home page styles */

#homegrid {
  margin-top: -8px; }
#homegrid, #homegrid TR {
  border-collapse: separate;
  border-spacing: 8px; }
#homegrid TD {
  margin: 0px;
  padding: 0px;
  border-spacing: 8px;
  line-height: 9pt;
  border-width: 0px; }
  
#homegrid TD.divider {
  background-image: url("bg_horiz_dash.gif");
  background-position: left center;
  background-repeat: repeat-x; }
  
#homegrid #gridcontent {
  width: 160px;
  padding: 0px 12px;
  font-size: 11px;
  line-height: 14px;
  background-image: url("home_text_bg.gif");
  background-position: left top;
  background-repeat: no-repeat;
}
  
/* sidebar styles */

UL.ebMenu {
  margin: 0px;
  padding: 0px;
  }
  
UL.level2 {
  margin: 8px;
  padding: 0px;
  }
  
UL.level3 {
  margin: 8px;
  padding: 0px;
  }
  
UL.ebMenu LI {
  min-height: 18px;
  margin: 0px;
  padding: 4px 8px 4px 5px;
  list-style-type: none;  
  font-weight: bold;
  text-align: left;
  color: Maroon; 
}

UL.ebMenu LI.selected {
  background-color: #FCEAEA; 
}

.ebMenu LI.first {
  margin-top: 8px;
}  
  
.level1 LI {
  border-bottom: solid 1px maroon;
}

.level2 LI, .level3 LI {
  border-bottom: none;
}

UL.ebMenu UL.ebMenu LI {
  background: none; 
  margin: 0px;
  padding-top: 0px; 
  font-size: 9pt;
  font-weight: normal; }
  
UL.ebMenu UL.ebMenu LI.last {
  padding-bottom: 2px; }

UL.ebMenu A:link, UL.ebMenu A:visited {
  text-decoration: none;
  color: Maroon; }
UL.ebMenu A:hover {
  color: Red; }
  
A:link.printlink, A:visited.printlink {
  color: Maroon; }
A:hover.printlink {
  color: Red; }
  
.statusGroups 
{
  margin-bottom: 24px;
}
  
/* control styles */

.ebContactDetails TABLE TABLE INPUT.text, .ebRegistration TABLE TABLE INPUT.text {
      width: 166Px;
      }
        
ebContactDetails TABLE TABLE SELECT.select, .ebRegistration TABLE TABLE SELECT.select {
  width: 40Px;
  }

INPUT, TEXTAREA, SELECT {
  border-width: 1px;
  font: 9pt arial,helvetica,sans-serif; }
  
INPUT.text, TEXTAREA.longtext {
  width: 280px; }

.ebRegistration, .ebContactForm {
  padding: 6px;
  /* background-color: #e0e0e0; 
  background: url(bg_form_row_inv.gif) repeat-x top center;*/
  background-color: #dddddd;
  /* border-top: solid 1px #992A2B; */
  border-bottom: solid 1px #992A2B; }
  
.ebRegistration H3, .ebContactForm H3 {
  margin-top: 8px;
  font-size: 11pt;
  color: #992A2B; }
  
.ebRegistration P, .ebContactForm P {
  margin: 0.5pc 0pc; }

.ebRegistration TH {
  padding-right: 20px; }
.ebRegistration INPUT.text, .ebRegistration TEXTAREA.longtext {
  width: 280px; }
.ebRegistration INPUT.shorttext {
  width: 280px; }
.ebRegistration TEXTAREA.longtext {
  height: 4pc; }
.ebRegistration INPUT.button {
  padding: 1px 8px; }  
  
.ebRegistration .terms {
  overflow: auto;
  height: 15pc;
  font-size: 8pt;
  background-color: White;
  border: inset 1px white;
  padding: 12px; }
  
.ebRegistration .terms OL {
  margin-left: 1.5pc; }

SPAN.required { 
  color: Red;
  font-weight: bold; }
  
.ebContactForm {
  padding: 12px 12px 12px 12px;
  width: 404px; }
.ebContactForm .title {
  font-weight: bold; }
.ebContactForm INPUT.text, .ebContactForm TEXTAREA.longtext {
  width: 400px; }
.ebContactForm TEXTAREA.longtext {
  height: 6pc; }
.ebContactForm INPUT.button { 
  float: right;
  margin-top: 4px; 
  padding: 0px 12px; }
  
.error {
  font-weight: bold;
  color: Red; }

/* Questionnaire Styles */

/* point styles */

TABLE.point {
  width: 512px;
  margin-bottom: 16px;
  /* border-top: 1px solid #eeeeee; */
  background: url(bg_horiz_dash.gif) repeat-x top left; }

TABLE.point TD {
  vertical-align: top; }

/* question styles */

.question H3 {
  font-size: 11pt; font-weight: bold;
  margin: 4px 0px 16px 0px; }

TABLE.question {
  width: 300px; margin: 8px 16px 8px 0px;
  vertical-align: top; }

.shortquestionsingleanswer H3 {
  margin-bottom: 4px; }

/* alert styles */

.point .alert {
  display: block;
  margin-bottom: 8px;
  padding: 4px;
  border: 1px solid #ffff99;
  background-color: #ffffee; }
  
.point .info, .point .warning, .point .complete, .point .error {
  padding-left: 22px; 
  background-repeat: no-repeat; }
  
.point .complete {
  border-color: #66ff66;
  background-color: #eeffee;
  background-image: URL("/casi/controls/questionpanel/images/icn_mark_complete.gif"); }
.point .info, .point .warning {
  background-image: URL("/casi/controls/questionpanel/images/icn_mark_alert.gif"); }
  
.point .warning, .point .error {
  border-color: #ff6666;
  background-color: #ffeeee; }
.point .error {
  background-image: URL("/casi/controls/questionpanel/images/icn_mark_error.gif"); }
  
/* guidance styles */

TD.guidance {
  /* display: none; */
  width: 180px;
  vertical-align: top;
  padding: 0px 8px 8px 8px;
  background: url(bg_form_row_inv.gif) repeat-x top left;
  background-color: #dddddd;
  font-size: 8pt; line-height: 11pt; }

.guidance H4 {
  font-size: 9pt; line-height: 11pt; font-weight: bold;
  margin: 8px 0px 8px 0px; }

/* answer styles */

.answer {
  font-weight: bold; }

.singleshortanswer .answer,
.longquestionsingleanswer .answer,
.stackanswersright .answer {
  text-align: right; }
.stackanswersright .first {
  padding-top: 6px; }

.answer LABEL {
  display: block;
  padding: 3px 0px 4px 0px; }

/* data styles */

.datalist, .datatabulated {
  margin: 4px 0px; }
.datalist TD, {
  padding: 4px 0px; }
.datatabulated TD {
  padding: 2px 0px; }
.datatabulated TH {
  padding: 4px 4px 2px 4px;
  font-weight: bold;
  text-align: left; }
.datalist TD.datafield {
  width: 216px; }

.datalist .dataname, .datatabulated .dataname {
  padding-right: 8px; }

.datalist .datafield {
  text-align: right; }
.datalist TD.checkbox {
  text-align: left !important;  }

.datalist .datafield INPUT.text,
.datalist .datafield TEXTAREA.memo,
.datalist .datafield SELECT.select,
.datalist .datafield SELECT.multipleselect,
.datalist .datafield TABLE.checkboxlist,
.datalist .datafield TABLE.radiolist {
  width: 180px;
  font: 8pt tahoma,arial,helvetica; }
.datalist .datafield TEXTAREA.memo {
  height: 5pc; }

.datalist .datafield .printertext,
.datalist .datafield .printermemo,
.datalist .datafield .printeroption {
  width: 180px; padding: 2px;
  border: 2px solid gray; color: gray;
  text-align: left; }
.datalist .datafield .printermemo {
  height: 100px; }

.printeroption UL {
  font-size: 7pt;
  margin: 0pc 0pc 0pc 1pc; }

.datatabulated TD.checkbox {
  text-align: center !important;  }

.datatabulated .datafield INPUT.text,
.datatabulated .datafield TEXTAREA.memo,
.datatabulated .datafield SELECT.select,
.datatabulated .datafield SELECT.multipleselect,
.datatabulated .datafield TABLE.checkboxlist,
.datatabulated .datafield TABLE.radiolist {
  width: 80px;
  font: 8pt tahoma,arial,helvetica; }
.datatabulated .wide INPUT.text,
.datatabulated .wide TEXTAREA.memo,
.datatabulated .wide SELECT.select,
.datatabulated .wide SELECT.multipleselect,
.datatabulated .wide TABLE.checkboxlist,
.datatabulated .wide TABLE.radiolist {
  width: 180px !important; }
.datatabulated .datafield TEXTAREA.memo {
  height: 5pc; }

.datatabulated .datafield .printertext,
.datatabulated .datafield .printermemo,
.datatabulated .datafield .printeroption {
  width: 80px; padding: 2px;
  border: 2px solid gray; color: gray;
  text-align: left; }
.datatabulated .datafield .printeroption {
  width: 140px; !important; }
.datatabulated .datafield .printermemo {
  height: 100px; }

TABLE.checkboxlist TD,
TABLE.radiolist TD {
  font: 8pt tahoma, arial, helvetica;
  padding-bottom: 2px; }

TD.checkboxlistcontrol, TD.radiolistcontrol {
  padding-right: 4px; }

LABEL {
  cursor: hand; }
  
.ebAssetBrowse INPUT.ebAssetBrowse_submit 
{
  height: 20px;
  margin-top: 4px; 
  height: 20px;
  padding: 0px 12px;
}
  
.ebAssetBrowse INPUT.text
{
  border: solid 1px silver;
  width: 180px;
  height: 15px;
  font: 8pt tahoma,arial,helvetica; 
}

.ebAssetBrowse SELECT
{
  border: solid 1px silver; 
  height: 20px;
  font: 8pt tahoma,arial,helvetica; 
}

.boxout {
  padding: 8px;
  margin: 4px 0px 4px 0px;
  font-size: 8pt;
  line-height: 10pt;
  _width: 576px;
  background-position: top;
  background-repeat: repeat-x;
  background-color: #EEEEF8;
  border-top: 1px solid #f0f0ff;
  border-bottom: 1px solid #a0a0ff;  }
