body {
	margin: 0 auto;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
        background: none repeat scroll 0 0 #919191;
}
h5, p, ul, ol, li, div {
	margin: 0;
	padding: 0;
}
h1 {
	margin: 0 0 10px 0;
	padding: 0;
	color: #000;
	font-weight: bold;
	font-size: 18px;
}
h2 {
	margin: 0;
	padding: 10px;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
}
h3 {
	margin: 0;
	padding: 8px 0 0 0;
	color: #000;
	font-weight: bold;
	font-size: 13px;
}
h4 {
	margin: 0 0 10px 0;
	padding: 0;
	color: #EA393B;
	font-weight: bold;
	font-size: 14px;
}
ul, ol, li {
	list-style-type: none;
}

#breadcrumb {
	margin: 0 0 10px 0;
	padding: 0;
	color: #8BBDDB;
	text-align: left;
	font-weight: bold;
	font-size: 11px;
}
#breadcrumb a:link, #breadcrumb a:visited {
	color: #8BBDDB;
	text-decoration: none;
}
#breadcrumb a:hover {
	color: #8BBDDB;
	text-decoration: underline;
}
#breadcrumb span {
	color: #aaa;
	text-decoration: none;
}
.side-left {
	float: left;
}
.side-right {
	float: right;
}
.clear {
	clear: both;
}
.container {
	width: 1000px;
	margin: 0 auto;
}
#header-high {
	height: 164px;
	background: #f8f8f8;
	border-bottom: #EA393B solid 1px;
        height: 70px;
}
#header-high div div {
	float: left;
}
#header-high .logo {
        margin: 10px 0;
        width: 118px;
}
#header-high .search {
	width: 510px;
}
#header-high .search p {
	margin: 0;
	padding: 15px 0 5px 0;
	font-size: 13px;
	font-weight: bold;
	color: #40bdf3;
}

#header-high .search #searchTermBlock,
#header-high .search #locationSelector{
	float: left;
	margin: 0;
	padding: 0;
	width: 340px;
	height: 36px;
	border-radius: 5px;
	border: #40bdf3 solid 1px;
	background: #ffffff url(../images/elements/icon-search.png) 5px center no-repeat;
}
#header-high .search #searchTermBlock input,
#header-high .search #locationSelector input{
	margin: 8px 0 0 34px;
	width: 300px;
	padding: 0;
	border: none;
	color: #AAAAAA;
        font-size: 16px;
        outline-style: none;
        outline-width: 0;
}
#header-high .search #searchTermBlock input.selectedLocation.active,
#header-high .search #locationSelector input.selectedLocation.active{
    background-color: #EEE;
    margin: 8px 0px 0 34px;
    color:#866146;
    width: 273px; 
    
}
#header-high .search .locationContainer.active{
        background-color: #EEE!important;
}

#header-high .search .delimg {
    margin-right: 6px;
    cursor: pointer;
    width:18px;
    height:18px;
    border: 1px solid #888888;
    border-radius: 5px 5px 5px 5px;
    position: relative;
    top: 4px;
}

#header-high .search #selectLocation_message {
    position: absolute;
    top: 165px;
}
#header-high .search #searchTermBlock input:-moz-placeholder,
#header-high .search #locationSelector input:-moz-placeholder{
    color: #CCC;
}

#header-high .search #searchTermBlock input::-webkit-input-placeholder,
#header-high .search #locationSelector input::-webkit-input-placeholder{
    color: #CCC;
}
#header-high .search #searchTermBlock input:-ms-input-placeholder,
#header-high .search #locationSelector input:-ms-input-placeholder{
    color: #CCC;
}

#header-high .search .button:link, #header-high .search .button:visited {
	float: left;
	margin: 0 0 0 10px;
	padding: 9px 25px;
	border: #40bdf3 solid 1px;
	border-radius: 5px;
background: #6dd3ff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkZDNmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MGJkZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #6dd3ff 0%, #40bdf3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6dd3ff), color-stop(100%,#40bdf3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6dd3ff 0%,#40bdf3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6dd3ff 0%,#40bdf3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6dd3ff 0%,#40bdf3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6dd3ff 0%,#40bdf3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6dd3ff', endColorstr='#40bdf3',GradientType=0 ); /* IE6-8 */

	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}
#header-high .search .button:hover {
	text-de#header-high .user-boxcoration: none;
        background: #bbebff; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JiZWJmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MGJkZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #bbebff 0%, #40bdf3 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbebff), color-stop(100%,#40bdf3)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #bbebff 0%,#40bdf3 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #bbebff 0%,#40bdf3 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #bbebff 0%,#40bdf3 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #bbebff 0%,#40bdf3 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbebff', endColorstr='#40bdf3',GradientType=0 ); /* IE6-8 */

}
#header-high .user-box {
	margin: 5px 0 0 0;
	padding: 0;
	color: #919191;
	font-weight: bold;
	font-size: 11px;
        position: relative;
        float: right;
        right: 2px;
        top: 0px;
}
#header-high .user-box .login-btn:link, #header-high .user-box .login-btn:visited {
	background: transparent url(../images/elements/sprite-user-interface.png) 0 0 no-repeat;
	width: 20px;
	height: 20px;
	color: #919191;
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 2px 5px 2px 25px;
	text-decoration: none;
}
#header-high .user-box .login-btn:hover {
	text-decoration: underline;
}
#header-high .user-box .reg-btn:link, #header-high .user-box .reg-btn:visited {
	background: transparent url(../images/elements/sprite-user-interface.png) 0 -20px no-repeat;
	width: 20px;
	height: 20px;
	color: #919191;
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 2px 5px 2px 25px;
	text-decoration: none;
}
#header-high .user-box .reg-btn:hover {
	text-decoration: underline;
}
#header {
	height: 70px;
	background: #f8f8f8;
	border-bottom: #40bdf3 solid 1px;
}
#header div div {
	float: left;
}
#header .logo {
	margin: 8px 0 0 0;
	width: 260px;
}
#header .search {
	margin: 0;
	width: 510px;
}
#header .search p {
	margin: 0;
	padding: 7px 0 5px 0;
	font-size: 13px;
	font-weight: bold;
	color: #8BBDDB;
}
#header .search #searchTermBlock {
	float: left;
	margin: 0;
	padding: 0;
	width: 340px;
	height: 36px;
	border-radius: 5px;
	border: #8BBDDB solid 1px;
	background: #ffffff url(../images/elements/icon-search.png) 5px center no-repeat;
}
#header .search #searchTermBlock input {
	margin: 8px 0 0 34px;
	width: 300px;
	padding: 0;
	border: none;
	color: #AAAAAA;
        font-size: 16px;
        outline-style: none;
        outline-width: 0;
}
#header .search #searchTermBlock input:-moz-placeholder{
    color: #CCC;
}
#header .search #searchTermBlock input:-ms-input-placeholder{
    
}
#header .search #searchTermBlock input::-webkit-input-placeholder
{
    color: #CCC;
}

#header .search .button:link, #header .search .button:visited {
	float: left;
	margin: 0 0 0 10px;
	padding: 9px 25px;
	border: #8BBDDB solid 1px;
	border-radius: 5px;
	       
background: #8BBDDB; 
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}
#header .search .button:hover {
	text-decoration: none;
        background: #5996ba; 
}
#header .user-box {
	margin: 5px 0 0 0;
	padding: 0;
	color: #919191;
	font-weight: bold;
	font-size: 11px;
        max-width:300px;
        float: right;
        position: relative;
        right: 2px;
        top: -75px;
}
#header .user-box.guest {
    color: #919191;
    font-size: 11px;
    font-weight: bold;
    margin: 60px 0 0;
    padding: 0;
    top:auto;
}

#header .user-box.guest.loggedIn{
margin: 0;
padding: 0;
color: #919191;
font-weight: bold;
font-size: 11px;
max-width: 300px;
float: right;
right: 2px;
}


#header-high .user-box.guest {
    color: #919191;
    font-size: 11px;
    font-weight: bold;
    margin: 48px 0 0;
    padding: 0;    
    top: auto;    
}


#header .user-box .loggedSalonName,
#header-high .user-box .loggedSalonName{
        overflow: hidden;
        display: block;
        float: left;
        width:185px;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: right;      
}

#header .user-box .loggedGuestName,
#header-high .user-box .loggedGuestName{
        overflow: hidden;
        display: block;
        float: left;
        text-overflow: ellipsis;
        white-space: nowrap;
}

#header .user-box .login-btn:link, #header .user-box .login-btn:visited {
	background: transparent url(../images/elements/sprite-user-interface.png) 0 0 no-repeat;
	width: 20px;
	height: 20px;
	color: #919191;
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 2px 5px 2px 25px;
	text-decoration: none;
}
#header .user-box.loggedIn .login-btn:link, #header .user-box.loggedIn .login-btn:visited,
#header-high .user-box.loggedIn .login-btn:link, #header-high .user-box.loggedIn .login-btn:visited{
	background: transparent url(../images/elements/sprite-user-interface.png) right 0 no-repeat;
	width: 20px;
	height: 20px;
	color: #919191;
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 2px 25px 2px 5px;
	/*text-decoration: none;*/
}
#header .user-box.loggedIn a.loggedInfo,
#header-high .user-box.loggedIn a.loggedInfo{
    color:#919191;
	text-decoration: none;
}
#header .user-box.loggedIn a.loggedInfo:hover,
#header-high .user-box.loggedIn a.loggedInfo:hover{
    color:#919191;
    text-decoration: underline;
}
#header-high .user-box.notLogged, #header .user-box.notLogged {
    top: 0px;
}

#header .user-box .login-btn:hover {
	text-decoration: underline;
}
#header .user-box .reg-btn:link, #header .user-box .reg-btn:visited {
	background: transparent url(../images/elements/sprite-user-interface.png) 0 -20px no-repeat;
	width: 20px;
	height: 20px;
	color: #919191;
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 2px 5px 2px 25px;
	text-decoration: none;
}
#header .user-box .reg-btn:hover {
	text-decoration: underline;
}

#content {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto;
    padding: 5px 0;
}

#search-results {
	width: 980px;
	margin: 0;
	padding: 10px;
	border-radius: 5px;
	background: #f8f8f8;
	font-size: 12px;
	font-weight: normal;
	color: #40bdf3;
        margin-bottom: 10px;
}
#search-results .related {
	color: #866146;
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 10px 0;
}
#search-results .list ul li {
	float: left;
	line-height: 16px;
	color: #aaaaaa;
	margin: 0 5px 0 0;
}
.hidden {
	display: none;
}
#search-results .list ul li a:link, #search-results .list ul li a:visited {
	color: #40bdf3;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
}
#search-results .list ul li a:hover {
	text-decoration: underline;
}
.more-results a:link, .more-results a:visited {
	float: right;
	padding: 3px 10px;
	margin: 0 20px 20px 0;
	background: #40bdf3;
	border-radius: 0 0 5px 5px;
	color: #ffffff;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}
.more-results a:hover {
	background: #f48d00;
	text-decoration: none;
}
#map-search {
	margin: 0;
	padding: 10px;
	background: #8BBDDB;
	border-radius: 5px 5px 0 0;
}
#map-search p {
	float: left;
	margin: 0;
	padding: 5px 0;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
}
/*
#map-search form {
	float: left;
	margin: 0 10px;
	padding: 0;
	height: 28px;
	border-radius: 5px;
	background: #ffffff;
}
*/
#map-search .locationContainer {
	float: left;
	margin: 0 10px;
	padding: 0;
	height: 28px;
	border-radius: 5px;
	background: #ffffff;
}

#map-search .locationContainer .dropdown {
	float: left;
	margin: 0 5px 0 10px;
	padding: 0;
	width: 270px;
	overflow: hidden;
	border-radius: 5px;
	background: #ffffff url(../images/elements/dropdown-arrow.png) no-repeat right;
}
#map-search .locationContainer .dropdown select {
	margin: 0;
	padding: 3px 5px 3px 5px;
	width: 298px;
	border: none;
	color: #aaaaaa;
	background: transparent;
	height: 28px;
	border-radius: 5px;
        font-size:16px;
        -webkit-appearance: none;
        outline-style: none;
        outline-width: 0;
}
#map-search .locationContainer .dropdown select option {
	margin: 0;
	padding: 5px;
	border: none;
	color: #aaaaaa;
        font-size:12px;
}

#map-search .locationContainer.active{
        /*background-color: #EEE;*/
}
#map-search form input {
        margin: 4px 10px 0;
	width: 189px;
	padding: 0;
	border: none;
	color: #AAAAAA;
        font-size: 16px;
        outline-style: none;
        outline-width: 0;
}
#map-search form input.selectedLocation.active{
    background-color: #EEE;
    margin: 4px 0px 0 10px;
    color:#866146;
    width: 169px;
}
#map-search #selectLocation_message {
    margin-left: -10px;
    position: absolute;
    top: 95px;
}
#map-search form input:-moz-placeholder {
    color: #CCC;
}

#map-search form input::-webkit-input-placeholder {
    color: #CCC;
}
#map-search form input:-ms-input-placeholder {
    color: #CCC;
}
#map-search form .delimg {
    margin-right: 6px;
    cursor: pointer;
    width:18px;
    height:18px;
    border: 1px solid #888888;
    border-radius: 5px 5px 5px 5px;
    position: relative;
    top: 4px;
}
#map-search .button:link, #map-search .button:visited {
	float: left;
	margin: 0;
	padding: 5px 15px;
	border: #5b3b1f solid 1px;
	border-radius: 5px;
	background-color: #5b3b1f;
	background: -moz-linear-gradient(100% 100% 90deg, #5b3b1f, #866146) repeat scroll 0 0 transparent;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}
#map-search .button:hover {
	text-decoration: none;
	background-color: #866146;
	background: -moz-linear-gradient(100% 100% 90deg, #5b3b1f, #ab7d5b) repeat scroll 0 0 transparent;
}
#map-400x400 {
	margin: 0 0 10px 0;
	padding: 0;
	width: 400px;
	height: 400px;
}
#map-400x200 {
	margin: 0 0 10px 0;
	padding: 0;
	width: 400px;
	height: 200px;
}
#map-480x230 {
	margin: 0 0 10px 0;
	padding: 0;
	width: 480px;
	height: 230px;
}
#map-460x210 {
    height: 210px;
    margin: 0 0 10px;
    padding: 0;
    width: 460px;
}
#filter {
	margin: 0 0 10px 0;
	padding: 10px;
	background: #8BBDDB;
	border-radius: 5px;
}

#filter .order {
	float: right;
}
#filter .treatment {
	float: left;
        margin-left: 10px;
}
#filter .occasion {
	float: left;
        margin-left: 10px;
}
#filter .location {
	float: left;
        margin-left: 10px;
}
#filter .result {
    float: right;
    color:#FFF;
     font-size: 13px;
    font-weight: bold;
    padding: 5px 0;
}
#filter .pricerange {
	float: left;
	margin: 0 10px 0 0;
}
#filter .linebreak {
	margin: 10px 0 0 0 !important;
}
#filter p {
	float: left;
	margin: 0;
	padding: 5px 0;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
}
#filter .keyword {
	float: left;
	margin: 0 10px;
	padding: 0;
	height: 28px;
	border-radius: 5px;
	background: #ffffff;
}
#filter form .keyword input {
	margin: 4px 10px 0 10px;
	width: 190px;
	padding: 0;
	border: none;
	color: #aaaaaa;
        font-size: 16px;
        outline-style: none;
        outline-width: 0;
}
#filter .pagination_info {
        float: right;
	margin: 0 10px;
	padding: 0;
	height: 28px;
	border-radius: 5px;
}

#filter .order .dropdown {
	float: left;
	margin: 0 10px;
	padding: 0;
	width: 140px;
	overflow: hidden;
	border-radius: 5px;
	background: #ffffff url(../images/elements/dropdown-arrow.png) no-repeat right;
}
#filter .order .dropdown select {
	margin: 0;
	padding: 5px;
	width: 168px;
	border: none;
	color: #aaaaaa;
	background: transparent;
	height: 28px;
	border-radius: 5px;
}
#filter .order .dropdown select option {
	margin: 0;
	padding: 5px;
	border: none;
	color: #aaaaaa;
}
#filter .treatment .dropdown {
	float: left;
	margin: 0 5px 0 10px;
	padding: 0;
	width: 70px;
	overflow: hidden;
	border-radius: 5px;
	background: #ffffff url(../images/elements/dropdown-arrow.png) no-repeat right;
}
#filter .treatment .dropdown select {
	margin: 0;
	padding: 5px;
	width: 98px;
	border: none;
	color: #aaaaaa;
	background: transparent;
	height: 28px;
	border-radius: 5px;
        font-size:12px;
}
#filter .treatment .dropdown select option {
	margin: 0;
	padding: 5px;
	border: none;
	color: #aaaaaa;
}
#filter .location .dropdown {
	float: left;
	margin: 0 5px 0 10px;
	padding: 0;
	width: 170px;
	overflow: hidden;
	border-radius: 5px;
	background: #ffffff url(../images/elements/dropdown-arrow.png) no-repeat right;
}
#filter .location .dropdown select {
	margin: 0;
	padding: 5px;
	width: 198px;
	border: none;
	color: #aaaaaa;
	background: transparent;
	height: 28px;
	border-radius: 5px;
        font-size:12px;
}
#filter .location .dropdown select option {
	margin: 0;
	padding: 5px;
	border: none;
	color: #aaaaaa;
}
#filter .occasion .dropdown {
	float: left;
	margin: 0 10px;
	padding: 0;
	width: 70px;
	overflow: hidden;
	border-radius: 5px;
	background: #ffffff url(../images/elements/dropdown-arrow.png) no-repeat right;
}
#filter .occasion .dropdown select {
	margin: 0;
	padding: 5px;
	width: 98px;
	border: none;
	color: #aaaaaa;
        font-size:12px;
	background: transparent;
	height: 28px;
	border-radius: 5px;
}
#filter .occasion .dropdown select option {
	margin: 0;
	padding: 5px;
	border: none;
        color: #AAAAAA;
        font-family: Verdana,​Geneva,​sans-serif;
}
#filter .occasion .dropdown select option:hover {
    background-color: #40BDF3;
}
#filter .pricerange form {
	float: left;
	margin: 0 10px;
	padding: 0;
	height: 28px;
	border-radius: 5px;
	background: #ffffff;
}

#filter .pricerange form input {
	margin: 7px 10px 0 10px;
	width: 40px;
	padding: 0;
	border: none;
	color: #aaaaaa;
}

#filter .button:link, #filter .button:visited {
	float: left;
	margin: 0;
	padding: 5px 15px;
	border: #EA393B solid 1px;
	border-radius: 5px;
	background: none repeat scroll 0 0 #EA393B;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}
#filter .button:hover {
	text-decoration: none;
	background-color: #C00000;
        border: 1px solid #C00000;
}
#salonlist .sList {
	width: 398px;
	margin: 0 0 10px 0;
	background: #ffffff;
	border-radius: 0 0 5px 5px;
	border: #EA393B 1px solid;
}
#salonlist .headline {
	margin: 0;
	padding: 0;
	background: #EA393B;
	border-radius: 3px 3px 0 0;
}
#salonlist .headline h2 {
    width: 120px;
    float: left;
}
#salonlist .headline .pagination_info {
        float: right;
}
#salonlist .headline .pagination_info p{
    color: #FFFFFF;;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 10px 10px 0;
}

#salonlist .box {
	margin: 0 20px;
	padding: 10px 0;
	border-bottom: #aaaaaa 1px dotted;
}
#salonlist .box .logo {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
        width:100px;
        text-align: center;
        min-height:100px;
}
#salonlist .box .logo img {
    max-width:100px;
    max-height: 100px;
}
#salonlist .box .list {
	float: left;
	margin: 0 0 15px;
	padding: 0;
	width: 235px;
}
#salonlist .box .list .name a:link, #salonlist .box .list .name a:visited {
	color: #000;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
}
#salonlist .box .list .name a:hover {
	text-decoration: underline;
}
#salonlist .box .list .address a {
	color: #000;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}
#salonlist .box .list .address :hover {
	text-decoration: underline;
}

#salonlist .box .discount {
    background: none repeat scroll 0 0 #40BDF3;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    margin: 10px auto 0;
    padding: 5px;
    text-align: center;
    width: 64px;
}

#salonlist .box .wosSalon {
    margin: 10px auto 0;
}
#salonlist .box .discount .percent {
    font-size: 16px;
    font-weight: bold;
}

#salonlist .box .discount .text {
    font-size: 9px;
    font-weight: normal;
}
#salonlist .box .discountLink {
    text-decoration: none;
}
#salonlist .box .discount:hover {
    background: none repeat scroll 0 0 #F48D00;
}

#saloninfo.box {
    width: 260px;
    height:70px;
}
#saloninfo.box .logo {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
        width:75px;

}
#saloninfo.box .logo img {
    max-width:70px;
    max-height: 70px;
}
#saloninfo.box .list {
	float: left;
	margin: 0;
	padding: 0;
	width: 170px;
}
#saloninfo.box .list .name a:link, #saloninfo.box .list .name a:visited {
	color: #866146;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
#saloninfo.box .list .name a:hover {
	text-decoration: underline;
}
#saloninfo.box .list .address a {
	color: #866146;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}
#saloninfo.box .list .address :hover {
	text-decoration: underline;
}

#saloninfo.box .more:link, #saloninfo.box .more:visited {
	color: #f48d00;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	padding: 0;
}


#saloninfo.box .more:hover {
	text-decoration: underline;
}
#feedback {
	margin: 2px 0 0 0;
	padding: 0;
	color: #aaaaaa;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
}
#feedback .score-00 {
	background: url(../images/elements/sprite-stars-small.png) no-repeat scroll 0 0 transparent;
	width: 61px;
	height: 12px;
}
#feedback .score-05 {
	background: url(../images/elements/sprite-stars-small.png) no-repeat scroll 0 -12px transparent;
	width: 61px;
	height: 12px;
}
#feedback .score-10 {
	background: url(../images/elements/sprite-stars-small.png) no-repeat scroll 0 -24px transparent;
	width: 61px;
	height: 12px;
}
#feedback .score-15 {
	background: url(../images/elements/sprite-stars-small.png) no-repeat scroll 0 -36px transparent;
	width: 61px;
	height: 12px;
}
#feedback .score-20 {
	background: url(../images/elements/sprite-stars-small.png) no-repeat scroll 0 -48px transparent;
	width: 61px;
	height: 12px;
}
#feedback .score-25 {
	background: url(../images/elements/sprite-stars-small.png) no-repeat scroll 0 -60px transparent;
	width: 61px;
	height: 12px;
}
#feedback .score-30 {
	background: url(../images/elements/sprite-stars-small.png) no-repeat scroll 0 -72px transparent;
	width: 61px;
	height: 12px;
}
#feedback .score-35 {
	background: url(../images/elements/sprite-stars-small.png) no-repeat scroll 0 -84px transparent;
	width: 61px;
	height: 12px;
}
#feedback .score-40 {
	background: url(../images/elements/sprite-stars-small.png) no-repeat scroll 0 -96px transparent;
	width: 61px;
	height: 12px;
}
#feedback .score-45 {
	background: url(../images/elements/sprite-stars-small.png) no-repeat scroll 0 -108px transparent;
	width: 61px;
	height: 12px;
}
#feedback .score-50 {
	background: url(../images/elements/sprite-stars-small.png) no-repeat scroll 0 -120px transparent;
	width: 61px;
	height: 12px;
}
#salonlist .more:link, #salonlist .more:visited {
	color: #8BBDDB;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	text-align: right;
	margin: -25px 22px 0 0;
	padding: 0;
	float: right;
}
#salonlist .box moreSalon {
    
}

#salonlist .more:hover {
	text-decoration: underline;
}
#pager {
	font-size: 12px;
	color: #8BBDDB;
	text-decoration: none;
	text-align: center;
	margin: 20px auto;
	padding: 0;
}
#pager .active {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding: 5px;
	border-radius: 5px;
	background: #40bdf3;
}
#pager .selected {

}
#pager .selected a {
	font-weight: bold!important;
	color: #ffffff!important;
	text-decoration: none!important;
        padding: 5px!important;
	border-radius: 5px!important;
	background: #8BBDDB!important;
}
#pager .nav:link {
	font-weight: bold;
}
#pager .first a:link,
#pager .previous a:link,
#pager .last a:link,
#pager .next a:link{
	font-weight: bold;
}

#pager .hidden {
    display: none;
}


#pager a:link, #pager a:visited {
	font-weight: normal;
	color: #8BBDDB;
	text-decoration: none;
	padding: 5px 3px;
}


#pager li {
    display: inline;
}
#pager a:hover {
	color: #EA393B;
	text-decoration: none;
}
#social-feed {
	margin: 10px 0;
	padding: 10px;
	height: 28px;
	background: #40bdf3;
	border-radius: 5px;
}
#social-feed p {
	float: left;
	margin: 0;
	padding: 5px 0;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
}
#social-feed form {
	float: left;
	margin: 0 10px;
	padding: 0;
	width: 220px;
	height: 28px;
	border-radius: 5px;
	background: #ffffff;
}
#social-feed form input {
	margin: 3px 10px 0 10px;
	padding: 0;
	width: 200px;
	border: none;
	color: #AAAAAA;
        font-size: 16px;
        outline-style: none;
        outline-width: 0;
}
#social-feed form input:-moz-placeholder {
    color: #CCC;
}

#social-feed form input::-webkit-input-placeholder {
    color: #CCC;
}
#social-feed form input:-ms-input-placeholder {
    color: #CCC;
}
#social-feed .button:link, #social-feed .button:visited {
	float: left;
	margin: 0;
	padding: 5px 15px;
	border: #5b3b1f solid 1px;
	border-radius: 5px;
	background-color: #5b3b1f;
	background: -moz-linear-gradient(100% 100% 90deg, #5b3b1f, #866146) repeat scroll 0 0 transparent;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}
#social-feed .button:hover {
	text-decoration: none;
	background-color: #866146;
	background: -moz-linear-gradient(100% 100% 90deg, #5b3b1f, #ab7d5b) repeat scroll 0 0 transparent;
}
#social-feed .icon {
	height: 28px;
	padding: 0;
	margin: 0 5px;
	float: right;
}
#social-feed-inverted {
	margin: 0;
	padding: 0;
	height: 28px;
	background: #ffffff;
}
#social-feed-inverted .icon {
	height: 28px;
	padding: 0;
	margin: 0 5px;
	float: right;
}
#feedback .writeReview a {
    color: #AAA;
    text-decoration: none;
}
#feedback .writeReview a:hover {
    text-decoration: underline;
}

.reviews .trustedReview {
/*    display: block;
    position: relative;
*/
    float:right;
    height: 45px;
    width: 80px;
    margin-top: -10px;
}
.facebook-white {
	background: url(../images/elements/sprite-social-feed.png) no-repeat scroll -2px -2px transparent;
}
.twitter-white {
	background: url(../images/elements/sprite-social-feed.png) no-repeat scroll -32px -2px transparent;
}
.googleplus-white {
	background: url(../images/elements/sprite-social-feed.png) no-repeat scroll -62px -2px transparent;
}
.rss-white {
	background: url(../images/elements/sprite-social-feed.png) no-repeat scroll -92px -2px transparent;
}
.facebook-blue {
	background: url(../images/elements/sprite-social-feed.png) no-repeat scroll -2px -32px transparent;
}
.twitter-blue {
	background: url(../images/elements/sprite-social-feed.png) no-repeat scroll -32px -32px transparent;
}
.googleplus-blue {
	background: url(../images/elements/sprite-social-feed.png) no-repeat scroll -62px -32px transparent;
}
.rss-blue {
	background: url(../images/elements/sprite-social-feed.png) no-repeat scroll -92px -32px transparent;
}
#fb-module {
	margin: 30px auto;
}
#footer {
	height: 210px;
	/*margin: 20px 0 0 0;*/
	padding: 0;
	background: #919191;
}
#footer .menu {
	margin: 20px 0;
	padding: 0 20px 0 0;
	float: left;
	width: 220px;
	height: 135px;
}
#footer .menu.salonMenu {
	width: 150px;
        border-left: 1px dotted #FFFFFF;
        padding: 0 20px 0 10px;

}
#footer .menu p {
	margin: 0 0 20px 0;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}
#footer .menu ul li {
	font-size: 12px;
	font-weight: normal;
	color: #AA8061;
	line-height: 15px;
}
#footer .menu ul li a:link, #footer .menu ul li a:visited {
	color: #000;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}
#footer .menu ul li a:hover {
	color: #ffffff;
	text-decoration: none;
}
#footer .separated {
	border-left: #ffffff dotted 1px;
	padding: 0 20px 0 10px;
}
#footer .deeplink {
	width: 545px;
}
#footer .logo {
	float: left;
	margin: -55px 0 0;
}
#footer .copyright {
	text-align: center;
	color: #ffffff;
	font-weight: normal;
	font-size: 11px;
         margin-top: -13px;
         margin-right: 170px;
}
#footer .copyright a:link, #footer .copyright a:visited {
	color: #ffffff;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}
#footer .copyright a:hover {
	text-decoration: underline;
}


div.flash-error, div.flash-notice, div.flash-success
{
	padding:5px;
	margin-top:5px;
	border:1px solid #ddd;
        font-size: 10px;
        border-radius: 5px;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-error.hidden
{
        display: none;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

.ui-autocomplete.ui-menu.ui-widget-content a {
    color:#aaa;
    font-size:12px;
    font-family: Verdana,​Geneva,​sans-serif;
}
.ui-widget-content{
    border: 1px solid #40BDF3!important;
}
/*
ul.ui-autocomplete {
    background-color: #40BDF3;
    background-image: none;
}
*/
.ui-autocomplete.ui-menu.ui-widget-content a.ui-state-hover {
    background: -moz-linear-gradient(100% 100% 90deg, #40BDF3, #6DD3FF) repeat scroll 0 0 transparent;
    background: #40bdf3; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwYmRmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZGQzZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #40bdf3 0%, #6dd3ff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#40bdf3), color-stop(100%,#6dd3ff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #40bdf3 0%,#6dd3ff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #40bdf3 0%,#6dd3ff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #40bdf3 0%,#6dd3ff 100%); /* IE10+ */
background: linear-gradient(to right,  #40bdf3 0%,#6dd3ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40bdf3', endColorstr='#6dd3ff',GradientType=1 ); /* IE6-8 */

    color:#FFF;
    border: 1px solid #40BDF3;
}


.generalinfo {
   border: 1px dotted #AAAAAA;
    color: #AAAAAA;
    font-size: 12px;
    margin: 30px auto 0;
    padding: 10px;
    text-align: center;
    width: 600px;
}

.generalinfo a {
    color:#40BDF3;
    text-decoration: none;
}
.generalinfo a:hover {
    text-decoration: underline;
}
.about-us p {
    color: #666666;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 10px;
    text-align: justify;
    text-decoration: none;
}

.about-us .text {
    float: left;
    margin: 0;
    padding: 0 20px 0 0;
    width:580px;
}
.about-us ul {
    padding-left: 20px;
}

.about-us ul li span {
    font-weight: bold;
}

.about-us ul li {
    color: #666666;
    font-size: 13px;
    font-weight: normal;
    list-style-type: none;
}

.about-us a:link, .about-us a:visited {
    color: #8BBDDB;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.about-us a:hover {
    text-decoration: underline;
}

.privacy-policy p {
    color: #666666;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 10px;
    text-align: justify;
    text-decoration: none;
}
.privacy-policy ul {
    color: #666666;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 10px;
    text-align: left;
    text-decoration: none;
}
.privacy-policy ul li {
    color: #666666;
    font-size: 13px;
    font-weight: normal;
    list-style-type: none;
    margin: 1px 0 0 20px;
    text-decoration: none;
}

.privacy-policy ul li span {
    font-weight: bold;
}

.privacy-policy a:link, .privacy-policy a:visited {
    color: #8BBDDB;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.privacy-policy a:hover {
    text-decoration: underline;
}

#no-filter {
    background: none repeat scroll 0 0 #40BDF3;
    border-radius: 5px 5px 5px 5px;
    margin: 0 0 10px;
    padding: 2px;
}


#rating {
    color: #AAAAAA;
    float: left;
    font-weight: normal;
    height: 24px;
    margin: 0 0 0 10px;
    padding: 0;
    text-decoration: none;
    width: 122px;
    cursor:pointer;
}
#rating .noscore {
    background: url("../images/elements/sprite-stars-large.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 24px;
    width: 24px;
}
#rating .score {
    background: url("../images/elements/sprite-stars-large.png") no-repeat scroll 0 -48px transparent;
    float: left;
    height: 24px;
    width: 24px;
}

#rating .score_c {
    background: url("../images/elements/sprite-stars-large.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 24px;
    width: 24px;
}
#rating .score_p {
    background: url("../images/elements/sprite-stars-large.png") no-repeat scroll 0 -48px transparent;
    float: left;
    height: 24px;
    width: 24px;
}

.tborder-t {
	border-top: #aaaaaa 1px dotted;
}
.tborder-l {
	border-left: #aaaaaa 1px dotted;
}
.tborder-r {
	border-right: #aaaaaa 1px dotted;
}
.tborder-b {
	border-bottom: #aaaaaa 1px dotted;
}

#clientinfo {
    width: 260px;
    height:70px;
    font-size: 11px;
    color:#888;
}
#clientinfo #clientaddress {
    font-weight:bold;
}

.loginWindow {
    /*
    width: 520px;
    height: 300px;
    */
    width: 100%;
    height: 100%;
}

.right {
    float:right;
}

.center {
    text-align: center!important;
}

/* 
    Document   : salonlogin
    Created on : Nov 13, 2012, 5:55:38 PM
    Author     : imre
    Description:
        Purpose of the stylesheet follows.
*/

#guestLoginDialog {
    background: none repeat scroll 0 0 #fff;
}

#guestLoginDialog .formelement{
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #AAAAAA;
    border-radius: 5px 5px 5px 5px;
    color: #888888;
    float: left;
    height: 28px;
    margin: 0 10px;
    padding: 0;
}

#guestLoginDialog .formelement input {
    background: none repeat scroll 0 0 #F8F8F8;
    border: medium none;
    color: #888888;
    margin: 7px 10px 0;
    padding: 0;
    width: 200px;
    font-size: 12px;
    outline-style: none;
    outline-width: 0;
}

#guestLoginDialog p {
    color: #888888;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 5px 0;
    width: 100px;
    text-align: justify;
    text-decoration: none;
}

#guestLoginDialog .formRow {
    margin-top:15px
}

#guestLoginDialog a.button {
    background: none repeat scroll 0 0 #8BBDDB;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    float: right;
    font-size: 12px;
    font-weight: bold;
    margin: 12px 6px;
    padding: 5px 15px;
    text-decoration: none;
}

#guestLoginDialog a.button:hover {
	text-decoration: none;
	background: none repeat scroll 0 0 #EA393B;
}

#guestLoginDialog .forgotPassword {
    font-size:12px;
    font-weight: normal;
    color:#888;
}

#guestLoginDialog .forgotPassword a {
    color:#000000;
    text-decoration: none;
}

#guestLoginDialog .forgotPassword a:hover {
    text-decoration: underline;
}

#regDialog .block {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 0 0 0 0;
    margin: 0;
    padding: 0;
	width: 980px;
}
#regDialog input {
        outline-style: none;
        outline-width: 0;
    
}

#regDialog .inputfield {
	margin: 10px 0;
	padding: 0;
	color: #EA393B;
	font-weight: bold;
}
#regDialog p {
	float: left;
	margin: 0;
	padding: 5px 0;
	font-size: 13px;
	font-weight: bold;
	color: #888888;
	width: 170px;
}
#regDialog .formelement {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #AAAAAA;
    border-radius: 5px 5px 5px 5px;
    float: left;
    height: 28px;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

#regDialog .formelement input {
    background: none repeat scroll 0 0 #F8F8F8;
    border: medium none;
    color: #888888;
    font-size: 12px;
    margin: 7px 10px 0;
    padding: 0;
}
#regDialog .username .formelement input {
	width: 270px;
}
#regDialog .emailaddress .formelement input {
	width: 270px;
}

#regDialog .code.formelement {
    width: 290px;
}

#regDialog .code input {
    width: 300px;
}

#regDialog a.button:link, #regDialog a.button:visited {   
	float: right;
	padding: 5px 15px;
	margin: 12px 6px;
	color: #ffffff;
	background: none repeat scroll 0 0 #8BBDDB;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border-radius: 5px;
}

#regDialog a.button.centered:link, #regDialog a.button.centered:visited {
        float: none;
        margin: 20px;
        padding: 5px 15px;
	margin: 12px 6px;
	color: #ffffff;
	background: none repeat scroll 0 0 #8BBDDB;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border-radius: 5px;
}

#regDialog a.button.centered.inactive:link, #regDialog a.button.centered.inactive:visited {
        float: none;
        padding: 5px 15px;
	margin: 12px 6px;
	color: #ffffff;
	background: #7F7E7E;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border-radius: 5px;
}
#regDialog a.button.centered:hover {
	text-decoration: none;
}

#regDialog a.button.centered.inactive:hover {
	text-decoration: none;
        cursor: default;
}


#regDialog a.button:hover {
	text-decoration: none;
	background: none repeat scroll 0 0 #EA393B;
}

#regDialog .code input {
    width: 300px;
}

#regDialog .termsAndAccept a:link, #regDialog .termsAndAccept a:visited {
    padding: 0;
    margin: 0;
    color: #8BBDDB;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    border-radius: 5px;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.changePasswordButton {
    background: none repeat scroll 0 0 #8BBDDB;
    border: 1px solid #8BBDDB;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 2px 3px;
    text-decoration: none;
    width: auto;
    font-size: 10px;
    cursor:pointer;
}


#passwordChangeDialog .formelement{
	float: left;
	padding: 0;
	border-radius: 5px;
	border: #aaaaaa 1px solid;
	background: #f8f8f8;
        overflow: hidden;
        margin: 0 10px;
        height: 28px;
}
#passwordChangeDialog .formelement input {
	margin: 0 10px 0 10px;
	padding: 0;
	border: none;
	color: #888888;
	background: #f8f8f8;
        outline-style: none;
        outline-width: 0;
        width: 200px;
        margin: 7px 10px 0;
}

#passwordChangeDialog a.button:link, #passwordChangeDialog a.button:visited {        
    background: none repeat scroll 0 0 #8BBDDB;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    float: right;
    font-size: 12px;
    font-weight: bold;
    margin: 2px 10px 0 0;
    padding: 5px 15px;
    text-decoration: none;
}

#passwordChangeDialog  a.button:hover {
	text-decoration: none;
	background: none repeat scroll 0 0 #EA393B;
}

#passwordChangeDialog p {
    color: #888888;
    float: left;
    font-size: 13px;
    margin: 0;
    padding: 5px 0;
    width: 150px;
}

#passwordChangeDialog .inputfield {
    margin: 10px 0;
    padding: 0;
}

.focus {
    border: 1px solid orange!important;
}

#footer a.highlighted {background-color:#fff; padding:2px}
#footer a.highlighted:hover {color:#919191!important}


.save-loading {
    display:none;
    float: right;
    width: 16px;
    position: relative;
}

#locationContainer .save-loading {
    margin-left: 262px;
    margin-top: -11px;
    position: absolute;
}



.salon-collectreview .bbox {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 0 0 0 0;
    color: #888888;
    font-size: 12px;
    padding: 10px 0;
    width: 1000px;
}

.salon-collectreview .bbox .first-row div {
    border-bottom: 1px solid #AAAAAA;
    border-top: 1px solid #AAAAAA;
    float: left;
    font-weight: bold;
    margin: 0;
    padding: 10px 0;
    text-align: left;
    width: 160px;
    padding-left: 6px;
    overflow: hidden;
    height: 32px;
}

.salon-collectreview .bbox .row {
    border-bottom: 1px dotted #AAAAAA;
    height: 24px;
    margin: 0;
    padding: 12px 0;
}

.salon-collectreview .bbox .row:hover {
    background-color: #FFE6B7;
    cursor: pointer;
}

.salon-collectreview .bbox .row.active {
    background-color: #FFE6B7;
}
.salon-collectreview .bbox .first-row  {
    padding-bottom: 5px;
}
.salon-collectreview .bbox .row div {
    color: #666666;
    float: left;
    font-size: 12px;
    font-weight: normal;
    min-height: 1px;
    text-align: left;
    width: 160px;
    overflow: hidden;
    padding-left: 6px;
}

.salon-collectreview .bbox .treatment-registeredby {
    width: 45px!important;
}


.salon-collectreview .bbox .treatment-status {
    width: 75px!important;
}

.salon-collectreview .bbox .treatment-date {
    width: 70px!important;
}

.salon-collectreview .bbox .treatment-name {
    width: 130px!important;
}

.salon-collectreview .bbox .treatment-email {
    width: 150px!important;
}

.salon-collectreview .bbox .treatment-salonservice {
    width: 134px!important;
}
.salon-collectreview .bbox .treatment-employee {
    width: 70px!important;
}
.salon-collectreview .bbox .treatment-opinionquerysent {
    width: 50px!important;
}
.salon-collectreview .bbox .treatment-opinionquerycompleted {
    width: 65px!important;
}
.salon-collectreview .bbox .treatment-op {
    width: 60px!important;
}

.salon-collectreview a:link, .salon-collectreview a:visited {
    color: #40BDF3;
    text-decoration: none;
}
.salon-collectreview a:hover {
    text-decoration: underline;
    cursor:pointer;
}


#treatmentBlockSkeleton.editableBlock1 {
    border: 1px solid #CCCCCC !important;
    margin-right: 5px;
    padding: 5px;
}

#treatmentBlockSkeleton .formelement textarea {
	margin: 0 0 0 10px;
	padding: 0;
	border: none;
	color: #888888;
	background: #f8f8f8;
        outline-style: none;
        outline-width: 0;

}

#treatmentBlockSkeleton span {
    color: #866146;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: normal;
    width:150px;
}

#treatmentBlockSkeleton .treatmentBlock_skeleton_message {
    height: 110px;
    width: 350px;
}

#treatmentBlockSkeleton .treatmentBlock_skeleton_nextTreatment {
    	margin: 0 0 0 10px;
	padding: 0;
	border: none;
          float: left;

}

#treatmentBlockSkeleton .treatmentBlock_skeleton_filescontainer {
    float: left;
}
#treatmentBlockSkeleton .treatmentBlock_skeleton_files p{
    padding:0px;
}
#treatmentBlockSkeleton .treatmentBlock_skeleton_datacontainer {
    float: left;
}

#treatmentBlockSkeleton .saveButton{
    float: right;
    padding-right: 0;
    position: relative;
    width: 24px;
    margin-top: 0;
    top: 0;
    cursor:pointer;
}
#treatmentBlockSkeleton .saveButton button,
#treatmentBlockSkeleton .closeButton img {
    cursor:pointer;
}

#treatmentBlockSkeleton .closeButton{
    float: right;
    padding-right: 0;
    position: relative;
    width: 24px;
}

#treatmentBlockSkeleton .qq-upload-button {
    background-color: #6dd3ff;
    border: 1px solid #40BDF3;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    float: left;
    font-weight: normal;
    margin: 0;
    padding: 2px 5px;
    text-decoration: none;
    width: auto;
}

#treatmentBlockSkeleton .treatmentBlock_skeleton_delete {
    float:right;
    color:red;
}

#treatmentBlockSkeleton .treatmentBlock_skeleton_delete a {
    color:red;
}

.treatment-op .deleteButton {
    width:24px!important;
}

.treatment-op .editButton {
    width:24px!important;
}



/* FGY 
================================================== */

.close {
	float:right;
	font-size:21px;
	font-weight:700;
	line-height:1;
	color:#000;
	text-shadow:0 1px 0 #fff;
	opacity:.2;
	filter:alpha(opacity=20)
}

.close:hover,.close:focus {
	color:#000;
	text-decoration:none;
	cursor:pointer;
	opacity:.5;
	filter:alpha(opacity=50)
}

button.close {
	padding:0;
	cursor:pointer;
	background:0 0;
	border:0;
	-webkit-appearance:none
}

/* bootstrap modal */

.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: none;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 20px;
}
.modal-footer {
  margin-top: 15px;
  padding: 19px 20px 20px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.spinner {
    display:    none;
    position:   fixed;
    z-index:    10000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('/images/spinner.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .spinner {
    display: block;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

img:not([src]) {
    visibility: hidden;
}

@-moz-document url-prefix() {
    img:-moz-loading {
        visibility: hidden;
    }
}