.rating { color: #ff8e00; width:50px; height:35px; border: 1px solid #666; background:#424242; text-align:center; margin-left:48px; padding-top: 15px; font-family:Verdana; font-size:14pt; font-weight:bold; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} * { margin: 0; padding: 0; border-width: 0; list-style: none; } .hotelOption { padding: 0 10px 0 10px; color:#77ad00} .hotelDescription { padding-left:10px; margin:10px; font-size:11pt; font-familiy:Verdana;} .halftransparent {opacity:0.65; filter:alpha(opacity=65); -moz-opacity:0.65;-khtml-opacity: 0.65;} h1 { font-size: 2em; } h2 { font-size: 1.5em; } h3 { font-size: 1.17em; } .MsoNormal {font-size: 13pt} .postContent {font-size: 13pt; overflow: auto} .postInput {font-size: 13pt} .error { display: block; color: #ee4848; font-weight:bold} input.file, select { font-size: 12px; } input.text, textarea { font-size: 12pt; } input.text, input.file, textarea, select {border: 1px solid #ddd; color: #666; } input.text { padding-top: 2px; height: 18px; line-height: 18px;} select { height: 21px; line-height: 21px; } input.button { height: 22px; line-height: 22px; font-size: 11px; } input.button:hover { cursor: pointer; } input.full, textarea.full { width: 100%; } a { color: #8DA6FA; text-decoration: none; } a:hover { text-decoration: underline; } form { padding: 0 10px; } form p { margin: 7px 0; padding-left: 150px; } form p label { float: left; margin-left: -150px; width:150px} form .info { padding: 5px; background: #f0f0f0; text-align: center; font-style: italic; } form .required { font-weight: bold; } form .description { display: block; font-size: 10px; font-family: tahoma; color: #8DA6FA; } form .error { display: block; color: #ee4848; } form .buttons { text-align: right; } form .buttons .left { float: left; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;} .avatar { display: block; position: relative; width: 75px; height: 75px; } .avatar:hover { text-decoration: none; } .avatar img { display: block; } .avatar .description { display: block; position: absolute; bottom: 0; left: 0; width: 75px; height: 20px; text-align: center; color: #fff; height: 20px; line-height: 20px; background: url(/img/photo-description.png) repeat-x; } input.button.green { width: 105px; height: 19px; text-align: center; line-height: 19px; background: url(/img/button-green.png) no-repeat; color: #fff; text-transform: uppercase; font-family: tahoma; } input.button.green.small { width: 50px; background-image: url(/img/button-green-small.png); } .button.green.long { width: 150px; background-image: url(/img/button-green-long.png); } a.button.green { margin:5px; width: 105px; height: 19px; text-align: center; line-height: 19px; background: url(/img/button-green.png) no-repeat; color: #fff; text-transform: uppercase; font-family: tahoma; } a.button.green.small { width: 50px; background-image: url(/img/button-green-small.png); } a.button.green.long { width: 150px; background-image: url(/img/button-green-long.png); } a.button.green { display: block; width: 105px; height: 19px; text-align: center; line-height: 19px; background: url(/img/button-green.png) no-repeat; color: #fff; text-transform: uppercase; font-family: tahoma; font-size:11px} a.button.green.small { width: 50px; background-image: url(/img/button-green-small.png); } a.button:hover { text-decoration: none; } .block h2 { padding-left: 10px; font-weight: normal; font-size: 11px; font-family: arial; text-transform: uppercase; } .black h3 { padding-left: 10px; font-weight: normal; font-size: 11px; font-family: arial; text-transform: uppercase; } @media projection, screen {.ui-tabs-hide { display: none !important; } } @media print {.ui-tabs-nav { display: none; } } #topWrapper { position: relative; } #topWrapper h1 { float: left; margin-left: 0px; width: 100px; height: 128px; text-indent: -9999px; } #topWrapper h1 a { display: block; width: 100px; height: 128px; overflow: hidden; } #topWrapper .navigation { position: relative; float: left; margin-top: 5px; height: 45px; } #topWrapper .navigation li { float: left; border-right: 1px solid #77ad00; } #topWrapper .navigation li a { padding: 0 8px; color: #fff; font-size: 12px; line-height: 20px; text-decoration: none; color: #ccc; } #top-header a.menu {background: url(/themes/default/filtr.png)} #top-header a.new {background:none} #top-header .root p {cursor:hand;} #topWrapper .navigation li a:hover { color: #77ad00; } #topWrapper .navigation li.last { border-right: none; } #topWrapper .navigation li.last a { padding-right: 0; } #topWrapper .navigation ul { position: absolute; display: none; top: 25px; left: 0; width: 100%; height: 20px; text-align: center; } #topWrapper .navigation ul li { float: none; display: inline; } #topWrapper .navigation ul li a { font-size: 10px; line-height: 15px; text-transform: uppercase; } #topWrapper .navigation .selected ul { display: block; } #topWrapper .identity { float: right; font-family: tahoma; font-size: 10px; margin-top:-2px; line-height: 13px; text-transform: uppercase; } #topWrapper .map { position:relative; right:154px; display: block; float: right; margin-top: 2px; padding-left: 25px; height: 22px; width: 100px; line-height: 22px; font-size: 10px; text-transform: uppercase; font-family: tahoma; background: url(/img/button-map-bg.png) no-repeat 0 0; color: #ccc; } #topWrapper .map:hover { text-decoration: none; color: #fff; } #searchBlock {width: 158px; } #searchBlock .top { padding: 1px; width: 156px; background: url(/img/search-top-bg.png) no-repeat; } #searchBlock input.text { float: left; width: 130px; font-size: 11px; padding-top: 4px; height: 19px; border: none; color: #fff; background: url(/img/search-input-bg.jpg) no-repeat; } #searchBlock .button { float: right; width: 25px; height: 23px; background: url(/img/search-button.png) no-repeat; text-indent: -9999px; overflow: hidden; } #searchBlock .middle { padding: 0 1px 1px; width: 156px; background: #fff; } #searchBlock .middle select { width: 156px; color: #666; background: #fff; } #searchBlock .bottom { position: relative; padding: 0 1px 1px; width: 156px; height: 13px;} #searchBlock a { position: absolute; right: 2px; top: -1px; font-size: 10px; font-family: tahoma; line-height: 14px; color: #77ad00; } #middleWrapper {max-width:1010px; min-height:500px; padding: 0px 10px 10px 10px; } #middleWrapper #messagesBlock { margin:0 auto;width:950px; padding: 5px; border: 1.5px solid #fff; color: #fff; background: #000; text-align: center; font-weight: bold; } .black .middle { padding: 1px 0 5px; background: #000; } .black .middle.second { padding: 1px 0; } #middleWrapper .block .breadcrumbs .hidden { position: absolute; top: 0; left: 119px; width: 277px; z-index: 1; display: none; } .block.transparent .middle { padding-left: 5px; padding-right: 5px; border-left: 1px solid #fff; border-right: 1px solid #fff; background: #ddd; color: #999; } .block.transparent .middle div { margin: -4px 0; } #middleWrapper .new { background-image: url(/img/new.png); background-repeat: no-repeat; background-position: 0 50%; padding-left: 25px; } #middleWrapper .nothingFound { padding: 50px; font-family: georgia; text-align: center; } #middleWrapper .voteLabel { float: left; margin-right: 5px; } #middleWrapper .voteBlock { float: right; display: block; margin-right: 5px; height: 18px; } #middleWrapper .voteBlock.left { float: left; } #middleWrapper .voteBlock a { float: left; display: block; width: 12px; height: 12px; text-align: center; text-indent: -9999px; overflow: hidden; } #middleWrapper .voteBlock .grayStar { background: url(/img/vote-star-inactive.png) no-repeat 0 50%; } #middleWrapper .voteBlock .goldStar { background: url(/img/vote-star.png) no-repeat 0 50%; } #middleWrapper .leftContent { float: left; margin-left:15px} #middleWrapper .rightContent { float: left; width: 416px; margin: -10px 0 0 10px } #middleWrapper .sidebar { float: right; width: 185px; margin: -10px 20px 0 10px} #middleWrapper .rightContent .author { margin-top: 5px; float: none; margin-top: 10px; } #middleWrapper .rightContent .author .gray .middle { padding: 5px 5px 0; } #middleWrapper .rightContent .author .user { float: left; } #middleWrapper .rightContent .author .user img { display: block; } #middleWrapper .rightContent .author .actions li { text-align: right; } #middleWrapper .rightContent .author .actions a { font-size: 10px; font-family: arial; } #middleWrapper .rightContent .author .actions { margin-right: 5px; text-align: right; } #middleWrapper .header { color: #42372b; font-size: 10px; } #middleWrapper .boxContent { margin: 0 auto; width: 550px; padding-top:30px} #middleWrapper .boxContent .gray .middle { padding: 10px; } #middleWrapper .boxContent p { margin-left: auto; margin-right: auto; width: 300px; } #middleWrapper .boxContent .small { font-size: 10px; } #middleWrapper .boxContent .small .checkbox, #middleWrapper .boxContent .small span { vertical-align: middle; } #middleWrapper .boxContent .login p { padding-left: 50px; } #middleWrapper .boxContent .login p label { margin-left: -50px; width: 50px; } #middleWrapper #recommendForm { display: none; text-align: left; color: #ccc; border-left: 1px solid #343434; } #middleWrapper #recommendForm #tooltip_addRecipient { float: right; } #middleWrapper #recommendForm p { padding-left: 80px; } #middleWrapper #recommendForm label { margin-left: -80px; width: 80px; } #middleWrapper .mainpageContent .randomPhoto { position: relative; width: 503px; height: 230px; overflow: hidden; } #middleWrapper .mainpageContent .randomPhoto a { top: 0; left: 0; position: absolute; z-index: 0; } #middleWrapper .mainpageContent .randomPhoto a:hover { text-decoration: none; } #middleWrapper .mainpageContent .randomPhoto a.current { top: 0; z-index: 1; } #middleWrapper .mainpageContent .randomPhoto .description { display: block; position: absolute; bottom: 0; padding: 0 5px; width: 540px; height: 30px; background: url(/img/main-photo-description.png) no-repeat; font-size: 12px; line-height: 30px; text-align: right; } #middleWrapper .mainpageContent .event { margin-top: 0; } #middleWrapper .mainpageContent .event .content { position: relative; margin: 5px auto 0; width: 396px; height: 246px; } #middleWrapper .mainpageContent .event .content .description { position: absolute; bottom: 0; left: 0; padding: 5px; height: 90px; width: 386px; background: url(/img/main-event-description.png) repeat-x; } #middleWrapper .mainpageContent .event h3 { margin-bottom: 10px; color: #fff; text-transform: uppercase; } #middleWrapper .mainpageContent .event .content .description a { color: #ff8e00; } #middleWrapper .mainpageContent .event .calendar:hover { text-decoration: none; } #middleWrapper .mainpageContent .topBlock { margin-top: 12px; } #middleWrapper .accountContent .leftContent { width: 755px; } #middleWrapper .accountContent h2 { margin: 0; } #middleWrapper input.medium, #middleWrapper .accountContent textarea.medium { width: 200px; } #middleWrapper .accountContent .rightContent { width: 200px; } .accountNavigation { padding: 5px 10px 5px 5px; width: 185px; font-weight: bold; text-transform: uppercase; } .accountNavigation ul { padding: 0; } .accountNavigation ul a { padding: 2px 0 2px 10px; display: block; font-weight: normal; } .accountNavigation ul a:hover { color: #77ad00; } #middleWrapper .navigation { margin-top: 10px; } #middleWrapper .navigation .middle { text-align: right; text-transform: uppercase; } #middleWrapper .navigation .current { color: #77ad00; font-size: 14px; } #middleWrapper .searchContent .leftContent { width: 720px; } #middleWrapper .searchContent .rightContent { width: 250px; } #middleWrapper .searchContent .rightContent h3 { font-weight: normal; margin: 5px 0 3px; } #middleWrapper .searchContent .rightContent form p { padding-left: 80px; } #middleWrapper .searchContent .rightContent form p label { margin-left: -80px; width: 80px; } #middleWrapper .searchContent .thumbs { margin: 0 11px; } #middleWrapper .searchContent .list { margin-top: 5px; } #middleWrapper .searchContent .list li { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #343434; } #middleWrapper .searchContent .list li.last { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .avatar { display: block; float: left; margin: 5px; } #middleWrapper .searchContent .list .title { font-size: 14px; } #middleWrapper .searchContent .list .description { display: block; margin-top: 5px; font-size: 10px; color: #ccc; } #middleWrapper .photoContent .leftContent { width: 806px; } #middleWrapper .photoContent .rightContent { width: 160px; } #middleWrapper .dataContent .header { margin-top: 15px; padding: 0 5px; height: 25px; background: #42372b; color: #b59f85; text-align: right; line-height: 25px; } #middleWrapper .dataContent .header h2 { float: left; font-size: 16px; font-weight: bold; text-transform: uppercase; font-family: georgia; } #middleWrapper .rightContent .block .breadcrumbs { padding: 1px 5px; color: #999; font-size:8pt; font-family:Tahoma} #middleWrapper .rightContent .block .breadcrumbs a { color: #ddd; text-transform: uppercase; } #middleWrapper .dataContent .leftContent .author { float: left; padding: 1px 5px; width: 210px; border-right: 1px solid #343434; } #middleWrapper .dataContent .leftContent .author .user { float: left; } #middleWrapper .dataContent .leftContent .author .user img { display: block; } #middleWrapper .dataContent .leftContent .author .actions li { text-align: right; } #middleWrapper .dataContent .leftContent .author .actions a { font-size: 10px; font-family: arial; } #middleWrapper .dataContent .leftContent .options { margin-left: 215px; padding: 1px 5px; text-align: right; } #middleWrapper .dataContent .leftContent .options .actions { margin-top: 43px; } #middleWrapper .dataContent .comments { margin-top: 10px; } #middleWrapper .dataContent .comments .comment { padding: 5px 0; margin: 0 5px; color: #ccc; } #middleWrapper .dataContent .comments .comment img { margin-right: 10px; } #middleWrapper .dataContent .comments .comment label { font-weight: bold; } #middleWrapper .dataContent .comments .comment p.content { margin-left: 85px; margin-top: 10px; } #middleWrapper .rightContent .options { width: auto; float: none; } #middleWrapper .dataContent .similar { margin-top: 15px; } #middleWrapper .dataContent .participants { margin-top: 15px; } #middleWrapper .dataContent .participants li { float: left; margin: 5px 13px; } #middleWrapper .dataContent .mapWrapper { display: relative; display: none; overflow: hidden; } #middleWrapper .dataContent .mapWrapper #map { width: 552px; height: 300px; border: 4px solid #000; border-top: none; overflow: hidden; } #middleWrapper .dataContent .imageWrapper { text-align: center; } #middleWrapper .dataContent .gallery { margin-top: 15px; } #middleWrapper .galleryContent .leftContent { width: 687px; } #middleWrapper .galleryContent .rightContent { width: 279px; } #middleWrapper .galleryContent .rightContent .description { margin-top: 5px; } #middleWrapper .galleryContent .rightContent .description .gray .middle { padding-left: 5px; padding-right: 5px; } #middleWrapper .galleryContent .rightContent .mapWrapper { margin-top: 5px; overflow: hidden; } #middleWrapper #mapContent { margin-top: 5px; } #middleWrapper #mapContent .column { float: left; margin-right: 5px; width: 175px; } #middleWrapper #mapContent .column.last { width: 176px; margin-right: 0; } #middleWrapper #mapContent .column .block.black .middle { padding: 5px; text-transform: uppercase; color: #77ad00; font-size: 12px; } #middleWrapper #mapContent .column .continent { border-bottom: 1px solid #262626; } #middleWrapper #mapContent .column .continent .header { padding-left: 5px; background: #000; line-height: 22px; text-transform: uppercase; font-size: 11px; } #middleWrapper #mapContent .column .continent .header a:hover { text-decoration: none; color: #77ad00; } #middleWrapper #mapContent .column .continent .roller { float: right; width: 22px; height: 22px; border-left: 1px solid #373737;} #middleWrapper #mapContent .column .continent .roller.down { background: url(/img/arrow-green-left.png) no-repeat 50% 50%; } #middleWrapper #mapContent .column .continent .roller.up { background: url(/img/arrow-green-down.png) no-repeat 50% 50%; } #middleWrapper #mapContent .column .continent .country { color: #ccc; } #middleWrapper #mapContent .column .continent .continentContent { display: none; } #middleWrapper #mapContent .column .continent .continentContent .ui-tabs-panel { display: none; } #middleWrapper #mapContent .column .continent .continentContent ul { background: #262626; } #middleWrapper #mapContent .column .continent .continentContent li { position: relative; display: block; line-height: 22px; border-bottom: 1px solid #000; } #middleWrapper #mapContent .column .continent .continentContent li.last { border-bottom: none; } #middleWrapper #mapContent .column .continent .continentContent li a { display: block; color: #fff; padding: 0 5px; margin-right: 30px; } #middleWrapper #mapContent .column .continent .continentContent li a:hover { text-decoration: none; color: #77ad00; } #middleWrapper #mapContent .column .continent .continentContent li span { display: block; float: right; width: 20px; text-align: center; color: #ccc; } #middleWrapper #mapContent .column .continent .continentContent .nothingFound { margin: 5px 0; padding: 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html>body .clearfix { display: inline-block; width: 100%; } * html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ } .tooltip { position: absolute; width: 225px; padding: 5px 15px 5px 10px; background-color: #f0f0f0; border: 1px solid #cecdcd; } .tooltip a.add { float: right; } .tooltip input.full { margin: 3px 0; } #lightbox, #lightbox-overlay { position: absolute; top: 0px; left: 0px; bottom:auto; right:auto; z-index:100; width:100%; height:auto; text-align:center; color:#333333; /* stop stupid conflicts */ margin:0px; padding:0px; border:none; outline:none; line-height:0; /* general conflict stopper */ text-decoration:none; background:none; word-spacing:normal; letter-spacing:normal; float:none; clear:none; display:block;} #lightbox a, #lightbox a:link, #lightbox a:visited, #lightbox a:hover { text-decoration:underline; color:#999999;} #lightbox-overlay { z-index: 100; background-color:#000000; height: 100%; position:fixed;} #lightbox-overlay-text { text-align: right; margin-right: 20px; margin-top: 20px; color: white; font-size: 12px; cursor: default; line-height:normal;} #lightbox-overlay-text a, #lightbox-overlay-text a:hover, #lightbox-overlay-text a:visited, #lightbox-overlay-text a:link { color:white;} #lightbox-overlay-text span { padding-left:5px; padding-right:5px;} #lightbox img, #lightbox a img, #lightbox a { border:none; outline:none; } #lightbox-imageBox { position:relative; border:1px solid black; background-color:white; width:400px; height:400px; margin:0 auto;} #lightbox-imageContainer { padding:1px;} #lightbox-loading { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;} #lightbox-nav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;} /* #lightbox-imageBox > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none; } */#lightbox-nav-btnPrev, #lightbox-nav-btnNext { display:block; width:49%; height: 100%; background:transparent url("../img/blank.gif") no-repeat; /* Trick IE into showing hover */ /* cursor:pointer; */ zoom:1; /* who knows why? */ padding:0px; margin:0px;} #lightbox-nav-btnPrev { left:0; right:auto; float:left;} #lightbox-nav-btnNext { left:auto; right:0; float:right;} /*.preload_largeLink, #prevLink:hover, #prevLink:visited:hover { background:url("../images/prev.gif") left 45% no-repeat;} .preload_nextLink, #nextLink:hover, #nextLink:visited:hover { background:url("../images/next.gif") right 45% no-repeat;} */#lightbox-infoBox { font:10px Verdana, Helvetica, sans-serif; background-color:#FFFFFF; margin:0 auto; padding:0px; /* width: 100%; padding: 0 10px 0; */} #lightbox-infoContainer { padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; color:#666; line-height:normal; /* height:30px; */} #lightbox-infoHeader { width:100%; text-align:center; } #lightbox-caption { text-align:justify;} #lightbox-caption-title { font-weight:bold;} #lightbox-caption-description { font-weight:normal;} #lightbox-infoFooter { margin-top:3px; color:#999999;} #lightbox-currentNumber { display:block; width:49%; float:left; text-align:left;} #lightbox-close { display:block; width:45%; float:right; text-align:right;} #lightbox-close-button{ padding-left:30%;} #lightbox-close-button:hover { color:#666666;} #lightbox-infoContainer-clear { clear:both; visibility:hidden;} .filter { padding-left: 15px; background: url(/img/filter-bg.png) no-repeat 0 50%; color: #fff; } .filter:hover { color: #77ad00; } .accountContent .mapWrapper { margin-left: 150px; } .accountContent form a { color: #77ad00; text-decoration: underline; } .accountContent form a:hover { text-decoration: none; } .accountContent .friends { margin: 0 15px; } .accountContent .friends li { float: left; margin: 5px 10px; width: 60px; text-align: center; } .accountContent .friends li a { color: #42372b; } .accountContent table { width: 100%; border-collapse: collapse; } .accountContent table thead th { padding: 5px; text-transform: uppercase; font-family: tahoma; color: #ccc; text-align: left; border-bottom: 1px solid #ccc; } .accountContent table tbody td { padding: 5px; vertical-align: top; border-bottom: 1px solid #343434; } .accountContent table tbody .last td { padding-bottom: 0; border-bottom: none; } .accountContent table tbody td img { display: block; } .accountContent table tbody td .title { font-size: 14px; text-tranform: uppercase; } .accountContent table tbody td .description { margin-top: 10px; font-size: 10px; color: #ccc; max-width:480px; overflow: hidden} .accountContent .friends li a.delete,li a.delete, .accountContent table tbody td a.markers, .accountContent table tbody td a.edit, .accountContent table tbody td a.delete { display: block; width: 50px; height: 18px; background: url(/img/button-bg.png) no-repeat; font-size: 10px; line-height: 18px; color: #ffffff; font-weight: bold; text-align: center; text-transform: uppercase; font-family: arial; text-decoration: none; } .accountContent .friends li a.delete {margin: 0 auto; } #calendarWrapper .progress { display: block; padding: 20px 0; margin: 0 auto; } #calendarWrapper a { color: #fff; text-decoration: none; } #calendarWrapper table { width: 100%; border-collapse: collapse; } #calendarWrapper thead th { height: 20px; font-weight: normal; line-height: 20px; background: #333333; } #calendarWrapper thead td { background: #777777; } #calendarWrapper tbody td { background: #303030; } #calendarWrapper td { height: 20px; width: 20px; line-height: 20px; border: 1px solid #666666; border-top: none; border-left: none; text-align: center; } #calendarWrapper td a { position: relative; display: block; height: 20px; } #calendarWrapper td a.noEmpty { background: #4f4f4f; } #calendarWrapper td a:hover { position: relative; display: block; height: 20px; background: #77ad00; } #calendarWrapper tbody td .category { position: absolute; display: block; top: 0; left: 0; width: 5px; height: 5px; background: #ffffff; } .jcarousel-container { position: relative;} .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; margin: 0 auto;} .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0 auto; padding: 0;} .jcarousel-list li,.jcarousel-item { float: left; list-style: none; height:100px; width: 123px; padding: 0 1px;} /** * The buttons are added dynamically by jCarousel before * the