/* AFS Earned Recognition Portal Theme */

html {
  min-height: 100%;
  position: relative;
}

body {
  height: 100%;
}

html, body {
  margin: 0;
}

form * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.portalMain {
  margin-left: 252px;
  padding: 12px 24px;
}

.portalMain-Header {
  overflow: hidden;
  padding-bottom: 6px;
  border-bottom: #6b9ed1 1px dotted;
}

.portalMain-RightHeader {
  float: right;
}

.portalMain-Content {
  margin: 24px 0;
}

.portalMain-Footer {
  padding-top: 6px;
  border-top: #6b9ed1 1px dotted;
  color: #6b9ed1;
}

/* sidebar navigation */

.portalSide {
  position: absolute;
  left: 0; top: 0;
  width: 252px;
  /*height: 100%;*/ bottom: 0;
  padding: 48px 12px 24px 24px;

  background: #004890;
  background-image: url(bg_sidebar.png);
  background-repeat: no-repeat;
  background-position: 12px top;
}

.portalSide-Shim {
  position: absolute;
  left: 0; top: 0;
  width: 12px;
  /*height: 100%;*/ bottom: 0;

  background-color: #e9462d;
  background: -moz-linear-gradient(0deg, rgba(218,61,37,1) 0%, rgba(234,71,46,1) 100%); /* ff3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(218,61,37,1)), color-stop(100%, rgba(234,71,46,1))); /* safari4+,chrome */
  background: -webkit-linear-gradient(0deg, rgba(218,61,37,1) 0%, rgba(234,71,46,1) 100%); /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(0deg, rgba(218,61,37,1) 0%, rgba(234,71,46,1) 100%); /* opera 11.10+ */
  background: -ms-linear-gradient(0deg, rgba(218,61,37,1) 0%, rgba(234,71,46,1) 100%); /* ie10+ */
  background: linear-gradient(90deg, rgba(218,61,37,1) 0%, rgba(234,71,46,1) 100%); /* w3c */
}

.portalSide-Logo {
  font-family: 'Raleway', sans-serif;
  font-size: 16pt;
  color: white;
  text-align: center;
}
.portalSide-Logo P {
  margin: 0;
}

.portalSide-Menu UL {
  margin: 36px 6px;
  padding: 0;
  list-style-type: none;
}
.portalSide-Menu LI {
  padding: 6px 0;
  text-align: center;
  border-bottom: #6b9ed1 1px dotted;
}
.portalSide-Menu LI:last-child {
  border-bottom: none;
}
.portalSide-Menu A {
  font-family: 'Raleway', sans-serif;
  font-size: 10pt;
  color: white;
}
.portalSide-Menu LI.selected {
  background-color: rgba(255,255,255,0.1);
}
.portalSide-Menu LI.selected A {
  font-weight: bold;
}

/* generic fonts and formatting */

body, td, input, select {
  font-family: 'source sans pro', sans-serif;
  font-size: 12pt;
}

input, select {
  padding: 2px;
}

H1, H2, H3 {
  font-family: 'Raleway', sans-serif;
}

.portalMain A {
  color: #004890;
}

.portalMain-Footer {
  font-size: 9pt;
}

.homeMenu {
  display: inline-block;
  overflow: hidden;
}
.homeMenuIcon {
  display: inline-block;
  width: 240px;
  padding: 24px 12px;
  text-align: center;
}
.homeMenuIcon a {
  color: #004890 !important;
}
.feedMenuIcon h3 {
  margin: 6px 0px 12px 0px;
}

.portalMenuList ul {
  margin: 1pc 0;
  padding: 0;
  list-style: none;
}

.portalMenuList li {
  padding: 8px 0px 8px 40px;
  border-top: #D5E4F3 1px solid;
  background-position: left center;
  background-repeat: no-repeat;
  line-height: 32px;
  font-size: 14pt;
}
.portalMenuList li:first-child {
  border-top: none;
}
.portalMenuList.regionList li { background-image: url(icn_region_32.png); }
.portalMenuList.feedList li { background-image: url(icn_feed_32.png); }
.portalMenuList .ebDocumentList li {
  line-height: normal;
}
.portalMenuList .ebDocumentList small {
  font-size: 11pt;
}

.ebPaging {
  margin: 1pc 0;
}
.ebPaging * {
  display: inline-block;
  padding: 2px;
  width: 1.5pc;
  border: solid 1px #F9C7BF;
  text-align: center;
}
.ebPaging strong {
  border-color: #EA472E;
}
.ebPaging a {
  color: rgba(218,61,37,1);
}

TABLE.portalTable {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

TABLE.portalTable TH {
  text-align: left;
  border-bottom: #6b9ed1 2px solid !important;
  padding: 4px 0px;
}
TABLE.portalTable TD {
  padding: 2px 0px;
  border-top: #D5E4F3 1px solid;
  border-bottom: #D5E4F3 1px solid;
}

.portalDownloadLinks {
  overflow: hidden;
}

.portalDownloadLinks a {
  float: left;
  display: inline-block;
  background-color: rgba(111,145,180,.7);
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  font-family: 'Source Sans Pro',sans-serif;
  color: #fff;
  font-weight: 300;
  -moz-transition: background-color ease 200ms;
  -o-transition: background-color ease 200ms;
  -webkit-transition: background-color ease 200ms;
  transition: background-color ease 200ms;
  width: 120px;
  margin: 0 4px 4px 0;
  text-align: center;
}
.portalDownloadLinks a:hover {
  background-color: rgba(111,145,180,.9);
  color: #fff;
  }

/* casi style overrides */

.datalist td.datalist-hd {
  border-bottom: #6b9ed1 2px solid !important;
}

.datalist td {
  border-left: none !important;
  border-right: none !important;
  border-top: #D5E4F3 1px solid;
  border-bottom: #D5E4F3 1px solid;
}

.casi_navBox {
  margin-left: -4px;
}

.casi_navBox A:hover {
    background-color: rgba(111,145,180,.9);
    color: #fff;
    }

.casi_navBox A {
    float: none;
    background-color: rgba(111,145,180,.7);
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-family: 'Source Sans Pro',sans-serif;
    color: #fff;
    font-weight: 300;
    -moz-transition: background-color ease 200ms;
    -o-transition: background-color ease 200ms;
    -webkit-transition: background-color ease 200ms;
    transition: background-color ease 200ms;
    width: 240px;
    text-align: center;
}

.portalMain .casi_checkerReport H2 {
  font-size: 15pt;
  margin-bottom: 1pc;
}

.portalMain .casiMemberPanel, .portalMain .casiSitePanel {
  float: none;
  width: auto;
  margin: 1pc 0;
}

.portalMain .casiSitePanel h2 {
  display: none;
}

/* login and registration */

.ebLogin {
  margin: 0 auto;
  width: 300px;
}

.ebForgotPassword {
  margin: 36px auto;
  text-align: center;
  width: 450px;
}

.ebLogin LABEL, .ebForgotPassword LABEL {
  display: inline-block;
  padding-bottom: 6px;
}
.ebLogin INPUT.text, .ebForgotPassword INPUT.text {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 6px;
  width: 100%;
  border: none;
  color: #004890;
  font-size: 14pt;
}
.ebRegistration input[type=submit] {
  border: solid 1px #666;
  background-color: #ccc;
  color: black;
  padding: 7px 25px;
  font-weight: bold;
  box-shadow: inset rgba(255, 255, 255, 0.2) 1px 1px 0px;
}
INPUT.button, .darkTheme .ebLogin INPUT.button {
  border: solid 2px #003973;
  background-color: #2062a3;
  color: white;
  padding: 6px 24px;
  font-weight: bold;
  box-shadow: inset rgba(255, 255, 255, 0.2) 1px 1px 0px;
}
INPUT.button:active, .ebLogin INPUT.button:active, 
.ebRegistration input[type=submit]:active {
  box-shadow: inset rgba(255, 255, 255, 0.2) -1px -1px 0px;
}

.error {
  color: red;
}

.field .text, .field .longtext, .field .select, .field .selectlist, .field .multipleselect, .field .readonly
{
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}

.field .longtext,
.ebFieldPanel .longtext,
.datalist .datafield TEXTAREA.memo {
  height: 6pc;
}

.field .text, .field .longtext, .field .readonly, .field .select, .field .selectlist, .field .multipleselect,
.ebFieldPanel .text, .ebFieldPanel .longtext, .ebFieldPanel .readonly, .ebFieldPanel .selectlist, .ebFieldPanel .multipleselect,
.ebLogin .text, .ebForgotPassword .text, .ebRegistration SELECT, .ebChangePassword .text,
.datalist .datafield INPUT.text, .datalist .datafield TEXTAREA.memo, 
.datalist .datafield SELECT.select, .datalist .datafield SELECT.multipleselect,
.datalist .datafield .printertext, .datalist .datafield .printerfile, .datalist .datafield .printermemo, .datalist .datafield .printeroption {
  padding: 6px;
}
.datalist .datafield .ebPicker, .datalist .datafield .ebMultiplePicker {
  padding: 3px 6px;
  text-align: left;
}

.ebRegistration TD TD,
.ebContactDetails TD TD {
  padding: 0 8px 0 0;
}
.ebRegistration TD TD:last-child,
.ebContactDetails TD TD:last-child {
  padding-right: 0;
}
.ebRegistration TD.fieldcol,
.ebContactDetails TD.fieldcol {
  padding-bottom: 8px;
  
}
.ebRegistration TABLE, .ebRegistration TABLE TABLE,
.ebContactDetails TABLE {
  border-spacing: 0;
  border-collapse: collapse;
}
.ebRegistration TEXTAREA,
.ebContactDetails TEXTAREA {
  height: 4pc;
}
.ebRegistration TD.titlecol,
.ebContactDetails TD.titlecol {
  vertical-align: top;
  padding-right: 6px;
  width: 124px;
}
.ebRegistration TD.titlecol .title {
  font-size: 15px;
  font-weight: normal;
}
.ebRegistration TD TD .title {
  font-weight: normal;
  padding-bottom: 5px;
}

.ebRegistration SELECT {
  box-sizing: border-box;
  padding: 5px;
  margin: 0;
}