/* Gobuk  Master Stylesheet */
/************************************************************************

	Listing Order:
	==============

	1 - Universal
	2 - Layout Tags
	3 - Booking Details
	4 - Footer Tags
	5 - Form Element Tags
	6 - Inner Pages Tags
	7 - Error Content-New

************************************************************************/

/***********************************************************************
	1 - UNIVERSAL STYLES
************************************************************************/
html > body * {
	outline:none;
}
body {
	margin:0;
	padding:0;
	background:#374a00 url(../images/body-repeater.gif) top left repeat-x;
	color:#000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
}
h1, h2, h3, h4, h5, h6, form, label, input, legend, textarea, select, ul, ol, li, dl, dt, dd, p, div {
	margin:0px;
	padding:0px;
}
h2 {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
h3 {
	font:bold 17px Arial, Helvetica, sans-serif;
	color:#e98401;
	padding:0 0 10px 3px;
}
h2.border {
	background:url(../images/dotted-border.gif) bottom left repeat-x;
	padding-bottom:7px;
}
img {
	border:none;
	margin: 0px;
	padding: 0px;
}
a {
	text-decoration:underline;
	color:#1c1c1c;
}
a:hover {
	text-decoration:none;
}
a.pink {
	color:#ff7400;
}
.knowmore {
	color:#ec8736;
	background:url(../images/round-arrow.gif) right -1px no-repeat;
	padding-right:25px;
}
.red-text {
	color:#c00007;
	font:bold 12px Arial, Helvetica, sans-serif;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.v-mid {
	vertical-align:top;
}
.verdana18bold {
	font:bold 18px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
.redtext14 {
	color:#e31d1d;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
}
.pink12 {
	color:#ec7604;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
}
.greenlink{
color:#384a00;
text-decoration:underline;
}
.greenlink:hover{
text-decoration:none;
}

.normalgreentext {
	color:#384a00;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:18px;	
}
/***********************************************************************
	2 - Layout Tags
************************************************************************/
#page-wrapper {
	margin:0px auto;
	padding:0px;
	width:978px;
}
#top {
	float:left;
	width:975px;
	padding:10px 3px 12px 0;
}
#right-top {
	float:right;
	text-align:right;
	width:250px;
}
.lightgreen {
	color:#c8eda0;
	float:left;
	padding-right:5px;
}
.logout {
	background:url(../images/logout-bg.gif) top left no-repeat;
	padding:1px 7px 2px 7px;
	float:left;
	color:#c8eda0;
	text-decoration:none;
}
#bookingtabs {
	float:left;
	width:978px;
}
.tabcontent {
	float:left;
	width:978px;
	height:133px;
}
.logo {
	float:left;
	padding:11px 0 0 12px;
	width:111px;
}
.bookingbox {
	float:left;
	width:436px;
	padding:46px 58px 0 224px;
}
.bookingbox-left {
	float:left;
	width:28px;
	height:87px;
	background:url(../images/booking-box-left.gif) top left no-repeat;
}
.bookingbox-content {
	float:left;
	width:380px;
	padding:15px 0 0 0;
	background:url(../images/booking-box-repeater.gif) top left repeat-x;
}
.bookingbox-right {
	float:right;
	width:28px;
	height:87px;
	background:url(../images/booking-box-right.gif) top right no-repeat;
}
.playerimg {
	float:right;
	width:137px;
	padding:1px 0 0 0;
}
/* Booking Tabs
***********************************************************************/
.tabbing {
	float:left;
	width:978px;
	padding:1px 0 10px 0;
}
.tab {
	float:right;
	width:505px;
}
.tab ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.tab ul li {
	float:left;
	padding:0 0px 0 0;
}
.tab ul li a {
	float:left;
	display:block;
	padding:0 0 0 15px;
	text-decoration:none;
	background:url(../images/booking-tableft.gif) top left no-repeat;
}
.tab ul li a span {
	display:block;
	padding:9px 25px 11px 16px;
	color:#d0f6a5;
	font:bold 11px tahoma;
	background:url(../images/booking-tablright.gif) top right no-repeat;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
    .tab a span {
	float:none;
}
/* End IE5-Mac hack */
    .tab a:hover span {
	color:#94c062;
}
.tab #current a {
	background-position:0% -41px;
}
.tab #current a span {
	background-position:100% -41px;
	width:50px;
	color:#374a00;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
}
.error-msg {
	float:left;
	padding:20px 0 0 12px;
	line-height:27px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:15px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
color:#C00007;
}
#error-left a {
	padding:0 5px;
}
/***********************************************************************
	3 - Booking Details
************************************************************************/
#gobuk-booking {
	float:left;
	width:978px;
	position:relative;
	padding:17px 0 25px 0;
}
.booking-details {
	float:left;
	width:824px;
	padding:0px 8px 0 0;
}
.shift-tab {
	float:left;
	width:824px;
	padding:0 0 9px 0;
	background:url(../images/shift-content-top.gif) bottom left no-repeat;
}
.shift-tab-left {
	float:left;
	width:136px;
	padding:14px 4px 0 4px;
	font-size:10px;
	color:#FFFFFF;
}
.shift-tab-left img {
	vertical-align:middle;
}
.shift-tab-right {
	float:left;
}
.shift-tab-inside {
	float:left;
	padding-left:12px;
	position:relative;
}
.shift-tab ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.shift-tab ul li {
	float:left;
	padding:0 4px 0 2px;
}
.shift-tab ul li a {
	float:left;
	display:block;
	padding:0 0 0 15px;
	text-decoration:none;
	background:url(../images/shifttab-left.gif) top left no-repeat;
}
.shift-tab ul li a span {
	display:block;
	padding:12px 30px 11px 16px;
	color:#FFFFFF;
	font:normal 14px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/shifttab-right.gif) top right no-repeat;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.shift-tab a span {
	float:none;
}
/* End IE5-Mac hack */
.shift-tab a:hover span {
	color:#94c062;
}
.shift-tab .current a {
	background-position:0% -40px;
}
.shift-tab .current a span {
	background-position:100% -40px;
	color:#374a00;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
}
.shift-content {
	background:#efefef;
	border-left:1px solid #c1c1c1;
	border-right:1px solid #c1c1c1;
	width:822px;
	float:left;
}
.greenbg {
	background:#e31d1d;
}
.red-bg {
	background:#5c9918;
	color:#FFFFFF;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
}
.red-bg a {
	color:#FFFFFF;
}
.whitebg {
	background:#f7f8ef;
	border-bottom:1px solid #ebefdb;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
    color:#384a00;
}
.shift-content-bottom {
	width:824px;
	float:left;
	height:9px;
	background:url(../images/shift-content-bottom.gif) top left no-repeat;
}
#booking-tips {
	float:left;
	width:146px;
	padding:34px 0px 0 0;
	margin:28px 0 0 0;
	background:url(../images/booking-tip-top.gif) top right no-repeat;
}
.tip-content {
	float:left;
	width:111px;
	color:#b4c589;
	background:url(../images/booking-tip-repeater.gif) top right repeat-y;
	padding:5px 10px 5px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:17px;
}
.tip-content-bottom {
	background:url(../images/bookingtip-bottom.gif) top right no-repeat;
	float:left;
	width:146px;
	height:25px;
}
/***********************************************************************
	4 - Footer Tags
************************************************************************/
#footer-wrapper {
	float:left;
	width:100%;
	background:#243200 url(../images/footer-repeater.gif) top left repeat-x;
	padding:0 0 15px 0;
}
#footer {
	width:948px;
	margin:0px auto;
	padding:25px 20px 0px 10px;
	color:#5b7b00;
}
#footerlinks {
	width:948px;
	float:left;
	border-bottom:1px dotted #374a00;
	padding-bottom:8px;
	margin-bottom:6px;
}
#footer a {
	color:#87d14b;
	text-decoration:none;
	font-weight:bold;
	padding:0 50px 0 0;
}
#footer a.current, #footer a:hover {
	color:#FFFFFF;
}
#footer .float-right a {
	padding:0;
}
/***********************************************************************
	5 - Form Element Style
************************************************************************/
.textbox {
	width:73px;
	height:16px;
	padding:2px 0 0 2px;
	border:1px solid #89aac9;
}
.listbox {
	width:104px;
	border:1px solid #89aac9;
}
.legend{
padding:4px 15px 4px 15px;
text-align:center;
height:18px;
font:bold 16px Verdana, Arial, Helvetica, sans-serif;
color:#384a00;
text-decoration:none;
		}
.fieldset{border:2px solid #909382;
width:360px;
margin:0px 0 10px 0px;
padding-bottom:10px;
float:left;
}
.fieldlabel{
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#384a00;
text-decoration:none;
}
.extra-margin {
	padding-bottom: 5px;	
}
a.fieldlabel:hover{
text-decoration:underline;
}
.textfield-bg {
	width:180px;
	height:20px;
	padding:4px;
	margin-bottom:5px;
	background:url(../images/textbox-bg.gif) top left no-repeat;
}
.textfield{
	width:180px;
	height:20px;
	background:none;
	border:none;
}
.submit-button{
height:32px;
float:left;
padding:0 0 0 0px;
margin-right:8px;
}
.button-left{
background:url(../images/btn-left.gif) top left no-repeat;
height:32px;
width:10px;
float:left;
}
.button-cont{
float:left;
color:#FFFFFF;
background:url(../images/btn-repeater.gif) top left repeat-x;
height:24px;
text-decoration:none;
padding:8px 3px 0px 3px;
}
.button-cont:hover{
color:#87d14b;
}
.button-right{
height:32px;
float:left;
width:10px;
background:url(../images/btn-right.gif) top right no-repeat;
}

/***********************************************************************
	6 - Inner Pages Tags
************************************************************************/
.tab-content-inner {
	width:778px;
	padding:10px 22px;
	float:left;
	position:relative;
}
.leftpanel {
	width:374px;
	padding:0 30px 0 0;
	float:left;
}
.rightpanel {
	width:374px;
	float:left;
}
.panel-inner{
float:left;
width:340px;
padding:10px 0 0 12px;
}
.gridth{
background:#b4b4b4;
}
.gridtr{
background:#dcdcdc;
}
.erroronpage{
float:left;
width:780px;

color:#339933;
font:bold 15px Verdana, Arial, Helvetica, sans-serif;
margin:10px 0 0 0;
padding:13px 20px 13px 20px;
background:#FFFFFF;
}
.greenborder{
border:2px solid #336600;
}
.redborder{
border:2px solid #c00007;
color:#c00007;
}

.padding-left {
	padding:0 0 0 10px;
}

.float-left {
	float: left;
}

.system-msg {
	color:#339933;
	float:left;
	padding:20px 0 0 12px;
	line-height:27px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:15px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;	
}

.select-size {
	height:28px;
	width:188px;
	marign-bottom: 5px;
}
/***********************************************************************
	7 - Error Content-New
***********************************************************************/
#error-content {
	float:left;
	width:977px;
	background:#f3e155;
}
#error-top {
	float:left;
	width:911px;
	padding:0 0 10px 66px;

	background:url(../images/yellow-top.gif) top left no-repeat;
}
#error-bottom {
	float:left;
	width:977px;
	background:url(../images/yellow-bottom.gif) bottom left no-repeat;
}
.error-msg {
	float:left;
	padding:20px 0 0 12px;
	line-height:27px;
}
#error-left a {
	padding:0 5px;
}