/*
 * A wee colour palette
 * 
 * olive=green : #787e32
 * pink : #eb1d98
 * fuschia : #7b044a
 * dark-pink : #37021c
 * dark-brown : #201002
 */
html { background: #0a0300; color: #fff; }

a { color: #eb1d98; text-decoration: none; }
a:hover { color: #eb1d98; text-decoration: underline; }

dl { overflow: auto; }
dt { clear: left; color: #999; float: left; width: 10em; }
dd { float: left; }

h1,
h2,
h3 { color: #fff; font-weight: normal; margin: 1em 0; }

h1.first, 
h2.first,
h3.first,
p.first { margin-top: 0; }
h1 { font-size: 153.9%; }
h2 { font-size: 138.5%; }
h3 { color: #eb1d98; font-size: 123.1%; }

h1.content { background: url(img/border_pink.png) 0 100% repeat-x; font-size: 182%; margin: 1.5em 0 0.3em; padding: 0  0 0.5em 0.55em; }

label { color: #999; float: left; width: 10em; }
legend { color: #fff; font-weight: bold; }

p { line-height: 1.5; margin: 1em 0; }

strong { font-weight: bold; }

td,
th { padding: 0.3em 0.5em; }

th { font-weight: bold; text-align: center; }

button,
a:link,
.submit input,
input[type=submit] { cursor: pointer; }

@media screen {
    .printOnlyHidden { visibility: hidden; }
    .printOnlyNone { display: none; }
}

.pink { color: #eb1d98; }
.pink18 { color: #eb1d98; font-size:138.5%}

.justify { text-align: justify; }
.center { text-align: center; }
.middleAlign { vertical-align: middle; }
.extraSpace { margin-bottom: 0.5em; margin-top: 0.5em; }

.clear { clear: both; }

*::selection { background: #7b044a; color: #fff; }
*::-moz-selection { background: #7b044a; color: #fff; }

.first-child { margin-top: 0 !important; }

.clickable { cursor: pointer; }

.hidden { display: none; }

#doc3,
#doc4 { background: url(img/girl.jpg) scroll no-repeat top right; min-height: 533px; *height: 533px; }
.noBgImage { background-image: none !important; }
.girlFuzzy { background-image: url(img/girl_fuzzy.jpg) !important; }
.girlAvoidsAdvert { background-position: 50% 100px; }
.girlAvoidsAdvert .globalMenu { margin-top: 100px; }

#yui-main { position: relative; }

#header { background-color: transparent; border-top: 1px solid transparent; overflow: hidden; _height: 1%; _overflow: visible; padding: 0 1em; }
#doc3,
#doc4 { position: relative; }
.pageHomeHome #header { height: 19em; }
#header .logo { background: url(img/inaa_logo_306x191.png) no-repeat scroll 0 0; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/img/inaa_logo_306x191.png', sizingMethod='scale'); color: #eb1d98; float: left; height: 191px; margin: 0.5em 0; text-indent: -1000em; width: 306px; }
#header .smallLogo { background: url(img/inaa_logo_salon_admin.png) no-repeat scroll 0 0; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/img/inaa_logo_salon_admin.png', sizingMethod='scale'); color: #eb1d98; float: left; height: 109px; margin: 0.5em 0; text-indent: -1000em; width: 151px; }
.prefixAdmin #header .logo,
.prefix{ background-image: url(img/inaa_logo.png); height: 80px; width: 121px; }

#header .globalMenu { float: right; font-size: 108%; }
#header .globalMenu li { border-left: 1px solid #dadada; display: inline; margin-left: 0.3em; padding-left: 0.3em; }
#header .globalMenu li.first-child { border-left: none; }
#header .globalMenu li a { color: #dadada; padding-bottom: 0.3em; }
#header .globalMenu li.active a,
#header .globalMenu li a:hover,
#header .globalMenu li a:focus,
#header .globalMenu:hover > li.active > a:hover,
#header .globalMenu:hover > li.active > a:focus { border-bottom: 4px solid #eb1d98; text-decoration: none; }
#header .globalMenu:hover > li.active > a { border-bottom: 0 none; }

.yui-t2 { width: auto; }
#content { -x-background-color: #201002; overflow: hidden; padding: 1em 1em; }
#content .main { margin-left: 13em; /* reset block formatting context: */ overflow: hidden; }
#content .sidebar { float: left; margin-bottom: 1.5em; width: 12.6em; }

#footer { background-color: transparent; border-top: #37021c solid 4px; clear: both; margin-top: 117px; height:50px; position: relative; text-align: left; padding-bottom: 2em; }
#footer .twitterLink { background: url(img/twitter_birdies.png) no-repeat 0 0; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/img/twitter_birdies.png', sizingMethod='scale');  display: block; height: 122px; position: absolute; right: 0; top: -117px; width: 199px; text-indent: -1000em; }
#footer .copyright { color: #999; position: absolute; top: -30px; left: 65px; }
#footer .links { float: right; font-size: 85%; margin: 0 0 15px; }
#footer .links table { float: right; width: 40em; }
#footer .links td { vertical-align: top; }
#footer .links li.first a { color: #eb1d98; } 
#footer .links a { color: #7b044a; }

#footer .linksAdmin { color: #7b044a; margin: 15px 0; }

#footer .logo { background: url(img/inaa_logo_49x24.png) no-repeat scroll 0 0;  _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/img/inaa_logo_49x24.png', sizingMethod='scale'); color: #eb1d98; display: block; height: 24px; text-indent: -1000em; vertical-align: bottom; width: 49px; position:absolute; top:-40px; left:0px;}
#footer .ideaslogo { color: #999; float: left; }
#footer .ideaslogo a { background: url(img/idac-site-badger-dark.png) no-repeat scroll 0 0; height: 29px; width: 96px; }

#topPromotion { position: absolute; right: 0; top: 5px; z-index: 0; }

#pagination { text-align: right; }
#pagination span.current { _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_pink.png', sizingMethod='scale'); background: url(img/bg_pink.png); color: #FFFFFF; display: inline-block; height: 24px; margin-left: 3px; padding-top: 10px; text-align: center; width: 40px; }
#pagination span.title { color: #FFFFFF; display: inline-block; height: 24px; margin-left: 7px; padding-top: 6px; text-align: right; width: 120px; }
#pagination span a:link, #pagination span a:visited { _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_white_02.png', sizingMethod='scale'); background: url(img/bg_white_02.png); color: #FFFFFF; display: inline-block; height: 24px; margin-left: 3px; padding-top: 10px; text-align: center; width: 40px; }
#pagination span a:hover { _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_pink.png', sizingMethod='scale'); background: url(img/bg_pink.png); }
#pagination div.disabled_next { _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pagination_next_disabled.png', sizingMethod='scale'); background: url(img/pagination_next_disabled.png); color: #FFFFFF; display: inline-block; height: 24px; margin-left: 3px; padding-top: 10px; text-align: center; text-indent: -1000em; width: 40px; }
#pagination div.disabled_prev { _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pagination_prev_disabled.png', sizingMethod='scale'); background: url(img/pagination_prev_disabled.png); color: #FFFFFF; display: inline-block; height: 24px; margin-left: 3px; padding-top: 10px; text-align: center; text-indent: -1000em; width: 40px; }
#pagination a.active_prev { _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pagination_prev.png', sizingMethod='scale'); background: url(img/pagination_prev.png); color: #FFFFFF; display: inline-block; height: 24px; margin-left: 3px; padding-top: 10px; text-align: center; text-indent: -1000em; width: 40px; }
#pagination span a.active_first { _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pagination_first.png', sizingMethod='scale'); background: url(img/pagination_first.png); color: #FFFFFF; display: inline-block; height: 24px; margin-left: 3px; padding-top: 10px; text-align: center; text-indent: -1000em; width: 40px; }
#pagination a.active_next { _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pagination_next.png', sizingMethod='scale'); background: url(img/pagination_next.png); color: #FFFFFF; display: inline-block; height: 24px; margin-left: 3px; padding-top: 10px; text-align: center; text-indent: -1000em; width: 40px; }
#SalonProfile { width:80%; }

#flashMessage { background: #06f; cursor: pointer; font-weight: bold; overflow: hidden; padding: 0.5em 1em; text-align: center; }
#flashOk { background: #33c; border: none; cursor: pointer; color: #fff; float: right; padding: 2px }
#flashOk:hover { background: #009; }

.notice { background: #b0b0b0; color: #404040; padding: 0.5em 1em; text-align: center; }
.notice a { color: blue; }

#upgradeBrowser { background-color: #7b044a; text-align: center; font-weight: bold; _height: 1%; /* hasLayout */ padding: 0.5em 1em; }

#errorPage { text-align: center; }

.xyui-gb { margin-top: 1em; }
.pinkBorderTop { background: url(img/border_pink.png) 0 0 scroll repeat-x; padding-top: 4px; _border-top: 4px solid #7b044a; }

.actions { margin: 1em 0; }
.actions ul { list-style-type: none; overflow: auto; }
.actions li { float: left; padding: 0 1em 0 0; }

.lowKey { color: #16100d; }

.salonList { overflow: auto; }
.salonList li { float: left; height: 106px; width: 102px; margin: 1em 1.5em; *margin: 0.975em 1.4625em; }
.salonList a { display: block; }
.salonList li img { border: 1px solid #eb1d98; }
.salonList a:hover img { border-width: 2px; margin-left: -1px; margin-top: -1px; }

.toolbar .item { display: -moz-inline-stack; display: inline-block; *display: inline; *zoom: 1; margin-right: 1px; }
.toolbar .item input::-moz-focus-inner { border-width: 0; margin: 0; padding: 0; overflow: visible; }


/**
 * Forms
**/
.input,
.submit { margin: 0.5em 0.3em 0 0; overflow: hidden; _zoom: 1; _overflow: visible; }
.jqtransselectcontiner { clear: both; height:30px;  margin: 0.5em 0.3em 0 0; }
.text input,
.password input,
.xselect select,
.textarea textarea { background: url(img/bg_pink.png) 0 0 scroll repeat; _background: #7b044a; border: none; color: #d2d2d2; float: left; font-size: 123.1%; }

.file input { float: left; }

.text input,
.textarea textarea,
.password input { padding: 0.3em; }
.radio label { color: #fff; cursor: pointer; float: none; width: auto; margin: 0.3em; }
.radio input { -x-clear: left; color: #eb1d98; float: none; margin: 0.3em; }

table.radio label,
table.radio input { margin: 0; }

table.radio label { display: block; }
table.radio input { padding-left: 0; }

.text.faded input,
.password.faded input,
.xselect.faded select,
.textarea.faded textarea { background: url(img/bg_pink_10.png) 0 0 scroll repeat; _background: #21031e; border: none; color: #7e6f74; float: left; font-size: 123.1%; }

.radio legend { color: #999; font-weight: normal; }
.radio .legendWrap { float: left; width: 10em; }
.radio fieldset input,
.radio fieldset label { clear: none; float: left; }

.error { -x-background: url(img/bg_pink.png); border-right: 1em solid #06f; }
.error-message { clear: none; color: #06f; float: right; font-weight: bold; padding: 0.5em; }

.xrequired label:before { content: "*"; }

.paging { margin: 1em 0; }
.paging * { display: inline; }

.checkbox { display: block; margin-left: 10em; }
.checkbox label,
.checkbox input { cursor: pointer; display: inline; float: none; margin: 0 0.77em 0 0; }
.ui-state-checked label { color: #eb1d98; font-weight: normal; }
.checkbox:hover { color: #eb1d98; }
.checkbox.flat { margin-left: 0; }

.disabled { cursor: default !important; opacity: 0.5; *opacity: 1.0; }
.disabled:hover { cursor: progress; }

input.text { background: url(img/bg_pink.png); _background: #111; border: 0 none; color: #dadada; min-height: 24px; _height: 24px; padding: 10px 8px 6px; }

p.formInfo { color: #999; -x-width: 50%; }
p.formInfoNarrow { width: 50%; }

/**
 * Lists
**/
.decimal li { list-style: decimal inside none; }


/**
 * Tables
 */
.compact thead { display: none; }
.pretty { font-size: 131%; }
.pretty td:first-child,
.pretty td:first-child a { color: #eb1d98; font-weight: bold; padding-left: 0; }

.dataTable { background: url(img/bg_grey_50.png); width: 100%; }
.dataTable td,
.dataTable th { padding: 0.3em; vertical-align: top; text-align: left; }

tr.deleted td,
tr.deleted td a,
div.deleted,
div.deleted a { color: #444 !important; text-decoration: line-through; }
tr.deleted td.actions,
tr.deleted td.actions a { color: #444; text-decoration: none; }
tr.deleted a.actionlink { background: url(img/bullet_grey.png) no-repeat 3px 4px; }

th.number,
td.number { text-align: right; }
th.center,
td.center { text-align: center; }
td.overflowEllipsis { display: block; overflow-x: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

/**
 * Search form
**/
#SearchForm { overflow: auto; }
#SearchForm label { display: none; }
#SearchForm .input { float: left; margin-right: 1px; }
#SearchForm .input input,
#SearchWhatButton { font-size: 138.5%; padding: 0.5em; }

#SearchWhatButton { background: url(img/bg_pink.png); border: 0 solid transparent; color: #dadada; cursor: pointer; *height: 39px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; text-align: left; white-space: nowrap; width: 10em; }
#SearchWhatButton::-moz-focus-inner { border-width: 0; margin: 0; padding: 0; overflow: visible; }
.faded #SearchWhatButton { background: url(img/bg_pink_10.png); _background: #21031e; border: none; color: #7e6f74; }

#SearchWhenDiv { overflow: hidden; width: 15.5em; }
#SearchWhen { width: 222px; }

#dateSelector { clear: left; float: left; margin-top: 1px; width: 100%; }
#dateSelector .ui-datepicker { background: url(img/bg_pink.png); width: auto; }
#dateSelector .ui-datepicker a.ui-state-default { border: 0 none; }
#xdateSelector .ui-widget-content { background: none; }

.buttonSearch { background: url(img/front_buttons.png) no-repeat 0 0; height: 40px; width: 129px; }
.buttonSearch:hover,
.buttonSearch:focus { background-position: -150px 0; }


.hr { border-top: #37021c solid 4px; }

#servicesMenu { display: none; }
.fg-menu-container #servicesMenu { display: block; }

#SearchForm .stepOne,
#SearchForm .stepTwo,
#SearchForm .stepThree,
#SearchForm .stepFour { background: url(img/search_steps.png) no-repeat; cursor: default; display: block; width: 46px; height: 40px; }
#SearchForm .stepOne { background-position: 0 0; }
#SearchForm .stepTwo { background-position: -50px 0; }
#SearchForm .stepThree { background-position: -100px 0; }
#SearchForm .stepFour { background: none; }

#SearchForm .faded .stepOne { background-position:-150px 0; }
#SearchForm .faded .stepTwo { background-position: -200px 0; }
#SearchForm .faded .stepThree { background-position: -250px 0; }

/**
 * Search results
**/
#premierListings { position: relative; }
#premierListings li { background: url(img/bg_pink.png); _background: #41081e; margin: 1em 0; padding: 0.3em; }
#premierListings td { padding: 1px; vertical-align: top; }
#premierListings td.thumb { width: 84px; }
#premierListings td.profile h4 { font-size: 174%; }
#premierListings td.profile p { font-size: 85%; margin-bottom: 0; margin-top: 0; }
.sponsored { background: url(img/bg_pink.png); _background: #41081e; color: #eb1d98; display: block; position: absolute; font-size: 93%; min-height: 15px; _height: 15px; margin: 0; padding: 5px 10px 8px; right: 0; top: -28px; }

.salonResults > li { background: url(img/bg_black_20.png); color: #ccc; margin: 1em 0; -x-overflow: auto; padding: 0; }
.salonResults h4 { color: #fff; font-size: 153.9%; }
.salonResults ul li { display: block; }

.salonResults .thumb,
.salonResults .profile, 
.salonResults .services, 
.salonResults .dates { padding: 0.77em; vertical-align: top; width: 25%; }

.salonResults .thumb, 
.salonResults .profile { background: url(img/bg_white_08.png) scroll 0 0 repeat; } 
.salonResults .services { background: url(img/bg_white_03.png) scroll 0 0 repeat; line-height: 1.5; }
.salonResults .dates { background: url(img/bg_black_70.png) scroll 0 0 repeat; }

table.pretty td.thumb { padding: 0.77em; }
table.pretty td.profile { color: #ccc; font-size: 85%; }

.salonResults .profileText { color: #999; }


.salonResults .services tr { }
.salonResults .services tr[title],
.salonResults .services tr.hasTooltip { cursor: help !important; }
.salonResults .services td { padding: 0.1em 0.2em; vertical-align: top; }
.salonResults .services td.first-child { background: url(img/bullet_pink.png) 0 0.6em no-repeat; padding-left: 15px; }

.price,
.salonResults .services .price { color: #eb1d98; }
.salonResults .services .specialOffer { background-color: #7b044a; color: #fff; font-weight: bold; padding: 0 0.3em; }
.regularPrice { color: #999; text-decoration: line-through; }
.salonResults .services table { *width: 213px; }

.salonResults table { background: transparent; width: 100%; }

.calendar { background: transparent; font-size: 85%; width: 100%; }
.calendar td { background: #090807; color: #6a6a6a; text-align: right; }
.calendar td.empty { background: transparent; }
.calendar td.today { color: #fff; }
.calendar td.available { border: 1px solid #7b044a; color: #fff; }
.calendar td.available a { color: #fff; display: block; text-transform: none; }
.calendar td.available a:hover { text-decoration: none; }
.calendar td.available:hover { background: #7b044a; border: 1px solid #eb1d98; }
.calendar { border-collapse: separate; border-spacing: 0.3em; /*spacing needs to be specified in html for < IE8*/ }

ul.arrows li { background: url(img/bullet_pink.png) 0 0.3em scroll no-repeat; line-height: 1.5; padding-left: 18px; }

.arrowsTwoCols { overflow: hidden; }
.arrowsTwoCols li { width: 42%; float: left; font-size: 93%; }

ul li.star { background-image: url(img/star_pink.png); font-weight: bold; margin-left: -2px; padding-left: 20px; }

/*Tooltip and Pointer CSS*/
.ui-tooltip { background-color: #000; border: 2px solid #333; padding:8px; width: 20em; position:absolute; text-align: left; z-index:9999; }
body .ui-tooltip { border-width:2px; }
#tooltip { background-color: #eee; border: 1px solid #111; font-size: 77%; position: absolute; padding: 5px; opacity: 0.85; width: 25em; z-index: 3000; }
#tooltip h3,
#tooltip div { margin: 0; }

.noResultsBox { border: 4px solid #7b044a; background: url(/css/img/bg_white_07.png); margin: auto; padding: 1em; text-align: center; width: 40em; }


/**
 * Booking
**/
.profileThumb {  }

#TimeslotTimeslotDate { background: none; border: none; color: #eb1d98; }
#TimeslotTime { color: #eb1d98; }
#appointmentDate .ui-datepicker { background: url(img/bg_black.png); margin: 0 auto; }

.cake-sql-log { display: none; }

.localMenu li a { display: block; padding: 0.3em; }
.localMenu li a:hover { background: url(img/bg_pink.png); text-decoration: none; }

#loading { background: #eb1d98; display: none; height: auto; padding: 0.3em; position: fixed; right: 50%; top: 0; width: 4em; }

#tabAppointment,
#tabProfile,
#tabGallery,
#tabMap { _height: 18em; min-height: 18em; _overflow: visible; }
#tabAppointment h1, #tabProfile h2 { color: #EB1D98; font-size: 215.4%; margin: 0; padding-bottom: 0px; }
#tabAppointment p,
#tabProfile p { color: #fff; line-height: 1.5; padding-top: 0px; }
p.address { font-size: 85%; }
#tabAppointment dl { color: #FFFFFF; font-size: 116%; padding-top: 15px; }
#tabAppointment dt { color: #FFFFFF; margin-right: 5px; width: 5em; }
#tabAppointment dd { float: none; }

.buttonBookNow { background: url(img/front_buttons.png) no-repeat 0 -50px; height: 52px; width: 186px; margin-top:15px; }
.buttonBookNow:hover,
.buttonBookNow:focus { background-position: -200px -50px; }
.buttonBookNowDisabled,
.buttonBookNowDisabled:hover { background: url(img/front_buttons.png) no-repeat -400px -50px; cursor: default; }

#readyBox .bd { text-align: center; }
#boxServices .bd { max-height: 24em; overflow-y: auto; }

/**
 * Booking Confirmation
**/
#BookingConfirmation { background: transparent url(img/bg_grey_50.png); border-width: 0; display: block; font-size: 108%; overflow: hidden; padding: 1em 1.4em; }
#BookingConfirmation h1 { color: #fff; font-size: 215.4%; margin: 0 0 15px 0; padding-bottom: 0px; }
#BookingConfirmation .c2 p { margin: 0 0 10px 0; padding-top: 0px; }
#BookingConfirmation span.pink { color: #EB1D98; font-size: 182%; margin: 0; padding-top: 5px; }
#xBookingConfirmation ul li { background: url(img/arrow.png) no-repeat scroll 3px 5px!important; margin-bottom: 3px; margin-left: 0px; padding: 0 0 0 20px; }

.nearest dd,
.nearest dt { float: none; }
.nearest dt { color: #eb1d98; margin-top: 0.77em; }

.confirmation th,
.confirmation td { vertical-align: baseline; padding-top: 1.2em; }
.confirmation th { color: #eb1d98; font-size: 123.1%; }


/**
 * Icons
**/
a.asc,
a.desc { display: block; }
a.asc { background: url(img/icon_asc.png) no-repeat scroll 100% 0; padding-right: 16px; }
a.desc { background: url(img/icon_desc.png) no-repeat scroll 100% 0; padding-right: 16px; }


/**
 * Diary / availability table
 */

.diaryHead { float: left; }
.diaryNav { float: left; margin: 0 2em; overflow: hidden; }
.diaryNav span { float: left; margin: 0; }
#availability { clear: left; }
#availability table { border-collapse: separate; -moz-user-select: none; -webkit-user-select: none; -khtml-user-select: none; width: 100%; table-layout: fixed; *border-collapse: collapse; }
#-x-availability tbody { font-size: 77%; }
#availability th[scope=col] { font-size: 85%; text-align: center; }
#availability th[scope=row] { vertical-align: top; width: 10em; }
#availability thead > th:first-child { width: 50px; }
#availability td { cursor: pointer; }
#availability td { background: transparent; border-bottom: 1px #333 solid; }
#availability td.chk { background: #fff; border-bottom: 1px #ccc solid; }
#availability td input { display: none; }
#availability td:hover { background: #999; }
#availability tr.hour td,
#availability tr.hour th { border-top: 1px solid #666; }
#availability td.appt { background-color: Crimson; border-bottom: none; color: #fff; font-size: 85%; vertical-align: top; }
td.appt span { display: block; margin-top: -3px; position: static; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#availability tr { height: 10px; }

#availability .buttonSlimSave { margin: 0; position: absolute; top: 0; right: 0; }


/**
 * 'Pick a time' table
 */
#TimeslotStartTime { overflow-x: auto; }
#TimeslotStartTime table { border-collapse: separate; }
#TimeslotStartTime td,
#TimeslotStartTime th { font-size: 85%; padding: 0.2em; width: 1em; }
#TimeslotStartTime th { color: #666; font-weight: normal; text-align: center; vertical-align: baseline; }
#TimeslotStartTime th label { color: inherit; float: none; margin: auto; }
#TimeslotStartTime td.unchecked,
#TimeslotStartTime td.checked { cursor: pointer; }
#TimeslotStartTime td.unchecked { background: transparent; border: 1px #7b044a solid; }
#TimeslotStartTime td.checked { background: #7b044a; border: 1px #7b044a solid; }
#TimeslotStartTime td.unchecked input, 
#TimeslotStartTime td.checked input { margin-left: -1000em; width: 3px; }
#TimeslotStartTime td.empty { border: 1px solid transparent; }
#TimeslotStartTime th.hour { color: #fff; font-size: 100%; font-weight: bold; vertical-align: baseline; }


/**
 * Box
**/
.box { background: url(img/bg_white_07.png); margin-top: 1em; }
.box .hd { background: url(img/bg_pink.png); color: #fff; padding: 0.5em 1em; margin: 0; }
.box .bd { padding: 0.5em 1em; }

.box.complete .hd { background: #333; }

.paddingBox { margin: 0 2em; *margin: 0 1.950em; _margin: 0 1em; }


/**
 * Autocomplete control
 */
.ac_results { padding: 0; border: none; background: #37021c; overflow: hidden; z-index: 99999; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li { text-align: left; margin: 0; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will appear when scroll mode will be used*/ /*width: 100%;*/ font: menu; font-size: 100%; line-height: 16px; overflow: hidden; }
.ac_results li span { color: #999; display: block; }
.ac_results li .dob { float: left; width: 55%; }
.ac_results li .postcode { float: left; width: 45%; }
.ac_loading { background: white url(indicator.gif) right center no-repeat; }
.ac_odd { -x-background-color: #eee; }
.ac_over { background-color: #eb1d98; color: white; }

.ui-accordion .ui-state-active, 
.ui-widget-content .xui-state-active,
.ui-accordion .ui-state-default, 
.ui-widget-content .xui-state-default { background: none; }

/**
 * INAA Admin
 */
.edit .text input,
.edit .password { width: 22em; }

dl.metadata { margin: 1em 0; }
dl.metadata dt,
dl.metadata dd { margin: 0.3em 0; }

.metadata th,
.metadata td { vertical-align: top; }
.metadata th { color: #999; font-weight: normal; padding-left: 1em; text-indent: -1em; text-align: left; width: 20%; }
.metadata td { }

#buttonCopyAddress { margin-left: 10em; }

#servicesIndex li { background: url(img/bullet_line_purple.png) no-repeat 0 0.3em; border-left: 1px solid #7b044a; border-top: 1px solid transparent; cursor: pointer; display: list-item; line-height: 1.5; padding-left: 1em; }
#servicesIndex li:hover > .node { background-color: #7b044a; }
#servicesIndex li:hover > .node > .data { -x-color: #eb1d98; font-weight: bold; }
#servicesIndex li.lastChild { background: url(img/bullet_last_child_purple.png) no-repeat 0 0; border-left: none; }
#servicesIndex .actionlinks { float: right; visibility: hidden; }
#servicesIndex .node:hover .actionlinks { visibility: visible; }

a.email { background: url(img/icon_email.png) no-repeat; padding-left: 17px; } 


/**
 * Salon Admin
 */
#chooseSalonButton { background: none; border: 0 none; color: #fff; cursor: pointer; display: block; text-align: left; width: 100%; }
.dropDownArrow { background: url(img/icons.png) no-repeat 0 -50px; float: right; width: 21px; height: 19px; }
#salonListContainer { display: none; }

.appointmentsTable td { cursor: pointer; }

tr.new,
tr.new a { color: #eb1d98; font-weight: bold; }
tr.new .star { background: url(img/star_pink.png) no-repeat 0 0; width: 11px; height: 10px; }

.floatyForm { float: left; margin-right: 1px; }

h3 { clear: left; }
.unread h3 { background: url(img/star_pink.png) no-repeat left center; padding-left: 15px; }

.appointment .actions input,
.appointment .actions a { background: url(img/bg_pink.png); border: none; color: #fff; padding: 10px 15px; }
.appointment .actions input:hover,
.appointment .actions a:hover { background: #eb1d89; text-decoration: none; }
.appointment .actions input { *padding: 8px 10px; }

.appointmentCard th,
.appointmentCard td { padding: 0.5em 0.3em 0 0; }
.appointmentCard th { font-size: 85%; text-align: left; }
.appointmentCard td { color: #eb1d98; font-size: 123.1%; padding-top: 0; }

.gallery { _zoom: 1; _overflow: visible; }
.gallery li { float: left; _height: 12.675em; min-height: 13em; width: 100px; padding: 1em; position: relative; }
.gallery a { border: 1px solid transparent; display: block; }
.gallery a:hover { border: 1px solid #333; }
.gallery .caption { font-size: 93%; text-align: left; }

.gallery .buttonMainImage { background-position: -25px 0; position: absolute; top: 1.5em; left: 1.5em; }
.gallery .buttonMainImage:hover { background-position: 0 0; }

.gallery .mainImage .buttonMainImage { background-position: 0 0; }
.gallery .mainImage .buttonMainImage:hover { background-position: 0 0; }

.gallery .buttonRemove { background-position: 0 -25px; position: absolute; top: 90px; right: 20px; height: 17px; width: 17px; }
.gallery .buttonRemove:hover { background-position: -25px -25px; }

.gallery .mainImage .buttonRemove { display: none; }


.salonServicesForm,
.consultantsForm,
.salonsForm,
.form { background: transparent url(img/bg_white_10.png) repeat scroll 0 0; border-width:0; display:block; overflow:hidden; padding:0em 1.4em 1em 1.4em;}

#consultants div { clear: both; display: block; }
#consultants .links {  padding-bottom: 30px; }
#consultants span.pink { color: #EB1D98; font-size: 182%;}
#consultants span.pink a:link, #consultants span.pink a:visited, #consultants span.pink a:active {color:#EB1D98;}
#consultants span.pink a:hover { color:#fff; text-decoration:none;}
#consultants p { margin: 0 0 10px 0; padding-top: 0px; }

a.actionlink:link,
a.actionlink:visited, 
a.actionlink:active { background: url(img/arrow.png) no-repeat scroll 3px 5px; padding: 0 0 0 15px; display:block; float:left; margin-right:15px;}

a.buttonNewConsultant:link,
a.buttonNewConsultant:visited, 
a.buttonNewConsultant:active { background: url(img/back_buttons.png) no-repeat 0 -50px; height: 40px; width: 190px; margin-top: 15px; display: block; text-indent: -1000em; }
a.buttonNewConsultant:hover { background-position: -200px -50px; }

#salonServices div { width:100%; clear:both; display:block; }
#salonServices .links {  padding-bottom: 30px; }
#salonServices span.pink { color: #EB1D98; font-size: 182%;}
#salonServices span.pink a:link, #salonServices span.pink a:visited, #salonServices span.pink a:active {color:#EB1D98;}
#salonServices span.pink a:hover { color:#fff; text-decoration:none;}
#salonServices p { margin: 0 0 10px 0; padding-top: 0px; }

a.buttonNewService:link, 
a.buttonNewService:visited, 
a.buttonNewService:active { background: url(img/back_buttons.png) no-repeat 0 0; height: 40px; width: 200px; margin-top:15px; display:block; text-indent: -1000em; }
a.buttonNewService:hover { background-position: -250px 0; }

/**
 * Inline text image replacement
 */
@media screen {
    .tir { border: 0 none; /* FF2 */ display: -moz-inline-stack; display: inline-block; outline: none; text-indent: -10000px; /* IE lte 7 */ *text-indent: 0; *letter-spacing: -1000px; *overflow: hidden; *zoom: 1; /* FF2, IE lte 7 */ font-size: 0; /* FF2 */ vertical-align: top; }
    /* FF */
    .tir::-moz-focus-inner { border-width: 0; margin: 0; padding: 0; overflow: visible; }
    .tir:focus { outline: none; }
}

.bookingSteps { background: url(img/booking_steps.png) 0 0 no-repeat; cursor: default; display: block; width: 543px; height: 150px; margin: 39px 0; }

/**
 * Text replace Icons
 */
.icon,
button.icon { background: transparent url(img/icons.png) no-repeat scroll; border: none; cursor: pointer; height: 25px; width: 25px; text-indent: -10000px; /* IE lte 7 */ *text-indent: 0; *letter-spacing: -1000px; *overflow: hidden; *zoom: 1;  }
.icon:focus,
button.icon:focus { border: 1px dotted #dadada; outline: none; }

.iconPublic,
.iconSalon,
.iconAdmin { cursor: default; background: url(img/icons.png) no-repeat scroll; height: 17px; width: 17px; }
.iconPublic { background-position: 0 -75px; }
.iconSalon { background-position: -25px -75px; }
.iconAdmin { background-position: -50px -75px; }


.iconDelete,
.iconLogin { height: 25px; width: 25px; }

.iconDelete { background-position: 0 -125px; }
.iconDelete:hover,
.iconDelete:focus { background-position: -25px -125px; }

.iconLogin { background-position: 0 -150px; }
.iconLogin:hover,
.iconLogin:focus { background-position: -25px -150px; }


tr.deleted .iconPublic { background-position: 0 -100px; }
tr.deleted .iconSalon { background-position: -25px -100px; }
tr.deleted .iconAdmin { background-position: -50px -100px; }

.iconOk { background: url(img/icons.png) no-repeat -50px -50px; height: 21px; width: 20px; }


.buttonGo { background: url(img/back_buttons.png) no-repeat 0 -100px; border: none; cursor: pointer; height: 29px; width: 65px; margin: 0 1px; }
.buttonGo:hover { background-position: -100px -100px; }

.buttonSlimSave { background: url(img/back_buttons.png) no-repeat -200px -100px; border: none; cursor: pointer; height: 29px; width: 82px; margin: 0; }
.buttonSlimSave:hover { background-position: -300px -100px; }

.buttonSlimBack { background: url(img/front_buttons.png) no-repeat 0 -350px; height: 29px; width: 97px; }
.buttonSlimBack:hover,
.buttonSlimBack:focus { background-position: -150px -350px; }

.buttonViewDiary { background: url(img/back_buttons.png) no-repeat 0 -150px; height: 40px; width: 160px; }
.buttonViewDiary:hover { background-position: -200px -150px; }

.buttonUploadImage { background: url(img/back_buttons.png) no-repeat 0 -200px; border: none; cursor: pointer; height: 40px; width: 193px; margin: 0; }
.buttonUploadImage:hover { background-position: -200px -200px; }

.buttonCancelBySalon { background: url(img/back_buttons.png) no-repeat 0 -250px; height: 29px; width: 166px; }
.buttonCancelBySalon:hover,
.buttonCancelBySalon:focus { background-position: -200px -250px; }
.buttonCancelBySalon.disabled { background-position: -400px -250px; }

.buttonCancelByCustomer { background: url(img/back_buttons.png) no-repeat 0 -300px; height: 29px; width: 197px; }
.buttonCancelByCustomer:hover,
.buttonCancelByCustomer:focus { background-position: -200px -300px; }
.buttonCancelByCustomer.disabled { background-position: -400px -300px; }

.buttonCreateNew { background: url(img/back_buttons.png) no-repeat 0 -350px; height: 29px; width: 125px; }
.buttonCreateNew:hover,
.buttonCreateNew:focus { background-position: -150px -350px; }

.buttonFullWidth { background: url(img/back_buttons.png) no-repeat 0 -400px; height: 29px; width: 110px; }
.buttonFullWidth:hover,
.buttonFullWidth:focus { background-position: -150px -400px; }



.buttonINeedToCancel { background: url(img/front_buttons.png) no-repeat 0 -400px; height: 29px; width: 197px; }
.buttonINeedToCancel:hover,
.buttonINeedToCancel:focus { background-position: -200px -400px; }

.buttonSlimBookNow { background: url(img/front_buttons.png) no-repeat 0 -450px; height: 40px; width: 166px; }
.buttonSlimBookNow:hover { background-position: -200px -450px; }

.buttonNewsletterSubmit { background: url(img/front_buttons.png) no-repeat -450px -200px; height: 40px; margin-left: 1px; width: 40px; }
.buttonNewsletterSubmit:hover,
.buttonNewsletterSubmit:focus { background-position: -500px -200px; }

.buttonSubmit { background: url(img/front_buttons.png) no-repeat 0 -500px; height: 40px; width: 136px; }
.buttonSubmit:hover,
.buttonSubmit:focus { background-position: -200px -500px; }

.buttonSave { background: url(img/front_buttons.png) no-repeat 0 -150px; height: 40px; width: 114px; margin-top:15px; }
.buttonSave:hover,
.buttonSave:focus { background-position: -150px -150px; }

.buttonSend { background: url(img/button_send.png) no-repeat 0 0px; height: 40px; width: 114px; margin-top:15px; }
.buttonSend:hover,
.buttonSend:focus { background-position: 0px -40px; }

.buttonLogin { background: url(img/front_buttons.png) no-repeat 0 -250px; height: 40px; width: 120px; margin-top:15px; }
.buttonLogin:hover { background-position: -150px -250px; }

.buttonRegisterAndBook { background: url(img/front_buttons.png) no-repeat 0 -300px; height: 40px; width: 231px; margin-top:15px; }
.buttonRegisterAndBook:hover { background-position: -250px -300px; }

.buttonRegister { background: url(img/front_buttons.png) no-repeat 0 -550px; height: 40px; width: 144px; margin-top:15px; }
.buttonRegister:hover { background-position: -200px -550px; }

.buttonRegisterNow { background: url(img/front_buttons.png) no-repeat 0 -600px; height: 40px; width: 183px; }
.buttonRegisterNow:hover { background-position: -200px -600px; }

.buttonWinRosette { background: url(img/rosette2.png) no-repeat 0 0; height: 288px; width: 233px; cursor: pointer; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/img/rosette2.png', sizingMethod='crop');}
a.buttonWinRosette:hover { background-position: -233px 0; }
h2.buttonWinRosette { cursor: default; top: 13px; right: 26px; }
.buttonWinRosettePositioned { position: absolute; top: 35px; right: -31px; }

.buttonRegisterWin { background: url(img/register_button.png) no-repeat 0 0; height: 103px; width: 284px; cursor: pointer; }
.buttonRegisterWin:hover { background-position: 0 -103px; }

.buttonSignupNow { background: url(img/front_buttons.png) no-repeat 0 -650px; height: 29px; width: 140px; }
.buttonSignupNow:hover,
.buttonSignupNow:focus { background-position: -150px -650px; }

.buttonMaybeLater { background: url(img/front_buttons.png) no-repeat 0 -700px; height: 29px; width: 140px; }
.buttonMaybeLater:hover,
.buttonMaybeLater:focus { background-position: -150px -700px; }

.buttonContinue { background: url(img/front_buttons.png) no-repeat 0 -750px; height: 40px; width: 144px; }
.buttonContinue:hover,
.buttonContinue:focus { background-position: -200px -750px; }

.buttonVerify { background: url(img/front_buttons.png) no-repeat 0 -800px; height: 40px; width: 120px; }
.buttonVerify:hover,
.buttonVerify:focus { background-position: -150px -800px; }

.buttonSkip { background: url(img/front_buttons.png) no-repeat 0 -850px; height: 40px; width: 113px; }
.buttonSkip:hover,
.buttonSkip:focus { background-position: -150px -850px; }

.buttonResendVerification { background: url(img/back_buttons.png) no-repeat 0 -450px; height: 29px; width: 217px; }
.buttonResendVerification:hover,
.buttonResendVerification:focus { background-position: -250px -450px; }

.buttonHairAndBeauty { background: url(../img/promotions/hair-and-beauty_300x180.png) 0 0; height: 180px; width: 300px; }
.buttonHairAndBeauty:hover,
.buttonHairAndBeauty:focus { background-position: 0 -180px; }



/**
 * Fancybox
 */
div#fancy_overlay { display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 30; }
div#fancy_loading { background: transparent; cursor: pointer; display: none; height: 40px; overflow: hidden; position: fixed; width: 40px; z-index: 100; }
div#fancy_loading div { background: transparent url(fancy/fancy_progress.png) no-repeat; height: 480px; left: 0; position: absolute; top: 0; width: 40px; }
div#fancy_outer { background: transparent; display: none; left: 0; margin: 0; padding: 20px 20px 40px 20px; position: absolute; top: 0; z-index: 90; }
div#fancy_inner { background: #FFF; height: 100%; position: relative; width: 100%; }
div#fancy_content { margin: 0; position: absolute; z-index: 100; }
div#fancy_div { background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100; }
img#fancy_img { border: 0; height: 100%; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; z-index: 100; }
div#fancy_close { background: url(fancy/fancy_closebox.png) top left no-repeat; cursor: pointer; display: none; height: 30px; position: absolute; right: -15px; top: -12px; width: 30px; z-index: 181; }
#fancy_frame { display: none; height: 100%; position: relative; width: 100%; }
#fancy_ajax { height: 100%; overflow: auto; width: 100%; }
a#fancy_left,
a#fancy_right { background-image: url("data:image/gif;base64,AAAA"); bottom: 0px; cursor: pointer; display: none; height: 100%; outline: none; overflow: hidden; position: absolute; width: 35%; z-index: 111; }
a#fancy_left { left: 0px; }
a#fancy_right { right: 0px; }
span.fancy_ico { cursor: pointer; display: block; height: 30px; margin-top: -15px; position: absolute; top: 50%; width: 30px; z-index: 112; }
span#fancy_left_ico { background: transparent url(fancy/fancy_left.png) no-repeat; left: -9999px; }
span#fancy_right_ico { background: transparent url(fancy/fancy_right.png) no-repeat; right: -9999px; }
a#fancy_left:hover, a#fancy_right:hover { background-color: transparent; visibility: visible; }
a#fancy_left:hover span { left: 20px; }
a#fancy_right:hover span { right: 20px; }
#fancy_bigIframe { background: transparent; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
div#fancy_bg { border: 0; height: 100%; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; z-index: 70; }
div.fancy_bg { border: 0; display: block; margin: 0; padding: 0; position: absolute; z-index: 70; }
div#fancy_bg_n { background: transparent url(fancy/fancy_shadow_n.png) repeat-x; height: 20px; top: -20px; width: 100%; }
div#fancy_bg_ne { background: transparent url(fancy/fancy_shadow_ne.png) no-repeat; height: 20px; right: -20px; top: -20px; width: 20px; }
div#fancy_bg_e { background: transparent url(fancy/fancy_shadow_e.png) repeat-y; height: 100%; right: -20px; width: 20px; }
div#fancy_bg_se { background: transparent url(fancy/fancy_shadow_se.png) no-repeat; bottom: -20px; height: 20px; right: -20px; width: 20px; }
div#fancy_bg_s { background: transparent url(fancy/fancy_shadow_s.png) repeat-x; bottom: -20px; height: 20px; width: 100%; }
div#fancy_bg_sw { background: transparent url(fancy/fancy_shadow_sw.png) no-repeat; bottom: -20px; height: 20px; left: -20px; width: 20px; }
div#fancy_bg_w { background: transparent url(fancy/fancy_shadow_w.png) repeat-y; height: 100%; left: -20px; width: 20px; }
div#fancy_bg_nw { background: transparent url(fancy/fancy_shadow_nw.png) no-repeat; height: 20px; left: -20px; top: -20px; width: 20px; }
div#fancy_title { display: none; position: absolute; z-index: 100; }
div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 3px; white-space: nowrap; }
div#fancy_title table { margin: 0 auto; }
div#fancy_title table td { padding: 0; vertical-align: middle; }
td#fancy_title_left { background: transparent url(fancy/fancy_title_left.png) repeat-x; height: 32px; width: 15px; }
td#fancy_title_main { background: transparent url(fancy/fancy_title_main.png) repeat-x; height: 32px; }
td#fancy_title_right { background: transparent url(fancy/fancy_title_right.png) repeat-x; height: 32px; width: 15px; }

/**
 * Headlines
**/
.headline { background: url(img/headlines.png) no-repeat scroll; display: block; font-size: 0; text-indent: -10000px; _background: none !important; _font-size: 131%; _text-indent: 0; }

.aboutInaaCom { height: 55px; background: url(img/headlines.png) no-repeat scroll 0 0;  }
.threeClicks { background-position: 0 -225px; height: 55px; }
.frequentlyAskedQuestions {  height: 57px; background: url(img/headlines.png) no-repeat scroll 0 -300px; }
h1.contact { height: 57px; background: url(img/headlines.png) no-repeat scroll 0 -375px; margin-bottom: 10px; margin-top:15px; }
.privacyPolicy {height: 57px; background: url(img/headlines.png) no-repeat scroll 0 -450px;  }
.termsSalons {height: 57px; background: url(img/headlines.png) no-repeat scroll 0 -525px;  }
.termsPublic {  height: 57px; background: url(img/headlines.png) no-repeat scroll 0 -600px;  }
.signupToReceive { height: 55px;  background-position: 0 -675px; margin-bottom: 20px; }
.signIn { height: 57px; background-position: 0 -750px; }
.verifyYourEmailAddress { height: 57px; background-position: 0 -825px; }

#emailSignup { padding-top: 0; }

/**
 * About INAA
**/
#aboutus-logos { width:580px; height:450px; display:block; position:relative; }
#aboutus-logos div { width:125px; height:125px; margin:0px 15px 15px 0px; float:left; display:block; position:relative; }

#beauty_salon_or_consultant { position:relative; padding-left:10px; }
#beauty_salon_or_consultant .footer { clear: both; height:50px; background: url(img/areyouabeautysalonorconsultant_footer.png) no-repeat scroll 0 0; }
#beauty_salon_or_consultant h2  { background-position: 0 0; height: 50px; background: url(img/areyouabeautysalonorconsultant.png) no-repeat scroll 0 0; display: block; font-size: 0; text-indent: -1000em; }

#beauty_salon_or_consultant { position:relative; padding-left:10px; }
#areyouacustomer .footer { clear: both; height:50px; background: url(img/areyouacustomer_footer.png) no-repeat scroll 0 0; }
#areyouacustomer h2  { background-position: 0 0; height: 55px; background: url(img/areyouacustomer.png) no-repeat scroll 0 0; display: block; font-size: 0; text-indent: -1000em; }


.ui-button { padding: 0.3em; }
.ui-button:hover,
.ui-button.hover { background-color: #eb1d98; }
.ui-button:active,
.ui-button.active { background-color: #7b044a; }