/**
* Copyright:	Copyright (c) 2009
* Company:      oathouse.com ltd
* Author:       Nick Maunder
* Version:      3.00 2008/05/25
* Includes hacks for IE6, IE7, IE8, Safari3+, Chrome
*/

/* top-level elements
-------------------------------------------*/
* {
  	margin: 0;
  	padding: 0;
}

html, body {
  	height: 100%; /* Required */
}

body {
    background: #fff url("image/background2.png") top left repeat-x;
    font-family: Arial, sans-serif;
    font-size:62.5%;
    font-size:0.8em;
    color:#000;
    background-color:transparent;
}

.wrapper {
    min-height: 100%; /* For Modern Browsers */
    height: auto !important; /* For Modern Browsers */
    height: 100%; /* For IE6 */
    margin: 0 auto -55px;
}

#colour {
    background-color:#000;
    color: #f0b6b6;
}

#mastheadPrimary {
    float:left;
}

@media screen {
    #mastheadControls {
        font-size:0.85em;
        float:right;
        padding-top:40px;
    }
}
@media print {
    #mastheadControls {
        display:none;
    }
}

#navWrapper {
    width:990px;
    margin-left:auto;
    margin-right:auto;
}

#container {
    position: relative;
    width: 990px;
    margin:30px auto 0;
    text-align: left;
}

#container:after {
    clear: both;
    display: block;
    font: 1px/0px serif;
    content: ".";
    height: 0;
    visibility: hidden;
}

#maincontent {
    position: relative;
    clear:both;
    padding-top:15px;
    width: 980px;
}

.footerWrapper, .push {
	height:55px;
}

@media screen {
    .footerWrapper {
        background:#55555F;
        border-top:4px solid #07b00b;
    }
}
@media print {
    .footerWrapper {
        display:none;
    }
}

#footer {
    color:#fff;
    font-size:0.8em;
    padding:10px 0 10px;
    width: 990px;
    margin:0 auto;
}

.splash {
    padding-left:30px;
}

/* fonts
-------------------------------------------*/

h1 {
    font-size:1.5em;
    padding-bottom:10px;
}

h2 {
    font-size:1.1em;
    padding-bottom:10px;
}

#masthead h2 {
    padding:10px 0 0;
    color:#08c80d;
}

h3 {
    font-size:1em;
    padding-bottom:10px;
}

h4 {
    font-size:1em;
    padding-bottom:3px;
}

p {
    clear:both;
    padding-bottom:10px;
}

p.medium {
    font-size:0.9em;
}

p.small {
    font-size:0.7em;
}

p.tiny {
    font-size:0.3em;
    padding-bottom:0;
}

p.noPadding {
    padding-bottom:0;
}

p.bold,
p span.bold {
    font-weight:bold;
}

p.italics,
p span.italics {
    font-style:italic;
}

p.center {
    text-align:center;
}

.highlight {
    font-weight: bold;
    color:red;
}

.lowlight {
    font-weight: bold;
    color:#2f5b03;
}

.bright {
    color:#08c80d;
}

.overBooked {
    font-weight: bold;
    color:red;
}

.inBuffer {
    font-weight: bold;
    color:#ff6600;
}

.underBooked {
    font-weight: bold;
    color:#239126;
}

.dim {
    color:#ccc;
}

p.buttons {
    margin-top:10px;
}

.configTable {
    font-size:0.9em;
}

/* general placement
-------------------------------------------*/

.inline {
    display:inline;
}

.paddingBottom10 {
    padding-bottom:10px;
}

/* images
-------------------------------------------*/

a img {
    border:none;
}

a img.centre {
    margin-left:auto;
    margin-right:auto;
}

img.tip {
    vertical-align:middle;
    margin-bottom:2px;
}

/* lists
-------------------------------------------*/

ul {
    list-style-type:none;
}

/* links
-------------------------------------------*/

a {
    color: #006;
    font-weight: bold;
}

a.info {
    text-decoration: none;
}

a.info:hover,
a.info.focus {
    text-decoration: underline;
}

a:hover,
a:focus{
    color: #000;
    font-weight: bold;
}

a:active {
    color: #006;
    font-weight: bold;
}

a.centre {
    margin-left:auto;
    margin-right:auto;
}

a.masthead {
    color:#08c80d;
    font-weight:normal;
    text-decoration:none;
}

a.masthead:hover,
a.masthead:focus{
    color:#fff;
}

#footer a {
    color:#fff;
    text-decoration:none;
}

#footer a:hover,
#footer a:focus {
    color:#ddd;
}

/* forms
-------------------------------------------*/

@media print {
    .noPrint {
        display:none;
    }
}

fieldset {
    margin-bottom:20px;
    border:1px solid #888;
    border-right:1px solid #666;
    border-left:1px solid #666;
    padding:10px;
}

legend {
    font-weight:bold;
    border:1px solid #888;
    padding:5px;
    background-color:#ccc;
}

label {
    margin-top:4px;
    font-size:0.8em;
    display:block;
}

label.inline {
    font-size:1em;
    display:inline;
}

.labelWrapper {
    float:left;
    padding-right:5px;
    text-align:center;
}
.labelWrapperL {
    float:left;
    padding-right:5px;
    margin-bottom:10px;
}

.input {
    background:#fff;
    border:1px solid #777;
    height:1.3em;
    width:250px;
}

.calInput {
    background:#fff;
    border:1px solid #777;
    height:1.3em;
    width:250px;
    display:inline;
}
div.calButton {
    margin-top:4px;
    float:left;
}

.textarea {
    margin-top:5px;
    background:#fff;
    border:1px solid #777;
    font-family: Arial, sans-serif;
    font-size:0.9em;
    width:700px;
}

select.dialog {
    width:100px;
}

.short {
    width:75px;
}

.vShort {
    width:40px;
}

.wide600 {
    width:600px;
}

.wide650 {
    width:650px;
}

.col1 {
    float:left;
    width:350px;
}

.col2 {
    padding-left:400px;
    width:350px;
}

.twoCol {
    clear:both;
    width:800px;
}

.mixedControls {
    vertical-align:middle;
}

.buttons {
    text-align:left;
    padding-bottom:10px;
}

.messages {
    padding-bottom:10px;
}

.colourBlock {
    display: block;
    display: inline-block;
    /*display: block;    /* For IE */
    margin-top: .2em;
    /*margin: .25em 0;    /* For IE */
    width: 1em;
    height: 1em;
    overflow: hidden;
    text-indent: 1em;
    /*background-color: #e00;*/
    white-space: nowrap;
    border: solid 1px #000;

}

/* masthead
-------------------------------------------*/

@media screen {
    #masthead {
        color:#fff;
        background: transparent; /* url("../i/mastheadbg.jpg") top left no-repeat*/
        width: 990px;
        margin: 0 auto;
        height:56px;
    }
    .noScreen {
        display:none;
    }
}



/* navigation
-------------------------------------------*/
@media screen {
    #menuItems {
        list-style:none;
        height:40px;
        position:relative;
    }
    /*
    #menuItems table {
        border-collapse:collapse: width:0; height:0; margin:-3px -10px;
    }
    */
    #menuItems li {
        float:left;
    }
    #menuItems li.top {
        background:url(image/menuBackground.gif) repeat-x;
    }
    #menuItems li a {
        display:block;
        height:40px;
        line-height:40px;
        padding:0 20px 0 0;
        float:left;
        color:#fff;
        text-decoration:none;
        font-family:tahoma, sans-serif;
        font-size:12px;
    }
    #menuItems li a b {
        display:block;
        height:40px;
        float:left;
        padding:0 0 0 20px;
        cursor:pointer;
    }
    #menuItems li a:hover,
    #menuItems li a:focus,
    #menuItems li a:active {
        background:url(image/tabR.png) no-repeat right top;
        line-height:36px;
        height:44px
    }
    #menuItems li a:hover b,
    #menuItems li a:focus b,
    #menuItems li a:active b {
        background:url(image/tabL.png) no-repeat left top;
        line-height:36px;
    }

    #menuItems li:hover > a,
    #menuItems li:focus > a,
    #menuItems li:active > a {
        background:url(image/tabR.png) no-repeat right top;
        line-height:36px;
        height:44px
    }
    #menuItems li:hover > a b,
    #menuItems li:focus > a b,
    #menuItems li:active > a b {
        background:url(image/tabL.png) no-repeat left top;
        line-height:36px;
    }


    #menuItems ul {
        padding:0;
        margin:0;
        border-top:4px solid #07b00b;
        background:#fff;
        list-style:none;
        position:absolute;
        height:29px;
        width:700px;
        left:-9999px;
        top:40px;
        z-index:10;
    }
    #menuItems ul li {
        height:25px;
        line-height:25px;
    }
    #menuItems ul li a {
        color:#000;
        padding:0 10px 0 10px;
        height:25px;
        line-height:25px;
        border-right:1px solid #0d9910;
        font-weight:bold;
        font-size:11px;
    }
    #menuItems ul li a:hover,
    #menuItems ul li a:focus,
    #menuItems ul li a:active{
        height:25px;
        line-height:25px;
        background:transparent;
        color:#07630a;
    }
    #menuItems ul li a.last {
        border:0;
    }
    #menuItems :hover ul,
    #menuItems :focus ul,
    #menuItems :active ul {
        left:0;
    }
    #menuItems li.current ul {left:0; z-index:1;}

    #menuItems li.current a {
        background:url(image/tabRDark.png) no-repeat right top;
        line-height:36px;
        height:44px
    }
    #menuItems li.current a b {
        background:url(image/tabLDark.png) no-repeat left top;
        line-height:36px;
    }
    #menuItems li.current ul li a {
        color:#000;
        padding:0 10px 0 10px;
        height:25px;
        line-height:25px;
        background:transparent;
    }
    #menuItems li.current ul li.current_sub a {
        color:#07630a;
    }
    #menuItems li.current ul li a:hover,
    #menuItems li.current ul li a:focus,
    #menuItems li.current ul li a:active {
        color:#07630a;
    }
}

@media print {
    #nav {
        display:none;
    }
}

/* layout
-------------------------------------------*/

.center {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    float:none;
}

/* table of data
-------------------------------------------*/

table.data td {
    padding-right:10px;
}

/* live validation
-------------------------------------------*/
.LV_validation_message{
    margin:0 0 0 5px;
}

.LV_valid {
    color:#2f5b03;
}

.LV_invalid {
    color:red;
}

.LV_valid_field,
input.LV_valid_field:hover,
input.LV_valid_field:active,
textarea.LV_valid_field:hover,
textarea.LV_valid_field:active {
    border: 1px solid #2f5b03;
}

.LV_invalid_field,
input.LV_invalid_field:hover,
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover,
textarea.LV_invalid_field:active {
    border: 1px solid red;
}



/* coolhover titles
<strong>Help</strong> text <em>emphasised</em>
-------------------------------------------*/
acronym {
    cursor:pointer;
}

body div#toolTip {
    position:absolute;
    z-index:1000;
    max-width:220px;
    background:#ccc;
    border:1px solid #888;
    text-align:left;
    padding:5px;
    min-height:1em;
    -moz-border-radius:5px;
}

body div#toolTip p { 
    margin:0;
    padding:0 2px 2px 0;
}

body div#toolTip p em { 
    color:red;/*#f60;*/
    font-style:normal;
    font-weight:bold;
}

/* click table
-------------------------------------------*/

.clickTable {
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
}

.clickTable td {
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:4px;
}