/*
  We are phasing out the .css files in favour of the .less versions as part of longer term improvements. If the module/resource set you are updating refers to the .css versions, please update all files to use .less instead.
*/

.b {
  padding : 0px;
  font-size:0.85em;
  float: right;  
  width : 250px;
  text-align : left;
  border : 1px solid #E30202;
  margin-top: -40px;
  


}

.b input,
.b select,
.b textarea {
  font-size:1em;  
  margin-top: 2px;
}

.b select.wide
{
	width : 220px;
}

.b th,
.b td {

  border-left:0;
  border-bottom:0;
  padding:0px 4px 0px 4px;

}

.b th {
  line-height:2em;
  text-align:left;


  color: #FFF;
}

.b thead th,
.b thead td {

   background-color : #E30202;
   padding : 5px;
  color:#fff;
  font-weight : bold;
}

.b thead tr
{
	margin: 2px;
}

.b tbody th {


  padding-right:0.0em;
  font-weight : normal;
  color : E30202;
  text-align : right;
  vertical-align : top;

}

.b tbody td {

  color: #E30202;
  padding : 4px;
}

.b tbody input {
  width:20em;
  border : 1px solid #E30202;
  background-color: #fff;
}

.b tbody input.small
{
	width : 3em;
}

.b tbody input.auto {
  width:auto;
}
.b textarea {
  width:99%;
  height:8em;
}

.b tfoot th {
  border-right:0;
}

.b tfoot
{

}

.b tfoot td input {
  margin:0.4em 0 0.4em 0;
}

.b tbody .num2 {
  width:2em;
  color: #fff;
}

.b small {
  margin-left:0.5em;
}





  .b tbody td.heading {
  background-color: #0F054E;
  color:#fff;
  /*font-weight:bold;*/
  line-height:1.6em;
}

.b input.submit
 {

  width:auto;
  border: 1px solid #000;  
  background-color: #E30202;


  

    




  color: #fff;
  

}

input.valid-form-field, textarea.valid-form-field
{
  background-image: url('../images/field-verified-tick.png');
  background-repeat: no-repeat;
  background-position: 100% 3px;
}

input.invalid-form-field, textarea.invalid-form-field
{
  background-color: #FFCCC8;
}

form.f div.field-validation-rules
{
  display: inline-block;
  margin: 5px 0 0 100px;
  
  font-size: 0.7em;
  padding: 0.2em 1em;
  background-color: #f55;
  color: #fff;
  
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
}

form.f { font-size:0.85em; width: 450px; padding:10px; margin: 1em 0; border: 1px solid #DDDDDE; line-height:1.25em;  }
form.f.with-tabs { margin: 0 0 1em 0; }
form.small-label { background:#F2F2F2 url('../images/g-bg-form-small.gif') repeat-y;}
 
form.f p { clear:right; padding-top:4px; }
 
form.f div { clear:right; padding:5px 0; margin: 0; }
form.f div div { clear:none; padding:0; }
#content form.f div div p { font-size:1em; margin:0 0 1em 0; }
form.f label { width:80px; display:block; float:left; margin:0 20px 0 0;}
form.f input, form.f textarea { line-height:1.25em; border:#ccc solid 1px; padding:2px; font-size:1em;}  
form.f select { line-height:1.25em; border:#ccc solid 1px; font-size:1em; padding:2px 0;}  
form.f select.country { width: 250px; }  
form.f input { width:250px; }
form.f textarea { width:320px; height:9em;}
form.f textarea.large { width:450px; height:16em; }
form.f textarea.address { width: 250px; height: 2.8em; }
form.f span.note { display: inline-block; font-size: 0.85em; vertical-align: baseline; }
 
form.f .field { display: block; margin: 0 0 0 100px;}
form.f input.checkbox { width:auto; vertical-align:middle; border:0;}
form.f input.small, form.f select.small { width:55px; }
form.f input.medium, form.f select.medium { width:130px; }
form.f input.large, form.f select.large { width:250px; }
form.f input.checkbox-group { margin:0 0 0 100px;}
 
form.f div.inline-field label { width:80px; display:inline; float:none; margin:0 10px 0 0;}
form.f div.inline-field { margin:0 0 0 100px; color:#585757; }
form.f div.buttons,form.f p.buttons { margin: 20px 0 0 100px; }
 
form.medium-label .field { display: block; margin: 0 0 0 150px; }
form.medium-label { background:#F2F2F2 url('../images/g-bg-form-medium.gif') repeat-y; width:510px;}
form.medium-label label { width:130px;}
form.medium-label div.inline-field label { width:55px; display:inline; float:none; margin:0 10px 0 0;}
form.medium-label div.inline-field { margin:0 0 0 150px;}
form.medium-label .checkbox-group { margin:0 0 0 150px; font-size:1em;}
form.medium-label textarea { width:320px; height:9em;}
form.medium-label div.buttons,form.medium-label p.buttons { margin: 20px 0 0 150px; }
 
form.large-label .field { display: block; margin: 0 0 0 200px; }
form.large-label { background:#F2F2F2 url('../images/g-bg-form-large.gif') repeat-y; width:700px;}
form.large-label label { width:180px;}
form.large-label div.inline-field label { width:55px; display:inline; float:none; margin:0 10px 0 0;}
form.large-label div.inline-field { margin:0 0 0 200px;}
form.large-label .checkbox-group { margin:0 0 0 200px; font-size:1em;}
form.large-label div.buttons,form.large-label p.buttons { margin: 20px 0 0 200px; }
 
form.f input.submit, form.f a.button, form.f input.button, form.f button { padding: 0.25em 1em; border: 1px solid #B2C3DB; background-color: #E1E9F5; width: auto; cursor: pointer; color: #000; }
form.f a.button:hover { text-decoration: none; }
form.f input.submit, form.f button.submit { background-color: #A40233; border: 1px solid #5A0016; color: #fff; }
 
label.rhs_label {display: inline !important; float: none !important; width: auto !important; margin:0 !important;}
form.f .field ul { margin: 0 0 1em 2em; padding: 0; }
form.f .field ul li { margin: 0; padding: 0; }
 
form.f table { width:28em; border:#ccc solid 1px; border-collapse: collapse;}
form.f td, th { padding:4px 6px;}
form.f table thead { background-color:#ccc;}
form.f th { text-align:left; width:60%; }
form.f tbody th {border-right:#eee solid 1px;}
form.f table tfoot { background-color:#eee;}

 
form.f div.form-section { padding-top:0; }
 
form.auto { width:auto; border:0; padding:0; }
form.auto table { width:100% }
form.auto td, th { padding:2px; }
form.auto th { width:auto; }


/**** calendar colours ****/
form.f div.calendar
{
  background-color: #fff;
  border: 1px solid #5e5e5e;
}

form.f div.calendar-header
{
  background-color: #444;
  color: #fff;
}

form.f div.calendar-days
{
  background-color: #F2F2F2;
}

form.f div.calendar-cells a
{
  color: #000;
  border-left: 1px solid #DDDDDE; /* note: MUST be a 1px border-left */
  border-top: 1px solid #DDDDDE;  /* note: MUST be a 1px border-top */
}

form.f div.calendar-cells a.firstcolumn
{
  border-left: 0;
}

form.f div.calendar-cells a:hover, form.f div.calendar-cells a.selected
{
  background-color: #444;
  color: #fff !important;
  font-weight: bold;
}

form.f div.calendar-cells a.other-month
{
  background-color: #F2F2F2;
}

form.f div.calendar-cells a.other-month:hover
{
  background-color: #F2F2F2;
}

form.f div.calendar-cells a.today
{
  background-color: #DDDDDE;
}

form.f div.calendar-cells a.today:hover
{
  background-color: #444;
}


/**** calendar layout ****/
form.f div.calendar
{
  display: inline;
  position: absolute;
  width: 279px;
}

form.f div.calendar-header
{
  height: 26px;
  line-height: 26px;
}

form.f div.calendar-header a
{
  display: block;
  float: left;
  width: 20px;
  text-align: center;
  font-size: 15px;
  
  text-decoration: none;
  color: #fff !important;
}

form.f div.calendar-header a:hover
{
  font-weight: bold;
}

form.f div.calendar-header span
{
  display: block;
  float: left;
  width: 199px;
  text-align: center;
  font-size: 13px;
}

form.f div.calendar-days
{
  line-height: 26px;
}

form.f div.calendar-days span
{
  display: block;
  float: left;
  width: 40px;
  text-align: center;
  
  font-size: 13px;
  font-weight: bold;
  color: #444 !important;
  cursor: default;
}

form.f div.calendar-days span.firstcolumn
{
  width: 39px;
}

form.f div.calendar-cells a
{
  display: block;
  float: left;
  width: 39px;
  line-height: 26px;
  text-align: center;
  
  text-decoration: none;
  font-size: 13px;
  color: #444 !important;
}

form.f div.calendar-cells a.other-month:hover
{
  background-color: #F2F2F2;
  cursor: default;
}

form.f div.treeselector
{
  display: inline-block;
}

form.f div.treeselector select
{
  margin: 0.5em;
}

form.f div.treeselector div.treeselect_descendants
{
  padding: 0 0 0 2em;
}

form.f div.form-select-option-checkbox label {
  width: auto;
  float: none;
  display: inline;
}

ul.form-tabs, #content ul.form-tabs {
  list-style: none;
}

ul.form-tabs li, #content ul.form-tabs li {
  display: inline-block;
  margin: 5px 2px 0 0;
  padding: 0;
  border: 1px solid #9FA4A9;
  border-bottom: 0 none;
  background-color: #E5EBF3;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

ul.form-tabs li.selected, #content ul.form-tabs li.selected {
  margin-bottom: -1px;
  border: 1px solid #9FA4A9;
  border-bottom: 1px solid #fff;
  background-color: #fff;
}

ul.form-tabs li a, #content ul.form-tabs li a {
  display: inline-block;
  padding: 5px 10px;
}