/* ---< STARTING >------------------------------------------------------------------------ */
* { margin: 0; padding: 0; outline: none !important; }
html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } /* fixes the background-image flicker bug in IE */
body { background: #FFF; color: #000; line-height: 1.4; text-align: center; font-family: Trebuchet MS, Verdana, sans-serif; font-size: 62.5%; }

/* ---< COMMON CLASSES >------------------------------------------------------------------ */
.print { display : none; }
.clear { width: 100%; overflow: hidden; }
.relative { position: relative; }
.stream, .hidden { display: none; }
sembed { visibility: hidden !important; }

/* ---< DEFAULTS >------------------------------------------------------------------------ */
p, blockquote, ul, ol, dl, table { margin-top: 0px; margin-bottom: .7em; line-height: 1.6; }
ul, ol { list-style: none; }
ol { padding-left: 3em; }
ul, ol  { margin-left: 0; }
a { color: #000; }
acronym { cursor: help; border: none; }
acronym:hover { border-bottom : 1px dotted #DDD; }
img { border: none; vertical-align: middle; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-size: 1.4em; margin-bottom: .357em; font-family: Trebuchet MS, sans-serif; font-weight: bold; font-style: normal; line-height: 1; }
h1 { font-size: 2em; margin-bottom: .25em; }
h2 { font-size: 1.8em; margin-bottom: .27777em; }
h3 { font-size: 1.6em; margin-bottom: .3125em; color: #5D5349; }
h5 { color: #5D5349; }
h6 { font-size: 1.2em; margin-bottom: .4166em; }
table { border-collapse : collapse; }
table, td, th, caption { border: none; background-color: transparent; padding: 0; text-align: left; vertical-align: top; }
th acronym:hover { border : none; }
th.num, td.num { text-align: right;  white-space: nowrap; }
form { margin : 0; }
fieldset { padding: 0; margin: 0; border: none; }
input,select,textarea { vertical-align: middle; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 1em; }
textarea { vertical-align: top; width: 99%; }
select,textarea, .textinput, .fi_txt input { border: 1px solid #888; background: #fff; color: #000; }
acronym { background: url(images/dot-line.gif) repeat-x bottom left; }


/* ---< LAYOUT >-------------------------------------------------------------------------- */
.bodywrap { position: relative; width: 909px; margin: 0 auto 11px auto; text-align: left; }
body.home .bodywrap { background: none; }
body.twocol .bodywrap { background: url(images/bw-bg.gif) 0 5em repeat-y; }
body.threecol .bodywrap { background: url(images/bw-bg-3col.gif) 0 5em repeat-y; }
.pageheader { background: #FFF; height: 98px; }
.pageheader .sitelogo { margin: 27px 0 0 -1px; }
.pagebody { width: 100%; overflow: hidden; }
.content-page .main-column { width: 680px; float: left; }
body.twocol .content-page .main-column { background: url(images/bg-2col.gif) no-repeat bottom left; padding-bottom: 15px; }
body.threecol .content-page .main-column { background: url(images/bg-3col.gif) no-repeat bottom left; }
body.twocol .main-column-content { background: url(images/pb-top.gif) no-repeat; padding: 16px; font-size: 1.2em; }
body.threecol .three-column-content { background: url(images/pb-top-3col.gif) no-repeat; font-size: 1.2em; }
.three-column-content .left { float: left; width: 398px; margin: 11px 0 0 11px; }
.three-column-content .right { float: right; width: 226px; margin: 11px 11px 0 0; }
.content-page .right-column { width: 219px; float: right; }
.button { margin-top: .4em; float: left; background: url(images/btn-r.gif) no-repeat 100% 0; display: block; float: right; height: 29px; line-height: 29px; }
.button input { background: url(images/btn-l.gif) no-repeat; display: block; height: 29px; line-height: 29px; padding: 0 15px; text-align: center; text-decoration: none; border: 0; font-size: 1.1em; font-family: "Geneva", Verdana, sans-serif; color: #FFF; font-weight: bold;  cursor: pointer; }
#faceb {width:220px; height:65px; margin:auto; position:absolute; z-index:1; left:690px; top:60px;}
#subfaceb {width:220px; height:65px; margin:auto; position:absolute; z-index:1; left:690px; top:95px;}
a.facebutton { width:220px; height:65px; display:block; background:url(/media/originals/sffacebooksprite.png) no-repeat; overflow:hidden; background-position: 0px 0px;} 
a.facebutton:hover { background-position: 0px -65px;}
a.baeklbutton { width:220px; height:65px; display:block; background:url(/media/originals/sfbaeklingasprite.png) no-repeat; overflow:hidden; background-position: 0px 0px;} 
a.baeklbutton:hover { background-position: 0px -65px;}

/* ---< ALL NAVIGATIONAL ELEMENTS >------------------------------------------------------- */
.page-menu { background-color: #FFF; }
.page-menu h2 { display: none; }
.mnav, .snav { width: 100%; overflow: hidden; font-family: "Aaux Light", Trebuchet MS, Arial; }
.mnav li, .snav li { float: left; }
.mnav a, .snav a { float: left; margin-left: 11px; padding: 10px 13px 10px 3px; text-decoration: none; line-height: 1; color: #666; _height: 0; min-height: 0; }
.mnav a:hover, .snav a:hover { text-decoration: underline; }
.mnav { font-size: 1.70em; xpadding-bottom: 6px; }
.mnav li.selected  { background: transparent url(images/mnav-curr-left.gif) no-repeat center left; }
.mnav li.selected a { background: transparent url(images/mnav-curr-right.gif) no-repeat center right; color: #DA2B6B; }
.snav { font-size: 1.1em; text-transform: lowercase; padding-bottom: 5px; }
.snav li.selected { background: url(images/snav-curr-left.gif) no-repeat center left; }
.snav li.selected a { background: url(images/snav-curr-right.gif) no-repeat center right; color: #DA2B6B !important; }
.enav { position: absolute; top: 0;right: 0; background: url(images/enav-l.png) 0 100% no-repeat; padding-left: 12px; width : 555px; height: 35px; font-size: 1.1em; }
.enav .content { background : url(images/enav-r.png) 100% 100% no-repeat; margin-left: -12px; height: 35px;}
.enav ul { overflow: hidden; width: auto; }
.enav li { float: left; display: inline; padding: 0; margin: 0; } 
.enav .content a { display: block; padding: 7px 15px 10px; text-decoration: none; color: #000; border-left: 1px solid #E8E6E1; }
.enav li.cat1 a { border: none; } 
.enav .content a:hover { color: #000; text-decoration: underline; }

/* ---< FRONT PAGE >---------------------------------------------------------------------- */
.front-page .flash-banner { float: left; width: 680px; height: 365px; }
.front-page .search-engine-wrapper { float: right; width: 219px; }
.img-banner { background-color: #FFF; width: 680px; }
.img-banner img { margin-bottom: 10px; }

.newsticker {list-style-type: none; background: #C8CBCE; margin-top: -3px; padding:0;}
.newsticker li { float: left; padding: 1px 0 10px 5px; width: 540px; overflow: hidden; }
.newsticker li a { font-weight: bold; text-decoration: none; color: #868788;  _position: absolute; _top: 10px; _left: 130px; _width: 534px; _overflow: hidden; }

.home .newstuff { background: url(images/newstuff-bg.gif) no-repeat; position: absolute; left: 0; width: 680px; text-transform: uppercase; margin-top: -30px; font-size: 1.1em; }
.home .newstuff h2 { float: left; width: 104px; _width: 120px; color: #FFF; font-size: 1.1em; padding: 9px 0 0 16px; height: 30px; }
.home .newstuff .content { float: left; padding: 9px 0 10px 10px; width: 540px; overflow: hidden; }
.home .newstuff .item, .home .newstuff .item h3 { width: 550px; }
.home .newstuff .item h3 { font-weight: bold; margin: 0; }
.home .newstuff .item h3 a { color: #868788; white-space: nowrap; font-size: 0.7em; text-decoration: none; _position: absolute; _top: 10px; _left: 130px; _width: 534px; _overflow: hidden; }

.currentoffers { margin-left: 0; margin-top: 10px; width: 908px; }
.currentoffers .boxhd { position:absolute;right:19999px;left:auto; }
.currentoffers .content { padding: 10px; }
.currentoffers .item { float: left; width: 219px; margin-right: 10px; _display: inline; position: relative; height: 221px; margin-bottom: 10px; _margin-bottom: 0; }
.currentoffers .itm4 { float: right; margin: 0; }
.currentoffers .item img { width: 220px; height: 77px; }
.currentoffers h3 { position: absolute; top: 83px; left: 14px; z-index: 99; color: #FFF; padding: 0; margin: 0; font-weight: normal; font-size: 1.6em; }
.currentoffers .summary { z-index: 99; clear: left; padding: 0; margin: 32px 17px; _margin-top: 30px; }
.currentoffers .more { background: none; }
.currentoffers .more a { padding:0; display:block; overflow: hidden; border: none; line-height: 0; text-indent: -9999em; font-size: 1px; letter-spacing: -1em; width: 220px; height: 221px; background: url(images/offers-more.png) no-repeat; _background-image: url(images/offers-more.gif); position : absolute; top: 0; left: 0; z-index: 1; }
.currentoffers .more a:hover, .currentoffers .more a:focus, .currentoffers .more a:active { background-position: -220px 0; }


/* ---< FOOTER >-------------------------------------------------------------------------- */
.footer { position: relative; width: 909px; margin: 10px auto 10px auto; text-align: left; background: url(images/footer-bottom.gif) no-repeat 0 100%; }
.footer p { background: url(images/footer-top.gif) no-repeat; font-weight: bold; padding: 5px 0; text-align: center; }
.footer, .footer a { color: #93A0A9; text-decoration: none; }
.footer p { margin-bottom: 0; }
.footer i { padding-left: 18px; color: #EEF0F0; background: url(images/footer-i.gif) no-repeat 50% 55%; }
.powered-by { width: 100%; overflow: hidden; }
.powered-by a { float: right; }
.powered-by img.travel-logo { float: right; margin: 3px 18px 0 0; }

.page { position: relative; width: 909px; margin: 0 auto 11px auto; text-align: left; }
/* ---< CONTACT FORM >-------------------------------------------------------------------- */
.contactform div.field { width: 100%; overflow: hidden; margin-bottom: 4px; }
.contactform div.field label { float: left; width: 140px; text-align: right; font-weight: bold; padding-right: 10px; }
.contactform div.field input { float: left; width: 120px; }
.contactform div.field textarea { float: left; width: 400px; height: 150px; }

/* ---< EMAIL REGISTER FORM >------------------------------------------------------------- */
.mailinglist-register div.field { width: 100%; overflow: hidden; margin-bottom: 4px; }
.mailinglist-register div.field span { float: left; width: 140px; text-align: right; font-weight: bold; padding-right: 10px; }
.mailinglist-register div.field input { float: left; width: 200px; }

/* ---< MASS EMAIL REGISTRATION >--------------------------------------------------------- */
.mass-email-register-form .group-list { width: 100%; overflow: hidden; margin-bottom: 22px; }
.mass-email-register-form .group-list span label { padding: 4px 0 0 10px; }
.mass-email-register-form .user-info .item { width: 100%; overflow: hidden; margin-bottom: 10px; }
.mass-email-register-form .user-info .item label { float: left; padding: 4px 10px 0 0; width: 80px; text-align: right; font-weight: bold; }
.mass-email-register-form .user-info .item input { float: left; width: 260px; }

/* ---< BOOKING ENGINE : QUICK SEARCH >--------------------------------------------------- */
#quick_search { min-height: 405px; }
#quick_search h2 { padding: 0; display: block; overflow: hidden; border: none; line-height: 0; text-indent: -9999em; font-size: 1px; letter-spacing: -1em; width: 219px; height: 72px; background: url(images/quickbook-boxhd.gif) no-repeat; margin-bottom: 0; }
#quick_search .content { background: #172227 url(images/quickbook-bottom.gif) no-repeat 0 100%; padding : 0 9px 7px; font-size: 1.1em; min-height:328px; }
#quick_search .return, #quick-search .depart, #quick-search .dest, #quick-search .from { margin-bottom: .5em; }
#quick_search .bigsel select { width: 190px; }
#quick_search label { text-transform: uppercase; color:#FFFFFF}
#quick_search .qs-sel label { color: #FFF; display: block; padding: 4px 0 0 0; }
#quick_search label i { font-style: normal; }
#quick_search .qs-row { padding : 5px 0 4px 5px; background : url(images/quickbook-sep.gif) 0 0 repeat-x; }
.qs-row { clear : both; _height:0;min-height:0;/* ie hasLayout fix */  }
.qs-row:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }
.qs-row .fi_btn { clear : both; text-align: right; padding-top: 4px; }
.qs-row .fi_btn input { width: 79px; background: url(images/quickbook-btn.gif) no-repeat 0 50%; border: none; text-transform: uppercase; color: #FFF; padding: 6px 0 4px; font-size: 1.1em; cursor: pointer; }
.qs-row  .fi_btn input:hover, .qs-row  .fi_btn input:focus, .qs-row  .fi_btn input:active { background-position: -79px 50%; }
#quick_search .person { margin-bottom : .5em; clear: left; }
#quick_search .person select { text-align: center; width: 75px; _width: 71px; }
#quick_search .person label { float: left; width: 115px; }
#quick_search .cb li { float: left; width: 98px; }
#quick_search .cb label { font-size: 1em; color: #FFF; }
/* -- #quick_search .dates label { padding-left: 18px; background: url(images/quickbook-cal.gif) no-repeat 0 .58em; } */

p.session-failed { font-size: 2.6em; text-align: center; padding: 30px 0; margin: 20px; border: solid 1px #DEDEDE; }

.search-switcher ul { margin: 0; padding: 0; }
.search-switcher ul li { float: left; width: 100px; color: #FFF; margin-bottom: 5px; }
.search-switcher ul li input, .search-switcher ul li label { float: left; }
.search-switcher ul li label { line-height: 1em; padding: 2px 5px 3px 5px; cursor: pointer; }

/* --	ODIN BOOKING PROCESS : STEPPER ------------------------------------------------------------------------------------ */
#steps {   }
#steps ul {width: 100%; overflow: hidden;  }
#steps ul li { float: left; color: #444; float: left; height: 25px; line-height: 25px; text-align: center; width: 91px; background: url(images/steps-light.gif) top center; margin-right: 1px; }
#steps ul li span { }
#steps ul li.active {  background-image: url(images/steps-green.gif); color: #FFF; }
#steps ul li.active span {  }
#steps ul li.haspassed span { color: #AAAAAA; }
#steps ul li.first {background-position: top left; }
#steps ul li.last {background-position: top right; }   


/* ---< BOOKING ENGINE : CURRENT BOOKING DATA >------------------------------------------- */
.current-booking-data { background: transparent url(images/dot-line.gif) repeat-x scroll 0 100%; }
.current-booking-data .trip-info { margin-bottom: 12px; }
.current-booking-data .flight-info { width: 323px; float: left; }
.current-booking-data h3 { font-size: 1.4em; }
.current-booking-data .flight-info h3 span { font-weight: normal; color: #7D7D7D; }
.xcurrent-booking-data .hotel-info { float: left; width: 323px; }
.current-booking-data .price-info { float: right; width: 323px; }
.current-booking-data .price-info ul li { text-align: right; font-size: 1.3em; }
.current-booking-data .price-info ul li span { font-weight: bold; }
.current-booking-data .price-info ul li.total-price { font-size: 1.5em; }
.current-booking-data .price-info ul li.total-price span { color: #C00; }

.current-booking-data .section { padding-bottom: 15px; }
.current-booking-data .section ul { list-style: none; font-size: 1.1em; }
.current-booking-data .section ul li { margin-bottom: 8px; width: 100%; overflow: hidden; }
.current-booking-data .section ul li.flight span { float: left; }
.current-booking-data .section ul li.flight span.name { font-weight: bold; }
.current-booking-data .section ul li.flight span.from { margin: 0 10px; }
.current-booking-data .section ul li.flight span.to { margin-left: 10px; }
.current-booking-data .section ul li.flight span.comment {margin-left: 10px;}
.current-booking-data .section ul li.hotel span { float: left; }
.current-booking-data .section ul li.hotel span.name { font-weight: bold; margin-right: 10px; }
.current-booking-data .section ul li.service span.name { font-weight: bold; }

/* ---< BOOKING ENGINE : CHECK MULTIPLE FLIGHTS >----------------------------------------- */
.multiple-flights { }
.multiple-flights tr td { border-bottom: solid 1px silver; padding: 2px 4px; }
.multiple-flights tr td.cb { width: 15px; padding-top: 5px; }
.multiple-flights tr td.code { width: 100px; }
.multiple-flights tr td.dep { width: 250px; }
.multiple-flights tr td.arr { width: 250px; }
.multiple-flights tr td.comment { padding-left: 27px; font-size: 0.8em; }

/* ---< BOOKING ENGINE : FIND HOTELS >---------------------------------------------------- */
.hotelresults { margin-top: 20px; }
.hotelresults h2 { font-weight: normal; margin-top: 0; color: #DA2B6B; font-size: 2em; }
.hotelresults .item { padding: 6px 0 3px; _height:0; min-height:0;margin-bottom: 1em; }
.hotelresults .item:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:1px; margin-top:-1px; }
.hotelresults .item h3 { font-size: 1.2em; }
.hotelresults .item h3 a { text-decoration : none; }
.hotelresults .item .overview { width: 100%; overflow: hidden; padding-bottom: 7px; position: relative; } 
.hotelresults .item .overview li { float: left; padding: 3px 0; }
.hotelresults .item .overview .svaedi { padding-right: 10px; margin-right: 10px; font-weight: bold; color: #8F8F8F; }
.hotelresults .item .overview .einkunn { position: absolute; right: -10px; color: #f0f0f0; font-size: 1.3em; }
.hotelresults .item .overview .einkunn b { visibility: hidden; }
.hotelresults .item .overview .einkunn span { height: 16px; background : url(images/stars.gif) 0 0 no-repeat; padding: 2px 105px 2px 0; }
.hotelresults .item .overview .einkunn span.stars1 { background-position: 0 0; }
.hotelresults .item .overview .einkunn span.stars2 { background-position: 0 -80px; }
.hotelresults .item .overview .einkunn span.stars3 { background-position: 0 -160px; }
.hotelresults .item .overview .einkunn span.stars4 { background-position: 0 -240px; }
.hotelresults .item .overview .einkunn span.stars5 { background-position: 0 -320px; }
.hotelresults .item .overview .einkunn span.stars6 { background-position: 0 -400px; padding: 2px 78px 2px 0; }
.hotelresults .item img { float: left; padding-bottom: 8px; }
.hotelresults .item .summary { float: right; width: 473px; _display: inline; position: relative; min-height: 95px; _height: 95px; padding-bottom: 12px; _padding-bottom: 10px; }
.hotelresults .item .summary li { padding-left: 10px; margin-bottom: 7px; }
.hotelresults .item .summary .more { margin-top: 1em; margin-left:10px;}
.hotelresults .item .order { clear: both; position: relative; padding-top: 1px; border: 1px solid #CCC; background: #FFF; }
.hotelresults .item .order h3 { color: #000; }
.hotelresults .item .order p { position: absolute; right: 0; text-align: right; padding-right: 12px; padding-top: 3px; }
.hotelresults .item .order table { width: 100%; border: none; border-collapse : collapse; }
.hotelresults .item .order td { border: none; }
.hotelresults .item .order table td { padding : 5px; }
.hotelresults .item .order h3 { font-size: 1em; padding: 7px 0 2px 5px; background: none; font-weight: normal; }
.hotelresults .item .order table td { margin-bottom: 16px; width: 50%; }
.hotelresults .item .order table td.price { text-align: right; white-space : nowrap; }
.hotelresults .item .order table .price b { color: #CC3333; font-size: 1.1em; }
.hotelresults .item .selected { padding-top: 8px; }
.hotelresults .results { width: 100%; overflow: hidden; clear: both; }
.hotelresults .results h3 { float: right; display: inline; padding: 6px; border: 1px solid #BCBCBC; clear: both; margin-bottom: 2em; background: #FFF; }
.hotelresults .results span { font-size: .85em; font-weight: normal; }
.hotelresults .results b { color: #C00; }

/* ---< BOOKING ENGINE : HOTEL INFORMATION BY DESTINATION >------------------------------- */
.hotels-by-destination .item { padding: 6px 0 3px; _height:0; min-height:0;margin-bottom: 1em; }
.hotels-by-destination .item h3 { font-size: 1.2em; }
.hotels-by-destination .item h3 a { text-decoration : none; }
.hotels-by-destination .item .overview { width: 100%; overflow: hidden; position: relative; } 
.hotels-by-destination .item .overview li { float: left; padding: 3px 0 0 0; }
.hotels-by-destination .item .overview .svaedi { padding-right: 10px; margin-right: 10px; font-weight: bold; color: #8F8F8F; }
.hotels-by-destination .item .overview .einkunn { position: absolute; right: -10px; color: #f0f0f0; font-size: 1.3em; }
.hotels-by-destination .item .overview .einkunn b { visibility: hidden; }
.hotels-by-destination .item .overview .einkunn span { height: 16px; background : url(images/stars.gif) 0 0 no-repeat; padding: 2px 105px 2px 0; }
.hotels-by-destination .item .overview .einkunn span.stars1 { background-position: 0 0; }
.hotels-by-destination .item .overview .einkunn span.stars2 { background-position: 0 -80px; }
.hotels-by-destination .item .overview .einkunn span.stars3 { background-position: 0 -160px; }
.hotels-by-destination .item .overview .einkunn span.stars4 { background-position: 0 -240px; }
.hotels-by-destination .item .overview .einkunn span.stars5 { background-position: 0 -320px; }
.hotels-by-destination .item .overview .einkunn span.stars6 { background-position: 0 -320px; }
.hotels-by-destination .item img { float: left; margin: 0 23px 13px 0; }
.hotels-by-destination .item .ssummary { float: right; width: 473px; _display: inline; position: relative; min-height: 95px; _height: 95px; padding-bottom: 12px; _padding-bottom: 10px; }
.hotels-by-destination .item .ssummary li { padding-left: 10px; margin-bottom: 7px; }
.hotels-by-destination .item .ssummary .more { margin-top: 1em; }
.hotels-by-destination .results { width: 100%; overflow: hidden; clear: both; }
.hotels-by-destination .results h3 { float: right; display: inline; padding: 6px; border: 1px solid #BCBCBC; clear: both; margin-bottom: 2em; background: #FFF; }
.hotels-by-destination .results span { font-size: .85em; font-weight: normal; }
.hotels-by-destination .results b { color: #C00; }

/* ---< BOOKING ENGINE : PASSENGER INFORMATION >------------------------------------------ */
.passenger-form { margin-top: 20px; }
.passenger-form h2 { font-size: 1.2em; margin: 0px 0px 10px 0px; }
.passenger-form h4 { padding-bottom: 6px; }
.passenger-form .passenger-info { float: left; width: 33%; margin-bottom: 20px; }
.passenger-form .passenger-info .item { margin-bottom: 8px; }
.passenger-form .passenger-info .item label { float: left; margin-right: 10px; padding-top: 2px; text-align: right; width: 60px; }

/* ---< BOOKING ENGINE : ADDITIONAL SERVICES >-------------------------------------------- */
.additional-services { margin-top: 20px; }
.additional-services .items h5 { font-weight: bold; font-size: 1em; margin-bottom: 5px; }
.additional-services .fi_btn input { color: #fff; font-weight: bold; background: url(images/button-green.gif) no-repeat; width: 138px; border: none; padding-bottom: 3px; }
.additional-services .name { margin: 0px 20px 0px 3px; }
.additional-services .price { margin-right: 20px; color: #C00; font-weight: bold; }
.additional-services .price-info { font-size: 1.18em; font-weight: bold; margin: 20px 0px; }
.additional-services #TotalPrice { color: #CC0000; }
.additional-services .items h4 { margin-top: 20px; font-size: 1.1em; }

/* ---< BOOKING ENGINE : PAYMENT >-------------------------------------------------------- */
.payment-form { margin-top: 20px; }
.payment-form h3, .passenger-form h3, .additional-services h3 { background: url(images/dot-line.gif) repeat-x 0 100%; padding-bottom: 5px; margin-bottom: 12px; margin-top: 3px; }
.payment-form .options { width: 100%; float: left; padding-left: 40px; }
.payment-form .masterbackground { background: url(images/mastercard_logo.gif) no-repeat 0 50%; }
.payment-form .visabackground { background: url(images/visa_logo.gif) no-repeat 0 50%; }
.payment-form .logo {float: right; width: 100px; height: 44px; }
.payment-form ul.masterbackground, .payment-form ul.visabackground { padding-left: 80px; }
.payment-form li { margin-bottom: 2px; width: 100%; overflow: hidden; }
.payment-form li input { float: left; margin: 3px 7px 10px 0; }
.payment-form li label { cursor: pointer; }
.payment-form .info { clear: both;  padding-bottom: 24px; }
.payment-form .passenger-selection { margin: 3px 0 17px 0; }
.payment-form .passenger-selection label { margin-right: 5px; }
.payment-form .input-fields > div { width: 100%; overflow: hidden; margin-bottom: 8px; }
.payment-form .payment-info input, .payment-form .customer-info input, .input-fields input { float: left; border: solid 1px #BCBCBC; width: 120px; }
.payment-form .payment-info label, .payment-form .customer-info label, .input-fields label { float: left; margin-right: 10px; padding-top: 2px; text-align: right; width: 130px; }
.payment-form #cc-valid-year { margin-left: 5px; }
.payment-form .total-price { float: right; width: 600px; font-size: 1.6em; text-align: right; }
.payment-form .total-price span.prefix { }
.payment-form .total-price span.price { font-weight: bold; color: #C00; padding: 0 5px 0 10px; font-size: 1.7em; }
#giftvoucher_code { margin-right: 10px !important; }
.payment-form .payment-info-cards #nr-of-cards { width: 40px; }
.payment-form .payment-info-cards .payment-info { background:none repeat scroll 0 0 #FFFFFF; border:1px solid; float:left; margin:7px; padding:12px 8px; width:280px; }
.payment-form .payment-info-cards .payment-info > div { margin-bottom: 2px; float: left; }
.payment-form .payment-info-cards .payment-info label { width: 110px !important; }
.payment-form .payment-info-cards .payment-info .currency { line-height:19px; padding-left:2px; }
.payment-form .payment-info-cards .payment-info select.month { width: 80px; }

.payment-form .payment-info-cards .payment-info label.invalid { background:none repeat scroll 0 0 #CC0000; color:#FFFFFF; margin:0 38px 3px 0; padding:0 2px 2px !important; text-align:center; width:118px !important; }
.payment-form .paytype label.invalid { color:red; font-weight:bold; left:279px; position:absolute; top:881px; }                
.passenger-form .item input.invalid, 
.payment-form .input-fields input.invalid,
.payment-form .input-fields select.invalid { background-color: #63F8CF; border:1px solid #CC0000; }
.payment-form .input-fields label.invalid { background:none repeat scroll 0 0 #CC0000; color:#FFFFFF; display:block; float:right; font-size:0.9em; font-weight:bold; margin:0 386px 3px 0; padding:0 2px 2px !important; text-align:center; width:118px !important; }
.passenger-form .item span.invalid { color: red; display: block; font-weight: bold; text-align: left; font-size: 0.9em; padding: 0 0 0 82px; !important; width: 180px !important; }

/*	BOOKING ERROR MESSAGES:
	----------------------------------------------------------------------------------------------- */
#booking_loader_container { display: none; }
.booking-preloading-message h2, .booking-error h2 { margin: 20px 0 12px 0; padding: 0; font-size: 2.3em; font-weight: normal; text-align: center; color: #FF3399; }
.booking-preloading-message img { position: relative; margin: 30px 0 30px -27px; }
.booking-preloading-message p { font-size: 1.2em; padding: 0 30px; text-align: center; color: white; }
.booking-preloading-message a { color: white; }
.booking-error { position: relative; width: 650px; height: 435px; }
.booking-error ul { margin-top: 40px; }
.booking-error ul li { width: 100%; font-size: 1.4em; overflow: hidden; padding-bottom: 4px; }
.booking-error ul li span { float: left; }
.booking-error ul li span b { color: #C00; }
.booking-error ul li span.error-code { margin-left: 20px; width: 130px; }
.booking-error ul li span.error-message { width: 400px; }
.booking-error ul li span.amount { width: 100px; }
.booking-error p.error-explain { font-size: 1.2em; margin-left: 20px; color: #999; }
.booking-error a { position: absolute; bottom: 20px; right: 20px; color: #C00; font-size: 1.4em; font-weight: bold; }

/* ---< BOOKING ENGINE : RECEIPT >-------------------------------------------------------- */
.booking-id { font-size: 4.3em; text-align: center; font-weight: bold; color: #E02D7B; }

/* ---< BOOKING ENGINE : COMMON CLASSES >------------------------------------------------- */
p.helper { color: #868686; }
p.helper span.title { color: #C00; font-weight: bold; }

/* ---< VALIDATION FOR FORMS >------------------------------------------------------------ */
.fValidator-msg { margin: 2px 0 2px 70px; }
.payment-form .fValidator-msg { margin-left: 140px; }
.jscheckpassed .js-off, .js-on { display : none; }
.js-off, .jscheckpassed .js-on { display : block; }
.js-off { padding : 15px; }

/* ---< BOOKING ENGINE : HOTEL DETAILS >-------------------------------------------------- */
.hotelinfo { position: relative; }
.hotelinfo p.summary { background: #4F4F4F url(../images/hotelinfo-sum-top.gif) no-repeat top left; display: block; width: 649px; padding-top: 3px; line-height: 1.3em; font-style: italic; }
.hotelinfo p.summary span { background: #4F4F4F url(../images/hotelinfo-sum-bottom.gif) no-repeat bottom left; display: block; margin-top: 5px; color: #FFF; padding: 0 12px 9px 12px; font-size: 1.2em; font-weight: bold; text-align: center; }
.hotelinfo .hotel-images { height: 320px; overflow: hidden; position: relative; margin-bottom: 16px; }
.hotelinfo .hotel-images .main-loader { position: absolute; top: 0; left: 0; width: 500px; height: 320px; background: #F0F0F0; z-index: 20; }
.hotelinfo .hotel-images #main_image { position: absolute; top: 0; left: 0; z-index: 40; }
.hotelinfo .hotel-images .main-loader img { margin: 113px 0 0 226px; }
.hotelinfo .hotel-images .main { float: left; width: 500px; height: 320px; }
.hotelinfo .hotel-images .thumbnails { float: right; width: 129px; height: 288px; margin-top: 16px; overflow: hidden; position: relative; }
.hotelinfo .hotel-images .thumbnails ul { position: absolute; top: 0; left: 0; }
.hotelinfo .hotel-images .thumbnails ul li img { margin-bottom: 3px; cursor: pointer; }
.hotelinfo .hotel-images img.mover { position: absolute; right: 0; cursor: pointer; }
.hotelinfo .hotel-images img.up { top: 0; }
.hotelinfo .hotel-images img.down { bottom: 0; }
.hotelinfo .star-count { position: absolute; top: 0; right: 0; color: #F0F0F0; z-index: 9000; width: 110px; height: 16px; background: url(images/stars.gif) right 0 no-repeat; }
.hotelinfo .star-count span { height: 16px; }
.hotelinfo .stars1 { background-position: right 0; }
.hotelinfo .stars2 { background-position: right -80px; }
.hotelinfo .stars3 { background-position: right -160px; }
.hotelinfo .stars4 { background-position: right -240px; }
.hotelinfo .stars5 { background-position: right -320px; }
.hotelinfo .stars6 { background-position: right -320px; }
.hotelinfo .place-info { border-bottom: solid 1px #666; padding-bottom: 8px; margin-bottom: 8px; }
.hotelinfo .place-info span { float: left; }
.hotelinfo .place-info span.country { background: url(../images/bc-arrow.gif) no-repeat right 4px; padding-right: 16px; margin-right: 10px; }
.hotelinfo .place-info span.destination { background: url(../images/bc-arrow.gif) no-repeat right 4px; padding-right: 16px; margin-right: 10px; }
.hotelinfo .mwrapper .main { float: left; width: 480px; }
.hotelinfo .mwrapper .rightcol { float: right; width: 129px; font-size: 0.90em; }
.hotelinfo .mwrapper .rightcol h3 { font-size: 1.2em; text-transform: uppercase; margin-top: 21px; }

.terms {	clear: both; background-color: #E4E4E4;	width: 100%; overflow: hidden; padding: 7px 0; margin-bottom: 10px;	margin-top: 10px; }
.terms a { color: #FF0066; font-weight: bold; text-decoration: none;}
.terms .fi_chk { float: left; margin-left: 6px; padding-top: 4px; margin-bottom: 0;}
.terms .fi_chk label { text-align: left; width: 300px; float: none; margin-top: 6px; margin-left: 5px;}
.terms .fi_btn { float: right; margin-right: 16px; _display: inline; }

/* ---< BOOKING ENGINE : PACKAGE DETAILS >------------------------------------------------ */
.tour h2 { margin: 0 0 10px; border-bottom: solid 1px #AAA; }
.tour h3 span { font-weight: normal; text-transform: none; }
.tour .main-img { background-position: 50% 50%; background-repeat: no-repeat; height: 150px; width: 460px; margin-bottom: 10px; }
.tour .main-img img { display: none; }
.tour .desc { float: left; width: 430px; }
.tour .date-picker { font-size: 0.9em; }
.tour .item-list, .tour .passengers, .tour .prices { margin-top: 15px; }
.tour .item-list ul li { width: 100%; overflow: hidden; margin-bottom: 4px; }
.tour .item-list ul li div.frm { float: left; width: 21px; }
.tour .item-list ul li div.rest { float: right; width: 205px; }
.tour .item-list ul li label { display: inline;}
.tour .item-list .rest .flight-info { font-size: 0.9em; }
.tour .passengers .item { width: 100%; overflow: hidden; margin-bottom: 4px; }
.tour .passengers .item label { float: left; width: 150px; }
.tour .passengers .item select { float: left; width: 50px; }
.tour #p_total_price { font-weight: bold; color: #C00; }
.tour .prices p { font-size: 0.9em; margin: 0; }
.tour .prices .cont input { float: right; }
.tour .prices .info { font-size: 1.5em; }
.desc .thumbs { margin-top: 20px; }
.desc .thumbs .img { float: left; height: 70px; width: 129px; margin: 0 7px 7px 0; }
.desc .thumbs .img a { background-position: 50% 50%; background-repeat: no-repeat; height: 70px; width: 129px; display: block; }
.desc .thumbs .img a img { display: none; }
.tour .cont {margin-bottom: 20px;}
.fixed { position: fixed; left: 0; top: 0; }
#package-banners { position: relative; width: 680px; height: 168px; overflow: hidden;}
#package-banners .corner { background:url(images/corners.png) no-repeat scroll 0 0 transparent; font-size:0; height:7px; position:absolute; width:7px; z-index: 300; }
#package-banners .tl { background-position:left top; left:0; top:0; }
#package-banners .tr { background-position:right top; right:0; top:0; }
#package-banners .bl { background-position:left bottom; bottom:0; left:0; }
#package-banners .br { background-position:right bottom; bottom:0; right:0; }


/* ---------< HOTEL LOCATIONS : GOOGLE MAPS >----------------------------------------- */
.hotel_locations {}
.hotel_locations .resize_menu { width: 618px; background: #DDD url(../images/arrow-dwn.gif) no-repeat scroll  5px 50%; border-top:1px solid #999999; border-bottom:1px solid #999999; padding: 5px 5px 5px 25px; }
.hotel_locations .expanded { background-image: url(../images/arrow-up.gif) !important; }
.hotel_locations .resize_menu:hover { cursor: pointer; }
.hotel_locations #mapcanvas {width: 648px; height: 485px; border-bottom:1px solid #999999;}

.hotel_locations .googleMap .miniInfo {width: 217px; height: 140px;}
.hotel_locations .googleMap .miniInfo img.gmap_hotel_snapshot { max-height: 120px; max-width: 220px; }
.hotel_locations .googleMap .miniInfo .more {font-size: 0.9em; color: blue; text-decoration: none; float: left}
.hotel_locations .googleMap .miniInfo:hover .more { text-decoration: underline; }
.hotel_locations .googleMap .miniInfo .price {font-size: 0.9em; text-decoration: none; float: left}
.hotel_locations .googleMap .miniInfo .star{ background:transparent url(images/stars.gif) no-repeat scroll 0 -240px; height:16px; padding:2px 20px 2px 0; }
.hotel_locations .googleMap .miniInfo .locations:hover { text-decoration: underline; }  

.hotel_locations .googleMap .hotel_title { line-height: 25px; }
.hotel_locations .googleMap .hotel_title span.einkunn { height: 16px; background : url(images/stars.gif) 0 0 no-repeat; padding: 0px 105px 0px 0; margin-left:7px; }
.hotel_locations .googleMap .hotel_title span.stars1 { background-position: 0 0; }
.hotel_locations .googleMap .hotel_title span.stars2 { background-position: 0 -80px; }
.hotel_locations .googleMap .hotel_title span.stars4 { background-position: 0 -240px; }
.hotel_locations .googleMap .hotel_title span.stars3 { background-position: 0 -160px; }
.hotel_locations .googleMap .hotel_title span.stars5 { background-position: 0 -320px; }
.hotel_locations .googleMap .hotel_title span.stars6 { background-position: 0 -400px; padding: 2px 78px 2px 0; }

.hotel_locations .googleMap .hotel_info h3 { font-size: 1.2em; display: none; }
.hotel_locations .googleMap .hotel_info h3 a { text-decoration : none; }
.hotel_locations .googleMap .hotel_info .overview { display: none} 
.hotel_locations .googleMap .hotel_info img { float: left; padding:16px 0; }
.hotel_locations .googleMap .hotel_info .summary { float: right; width: 430px; _display: inline; position: relative; min-height: 95px; _height: 95px; padding-bottom: 12px; _padding-bottom: 10px; padding-top:14px; }
.hotel_locations .googleMap .hotel_info .summary li { padding-left: 10px; margin-bottom: 7px; }
.hotel_locations .googleMap .hotel_info .summary .more { margin-top: 1em; margin-left:9px; }
.hotel_locations .googleMap .hotel_info .order { clear: both; position: relative; padding-top: 1px; border: 1px solid #CCC; background: #FFF; margin-right:12px; }
.hotel_locations .googleMap .hotel_info .order h3 { color: #000; display: block; }
.hotel_locations .googleMap .hotel_info .order p { position: absolute; right: 0; text-align: right; padding-right: 12px; padding-top: 3px; }
.hotel_locations .googleMap .hotel_info .order table { width: 100%; border: none; border-collapse : collapse; }
.hotel_locations .googleMap .hotel_info .order td { border: none; }
.hotel_locations .googleMap .hotel_info .order table td { padding : 5px; }
.hotel_locations .googleMap .hotel_info .order h3 { font-size: 1em; padding: 7px 0 2px 5px; background: none; font-weight: normal; }
.hotel_locations .googleMap .hotel_info .order table td { margin-bottom: 16px; width: 50%; }
.hotel_locations .googleMap .hotel_info .order table td.price { text-align: right; white-space : nowrap; }
.hotel_locations .googleMap .hotel_info .order table .price b { color: #CC3333; font-size: 1.1em; }

ul.checklist li
{
	background: url("/Templates/sumarferdir/css/images/tick.png") no-repeat 0 4px;
	line-height: 20px;
	padding-left: 24px;
}

/* ---------------------< SELECT FLIGHT SEATS >------------------------------------- */
#select-flight-seats { margin-top: 20px; min-height: 530px; font-family: Trebuchet MS,Verdana,sans-serif; font-size: 1em; }
#select-flight-seats .aircraft { padding:7px 5px 15px 10px; background-color: white; }
#select-flight-seats .aircraft h3 {border-bottom: 1px solid; }
#select-flight-seats .aircraft > div { margin-top: 8px;  }
#select-flight-seats .aircraft .left { float: left; width: 260px; background:url("images/sele/sidebar-top.png") no-repeat scroll 0 0 transparent; padding-top:11px;}
#select-flight-seats .aircraft .right { max-height: 450px; overflow-y: scroll; }
#select-flight-seats .aircraft .right .conf-right { float: right; padding-left:48px; background:url("images/sele/leftwing.png") no-repeat scroll 0 50% transparent; max-width: 310px;}
#select-flight-seats .aircraft .info { float: left; margin-bottom: 5px; }
#select-flight-seats .aircraft .info div { }
#select-flight-seats .aircraft .info div span {font-size:13px; font-weight:bold; margin-left:5px;}
#select-flight-seats .aircraft .passengers { float:left; width:100%; padding-bottom:11px; background:url("images/sele/sidebar-bottom.png") no-repeat scroll 0 100% transparent; margin-bottom:10px;}
#select-flight-seats .aircraft .passengers > * { background: url(images/sele/sidebar-bg.png) repeat-y 0; margin-bottom: 0; }
#select-flight-seats .aircraft .passengers h5.head-pass {float:left; width:175px;padding-left:12px;}
#select-flight-seats .aircraft .passengers h5.head-seat {}
#select-flight-seats .aircraft .passengers .passenger { padding-left:10px; width: 100%; height: 30px; }
#select-flight-seats .aircraft .passengers .passenger .name:hover { text-decoration: underline; cursor: pointer; }
#select-flight-seats .aircraft .passengers ul { padding-top: 8px; }
#select-flight-seats .aircraft .passengers .active { background:url("images/sele/active.png") no-repeat scroll 0 50% transparent; height:40px; line-height:35px; color: #FFF; position: relative; left: -5px; }
#select-flight-seats .aircraft .passengers .passenger span.name { float:left; font-family:Verdana; font-size:13px; width: 185px; margin-top: 4px; }
#select-flight-seats .aircraft .passengers .active span.name { width: 189px; margin-top: 1px; }
#select-flight-seats .aircraft .passengers .passenger .seat-selected { background:url("images/sele/solid.png") no-repeat scroll 50% 50% transparent !important; color:#FFFFFF; float:left; font-size:11px; font-weight:bold; height:24px; line-height:24px; margin:2px 0 0; text-align:center; width:24px; }
#select-flight-seats .aircraft .passengers .passenger .cancel-seat { float:left; padding-left:2px; padding-top:4px; }
#select-flight-seats .aircraft .passengers .passenger .cancel-seat:hover { cursor: pointer; }
#select-flight-seats .aircraft .passengers .active .cancel-seat { padding-top: 10px; }
#select-flight-seats .aircraft .passengers .active .seat-selected { margin-top: 8px; }
#select-flight-seats .aircraft .passengers .clear-all { padding-right:40px; padding-top:5px; text-align:right; }                 
#select-flight-seats .aircraft .price-types { float: left; }
#select-flight-seats .aircraft .price-types .seat-type { float: left; margin:0 15px 10px 0; width: 114px; }
#select-flight-seats .aircraft .price-types #seat-type-booked { float:left; font-weight:bold; margin-bottom:6px; width:100%; }
#select-flight-seats .aircraft .price-types #seat-type-booked div { }
#select-flight-seats .aircraft .price-types #seat-type-booked .type-name {  }
#select-flight-seats .aircraft .price-types .seat-type .color {float:left; height:20px; margin:2px; width:24px;}
#select-flight-seats .aircraft .price-types .seat-type .type-name { float:left; min-height:18px; padding-top:4px; font-weight: bold;}
#select-flight-seats .aircraft .price-types .seat-type ul { float: left; clear: left; font-weight: bold; }
#select-flight-seats .aircraft .instructions { float: left; }
#select-flight-seats .aircraft .configuration { background:url("images/sele/rightWing.png") no-repeat scroll 105% 50% transparent; clear:both; float:right; padding-right:32px; }
#select-flight-seats .aircraft .configuration .row {clear: both; }
#select-flight-seats .aircraft .configuration .row .mark { float:left; height:16px; margin:2px; width:24px; text-align: center;}
#select-flight-seats .aircraft .configuration .row .seat { float:left; height:20px; margin:2px; width:24px; }
#select-flight-seats .aircraft .configuration .row .seat:hover { cursor: pointer; }
#select-flight-seats .aircraft .configuration .row .gap { text-align: center; width: 18px; line-height:20px;}
#select-flight-seats .aircraft .configuration .row .blocked { color: #F0F0F0 !important; }
#select-flight-seats .aircraft .configuration .row .booked { color: #F0F0F0 !important; }
#select-flight-seats .aircraft .configuration .row .seatSelected { background: url("images/sele/selected.png") no-repeat scroll 0 0 #FFFFFF !important }
#select-flight-seats .summary .price-info { font-size: 1.3em; padding-top:8px; }
#select-flight-seats .summary .price-info ul {float: left; margin-top: 11px; }
#select-flight-seats .summary .price-info span { font-weight: bold; }
#select-flight-seats .summary .price-info .total-price { font-size: 1.5em; border-top:1px solid; }
#select-flight-seats .summary .price-info .total-price span {color: #CC0000;}
#select-flight-seats .summary .price-info .price-diff { font-size: 1.5em; border-top:1px solid; }
#select-flight-seats .summary .price-info .price-diff span {color: #CC0000;}
#select-flight-seats .summary .button { margin-top: 11px;  }
.popup { color: #FFFFFF; font-size: 1.2em; }
.popup a { color: #FFFFFF; }
.popup p { margin-top: 35px; }
.popup .btn { width: 100%; float: left; padding-top:5px; }
.popup .btn input {  }

#LoadingScreen p { margin-top: 150px;  }
#PayForSeats { text-align: center; font-size: 1.2em; }
#PayForSeats .payment-info { background:none repeat scroll 0 0 #FFFFFF; border:1px solid; float:left; margin:7px 0 0 91px; padding:12px 8px; width:280px; }
#PayForSeats .payment-info > div { margin-bottom: 2px; float: left; }
#PayForSeats .payment-info label {color:#000000; float:left; padding-right:15px; text-align:right; width:110px !important; }
#PayForSeats .payment-info .currency { line-height:19px; padding-left:2px; }
#PayForSeats .payment-info select.month { width: 80px; }
#PayForSeats .payment-info input { width: 130px; }
#PayForSeats .payment-info label.invalid { background:none repeat scroll 0 0 #CC0000; color:#FFFFFF; float:right; font-size:0.85em; margin-right:23px; padding:0; text-align:center; width:132px !important;}
#PayForSeats .payment-info input.invalid, #PayForSeats .payment-info select.invalid { background:none repeat scroll 0 0 #63F8CF; border:1px solid #CC0000; float: left; }

.mypages-login div label { float:left; padding-top:3px; width:142px; }
.mypages-login div.toggle_link a { float:left; font-style:italic; margin-top:10px; }
.mypages-login div .head { font-size:14px; font-weight:bold; margin-bottom:4px; text-decoration:underline; }
.mypages-login div .info { margin:2px 0 4px; }
.mypages-login .error span { color:#CC4444; font-weight:bold; }


.getbookings .bookings-list th { background-color:#BBBBBB; padding:3px; }
.getbookings .bookings-list td { padding: 3px; }
.getbookings .bookings-list tr:nth-child(even) { background-color: #ddd; }
.getbookings .bookings-list { border:1px solid #666666; }

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}