@charset "utf-8";

/*
 * side css layout
 */

body {margin:21px 0 0 0; padding:0; font-family:verdana, arial, helvetica, sans-serif; text-align:center;}
form {padding:0; margin:0; display:inline;}

img {border:1px solid #fff;}

.toolbar {position:relative; height:18px; border-bottom:1px solid #eee; width:100%; background-color:#fff; padding:3px 0 1px 0; margin:-21px 0 0 0; font-size:12px; text-align:right;}

.ro {background:url(../img/ro.png) top right no-repeat;}
.lo {background:url(../img/lo.png) top left no-repeat;}
.ru {background:url(../img/ru.png) bottom right no-repeat;}
.lu {background:url(../img/lu.png) bottom left no-repeat;}

.start-wrapper {width:100%; background:#fff url(../img/tattoo-check-big.jpg) scroll no-repeat top center;}

.menu-right {font-size:12px; text-align:right; padding:0 5px 0 0; margin:0; float:right;}
.twitter {float:left; font-size:12px; text-align:left; display:block; background:#fff url(../img/twitter-follow-me.gif) scroll no-repeat center left; vertical-align:middle height:15px; padding:2px 0 2px 20px; margin:0 0 0 5px;}
.menu-right div div {margin:10px 0 0 0; float:right; width:215px; padding:0;}
.menu-right div div.login-message {padding:10px; margin:10px 10px 0 0; background-color:#eee; font-size:12px; font-weight:bold; text-align:left;}
.menu-right div div p {margin:0; padding:5px 0 5px 0;}
/*dl.login {list-style:none inside;}*/
dl.login {margin:0; padding:0;}
dl.login dt {margin:0; width:70px; padding:1px 0 0 0; text-align:left; float:left;}
dl.login dd {margin:0; width:140px; padding:1px 0 0 0; float:left;}
dl.login dd.login-button {text-align:left;}
input.login-form {width:140px; text-align:left;}
input.login-button {width:70px; text-align:center; margin:1px 0 0 0;}

.register dl {margin:0; padding:0;}
.register dl dt {margin:0; width:80px; padding:1px 0 0 0; text-align:left; float:left;}
.register dl dt label {font-size:12px; font-weight:normal;}
.register dl dt label span {font-size:10px; font-weight:normal;}
.register dl dd {margin:0; width:240px; padding:1px 0 0 0; float:left;}
.register dl dd.register-button {text-align:left;}
input.register-form {width:240px; text-align:left;}
select.register-form {width:244px; text-align:left;}
input.register-button {width:70px; text-align:center; margin:1px 0 0 0;}

a.detail-link {text-decoration:underline; color:#000;}
a.list-link {text-decoration:underline; color:#000; font-size:12px;}

.stars {width:190px; float:left;}
.stars-inactive {float:left; padding:0; margin:0; background:transparent url(../img/icons-small.png) scroll no-repeat -57px 0px; width:29px; height:29px;}
.stars-active {float:left; padding:0; margin:0; background:transparent url(../img/icons-small.png) scroll no-repeat 0px 0px; width:29px; height:29px;}
.stars-reset {float:left; padding:0; margin:0; background:transparent url(../img/icons-small.png) scroll no-repeat -85px 0px; width:29px; height:29px;}
.container {clear:both; margin:5px 0 0 0;}
.question {float:left; width:260px; font-size:12px; font-weight:normal;}
.r-question {width:450px; font-size:12px; font-weight:normal;}
.r-cat {float:left; width:90px; height:45px; font-size:12px; font-weight:normal; text-align:center;}
.r-container {clear:both; width:450px; margin:10px 0 0 0;}
.t-question {width:450px; font-size:12px; font-weight:normal; margin:10px 0 0 0;}
.t-container {clear:both; width:450px; margin:10px 0 0 0;}
.t-container textarea {width:430px; height:150px;}
.s-container {width:430px; text-align:right;}
#survey-messages {font-size:12px; font-weight:bold; padding:5px; margin:0 0 15px; background-color:#ffbbbb; display:none;}
#register-messages {font-size:12px; font-weight:bold; padding:5px; margin:0 0 15px; background-color:#ffbbbb; display:none; text-align:left;}

.survey {display:none; width:450px; padding:10px; position:absolute;background-color:#fff;}
.survey p {margin:0 0 15px 0; padding:0; font-weight:bold;}
.register {display:none; width:350px; padding:10px; position:absolute;background-color:#fff; z-index:43;}
.register p {margin:0 0 15px 0; padding:0; font-weight:bold; text-align:left;}
.pager {display:none;}

.wrapper {width:100%; margin:0; padding:0;}
.header-wrapper {height:91px; text-align:left; background:transparent url(../img/tattoo-check-small.jpg) scroll no-repeat;}
.search-wrapper {margin-top:10px; height:91px; width:460px; float:left; padding-left:200px;}
.options {text-align:left; clear:both; border-bottom:1px dashed #CCC; width:415px; font-size:11px;}
.spacer {clear:both; width:10px; height:5px; line-height:5px; padding:0; margin:0;}
.toogle {padding:0px 20px 3px 0px; font-size:10px; margin:0 auto; text-align:right; width:430px; clear:both;}
.search-container {margin:0; padding:10px 15px 20px;}
/*.search {margin:0 auto; text-align:left; width:454px; height:68px; clear:both; background:#fff url(img/bg-search.png) scroll no-repeat top left;}*/
.search {margin:0 auto; padding:0; text-align:left; width:450px; clear:both;}
.search-test {margin:auto; padding:0; text-align:left; width:450px; clear:both;}
.search-result {margin:10px 10px 0 10px; padding:0; text-align:left; clear:both;}
.loc {font-size:14px; font-weight:bold; color:#000; margin:15px 0 15px 0;}
.search-pager {margin:auto; padding:30px 0px 40px 0px; text-align:center; clear:both; font-size:12px;}

.studio {margin:0 0 10px 0; padding:10px; text-align:left; clear:both; font-size:13px; background-color:#eee;}
.content {float:left; width:350px;}
.content p {margin:0 0 10px 0; font-weight:bold;}
.distance {float:right;}
.imprint {margin:0; padding:0; text-align:left; clear:both; font-size:12px; line-height:16px; width:500px;}
.aboutus {margin:0; padding:0; text-align:left; clear:both; font-size:12px; line-height:16px; width:500px;}

.login-wrapper {clear:both; height:180px; margin-top:-18px;}
/*.login {width:450px; height:40px; float:right; text-align:left;}*/
.search_box {margin:0; float:left;}
.distance_box {margin-left:10px; float:left;}
.footer {margin:50px 0px; height:1px;}

.input_search {width:410px;}
.input_distance {width:50px;}

.result {clear:both; width:300px; margin:-5px auto; text-align:left;}
.result-test {clear:both; width:300px; margin:-5px auto; text-align:left;}
#resultwrap {position:absolute; display:none; visibility: visible; opacity: 0.9; border 1px solid #ff0;}
#sresult {margin-bottom:50px; width:300px;}

#sresult-top {background:transparent url(../img/se1.gif) scroll no-repeat; width:300px; height:13px; margin:0; padding:0; line-height:13px;}
#sresult-head {background-color:#494A4F; margin:0; padding-top:3px; width:300px;}
#sresult-inner {background:#1C1D21 url(../img/se2.gif) scroll no-repeat; color:#666666; padding:0; width:300px; text-align:left;}
.sresult-inner {background:#1C1D21 url(../img/se2.gif) scroll no-repeat; color:#666666; padding:0; width:300px; text-align:left;}
#sresult-bottom {background:transparent url(../img/se3.gif) scroll no-repeat; width:300px; height:5px;}
#sresult h2 {border-bottom:1px dashed #666666; color:#DDDDDD; font-size:1.1em; font-weight:bold; margin:0; padding-bottom:10px; text-align:center;}
ul {padding:0; margin:0; list-style-image:none; list-style-position:outside; list-style-type:none;}

/* #sresult .resultlistitem {border-bottom:1px dashed #666666; color:#303030; text-decoration:none; } */
#resultlistitem {border-bottom:1px dashed #666666; color:#FFE6BF; text-decoration:none; clear:both; height:13px; padding:5px 5px 5px 5px;}
.resultlistitem {border-bottom:1px dashed #666666; color:#FFE6BF; text-decoration:none; clear:both; height:13px; padding:5px 5px 5px 5px;}
.resultlistitem-sort {border-bottom:1px dashed #666666; color:#FFE6BF; text-decoration:none; clear:both; height:13px; padding:5px 5px 5px 5px;}
#resultlistitem-current {border-bottom:1px dashed #666666; color:#FFE6BF; text-decoration:none; clear:both; height:13px; padding:5px 5px 5px 5px;}
.resultlistitem-current {border-bottom:1px dashed #666666; color:#FFE6BF; text-decoration:none; clear:both; height:13px; padding:5px 5px 5px 5px; background-color:#757575;}
#resultlistitem-head {border-bottom:1px dashed #666666; color:#CCC; text-decoration:none; font-weight:bold; clear:both; height:13px; padding:5px 5px 5px 5px;}
.resultlistitem-head {border-bottom:1px dashed #666666; color:#CCC; text-decoration:none; font-weight:bold; clear:both; height:13px; padding:5px 5px 5px 5px;}
/*#resultlistitem-signed {border-bottom:1px dashed #666666; color:#FFE6BF; text-decoration:none; clear:both;}*/
/*#resultlistitem-head {border-bottom:1px dashed #666666; color:#CCC; text-decoration:none; font-weight:bold; clear:both;}*/
#sresult li {margin:0px; padding:5px 0pt 5px 12px; font-size:13px;}
/*#sresult {margin:0px; padding:5px 0pt 5px 12px; font-size:13px;}*/
#sresult {margin:0px; padding:0px; font-size:13px;}
#sresult h2 {color: #dddddd; font-size:13px; font-weight:bold;}
#sresult h3 {color: #dddddd; font-size:10px; text-align:right; padding:0 0px; margin:0px; background-color:#1C1D21; width:100%;}
#item-left {float:left;}
.item-left {float:left;}
.item-left-r {float:left;}
.item-left-r a strong {color: #dddddd;}
.item-left-r a {color:#FFE6BF; text-decoration:underline;}
#item-right {float:right;}
.item-right {float:right;}
#clear {clear:both; padding:0; margin:0;}
.clear {clear:both; padding:0; margin:0;}

.search-options {float:left; width:200px;}
.search-results {float:left; border: 1px solid #000;}

.sort-label {font-size:10px; font-weight:normal; text-decoration:none; clear:both; margin-top:45px;}
.sortlabel {font-size:10px; font-weight:normal; text-decoration:none; clear:both;}
.sortkey {color: #dddddd; font-size:12px; font-weight:bold; text-decoration:underline; cursor:pointer;}

label {font-size:10px; font-weight:bold; clear:both;}
.start-wrapper p {font-size:10px; font-weight:bold; color:#ccc; margin-top:20px;}
hr {height:2px; width:100%; border-top:1px dashed #ccc; border-bottom:1px solid #fff; margin:10px 0px 15px;}

/* list section */
.small {float:left; font-size:10px; font-weight:bold; color:#a0a0a0; margin-left:10px;}

a:link, a:visited, a:hover, a:active {text-decoration:underline;}
a.vote {display:block; padding: 5px 0 1px 0; font-size:10px; font-weight:normal; color:#000;}

.survey-results {background-color:#fff; border:5px solid #eee; font-size:12px; margin:0 0 10px 0; text-align:left; clear:both; padding:0;}
.survey-result {height:30px; line-height:30px; vertical-align:middle; float:left; width:400px; padding:3px;}
.survey-result-inner {float:left; border-right:5px solid #eee;}

.survey-rezesions {float:left; background-color:#fff; width:400px; border-left: 5px solid #eee; margin-left:-5px;}
.survey-rezesion-headline {clear:both; padding:3px 3px 3px 0px; margin: 0 0 0 3px; background-color:#eee; text-align:right; font-weight:bold; font-size:12px;}
.survey-rezesion-content {clear:both;  padding:5px 3px 5px 0px; margin: 0 0 0 3px; font-size:12px;}
.survey-rezesion-start {font-size:14px; font-weight:bold; padding:3px 3px 10px 3px;}

.survey-question {float:left;}

#twitterdata .twitt {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none no-repeat scroll 0 0;
/*
border-bottom:1px solid #999999;
border-top:1px solid #999999;
*/
border-bottom:1px solid #eeeeee;
border-top:1px solid #eeeeee;
border-right:5px solid #eeeeee;
height:45px;
margin:0 0 5px;
padding:0 0 0 50px;
}

#twitterdata ul.twitterlist {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#twitterdata p {
color:#000000;
font-size:11px;
line-height:1.5em;
margin:0 0 1.5em;
font-size: 9px;
}

#twitterdata span.twitttime {
color:#999999;
float:left;
font-size:9px;
}

/*
ul {list-style-position:outside;}
li {line-height:18px; list-style-type:disc;}
*/