@import url('/styles/calendar.css');
/* Background colours set to inherit to prevent warnings...*/

/* -- -- -- -- -- -- -- --
 *  S0: Normalising
 * -- -- -- -- -- -- -- -- */
#becs * {
  /* We want this to always look the same, so no em... */
  font-size: 12px !important;
}

#becs p {
  margin: 9px 0;
 /*padding: 0x;*/
}

#becs ul {
  margin: 9px 0;
  padding: 0 0 0 25px;
}

#becs ul li {
  margin: 3px 0;
  padding: 0;
}

#becs div.becs-content-area p,
#becs form.becs-form p,
#becs div.becs-content-area ul,
#becs form.becs-form ul {
  margin: 6px 0;
}

/* -- -- -- -- -- -- -- --
 *  S1: Containers/Layout
 * -- -- -- -- -- -- -- -- */
#becs div.access-link {
  margin-bottom: 10px;
}

#becs div.becs-content-area {
  margin: 0 auto;
  width: 95%;
}

* html #becs form.becs-form,
* html #becs div.becs-content-area {
    margin: auto;
    width: 100%;
}

#becs form.becs-form {
  display: inline;
}

#becs form.becs-form input[type="submit"],
#becs form#QUESTFORM input[type="submit"] {
  width: 6.3em;
  font-size: 11px !important;
}

#becs div.section-title {
  font-size: 1.4em !important;
  margin-top: 15px !important;
  background-color: inherit;
}

#becs div.three-col-left {
  float: left;
  width: 33%;
  text-align: left;
}

#becs div.three-col-center {
  float: left;
  width: 33%;
  text-align: center;
}

#becs div.three-col-right {
  float: left;
  width: 33%;
  text-align: right;
}

* html #becs div.three-col-left,
* html #becs div.three-col-center,
* html #becs div.three-col-right {
     width: 31%;   
}

#becs div.two-col-left {
  float: left;
  width: 50%;
  text-align: left;
}

#becs div.two-col-right {
  float: left;
  width: 50%;
  text-align: right;
}

#becs div.clear-float {
  height: 0px;
  clear: both;
}

#becs table.comebacklater {
  border: 0;
  margin: 5px 0 2px 0;
}

#becs table.comebacklater td {
  border: 0;
  padding-right: 2px;
  line-height: 18px;
}

#becs table.comebacklater td.right {
  text-align: right;
}

#becs div.evidenceCaptureLauncher {
  font-family: Arial, Helvetica, sans-serif !important;
  background: #F8FAFC url('/images/evidence-launch.png') 15px 50% no-repeat;
  padding: 5px 0 5px 45px !important;
  margin: 5px 0 !important;
  border-top: 1px solid #B5D4FE;
  border-bottom: 1px solid #B5D4FE;
}

#becs div.evidenceCaptureLauncher a {
  font-weight: bold;
}

#becs div.evidenceCaptureLauncher h2 {
  font-family: inherit !important;
  font-size: 1.3em !important;
  font-weight: normal !important;
  margin: 5px 0 !important;
}

#becs div#reportIncidentBlock {
  line-height: 2em;
}

#becs div.info-text,
#becs div.error-text,
#becs div.attribute-help {
  padding: 5px 15px 5px 45px;
  margin: 5px 0 8px 0;
  min-height: 16px;
  color: #000000 !important;
}

#becs div.info-text h2,
#becs div.error-text h2,
#becs div.attribute-help h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.3em !important;
  font-weight: normal;
  color: #000000 !important;
  background: none !important;
  margin: 5px 0;
}

#becs div.error-text {
  background: #FFF6BF url('/images/error.png') 15px 50% no-repeat;
  border-top: 1px solid #FFD324;
  border-bottom: 1px solid #FFD324;
}

#becs div.info-text {
  background: #BFF6FF url('/images/information.png') 15px 50% no-repeat;
  border-top: 1px solid #24D3FF;
  border-bottom: 1px solid #24D3FF;
}

#becs div.attribute-help {
  background: #F8FAFC url('/images/alert.png') 15px 50% no-repeat;
  border-top: 1px solid #B5D4FE;
  border-bottom: 1px solid #B5D4FE;
}

/* -- -- -- -- -- -- -- --
 *    S2: Form Layout
 * -- -- -- -- -- -- -- -- */
#becs div.section-block {
  border: 1px solid #000000;
  padding: 3px 9px;
  margin:  0 10px 10px 0;
  width: 97%;
}

#becs div.lookup-block {
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 10px;
}

#becs div.lookup-nested-block {
  margin-left: 1em;
  margin-top: 5px;
  margin-bottom: 10px;
}

#becs div.lookup-buttons {
  margin: 10px 0 10px 0;
}

#becs div.group-item {
  margin: 6px 0;
}

#becs div.label { }

#becs div.attribute-display-text {
  margin-left: 1em;
  margin-bottom: 5px;
}

#becs div.attribute-arrows {
  float: left;
  display: inline;
  font-size: 1.7em !important;
  font-weight: bold;
  position : relative;
  top : -0.3em;
}

#becs span.attribute-display-text {
  vertical-align: top;
}

#becs span.attribute-help-link {
  vertical-align: top;
}

#becs div.attribute-body {
  margin-left : 1em;
}

#becs div.attribute-extra {
  margin-top : 5px;
}

#becs div.attribute-error,
#becs .inlineErrorText {
  margin: 5px 0;
  border-left: 2px solid #FFD324;
  color: #000000 !important;
  background: #FFFFFF url('/images/inlineErrorBG.png') repeat-x;
  padding: 3px 3px 3px 8px;
}

#becs div.attribute-error h3,
#becs .inlineErrorText h3 {
  color: #000000;
  font-size: 1em !important;
  font-weight: bold;
  margin: 5px 0;
  padding-bottom: 3px;
  border-bottom: 1px dotted #FFD324;
}

#becs div.attribute-inputs {
  margin-top : 5px;
}

#becs span.label-one { }

#becs span.label-two {
  font-weight: bold;
  color: #0861F7;
  background-color: inherit;
}

#becs span.label-three {
  color: #009900;
  background-color: inherit;
}

#becs span.label-four {
  color: red;
  background-color: inherit;
}

#becs span.label-five {
  color: red;
  background-color: inherit;
}

#becs span.attribute-extra-one { }
#becs span.attribute-extra-two { }
#becs span.attribute-extra-three { }
#becs span.attribute-extra-four { }
#becs span.attribute-extra-five { }

#becs label.postal_address {
  display: block;
  float: left;
  width: 12em;
}

#becs input.postal_address {
  display: block;
  float: left;
}

#becs div.scriptedDateInput,
#becs div.nonScriptedDateInput {
  display: inline !important;
  margin: 0 0 0 2px !important;
}

#becs a.calendarLink {
  cursor: pointer;
}

#becs a.calendarLink img {
  vertical-align: -1px;
}

#becs p.dateFormatMessage {
  display: inline;
  margin: 0 !important;
  padding: 0 0 0 2px !important;
  font-style: italic;
}

#becs div.scriptedDateInput p.dateFormatMessage {
  display: block;
  margin: 5px 0 !important;
  font-size: 0.9em !important;
}

#becs div.submit-buttons {
  display: block;
  margin: 8px 0 5px 0;
  height: 2em;
}

#becs div.submit-buttons input {
  margin-right: 5px;
}

#becs div.referenceNumber {
  text-align: right;
  padding: 5px 0 0 0;
  margin: 6px 0 3px 0;
  font-size: 11px !important;
  font-style: italic;
  border-top: 1px solid #CCCCCC
}

#becs div.referenceNumber span#becsSessionID {
  font-size: 1em !important;
}

#becs span.referenceNumberResult {
  font-weight: bold;
  font-size: 2em !important;
}

/* -- -- -- -- -- -- -- --
 *    S3: Path Layout
 * -- -- -- -- -- -- -- -- */

#becs div.path-node {
  width: 100%;
  color: #000000;
  background-color: #eeeeee;
  margin-bottom: 5px;
}

#becs div.path-node-hdr {
  color: #000000;
  background-color: #dddddd;
  width: 100%;
}

#becs div.path-node-hdr-question-number {
  width: 65%;
  font-weight: bold;
}

#becs div.path-node-hdr-restart {
  width: 15%;
}

#becs div.path-node-hdr-alter {
  width: 15%;
}

#becs div.path-node-post {
  width: 100%;
  margin-top: 5px;
}

#becs div.path-node-post-display-text {
  width: 65%;
}

#becs div.path-node-post-value-pretext {
  width: 15%;
  font-weight: bold;
  font-style: italic;
}

#becs div.path-node-post-value-text {
  width: 15%;
}

#becs div.path-node-post-display-text-full {
  width: 100%;
}

#becs div.supporting-text-backlink {
  margin-bottom: 10px;
}

#becs div.supporting-text-subhead {
  font-weight: bold;
  margin-bottom: 10px;
}

#becs div.supporting-text-para {
  margin-bottom: 10px;
}

/* -- -- -- -- -- -- -- --
 *  S4: Supporting styles
 * -- -- -- -- -- -- -- -- */

#becs div.lookup-error {
  font-weight: bold;
}

#becs span.bulletpoint {
  float: left;
  padding: 0 5px 0 0;
  font-size: 1.8em !important;
  font-weight: bold;
  color: #009999;
  background-color: inherit;
}

#becs .bulletpointBlock {
  line-height: 2em;
}

#becs .errorText {
  font-size: 1.2em !important;
  font-weight: bold;
  color: red;
}

#becs .highlightText {
  color: red;
  font-weight: bold;
}

#becs .hidden {
  display: none;
}

#becs .clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

#becs .clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html #becs .clearfix {height: 1%;}
#becs .clearfix {display: block;}
/* End hide from IE-mac */

#becs .inline {
	display: inline !important;
}

#becs .thin {
	margin: 0;
	padding: 0;
}

/* -- -- -- -- -- -- -- --
 *     S4: Overrides
 * -- -- -- -- -- -- -- -- */

/* Positions the paragraph in the scanned evidences alert properly. */
#becs div.evidenceCaptureLauncher p {
  margin: 5px 0 !important;
  padding: 0 !important;
}

/* Remove the huuuge margin which appears on some council sites in the "Submit Claim" becs-content-area */
#becs form#SUBMITFORM p {
  margin: 5px 0 !important;
}