/*
    Document   : site
    Created on : 2009-11-13, 13:40:42
    Author     : kuba
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root {
    display: block;
}
/* GENERAL ----------------------------------------------------*/

.bigRed {
    color:red;
    font-size:16px;
}

body {
  margin: 0 auto 0 auto;
  padding: 0;
  background-color: #efece6;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #333;
  line-height: 1.3em;
}

body.print {
  background-color: #ffffff;
}

a {
  color: #3399cc;
  margin: 0;
  padding: 0;
  text-decoration:none;
}

a:hover, div.nav a:hover, div.nav a.signup:hover {
  color: #0099ff;
  text-decoration:underline;
}

a:focus {
  outline: none;
}

a.save{
  color: red;
  font-size: 12px;
}
a.edit{
  font-size: 10px;
}

a img {
  border: 0;
	padding: 0;
}


h1 {
  font-family: Georgia, Times, serif;
  font-weight: normal;
  margin: 0 0 15px 0;
  line-height: 1.3em;
  font-size: 28px;
  color: #555;
}


div.clear {
  clear: both;
}

span.highlight {
  background-color: #FFFFdd;
  padding: 3px;
}



div.container {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  margin-top: 30px;
}
div.nav-pos {
  right:0px;
  position:absolute;
}
div.nav {
  color: #777777;
  text-align: right;
  font-size: 13px;
  display:inline-block;
  height:0px;
  padding-bottom:14px;
  vertical-align:middle;
}
div.nav a{
     /*align:middle;*/
}
div.container div.content {
  width: 990px;
  overflow: hidden;
  margin: 10px auto auto;
  text-align: center;
}
div.container div.content div.left{
  width: 500px;
  float: left;
}
div.container div.content div.right {
  float:left;
}
#grid {
  margin-left : auto;
  margin-right: 0px;
}
span.description{
  text-align:left;
  padding-left:0px;
  color:#333333;
}
div.logo{
    bottom:5px;
    left:10px;
    position:absolute;
    z-index:100;
}


div.filter {
    height:20px;
    margin-left:auto;
    margin-right:auto;
    overflow:visible;
    padding:40px 0;
    text-align:right;
    width:950px;
}
div.filter_item{
    display:inline;
    float:left;
    width: 300px;
    text-align: right;
    font-size:22px;
}
div.filter_item a:hover{
   text-decoration:underline;
}
div.filter_description{

}

div.filter_menu {
  position: absolute;
  margin-top: 8px;

  z-index: 5000;

  text-align: left;
  overflow: hidden
}
#loc-center a {
    border:medium none;
    color:#3399CC;
    display:block;
    font-size:18px;
    font-weight:normal;
    padding:0;
    line-height:1.8em;
    text-decoration:none;
    margin-left:20px;
}
#loc-center a:hover {
    text-decoration:underline;
}
#loc-center-grey div.column_filter_location a {
    border:medium none;
    color:#3399CC;
    display:block;
    font-size:14px;
    font-weight:normal;
    padding:0;
    text-decoration:none;
    line-height:1.8em;
}
#loc-center-grey div.column_filter_location a:hover {
     text-decoration:underline;
}
#pri-center a {
    border:medium none;
    color:#3399CC;
    display:block;
    font-size:18px;
    font-weight:normal;
    padding:0;
    line-height:1.8em;
    text-decoration:none;
    margin-left:12px;
}
#pri-center a:hover {
    text-decoration:underline;
}
#pri-center-grey a {
    border:medium none;
    color:#3399CC;
    display:block;
    font-size:14px;
    font-weight:normal;
    padding-left: 20px;
    overflow: hidden;
    text-decoration:none;
    line-height:1.8em;
}

#pri-center-grey a:hover {
     text-decoration:underline;
}
div.column_filter_location{
    display:inline;
    float:left;
    width:160px;
    margin-top:10px;
    padding-left:20px;
}


div.regFormPar {
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:0px;
    -moz-border-radius-topleft:0px;
    -moz-border-radius-topright:0px;
    background-color:#F7EED0;
    background:url("/images/pattern_forms_big.png") repeat ;
    border:1px solid #CCCCCC;
    padding:30px 15px 30px 30px;
    width:400px;
    margin: 0px auto 0px auto;
    text-align:left;
}
div.regFormPar h2 {
    line-height:1.1em;
    margin-top:-5px;
    margin-left:-5px;
}
div.regFormPar p{
    line-height:1.4em;
}
div.lackOfAccount {
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    padding:0px 15px 0px 30px;
    width:400px;
    margin: 15px auto 15px auto;
}
div.lackOfAccount p{
    line-height:1.4em;

    text-align: right;
    vertical-align: middle;
}
input.input {
    font-size: 12px;
    height: 25px;
    width:370px;
    border: 1px solid #330033;
}
input.error{
    border: 1px solid #FF0000;
}
input.smallInput {
    font-size: 12px;
    height: 25px;
    width:150px;
    border: 1px solid #330033;
}
textArea{
    border: 1px solid #330033;
    width:370px;
}

div.tooltip-title-medium {
	background-image:url(/images/skin/tooltip-medium/center.png);
	display:block;
     height:44px;
     overflow:hidden;
     width:396px;
}
div.tooltip-info-small {
	background-image:url(/images/skin/tooltip-info/center.png);
	display:block;
	width: 225px;
}
table.tooltip-title-medium {
	width: 381px;
	height: 47px;
	margin-left: 5px;
	margin-right: 10px;	
}
a.tooltip-title-medium {
	color:#444444;
	font-size:20px;
	font-weight:none;
	text-decoration:none;
}

a:hover.tooltip-title-medium {
    font-weight:none;
    color:#666666;
    text-decoration: underline;
}

span.tooltip-title-medium {
	color:#777777;
	font-size:13px;
	font-weight:normal;
}

div.tooltip-title-small {
	background-image:url(/images/skin/tooltip-small/center.png);
        background-repeat: repeat;
	display:block;
	width: 191px;
}
table.tooltip-title-small {
	width: 100%;
	height: 100%;
	padding-left: 5px;
	padding-right: 6px;
}
a.tooltip-title-small {
	color:#666666;
	font-size:14px;
	font-weight:none;
	text-decoration:none;
}

a:hover.tooltip-title-small {
    font-weight:none;
    color:#777777;
    text-decoration: underline;
}


a.tooltip-title-small-link {
	font-size: 10px;
}
					
span.tooltip-title-small {
	color:#777777;
	font-size:13px;
	font-weight:normal;
}

div.listing {
    width: 980px;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
}

div.item-upgraded{
    float:left;
    margin:10px;
    margin-bottom: 10px;
    overflow:hidden;
    width:470px;
}
div.item-upgraded p{
    font-size:13px;
    color: #444444;
    margin-bottom:2px;
    margin-top:8px;
}

div.item-upgraded p {
    font-size:13px;
    color: #777777;
}
div.item-upgraded p a{
    font-size:12px;
    color: #777777;
    margin-left:5px;
    font-weight:normal;
}
div.item-upgraded p a:hover{
     font-weight:normal;
}



div.item-upgraded #center{
    background-image:url(/images/skin/medium/medium_center.png);
    text-align:left;
    overflow:hidden;
    /*height:472px;*/
}
div.item-upgraded #center div.slideshow {
    margin:0px 0 0 5px;
    overflow:hidden;
    width:454px;
    display:block;
}
div.item-upgraded #center div.slideshow div.description {
    width:454px;
    margin-top:5px;
    margin-left:-15px;
    font-size:10px;
    text-align:center;
}
div.item-upgraded #center div.slideshow div.description p{
    font-size:10px;
    color:silver;
    margin-top:3px;
}
div.item-upgraded #center div.slideshow div.images{
    width:454px;
    /*height:373px;*/
}

div.header {
    padding-left: 15px;    
}

div.header .title {
    margin-left: 2px;
}
div.item-upgraded #center div.header {
    overflow:hidden;
    width:454px;
    margin:2px 0px 0px;
    /*height:58px;*/
}
div.item-upgraded #center div.header div.person {
    width:330px;
    float: left;
    margin-top:5px;
}
div.item-upgraded #center div.header div.title {
    width:120px;
    font-size: 13px;
    margin-top:5px;
    overflow:hidden;
    margin-bottom: 0px;
}
div.item-upgraded #center div.header div.priceAndLocation{
    width:454px;
    margin-top:12px;
}
div.item-free{
    float:left;
    margin:10px;
    margin-bottom: 6px;
    overflow:hidden;
    width:225px;
}

div.item-free p{
    font-size:10px;
    color: #444444;
    margin-bottom:0px;
    margin-top:0px;
}
div.item-free p a{
    font-size:10px;
    color: #777777;
    font-weight:normal;
}
div.item-free p a:hover{
     font-weight:normal;
}

div.item-free {
    font-size:10px;
    color: #777777;
    margin-right:10px;
}
div.item-free a{
    font-size:14px;
    color:#999999;
    text-decoration:none;
}
div.item-free a:hover{
    text-decoration:none;
    color:#666666;
}
div.item-free #center{
    background-image:url(/images/skin/small/small_center.png);
    overflow:hidden;
    text-align:left;
}
div.item-free #center div.header {
    overflow:hidden;
}
div.item-free #center div.slideshow {
    margin:0px 0px 0px 5px;
    overflow:hidden;
    width:209px;
    height:140px;
}
div.details {
    width: 735px;
    margin: 0 auto 0 auto;
    padding: 0;
}
div.details a{
    font-size:14px;
}
div.details div.center{
    background-image:url(/images/skin/large/large_center.png);
    text-align:left;
    overflow:hidden;
    width: 735px;
}
div.details div.center div.header{
    margin-left: 10px;
    margin-right: 20px;
    margin-bottom: 10px;
}

div.details div.center div.header span.name {
  font-weight: normal;
  margin: 0 0 15px 0;
  line-height: 1.1em;
  font-size: 24px;
  color: #555;
}
div.details div.center div.star{
    margin: -5px 0px 0px 5px;
}
div.details div.center div.line{
    height:10px;
    margin-bottom:10px;
    margin-left:30px;
    margin-top:30px;
    overflow:hidden;
}

img.large{
    overflow:hidden;
    margin: 0px 0px 0px -6px;
}
img.medium{
    overflow:hidden;
    margin: 0px 0px 0px 0px;
    display: block;
    
}
img.small{
    overflow:hidden;
    margin: 0px 0px 0px 0px;
}
div.line{
    margin-top:10px;
    margin-bottom:10px;
}
div.star a{
    font-size:9pt;
    margin-left:0px;
    font-weight:lighter;
}
div.star a:hover{
    font-size:9pt;
    margin-left:0px;
    font-weight:lighter;
    color:#666666;
}
div.star div{
    float:left;
    margin-top:6px;
    margin-left:10px;
}
div.back_button {
    margin-bottom:20px;
    margin-top:40px;
}
div.back_button a{
    font-size:12px;
    margin-left:10px;
    margin-bottom:10px;
    color: #999999;
    font-weight: bold;
    
}
div.back_button a:hover{
    font-weight: bold;
}

div.tooltip {
    background-color:#000;
    border:1px solid #fff;
    padding:10px 15px;
    width:200px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:12px;

    /* outline radius for mozilla\firefox only */
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}
div.navi {
    float:left;
    margin-top:7px;
    width:375px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
div.navi a {
    background:url(/images/skin/decoration/image_not_selected.png) no-repeat;

    text-align:center;
    background-position:center;
    display:inline-block;
    width:25px;
    height:21px;
    cursor:pointer;
    margin-left:2px;
    margin-right:0;    
}
div.navi a.active {
    background:url(/images/skin/decoration/image_selected.png) no-repeat;
}
div.navigator a:hover{
    border:none;
}
.free_preview{
    position:fixed;
    top:68px;
}
.free_preview_description{
    position:fixed;
    top:330px;
}
.boxContent{
    margin-left:0px;
    margin-right:0px;
    margin-top:10px;
    overflow:hidden;
}
div.account{
    width:970px;
    overflow:hidden;
    margin: 0 auto 0 auto;
}
div.account div.menu{
    width:300px;
    float:left;
    border-right: 1px #DDDDDD dashed;
}
div.account div.item{
    width:288px;
    margin-top:25px;
    margin-right:20px;
    padding-bottom: 5px;
}
div.account div.item a{
    font-size:14px;
    color:#3399cc;
    margin-bottom:10px;
}
div.account div.center{
    background-image:url(/images/skin/large/large_center.png);
    text-align:left;
    overflow:hidden;
    width:916px;
}
div.account div.menu p{
    margin-left:15px;
    font-size:12px;
    margin-top:10px;
}
div.account div.upgrade{
    float:left;
    margin-left:20px;
    margin-right:20px;

}
#save {
    border: none;
    background: no-repeat top left;
    background-image:url('/images/save.png');
    padding: 2px 8px;
}
#publish_save {
    border: none;
    background:  no-repeat top left;
    width:372px;
    height:50px;
    font-size:0px;
    cursor:pointer;
}
#login {
    border: none;
    background: url('/images/login.png') no-repeat top left;
    width:209px;
    height:32px;
    font-size:0px;
    cursor:pointer;
}
.contentUploadImages{
    width:840px;
    margin-left:45px;
    margin-right:auto;
    overflow:hidden;
}
.uploadForm{
    width:280px;
    height:280px;
    float:left;
}
div.editPhotos{
    width:916px;
    overflow:hidden;
    margin: 0 auto 0 auto;
}
div.editPhotos div.center{
    background-image:url(/images/skin/large/large_center.png);
    text-align:left;
    overflow:hidden;
    width:916px;
}
div.preview div.item div.slideshow{
    width:209px;
    height: 140px;
    overflow:hidden;
   /*
    background-image: url('/images/spinner_big.gif');
    background-position: center;
    background-repeat: no-repeat;
    */
}
div.preview div.item div.info{
    width:209px;
    height: 27px;
    margin:0;
    padding:0;
    background-color: #FFFFFF;
    display:block;
    margin-bottom: 1px;
    text-align:left;
    background:transparent none;
    border:none;
    
}
div.preview div.item div.info-accepted{
    background:  no-repeat top left;
    width:209px;
    height: 27px;
}
div.preview div.item div.info-rejected{
    background: no-repeat top left;
     width:209px;
    height: 27px;

}
div.preview div.item div.info-to-verification{
    background: no-repeat top left;
     width:209px;
    height: 27px;
}
div.uploadImageButton {
    border: none;
    background:  no-repeat top left;
    width:209px;
    height:32px;
    font-size:0px;
    cursor:pointer;
    margin-top: 1px;
}


div.uploadImageButtonDisabled {
    border: none;
    background: no-repeat top left;
    width:209px;
    height:32px;
    font-size:0px;
    cursor:pointer;
    margin-top: 1px;
}
span.font26 {
    font-size:26px;
    color:#888888;
}
div.title{
    margin-top:15px;
    margin-bottom:20px;
    margin-left:10px;
    display:block;
}
div.upgradeToPro{
    border-left: 1px #DDDDDD dashed;
    float:left;
    height:550px;
}
div.upgradeToPro p{
    margin-left:20px;
}
div.upgradeToPro div.why{
    margin-left:20px;
    margin-top:-1px;
    width:358px;
    background-color: #FFFFFF;
    border:1px solid #CCCCCC;
}
div.upgradeToPro div.why ul{
    list-style-image: url('/images/skin/decoration/plus.png');
}
div.upgradeToPro div.why li{
    padding-bottom:10px;
}
div.upgradeToPro div.why strong{
    margin-left: 17px;
}
div.upgradeToPro div.prices{
    margin-left:20px;
    margin-top:1px;
    width:358px;
    background-color: #FFFFFF;
    border:1px solid #CCCCCC;
}
div.upgradeToPro div.prices ul{
    list-style-image: url('/images/skin/decoration/arrow_right_li.png');
}
div.upgradeToPro div.prices li{
    padding-bottom:10px;
}
div.upgradeToPro div.prices strong{
    margin-left: 17px;
}


div.upgradeToPro div.upgradeButton {
    border: none;
    background: no-repeat top left;
    width:360px;
    height:50px;
    font-size:0px;
    cursor:pointer;
    margin-top: 1px;
    margin-left:20px;
    cursor:pointer;

}
div.regFormPar div.button_add_photo{
    border: none;
    background:  no-repeat top left;
    width:370px;
    height:48px;
    font-size:0px;
    cursor:pointer;
    margin-bottom:5px;
}


#button_save_changes{
    border: none;
    background: url('/images/button_save_changes.png') no-repeat top left;
    width:370px;
    height:48px;
    font-size:0px;
    cursor:pointer;
}
#button_send_email_pass{
    border: none;
    background: url('/images/button_send_email.png') no-repeat top left;
    width:370px;
    height:48px;
    font-size:0px;
    cursor:pointer;
}
div.freeCompare{
}
div.freeCompare div.freeCompareItem{
    margin-left:10px;
    margin-right:auto;
    text-align: left;
}
div.proCompare{
    width:470px;
    float:left;
    margin-left:60px;
}

div.info {
    background-color:#EEEEEE;
    margin:10px auto 0;
    padding:10px 10px 10px 20px;
    text-align:center;
    width:900px;
    background:transparent url(/images/pattern_flash.png) repeat scroll 0 0;
    border:1px solid #DDDDDD;
}
div.footer-menu{
    bottom: 0px;
    color:#111111;
    font-size:11px;
    height:35px;
    padding:0;
    position:fixed;
    right:0;
    width:100%;
    z-index:99;
    background-color: #FFFFFF;
    background-image: url('/images/skin/bottom_menu.png'); 
    background-repeat: repeat-x;
}
div.footer-menu a {
    color:#333333;
    text-decoration:none;
}
div.spacer{
    height: 25px;
    clear: both;
}
div.share{
    width:600px;
    display: block;
    float: none;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:0px;
    -moz-border-radius-topleft:0px;
    -moz-border-radius-topright:0px;
    background-color:#F7EED0;
    border:1px solid #CCCCCC;
    padding:30px 15px 30px 30px;
    width:400px;
    margin: 0px auto 0px auto;
    text-align:left;
    clear: both;
}
div.footer{
    clear:both;
    display:block;
    float:none;
    margin:20px auto;
    padding-left:30px;
    text-align:center;
    width:960px;
    padding-top:30px;
}
input.edit_title{
    margin-top: 2px;
    width:209px;
    height:22px;
    border: 1px solid #dddddd;
    background-color:#eDedeD;
}

span.view_title{
    display:block;
    height:18px;
    margin-bottom:0;
    overflow:hidden;
    width:180px;
}
#intro{
    width: 950px;
    margin-left: auto;
    margin-right:auto;
    margin-top:20px;
}
div.highlight{
    background-color: #ffffaa;
    display:inline;
}
div.free_account{
    background-color:#e6e6e6;
    float:left;
    height:457px;
    text-align:center;
    width:260px;
}
div.free_account span.header p{
    text-aling:center;
    font-size:13pt;
}
div.pro_account{
    background-color:#FAEED8;
    background:url("/images/pattern_forms_big.png") repeat ;
    border:1px solid #DFDFDF;
    float:left;
    width:600px;
}
div.pro_account span.header p{
    text-align:center;
    font-size:13pt;
}
ul.features{
    line-height:2.5em;
}
h2{
    font-size:16px;
    color:#555555;
}
span.faq{
    margin-left: -6px;

}
span.question{
    background-color:whitesmoke;
    display:block;
    font-size:16px;
    padding:20px;
    width:830px;
}
span.answer{
    background-color:antiquewhite;
    color:#444444;
    display:block;
    font-size:14px;
    line-height:1.5em;
    padding:20px;
    width:830px;
}
a.registration{
    /*background-color:khaki;*/
    padding: 4px;
}

div.white_box {
    background-color: #FFFFFF;
    border:1px solid #CCCCCC;
    padding: 5px;
}

.left {
	float: left;
}

.mr10 {
	margin: 10px;
}

.mr20 {
	margin: 20px;
}

.pd20 {
	padding: 20px;
}

.txt_left {
	text-align: left;
}

.pdl20 {
	padding-left: 20px;
}
#loc-top {
    background-image:url(/images/skin/filter/loc-top.png);
    display:block;
    width: 752px;
    height: 14px;
}
#loc-center {
    background-image:url(/images/skin/filter/loc-center.png);
    background-repeat: repeat;
    width: 752px;
    height:40px;
}
#loc-center-grey {
    background-image:url(/images/skin/filter/loc-center-grey.png);
    background-repeat: repeat;
    width: 752px;
    height:110px;
}
#loc-bottom {
    background-image:url(/images/skin/filter/loc-bottom.png);
    display:block;
    width: 752px;
    height:22px;
}
#loc-bottom-grey {
    background-image:url(/images/skin/filter/loc-bottom-grey.png);
    display:block;
    width: 752px;
    height:22px;
}
#pri-top {
    background-image:url(/images/skin/filter/pri-top.png);
    display:block;
    width: 202px;
    height: 14px;
}
#pri-center {
    background-image:url(/images/skin/filter/pri-center.png);
    background-repeat: repeat;
    width: 202px;
    height:40px;
}
#pri-center-grey {
    background-image:url(/images/skin/filter/pri-center-grey.png);
    background-repeat: repeat;
    width: 202px;
    height:150px;

}
#pri-bottom-grey {
    background-image:url(/images/skin/filter/pri-bottom-grey.png);
    display:block;
    width: 202px;
    height:24px;
}
div.iconBar{
    display: block;
    float:left;
    margin-right:10px;
}
tr.large-info-table-row{
    height:30px;
}
td.large-info-table-icon-column{
    width:30px;
    padding-top:6px;
}
div.item-info{
    font-size:12px;
    width:191px;
    position: absolute;
    z-index: 2001;
    display: none;
    text-align: left;
}
div.item-info a{
    color: #3399cc;
    margin: 0;
    padding: 0;
    text-decoration:none;
    font-size:12px;
}
div.item-info a:hover{
  color: #0099ff;
  text-decoration:underline;
}
div.item-info tr{
    height:8px;
}
div.item-info table{
    padding-left:6px;
    padding-top: 0px;
    margin-top: -6px;
}
div.item-info span.phoneNumber{
     font-size:12px;
}
span.phoneNumber{
    font-size:14px;
    color:#333333;
}
div.details-unit{
    width: 916px;
    margin:0 auto;
    padding:0;
}
div.top-unit{
    background-image:url(/images/skin/unit/unit_top.png);
    text-align:left;
    overflow:hidden;
    width: 916px;
    height:16px;

}
div.center-unit{
    background-image:url(/images/skin/unit/unit_center.png);
    text-align:left;
    overflow:hidden;
    width: 916px;
}
div.bottom-unit{
    background-image:url(/images/skin/unit/unit_bottom.png);
    text-align:left;
    overflow:hidden;
    width: 916px;
     height:26px;
}
/* the overlayed element */
.apple_overlay {
      /* initially overlay is hidden */
      display:none;
      width:735px;
      /* some padding to layout nested elements nicely  */
      padding:35px;
      /* a little styling */
      font-size:11px;
      color:#efefef;
      height:450px;
      z-index: 99999;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
      background-image:url(/images/skin/decoration/close.png);
      position:absolute; right:30px; top:25px;
      cursor:pointer;
      height:35px;
      width:35px;
}
tr.header{
     background-color: #efece6;
     height:30px;
}
tr.odd {
    background-color: #fafafa;
    text-align:center;
}
tr.even {
    background-color: #f1f1f1;
    text-align:center;
}
#set_order {
    border: none;
    background: no-repeat top left;
    width:370px;
    height:48px;
    font-size:0px;
    cursor:pointer;
}
span.post-title{
    font-size:20px;
}
div.post a{
    font-size:12px;
}