/* CSS Document */

/*New*/
body {
	background: url('../pics/lines_bg.png') 50% 0 no-repeat;
	text-align: center;
	font:100%/100% "Tahoma", Arial, Helvetica, sans-serif;
	text-align: center;
	margin:0;
	padding:0;
	height: 100%;
}
#wrap {
	margin:0 auto;
	width:785px;
}
#container {
	float:left;
	display:inline;
	width:785px;
	padding:0;
	background: url(../pics/bg.gif) 0 0 repeat-y;
	margin:0px 0 0 0
}
#top {
	float:left;
	display:inline;
	width:785px;
	padding:0;
}
#top2 {
	float:left;
	display:inline;
	width:785px;
	padding:0;
	background:url(../pics/topbg.gif) 0 0 repeat-y;
}
#logo {
	float:left;
	display:inline;
	margin:0 0 0 21px;
	width:152px;
}
#tr {
	float:left;
	display:inline;
	margin:0 0 0 24px;
	width:572px;
	background:url(../pics/topbg2.gif) 0 0 no-repeat;
	height:151px;
}
#nav {
	display:inline;
	float:left;
	padding:112px 0 0 0;
}
#nav table {
	border-top: 1px solid #CCCCCC;
	width: 575px;
}
#maincontent {
	float:left;
	display:inline;
	width:785px;
	padding:0;
}
#leftcol {
	float:left;
	display:inline;
	width:150px;
	margin:0 24px 0 0;
	padding:44px 0 0 15px
}
#maincol {
	float:left;
	display:inline;
	/*width:600px;*/
	padding:20px 20px 0px 20px;
	text-align:left;
}
#footer {
	float:left;
	display:inline;
	width:765px;
	padding:0;
	margin:40px 0 0 20px;
	text-align:left;
	color:#ec008c;
	font-size: 11px;
}
#bot {
	float:left;
	display:inline;
	width:765px;
	padding:0;
	margin:0;
	text-align:left;
	color:#ec008c;
	font-size: 11px;
}

/*old starts*/

/* stylesheets are awesome! \m/ */
a, a:link, a:visited, a:active {
	color: #AB218E;
	text-decoration:none;
}
a:hover {
	color: #F7931E;
	text-decoration: none;
}
h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
	color:#EC008C;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
}
h1 {
	font-size:28px;
	margin: 0px 0px 15px;
	line-height: 32px;
}
h2 {
	font-size:18px;
	margin: 5px 0px 11px;
	color: #0087cc;
}
h3 {
	font-size:15px;
	margin: 4px 0px 9px;
}
h4, ul li h4 {
	font-size:13px;
	margin: 4px 0px;
	text-transform: none;
}
.pink {
	color: #EC008C;
}
p, ul, li, table#form td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #333333;
}
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: 13px;
	line-height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	color: #E3007A;
	border: 2px solid #E3007A;
	background-color: #FFFFFF;
	font-weight: bold;
	padding: 2px 3px;
}

a.button{
	color: #E3007A;
	text-decoration: none;
}

td.required {
	background-image: url(../pics/icon_req.gif);
	background-repeat: no-repeat;
	width: 25px;
	background-position: 10px 6px;
	font-size: 0px;
}

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

span.required{
	color: #E3007A;
}


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

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

/*Breadcrumbs*/

#breadcrumbs {
	padding: 0px;
	margin: 0px;
	background: url(../pics/breadcrumb-bg.gif) no-repeat left top;
	float: left;
	width: 150px;
}

#breadcrumbs div{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0px 0px 10px;
	color: #FFFFFF;
	padding: 5px;
	background: #114a81;
	text-align: center;
}

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{
	color: #FF9900;
	font-weight: bold;
}
#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: 500px;
}


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

table.pricing td{
	padding: 3px;
	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: #726670 !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;
}

.gridview td a.button {
	margin: 2px;
	line-height: 20px;
}

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: 745px;
}
.panelContainer  th.active  {
	background: #dfdfdf;
	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;
	vertical-align:top;
	font-size: 12px;
}

.panelContainer  th.active a {
	color: #eb008b;
	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;
}

#discCode{
	display:none;
}

/*File upload*/

#fileupload{
	width: 370px;
	margin-bottom: 10px;
}

input.upload{
	margin-left: 120px;
}

#fileupload div {
	margin: 5px 0px;
}

#fileupload div input{
	display: inline;
}

#fileupload div label{
	width: 96px;
	float: left;
	font-size: 11px;
	font-family: Tahoma, Verdana, sans-serif;
	text-align: right;
	line-height: 16px;
	padding-right: 15px;
	margin-right: 9px;
	padding-top: 2px;
}

#fileupload div label.required{
	background: url(../pics/icon_req.gif) no-repeat right 5px;
}

#fileupload div span{
	font-size: 12px;
}

#imageLabel, .panel td a{
	font-size: 11px;
	font-family: Tahoma, Verdana, sans-serif;
}

a.doc {
	font-size: 13px;
	background: url(../pics/icon_doc.gif) no-repeat left top;
	padding: 2px 0px 3px 20px;
}

.panel h3{
	margin-top: 5px;
}

#trLogo td, #pressReleaseLink td, #salesMaterialLink td{
	border-bottom: 1px solid #CCCCCC!important;
	padding-bottom: 7px;
}

#trLogo ul{
	padding: 0px;
	margin: 0px;
}

/*admin login*/

#btnPanel{
	border: 1px solid #CCCCCC;
	padding: 5px;
	background: #f7f7f9;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: 10px;
}