/* 
Eric Meyer Reset - v1.0 | 20080212 
*/
    html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body{line-height: 1;}ol, ul{list-style: none;}blockquote, q{quotes: none;}blockquote:before, blockquote:after,q:before, q:after{content: '';content: none;}:focus{outline: 0;}ins{text-decoration: none;}del{text-decoration: line-through;}table{border-collapse: collapse;border-spacing: 0;}
    thead    { display: table-header-group;}
/* 
Typography
*/
    body{font-family:'Helvetica Neue', Helvetica, Arial , sans-serif;font-size: 14px;line-height: 21px;}
    textarea, input{font-family:'Helvetica Neue', Helvetica, Arial , sans-serif; font-size: 14px;}
    h1,h2,h3,h4,h5,h6{margin: 7px 0; padding: 14px 0;}
    h1{font-size: 35px; line-height: 35px;}
    h2{font-size: 28px; line-height: 35px;}
    h3{font-size: 21px; line-height: 21px;}
    h4{font-size: 18px; line-height: 21px;}
    h5{font-size: 14px; line-height: 21px;}
    h6{font-size: 12px; line-height: 21px;}
    p{ margin-bottom: 21px;}
    em{ font-style: italic;}
    strong{font-weight: bold;}
    .statement{ font-size: 100px; line-height: 100px; font-weight: bold;}
    blockquote{ font-size: 21px; line-height: 21px; font-style: bold;}
/*
Grid column widths are (56 * colspan) - 14
*/
    .container{margin: 0 auto; width: 938px; clear: both; padding: 14px;}
    
    .shaded{background-color: #3e3e3e; color: #fff;}
    .clearfix:after, .container:after, .grid:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
    .clearfix {display:inline-block;}
    .clear {clear:both;}
    .grid{ display: block; float: left; margin-right:14px;margin-bottom: 14px; width: 100%;}
    .grid.auto{ width: auto; float: none;}
    .border-right{ margin-right: 13px; border-right: 1px;}
    .col_1{width: 42px}
    .col_2{width: 98px}
    .col_3{width: 154px}
    .col_4{width: 210px}
    .col_5{width: 266px}
    .col_6{width: 322px}
    .col_7{width: 378px}
    .col_8{width: 434px}
    .col_9{width: 490px}
    .col_10{width: 546px}
    .col_11{width: 602px}
    .col_12{width: 658px}
    .col_13{width: 714px}
    .col_14{width: 770px}
    .col_15{width: 826px}
    .col_16{width: 882px}
    .col_17{width: 938px; margin-right: 0px;}

    .prepend_1{margin-left: 70px;}
    .prepend_2{margin-left: 126px;}
    .prepend_3{margin-left: 182px;}
    .prepend_4{margin-left: 238px;}
    .prepend_5{margin-left: 294px;}
    .append_1{margin-right: 70px;}
    .append_2{margin-right: 126px;}
    .append_3{margin-right: 182px;}
    .append_4{margin-right: 238px;}
    .append_5{margin-right: 294px;}
    .last{ margin-right: 0px;}
    .centralise{float: none;margin: 0 auto;width: 996px;}

/* 
Tables
*/
    table{}
    thead, tbody, tfoot{margin-bottom: 0;}
    th{ text-align: left; border-style: solid;}
    thead th{border-bottom-width: 3px;}
    tfoot th{ font-style: italic; font-size: 100%; border-top-width: 2px; padding: 9px 0 ;}
    table .col_1, table .col_2, table .col_3, table .col_4, table .col_5, table .col_6, table .col_7, table .col_8, table .col_9, table .col_10, table .col_11, table .col_12, table .col_13, table .col_14, table .col_15,table .col_16, table .col_17 ,table .col_18{ margin-right: 0; padding-right: 14px;}
    table .col_1.last, table .col_2.last, table .col_3.last, table .col_4.last, table .col_5.last, 
    table .col_6.last, table .col_7.last, table .col_8.last, table .col_9.last, table .col_10.last, 
    table .col_11.last, table .col_12.last, table .col_13.last, table .col_14.last, table .col_15.last,
    table .col_16.last, table .col_17.last ,table .col_18.last{padding-left: 7px; padding-right: 0px;}
    table .col_1.first, table .col_2.first, table .col_3.first, table .col_4.first, table .col_5.first, 
    table .col_6.first, table .col_7.first, table .col_8.first, table .col_9.first, table .col_10.first, 
    table .col_11.first, table .col_12.first, table .col_13.first, table .col_14.first, table .col_15.first,
    table .col_16.first, table .col_17.first ,table .col_18.first{padding-left: 0px; padding-right:7px;}
    table tbody .grid{margin-bottom: 0; padding-top: 7px; padding-bottom: 7px;}
/*
Forms
*/
input[type=text], input[type=password], textarea{border-width: 1px; border-style: solid; line-height: 21px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
input[type=text], input[type=password], textarea, select{ width: 100%; padding: 3px ;}
textarea{height: 231px;}
label{display: block;}
fieldset input[type=radio], fieldset input[type=checkbox]{ float: left; margin-right: 14px;}
.eg{font-size: 80%; font-style: italic;}

/* make a link, look like a button */
a.button, button {
    border-width: 1px; 
    border-style: solid;  
    display:block;
    float:left;
    margin:0 14px 0 0;
    padding:5px 7px 5px 7px;
    font-size:100%; 
    line-height:21px;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
}

button img, a.button img{margin:0 10px -3px 0 !important;padding:0;border:none;width:16px;height:16px;float:none;}

/*
Navigation
*/
    .nav{list-style: none; }
    .nav li{display: inline;}
    .nav li a{display: block; padding: 0 7px; line-height: 28px;border-bottom-width: 1px; border-style: dotted;}
    .nav li a span.meta{font-size: 11px; text-align: right; display: block; width: auto; margin-top: -27px;}
    .nav.horizontal li a{float: left; border-top-width: 1px; border-style: dotted;}
    .nav.vertical{border-top-width: 1px; border-style: dotted;}
    .nav.nested h4, .nav.nested a{line-height: 21px; margin: 0; padding: 0; border: 0 none; }
    .nav.nested h4{ float: left; clear: left; font-size: 80%; text-transform: uppercase; margin: 0 14px; padding: 0 7px;}
    .nav.nested ul li a{ float: left; border: 0 none; margin-right: 14px; padding: 0 7px; font-size: 80%;}
/* 
Breadcrumb
*/
    .breadcrumb{font-size: 80%; border-width: 0px; border-style: solid; border-right-width: 0; border-left-width: 0; text-transform: uppercase;}
    .breadcrumb li{display: inline;color}
    .breadcrumb a, .breadcrumb .bc_home{ float: left; display: block; padding: 0 0 0 14px; text-align: center;}
    .breadcrumb a{background: transparent url(/icons/breadcrumb.a.bg.png) 0 -24px no-repeat;}

/* 
Pagination
*/

/*
 other elements
*/
hr{ clear: both; border: 0 none; border-top: 1px solid; margin-bottom: 14px; padding: 0; width: 100%;}
/*
lazy styles 
*/
    /* lazy font sizes */
    div.xsmall, p.xsmall{font-size: 50%;}
    div.small, p.small{font-size: 75%;}
    div.large, p.large{font-size: 125%; line-height: 30px;}
    div.xlarge, p.xlarge{font-size: 150%;line-height: 36px;}
    div.xxlarge, p.xxlarge{font-size: 175%;}
    div.xxxlarge, p.xxxlarge{font-size: 200%;}
    div.massive, p.massive{font-size: 200%;}
    /* lazy image sizes */
    img.xsmall{width:42px; width:42px;}
    img.small{width:75%;  height: 75%;}
    img.large{width:125%; height: 125%;}
    img.xlarge{width:150%; height: 150%;}
    img.xxlarge{width:175%; height: 175%; }
    img.xxxlarge{width:175%; height: 175%;}
    img.icon{vertical-align: middle; margin-right:18px;}
    /*  lazy alignment */
    .left{ text-align: left;}
    .center{ text-align: center;}
    .right{ text-align: right;}
    .justify{ text-align: justify;}
    /* lazy typography */
    .underline{ text-decoration: underline;}
    .strike{ text-decoration: line-through;}
    .upper{text-transform: uppercase;}
    .hidden{display: none;}

/* 
COLOUR:
the body 
*/
    body, p{ color: #242A31;}
    .muted p{color: #666 !important;}
    h1, h2, h3, h4, h5, h6{ color: #000;}
    /* main grid */
    .container{background-color: #fcfcfc}
    .border-right: {border-color: #ccc;}
    hr{ border-color: #999;}
    /* tables */
    th{border-color: #ccc;}
    .row_1{background-color: #F8F8F8;}
    .row_2{background-color: #DEE7F6;}
    table.active tbody tr:hover{ background-color:#93C7F6; color: #fff;}
    table.active tbody td:hover{ background-color:#79A2E9; color: #fff;}
    /* breadcrumb */
    .breadcrumb .bc_home{color: #b4b6b9;}
    .breadcrumb:hover .bc_home{color: #242a31;}
    .breadcrumb:hover a{color: #344DBC;}
    .breadcrumb{ border-color: #ebf4f6; background-color: #fafeff;}
    .breadcrumb a{color: #cbdcfc;}
    .breadcrumb:hover{ border-color: #C1DCE4; background-color: #F0FCFF;}
    /* navigation */
    .nav a:hover{ background-color: #74B6F3;color: #fff;}
    .nav{ border-color: #C1DCE4;}
    .nav li a{ border-color: #C1DCE4;background-color: #EEF9FC; }
     .nav.nested h4, .nav.nested a{ background-color: transparent;}
     .nav.nested h4:hover, .nav.nested a:hover{ background-color: #3A4DBA; color: #D9F4FC;}
    /* links */
    a{color: #5C87F3; text-decoration: none;}
    a:hover{background-color: #00ACE9; color: #fff;}
    /* heading links */
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{background-color: #00ACE9; color: #000;}
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{background-color: #00ACE9; color: #fff;}
    /* selected text */
    ::selection{ background-color: #000; color: #FFD01F;}
    /* typographic colors */
    .quiet{ color: #ccc;}
    .xquiet{ color: #999;}
    /* form colours */
    fieldset.text label{color: #9B9B9B;}
    fieldset.text.required label{color: #202022; font-weight:bold;}
    fieldset input[type=text], fieldset input[type=password], fieldset textarea{ border-color: #999; background-color: #fcfcfc;}
    fieldset input[type=text]:focus, fieldset input[type=password]:focus, fieldset textarea:focus{ border-color: #333; background-color: #fff;}
    a.button, button{ color:#3B50B5; background-color:#E4ECF9; border-color: #B3CAE4;}
    a.button:hover, button:hover{ border-color: #19224F;  background-color:#3B50B5; color:#E4ECF9}
    /* errors and feedback */
    /* errors */
    .error{ color: #B51A13;}
    fieldset.error input, fieldset.error textarea{ border-color: #f00; background-color: #FFCCC9 !important;}
    .success{ color: #54A824;}