/* 

	Theme Name: print
	Description: This is print theme which contains only jQuery elements, without layout or colors.
	Version: v1.0
	Author: www.adriatic.hr

	Print CSS

*/

html body #serviceWrapper { font: 10px/1.5 Arial, Tahoma, Helvetica, sans-serif; }

html body #serviceInner #userPanel,
html body #serviceInner #searchForm,
html body #serviceInner .searchTitleSort,
html body #serviceInner .searchPagination,
html body #serviceWrapper .contentIcons,
html body #serviceWrapper .searchDataFavorites,
html body #serviceWrapper #galleryMenu,
html body #serviceWrapper #galleryMenuSlider,
html body #serviceWrapper #slider-vertical,
html body #serviceWrapper #galleryThumbs,
html body #serviceWrapper #galleryThumbsSlider,
html body #serviceWrapper #slider-vertical-thumbs,
html body #serviceWrapper .galleryImageInfo,
html body #serviceWrapper .galleryImageIcons,
html body #serviceWrapper .galleryImageDescription,
html body #serviceWrapper .galleryImageSlider,
html body #serviceWrapper a.unitDataAccordion,
html body #serviceWrapper #contentAdvancedSearch,
html body #serviceWrapper #sidebarReservation,
html body #serviceWrapper #sidebarMaps p,
html body #serviceWrapper #sidebarMaps input,
html body #serviceWrapper #contentUnitData .calendarDetails,
html body #serviceWrapper #contentUnitData .calendarLastChanged,
html body #serviceWrapper #contentUnitData .calendarNotConfirmed,
html body #serviceWrapper #contentUnitData .calendarConfirmed,
html body #serviceWrapper .none,
html body #serviceWrapper .hide,
html body #serviceWrapper .hidden { display: none; }

.clear { clear: both; }

/* BROWSER RESET */

html body #serviceWrapper, html body #serviceWrapper div, html body #serviceWrapper span, html body #serviceWrapper applet, html body #serviceWrapper object, html body #serviceWrapper iframe, html body #serviceWrapper img, html body #serviceWrapper h1, html body #serviceWrapper h2, html body #serviceWrapper h3, html body #serviceWrapper h4, html body #serviceWrapper h5, html body #serviceWrapper h6, html body #serviceWrapper p, html body #serviceWrapper blockquote, html body #serviceWrapper pre, html body #serviceWrapper a, html body #serviceWrapper strong, html body #serviceWrapper em, html body #serviceWrapper abbr, html body #serviceWrapper acronym, html body #serviceWrapper address, html body #serviceWrapper big, html body #serviceWrapper cite, html body #serviceWrapper code, html body #serviceWrapper del, html body #serviceWrapper dfn, html body #serviceWrapper font, html body #serviceWrapper ins, html body #serviceWrapper kbd, html body #serviceWrapper q, html body #serviceWrapper s, html body #serviceWrapper samp, html body #serviceWrapper small, html body #serviceWrapper strike, html body #serviceWrapper tt, html body #serviceWrapper var, html body #serviceWrapper b, html body #serviceWrapper i, html body #serviceWrapper u,html body #serviceWrapper center, html body #serviceWrapper dl, html body #serviceWrapper dt, html body #serviceWrapper dd, html body #serviceWrapper ol, html body #serviceWrapper ul, html body #serviceWrapper li, html body #serviceWrapper fieldset, html body #serviceWrapper form, html body #serviceWrapper label, html body #serviceWrapper legend, html body #serviceWrapper textarea, html body #serviceWrapper input, html body #serviceWrapper select, html body #serviceWrapper table, html body #serviceWrapper caption, html body #serviceWrapper tbody, html body #serviceWrapper tfoot, html body #serviceWrapper thead, html body #serviceWrapper tr, html body #serviceWrapper th, html body #serviceWrapper td { background: none; margin: 0; padding: 0; border: none; list-style: none; list-style-type: none; vertical-align: baseline; font-family: Arial, Tahoma, Helvetica, sans-serif; }
html body #serviceWrapper a:link, html body #serviceWrapper a:visited, html body #serviceWrapper a:hover, html body #serviceWrapper a:active { background: none; border: none; }
html body #serviceWrapper h1, html body #serviceWrapper h2, html body #serviceWrapper h3, html body #serviceWrapper h4, html body #serviceWrapper h5, html body #serviceWrapper h6 { font-weight: normal; }
html body #serviceWrapper table { border-collapse: collapse; border-spacing: 0; }
html body #serviceWrapper ol, html body #serviceWrapper ul, html body #serviceWrapper li { list-style: none; list-style-type: none; background: none; content: none !important; }
html body #serviceWrapper blockquote, html body #serviceWrapper q { quotes: none; }
html body #serviceWrapper blockquote:before, html body #serviceWrapper blockquote:after, html body #serviceWrapper q:before, html body #serviceWrapper q:after { content: ''; content: none; }
html body #serviceWrapper :focus { outline: 0; }
html body #serviceWrapper a, html body #serviceWrapper a:link, html body #serviceWrapper a:visited, html body #serviceWrapper a:hover, html body #serviceWrapper a:active { text-decoration: none; }

/* DEFAULT */

html body #serviceWrapper, html body #serviceWrapper #serviceInner { margin: 0; padding: 0; width: 170mm !important; }
html body #serviceWrapper { font: 10px/1.5 Arial, Tahoma, Helvetica, sans-serif; color: #000; }
html body #serviceWrapper a { color: #000; text-decoration: underline; }

/* CONTENT */

html body #serviceWrapper #serviceContent { float: left; margin: 13px 0 0 0; padding-bottom: 20px; }
html body #serviceWrapper #serviceContent a { text-decoration: none; color: #000; }
html body #serviceWrapper #serviceContent h2,
html body #serviceWrapper #serviceContent h3 { color: #000; }
html body #serviceWrapper #serviceContent h4 { color: #000; }
html body #serviceWrapper #serviceContent .list ul { margin: 0 0 12px 15px; }
html body #serviceWrapper #serviceContent .list ul li { padding: 0 15px 1px 15px; }

/* Main Title */

html body #serviceWrapper #contentTitleBar { margin: 0; padding: 0 0 15px 0; font-size: 8pt; }
html body #serviceWrapper #contentTitleBar h2 { font-size: 2.4em; }

/* RESULTS */

html body #serviceWrapper #contentSearchData { clear: both; font-size: 8pt; line-height: 12pt; }
html body #serviceWrapper #contentSearchData h4 { font-weight: bold; }

html body #serviceWrapper .searchDataBox { font-size: 9pt; page-break-before: auto; clear: both; position: relative; margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px dotted #000; }
html body #serviceWrapper .searchDataHead { float: left; padding: 0; width: 50mm; }
html body #serviceWrapper .searchDataCode { display: block; padding: 0; font-weight: bold; font-size: 11pt; }
html body #serviceWrapper .searchDataLocation { display: block; padding: 2px 0 3px 0; }
html body #serviceWrapper .searchDataLocation .locationCity { font-weight: bold; }
html body #serviceWrapper .searchDataInfo { display: block; text-align: left; }
html body #serviceWrapper .searchDataImageLink { float: right; }
html body #serviceWrapper .searchDataImage { clear: both; width: 65mm; height: 47mm; }
html body #serviceWrapper .searchDataList { float: left; 0; width: 50mm; }
html body #serviceWrapper .searchDataAppartment { font-weight: bold; }
html body #serviceWrapper .searchDataList li { margin: 0; padding: 0 0 5px 0; }
html body #serviceWrapper .searchDataCapacity { font-weight: normal; }
html body #serviceWrapper .searchDataPriceHolder { margin-left: 10px; text-transform: lowercase; }
html body #serviceWrapper .searchDataPrice { font-weight: bold; white-space: nowrap; }
html body #serviceWrapper .searchDataMore { float: left; margin-top: 10px; width: 80mm; }
html body #serviceWrapper .searchDataDetails { font-weight: bold; }
html body #serviceWrapper .searchDataChanged { padding: 1px 10px 0 0; }
html body #serviceWrapper .searchDataChanged span { display: block; }

html body #serviceWrapper .searchDataBox:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html body #serviceWrapper .searchDataBox { display: inline-block; }
html[xmlns] html body #serviceWrapper .searchDataBox { 	display: block; } 
* html html body #serviceWrapper .searchDataBox { height: 1%; }

/* Results discounts */

html body #serviceWrapper .d5, html body #serviceWrapper .d10, html body #serviceWrapper .d15, html body #serviceWrapper .d20, html body #serviceWrapper .d25, html body #serviceWrapper .d30, html body #serviceWrapper .d35, html body #serviceWrapper .d40, html body #serviceWrapper .d45, html body #serviceWrapper .d50
{ font-size: 8pt; position: absolute; top: 0px; right: 0; padding: 2px 5px; background-image: none !important; background-color: #fff; }

html body #serviceWrapper .ed72, html body #serviceWrapper .ed71, html body #serviceWrapper .ed141, html body #serviceWrapper .ed212
{ font-size: 8pt; position: absolute; top: 21px; right: 0; padding: 2px 5px; background-image: none !important; background-color: #fff; }

html body #serviceWrapper .lp
{ font-size: 8pt; position: absolute; top: 42px; right: 0; padding: 2px 5px; background-image: none !important; background-color: #fff; }

html body #serviceWrapper .fm5, html body #serviceWrapper .fm10, html body #serviceWrapper .fm15, html body #serviceWrapper .fm20, html body #serviceWrapper .fm25, html body #serviceWrapper .fm30, html body #serviceWrapper .fm35, html body #serviceWrapper .fm40, html body #serviceWrapper .fm45, html body #serviceWrapper .fm50
{ font-size: 8pt; position: absolute; top: 63px; right: 0; padding: 2px 5px; background-image: none !important; background-color: #fff; }

/* Gallery Images */

html body #serviceWrapper #galleryImage #br1 { display: none; }
html body #serviceWrapper #galleryImage strong { font-weight: bold; }
html body #serviceWrapper #galleryImageLarge { position: relative; height: 365px; overflow: hidden; }
html body #serviceWrapper #galleryImageLarge li { margin: 0; padding: 0; height: 365px; text-align: left; }

/* UNIT DATA */
/* Unit Title */

html body #serviceWrapper .unitDataInfoTitle h3 { font-size: 1.8em;  border-bottom: 1px solid #000; }

/* Unit information */
html body #serviceWrapper .unitDataInfo h4 { font-size: 1.4em; font-weight: normal; text-transform: uppercase; border-bottom: 1px solid #ccc; }
html body #serviceWrapper .unitDataInfo { display: block !important; width: 100%; }

/* Unit calendar */

#ui-datepicker-div { display:none; }
html body #serviceWrapper #contentUnitData #ui-datepicker-div { width: 100%; margin-bottom: 10px; }
html body #serviceWrapper #contentUnitData .ui-datepicker-row-break { height: 1px !important; clear: both; }

/* Unit table */

html body #serviceWrapper .unitDataTable { page-break-after: auto; table-layout: fixed; width: 170mm !important; margin-bottom: 20px; font-size: 1.2em; }
html body #serviceWrapper .unitDataTable tr { border-bottom: 1px solid #ccc; }
html body #serviceWrapper .unitDataTable td { padding: 3px 2px 3px 2px; }
html body #serviceWrapper .unitDataTable strong { font-weight: bold; }
html body #serviceWrapper .unitDataTable .tableFirst { width: 310px; font-weight: bold; }
html body #serviceWrapper .unitDataTable .tableSmallPrint { font-size: 0.9em; font-style: italic; }
html body #serviceWrapper .unitDataTable.tableFourColumns .tableFirst { width: 220px; }
html body #serviceWrapper .unitDataTable.tableFourColumns2 .tableFirst { width: 310px; }
html body #serviceWrapper .unitDataTable.tableFourColumns .textRight { padding-right: 15px; }
html body #serviceWrapper .unitDataTable .langText { text-transform: capitalize; }
html body #serviceWrapper .unitDataTable .textLeft { text-align: left !important; }
html body #serviceWrapper .unitDataTable .textRight { text-align: right !important; }
html body #serviceWrapper .check-indent { font-size: 14px; }

/* Agency Comments */

html body #serviceWrapper .unitDataAgencyComment { display: block; padding: 10px 0; font-size: 1.2em; line-height: 1.8em; }
html body #serviceWrapper .unitDataAgencyComment ul { margin-left: 20px; list-style-type: square !important; list-style:square !important;  }
html body #serviceWrapper .unitDataAgencyComment ul li { list-style-type: square !important; list-style:square !important;  }

/* SIDEBAR */
html body #serviceWrapper #contentSidebar { }
html body #serviceWrapper #contentSidebar h3 { font-size: 1.8em; border-bottom: 1px dotted #000; margin-bottom: 10px; }
html body #serviceWrapper #contentSidebar p { padding: 0 15px 8px 15px; font-size: 1.1em; }
html body #serviceWrapper #contentSidebar img { width: 90mm; }
html body #serviceWrapper #contentSidebar ul { font-size: 1.1em; margin: 0 0 0 15px; }
html body #serviceWrapper #contentSidebar ul li { padding: 0 15px 1px 15px; }

/* RESERVATION */

html body #serviceWrapper .rSOne, html body #serviceWrapper .rSTwo, html body #serviceWrapper .rSThree, html body #serviceWrapper .rSFour { font-weight: bold; font-size: 12px; color: #000; }
html body #serviceWrapper .rSOne.inactive, html body #serviceWrapper .rSTwo.inactive, html body #serviceWrapper .rSThree.inactive, html body #serviceWrapper .rSFour.inactive, html body #serviceWrapper .rSOne.passed, html body #serviceWrapper .rSTwo.passed, html body #serviceWrapper .rSThree.passed, html body #serviceWrapper .rSFour.passed { color: #000; display: none; }

/* Reservation box */
html body #serviceWrapper .reservationBox { width: 170mm; }
html body #serviceWrapper .reservationBox .spacer { clear: both; }
html body #serviceWrapper .reservationBox li { padding: 5px 0 5px 0; }
html body #serviceWrapper .rListDesc { float: left; padding-top: 10px; width: 65mm; }
html body #serviceWrapper .rAppList { float: left; width: 105mm; }
html body #serviceWrapper .rAppList li { display: block; padding-left: 0px; }
html body #serviceWrapper .rAppList .rAppName { display: block; margin-bottom: 4px; }
html body #serviceWrapper .rAppList .rAppName label { font-weight: normal; }
html body #serviceWrapper .rAppList .rAppDesc { display: block; font-size: 0.9em; }

/* Reservation holder */

html body #serviceWrapper .reservationHolder { width: 170mm; }
html body #serviceWrapper .reservationHolder li { display: block; padding: 5px 0 0 0; height: 30px; }
html body #serviceWrapper .reservationHolder .rTextDesc { float: left; display: block; width: 65mm; padding: 3px 10px 0 0; font-weight: bold; }
html body #serviceWrapper .reservationHolder .rInputContent { float: left; display: block; }
html body #serviceWrapper .reservationHolder .rInputContent span { display: block; padding-top: 3px; }
html body #serviceWrapper .reservationHolder .rInputContent span { display: block; padding-top: 3px; }

html body #serviceWrapper .reservationBox input,
html body #serviceWrapper .reservationHolder input { margin: 2px 0 3px 0; padding: 2px 0px 2px 3px; font-size: 0.9em; line-height: 1.1em; height: 16px; }
html body #serviceWrapper .reservationBox textarea,
html body #serviceWrapper .reservationHolder textarea { margin: 2px 0 3px 0; padding: 3px 14px 3px 3px; font-size: 0.9em; line-height: 1.1em; }
html body #serviceWrapper .reservationBox select,
html body #serviceWrapper .reservationHolder select { padding: 2px 1px; font-size: 0.9em; }
html body #serviceWrapper .reservationBox input.rChk,
html body #serviceWrapper .reservationHolder input.rChk { height: 14px ; margin: 0; padding: 0 !important; }

html body #serviceWrapper .reservationBox input, html body #serviceWrapper .reservationBox select, html body #serviceWrapper .reservationBox textarea, html body #serviceWrapper .reservationHolder input, html body #serviceWrapper .reservationHolder select, html body #serviceWrapper .reservationHolder textarea { border: 1px solid #000; }
html body #serviceWrapper .reservationBox input.rChk, html body #serviceWrapper .reservationHolder input.rChk { border: none !important; }

/* Reservation content */

html body #serviceWrapper #contentReservation { float: left; padding: 0 18px 18px 18px; width: 170mm; font-size: 1.2em; }
html body #serviceWrapper #contentReservation h3 { margin: 10px 0 10px 0; font-size: 1.5em !important; }
html body #serviceWrapper #contentReservation p { padding-bottom: 10px; }
html body #serviceWrapper #contentReservation .clear { clear: both; }

html body #serviceWrapper .searchInputFrom,
html body #serviceWrapper .searchInputTo,
html body #serviceWrapper .searchInputPersons ,
html body #serviceWrapper .searchInputPlace,
html body #serviceWrapper .searchInputType,
html body #serviceWrapper .searchInputCategory,
html body #serviceWrapper .searchInputPosition,
html body #serviceWrapper .searchInputPrice,
html body #serviceWrapper .searchInputSituation,
html body #serviceWrapper .searchInputDaysFrom ,
html body #serviceWrapper .searchInputDaysTo,
html body #serviceWrapper .searchInputCode { padding-left: 24px !important; }

html body #serviceWrapper .rInp { width: 177px; }
html body #serviceWrapper .rSel { width: 203px; }
html body #serviceWrapper .rTex { width: 276px; }
html body #serviceWrapper .rChk { width: 20px; }
html body #serviceWrapper .rSelSmall { width: 70px; }
html body #serviceWrapper .personAge { width: 40px !important; text-align: left; }

html body #serviceWrapper .reservationBox { border-bottom: 1px solid #cccccc; }
html body #serviceWrapper .reservationBox.last { border-bottom: none !important; }
html body #serviceWrapper .reservationBox .rAppList li { border-bottom: 1px solid #cccccc; }
html body #serviceWrapper .reservationBox .rAppList li.last { border-bottom: none !important; }
html body #serviceWrapper .rAppList li.last { border-bottom: none !important; }
html body #serviceWrapper .rAppList input,
html body #serviceWrapper .rAppList textarea,
html body #serviceWrapper .rAppList select { border: 1px solid #000; }
html body #serviceWrapper .reservationHolder li { border-bottom: 1px solid #cccccc; }
html body #serviceWrapper .reservationHolder li.last { border-bottom: none !important; }

html body #serviceWrapper .reservationBox .reservationOptions { padding: 10px 0 8px 0; }
html body #serviceWrapper .reservationBox .reservationOptions .rTextDesc { display: block; float: left; width: 140px; padding: 0 30px 8px 0; }
html body #serviceWrapper .reservationBox .reservationOptions.services .rTextDesc { display: block; float: left; width: 140px; padding: 0 30px 8px 0; }
html body #serviceWrapper .reservationBox .reservationOptions.services .rInputContent { display: block; float: left; width: 360px; padding: 0 0 8px 0; }
html body #serviceWrapper .reservationBox .reservationOptions.recomm .rTextDesc { display: block; float: left; width: 350px; padding: 0 30px 8px 0; }
html body #serviceWrapper .reservationBox .reservationOptions.recomm .rInputContent { display: block; float: left; width: 280px; padding: 0 0 8px 0; }

html body #serviceWrapper .reservationUserDataList { padding-bottom: 15px; }
html body #serviceWrapper .reservationUserDataList li { padding-bottom: 5px; }
html body #serviceWrapper .reservationUserDataList .rTextDesc { width: 235px; font-weight: bold; }
html body #serviceWrapper .reservationUserDataList .rInputContent { padding-left: 1px; }

html body #serviceWrapper .reservationNote { display: block; clear: both; margin-top: 10px; padding: 10px 20px 0 20px; font-size: 11px; line-height: 120%; }

html body #serviceWrapper .returnLinks { display: none; }
html body #serviceWrapper .largeButtons { display: none; }

html body #serviceWrapper .rInputContent .userChangeData { float: left; display: block; padding: 0 0 0 8px; height: 19px; line-height: 9px; font-size: 0.9em; font-weight: bold; text-decoration: none; }
html body #serviceWrapper .rInputContent .userChangeData span { display: block; padding: 4px 8px 6px 0; }

html body #serviceWrapper #contentReservation table { margin: 0 0 15px 0; }
html body #serviceWrapper #contentReservation td { padding: 10px 0 10px 0; font-size: 0.9em; }
html body #serviceWrapper #contentReservation .topTr td { font-weight: bold; text-align: center !important; }

html body #serviceWrapper #contentReservation .rCalculationFirst { padding: 6px 10px; width: 200px; font-weight: bold; text-align: left; }
html body #serviceWrapper #contentReservation .rCalculationFirst span { white-space: nowrap; }
html body #serviceWrapper #contentReservation .rCalculationPrice { padding: 6px 10px; width: 100px; font-weight: bold; text-align: right; }
html body #serviceWrapper #contentReservation .rCalculationMeasure { padding: 6px 10px; width: 80px; text-align: center; }
html body #serviceWrapper #contentReservation .rCalculationRange { padding: 6px 10px; text-align: center; width: 80px; }
html body #serviceWrapper #contentReservation .rCalculationSum { padding: 6px 10px; width: 90px; font-weight: bold; text-align: right; }
html body #serviceWrapper #contentReservation .rCalculationSpacer { margin: 0; padding: 6px 10px; font-size: 0.1em; line-height: 0.1em; height: 15px; }

html body #serviceWrapper #contentReservation .last td { padding: 6px 10px; font-weight: bold; text-align: right; font-size: 1.1em; }
html body #serviceWrapper #contentReservation .last td.rCalculationSum { padding: 8px 10px; font-size: 1.2em; }

html body #serviceWrapper #contentReservation td { border-bottom: 1px solid #000; }
html body #serviceWrapper #contentReservation .topTr td { border-bottom: 3px solid #000; }
html body #serviceWrapper #contentReservation .noBorder { border: none !important; }
html body #serviceWrapper #contentReservation .last td,
html body #serviceWrapper #contentReservation .last td.rCalculationSum { border-top: 2px solid #000; border-bottom: 1px; }


html body #serviceWrapper #contentReservation .textLeft { text-align: left !important; padding-left: 15px; }
html body #serviceWrapper #contentReservation .tTextLeft { text-align: left !important; }
html body #serviceWrapper #contentReservation .tTextLeft span { display: block; padding: 0 10px 0 10px; }

html body #serviceWrapper #contentReservation .lista { font-size: 1.1em; margin: 0 0 12px 15px; }
html body #serviceWrapper #contentReservation .lista li { padding: 0 15px 1px 15px; }

html body #serviceWrapper #contentReservation .last { border-bottom: none !important; }
















/* jQuery */
/* Layout helpers */
html body #serviceWrapper .ui-helper-hidden-accessible { position: absolute; left: -9999px; top: -9999px; }
html body #serviceWrapper .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; list-style: none; }
html body #serviceWrapper .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html body #serviceWrapper .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 */
html body #serviceWrapper .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
html body #serviceWrapper .ui-state-disabled { cursor: default !important; }
html body #serviceWrapper .ui-icon { display: block; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; }
html body #serviceWrapper .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
html body #serviceWrapper .ui-widget { font-family: Arial,Tahoma,Verdana,sans-serif; font-size: 12px; }
html body #serviceWrapper .ui-widget input,html body #serviceWrapper .ui-widget select,html body #serviceWrapper .ui-widget textarea,html body #serviceWrapper .ui-widget button { font-family: Arial,Tahoma,Verdana,sans-serif; font-size: 12px; }
html body #serviceWrapper .ui-widget-content { float: left; border-bottom: 1px solid #cccccc; color: #000; }
html body #serviceWrapper .ui-widget-content a { color: #000; }
html body #serviceWrapper .ui-widget-header { color: #000; font-weight: bold; }
html body #serviceWrapper .ui-widget-header a { color: #000; }
/* Interaction states */
html body #serviceWrapper .ui-state-default,html body #serviceWrapper .ui-widget-content .ui-state-default { border-bottom: 1px solid #ccc !important; color: #000; outline: none; }
html body #serviceWrapper .ui-state-default a,html body #serviceWrapper .ui-state-default a:link,html body #serviceWrapper .ui-state-default a:visited { color: #000; text-decoration: none; outline: none; }
html body #serviceWrapper .ui-state-hover,html body #serviceWrapper .ui-widget-content .ui-state-hover,html body #serviceWrapper .ui-state-focus,html body #serviceWrapper .ui-widget-content .ui-state-focus { border-bottom: 1px solid #ccc !important; color: #000; outline: none; }
html body #serviceWrapper .ui-state-hover a,html body #serviceWrapper .ui-state-hover a:hover { color: #000; text-decoration: none; outline: none; }
html body #serviceWrapper .ui-state-active,html body #serviceWrapper .ui-widget-content .ui-state-active { border-bottom: 1px solid #ccc !important; color: #000; outline: none; }
html body #serviceWrapper .ui-state-active a,html body #serviceWrapper .ui-state-active a:link,html body #serviceWrapper .ui-state-active a:visited { color: #000; outline: none; text-decoration: none; }
html body #serviceWrapper .ui-datepicker-header a:hover { color: #000; outline: none; }
/* Interaction cues */
html body #serviceWrapper .ui-state-highlight,html body #serviceWrapper .ui-widget-content .ui-state-highlight { border-bottom: 1px solid #ccc !important; color: #000; }
html body #serviceWrapper .ui-state-highlight a,html body #serviceWrapper .ui-widget-content .ui-state-highlight a { color: #000; }
html body #serviceWrapper .ui-state-error,html body #serviceWrapper .ui-widget-content .ui-state-error {border-bottom: 1px solid #ccc; color: #000; }
html body #serviceWrapper .ui-state-error a,html body #serviceWrapper .ui-widget-content .ui-state-error a,html body #serviceWrapper .ui-state-error-text,html body #serviceWrapper .ui-widget-content .ui-state-error-text { color: #000; }
html body #serviceWrapper .ui-state-disabled,html body #serviceWrapper .ui-widget-content .ui-state-disabled { background-image: none; }
html body #serviceWrapper .ui-priority-primary,html body #serviceWrapper .ui-widget-content .ui-priority-primary { font-weight: bold; }
html body #serviceWrapper .ui-priority-secondary,html body #serviceWrapper .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
/* Widgets that are off */
.ui-datepicker { display: none; }
.autocompleter_holder { display: none; }
.toolTip { display: none; }
.pp_pic_holder { display: none !important; position: relative; top: 0; padding: 0; }
.pp_overlay { display: none !important; position: relative; top: 0; padding: 0; }
html body #serviceWrapper .ui-slider { display: none; }

/* SIXTH PART :: THE UNFORTUNATE PART */
/* Datepicker */
/* with multiple calendars */
html body #serviceWrapper .ui-datepicker { padding: 3px; border-bottom: none !important; }
html body #serviceWrapper .ui-datepicker .ui-datepicker-header { text-align: center !important; position:relative; padding: 2px 0; }
html body #serviceWrapper .ui-datepicker .ui-datepicker-prev,
html body #serviceWrapper .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 18px; height: 18px; }
html body #serviceWrapper .ui-datepicker .ui-datepicker-prev-hover,
html body #serviceWrapper .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
html body #serviceWrapper .ui-datepicker .ui-datepicker-prev { left:2px; }
html body #serviceWrapper .ui-datepicker .ui-datepicker-next { right:2px; }
html body #serviceWrapper .ui-datepicker .ui-datepicker-prev-hover { left:1px; }
html body #serviceWrapper .ui-datepicker .ui-datepicker-next-hover { right:1px; }
html body #serviceWrapper .ui-datepicker .ui-datepicker-prev span,
html body #serviceWrapper .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
html body #serviceWrapper .ui-datepicker .ui-datepicker-title { margin: 0 23px; line-height: 18px; text-align: center; }
html body #serviceWrapper .ui-datepicker .ui-datepicker-title select { float:left; font-size:12px; margin:1px 0; }
html body #serviceWrapper .ui-datepicker select.ui-datepicker-month-year {width: 100%;}
html body #serviceWrapper .ui-datepicker select.ui-datepicker-month, 
html body #serviceWrapper .ui-datepicker select.ui-datepicker-year { width: 49%;}
html body #serviceWrapper .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
html body #serviceWrapper .ui-datepicker table {width: 100%; font-size: 12px; border-collapse: collapse; border-bottom: none !important; margin:0 0 4px; }
html body #serviceWrapper .ui-datepicker th { padding: 4px 3px; text-align: center; font-weight: bold; border: 0; }
html body #serviceWrapper .ui-datepicker td { border: 0; padding: 1px; width: 25px; }
html body #serviceWrapper .ui-datepicker td span,
html body #serviceWrapper .ui-datepicker td a { font-size: 11px; font-weight: bold; display: block; padding: 1px; text-align: right; text-decoration: none; }
html body #serviceWrapper .ui-datepicker-multi td a { font-weight: bold !important; }
html body #serviceWrapper .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 7px 0 0 0; padding:0 2px; border-left: 0; border-right: 0; border-bottom: 0; }
html body #serviceWrapper .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 5px 2px 4px; cursor: pointer; padding: 2px 6px 3px 6px; width:auto; overflow:visible; }
html body #serviceWrapper .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
html body #serviceWrapper .ui-datepicker.ui-datepicker-multi { width:620px; display: block; }
html body #serviceWrapper .ui-datepicker-multi .ui-datepicker-group { float:left; }
html body #serviceWrapper .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto 4px; }
html body #serviceWrapper .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
html body #serviceWrapper .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
html body #serviceWrapper .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
html body #serviceWrapper .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
html body #serviceWrapper .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
html body #serviceWrapper .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
html body #serviceWrapper .ui-datepicker-row-break { clear:both; }
/* IE6 IFRAME FIX */
html body #serviceWrapper .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*/
}
/* Calendar reservation states */
html body #serviceWrapper .ui-datepicker.ui-datepicker-multi { width:620px; border-color: 1px solid #ccc; font-size: 12px !important; }
html body #serviceWrapper .ui-datepicker.ui-datepicker-multi .ui-datepicker-other-month { text-align: right; color: #eee; padding-right: 3px; }


html body #serviceWrapper .unavail span,
html body #serviceWrapper .unavail_temp span,
html body #serviceWrapper .unavail_start span,
html body #serviceWrapper .unavail_end span,
html body #serviceWrapper .unavail_temp_start span,
html body #serviceWrapper .unavail_temp_end span,
html body #serviceWrapper .unavail_cross_temp span,
html body #serviceWrapper .temp_cross_unavail span { font-weight: normal !important; color: #999 !important; }