.required, .requiredkey
{
	background:url(../images/required.gif) 100% 0 no-repeat;
}

.gradienttable .required, .contactform .required
{
	background:url(../images/requiredtable.gif) 100% 0 no-repeat;	
}

.requiredkey
{
	width:125px;
	font-style:italic;
}

.watermark
{
	color:Gray;
}

.loginform, .registerform, .forgottenform, .newsletterform
{

}



.loginform label, .registerform label, .forgottenform label, .paymentform label, .contactform label, .bookingdetailsform label,
.newsletterform label
{
	display:block;
	float:left;
	width:90px;
	font-weight:bold;
	margin-right:5px;
}

.registerform label
{
	width:220px;
}


.bookingwizard .registerform label
{
	width:210px;
}

.bookingdetailsform label
{
	width:190px;	
}

.paymentform label
{
	width:250px;

}

.contactform, .newsletterform
{

	background:url(../images/light-bg.gif);
	width:100%;	
	
}

.contactform .padding, .newsletterform .padding
{
	padding:10px;
}

.contactform label, .newsletterform label
{
	width:250px;
	color:White;
	padding-right: 15px;
}

.newsletterform label
{
	width:300px;
}

.loginform .butLogin, .loginform .butCancel,
.registerform .butRegister, .registerform .butCancel, .forgottenform .butRequestPassword, .butBackToTravelPlanner
{
	float:left;
	margin: 10px 15px 10px 0;	
}

.loginform input, .registerform input, .loginform select, .registerform select,
.forgottenform input, .paymentform input, .paymentform select,
.contactform input, .contactform select,
.newsletterform input, .newsletterform select
{
	margin-bottom:7px;	
	width:150px;
}

.paymentform input, .paymentform select
{
	width:200px;	
}

.errortext
{
	color:Red;
	font-weight:bold;
}

.highlightfield
{
	
	background-color:#eafd17;
}

.checkboxlist label
{
	display:inline;
	float:none;
	font-weight:normal;
	width:auto;		
}

.checkboxlist input
{
	width:auto;
	margin-bottom:0;
}

/* gradient table*/

.gradienttable
{
	background:url(../images/tablebg.jpg);
	width:100%;	
}

.gradienttable table
{
	color:Black;
	background:none;
	width:inherit;
	
}

.gradienttable th
{
	background-color:#0a5485;
	color: #FFFFFF;
	padding:5px;
}

.gradienttable th a
{
	color: #FFFFFF;
}

.gradienttable table th
{
	background:none;
	padding:0;	
}

.gradienttable td
{
	border:solid 1px #FFFFFF;
	border-collapse:collapse;
	padding:5px;		
}

.gradienttable table td
{
	border:none;
	padding:0;	
}

.gradienttable input, .gradienttable select, .gradienttable textarea
{
	margin-bottom:5px;	
}

/*booking form */
.bookingwizard label
{
	font-weight:bold;
}

.wizardnavigationbuttons a
{
	float:left;
	margin: 10px 15px 10px 0;	
}

.breakdowncost
{
	color:Orange;
	font-weight:bold;
	font-size:12px;	
}

.totalcost
{
	color:Orange;
	font-weight:bold;
	font-size:14px;
}

.paymentform .checkbox input
{
	width:20px;
}

#SSLInfo
{
	padding-right:150px;
	background:url(/images/ssl_padlock.jpg) 90% no-repeat;
	height:50px;
	font-weight:bold;
	color:GrayText;
}

#VBVInfo
{
	font-weight:bold;
	color:GrayText;
}

#VBVInfo span
{
	color:black;
}

.hrefform
{
	top:-6px;
	position:relative;
	font-weight:bold;
	font-size:14px;
}

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    text-decoration:underline;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    text-decoration:none;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #000;
    text-align:left;
	filter: alpha(opacity:95);
	KHTMLOpacity: 0.95;
	MozOpacity: 0.95;
	opacity: 0.95;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../images/bubble.png) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../images/bubble_filler.png) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../images/bubble.png) no-repeat bottom;
}