/*
Theme Name: 3B International
Theme URI: http://www.ampersandindustries.co.uk
Description: Base template for 3B International
Version: 1.2
Author: Matt Collins
Author URI: http://www.ampersandindustries.co.uk
Tags: clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";



body{
  background:   #5a5a5a;
  color:    #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size:    0.9em;
}

a{
  color:    #ffffff;
}


td, th{
  font-size:12px;
  text-align:left;
}

input{
  border:none;
}


#container{
  width:    960px;
  float:    left;
  height:   100%;
}

#page-outer{
  width:    960px;
  margin:   0 auto;
}


#header{
  width:    960px;
  float:    left;
  border-bottom:    4px solid #fff;
    background: transparent url(images/3b-international.png) no-repeat 0 0;
    height: 121px;
}


#header h1{
  font-size:    12px;
  width:    400px;
  float:    right;
  text-align:   right;
  padding-top:  30px;
}




#banner{
  width:    960px;
  float:    left;
}



ul.menu{
  width:    960px;
  overflow:hidden;
  margin-bottom:    -21px;
}

ul.menu li{
    list-style: none;
    padding:    0 0 0 0;
    margin:    0 0 10px 0;
}


ul.menu li a{
    color:  #fff;
    text-transform: uppercase;
    text-decoration:    none;
    height: 22px;
    display:    block;
    background: transparent url(images/menu.png) no-repeat top left;
    padding-right:  4px;
}

ul.menu li a:hover{
  color:    #ffffff;
}


#content-outer{
  width:    960px;
  float:    left;
  margin:   0 0 0 0;
}


#content{
  width:    430px;
  float:    left;
}




#content p, #sidebar p{
  font-size:    0.95em;
  line-height:  1.25em;
  margin:   0 0 1em 0;
}




#content h1{
  margin:   0 0 0 0;
}

#content h2{
  margin:   0 0 0 0;
}


#footer{
  float:    left;
  margin:   15px 0;
  font-size:    0.8em;
}

.form-outer{
  width:    960px;
  float:    left;
}


.form-row{
  width:    960px;
  float:    left;
  margin:   0 0 6px 0;
}

.form-row label{
  width:    30%;
  float:    left;
}

.form-row input, .form-row textarea{
  width:    60%;
  float:    left;
  border:   none;
}

fieldset{
  width:    97%;
  float:    left;
  margin:   0 0 12px 0;
  border:   1px solid #fff;
}


fieldset.column{
  width:    47%;
  float:    left;
margin-right: 2px;
}

fieldset.column .form-row input{
  float:    right;
}

.form-row.header{
  width:    25%;
}

.form-row.header label, .form-row.header input{
  float: none;
  width:90%;
  font-size: 12px;
}
.form-row.header label{
  font-weight:  bold;
}

.inner-row{
  width:    100%;
  float:    left;
}

.form-row .inner-row input,
.form-row .inner-row label{
  width:    auto;
}

.form-row label input{
  float:    none;
}

input#chkInsuranceRqd{
  width:    auto;
}

.label
{
    font:forecolor=white
}
.linkbutton
{
    font-family: Verdana;
    font-size: medium;
    font-style: normal;
    color: #00AEEF;
}
.textbox
{
    font-family: Verdana;
    font-size: small;
    font-style: normal;
    color: #00AEEF;
    font-weight: bold;
}
.listbox
{
    font-family: Verdana;
    font-size: small;
    font-style: normal;
    color: #00AEEF;
    font-weight: bold;
}
.grid-view
{
   padding: 0;
   margin: 0;
   border: 1px solid white;
   font-family: "Verdana, Arial, Helvetica, sans-serif, Trebuchet MS";
   font-size: 0.9em;
}

.grid-view tr.header
{
   color: white;
   height: 25px;
   vertical-align: middle;
   text-align: center;
   font-weight: bold;
  
}

.grid-view tr.normal
{
   color: white;
   height: 25px;
   vertical-align: middle;
   text-align: left;
}

.grid-view tr.alternate
{
   color: white;
   background-color: black;
   height: 25px;
   vertical-align: middle;
   text-align: left;
}
.grid-view tr.normal:hover, .grid-view tr.alternate:hover
{
   background-color: #FF33CC;
   color: black;
   font-weight: bold;
}
.gvFixedHeader
{
    position:relative;
}
.lgelinkbutton
{
    font-family: Verdana;
    font-size: large;
    font-style: normal;
    color: white;
}
.cal_Theme1 .ajax__calendar_container   {
    background-color: #e2e2e2; 
    border:solid 1px #cccccc;
}

.cal_Theme1 .ajax__calendar_header  {
    background-color: #ffffff; 
    margin-bottom: 4px;
}

.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev    {
    color: #004080; 
    padding-top: 3px;
}

.cal_Theme1 .ajax__calendar_body    {
    background-color: #e9e9e9; 
    border: solid 1px #cccccc;
}

.cal_Theme1 .ajax__calendar_dayname {
    text-align:center; 
    font-weight:bold; 
    margin-bottom: 4px; 
    margin-top: 2px;
}

.cal_Theme1 .ajax__calendar_day {
    text-align:center;
}

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active  {
    color: #004080; 
    font-weight: bold; 
    background-color: #ffffff;
}

.cal_Theme1 .ajax__calendar_today   {
    font-weight:bold;
}

.cal_Theme1 .ajax__calendar_other,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {
    color: #bbbbbb;
}