@charset "utf-8";
/* CSS Document -test*/
/*===========================
Static Quote + Dynamic Quote
============================*/
.wrapperQuote{width:248px; float:left;}
	.quote {width:248px; float:left; margin-right:13px; text-align:left; }
		.quote h3 {margin-left:4px; text-align:left;}
		.ui-tabs-nav, .ui-tabs-panel {width:250px; margin:0 !important;}
		.ui-tabs-nav {list-style: none;	margin: 0; padding: 0px; background:url(http://wac.2084.edgecastcdn.net/802084/ukrc/images/tripbox-header-bg.png) no-repeat left top; width:250px;}
			.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */display: block; clear: both; content: " ";}
			.ui-tabs-nav li {float: left; margin: 0 0 0 0px; padding: 0 !important; font-size: 14px; list-style: none;}
				.ui-tabs-nav a {margin: 0; color: #8c8c8c; display: block; font-weight: bold; line-height: 1; text-decoration: none; white-space: nowrap; /* required in IE 6 */  outline: 0; /* prevent dotted border in Firefox */ padding:10px 0 8px 0;}
			.ui-tabs-nav a.fragment1 { width:91px; text-align:left; padding-left:13px; }
			.ui-tabs-nav a.fragment2 { width:116px; text-align:right; padding-right:13px; }
			.ui-tabs-nav .ui-tabs-selected a {/* position: relative; this is making the active tab sit above the dropdown menu.. fix */z-index: 2; color: #373737;}
				.ui-tabs-nav .ui-tabs-selected a span {padding-bottom: 1px;}
			.ui-tabs-nav .ui-tabs-selected a.fragment1 { background:url(http://wac.2084.edgecastcdn.net/802084/ukrc/images/tripboxleft.png) no-repeat left top; width:84px; padding-right:24px;}
			.ui-tabs-nav .ui-tabs-selected a.fragment2 { background:url(http://wac.2084.edgecastcdn.net/802084/ukrc/images/tripboxright.png) no-repeat right top; width:109px; padding-left:24px;}

			*>.ui-tabs-nav a span { /* hide from IE 6 */width: auto; height: auto;}

			.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
				cursor: text;
			}
			.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,	.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */	cursor: pointer;}

		.ui-tabs-panel {padding: 1em 0px; background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */ background:url(http://wac.2084.edgecastcdn.net/802084/ukrc/images/tripbox-bg.png) no-repeat left bottom;			float:left;}
		.quote .tripbox {  padding:0px 6px; float:left;}
			.quote .tripbox .line { float:left; width:217px; padding:10px; background:url(http://wac.2084.edgecastcdn.net/802084/ukrc/images/nav-dropdownbottom.gif) repeat-x top left; clear:both}
			.quote .tripbox .first {background:none;}
			/*.quote .tripbox .line.on { background:#fafafa;}*/
				.quote .tripbox .line .no { font-size:1.9em; padding-right:10px; float:left; padding-top:6px; color:#E41200; font-weight:bold;}
					.quote .tripbox .line .questionholder {float:left; width:190px; padding-top:1px;}
					.quote .tripbox .line .questionholder .question { float:left; width:170px; font-weight:bolder; margin-bottom:10px; font-size:1.2em;}
					.quote .tripbox .line .questionholder .questioninput { float:left;/* position:relative;*/ margin-right:5px;}
					.quote a.more {float:right; display:block; color:#1c9dd4; font-size:1em; text-decoration:underline;}
						.zindex2{z-index:1; position:relative;}
						.zindex1{z-index:2; position:relative;}
						#calendardiv {top:60px !important; left:30px !important;}
							#anchor1, #anchor2 {background:url(http://wac.2084.edgecastcdn.net/802084/ukrc/images/calendar-icon.gif); width:16px; height:16px; display:block; position:relative; margin-left:70px;}
							#StartDate, #EndDate {float:left;}
					.quote .tripbox .line .questionholder .questioninput select {width:176px; z-index:-9;}
					.quote .tripbox .line .help {float:left; width:18px; /*height:24px;*/ padding:4px 0 0 2px;}

					.quote input.exshort {	width:15px;	text-align:right;	margin:0 0 3px 0;}
					.quote select {padding:0; width:187px; height:22px; font-size: 11px; border:1px solid #cacaca; font-family: arial,verdana,sans;}
					.quote .staticquotebtn {background:#ccc url(http://wac.2084.edgecastcdn.net/802084/ukrc/images/staticquote_button.jpg) no-repeat right top;	float:right; color:#fff; padding-right:20px; padding-bottom:5px; line-height: 1; height:23px; margin-top:-5px; cursor:pointer; font-size:1.2em; font-weight:bold; text-decoration:none; border:0; width:140px; white-space:nowrap; font-family:"trebuchet ms",arial,verdana,sans}


/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}		
		

/*==============================
Dynamic Quote - Calendar Style
===============================*/
a.calendarIcon {float: left; width: 16px; height: 16px; padding: 0;	margin: 0 0 0 0; display: block; text-indent: -2000px; overflow: hidden; background: url(http://wac.2084.edgecastcdn.net/802084/ukrc/images/calendar-icon.gif) no-repeat; }

input.date-pick {float:left; font-size:11px; padding:0 1px; width:60px; margin-right:4px;}
	.calendarWrapper {border-collapse:collapse; background:#ffffff; border:none; width:185px; height:152px; font-size:11px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; position: absolute; top: 0; left:90px; z-index: 9999;}
	.calendarHoder1{z-index:1; position:absolute; left:120px; width:185px; height:152px; display:block;	background:#FFFFFF;	border:1px solid #b1b1b1;}
		.calWrapper {background:#efefef; width: 157px; height: 210px; font-size:11px; /*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/}
			.calHolder 
			{
				z-index:1;
				position:absolute;
				left:70px;
				width:auto;
				height:auto;
				display:block;
				background:#FFFFFF;
				border:1px solid #b1b1b1;
			
			}
	
			.Cal1 {/*Table Calendar*/font-size:11px; /*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/height:182px; width:193px; background:#FFFFFF;	border:none;}
				.Cal1 a {text-decoration:none; height:20px; padding:0 5px;}
				.Cal1 td {padding:0 3px;}
				.Cal1 table {background:url(http://wac.2084.edgecastcdn.net/802084/ukrc/images/month-header-bg.gif) top center; height:24px;}
	
			.monthTitle {background-color:#FFFFFF; height:25px; font-weight:bold; font-size:10pt; color:#FFFFFF;}
			.nextPrevMonth { font-size:10pt; text-align:center;}
			.nextPrevMonth a  {padding-top:4px !important; display:block;}
			.calendarWrapper a {text-decoration:none;}
			.calendarWrapper a:hover { text-decoration:underline;}
			.dayHeader {background:#efefef;	color:#939393;height:20px; font-weight:normal;}
			
			.selectedDay {background:url(http://wac.2084.edgecastcdn.net/802084/ukrc/images/date-month-bg.gif) repeat-x scroll left top;}
			.weekendDay {font-weight:bold;}
			.todayDay {	background:#FFE0CC;	}
			.nextMonthDay{background:#DDDDDD; color:#666666;}
			
			.otherMonthDayStyle {background-color:#dddddd; color:#666666;}
			.otherMonthDayStyle a {cursor:default;}
			
			.otherMonthDayStyle a:hover	{text-decoration:none;}
			
			.calMonth {	width: 100px !important;}
			
			.calYear{width: 80px !important;}


/****************/
/*Error Message
/****************/
/*.getaquoteError {float:left; width:237px;}*/
	.getaquoteError .getaquoteErrorHeader {background:#DB001B url(http://wac.2084.edgecastcdn.net/802084/ukrc/images/nomatching.gif) no-repeat 5px 3px; color:#efefef; padding-left:25px; text-transform:uppercase; line-height:2em; font-size:0.85em; width:211px; position:relative;}
	getaquoteError .getaquoteErrorHeader p{padding:0; margin:0;}
	.quote .tripbox div.getaquoteErrorBody { background:#f5d9d9;width:217px;}
.getaquoteError{ width:auto; float:left; /*clear:both;*/}

/*******************/
/*Mandatory Fields*/
/*******************/
.quote .madatoryfields {float:left; width:240px; display:block; padding-left:5px;}


/* Caution! Ensure accessibility in print and other media types... 
@media projection, screen 
    .ui-tabs-hide {
        display: none;
    }
}
*/
/* Hide useless elements in print layouts... 
@media print {
    .ui-tabs-nav {
        display: none;
    }
}*/


/*===================
default page calendar
=====================
*/


/*****Quote*****/
.rightquotespace {margin-right:15px;}/*Only for default page*/
img {border:0;}

/*======================
Quote Form
======================*/