html {
    background:url(../images/sandtoft-bg.jpg) top center #eee repeat ;
	color:#222;
	margin:0;
	padding:10px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

#doc {
    width:974px;
    margin:0 auto;
	min-width:585px;
	max-width:985px;
	background-color:#fff;
	border:#e37f00 1px solid;
	border-width:1px;
	padding:2px;
	       -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
            border-radius: 5px; 
    border:1px solid #e37f00;
       -moz-box-shadow: 0px 0px 1px #000000; 
    -webkit-box-shadow: 0px 0px 1px #000000; 
            box-shadow: 0px 0px 1px #000000; 
}

#hd,#bd,#ft {
    position:relative;
    /* further down, we set the z-index of each element in reverse-flow order
        so that the #hd has a higher z-index than the body, allowing YUI Flydown Menus
        to sit above administrative chrome.
    */
}

/* header styles */
#hd {
    z-index:3;
	height:90px;
	background:url(../images/header_bg.jpg) repeat-x;
	border:1px solid #e37f00;
}

.title_img {
	padding:0 0 6px;
	}
.title_logo {
	padding: 0;
	}	
	
div.breadcrumb .crumbs {
	height:15px;
	line-height:20px;
	text-indent:10px;
	background-color:#fff;
	border:#e37f00 1px solid;
	border-width:0 0 1px;
	       -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
            border-radius: 5px; 
    border:1px solid #e37f00;
       -moz-box-shadow: 0px 0px 1px #000000; 
    -webkit-box-shadow: 0px 0px 1px #000000; 
            box-shadow: 0px 0px 1px #000000	
}
div.breadcrumb .crumbs a,.textmodule_yellow_bg a {
	color:#880a00;
	text-decoration:none;
}

div.breadcrumb .crumbs a:hover,.textmodule_yellow_bg a:hover {
	color:#880a00;
	text-decoration:underline;
}
	
#leftcol {
	float:left;
	width:142px;
	padding:0;
}
#leftcol .content {
	width: 138px;

}
#centercol {
	min-height:409px;
	height:auto!important;
	margin:0 10px 0 10px;
	padding:12px 10px 10px;
	width: 788px;
	background:url(/themes/btstheme/images/home-bg.jpg) 0 0 no-repeat #E3E4DF;
}

#menu {
   	width: 130px;
 	margin: 0;
	height: auto;
	padding: 0;
	background: #880a00;
	color: #fff;
	font-size: 10px;
}

#menu li {
	float: none;
	text-align: left;
	padding: 0;
}

.menu_line { 
	height:1px;
	font-size:0;
	border:#e37f00 1px solid;
	border-width:0 0 1px;
	margin:7px 3px;
	padding:0;
}
#logo {
	height: 65px;
}
#logo a {
    text-decoration:none;
    font-size:38px;
    color:#ffff9c;
    text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;
}

/* body styles */
#bd {
    background:#fff;
    z-index:2;
	background:url(../images/orange_bg.gif) repeat-y 144px 0;
	margin:2px 0 0;
    margin-top:10px;
       -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
            border-radius: 5px; 
    border:1px solid #e37f00;
       -moz-box-shadow: 0px 0px 1px #000000; 
    -webkit-box-shadow: 0px 0px 1px #000000; 
            box-shadow: 0px 0px 1px #000000; 

}

#bd .content {
    margin:3px;
	min-height:420px;
	height:auto!important;
}

/* footer styles */
#ft {
    z-index:1;
	margin-left:auto;
	margin-right:auto;
	min-width:585px;
	max-width:985px;
	color:#555;
	padding:7px 10px;
}

#ft a {
	color:#555;
	text-decoration:none;
}

#ft a:hover {
	color:#222;
	text-decoration:underline;
}

a {
	color:#0569ad;
}


	
img {
	border:none;
	padding: 5px;
}


a:link,
a:visited {
    color:#880b00;
}

a:hover {
	color:#aae0fa;
}
a:focus,
a:active {
    color:#222;
}

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
/* base.css, part of YUI's CSS Foundation  Modified PS 3/2015 */
h1, #logo {
	color:#880a00;
	font-family:Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:16pt;
	margin:0 0 6px;
	font-weight: bold;
}
h2 {
	color:#880a00;
	font-size:12pt;
	font-weight:700;
	margin:0 0 6px;
}
h3 {
	color:#222;
	font-size:11pt;
	font-weight:700;
	margin:0 0 6px;
}
h4 {
	color:#880a00;
	font-size:12pt;
	font-weight:400;
	margin:0 0 6px;
}


abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*providing spacing for definition terms*/
	margin-left:1em;
}
ul,.children-and-grandchildren {
	margin:0 0 0 20px;
}
table {
	font-size:12px;
	border:1px solid #fdb;
}
table td {
	border:1px solid #fdb;
	padding:5px;
}
th {
	/*borders and padding to make the table readable*/
	/*border:1px solid #000;*/
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
.td-fleet td {
	padding: 2px;
}	

.floatright {
	float:right;
}

.floatleft {
	float:left;
}

.img_left { 
	float:left;
	margin:0 5px 5px 0;
}

.img_right {
	float:right;
	margin:0 0 5px 5px;
}

caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
p {
	margin:0 0 10px;
}

.clear{
	clear:both;
	height:0;
	font-size:0;
	margin:0;
	padding:0;
}


.bts_yellow {
	color:#e37f00;
}

.bts_red {
	color:#880a00;
}

.bts_yellow_bg {
	color:#e49f55;
}
.textmodule_underline{height:18px;background:url(../images/underline.gif) no-repeat center;}

.textmodule_yellow_bg{color:#880a00;background-color:#e49f55;margin:2px;padding:7px 5px;margin-bottom: 5px;

       -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
            border-radius: 5px; 
    border:1px solid #e37f00;
       -moz-box-shadow: 0px 0px 1px #000000; 
    -webkit-box-shadow: 0px 0px 1px #000000; 
            box-shadow: 0px 0px 1px #000000; 

}
.textmodule_cream_bg {
	margin:2px;
	padding:7px 5px;
	color:#880a00;
	background-color:#ffffe1;
	       -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
            border-radius: 5px; 
    border:1px solid #e37f00;
       -moz-box-shadow: 0px 0px 1px #000000; 
    -webkit-box-shadow: 0px 0px 1px #000000; 
            box-shadow: 0px 0px 1px #000000;
}

.textmodule_yellow_bg p{font-size:10px;margin:0;padding:0;}

.textmodule_cream_bg p{font-size:11px;margin:0;padding:0;}

.textmodule_yellow_bg h3{font-size:11px;padding-left:3px;}

.fleet_container{overflow:hidden;border:#fdb 1px solid;background:url(../images/orange_lt_bg.gif) repeat-y 330px 0;margin:0 0 10px;padding:10px;}

.fleet-img-left{float:left;width:330px;}

.fleet-img-left p{margin:0;padding:0;}

.fleet-txt-right{display:block;margin:0 0 0 340px;}

.not-mob-events { display: none;  }
.msg-queue {display: none;}

.red.awesome,
.red.awesome:visited {
  color:white;
} 
/* After an update some button colours changed to blue. Until we find why, this is the work-around back to red */ 
.blue.awesome,
.blue.awesome:visited {
  color:white; background-color:#bb0000;
}  
.blue.awesome:hover{ 
	background-color:#ee0000;
}