/**
* Copyright:	Copyright (c) 2010
* Company:      oathouse.com ltd
* Author:       Nick Maunder
* Version:      4.00 2010/02/02 (production release)
* Includes hacks for IE7, IE8, Safari3+, Chrome
* - old hacks left in for IE6 but no longer supported
* - quick win Opera9 hacks in, but not fully supported
*/

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

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

body {
    background: #cde1e0 url("../i/pagebg.jpg") top left repeat-x;
    font-family: Verdana, "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
    font-size:62.5%;
    font-size:0.8em;
}

/* push footer to bottom */
.wrapper {
    min-height: 100%; /* For Modern Browsers */
    height: auto !important; /* For Modern Browsers */
    height: 100%; /* For IE6 */
    margin: 0 auto -114px;
}
.footerWrapper, .push {
    height:114px;
}

#container {
    position: relative;
    background:#fff;
    background-color: transparent;
    width: 990px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

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

#maincontent {
    position: relative;
    clear:both;
    width: 980px;
    text-align: left;
    padding-top:10px;
}
.textContainer {
    width: 950px;
    margin-left:auto;
    margin-right:auto;
}

#footer	{
    text-align: center;
    font-size:0.65em;
    padding:0 0 5px;
}

/* gets rid of dots around links in FF*/
a {
    outline:none;
}

/* IE7 specific hack for submit button to login on home page */
*:first-child+html input[type="submit"].narrowButton {
    width:60px;
}

/* IE7 specific hack for new route buttons on search page */
*:first-child+html input[type="button"].narrowButton {
    width:90px;
}

/* IE6 specific hack */
* html #footer {
    margin-left:auto;
    margin-right:auto;
    width:780px;
    font-size:0.7em;
}

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

h1 {
    clear:both;
    text-align: center;
    margin:10px auto;
    padding:2px 10px;
    background-color: #416d6b;
    color: #fff;
    font-size:1.0em;
}

h1.left {
    text-align:left;
}

h1.central {
    padding-left:17px;
    padding-right:17px;
}

.floatRight {
    float:right;
}
h1.noTopMargin {
    margin-top:0;
}
a.bar {
    color:#fff;
}
a.bar:hover,
a.bar:focus {
    color:#ddd;
}
h1.secondary {
    color:#000;
    background-color: #79aeac;
}

/* IE6 specific hack */
* html h1.box {
    width:100%;
}

h2 {
    text-align: center;
    color: #006;
    font-size:1.1em;
}

h3 {
    clear:both;
    text-align: left;
    color: #006;
    font-size:1em;    
}

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

.firstHalf p,
.secondHalf p {
    padding-left:35px;
}

p.central {
    padding:10px 17px;
}

/* IE7 specific hack */
*:first-child+html p {
    margin-top:0.5em;
}

/* IE6 specific hack */
* html p {
    margin-top:0.5em;
}

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

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

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

p.center {
    text-align:center;
}

p.noPadding {
    padding:0;
}

div.indent,
p.indent {
    padding-left:35px;
}

p.box {
    width:200px;
    padding:4px 0;
    margin-bottom:10px;
}

/* IE6 hack */
* html p.box {
    width:205px;
}

p.topMargin15 {
    margin-top:15px;
}

/* IE7 specific hack */
*:first-child+html p.innerBox {
    margin-top:5px;
}

/* IE6 specific hack */
* html p.innerBox {
    width:100%;
    margin-top:10px;
}

/* IE7 specific hack */
*:first-child+html p.highlight {
    margin-top:0;
    margin-bottom:7px;
}

/* IE6 specific hack */
* html p.highlight {
    margin-top:0;
    margin-bottom:7px;
}

p.floatRight {
    float:right;
}

p.clearNone {
    clear:none;
}

/* IE7 specific hack */
*:first-child+html p.clearNone {
    margin-top:0;
}

/* IE6 specific hack */
* html p.clearNone {
    margin-top:0;
}

p.link {
    border:1px solid #000;
    font-size:0.9em;
    background-color:#fff;
    padding:4px 2px 4px 14px;
    margin-bottom:7px;
    margin-left:35px;
}

p.close {
    margin:0;
    padding:0;
}

p.closeButtons {
    margin:0;
    padding-bottom:0;
}

/* IE7 specific hack */
*:first-child+html p.closeButtons {
    margin-top:0;
}

/* IE6 specific hack */
* html p.closeButtons {
    margin-top:0;
}

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

.grey {
    background-color:#79aeac;
}

.pending {
    font-weight:bold;
    color:#6c8f02;
}

.approve {
    font-weight:bold;
    color:#6c8f02;
}

.edit {
    font-weight:bold;
    color:#6c8f02;
}

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

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

.credit {
    color:red;
}

/* cta buttons on logged in home page
-------------------------------------------*/

button.cta {
    width:180px;
    height:30px;
    vertical-align:middle;
    color:red;
    font-size:1.1em;
    font-weight:bold;
    cursor:pointer;
}

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

.logo {
    margin-left:auto;
    margin-right:auto;
}


.galleryCentered {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    width:auto;
}

.imageBox {
    padding-left:5px;
    padding-right:5px;
    vertical-align:bottom;
}

.description {
    margin-bottom:10px;
}

a img {
    border:none;
}

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

a.frontPage {
	color: #666666;
    font-size:1.4em;
    text-decoration: none;
}
a.frontPage:visited {
	color: #999999;
}
a.frontPage:hover {
	color: #FF0000;
}

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

ul {
    list-style-type:none;
}

ul.bullets {
    list-style-type:disc;
    margin-left:20px;
}

li.help {
    padding-bottom:5px;
}

dl {
    margin:0;
}

dl.center {
    width:450px;
    margin-left:auto;
    margin-right:auto;
}

dt.bold {
    font-weight:bold;
}

.dtBold {
    font-weight:bold;
}

.right {
    padding-top:10px;
    text-align:right;
}

dt {
    clear:both;
    text-align: left;
    float: left;
    height:1.7em;
    margin-top:5px;
    width:190px;
    padding-right:10px;
    padding-left:35px;
}

dt.account {
    padding-left:210px;
    width:170px;
}

dt.mail {
    width:80px;
}

dt.profile {
    width:170px;
}

/* IE7 issue is float clearing */
.clearfix:after {
    content:".";
    height:0;
    display:block;
    visibility:hidden;
    overflow:hidden;
    clear:both;
}
.clearfix {
    margin:0;
    height:1px;
}

/* IE7 specific hack */
*:first-child+html dt{
    width:185px;
}

/* IE6 specific hack */
* html dt {
    width:185px;
}

dt.view {
    height:auto;
}

dt.file {
    float:right;
    clear:none;
}

/* IE7 specific hack */
*:first-child+html dt.explanation {
    width: 330px;
}

/* IE6 specific hack */
* html dt.explanation {
    width: 330px;
}

dd {
    margin:0;
    width: 189px;
    text-align: left;
    margin-top:5px;
    float: left;
}

dd.narrow {
    width:50px;
}

dd.bold {
    font-weight:bold;
}

dd.wider {
    width:250px;
}

dd.mail {
    width:750px;
}

.medium {
    font-size:0.75em;
}

.smaller {
    font-size:0.75em;
}

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

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

.wholeWidth dl dd {
    width: 540px;  
}

.narrower450 dl dt {
    width:255px;
}

.narrower450 dl dt.explanation {
    height:auto;
    margin-top:2px;
    padding-bottom:10px;
    width:auto;
}

/* IE7 specific hack */
*:first-child+html .narrower450 dl dt.explanation {
    width: 650px;
}

/* IE6 specific hack */
* html .narrower450 dl dt.explanation {
    width: 650px;
}

.narrower450 dl dd {
    width:400px;
}

.wider dl dd {
    width:250px;
}

dt.explanation {
    height:auto;
    margin-top:2px;
    padding-bottom:10px;

    width:auto;
}

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

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

a.info {
    text-decoration: none;
}

a:hover,
a:focus{
    color: #00c;
}

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

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

#errors ul {
    list-style-type:none;
}

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

.longer250 {
    width:250px;
}

/* IE7 specific hack */
*:first-child+html .longer250 {
    width:240px;
}

/* IE6 specific hack */
* html .longer250 {
    width:240px;
}

.longer {
    width:300px;
}

.med {
    width:190px;
}

.short {
    width:80px;
}

.long {
    width:480px;
}

.inputSelect {
    background:#fff;
    border:1px solid #aaa;
    height:1.5em;
}

.inputSelectLong {
    background:#fff;
    border:1px solid #aaa;
    height:1.5em;
    width:600px;
}

.inputSelect200 {
    background:#fff;
    border:1px solid #aaa;
    height:1.5em;
    width:200px;
}

.topInput {
    background:#fff;
    border:1px solid #aaa;
    height:1.3em;
    width:180px;
}

.topInputNarrow {
    background:#fff;
    border:1px solid #aaa;
    height:1.3em;
    width:108px;
}

.textarea {
    margin-top:5px;
    background:#fff;
    border:1px solid #aaa;
    font-family: Verdana, "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
    font-size:0.9em;
}

.disabled {
    color:#333;
}

/* IE6 specific hack */
* html .textarea {
    width: 430px;
}

/* IE7 specific hack */
*:first-child+html .textarea {
    width: 435px;
}

/* Safari 3+ and Chrome hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .textarea {
        width: 430px;
    }
} 

.otherFormField {
    margin-top:5px;
}

.cal {
    vertical-align:bottom;
}

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

@media screen {
    #masthead {
        background: #fff url("../i/mastheadbg105.jpg") top left no-repeat;
        background-color: transparent;
        width: 975px;
        margin: 0 auto;
        height:99px;
        margin-bottom:6px;
    }
    .noScreen {
        display:none;
    }
}

/* Opera 9 specific hack */
html:first-child #masthead.login {
    margin-top:8px;
}

#mastheadText {
    padding:0 0 0 480px;
}

#mastheadText2 {
    float:left;
    padding:15px 0 0 60px;
}

#mastheadText2 a {
    color:#666;
    text-decoration:none;
    font-weight:normal;
}

#mastheadText2 a:hover,
#mastheadText2 a:focus {
    color:#f00;
}

#masthead dl {
    margin:0;
    width:260px;
    float:left;
    margin-top:10px;
}
#loginForm dl {
    margin:10px 0 0 35px;
    width:260px;
    float:left;
}
#loginForm dt {
    text-align: left;
    float: left;
    width: 70px;
    padding-left:0;
}
#loginForm dd {
    text-align: left;
    float: right;
    width: 180px;
}

/* IE6 specific hack */
* html #masthead dl {
    margin-top:6px;
}

#masthead dt {
    text-align: left;
    float: left;
    width: 70px;
    padding-left:0;
}

/* IE6 specific hack */
* html #masthead dt {
    width:90px;
}

#masthead dd {
    text-align: left;
    float: right;
    width: 180px;
}

/* IE6 specific hack */
* html #masthead dd {
    /*text-align: left;*/
    float: left;
    width: 10px;
}

#masthead #col3 {
    float:left;
    width:110px;
    text-align:left;
    padding-top:5px;
}

.callToAction {
    color:red;
}

.buttons {
    margin-top:10px;
}

/* navigation
-------------------------------------------*/

#menu {
    width:980px;
    margin-left:auto;
    margin-right:auto;
}

#menuRight {
    width:13px;
    float:right;
    background:transparent url(../i/rightcorner.jpg) top center no-repeat;
    height:47px;
    margin-right:5px;
}

#menuCenter {
    float:right;
    background:transparent url(../i/fill-menubar.jpg) top center repeat-x;
    height:47px;
    padding:0 5px 0 0;
}

/* IE7 specific hack: remove class names when IE7 is no longer supported */
*:first-child+html #menuCenter.static {
    max-width:43%;
}
/* IE7 specific hack */
*:first-child+html #menuCenter.app {
    max-width:61%;
}
/* IE7 specific hack */
*:first-child+html #menuCenter.admin {
    max-width:61%;
}

#menuLeft {
    width:13px;
    float:right;
    background:transparent url(../i/leftcorner.jpg) top center no-repeat;
    height:47px;
    margin-left:5px;
}
#pageIdentifier {
    float:left;
}

#menuItems {
    padding-top:13px;
    float:right;
}
#pageId {
    padding-top:13px;
    float:left;
    padding-left:10px;
    font-size:1.2em;
    font-weight:bold;
    color:#416d6b;
}
#menuItems ul {
    margin-left:7px;
    margin-right:5px;
}
#menuItems li {
    float:left;
    list-style-type:none;
    margin-left:1px;
    padding-left:1px;
    border-left:1px solid #416d6b;
}
#menuItems li.first {
    border-left:none;
    padding-left:0;
}

#menuItems li a {
    color:#416d6b;
    text-decoration:none;
    padding:3px 8px;
}
#menuItems li a.sectionHighlight {
    color:#fff;
    background:#79aeac;
}
#menuItems li a:hover,
#menuItems li a:focus {
    color:#fff;
    background:#416d6b;
} 

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

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

.firstHalf {
    clear:both;
    float: left;
    width: 480px;
    padding-right:10px;
}

/* IE6 specific hack: box model */
* html .firstHalf {
    width: 466px;
}

.wider {
    width:550px;
}

.secondHalf {
    float: left;
    width: 480px;
    padding-left:10px;
}

/* IE6 specific hack: box model */
* html .secondHalf {
    width: 466px;
}

.wholeWidth {
    clear:both;
    float:left;
    width:980px;
}

.wholeWidthIndent {
    clear:both;
    float:left;
    margin-left:35px;
    width:980px;
}

.tableContainer {
    clear:both;
    margin-left:auto;
    margin-right:auto;
}

.feedback {
    width:600px;
}

.accounts {
    width:610px;
}

.types,
.routes {
    width:700px;
}

.feedbackWide,
.users {
    width:850px;
}

.wholeWidthCentered {
    clear:both;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.col1,
.col2 {
    padding-bottom:10px;
}

.col1 {
    clear:both;
    float: left;
    width: 232px;
    padding-right:8px;
}

/* IE6 specific hack */
* html .col1 {
    width: 220px;
    padding-right:0;
}

p.noLeftPadding {
    padding-left:0;
}

.col1 p,
.col2 p {
    margin-top:15px;
}

/* IE6 specific hack */
* html .col1 p,
* html .col2 p {
}

.col2 p.tight {
    padding-left:0;
    margin-top:0;
}

.col1 p.top,
.col2 p.top {
    padding:0;
    margin:0;
}

.col2 {
    float: left;
    width: 232px;
    padding-left:8px;
}

/* IE6 specific hack */
* html .col2 {
    width: 220px;
}

.colContainer {
    padding-left:15px;
}

/* front page layout
-------------------------------------------*/
table.frontPage {
    margin:0 auto;
}

td.fpDivider {
    width:4px;
    background:#93BFBD;
}

div.jig {
    float:left;
}

div.jigSideL {
    margin:160px auto 0;
    width:200px;
}
div.jigSideR {
    margin:150px auto 0;
    width:180px;
}

p.jigQuote {
    color: #FE0000;
    font-weight:bold;
    font-size: 1.4em;
    width:160px;
    padding-bottom:0;
}

div.fpSeller {
    padding-top:40px;
    width:459px;
    padding-left:25px;
}

div.fpHaulier {
    padding-top:40px;
    width:459px;
    padding-left:68px;
}

.textSeller {
    color:#FE0000;
    font-size: 1.85em;
}

.textHaulier {
    color:#00004F;
    font-size: 1.85em;
}

p.fpText {
    font-size:1.1em;
    padding-top:5px;
}

p.fpBase {
    padding-bottom:60px;
}

/* adverts
-------------------------------------------*/
table.adverts {
    margin:23px auto 18px;
}

td.adverts {
    padding-left:40px;
    padding-right:40px;
}

/* guest pages
-------------------------------------------*/
div.guestTop {
    width:740px;
    font-size:1.4em;
    font-weight:bold;
    color:#fe0000;
    float:left;
}

div.guestCTA {
    float:left;
    padding-top:20px;
}

/* tables
-------------------------------------------*/

/* table at bottom of auction view page */
table.transport {
    font-size:0.9em;
    margin-left:auto;
    margin-right:auto;
}

table.transport td {
    padding:2px 14px;
    text-align:left;
}

table.transport .header {
    font-weight:bold;
}

table.transport .header td {
    padding:8px 14px;
    text-align:center;
}

table.balloon td {
    padding:1px 0.5em;
}

table.balloon td.bold {
    font-weight:bolder;
}

table.balloon td.underline {
    text-decoration:underline;
}

p.balloon {
    padding:1px 0.5em;
}

/* dividend table on accounts page */
table.dividendTable {
    font-size:0.9em;
    text-align:left;
    background:transparent;
    margin-left:35px;
}

table.dividendTable td {
    padding:3px 5px;
}

/* search category/types */
table.catTypesTable {
    font-size:1em;
    margin-left:auto;
    margin-right:auto;
}

table.catTypesTable td.check {
    padding:0 5px;
}

td.cat {
    padding:0 20px 0 5px;
    font-weight:bolder;
}

td.type {
    padding:0 10px;
}

td.greyed {
    color:#444;
}

/* maps
-------------------------------------------*/

#mapCentral {
    width: 478px;
    height: 430px;
    border: 1px solid; 
    border-color: #006;
    background:#ccc;
    margin-top:15px;
}

#mapLarge {
    width:478px;
    height:570px;
    border: 1px solid; 
    border-color: #006;
    background:#ccc;
    margin:10px auto 0;
}

/* IE7 specific hack */
*:first-child+html #mapLarge {
    margin-top:-5px;
}

/* IE6 specific hack */
* html #mapLarge {
    margin-top:-5px;
}

.searchControls {
    width: 600px;
}

/* tool tips
-------------------------------------------*/

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

body div#toolTip p { 
    margin:0;
    padding:0 0 2px;
    color:#000;
    font:11px/13px verdana,arial,sans-serif;
}

body div#toolTip p em { 
    color:#000;
    font-style:normal;
    font-weight:bold;
}

body div#toolTip p em span {
    font-weight:bold;
    color:#000;
}

/* footer mods
-------------------------------------------*/
a.footer {
    color:#13235E;
}
a.footer:hover {
	color: #000;
	text-decoration: none;
}
#footer p {
    font-size:1.2em;
    color:#333;
}