/* Misc HTML Styles */
.clear {
clear: both;
}
/* Main HTML Styles */
html {
overflow-x: hidden;
}
body {
background: url(../images/background.gif) top left repeat;
font-family: Verdana,Tahoma,Arial,sans-serif;
font-size: 12px;
}
input, textarea {
font-family: Verdana,Tahoma,Arial,sans-serif;
font-size: 12px;
}
p {
line-height: 120%;
}
#wrapper {
width: 960px;
margin: 10px auto;
position: relative;
}
#userMenu {
position: absolute;
top: 0;
right: 0;
}
#proffile {
float: left;
height: 40px;
background: url(../images/menuLeft.png) top left no-repeat;
padding: 0 0 0 8px;
}
.tooltip img
#proffile_body {
background: #fff;
height: 36px;
float: left;
padding-top: 2px
}
#proffile_right {
float: left;
background: url(../images/menuRight.png) top right no-repeat;
width: 8px;
height: 38px;
}
#proffile img {
width: 34px;
height: 34px;
float: left;
}
#proffile span {
display: block;
float: left;
padding-top: 5px;
font-size: 14px;
font-weight: bold;
color: #3198D3;
}
#menu {
float: left;
margin-left: 10px;
height: 40px;
background: url(../images/menuLeft.png) top left no-repeat;
padding: 0 0 0 11px;
}
#menu ul {
height: 38px;
background: #fff;
float: left;
padding-right: 10px;
}
#menu ul li {
float: left;
}
#menu ul li a {
float: left;
padding-left: 10px;
padding-top: 12px;
font-size: 14px;
font-weight: bold;
color: #3198D3;
text-decoration: none;
}
#menu ul li a:hover {
color: #33CCFF;
}
#menu_right {
float: left;
background: url(../images/menuRight.png) top left no-repeat;
width: 11px;
height: 38px;
}
#main {
position: absolute;
top: 70px;
right: 0;
}
#logo {
position: absolute;
top: 30px;
left: 35px;
z-index: 9;
}
#mainTop {
width: 960px;
height: 9px;
background: url(../images/mainTopBorder.png) top left no-repeat;
font-size: 0;
}
#mainMiddle {
background: #fff;
width: 899px;
padding: 10px 30px 30px 30px;
}
#searchHome {
width: 500px;
height: 40px;
background: url(../images/searchBack.gif) top left no-repeat;
float: right;
padding: 6px 0 0 20px;
}
#searchHome input {
border: none;
width: 450px;
height: 22px;
padding-top: 7px;
font-size: 16px;
color: #ABABAB;
float: left;
margin-top: 1px;
}
#searchHome button {
border: none;
float: left;
width: 37px;
height: 35px;
background: url(../images/searchButton.png) top left no-repeat;
overflow: hidden;
text-indent: -100000000px;
}
#homeGmap {
margin: 20px 0;
width: 879px;
height: 380px;
border: 10px solid #C4DFEE;
}
#recentEvents {
width: 450px;
float: left;
}
#recentEvents h2 {
color: #33CCFF;
font: bold 36px 'Helvetica Neue','Helvetica','Arial',sans-serif;
}
.tweet {
width: 450px;
height: 85px;
background: url(../images/tweetBackground.gif) top left no-repeat;
margin-top: 10px;
clear: both;
}
.avatar {
display: block;
float: left;
width: 79px;
padding: 18px 0 18px 13px;
background: url(../images/tweetAvatarBack.gif) top left no-repeat;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-topleft: 6px;
}
.avatar img {
width: 48px;
height: 48px;
}
.controls {
position: absolute;
bottom: 5px;
left: 5px;
color: #666666;
font-size: 11px;
}
.controls strong {
padding-right: 5px;
}
.controls a {
color: #666666;
font-size: 11px;
text-decoration: none;
padding-right: 5px;
font-weight: bold;
}
.controls a:hover {
text-decoration: underline;
}
#addText {
float: left;
padding-left: 25px;
width: 423px;
}
#addText h1 {
color: #33CCFF;
font: bold 36px 'Helvetica Neue','Helvetica','Arial',sans-serif;
}
#addText h2 {
color: #99CA3C;
font: bold 20px 'Helvetica Neue','Helvetica','Arial',sans-serif;
margin-bottom: 5px;
}
#addText p {
padding: 5px 0 15px 0;
}
#addText strong {
color: #33CCFF;
font: bold 16px 'Helvetica Neue','Helvetica','Arial',sans-serif;
}
#mainBottom {
width: 960px;
height: 9px;
background: url(../images/mainBottomBorder.png) top left no-repeat;
}
#footer {
margin: 20px 0 80px 0;
width: 950px;
padding-left: 10px;
background: url(../images/menuLeft.png) top left no-repeat;
height: 38px;
}
#footer ul {
padding: 10px 20px 0 0;
height: 28px;
background: #fff;
float: left;
}
#footer ul li {
float: left;
font-size: 14px;
color: #3198D3;
padding-left: 20px;
}
#footer ul li#copyright {
width: 574px;
}
#footer ul li a {
float: left;
font-size: 14px;
color: #3198D3;
text-decoration: none;
}
#footer ul li a:hover {
text-decoration: underline;
}
#footer_right {
float: left;
background: url(../images/menuRight.png) top right no-repeat;
width: 8px;
height: 38px;
}
.qtip {
width: 250px !important;
margin-left: -180px;
line-height: 150%;
}
#proffileInfo {
display: none;
}
.line {
width: 230px;
height: 1px;
font-size: 0;
margin: 5px 0;
background: #9CB6CE;
}
#addShare {
margin-top: 45px;
width: 590px;
padding: 10px 0 10px 10px;
float: left;
}
#addShare h1 {
color: #99CA3C;
font-family: 'Helvetica Neue','Helvetica','Arial',sans-serif;
font-size: 20px;
margin-bottom: 15px;
text-align: left;
}
#addShare .addRow {
clear: both;
padding-bottom: 15px;
}
#addShare .number {
width: 23px;
height: 20px;
background: url(../images/number.gif) top left no-repeat;
text-align: center;
color: #fff;
font-size: 14px;
font-weight: bold;
padding-top: 3px;
float: left;
}
#addShare .form {
float: left;
padding-left: 10px;
width: 540px;
}
#addShare .form input {
color:#ABABAB;
font-size:16px;
height:21px;
padding-left: 3px;
border: 1px solid #43B3D9;
float: left;
}
#addShare .form a.button {
display: block;
float: left;
width: 94px;
height: 21px;
background: url(../images/find.gif) top left no-repeat;
margin-left: 10px;
text-align: center;
color: #fff;
font-size: 16px;
padding-top: 4px;
text-decoration: none;
}
#addShare .form a.button:hover {
background-position: 0 -25px;
}
#addShare .form #map {
width: 550px;
height: 395px;
display: none;
padding-top: 15px;
}
#addShare .form .edit {
display: block !important;
}
#addShare .form #map #gmaps {
border: 5px solid #fff;
height: 350px;
margin: 5px 0 10px 0;
width: 525px;
display: block;
overflow: hidden;
}
#addShare .form #map label {
color:#ABABAB;
font-size: 14px;
display: block;
float: left;
padding: 3px 3px 0 3px;
}
#addShare .form #errorSearch, #addShare .form #errorForm {
color: red;
font-size: 16px;
text-align: left;
margin-left: 50px;
margin-top: 20px;
padding-left: 45px;
width: 360px;
height: 50px;
display: none;
background: url(../images/error.png) top left no-repeat;
}
#addShare .form textarea {
color: #ABABAB;
font-size:16px;
padding-left: 3px;
border: 1px solid #43B3D9;
float: left;
width: 530px;
height: 155px;
}
#addShare .form #numbers {
float: right;
font-size: 14px;
font-weight: bold;
color: #ABABAB;
margin-right: 5px;
}
#addShare .form label {
color: #ABABAB;
font-size:16px;
display: block;
padding-bottom: 10px;
padding-top: 3px;
}
#addShare .form #shareit {
display: block;
overflow: hidden;
width: 130px;
height: 32px;
text-indent: -100000000px;
background: url(../images/shareit.gif) top left no-repeat;
margin-left: 390px;
}
#addShare .form #shareit:hover {
background-position: 0 -32px;
}
#rightBar {
margin-top: 45px;
float: right;
margin-left: 15px;
width: 280px;
}
.rightBox {
line-height: 17px;
width: 260px;
background-color: #C4DFEE;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
padding: 10px;
color: #575757;
font-size: 12px;
margin-bottom: 15px;
overflow: hidden;
}
.rightBox h3 {
color: #3198D3;
font-family: 'Helvetica Neue','Helvetica','Arial',sans-serif;
font-size: 18px;
font-style: italic;
margin-bottom: 5px;
}
.rightBox a {
color: #33CCFF;
}
.rightBox .whiteLine {
font-size: 0;
border-top: 1px solid #4E8CB1;
margin: 15px 0;
}
.author {
text-decoration: none;
}
.author img {
width: 45px;
height: 45px;
border: 5px solid #fff;
margin-bottom: 5px;
}
.rightBox strong {
}
#SharesList{
float:left;
margin-top:45px;
padding:10px 0 10px 10px;
width:590px;
}
#SharesList h1 {
font-size:22px;
margin-top:15px;
color: #C4DFEE;
border-bottom: 4px solid #C4DFEE;
padding-bottom: 5px;
}
#ownerName {
height: 85px;
}
#ownerName .bigAvatar {
float: left;
border: 5px solid #C4DFEE;
margin-right: 10px;
}
#ownerName .bigAvatar img {
width: 73px;
height: 73px;
}
#ownerName h1 {
margin-top: 0;
margin-bottom: 10px;
border: none;
}
#ownerName h2 {
color:#666666 !important;
font-size:14px !important;
font-weight: normal !important;
border: none !important;
}
#ownerName h1 a {
font-size: 30px;
text-decoration: none;
color: #3198D3;
}
.tweets {
margin-top: 10px;
clear: both;
padding-top: 10px;
border-top: 1px solid #4E8CB1;
}
.tweets .photo {
float: left;
margin-right: 10px;
}
.tweets .photo img {
width: 45px;
height: 45px;
}
.tweets p {
padding-left: 55px;
}
#shaers {
margin: 15px 0;
}
.destination {
clear: both;
margin-top: 20px;
}
.destination em {
float: right;
padding: 0 8px 2px 0;
}
.destinfo {
clear: both;
position: relative;
background: #EFF9FF;
padding: 10px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
}
.destination .photo {
width: 104px;
height: 112px;
background: url(../images/photo-frame.png) top left no-repeat;
float: left;
margin-right: 10px;
padding: 4px 0 0 5px;
}
.destinfo .text {
width: 335px;
padding-left: 120px;
}
.destinfo .text h2 {
font-size: 14px;
color: #575757;
font-weight: normal;
margin-bottom: 5px;
}
.destinfo .text h2 a {
font-size: 14px;
color: #575757;
text-decoration: none;
}
.destinfo .text h2 a:hover {
color: #000;
}
.destinfo .text h3{
font-size: 20px;
margin-bottom: 5px;
}
.destinfo .text h3 a {
color: #3198D3;
text-decoration: none;
}
.destinfo .text h3 a:hover {
color: #33CCFF;
}
.destinfo .info {
position: absolute;
top: 10px;
right: 20px;
height: 85%;
color: #575757;
line-height: 20px;
width: 80px;
padding-left: 16px;
border-left: 1px solid #CCCCCC;
}
.destinfo .info img {
float: left;
vertical-align: middle;
margin-right: 5px;
width: 20px;
height: 20px;
}
.destinfo .info strong {
padding-top: 5px;
}
.destinfo .info strong.green {
color: green;
}
.red {
color: red;
}
.green {
color: green;
}
#SharesList .more {
background-color:#FFFFFF;
background-image:url(../images/more.gif);
background-position:left top;
background-repeat:repeat-x;
border-color:#DDDDDD #AAAAAA #AAAAAA #DDDDDD;
border-style:solid;
border-width:1px;
display:block;
font-size:14px;
font-weight:bold;
height:22px;
line-height:1.5em;
margin-bottom:6px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:6px 0;
text-align:center;
text-shadow:1px 1px 1px #FFFFFF;
width:100%;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
color:#3198D3;
text-decoration:none;
}
#SharesList .more:hover {
background-position: left -78px;
border:1px solid #BBBBBB;
}
#SharesList #sharesLoader {
text-align: center;
display: none;
}
#codeigniter_profiler {
width: 940px;
height: 300px;
position: absolute;
bottom: 5px;
left: 150px;
z-index: 20000;
overflow: auto;
}
#SearchList {
float:left;
margin-top:45px;
padding: 0 0 10px 10px;
width:590px;
}
#SearchList h1 {
border-bottom:4px solid #C4DFEE;
color:#C4DFEE;
font-size:22px;
padding-bottom:5px;
}
.tweetsSearch {
clear: both;
margin: 15px 0;
background: url(../images/tweetsBackground.gif) top left repeat-y;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
position: relative;
}
.tweetsSearch p {
padding: 10px 10px 10px 110px;
}
.tweetsSearch a {
color: #99CA3C;
}
#SearchList #sharesLoader {
display:none;
text-align:center;
}
#moreButton {
background-color:#FFFFFF;
background-image:url(../images/more.gif);
background-position:left top;
background-repeat:repeat-x;
border-color:#DDDDDD #AAAAAA #AAAAAA #DDDDDD;
border-style:solid;
border-width:1px;
display:block;
font-size:14px;
font-weight:bold;
height:22px;
line-height:1.5em;
margin-bottom:6px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:6px 0;
text-align:center;
text-shadow:1px 1px 1px #FFFFFF;
width:100%;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
color:#3198D3;
text-decoration:none;
}
#moreButton:hover {
background-position: left -78px;
border:1px solid #BBBBBB;
}
#discovery {
margin-top:45px;
}
#leftDiscovery {
float: left;
width: 490px;
margin-right: 20px;
}
#leftDiscovery h1 {
border-bottom:4px solid #C4DFEE;
color: #33CCFF;
font-size:22px;
margin-bottom: 15px;
padding-bottom: 5px;
padding-top: 25px;
}
#leftDiscovery #discPhoto {
width: 480px;
text-align: center;
}
#leftDiscovery #discPhoto a {
position: relative;
}
#leftDiscovery #discPhoto a .bigPhoto {
position: relative;
z-index: 10;
}
#leftDiscovery #discPhoto a .magnifying {
position: absolute;
z-index: 20;
bottom: 5px;
right: 8px;
}
#leftDiscovery #discPhoto img {
margin-bottom: 20px;
}
#leftDiscovery #tabs {
height: 32px;
border-bottom: 4px solid #C4DFEE;
}
#leftDiscovery #tabs li{
float: left;
margin-right: 5px;
}
#leftDiscovery #tabs li a{
float: left;
height: 25px;
padding: 7px 15px 0 15px;
background: #EEEEEE;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
font-size: 16px;
color: #3198D3;
text-decoration: none;
}
#leftDiscovery #tabs li a:hover, #leftDiscovery #tabs li a.select {
background: #C4DFEE;
color: #3198D3;
}
#leftDiscovery p {
font-size: 14px;
}
#leftDiscovery p b {
font-weight: normal;
}
#rightDiscovery {
float: left;
}
#rightDiscovery .rightBox {
width: 365px;
}
#rightDiscovery #bigMap {
width: 365px;
height: 325px;
overflow: hidden;
}
#rightDiscovery #smallMap {
width: 365px;
height: 150px;
}
#rightDiscovery .marker {
float: left;
}
#rightDiscovery #address {
float: left;
width: 320px;
}
.rightBox #address h2 {
font-size: 12px;
font-weight: bold;
display: inline;
}
#rightDiscovery .thumb {
display: block;
float: left;
margin: 5px 8px;
}
#rightDiscovery #powered {
float: right;
padding-top: 15px;
}
#rightDiscovery #powered img {
height: 15px;
}
#googleAds468 {
margin: 15px 0;
}
#rightDiscovery #author {
line-height: 17px;
}
#rightDiscovery #author a {
color: #33CCFF;
}
#rightDiscovery #author img {
width: 32px;
height: 32px;
}
#rightDiscovery #author .authorAvatar {
float: left;
margin-right: 10px;
}
#tweetsLoader, #commentsLoader {
text-align: center;
padding: 10px 0 20px 0;
display: none;
}
#leftDiscovery #tweetsAround, #leftDiscovery #tweetsAroundMore {
display: none;
}
#rightDiscovery .destinfo {
margin-top: 5px;
clear: both;
height: 75px;
}
#rightDiscovery .destinfo h3 {
font-size: 14px;
}
#rightDiscovery .destinfo .photo {
display: block;
float: left;
margin-right: 10px;
}
#rightDiscovery .destinfo .photo img {
width: 75px;
height: 75px;
}
#rightDiscovery .destinfo .text {
width: 260px;
float: left;
padding-left: 0px;
}
#tweetsAroundMore {
margin-top: 20px;
}
#mycomment {
border:1px solid #43B3D9;
color: #ABABAB;
float: left;
height: 65px;
width: 365px;
margin-right: 15px;
margin-bottom: 10px;
padding: 5px;
}
#comments {
padding-top: 10px;
}
#comments .hr {
border-top:2px solid #F0F0F0;
}
#commentsLinks {
height: 30px;
padding: 5px 0;
position: relative;
}
#commentsLinks .links {
position: absolute;
top: 10px;
height:20px;
z-index: 5;
}
#commentsLinks label {
padding: 0 10px;
}
#commentsLinks input {
width: 200px;
}
#commentsLinks .youtube, #commentsLinks .image {
display: none;
position: absolute;
top: 10px;
z-index: 10;
width: 380px;
height: 20px;
background: #fff;
color:#777777;
font-size:11px;
text-decoration:none;
}
#commentsLinks .close {
color:#666666 !important;
font-family:Tahoma !important;
font-size:14px;
font-weight:bold;
position:absolute;
right:7px;
}
#commentsLinks a {
text-decoration: none;
}
#commentBtn {
display: block;
width: 94px;
height: 19px;
float: left;
background: url(../images/find.gif) top left no-repeat;
color: #fff;
text-decoration: none;
text-align: center;
padding-top: 6px;
}
#commentBtn:hover {
background-position: 0 -25px;
}
#commentLoader {
float: left;
padding: 20px;
display: none;
}
.mycomment {
display: none;
}
.replay {
color: #3198D3;
text-decoration: none;
font-weight: bold;
right: 15px;
bottom: 5px;
position: absolute;
}
.infoWindow {
width: 300px;
}
.infoWindow .autorPic {
float: left;
}
.infoWindow .autorPic img {
width: 40px;
height: 40px;
}
.infoWindow .markerInfo {
padding-left: 40px;
}
.infoWindow .markerInfo img {
float: left;
margin: 0 10px;
width: 100px;
height: 109px;
}
.infoWindow .markerInfo h4 {
margin-bottom: 10px;
}
.infoWindow .markerInfo a {
color: #99CA3C;
}
.infoWindow .markerInfo h4 a {
color: #99CA3C;
font-size: 12px;
font-weight: bold;
padding-bottom: 10px;
text-decoration: none;
}
.infoWindow .markerInfo p {
padding-bottom: 10px;
}
.infoWindow .markerInfo em {
float: right;
color: #666666;
}
.btn {
float:left;
margin: 0 5px 0 4px;
padding: 3px 12px;
display: block;
background: #33CCFF;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
color: #fff !important;
text-decoration: none;
cursor: pointer;
}
.btn img {
float: left;
margin-right: 5px;
}
#ratingResult {
padding: 10px 0 0 10px;
}
em.rating {
position: absolute;
display: block;
color: #4B4B4B;
font-family: georgia,arial;
font-size: 18px;
font-style: italic;
padding-bottom: 10px;
text-align: right;
top: 30px;
right: 40px;
}
#ownerPoints {
background: url(../images/menuLeft.png) top left no-repeat;
float:left;
height:40px;
padding:0 0 0 11px;
margin-left: 10px;
}
#pointsBody {
background: #FFF;
float: left;
height: 36px;
padding-top: 2px;
color: #777777;
font-size: 10px;
text-align: center;
font-family:georgia,arial;
}
#pointsBody strong {
display: block;
font-size: 18px;
padding-bottom: 3px;
}
#pointsBody a {
color: #777777;
text-decoration: none;
}
#pointsBody a:hover {
text-decoration: underline;
}
#pointsRight {
background: url(../images/menuRight.png) top left no-repeat;
float: left;
height: 38px;
width: 11px;
}
#discoveryOptions {
height: 30px;
float: right;
}
#discoveryOptions a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
display:block;
float:left;
margin-left:5px;
padding:3px 8px;
color: #3198D3;
text-decoration: none;
font-size: 11px;
}
#discoveryOptions a:hover {
text-decoration: underline;
}
#page {
margin-top:45px;
}
#page h1 {
border-bottom:4px solid #C4DFEE;
color:#33CCFF;
font-size:22px;
margin-bottom:15px;
padding-bottom:5px;
padding-top:25px;
}
#page h2, #page h3 {
margin-bottom:1em;
color:#99CA3C;
font-size: 18px;
font-family:georgia,arial;
}
#page p, #page li {
color:#575757;
font-size:14px;
line-height:17px;
margin-bottom:1em;
}
#page li {
margin-bottom:1em;
margin-left: 20px;
}
/* Misc HTML Styles */
.clear {
clear: both;
}
/* Main HTML Styles */
body {
background: url(../images/background.gif) top left repeat;
font-family: Verdana,Tahoma,Arial,sans-serif;
font-size: 12px;
}
input, textarea {
font-family: Verdana,Tahoma,Arial,sans-serif;
font-size: 12px;
}
p {
line-height: 120%;
}
#wrapper {
width: 960px;
margin: 10px auto;
position: relative;
}
#userMenu {
position: absolute;
top: 0;
right: 0;
}
#proffile {
float: left;
height: 40px;
background: url(../images/menuLeft.png) top left no-repeat;
padding: 0 0 0 8px;
}
#proffile_body {
background: #fff;
height: 36px;
float: left;
padding-top: 2px
}
#proffile_right {
float: left;
background: url(../images/menuRight.png) top right no-repeat;
width: 8px;
height: 38px;
}
#proffile img {
width: 34px;
height: 34px;
float: left;
}
#proffile span {
display: block;
float: left;
padding-top: 5px;
font-size: 14px;
font-weight: bold;
color: #3198D3;
}
#menu {
float: left;
margin-left: 10px;
height: 40px;
background: url(../images/menuLeft.png) top left no-repeat;
padding: 0 0 0 11px;
}
#menu ul {
height: 38px;
background: #fff;
float: left;
padding-right: 10px;
}
#menu ul li {
float: left;
}
#menu ul li a {
float: left;
padding-left: 10px;
padding-top: 12px;
font-size: 14px;
font-weight: bold;
color: #3198D3;
text-decoration: none;
}
#menu ul li a:hover {
color: #33CCFF;
}
#menu_right {
float: left;
background: url(../images/menuRight.png) top left no-repeat;
width: 11px;
height: 38px;
}
#mainTop {
width: 960px;
height: 9px;
background: url(../images/mainTopBorder.png) top left no-repeat;
font-size: 0;
}
#mainMiddle {
background: #fff;
width: 899px;
padding: 10px 30px 30px 30px;
}
#searchHome {
width: 500px;
height: 40px;
background: url(../images/searchBack.gif) top left no-repeat;
float: right;
padding: 6px 0 0 20px;
}
#searchHome input {
border: none;
width: 450px;
height: 22px;
padding-top: 7px;
font-size: 16px;
color: #ABABAB;
float: left;
margin-top: 1px;
}
#searchHome button {
border: none;
float: left;
width: 37px;
height: 35px;
background: url(../images/searchButton.png) top left no-repeat;
overflow: hidden;
text-indent: -100000000px;
}
#homeGmap {
margin: 20px 0;
width: 879px;
height: 380px;
border: 10px solid #C4DFEE;
}
#recentEvents {
width: 450px;
float: left;
}
#recentEvents h2 {
color: #33CCFF;
font: bold 36px 'Helvetica Neue','Helvetica','Arial',sans-serif;
}
.tweet {
width: 450px;
height: 85px;
background: url(../images/tweetBackground.gif) top left no-repeat;
margin-top: 10px;
clear: both;
}
.avatar {
display: block;
float: left;
width: 79px;
padding: 18px 0 18px 13px;
background: url(../images/tweetAvatarBack.gif) top left no-repeat;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-topleft: 6px;
}
.avatar img {
width: 48px;
height: 48px;
}
#tweets {
overflow: hidden;
height: 420px;
}
.tweet div {
width: 340px;
height: 75px;
float: left;
position: relative;
padding: 5px;
color: #666666;
font-size: 12px;
line-height: 120%;
}
.tweet div a.extLink {
color: #99CA3C;
}
.tweet div h4 {
margin-bottom: 5px;
font-weight: bold;
font-size: 12px;
}
.tweet div h4 a {
color: #666666;
font-weight: bold;
font-size: 14px;
text-decoration: none;
}
.tweet div h4 a:hover {
text-decoration: underline;
}
.controls {
position: absolute;
bottom: 5px;
left: 5px;
color: #666666;
font-size: 11px;
}
.controls strong {
padding-right: 5px;
}
.controls a {
color: #666666;
font-size: 11px;
text-decoration: none;
padding-right: 5px;
font-weight: bold;
}
.controls a:hover {
text-decoration: underline;
}
#addText {
float: left;
padding-left: 25px;
width: 423px;
}
#addText h1 {
color: #33CCFF;
font: bold 36px 'Helvetica Neue','Helvetica','Arial',sans-serif;
}
#addText h2 {
color: #99CA3C;
font: bold 20px 'Helvetica Neue','Helvetica','Arial',sans-serif;
margin-bottom: 5px;
}
#addText p {
padding: 5px 0 15px 0;
color:#575757;
font-size:14px;
}
#addText strong {
color: #33CCFF;
font: bold 16px 'Helvetica Neue','Helvetica','Arial',sans-serif;
}
#mainBottom {
width: 960px;
height: 9px;
background: url(../images/mainBottomBorder.png) top left no-repeat;
}
.qtip {
width: 250px !important;
margin-left: -180px;
line-height: 150%;
}
#proffileInfo {
display: none;
}
.line {
width: 230px;
height: 1px;
font-size: 0;
margin: 5px 0;
background: #9CB6CE;
}
#addShare {
margin-top: 45px;
width: 590px;
padding: 10px 0 10px 10px;
float: left;
}
#addShare h1 {
color: #99CA3C;
font-family: 'Helvetica Neue','Helvetica','Arial',sans-serif;
font-size: 20px;
margin-bottom: 15px;
text-align: left;
}
#addShare .addRow {
clear: both;
padding-bottom: 15px;
}
#addShare .number {
width: 23px;
height: 20px;
background: url(../images/number.gif) top left no-repeat;
text-align: center;
color: #fff;
font-size: 14px;
font-weight: bold;
padding-top: 3px;
float: left;
}
#addShare .form {
float: left;
padding-left: 10px;
width: 540px;
}
#addShare .form input {
color:#ABABAB;
font-size:16px;
height:21px;
padding-left: 3px;
border: 1px solid #43B3D9;
float: left;
}
#addShare .form a.button {
display: block;
float: left;
width: 94px;
height: 21px;
background: url(../images/find.gif) top left no-repeat;
margin-left: 10px;
text-align: center;
color: #fff;
font-size: 16px;
padding-top: 4px;
text-decoration: none;
}
#addShare .form a.button:hover {
background-position: 0 -25px;
}
#addShare .form #map {
width: 550px;
height: 395px;
display: none;
padding-top: 15px;
}
#addShare .form #map #gmaps {
border: 5px solid #fff;
height: 350px;
margin: 5px 0 10px 0;
width: 525px;
display: block;
overflow: hidden;
}
#addShare .form #map label {
color:#ABABAB;
font-size: 14px;
display: block;
float: left;
padding: 3px 3px 0 3px;
}
#addShare .form #errorSearch, #addShare .form #errorForm {
color: red;
font-size: 16px;
text-align: left;
margin-left: 50px;
margin-top: 20px;
padding-left: 45px;
width: 360px;
height: 50px;
display: none;
background: url(../images/error.png) top left no-repeat;
}
#addShare .form textarea {
color: #ABABAB;
font-size:16px;
padding-left: 3px;
border: 1px solid #43B3D9;
float: left;
width: 530px;
height: 155px;
}
#addShare .form #numbers {
float: right;
font-size: 14px;
font-weight: bold;
color: #ABABAB;
margin-right: 5px;
}
#addShare .form label {
color: #ABABAB;
font-size:16px;
display: block;
padding-bottom: 10px;
padding-top: 3px;
}
#addShare .form #shareit {
display: block;
overflow: hidden;
width: 130px;
height: 32px;
text-indent: -100000000px;
background: url(../images/shareit.gif) top left no-repeat;
margin-left: 390px;
}
#addShare .form #shareit:hover {
background-position: 0 -32px;
}
#rightBar {
margin-top: 45px;
float: right;
margin-left: 15px;
width: 280px;
}
.rightBox {
line-height: 17px;
width: 260px;
background-color: #C4DFEE;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
padding: 10px;
color: #575757;
font-size: 12px;
margin-bottom: 15px;
}
.rightBox h3 {
color: #3198D3;
font-family: 'Helvetica Neue','Helvetica','Arial',sans-serif;
font-size: 18px;
font-style: italic;
margin-bottom: 5px;
}
.rightBox a {
color: #33CCFF;
}
.rightBox .whiteLine {
font-size: 0;
border-top: 1px solid #4E8CB1;
margin: 15px 0;
}
.author {
text-decoration: none;
}
.author img {
width: 45px;
height: 45px;
border: 5px solid #fff;
margin-bottom: 5px;
}
.rightBox strong {
}
#SharesList{
float:left;
margin-top:45px;
padding:10px 0 10px 10px;
width:590px;
}
#SharesList h1 {
font-size:22px;
margin-top:15px;
color: #C4DFEE;
border-bottom: 4px solid #C4DFEE;
padding-bottom: 5px;
}
#ownerName {
height: 85px;
}
#ownerName .bigAvatar {
float: left;
border: 5px solid #C4DFEE;
margin-right: 10px;
}
#ownerName h1 {
margin-top: 0;
margin-bottom: 10px;
border: none;
}
#ownerName h2 {
color:#666666 !important;
font-size:14px !important;
font-weight: normal !important;
border: none !important;
}
#ownerName h1 a {
font-size: 30px;
text-decoration: none;
color: #3198D3;
}
.tweets {
margin-top: 10px;
clear: both;
padding-top: 10px;
border-top: 1px solid #4E8CB1;
}
.tweets .photo {
float: left;
margin-right: 10px;
}
.tweets .photo img {
width: 45px;
height: 45px;
}
.tweets p {
padding-left: 55px;
}
#shaers {
margin: 15px 0;
}
.destination {
clear: both;
margin-top: 20px;
}
.destination em {
float: right;
padding: 0 8px 2px 0;
}
.destinfo {
clear: both;
position: relative;
background: #EFF9FF;
padding: 10px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
}
.destination .photo {
width: 104px;
height: 112px;
background: url(../images/photo-frame.png) top left no-repeat;
float: left;
margin-right: 10px;
padding: 4px 0 0 5px;
}
.destinfo .text {
width: 335px;
padding-left: 120px;
}
.destinfo .text h2 {
font-size: 14px;
color: #575757;
font-weight: normal;
margin-bottom: 5px;
}
.destinfo .text h2 a {
font-size: 14px;
color: #575757;
text-decoration: none;
}
.destinfo .text h2 a:hover {
color: #000;
}
.destinfo .text h3{
font-size: 20px;
margin-bottom: 5px;
}
.destinfo .text h3 a {
color: #3198D3;
text-decoration: none;
}
.destinfo .text h3 a:hover {
color: #33CCFF;
}
.destinfo .info {
position: absolute;
top: 10px;
right: 20px;
height: 85%;
color: #575757;
line-height: 20px;
width: 80px;
padding-left: 16px;
border-left: 1px solid #CCCCCC;
}
.destinfo .info img {
float: left;
vertical-align: middle;
margin-right: 5px;
width: 20px;
height: 20px;
}
.destinfo .info strong {
padding-top: 5px;
}
.destinfo .info strong.green {
color: green;
}
.red {
color: red;
}
.green {
color: green;
}
#SharesList .more {
background-color:#FFFFFF;
background-image:url(../images/more.gif);
background-position:left top;
background-repeat:repeat-x;
border-color:#DDDDDD #AAAAAA #AAAAAA #DDDDDD;
border-style:solid;
border-width:1px;
display:block;
font-size:14px;
font-weight:bold;
height:22px;
line-height:1.5em;
margin-bottom:6px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:6px 0;
text-align:center;
text-shadow:1px 1px 1px #FFFFFF;
width:100%;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
color:#3198D3;
text-decoration:none;
}
#SharesList .more:hover {
background-position: left -78px;
border:1px solid #BBBBBB;
}
#SharesList #sharesLoader {
text-align: center;
display: none;
}
#codeigniter_profiler {
width: 940px;
height: 300px;
position: absolute;
bottom: 5px;
left: 150px;
z-index: 20000;
overflow: auto;
}
#SearchList {
float:left;
margin-top:45px;
padding: 0 0 10px 10px;
width:590px;
}
#SearchList h1 {
border-bottom:4px solid #C4DFEE;
color:#C4DFEE;
font-size:22px;
padding-bottom:5px;
}
.tweetsSearch {
clear: both;
margin: 15px 0;
height: 1%;
background: url(../images/tweetsBackground.gif) top left repeat-y;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
position: relative;
}
.tweetsSearch p {
padding: 10px 10px 10px 110px;
}
.tweetsSearch a {
color: #99CA3C;
}
#SearchList #sharesLoader {
display:none;
text-align:center;
}
#moreButton {
background-color:#FFFFFF;
background-image:url(../images/more.gif);
background-position:left top;
background-repeat:repeat-x;
border-color:#DDDDDD #AAAAAA #AAAAAA #DDDDDD;
border-style:solid;
border-width:1px;
display:block;
font-size:14px;
font-weight:bold;
height:22px;
line-height:1.5em;
margin-bottom:6px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:6px 0;
text-align:center;
text-shadow:1px 1px 1px #FFFFFF;
width:100%;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
color:#3198D3;
text-decoration:none;
}
#moreButton:hover {
background-position: left -78px;
border:1px solid #BBBBBB;
}
#discovery {
margin-top:45px;
}
#leftDiscovery {
float: left;
width: 490px;
margin-right: 20px;
}
#leftDiscovery h1 {
border-bottom:4px solid #C4DFEE;
color: #33CCFF;
font-size:22px;
margin-bottom: 15px;
padding-bottom: 5px;
padding-top: 25px;
}
#leftDiscovery #discPhoto {
width: 480px;
text-align: center;
}
#leftDiscovery #discPhoto a {
position: relative;
}
#leftDiscovery #discPhoto a .bigPhoto {
position: relative;
z-index: 10;
}
#leftDiscovery #discPhoto a .magnifying {
position: absolute;
z-index: 20;
bottom: 5px;
right: 8px;
}
#leftDiscovery #discPhoto img {
margin-bottom: 20px;
}
#people {
float:left;
margin-top:45px;
padding: 10px 0 10px 10px;
width:590px;
}
#people #tabs {
height: 35px;
border-bottom: 4px solid #C4DFEE;
}
#people #tabs li{
float: left;
margin-right: 10px;
}
#people #tabs li a{
float: left;
height: 25px;
padding: 10px 25px 0 25px;
background: #EEEEEE;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
font-size: 18px;
font-weight: bold;
color: #3198D3;
text-decoration: none;
}
#people #tabs li a:hover, #people #tabs li a.select {
background: #C4DFEE;
color: #3198D3;
}
#people h1 {
font-size: 32px;
margin: 15px 0;
color: #99CA3C;
font-weight: normal;
float: left;
}
#people form {
float: right;
padding: 15px 0 0 0;
}
#people input {
border: none;
width: 250px;
height: 25px;
padding-top: 7px;
padding-left: 5px;
font-size: 16px;
color: #ABABAB;
float: left;
border: 1px solid #43B3D9;
border-right: none;
}
#people button {
border: none;
float: left;
width: 37px;
height: 35px;
background: url(../images/searchButton.png) top left no-repeat;
overflow: hidden;
text-indent: -100000000px;
}
#people .user {
border-top: 1px dotted #AAAAAA;
padding:15px;
}
#people .user .photo {
float: left;
height: 48px;
width: 48px;
margin-right: 10px;
border: 3px solid #C4DFEE;
}
#people .user .photo img {
height: 48px;
width: 48px;
}
#people .user .userInfo {
position: relative;
float: left;
}
#people .user .userInfo a {
font-size: 15px;
color: #3198D3;
font-weight: bold;
text-decoration: none;
}
#people .user .userInfo a:hover {
color: #33DCFF;
}
#people .user .userInfo p {
padding: 5px 0;
width: 480px;
}
#people .user .userInfo span {
display: block;
padding-top: 5px;
}
#people #peopleLoader {
text-align: center;
display: none;
margin-bottom: 15px;
}
#errorSearch {
padding: 15px;
text-align: center;
color: #777777;
}
#content404 {
padding-left: 320px;
margin-top: 80px;
padding-top: 15px;
height: 400px;
background: url(../images/bird-lost.png) top left no-repeat;
font-family: georgia,arial;
font-size: 26px;
color: #777777;
}
#content404 h1 {
margin: 20px 0;
color: #000;
font-size: 32px;
}
#content404 a {
color: #99CA3C;
}
#content404 strong {
color: #000;
}
#content404 p, #content404 ul{
margin-bottom: 10px;
}
#content404 ul {
padding-left: 20px;
}
#content404 ul li{
list-style: circle;
margin-bottom: 10px;
}
#bigMapContent {
padding-top: 65px;
}
#bigMapContent #results {
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
border: 5px solid #EFF9FF;
background: #EFF9FF;
color:#575757;
font-size:12px;
line-height:17px;
margin-bottom:15px;
padding:3px;
width: 260px;
height: 610px;
float: left;
overflow-y: scroll;
}
#bigMapContent #bigMap {
float: right;
width: 580px;
height: 615px;
border: 5px solid #C4DFEE;
}
#bigMapContent #results .resElement {
cursor: pointer;
padding: 5px;
background: #fff;
display: block;
}
#bigMapContent #results .second {
background: #DFF4FF;
}
#bigMapContent #results .resElement h4 {
color: #3198D3;
}
#bigMapContent #results .resElement:hover {
background: #C4DFEE;
}
#bigMapContent #results .resElement:hover h4 {
text-decoration: underline;
}
#bigMapContent #results .resElement img {
float: left;
margin-right: 5px;
}
#bigMapContent #results .resElement span {
display: block;
width: 210px;
}
.rightGoogleAds {
width: 336px;
height: 280px;
margin: 0 auto;
}
.outermenu {
margin-right: 10px;
}
q {
display: block;
background: url(../images/quoteOpen.gif) top left no-repeat;
padding: 0 0 0 50px;
color:#575757;
font-size:14px;
line-height:17px;
margin-bottom:1em;
width: 350px;
float: left;
margin: 20px 20px;
}
q a {
color: #33CCFF;
font-weight: bold;
text-decoration: none;
}
q a:hover {
text-decoration: underline;
}
.tweet div {
width: 340px;
height: 75px;
float: left;
position: relative;
padding: 5px;
color: #666666;
font-size: 12px;
line-height: 120%;
}
.tweet div a.extLink {
color: #99CA3C;
}
.tweet div h4 {
margin-bottom: 5px;
font-weight: bold;
font-size: 12px;
}
.tweet div h4 a {
color: #666666;
font-weight: bold;
font-size: 14px;
text-decoration: none;
}
.tweet div h4 a:hover {
text-decoration: underline;
}
.newHomeMap {
height: 340px !important;
}
#rightHome {
width: 265px;
float: right;
}
#rightHome h2 {
color: #3198D3;
font-family: Verdana;
font-size: 18px;
margin-bottom: 5px;
}
#tweets {
}
#tweets .tweetSmall {
clear: both;
border-bottom: 1px solid #DFDFDF;
padding-bottom: 5px;
margin: 5px 0;
}
#tweets .tweetSmall div {
font-size: 9px;
color: #969696;
line-height: 12px;
}
#tweets .tweetSmall div a {
color: #33CCFF;
}
#tweets .tweetSmall h4 a {
text-decoration: none;
font-weight: bold;
color: #969696;
font-size: 11px;
}
#tweets .avatarSmall {
display: block;
float: left;
margin-right: 5px;
padding-top: 3px;
}
#tweets .avatarSmall img {
width: 17px;
height: 17px;
}
.members a {
display: block;
float: left;
margin-right: 5px;
margin-bottom: 5px;
padding: 2px;
border: 1px solid #CDCDCD;
width: 30px;
height: 30px;
overflow: hidden;
}
.members a img {
width: 30px;
height: 30px;
}
#leftHome {
width: 630px;
float: left;
}
.infoHome div {
width: 270px;
height: 120px;
padding: 10px;
float: left;
background: url(../images/infoBack.png) top left no-repeat;
font-size: 14px;
font-family: Verdana;
color: #575757;
line-height: 14px;
}
.infoHome div.firstInfo {
margin-right: 25px;
}
.infoHome div h2 {
margin-bottom: 10px;
font-size: 18px;
font-family: Verdana;
color: #3198D3;
padding-left: 30px;
background: url(../images/globe_small.gif) top left no-repeat;
height: 18px;
}
.infoHome div.firstInfo h2 {
background: url(../images/share.gif) top left no-repeat;
}
#leftHome h2 {
margin-bottom: 10px;
font-size: 18px;
font-family: Verdana;
color: #3198D3;
}
#homeDiscoveries a {
display: block;
float: left;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
border: 1px solid #CCCCCC;
padding: 10px 12px;
width: 118px;
height: 185px;
margin: 0 8px 8px 0;
text-decoration: none;
color: #33CCFF;
}
#homeDiscoveries a:hover {
background: #F4F4F4;
}
#homeDiscoveries a img {
display: block;
margin-bottom: 8px;
}
#homeNews {
position: relative;
width: 600px;
height: 150px;
background: url(../images/smallQuotes.png) 0 25px no-repeat;
overflow: hidden;
}
#homeNews div {
clear: both;
display: none;;
height: 120px;
top: 25px !important;
left: 35px !important;
}
#homeNews div p {
font-family: Helvetica;
font-size: 21px;
font-style: italic;
color: #999999;
}
#homeNews div img {
height: 30px;
float: right;
margin-right: 15px;
}
.commentAnonymous {
background-color: #C4DFEE;
font-weight: bold;
margin: 10px 0;
padding: 8px;
text-align: center;
color: #575757;
font-size: 14px;
}
.commentAnonymous a {
color: #99CA3C;
}