/* CSS Document */

/*Exernal*/

#lang { position:absolute; right:0px; bottom:5px; width:44px; height:12px; font-size:1px;  }
#lang li { float:left!important; margin-right:4px;}
#lang .qtrans_widget_end { display:none;}

#footer { clear:both; height: 30px; }

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/*New*/
img {
	border: 0px;
}

body {
	color: #333;
	text-align: left;
	margin: 0px;
	padding: 0px;
	background: #fff;
	text-align: center;
	font:12px Arial, Helvetica, sans-serif;
}
#container {
	background: #81c044 url(../pics/wrapper_bg_new.gif) 0px 0px no-repeat;
	width: 960px;
	margin: 0px auto;
	text-align:left;
}
#masthead {
	height:136px;
}

#content {
	background: #fff;
	float: left;
	margin: 0px;
	padding: 20px 20px;
	margin-left: 150px;
	width: 575px;
	text-align: left;
}
#legend {
	background: #fff;
	margin-left: 150px;
	padding: 10px 20px 0px 20px;
	width: 575px;
}
#legend h4 {
	color: #e20024;
	font-size: 12px;
	margin: 8px 0px 0px 0px;
	padding: 0px;
}
#legend p {
	font-size: 11px;
	line-height: 15px;
	margin: 0px 0px 4px 0px;
	padding: 0px;
}
#legend ul {
	margin: 0px;
	padding: 0px 0px 0px 25px;
}
#legend li {
	font-size: 11px;
	line-height: 15px;
	margin: 0px;
	padding: 0px;
}
#contact{
	float: left;
	margin-top:37px;
}
#topnav {
	display: none;
}
/*old starts*/

/* stylesheets are awesome! \m/ */
a {
	color:#3CB44A;
	text-decoration:none
}
a:hover {
	color: #92C851;
}

#content a{
	color: #e20024;
}

h1, h2, h3, h4{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
}

h1{
	color: #e20024;
	font-size:24px;
	margin: 0px 0px 15px 0px;
	line-height: 28px;
	font-family: "Trebuchet MS", sans-serif;
}


h2{
	font-size:15px;
	margin: 5px 0px 11px;
	color: #e20024;
}

h3{
	font-size:15px;
	margin: 4px 0px 9px;
}

h4, ul li h4{
	font-size:13px;
	margin: 4px 0px;
	text-transform: none;
}


p, ul, li, table#form td{
	font-size: 12px;
	line-height: 17px;
}
p.organised-by {
	text-align: center;
	font-size: 9px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}


ul li{
	line-height: 17px;
}

/* FORM  & SUMMARY STYLING */
/*--------------------------------------------------------------*/

/*re-define html elements*/

form {
	margin: 0px;
	padding: 0px;
}
div.ruler {
	height: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
div.ruler hr {
	display: none;
}

input, select, textarea {
	font-size: 11px;
	line-height: 13px;
	color: #333;
	padding: 2px 3px 2px 3px;
}

/*form and summary table styling*/


table.form, table.summary{
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	width: 100%;
}

table.form table, table.summary table{
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

table.form td, table.summary td{
	padding: 3px 2px 6px 0px;
	vertical-align: top;
	font-size: 11px;
	line-height: 15px;
}

table.summary td{
	padding: 3px 10px 6px 10px;
}

td.formlabel, td.formlabelPadded{
	text-align: right;
	width: 160px;
}

.summary td.label{
	text-align: right;
	width: 125px;
	font-weight: bold;
	color:#0099CC;
	padding-right: 0px;
}

.summary ol li{
	margin-bottom: 5px;
}

table.form table td.formlabelPadded, table.form td.formlabelPadded{
	padding-right: 20px;
}

table.form table td strong{
	color: #000;
}

/* sub division in form tables*/
.formSub{
	margin: 5px 5px 5px 0px;
	background-color: #FFFFFF;
	background-image: url(../pics/admin/form_sub_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 8px;
	border: 1px solid #c2e3ee;
}

.formSub h3, .formSub h4{
	margin: 0px 0px 5px 0px;
}

table.form .formSub table td.formlabelPadded{
	padding-right: 10px;
	color: #999;
}

/* Form Element Definitions */
/*--------------------------------------------------------------*/

/*fieldsets and legends*/

fieldset {
	clear: left;
	width: 99%;
	margin: 0 0 1.5em;
	padding: 0;
	border-width: 0px;
	border-style: none;
}

fieldset legend {
	white-space: normal;
	font-size: 15px;
	line-height: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0058A8;
	margin-left: 0px;
	padding-left:0px;
	font-weight: bold;
}

fieldset legend span { 
	display: block; white-space: normal; width: 100%;
}

fieldset legend.required{
	padding-left: 10px;
	background: url(../pics/icon_req.gif) no-repeat 0px 5px;
}

/*fieldset list items*/

fieldset ol {
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

fieldset li {
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 0.45em;
	padding-top: 0.1em;
	list-style-type: none;
	font-size: 12px;
	line-height: 17px;
	vertical-align:top;
}

fieldset li span {
	margin-left: 15px;
	text-align: right;
	padding-top: 3px;
	padding-bottom: 3px;
}

fieldset li span.required{
	padding-left: 15px;
	background-image:url(../pics/icon_req.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
}

fieldset li select{
	margin-left: 5px;
}

/*fieldset inputs*/

fieldset input {
	margin-top: -1px;
}

fieldset .radCheck input{
	float:left;
	margin-right: 3px;
	margin-left: 0px;
}

fieldset .radCheck select.dropdown, fieldset .normal select.dropdown{
	margin-bottom: 0.4em;
}

fieldset .radCheck select.dropdown{
	clear: both;
}

fieldset .normal input{
	margin-left: 0px!important;
	margin-top: 0px;
}

/*fieldset labels - normal*/

fieldset .normal label, fieldset .radCheck .normal label{
	float: left;
	width: 160px;
	padding-right: 14px;
	margin-right: 6px;
	text-align: right;
	white-space: normal;
	line-height: 17px;
	margin-top: 2px;
}

fieldset label.fieldsetLabel{
	/*font-weight: bold;*/
	margin-top: 3px;
	text-align: left!important;
	width: auto;
	margin-left: 3px;
}

fieldset label.required{
	background: url(../pics/icon_req.gif) no-repeat right 3px;
}

fieldset label.fieldsetLabel.required{
	background-position: left 3px;
	padding-left: 14px;
}

/*fieldset labesl - normal single*/
fieldset .normalSingle label, fieldset .radCheck .normalSingle label, fieldset .normal .normalSingle label{
	clear: both;
	float: none;
	width: auto;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	text-align: nomal;
	white-space: normal;
	margin-top: 2px;
}

fieldset .normalSingle label.required{
	background: url(../pics/icon_req.gif) no-repeat left 3px;
}

/*fieldset labels - checkbox and radio arrays*/

fieldset .radCheck label{
	float:none;
	text-align: left;
}

fieldset .radCheck .radCheck input {
	margin-left: 20px;
}

/*fieldset labels - empty*/

fieldset .normal label.empty, fieldset .radCheck label.empty{
	width: 0px;
	padding: 0px;
	margin: 0px;
}

/*exception*/

#textarea87{
	margin-left: -178px;
	clear: both;
}

#step3 #demogscontainer legend{
	display: none;
}

/*custom form element classes*/

.textfield, .textarea, .dropdown, .radio, .checkbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
}

.form td .textfield, .form td .textarea, .form td .dropdown, .form td .button { /*pulls input boxes up to align with label text*/
	margin-top: -3px;
}

.form td .checkbox input{
	margin-top: -2px;
}

.textfield, .textarea, .dropdown {
	border: 1px solid #ddd; 
	background-color: #f8f8f8; 
	width: 200px; 
	color: #333;
}

* html .textfield{
  height: 17px !important; /*IE 6.x*/
  height /**/: 21px; /*IE 5.x*/
}

.textfield{
	height: 17px; /*all other browsers*/
}

.dropdown{
	height: 23px;
	width: 207px;
}

.button, table.form a.button, table.form span .button{
	font-size: 12px;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #e20024;
	padding: 2px 3px;
	border: 1px solid #CCCCCC;
	cursor: default;
	font-weight: bold;
}
a.button {
	text-decoration: none;
	color: #6c4e2a;
	font-weight: bold;
}


td.required {
	background-image: url(../pics/icon_req.gif);
	background-repeat: no-repeat;
	width: 25px;
	background-position: 2px 8px;
}

p.required {
	font-weight: bold;
	margin: 2px 0px 3px 0px;
	color: #FFFFFF;
}

span.required{
	color: #FFFFFF;
}


p.formInfo, span.formInfo {
	font-size: 11px;
}

.outstanding {
	border: solid 1px #CC0000;
	background-color:#FFCCCC;
}

/*Breadcrumbs*/

#breadcrumbs {
	margin: 0px;
	float: right;
	width: 195px;
}

#breadcrumbs div{
	background: #96cee7;
	font-size: 11px;
	margin: 5px 0px;
	padding: 5px 10px;
	color: #FFF;
	text-align: left;
}

body#start .start, body#step1 .step1, body#step2 .step2, body#step25 .step25, body#step3 .step3, body#step3A .step3A, body#step4 .step4, body#Step4a .step4a, body#step5 .step5{
	background: #e8f5f9;
	color: #333;
}
#breadcrumbs  div.step3{
	border-right: 0px none;
}

/* MESSAGE CLASSES */
/*-------------------------------------------*/

.failure, .success, .alert, .info {
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 3px 5px;
	padding: 5px 5px 5px 25px !important;
}

.failure {
	/*color: #CC0000;*/
	background-image: url(../pics/icon_failure.gif);
}

.success {
	/*color: #009900;*/
	background-image: url(../pics/icon_success.gif);
}

p.success span.normal {
	color: #000000!important;
	font-weight: normal!important;
}

.alert {
	/*color: #FF6600;*/
	background-image: url(../pics/icon_alert.gif);
}

.info {
	/*color: #003399;*/
	background-image: url(../pics/icon_info.gif);
}
.infoBox {
	border: 1px solid #d7e5ec;
	padding: 10px;
}



/* TIMETABLE CLASSES */
/*-------------------------------------------*/

.timeTable{

}
table.timeTable td {
	padding: 4px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #EEE;
}

.time {
	background-color: #fdfdfd;
	white-space: nowrap;
}


/*pricing tables*/

table.pricing{
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	width: 550px;
}


table.pricing th{
	padding: 4px;
	border-bottom: 2px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	font-weight: bold;
}

table.pricing td{
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

/*parent booking*/
tr.parent td {
	color: #BBB;
}

/* SEARCH RESULTS TABLE */
/*-------------------------------------------*/

table.gridview{
	width: 100%;
}

/*headers*/

.gridview th{
	padding:5px;
	margin:0px;
	font-size: 13px;
	/*background-image: url(../pics/tab_bg.gif);
	background-repeat: repeat-x;*/
	background-color: #114a81 !important;
	border:solid 1px #CCCCCC;
	color: #FFFFFF;
	vertical-align: top;
}

.gridview th a, .gridview th a:visited{
	color:#FFFFFF;
	display:block;
	margin:0px;
	white-space:nowrap;
}

.gridview th a:hover, .gridview th.header:hover{
	color:#FFFFFF;
	background-color:#4185ad;
	text-decoration:none;
}

.gridview th.headerAsc, .gridview th.headerDesc {
	padding: 0px;
	background-color:#114a81;
}

.gridview th.headerAsc a, .gridview th.headerDesc a{
	background-repeat: no-repeat;
	background-position: right top;
	padding: 3px 20px 3px 3px;
	
}

.gridview th.headerAsc a, .gridview th.headerAsc a:hover{
	background-image: url(../pics/icon_grid_asc.gif);
}

.gridview th.headerDesc a, .gridview th.headerDesc a:hover{
	background-image: url(../pics/icon_grid_desc.gif);	
}

.gridview th.headerDesc a:hover, gridview th.headerDesc a:hover{
	background-repeat: no-repeat;
	background-position: right top;
	color:#c2e3ee;
}

table.gridview td{
	padding: 3px 5px 2px;
	margin: 0px;
	border:solid 1px #CCCCCC;
	height: 33px;
}

tr.row1 td{
	background-color:#F5F5F5;
}

tr.row2 td{
	background-color:#ffffff;
}

.row1Hover td{
	background-color:#feffc4;
}

.row2Hover{
	background-color:#fefed8;
}

tr.rowEdit{
	background-color:#bfe5f1;
}

/*info at top of table results*/

.gridviewInfo{
	margin: 5px 0px;
}

.searchTotal{
	margin:0px;
	line-height: 12px;
}

.searchXLS{
	vertical-align:middle;
	margin:-2px 0px 0px 0px;
	padding:0px;
	border-collapse:collapse;
}

.logoutButton
{
	float:right;
}

.downloadIcon{
	vertical-align:middle;
	margin:-2px 3px 0px 0px;
	padding:0px;
	border-collapse:collapse;
	background-repeat: no-repeat;
	
}

/*search nav at bottom*/

#pageButtons, #pageButtons2 {
	background-color: #6badd6;
	background-image: url(../pics/grid_pagebuttons_back.gif);
	border-collapse:collapse;
}

#pageButtons td, #pageButtons2 td{
	padding: 3px;
	margin: 0px;
}

#pageButtons td .button, #pageButtons2 td .button{
	margin-top:0px;
}

/*table with numbers inside pageButtons*/

td#pageNumbers, td#pageNumbersTop{
	width:1%;
	padding-right: 5px;
	padding-left: 5px;
}

#pageNumbers table, td#pageNumbersTop table{
	padding:0px;
	margin:0px;
	border-collapse:collapse;
}

#pageNumbers table td span, td#pageNumbersTop table td span{
	font-weight: bold;
	font-size:12px;
}

#pageNumbers a, #pageNumbersTop a, #pageNumbers a:visited, #pageNumbersTop a:visited{
	color:#FFFFFF;
}

#pageNumbers a:hover, td#pageNumbersTop a:hover{
	color: #c3effd;
	text-decoration: underline;
}

/* tab panels */

.panelContainer {
	border: 1px solid #EEE;
	border-collapse: collapse;
	margin: 10px 0px;
	padding: 0px;
	width: 100%;
}
.panelContainer  th.active  {
	background: #dddddd;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC!important;
	border-bottom: 1px solid #dddddd!important;
	border-left: 1px solid #CCCCCC;
}
.panelContainer th {
	border-top: 1px solid #EEE;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #EEE;
	padding: 5px;
	text-align:center;
	background: #f7f7f9;
}

.panelContainer  th.active a {
	color: #CC0000;
	text-decoration: none;
	cursor: default;
}

.panelContainer  th span.disabled {
	color: #CCCCCC;
}

.panel {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 15px;
	background: url(../pics/panel_bg.gif) repeat-x left top;
}
.gridview td a.button {
	margin: 2px;
}

#discCode{
	display:none;
}