/* --------------------------------------------------
file: standard.css
website: http://www.tcd.ie
version: 1.0
created: 06/06/08
author: Andrea Cima Serniotti
contact: http://www.visrez.com
---------------------------------------------------*/

/* ----------------------- COMMON CLASSES --------------------------- */

.navigation, .alt {position:absolute;top:-3000px;left:-5000px}
.hidden, hr{display:none}
p,ul,li,form,fieldset{margin:0;padding:0}
ul{list-style-type:none}
h2,h3,h4,h5{
font-family:Arial, Helvetica, sans-serif;
font-size:1.8em;
font-weight:bold;
margin:0 0 12px 0;padding:0;
clear:both;
color:#505050
}
a {color:#4B8B01;}
	a:hover {text-decoration:none}
	a:focus {outline:none}
p {margin-bottom:10px}
.visible {display:inline}

/* Clear floats */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}  
.clearfix {display: inline-block;}
/* hide da IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end hack per IE-mac */

/* ----------------------- STRUCTURE --------------------------- */

#bookings{position:relative;font-size:1.1em;color:#666;text-align:left}

.boxbe{
border:1px solid #aec6d6;
background:#f2f9fe;
clear:both;
margin-bottom:20px;
float:left;width:100%;
position:relative;
width: 95%;
}

.boxbe a{color:#000000;}

.ticketdesc{
min-height: 210px;
height: auto !important;
height: 210px;
}
	.boxbe h2{
	border-bottom:1px solid #aec6d6;
	background:#d9e6ef;
	padding:1px 10px 1px 10px;
	font-size:1em
	}
	.boxbe h3{color:#505050;font-size:1em;margin:10px 15px 0 15px}
	.boxbe p,.box ul,.boxbe table{margin:0 15px 10px 15px;clear:both;font-size:1.1em}
	.boxbe .leftside strong,.boxbe .rightside strong{float:left;width:140px; color:#505050}
	.boxbe .rightside strong{width:75px}
	.boxbe #quant label{margin:0;padding:0;}
	.boxbe strong.important{float:none;width:auto;color:#666}
	.rightside{float:left;width:49%;margin:10px 0}
	#bookings .quantity{display:block;}
	#bookings .quantity label{float:left;width:220px}
	.leftside{float:left;width:51%;margin:10px 0}
	.boxbe .mainimg{position:absolute;left:10px;top:2.8em}
	.boxbe .description{margin-left:225px;padding:0 10px 10px 0}
	.boxbe .description p{margin:2px 10px 7px 0}

#book{
background:url(../images/booknow.gif) 0 0 no-repeat;
width:100px;height:29px;
border:0;cursor:pointer;
position:relative;top:10px;
margin-left:20px;float:right
}

#proceed,#print{clear:both;text-align:center}
#proceedbutton{
background:url(../images/proceed.gif) 0 0 no-repeat;
width:106px;height:29px;
border:0;cursor:pointer;
}
#print a{
display:block;margin:0 auto;
background:url(../images/printthispage.gif) 0 0 no-repeat;
width:112px;height:29px;

}

/* Booking engine */
#search{
margin:15px 0 20px 0;padding:10px 0 0 0;
clear:both;

float:left;width:100%;
position:relative
}
#search p{float:left;width:auto;margin:0}
#search input, #search select{padding:1px;background:#FFF;}
	#booking_day{width:70px}
	#booking_event_selected{width:350px}
	#booking_quantity{width:35px}
#search label{float:left;width:45px;margin-left:20px}

.calendar-ico{cursor:pointer;position:relative; top:2px}

#searchbutton{
background:url(../images/booknow.gif) 0 0 no-repeat;
width:106px;height:29px;
border:0;cursor:pointer;
position:relative;top:-3px;
margin-left:20px;float:left
}


/*  Visual Navigation  */

#check-box{
width:730px;height:60px;
background:url(../images/visualnav_step0.gif) 0 0 no-repeat;
position:absolute;right:0 !important;right:30px;top:-75px; left:30px;
}
#check-box li{position:absolute;top:-6000px;left:-6000px}
#bookings .step1{background:url(../images/progress-1.png) 0 0 no-repeat}
#bookings .step2{background:url(../images/progress-2.png) 0 0 no-repeat}
#bookings .step3{background:url(../images/progress-3.png) 0 0 no-repeat}
#bookings .step4{background:url(../images/progress-4.png) 0 0 no-repeat}

/*   Flash error   */
select {margin: 2px;padding: 2px; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px} 

p.flash-error,p.flash-warning,p.flash-notice {
	background: #fcbfbf url(../images/flasherror.gif) 6px 3px no-repeat;
	border: 1px solid #e90000;
	color: #bd0b0b;
	margin: 0 0 15px 0;
	float:left;
	width:86%;
	font-size:1.2em;
	padding: 1% 1% 1.5% 8%
}
p.flash-error span,p.flash-warning span,p.flash-notice span{display:block;padding:5px}
p.flash-warning {background:#d1e3f6 url(../images/flashwarning.gif) 6px 3px no-repeat;border-color:#84b3e1;color:#5791c8}
p.flash-notice {background:#d1ee99 url(../images/flashnotice.gif) 6px 3px no-repeat;border-color:#8dbd32;color:#6d9421}