/* -------------------------------------------------- Project: TrippyDoo.com Author: VISUALIS / www.visualis.ro Usage: General Date: 26.08.2009 -------------------------------------------------- */ /* new TripPage */ .page-title {float:left; width:500px; font-weight:bold; padding-bottom:5px;} .page-title h1{color:#7C3C9B;padding-bottom:5px;font-size: 22px;font-weight:bold;} .page-title a{font-size:20px;font-weight: normal;} .page-title form {display:none;} .page-title form a{font-size: 16px;} .page-title form input{width:360px;font-size:20px;font-weight: normal;}/* New Trip input.trip-title */ /* trip completed progress bar */ .progress{width:265px;float:right;padding-top:0px;font-size: 13px;} .meter{overflow:hidden;border:1px solid #ccc;display: block;width:118px;float:left;height:20px;margin-right:10px;} .meter img{height:20px;} /* second bar with:city_country and budget */ #second-bar{clear:both;width:950px;float:left;} /* City, Country */ .page-subtitle {width:270px;float:left;} .page-subtitle h3 {font-size:16px; font-weight:bold;} .page-subtitle a{font-size:16px;} .page-subtitle form {display:none;} .page-subtitle form input{width:170px;}/* New Trip input.city-country */ .page-subtitle form a{font-size:13px;}/* New Trip input.city-country */ /* inline-edit : opened form */ .inline-edit form:hover {text-decoration:none;font-style: normal; background-color: #FFF;padding:0;} .inline-edit form a{font-weight: normal;text-decoration: none;letter-spacing:0.1px;padding-left:4px;} .inline-edit form a:hover{text-decoration: underline;} /* inline-edit : no value inserted */ .inline-edit div a {cursor:pointer;display: block;background-color:#feffb9;padding:2px 5px;letter-spacing:-0.5px;color:#666;font-weight:normal;} .inline-edit div a:hover {text-decoration:none;block;background-color:#C5C1C9;color:#333;} /* inline-edit : for H1,H3 .. and other tags */ .inline-edit h1, .inline-edit h3 {padding:2px 5px;} .inline-edit h1:hover, .inline-edit h3:hover{background-color:#C5C1C9;color:#333;padding:2px 5px;font-weight: normal;} /* trip-budget */ .trip-budget {float:right;/*width:270px;*/font-size: 14px;} .trip-budget div{font-weight:bold;float:left;} .trip-budget a.inline-edit{width:110px;margin-left:4px;float:left;} .trip-budget div.inline-edit a {cursor:pointer;display: block;background-color:#feffb9;padding:2px 5px;letter-spacing:-0.5px;color:#666;font-weight:normal;} .trip-budget h3 {margin-left:4px;background:#FFF;float:left;margin-right:20px;/*width:110px;*/} .trip-budget h3.inline-edit:hover{background-color:#C5C1C9;color:#333;} .trip-budget input{width:50px;} /* sheep-categories / funny avatars*/ .sheep-categories{clear:both;} .sheep-categories div{float:left;width:137px; height:135px; background:repeat scroll 0 0 margin:2px;} .sheep-categories div.on{background-position: bottom left;} .sheep-categories div:hover{background-position: bottom left;cursor: pointer;} .culture {background: url("../img/category-sheep-culture.jpg");} .family {background: url("../img/category-sheep-family.jpg");} .entertainment {background: url("../img/category-sheep-en.jpg");} .romance {background: url("../img/category-sheep-romance.jpg");} .beach {background: url("../img/category-sheep-beach.jpg");} .sightseeing {background: url("../img/category-sheep-si.jpg");} .food-drinks {background: url("../img/category-sheep-fd.jpg");} .adventure {background: url("../img/category-sheep-adventure.jpg");} /* like-dislike-container */ .like-dislike-container {/*margin-top:10px;padding-top:10px;border-top: 1px solid #DDD*/;background:#FFF;overflow:hidden;} .like-dislike-container .like-dislike-box{float:left;width:316px;} .like-dislike-container h2{float:left;} .like-dislike-container h3{color:#666666;font-size:12px;padding:2px 5px;} .like-dislike-container .inline-edit {} .like-dislike-container .inline-edit a{font-size: 13px;font-weight: normal;height:100px;} .like-dislike-container .inline-edit textarea{width:302px;height:150px;font-size:12px;} .save-cancel-right{width:75px; float:right;} .save-cancel-right a{font-size:13px;cursor:pointer;} span.inline-count {display:inline;} /* MEDIA BOX */ #multimedia-box{overflow:hidden;height:auto;} .media-box-photos {width:100%;overflow:hidden;} .photo-small-box{float:left;margin-right:5px;display:block; height:85px;} .photo-small-frame{border:2px solid #EEEEEE;width:100px;height:75px;overflow:hidden;display:block;} .photo-small-frame img{margin:0;width:100px;} .photo-small-delete{background-color:white;cursor:pointer;float:right;height:16px;margin:0;opacity:0.5;position:relative;top:-78px;width:16px;} .photo-small-delete:hover{opacity:1;} .photo-big-delete{background-color:white;cursor:pointer;float:right;height:16px;margin:0;position:relative;top:10px;right:0px;width:94px;font-size:12px;color:#7C3C9B;} .photo-big-delete:hover{opacity:1;} /* ADD NEW PLACES */ .place-box {float:left;width:316px;/*overflow:hidden;*/} .place-text {width:315px;font-size: 13px;} .inline-photo {width:71px;height:55px;float:left;background-color: #7c3c9c;padding:20px 12px;color:#FFF;margin-right:6px;text-align: center;} .inline-text a{margin-bottom:7px;font-size:16px;} .inline-comment a{height:91px; float:left;width:204px;} .place-eat {} .place-eat h3 {font-size:16px;font-weight: bold;color:#7C3C9B;} .place-eat input {width:301px;margin-bottom:7px;font-size:16px;font-weight: bold;} .place-eat textarea {width:200px;height:81px;} .place-stay {} .place-stay h3 {font-size:16px;font-weight: bold;color:#7C3C9B;} .place-stay input {width:301px;margin-bottom:7px;font-size:16px;font-weight: bold;} .place-stay textarea {width:200px;height:81px;} .place-result-box form{float:left;display:none;} .place-result-box textarea {width:182px;height:81px;} /*.place-text form {width:187px;}*/ .place-result-box {overflow:hidden;float:left;margin-bottom:15px;} .place-result-box input{width:20px;float:left;} .place-result-box .photo-result{background:red;width:95px;height:95px;float:left;margin-right:4px;overflow:hidden;} .place-result-box .description-result {float:left;} .place-result-box .description-result a{width:186px;height:91px;} #place-result-google .pagination a{border:1px solid #DDDDDD;float:left;padding:2px 6px;text-decoration:none;background:#FFF;color:#7C3C9B;} #place-result-google .pagination a.on{background:none repeat scroll 0 0 #7C3C9B;color:#FFF;} #place-result-google .pagination a:hover{border:1px solid #7C3C9B;cursor:pointer;text-decoration:underline;} .pagination a.on{background:none repeat scroll 0 0 #7C3C9B;border:1px solid #7C3C9B;color:#FFFFFF;} .places-result-nav{background: url("../img/places-result-nav.jpg");width:65px;height:20px;float:left;margin-right:8px;} .place-save {float:right;} .round-button {background:#7C3C9B; color:#fff; font-weight:bold; padding:5px 20px; text-shadow:1px 1px 0px #56296B; text-decoration:none; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;font-size:12px;border:0 none;} .round-button:hover{background:#592A6E; cursor:pointer;} /*ADD NOTE*/ .trip-note {padding-top:15px;padding-bottom:15px;} .trip-note div a {font-size: 13px; min-height:120px;height:120px;height:auto !important;} .trip-note h3 {font-size: 13px;color:#666666; min-height:120px;height:120px;height:auto !important;} .trip-note textarea{ width:646px;font-size:12px; min-height:120px;height:120px;height:auto !important;} /* LINIE SUB ORICE DIV-CONTAINER */ .hb { padding-bottom:15px;margin-bottom:15px; border-bottom:1px solid #DDDDDD;overflow:hidden;} /*#map-sidebar {display:none;}*/ /* DEFAULT BROWSER STYLE RESET */ html, body, div, span, p, h1, h2, h3, h4, h5, h6, a, dl, dt, dd, ul, ol, li, form, fieldset, legend, label, input, textarea, select, button, blockquote, q, img, font, small, strong, strike, sup, sub, em, code, abbr, acronym, pre, table, caption, th, tr, td { margin:0; padding:0; border:0; outline:none; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;} ol, ul {list-style:none;} table {border-collapse:collapse; border-spacing:0;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-weight:normal;} q:before,q:after {content:'';} strong {font-weight:bold;} em {font-style:italic;} a, a:active, a:hover, a:focus, a:visited, a:hover { outline: none; overflow:hidden;} /* END STYLE RESET */ /* ------- FORMS ------- */ input, textarea, select { font-family:Arial, Helvetica, sans-serif; padding:6px;color:#333; border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; background:#fff url(../img/bg-field.gif) repeat-x top; color:#666;} input.checkbox, input.radio { display:block; line-height:1.5em; margin:.3em 0 0 3px; width:13px; height:13px; border:none; background:none;} body {font:62.5% Arial, Helvetica, sans-serif; color:#343434; background:#fff url(../img/bg-body.jpg) repeat-x top center; text-align:center;} div#skip {display:none;} div#page {width:950px; text-align:left; margin:0 auto;} /*.clear {clear:both;}*/ .clear:after { clear: both; content: "."; display: block; height:0; visibility: hidden; } * html .clear { height: 1%; } .clear { display: block; } /* ------- HEADER ------- */ div#header {height:108px; width:950px; background:url(../img/bg-header.jpg) no-repeat 0 0;} /* Logo */ div#header h1 {float:left;} div#header h1 a {width:500px; height:108px; text-indent:-100000em; background:url(../img/trippydoo-summer.png) no-repeat top left; float:left;} /* Top navigation */ div#header ul.top-nav { float:left; margin-top:80px;width:270px; text-align:right;} div#header ul.top-nav li {display:inline; margin-left:5px;} div#header ul.top-nav li a {font-size:1.2em; color:#7C3C9B; background:#fff; text-decoration:none; padding:2px 5px; font-weight:bold;} div#header ul.top-nav li a:hover {color:#fff;background:#7C3C9B;} /* Keyword search */ div#header form {width:320px; float:right; margin:45px 30px 0 0; display:inline;} div#header form fieldset {position:relative;} div#header form fieldset legend {display:none} div#header form fieldset label {display:none;} div#header form fieldset input {width:250px; font-size:1.1em; float:left;} div#header form fieldset a {float:left; width:18px; height:26px; text-indent:-10000em; background:url(../img/bt-keyword-filter.jpg) no-repeat left top; margin-right:1px; cursor:pointer;} div#header form fieldset a:hover {background-position:left bottom;} div#header form fieldset ul#keyword-filter {display:none;} div#header form fieldset ul#keyword-filter {display:none; position:absolute; z-index:1000; top:26px; right:38px; width:210px; background:#fff; border:1px solid #ddd; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:5px;} div#header form fieldset ul#keyword-filter li {float:left; width:200px; padding:6px 0; padding-left:5px; border-bottom:1px solid #eee; border-right:0; background:none;} div#header form fieldset ul#keyword-filter li input {width:20px; border:none; background:none; float:left; margin-right:10px;} div#header form fieldset ul#keyword-filter li label {float:left; color:#7C3C9B; display:block; font-size:1.2em;} div#header form fieldset button {float:left;width:35px; height:26px; text-indent:-10000em; background:url(../img/bt-keyword-search.jpg) no-repeat left top; cursor:pointer;} div#header form fieldset button:hover {background-position:left bottom;} /* ------- NAVIGATION ------- */ /* Main navigation */ div#container {width:950px; height:47px; background:#eee url(../img/bg-navigation.jpg) no-repeat 0 0; color:#333; position:relative;} ul#navigation {position:absolute; top:0; left:0;} ul#navigation li {display:inline; background:transparent url(../img/bg-navigation-separator.jpg) no-repeat top right; float:left; position:relative; cursor:pointer;} ul#navigation li a {float:left; font-size:1.6em; letter-spacing:-0.5px; font-weight:bold; text-decoration:none; color:#333; background:transparent; padding:15px 12px 11px 12px; display:block;} ul#navigation li a strong {float:left;cursor:pointer;} ul#navigation li a.submenu em {background:url(../img/icon-navigation-arrow.jpg) no-repeat top left; float:left; text-indent:-10000em; width:7px; height:7px; margin-left:10px; margin-top:8px;} ul#navigation li a.submenu:hover em {background:url(../img/icon-navigation-arrow-on.jpg) no-repeat top left;} ul#navigation li a:hover {color:#fff; background:#7C3C9B url(../img/bg-navigation-on.jpg) repeat-x left 1px;} ul#navigation li.on a {color:#fff; background:#7C3C9B url(../img/bg-navigation-on.jpg) repeat-x left 1px;} ul#navigation li.on a em {background:url(../img/icon-navigation-arrow-on.jpg) no-repeat top left;} ul#navigation li.on a:hover{} ul#navigation li a span {font-size:60%; background:#7C3C9B; color:#fff; padding:2px 3px; margin:2px 0 0 5px; float:left;} ul#navigation li a:hover span {color:#fff;} ul#navigation li ul {position: absolute; left:-1000000em; top:-1000000em;} ul#navigation li:hover ul, div#navigation ul li.on:hover ul {display:block; width:180px; border:1px solid #ddd; border-top:0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background:#fff; padding:5px; position:absolute; top:45px; left:-1px; z-index:100;} ul#navigation li:hover ul li, div#navigation ul li.on:hover ul li {display:block;font-size:70%; background:none; float:left;} ul#navigation li:hover ul li a, div#navigation ul li.on:hover ul li a {padding:5px 10px; letter-spacing:0px; border-bottom:1px solid #eee; width:160px;font-weight:normal; color:#7C3C9B; background:#fff;} ul#navigation li:hover ul li a:hover, div#navigation ul li.on:hover ul li a:hover {color:#fff;background:#7C3C9B url(../img/bg-navigation-on.jpg) repeat-x left 1px;} ul#navigation li ul.submenu-ul { border:1px solid red; display:block; width:180px; border:1px solid #ddd; border-top:0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background:#fff; padding:5px; position:absolute; top:42px; left:-1px;z-index:1000000;} ul#navigation li ul.submenu-ul li {display:block;font-size:70%; background:none; float:left;} ul#navigation li ul.submenu-ul li a {padding:5px 10px; border-bottom:1px solid #eee; width:160px;font-weight:normal; color:#7C3C9B;} ul#navigation li ul.submenu-ul li a:hover {color:#fff;} /* public menu */ /* ul#navigation > li.disabled {} ul#navigation > li.disabled a {color:white;} ul#navigation > li.disabled a:hover {color:white; background:transparent url(../img/bg-navigation-separator.jpg) no-repeat top right;} ul#navigation li ul li.disabled a{color:#D2DAD5;} ul#navigation li ul li.disabled a:hover {color:#D2DAD5; background:transparent url(../img/bg-navigation-separator.jpg) no-repeat top right;} */ /* User */ div#user {width:230px; position:absolute; top:0; right:25px; height:40px; background:transparent url(../img/bg-navigation-separator.jpg) no-repeat top left; padding:7px 0 0 10px;} div#user a {float:left; margin-right:10px;} div#user > a > img {width:34px; height:34px; border:none;} div#user h2 {font-size:1.4em; font-weight:bold; float:left; width:180px; overflow:hidden; padding:2px 0 5px 0; line-height:120%;} div#user ul {float:left; width:180px;} div#user ul li {font-size:.9em; display:inline;} div#user ul li a {color:#666; text-decoration:none; } div#user ul li a:hover {color:#7C3C9B; text-decoration:underline;} div#user a.settings {color:#666; text-decoration:none; padding:0 0 4px 13px; background:url(../img/icon-settings.png) no-repeat left 1px;} div#user a.settings:hover {color:#7C3C9B; background-position:left -14px;} div#user a.logout {color:#666; text-decoration:none; padding:0 0 4px 13px; background:url(../img/icon-logout.png) no-repeat left 1px; float:right;} div#user a.logout:hover {color:#7C3C9B; background-position:left -14px;cursor:pointer;} div#user>ul >li a.twitterlogin{display:block;width:151px;height:24px;background:url(../img/Sign-in-with-Twitter-darker.png) no-repeat 0 0;padding-right:5px;float:left;} /* Notification */ div#notification {width:25px; position:absolute; top:0; right:1px; background:transparent url(../img/bg-navigation-separator.jpg) no-repeat top left; height:47px;} div#notification a.bec {width:10px; height:16px; display:block; text-indent:-1000000em; background: url(../img/icon-notify.png) no-repeat 0 0; position:absolute; left:8px; top:17px; cursor:pointer;} div#notification a.bec.on {background: url(../img/icon-notify.png) no-repeat -10px 0px;} div#notification div.notificari-box {position:relative;top:50px;background-color:#DEDEDE;z-index:100;float:right;padding:10px;width:250px; border:1px solid purple;} div#notification div.notificari-box div.close {position:absolute; top:0; right:0; width:11px; height:10px; background:url("../img/icon-logout.jpg") repeat scroll 0 10px transparent;cursor:pointer;} div#notification div.notificari-box ul.notificari {margin-top:5px; border-top:1px solid gray;} div#notification div.notificari-box ul.notificari li {position:relative; padding:5px 13px 5px 5px;cursor:default; border-bottom:1px solid gray;} div#notification div.notificari-box ul.notificari li a {color:#7C3C9B;} div#notification div.notificari-box ul.notificari li a.delete {position:absolute;top:0;right:0;height:11px;width:11px; display:block;cursor:pointer;} div#notification div.notificari-box ul.notificari li:hover a.delete {background: url(../img/icon-logout.jpg) no-repeat 0px 0px;} div#notification div.notificari-box ul.notificari li a.delete:hover {background: url(../img/icon-logout.jpg) no-repeat 0px -14px;} /* ------- MAIN ------- */ div#main {padding-top:20px; float:left; width:950px; padding-bottom:20px;} div#sidebar {width:270px;} div#content {width:660px;} a {color:#7C3C9B; background:transparent;} /*-------- FEED --------*/ div.feed-post-multimedia{width: 500px; height: 60px;float:left;} div.feed-post-video{width: 200px; height: 60px;float:left;} div.feed-post-photo{width: 200px; height: 60px;float:left;} div#content div.feed-post-multimedia p{font-size:1.1em;margin-bottom:0px;} /* ------- HOMEPAGE ------- */ div.container-map {padding:5px; background:#eee; float:left; margin-bottom:15px;} div.box-map {float:left; width:650px;} div.box-map h2 {margin-left:10px; font-size:1.8em; display:inline!important} div.box-map img {float:left;} div.box-map div#map {float:left; margin-top:5px;} div.box-map ul.customize {float:right; margin-right:3px;} div.box-map ul.customize li {position:relative; padding:5px 5px; font-size:1.1em;} div.box-map ul.customize li a {text-decoration:none; padding-left:14px; background:url(../img/icon-settings.png) no-repeat left 2px;} div.box-map ul.customize li ul {display:none;} div.box-map ul.customize li:hover a {color:#333; text-decoration:underline; background-position:left -13px;} div.box-map ul.customize li:hover ul {display:block; width:140px; border:1px solid #ddd; border-right:1px solid #ccc; border-bottom:1px solid #ccc; position:absolute; z-index:1000; top:23px; left:-10px; background:#fff; padding:5px;} div.box-map ul.customize li:hover ul li {padding:5px 0px; border-bottom:1px solid #eee; float:left; width:140px;} div.box-map ul.customize li:hover ul li input {float:left;} div.box-map ul.customize li:hover ul li label {float:left; margin-left:10px; font-size:90%; margin-top:3px;} div.box-map ul.customize li:hover ul li:hover {background:#eee;} div.feed-container-home {float:left; padding:5px; background:#eee url(../img/bg-home-feed2.jpg) no-repeat 0 0; width:650px;} div.feed-container-home h2 {float:left; display:block; font-size:1.8em; font-weight:bold; margin:10px 0 10px 10px;} div.feed-container-home ul.filter {float:left; display:block; width:600px; margin:18px 0 9px 10px;} div.feed-container-home ul.filter li {display:inline; float:left; margin-right:10px;} div.feed-container-home ul.filter li a { font-size:1.2em; text-decoration:none; color:#333; font-weight:bold; letter-spacing:-0.25pt; float:left; padding:4px 8px 3px 8px;cursor:pointer;} div.feed-container-home ul.filter li a:hover {color:#7C3C9B;} div.feed-container-home ul.filter li a.on {background:#7C3C9B; color:#fff;} /*status box*/ fieldset.create div.status-btn{float:right;padding:5px 2px 0 5px;} fieldset.create div.status-btn input {background:#7C3C9B none repeat scroll 0 0; color:#fff;font-weight:bold;} fieldset.create div.status-current{width:400px;margin:3px 8px 0 0;float:left;padding:2px 4px 2px 0;} div.feed-container-home div.status-box {position:relative;} div.feed-container-home textarea {float:left;width:620px;padding:4px 2px;} div.feed-container-home div.status-btn {float:right;padding:5px 2px 0 5px;} div.feed-container-home div.status-btn input {background:#7C3C9B none repeat scroll 0 0; color:#fff;font-weight:bold;} div.feed-container-home div.status-current {margin:3px 8px 0 0;padding:2px 4px 2px 0; min-height:30px;width:400px;} div.like-box{background: #EEEEEE;font-size:1.2em; padding:7px 0 7px 5px;width:484px;margin-bottom:2px;margin-top: 4px;} div.feed-box-home div.like-box img.like{width:16px;height:16px;margin-right:6px;margin-left:1px;} div.like-box a{text-decoration:none;} div.comments-list{width:567px;} div.comment-box{width:width:567px;overflow:hidden;margin:2px 0;background:#EEEEEE none repeat scroll 0 0;padding:6px 0 3px 6px;} div.comment-add-box{background:#EEEEEE none repeat scroll 0 0; padding:7px 4px 7px 6px;width:484px;margin-bottom:2px;} div.comment-add-box input{width:460px;font-size:1.2em;} div.feed-box-home ul.feed li div.comment-add-box a{display:none;overflow:hidden;} div.feed-subcentral-box{float:left;width:418px;} input.btn-mov{background:#7C3C9B none repeat scroll 0 0;color:#fff;font-weight:bold;cursor:pointer;display:none;float:right;} /** end status **/ div.feed-box-home {float:left; background:#fff; border:1px solid #ddd; width:628px; padding:10px; min-height:50px;} div.feed-box-home ul.feed {width:600px; float:left;} div.feed-box-home ul.feed li {float:left; display:block; border-bottom:1px solid #eee; padding:7px 0px 7px 10px; width:600px; position:relative;} div.feed-box-home ul.feed li a img {float:left; margin-right:15px; display:block; width:40px;} div.feed-box-home ul.feed li a img.user {height:40px;} div.feed-box-home ul.feed div.feed-central-box{float:left;width:488px;overflow:hidden;} div.feed-box-home ul.feed li h3 {font-size:1.2em; word-wrap:break-word;font-weight:normal;margin:0;} div.feed-box-home ul.feed li h3 a {text-decoration:none; font-weight:bold; } div.feed-box-home ul.feed li h3 a:hover {text-decoration:underline;} div.feed-box-home ul.feed li h4 {color:#666; font-size:1.1em; margin-top:5px;} div.feed-box-home ul.feed li em {position:absolute; top:10px; right:0px;} div.feed-box-home ul.feed li em a {font-style:normal;} div.feed-box-home ul.feed li em a:hover {text-decoration:none;background:#7C3C9B; color:#fff;} div.feed-box-home ul.subfeed li{float:left; display:block; padding:7px 0px 7px 63px; width:547px; position:relative;} div.feed-box-home ul.subfeed li h3 {float:left; font-size:1.2em; margin-top:5px; width:490px;} div.feed-box-home ul.subfeed li h3 a {text-decoration:none; font-weight:bold; } div.feed-box-home ul.subfeed li h3 a:hover {text-decoration:underline;} div.feed-box-home ul.subfeed li h4 {float:left; color:#666; font-size:1.1em; margin-top:5px;} div.feed-box-home span.feed-more {display:none;margin:0;padding:0;} div.feed-container-home a.more {float:left; font-size:1.1em; font-weight:bold; margin-left:5px; margin-top:5px; padding:5px 0px; text-decoration:none;cursor:pointer;} /* Content */ /*andi 11 feb*/ div#content h1 {float:left; font-size:2.4em; letter-spacing:-1px; font-weight:bold; color:#7C3C9B; width:100%;} /*div#content h1 {float:left; font-size:2.4em; letter-spacing:-1px; font-weight:bold; color:#7C3C9B; padding-bottom:5px; width:100%;}*/ div#content h1.tabs {margin-bottom:-50px;} div#content h2 {margin-bottom:5px; float:left; font-size:1.8em; color:#333; font-weight:bold;display:block; } div#content h2.title {margin-top:20px; margin-bottom:0;} div#content h2.tabs {margin-bottom:-30px;} /*andi 11 feb*/ /*div#content hr {float:left; color:#eee; background:#eee;width:660px; border:none; height:1px; margin-bottom:20px;}*/ div#content hr {float:left; color:#eee; background:#eee;width:660px; border:none; height:1px;} div#content hr.separator {color:#fff; background:#fff;} div#content p {width:660px; float:left; line-height:1.4em; margin-bottom:15px; font-size:1.2em;} div#content p a:hover {color:#fff; background:#7C3C9B; text-decoration:none;} div#content ul.copy, div#content ol.copy {float:left; width:600px; line-height:1.6em; font-size:1.2em; margin-bottom:15px; padding-left:25px;} div#content ul.copy {list-style:disc;} div#content ol.copy {list-style:decimal;} div#content ul.tabs {float:right; border-bottom:1px solid #E2D8EB; margin-top:4px; width:660px; text-align:right; } div#content ul.tabs li {display:inline; float:right; margin-left:3px; margin-bottom:-1px; text-align:left;} div#content ul.tabs li a {padding:8px 8px; font-size:1.1em; display:block; color:#7C3C9B; background:#fff; text-decoration:underline; font-weight:bold;} div#content ul.tabs li a.on {border: 1px solid #E2D8EB; border-bottom:1px solid #fff; text-decoration:none; color:#333; background:#fff;} div#content ul.tabs li a:hover {color:#fff; background:#7C3C9B; text-decoration:none; cursor:pointer;} div#content ul.tabs li a.on:hover {color:#333; background:#fff; cursor:pointer;} /* Groups - My Groups - index */ div.group {width:130px; padding:5px; float:left; border:2px solid #eee; margin-right:22px; margin-bottom:30px;} div.group h3 {font-size: 1.4em; font-weight:bold; margin-top:10px;height:35px; word-wrap:break-word;overflow-y:hidden;} div.group h3 a {text-decoration:none;} div.group h4 {color:#666; margin-bottom:10px;} div.group ul.info {font-size:1.1em; color:#666; } div.group ul.info li {line-height:1.4em;} div.group ul.info li.description {margin-top:10px;} div.group a:hover {color:#fff; background:#7C3C9B; text-decoration:none;} div.group ul.actions {margin-top:15px;} div.group ul.actions li {margin-bottom:3px; text-align:center; width:130px; } div.group ul.actions li a {border:1px solid #E2D8EB; padding:7px 10px; width:105px; display:block; background:#eee url(../img/bg-button-actions.jpg) repeat-x; margin:0 auto; font-size:1.2em; font-weight:bold; text-decoration:none; text-align:left;} div.group ul.actions li a span {display:block; width:16px; height:16px; float:left; text-indent:-10000em; margin-right:10px;} div.group ul.actions li a span.page {background:url(../img/icon-group-page.png) no-repeat;} div.group ul.actions li a span.messages {background:url(../img/icon-group-msg.png) no-repeat;} div.group ul.actions li a span.admin {background:url(../img/icon-group-admin.png) no-repeat;} div.group ul.actions li a em {font-size:90%; color:#666; font-style:normal; font-weight:normal;} div.group ul.actions li a:hover {background:#fff; color:#7C3C9B;} /* Users - index */ div.users {width:130px; height: 220px; padding:5px; float:left; border:2px solid #eee; margin-right:25px; margin-bottom:30px;} div.users a.holder_med_img {display:block;height:130px;overflow:hidden;} div.users a img {border:none;display:block;} div.users h3 {font-size: 1.4em; font-weight:bold; margin-top:10px;overflow:hidden;} div.users h3 a {text-decoration:none;} div.users h4 {color:#666; margin-bottom:10px;height:12px;} div.users ul.info {font-size:1.1em; color:#666; } div.users ul.info li {line-height:1.4em;} div.users ul.info li.description {margin-top:10px;} div.users a:hover {color:#fff; background:#7C3C9B; text-decoration:none;} div.users ul.actions {margin-top:15px;} div.users ul.actions li {margin-bottom:3px; text-align:center; width:130px; } div.users ul.actions li a {border:1px solid #E2D8EB; padding:7px 10px; width:108px; display:block; background:#eee url(../img/bg-button-actions.jpg) repeat-x; margin:0 auto; font-size:1.2em; font-weight:bold; text-decoration:none; text-align:left;} div.users ul.actions li a span {display:block; width:16px; height:16px; float:left; text-indent:-10000em; margin-right:10px;} div.users ul.actions li a span.page {background:url(../img/icon-user-profile.png) no-repeat;} div.users ul.actions li a em {font-size:90%; color:#666; font-style:normal; font-weight:normal;} div.users ul.actions li a:hover {background:#fff; color:#7C3C9B;} /* Trips - index */ div.trips {width:300px; padding:5px; float:left; border:2px solid #eee; margin-right:20px; margin-bottom:30px;} div.trips a img {border:none; float:left; margin-right:15px;margin-top:10px;padding-bottom:26px;min-height:75px;height:75px;height:auto !important;} div.trips h3 {font-size: 1.4em; font-weight:bold; margin-top:10px; float:left; display:block; width:185px; overflow:hidden; height:35px;} div.trips h3 a {text-decoration:none; float:left; width:100%;} div.trips h4 {color:#666; margin-bottom:10px; float:left; width:170px;font-size:11px;} div.trips ul.info {font-size:1.1em; color:#666; float:left; width:160px;} div.trips ul.info li {line-height:1.4em;float:left;margin-right:4px;} div.trips ul.info li.description {margin-top:10px;} div.trips h3 a:hover {color:#fff; background:#7C3C9B; text-decoration:none;} div.trips hr {float:left; width:290px!important; margin-top:5px!important; margin-bottom:5px!important;} div.trips ul.actions {width:290px;vertical-align:top;overflow:hidden;} div.trips ul.actions li {height:20px;width:100px;} div.trips ul.actions li img {float:left;} div.trips ul.actions li em.fans {padding-left:20px; background:url(../img/icon-fan.png) no-repeat left; font-style:normal; font-size:1.1em; float:right; height: 16px;} /* Group Feedback */ div.feed-container {float:left; padding:5px; background:#eee;} div.feed-box {float:left; background:#fff; border:1px solid #ddd; width:630px; padding:10px;} div.feed-box h2 {float:left; font-size:1.2em; font-weight:bold; background:#fff; color:#333;} div.feed-box hr {float:left; width:630px !important; margin-bottom:10px!important;} ul.scroll {float:right;} ul.scroll li {display:inline; float:left; margin-left:3px;} ul.scroll li a.rss {padding-left:20px; background:url(../img/icon-rss.jpg) no-repeat left bottom; font-size:1.1em; color:#666; display:block; padding-top:2px; margin-right:20px;} ul.scroll li a.rss:hover {color:#7C3C9B;text-decoration:none;} ul.scroll li a.scroll-down {width:19px; height:19px; display:block; text-indent:-10000em; background:url(../img/bt-scroll-down.jpg) no-repeat; cursor:pointer;} ul.scroll li a.scroll-up {width:19px; height:19px; display:block; text-indent:-10000em; background:url(../img/bt-scroll-up.jpg) no-repeat; cursor:pointer;} ul.scroll li a.disabled {cursor:default; opacity:0.3;filter:alpha(opacity = 30);} div.feed-box ul.info {float:left; width:620px;} div.feed-box ul.info li {line-height:2.4em; font-size:1.2em; border-bottom:1px solid #eee;} div.feed-box ul.info li em {color:#999; float:left; width:120px; font-style:normal; font-weight:bold; font-size:90%;} div.feed-box ul.info li a {text-decoration:none;} div.feed-box ul.info li a:hover {color:#fff; background:#7C3C9B; text-decoration:none;} div.feed-container a.expand { float:left; margin:7px 0px 5px 5px; font-size:1.1em; padding:2px 5px;} div.feed-container a.expand:hover {background:#7C3C9B; color:#fff; text-decoration:none;} /* Pagination */ ul#pagination {width:660px; float:left; margin-bottom:10px; font-size:1.1em;} ul#pagination li {display:inline; margin-right:5px; float:left;} ul#pagination li a {padding:2px 6px; border:1px solid #ddd; text-decoration:none;float:left;} ul#pagination li a:hover {border:1px solid #7C3C9B; cursor:pointer;} ul#pagination li.on a {background:#7C3C9B; color:#fff;border:1px solid #7C3C9B;} ul#pagination li.prev a, ul#pagination li.next a {border:1px solid #fff;} ul#pagination li.prev a:hover, ul#pagination li.next a:hover {background:#7C3C9B; color:#fff; cursor:pointer;} ul#pagination a {padding:2px 6px; text-decoration:none;float:right;} ul#pagination a:hover {cursor:pointer; text-decoration:underline;} /* Friends feed */ ul.feed-friends {float:left; width:660px;} ul.feed-friends li {float:left; padding:5px 10px; width:620px; border-bottom:1px solid #eee; background:#fff; color:#666;position:relative;} ul.feed-friends li.alt { background:#F8F5FA; color:#666;} ul.feed-friends li a img {float:left; margin-right:15px; display:block; width:40px; height:40px;} ul.feed-friends div.feed-central-box{float:left;width:500px;} ul.feed-friends li h3 {font-size:1.2em; float:left; display:block; width:520px;margin-top:5px;} ul.feed-friends li h3 a {text-decoration:none; font-weight:bold; } ul.feed-friends li h3 a:hover {text-decoration:underline;} ul.feed-friends li h4 {float:left; color:#666; font-size:1.1em; margin-top:5px;} ul.feed-friends li em {position:absolute; top:10px; right:0px;} ul.feed-friends li em a {font-style:normal;} ul.feed-friends li em a:hover {text-decoration:none;background:#7C3C9B; color:#fff;} ul.feed-friends ul.subfeed li{float:left; display:block; padding:7px 0px 7px 63px; width:547px; position:relative;} ul.feed-friends ul.subfeed li h3 {float:left; font-size:1.2em; margin-top:5px; width:447px;} ul.feed-friends ul.subfeed li h3 a {text-decoration:none; font-weight:bold; } ul.feed-friends ul.subfeed li h3 a:hover {text-decoration:underline;} ul.feed-friends ul.subfeed li h4 {float:left; color:#666; font-size:1.1em; margin-top:5px;} p a.more {margin-top:20px; font-size:90%; float:left;} /* Messages - Inbox */ h1 em {font-size:70%; color:#666; font-weight:normal; font-style:normal;} ul.inbox-nav {width:650px; float:left; padding:10px 5px; border-bottom:1px solid #eee; margin-bottom:20px;} ul.inbox-nav li {display:inline; font-size:1.2em; float:left; margin-right:10px;} ul.inbox-nav li a {padding:7px 15px; padding-left:30px; display:block; text-decoration:none; border:1px solid #fff;} ul.inbox-nav li a.message-new {border:1px solid #eee; margin-right:20px;background:url(../img/icon-message-new.png) no-repeat 5px; cursor:pointer; } ul.inbox-nav li a.mark-read {background:url(../img/icon-message-read.png) no-repeat 5px;} ul.inbox-nav li a.mark-flag {background:url(../img/icon-message-flag.png) no-repeat 5px;} ul.inbox-nav li a.message-delete {background:url(../img/icon-message-delete.png) no-repeat 5px; cursor:pointer; } ul.inbox-nav li a:hover {border:1px solid #7C3C9B;} table#messagelist {width:660px; float:left; margin-bottom:40px;} table#messagelist th {font-weight:bold; font-size:1.1em; background:#eee; color:#333; border-bottom:1px solid #ddd; vertical-align:bottom; padding:10px 0px 10px 15px; border-left:1px solid #fff; border-right:1px solid #ddd;} table#messagelist th.check, table#messagelist th.flag {width:25px; padding-left:10px;} table#messagelist th.subject {width:280px;} table#messagelist th.date {width:75px;} table#messagelist td {padding:8px 0px; padding-left:15px; font-size:1.2em;} table#messagelist td.date {font-size:1.1em; color:#666;} table#messagelist td.check, table#messagelist td.flag {padding-left:10px;} table#messagelist td.from {font-size:1.1em; font-weight:bold;} table#messagelist td.from a {color:#333;} table#messagelist td.from a:hover {color:#7C3C9B;} table#messagelist tr {border-bottom:1px solid #eee;} table#messagelist tr.even {background:#f9f9f9;} table#messagelist td a {text-decoration:none; font-weight:bold; cursor:pointer;} table#messagelist td a.read {font-weight:normal;} table#messagelist input.check {border:none; background:none;} table#messagelist td.message-open {padding:10px 0;} table#messagelist td.message-open hr {width:640px; color:#ddd; background:#ddd; margin-bottom:0!important;} table#messagelist td.message-open div.read-message {background:#eee; width:640px; padding:10px; float:left;} table#messagelist td.message-open div.read-message a.close-message {float:right; width:19px; height:16px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-indent:-10000em; background:url(../img/bt-message-close.jpg) no-repeat;} table#messagelist td.message-open div.read-message ul.message-head {width:600px; float:left;} table#messagelist td.message-open div.read-message ul.message-head li {line-height:1.6em;} table#messagelist td.message-open div.read-message ul.message-head li em {width:60px; float:left; margin-right:10px; text-align:right; color:#666; font-size:90%; font-weight:bold; font-style:normal;} table#messagelist td.message-open div.read-message ul.message-head li.date {font-size:90%; color:#666;} table#messagelist td.message-open div.read-message ul.message-head li.date em {font-size:100%; color:#666;} table#messagelist td.message-open div.read-message ul.message-nav {width:640px; float:left; border-top:1px solid #fff; margin-bottom:15px;} table#messagelist td.message-open div.read-message ul.message-nav li {display:inline; padding-top:10px; float:left;} table#messagelist td.message-open div.read-message ul.message-nav li a {padding:5px 10px; padding-left:30px; display:block; float:left; border:1px solid #eee;} table#messagelist td.message-open div.read-message ul.message-nav li a.message-reply {background:url(../img/icon-message-reply.png) no-repeat 5px; margin-right:40px;} table#messagelist td.message-open div.read-message ul.message-nav li a.message-flag {font-size:90%; background:url(../img/icon-message-flag.png) no-repeat 5px;} table#messagelist td.message-open div.read-message ul.message-nav li a.message-delete {font-size:90%; float:right; background:url(../img/icon-message-delete.png) no-repeat 5px;} table#messagelist td.message-open div.read-message ul.message-nav li a:hover {border:1px solid #7C3C9B;} table#messagelist td.message-open div.read-message ul.message-nav li.delete {float:right;} table#messagelist td.message-open div.read-message textarea {width:625px;} div.create-message {width:620px; float:left; background:#eee; padding:20px; padding-bottom:10px; margin-top:-20px;} div.create-message fieldset ul.message-head {width:620px; padding-bottom:10px; border-bottom:1px solid #ddd;} div.create-message fieldset ul.message-head li {line-height:2.4em; margin-bottom:10px;} div.create-message fieldset ul.message-head li label {width:70px; padding-right:10px; float:left; font-size:1.2em; font-weight:bold;} div.create-message fieldset ul.message-head li input {font-size:1.1em; width:520px;} div.create-message fieldset p {padding-top:15px; border-top:1px solid #fff; width:620px!important;} div.create-message fieldset p textarea {font-size:1em; width:600px; height:120px;} div.create-message fieldset span.error {color:red} a.friend-allow {float:left; display:block; color: #fff; background: #090; padding: 10px 20px; margin-top: 20px;} a.friend-allow:hover {background:#0c0} a.friend-deny {float:left;display: inline; margin-left: 10px; background: #c00; color: #fff; padding: 10px 20px;margin-top: 20px;} a.friend-deny:hover {background:#f00} /* Account settings */ div#content fieldset.settings {width:640px; float:left; padding:10px; border:1px solid #ddd; margin-bottom:20px;} div#content fieldset.settings hr {width:640px;} div#content fieldset.settings h2 {width:640px;} div#content fieldset.settings h3 {float:left; font-size:1.4em; color:#666; font-weight:bold; width:600px; margin-bottom:10px;} div#content fieldset.settings ul {float:left; width:640px; } div#content fieldset.settings ul li {padding:10px 5px; float:left; background:#fff; width:620px; font-size:1.1em} div#content fieldset.settings ul li.alt { background:#F8F5FA;} div#content fieldset.settings ul li h4 {float:left; width:260px; font-weight:bold;} div#content fieldset.settings ul li a {font-size:90%; margin-left:10px; cursor:pointer; float:right;} div#content fieldset.settings ul li label {float:left; width:120px;} div#content fieldset.settings ul li input.checkbox {float:left; margin-right:10px;} div#content fieldset.settings ul li label strong {float:left;} div#content fieldset.settings ul li div.edit {float:left; width:400px;} div#content fieldset.settings ul li div.edit label {float:left; width:300px; margin-bottom:5px; display:block;} div#content fieldset.settings ul li div.edit label strong {float:left; width:100px;} div#content fieldset.settings ul li div.edit label input {float:left; width:150px;} div#content fieldset.settings ul li div.edit hr {width:300px; float:left; margin-bottom:10px!important;} div#content fieldset.settings ul li div.edit p.submit{border:none; width:400px;} div#content fieldset.settings ul li div.edit p.submit button {float:left; padding: 3px;} div#content fieldset.settings ul li ul.change-email {width:400px; float:left; display:none;} div#content fieldset.settings ul li ul.change-email li {background-color:transparent; width:300px;} div#content fieldset.settings ul li ul.change-email li input {width:300px;} div#content fieldset.settings ul li ul.change-email li p.submit {border:none; width:200px;float:left;} div#content fieldset.settings ul li ul.change-email li p.submit button {float:right; padding: 3px;} div#content fieldset.settings p.submit {margin-bottom:15px; width:640px;} div#content p.submit {border-top:3px solid #eee; padding-top:10px;} div#content p.submit button {background:#7C3C9B; color:#fff; font-weight:bold; padding:5px 10px; cursor:pointer; margin-right:10px; float:left;} div#content p.submit a {background:#7C3C9B; color:#fff; font-weight:bold; padding:5px 10px; cursor:pointer; margin-right:10px; float:left;} div#content p.submit button.cancel {background:#eee; color:#666;} div#content p.submit button#delete {background:#eee; color:#666;float:right;} div#content p.submit a.cancel {background:#eee; color:#666;} div#content p.submit button.preview {float:right;} div#content fieldset.settings span.error {color:red;} /* Pages - Trip */ div#main div#inter {position:relative; width:950px; border-bottom:1px solid #eee; float:left; margin-bottom:20px;clear: both;} div#main div#inter h1.main {float:left; width:460px; font-size:2.4em; letter-spacing:-1px; font-weight:bold; color:#7C3C9B; padding-bottom:5px;} div#main div#inter h2.main {float:left; font-size:1.2em; margin-bottom:10px;} /* floating shortcuts */ div#utils {position:absolute; top:0; right:0; z-index:50;} div#utils div.container{padding:5px; background:#eee; float:left} div#utils div.box{border:1px solid #ddd; padding:10px; background:#fff; color:#333; float:left; width:240px;} div#utils div.box h3 {font-size:1.2em; font-weight:bold;} div#utils div.box hr {color:#eee; background:#eee; height:1px; border:none;} div#utils div.shortcuts {position:relative;} div#utils a.close {position:absolute; top:-1px; right:-1px; width:20px; height:20px; display:block; text-indent:-10000em; background:url(../img/icon-shortcuts-on.jpg) no-repeat; cursor:pointer} div#utils ul.shortcuts {margin-top:10px;} div#utils ul.shortcuts strong {color:#666666; float:left; font-size:1.2em; font-weight:bold; width:100%;} div#utils ul.shortcuts li {font-size:1.2em; font-weight:bold;} div#utils ul.shortcuts li a {width:215px; display:block; padding:7px 0 7px 25px; text-decoration:none; border-bottom:1px solid #eee; background:#fff;} div#utils ul.shortcuts li a.trip {background:url(../img/icon-add-trip.png) no-repeat left;} div#utils ul.shortcuts li a.profile {background:url(../img/icon-user-profile.png) no-repeat left;} div#utils ul.shortcuts li a.discover {background:url(../img/icon-discover.png) no-repeat left;} div#utils ul.shortcuts li a.users {background:url(../img/icon-friends.png) no-repeat left;} div#utils ul.shortcuts li a:hover {border-bottom:1px solid #E2D8EB; background-color:#F8F5FA;} div#utils ul.shortcuts li input {width:220px;} div#utils ul.shortcuts li button {background:#7C3C9B none repeat scroll 0 0; cursor: pointer;} div#utils ul.shortcuts ul li {display:inline;} div#utils div.shortcuts-off {width:258px; padding:6px 4px 6px 10px; background:#eee; float:left; cursor:pointer;} div#utils div.shortcuts-off h3 {font-size:1.1em; font-weight:bold; color:#7C3C9B; float:left; padding-top:2px;} div#utils div.shortcuts-off a.open {float:right; width:22px; height:18px; background:url(../img/icon-shortcuts-off.jpg) no-repeat 0 0; text-indent:-100000em;cursor:pointer} div#utils ul.login {margin-top:10px;} div#utils ul.login hr {height:3px; margin-bottom:10px; margin-top:30px;} div#utils ul.login strong {color:#666666; float:left; font-size:1.2em; font-weight:bold; width:100%;} div#utils ul.login p {color:#666666;} div#utils ul.login li {font-size:1.2em; font-weight:bold; margin-bottom:15px; margin-top:5px;} div#utils ul.login li a {width:215px; display:block; text-decoration:none; border-bottom:1px solid #eee; background:#fff;} div#utils ul.login li a.twitterlogin {background:transparent url(../img/Sign-in-with-Twitter-darker.png) no-repeat scroll 0 0; height:30px} div#utils ul.login li a.forgot {width:auto; float:right; font-weight:normal; border:none; margin-top:6px; cursor:pointer;} div#utils ul.login li a.forgot:hover {text-decoration:underline;} div#utils ul.login li a.trip {background:url(../img/icon-add-trip.png) no-repeat left;} div#utils ul.login li a.profile {background:url(../img/icon-user-profile.png) no-repeat left;} div#utils ul.login li a.discover {background:url(../img/icon-discover.png) no-repeat left;} div#utils ul.login li a.users {background:url(../img/icon-friends.png) no-repeat left;} div#utils ul.login li a:hover {border-bottom:1px solid #E2D8EB; background-color:#F8F5FA;} div#utils ul.login li input {width:220px;} div#utils ul.login li button {background:#7C3C9B none repeat scroll 0 0; cursor: pointer; padding:6px 15px; color:white;} div#utils ul.login ul li {display:inline;} div#utils div.login-off {width:258px; padding:6px 4px 6px 10px; background:#eee; float:left;} div#utils div.login-off h3 {font-size:1.1em; font-weight:bold; color:#7C3C9B; float:left; padding-top:2px;} div#utils div.login-off a.open {float:right; width:22px; height:18px; background:url(../img/icon-shortcuts-off.jpg) no-repeat 0 0; text-indent:-100000em;cursor:pointer} /* post-list */ div#content p.trip-meta {font-size:1.1em;} div#content ul.post-list {width:660px; float:left; margin-bottom:40px;} div#content ul.post-list li {float:left; width:650px; border-bottom:1px solid #eee; padding-top:10px; padding-left:10px;position:relative;} div#content ul.post-list li.unpublished {background-color:#FBFAAB; opacity:0.7;} div#content ul.post-list div.rte-zone li {width:auto} div#content ul.post-list li.alt {background:#F8F5FA;} div#content ul.post-list li.more {border:none; padding-top:15px; font-size:1.1em;} div#content ul.post-list li em {float:left; width:100px;font-size:0.9em; font-style:normal; color:#666; height:45px; padding-top:1px;} div#content ul.post-list li h3 a {font-size:1.4em; text-decoration:none; font-weight:bold;} div#content ul.post-list li h3 a:hover {text-decoration:underline; color:#333;} div#content ul.post-list li h3 a.edit-post {display:none;position:absolute;top:0px;right:0px;cursor:pointer;} div#content ul.post-list li:hover h3 a.edit-post {display:block;} div#content ul.post-list div.post-details {margin-bottom:20px;margin-top:20px; border-bottom:2px solid #AAAAAA;border-top:2px solid #AAAAAA;float:left;padding-bottom:30px;padding-top:30px;} div#content ul.post-list div.post-details div.loading#saving {display:none} div#content ul.post-list li p.summary {float:left; width:530px; color:#666; font-size:1.1em; margin-top:5px;} div#content ul.post-list div.summary {float:left; width:540px; color:#666; font-size:1.2em; line-height:1.5em; padding-top: 5px; color: rgb(102, 102, 102); font-family: Arial,Helvetica,sans-serif;} div#content ul.post-list div.summary ul{display:block;list-style-type:disc;margin:1em 0;padding-left:40px;list-style-type:disc;} div#content ul.post-list div.summary ul li{float:left; width:auto; border-bottom:none !important; padding-top:0px; padding-left:0px; list-style-type:disc;display:list-item;font-family:inherit; font-size:11px; float:none} div#content ul.post-list div.summary ol{display:block;list-style-type:disc;margin:1em 0;padding-left:40px;list-style-type:disc;} div#content ul.post-list div.summary ol li{float:left; width:auto; border-bottom:0px !important; padding-top:0px; padding-left:0px; list-style-type:decimal;display:list-item;font-family:inherit; font-size:11px; float:none} div#content ul.post-list div.error {color:red;} div#content ul.post-list li.new {border:none; margin-top:20px;} div#content ul.post-list li.new a {background:#7C3C9B; color:#fff; font-size:1.2em; font-weight:bold; padding:5px 20px; text-shadow:1px 1px 0px #56296B; text-decoration:none; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;} div#content ul.post-list li.new a:hover {background:#592A6E;cursor:pointer;} div#content ul.post-list li ul.multimedia {width:500px; float:left; padding-left:100px; margin:0; margin-bottom:10px;} div#content ul.post-list li ul.multimedia li {width:45px; display:inline; float:left; border:none; padding:0; margin-right:5px;} div#content ul.post-list li ul.multimedia li a {display:block; border:2px solid #eee;} div#content ul.post-list li ul.multimedia li a:hover {border-color:#7C3C9B;} div#content ul.post-list li ul.multimedia li a img {display:block; border:none;} div#content ul.place-list {width:316px; margin-bottom:40px;} div#content ul.place-list li {float:left; width:306px; height:120px; padding:10px;position:relative;overflow:hidden;} div#content ul.place-list li.alt {background:#F8F5FA;} div#content ul.place-list div.rte-zone li {width:auto} div#content ul.place-list li.alt {background:#F8F5FA;} div#content ul.place-list li.more {border:none; padding-top:15px; font-size:1.1em;} div#content ul.place-list li img {display:block; border:2px solid #eee; float:left; } div#content ul.place-list li h3 {font-size:1.4em; text-decoration:none; font-weight:bold; color:#7C3C9B; float:left; width:186px;left:130px; top:10px; overflow:hidden;position:absolute; padding:0; /*cursor:pointer;*/} div#content ul.edit h3:hover,div#content ul.edit form, div#content ul.edit p.desc:hover,div#content ul.edit ul.address:hover,div#content ul.edit p.location:hover,div#content ul.edit p.location a:hover {background:none;padding:0px;} /*div#content ul.edit h3:hover, div#content ul.edit p.desc:hover,div#content ul.edit ul.address:hover,div#content ul.edit p.location:hover,div#content ul.edit p.location a:hover {background-color:#C5C1C9 }*/ div#content ul.place-list.edit li h3.default,p.desc.default,ul.address.default,p.location a.default {opacity:0.2; font-style:italic;} div#content ul.place-list.edit li h3.default:hover,p.desc.default:hover,ul.address.default:hover,p.location a.default:hover {opacity:0.9; font-style:italic;} div#content ul.place-list.edit li p.location a.default:hover {color:black;} div#content ul.place-list li h3 a {text-decoration:none;} div#content ul.place-list li h3 a:hover {text-decoration:underline; color:#333;} div#content ul.place-list li input.name {float:right; padding:0; position:absolute; top:7px; left:130px; height:15px; width:125px} div#content ul.place-list li a.delete {background:#7C3C9B none repeat scroll 0 0; color:white; position:absolute; top:100px; left: 235px; cursor:pointer;-moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; padding:2px 4px;} div#content ul.place-list li a.delete:hover {background:#592A6E none repeat scroll 0 0;} div#content ul.place-list li p.location {float:left; font-size:1.1em; width:186px;left:130px;position:absolute;top:25px; /*cursor:pointer*/;overflow:hidden;} div#content ul.place-list li p.location a {/*cursor:pointer;*/} div#content ul.place-list li input.location {float:right; padding:0; position:absolute; top:28px; left:130px; height:15px; width:250px} div#content ul.place-list li p.desc {float:left; font-size:1.1em; width:186px;left:130px;overflow:hidden;position:absolute;top:28px;/*cursor:pointer;*/} div#content ul.place-list li textarea.description {float:right; position:absolute; top:45px; left:130px; width:185px; padding:0;font-size:11px;} div#content ul.place-list li ul.address {width:130px; height:90px; position:absolute; top:10px; right:0;cursor:pointer;} div#content ul.place-list li textarea.address {position:absolute; top:10px; right:0px; padding:0;width:130px; height:80px; overflow:hidden;} div#content ul.place-list li ul.address li {float:left; width:140px; height:14px; display:block; padding:0; border:none;} div#content ul.place-list li ul.address li a {text-decoration:none;} div#content ul.place-list li ul.address li a:hover {text-decoration:underline;} div#content ul.place-list li ul.opinion {float:left; position:absolute; top:100px; left:0px;} div#content ul.place-list li ul.opinion li {height:16px; padding:0; display:inline; float:left; border:none; width:65px;} div#content ul.place-list li ul.opinion li a {padding-left:19px; text-decoration:none; display:block; height:16px;cursor:pointer;} div#content ul.place-list li ul.opinion li a.like {background:url(../img/icon-like.png) no-repeat 0 0; color:#8CC53F} div#content ul.place-list li ul.opinion li a.dislike {background:url(../img/icon-dislike.png) no-repeat 0 0; color:#C00} div#content ul.place-list li ul.opinion li a:hover {text-decoration:underline;} div#content ul.place-list li ul.opinion p {margin:0 10px; width:auto; position:relative; top:-1px;} div#content ul.place-list li div.rating {position:absolute; right:0px; bottom:10px; width:140px;} div#content ul.place-list li.new {border:none; margin-top:20px; height:15px;} div#content ul.place-list li.new a {background:#7C3C9B; color:#fff; font-size:1.2em; font-weight:bold; padding:5px 20px; text-shadow:1px 1px 0px #56296B; text-decoration:none; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;cursor:pointer;} div#content ul.place-list li.new a:hover {background:#592A6E;} div#content ul.place-list li a.comments {position:absolute;left:10px; bottom:1px; cursor:pointer;} div#content ul.place-list li a.comments:hover {text-decoration:underline;} div#content ul.place-list li a.comments p {float:right; margin:0px; font-size:100%; width:auto; position:relative; top:-1px;} div#content ul.place-list li hr {width:100%; margin-bottom:20px;} div#content ul.place-list ul.comments {display:none;} div#content ul.place-list ul.comments li {height:auto; border:medium none; margin-bottom:10px;} div#content ul.place-list ul.comments li div.comment {float:right} div#content ul.place-list ul.comments li div.comment a.delete_comment {float:right;} div#content ul.place-list ul.comments li div.comment p {width:425px} div#content ul.place-list ul.comments input.comment{width:500px;} div#content ul.place-list ul.comments a.comment{background:#7C3C9B; color:#fff; font-size:1.2em; font-weight:bold; padding:5px 20px; text-shadow:1px 1px 0px #56296B; text-decoration:none; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;cursor:pointer;} div#content ul.place-list ul.comments a.comment:hover {background:#592A6E;} div#content ul.place-list li span.inline-edit {float:right;} div#content ul.place-list li span.inline-edit a {cursor:pointer;} div#content ul.place-list li span.inline-edit a:hover {text-decoration:underline;} div#content ul.place-list li span.name {position:absolute;right:9px;top:10px;} div#content ul.place-list li span.location {position:absolute;right:200px;top:30px;} div#content ul.place-list li span.description {position:absolute;right:9px;top:28px;} div#content ul.place-list li span.address {position:absolute;right:10px;top:100px;} div#content ul.tips-list {float:left; width:660px; margin-bottom:40px;} div#content ul.tips-list li {float:left; width:610px; border-bottom:1px solid #eee; padding:10px; padding-left:30px; position:relative; font-size:1.2em; background:url(../img/icon-tips.png) no-repeat 5px 9px;} div#content ul.tips-list li p {float:left; font-size:1.2em; line-height:1.4em; margin-bottom:0px; width:550px;} div#content ul.tips-list li:hover p.edit {background-color:#C5C1C9; cursor:pointer;} div#content ul.tips-list li p.default {opacity:0.3; font-style:italic;} div#content ul.tips-list li:hover p.default {opacity:1; } div#content ul.tips-list li input {height:15px; padding:2px; width:300px;} div#content ul.tips-list li span.inline-edit {cursor:pointer; margin-left:20px;} div#content ul.tips-list li span.inline-edit a:hover {text-decoration:underline;} div#content ul.tips-list li.alt {background:#F8F5FA url(../img/icon-tips.png) no-repeat 5px 9px;} div#content ul.tips-list li.new {border:none; margin-top:20px; background:none;} div#content ul.tips-list li.new a {background:#7C3C9B; color:#fff; font-weight:bold; padding:5px 20px; text-shadow:1px 1px 0px #56296B; text-decoration:none; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;} div#content ul.tips-list li.new a:hover {background:#592A6E; cursor:pointer;} div#content span.share-box{float: right; position: relative; padding-top: 5px;} div#content input.round-button {background:#7C3C9B; color:#fff; font-weight:bold; padding:5px 20px; text-shadow:1px 1px 0px #56296B; text-decoration:none; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;font-size:12px;border:0 none;} div#content input.round-button:hover{background:#592A6E; cursor:pointer;} div#content fieldset.share label{padding-right:5px;} div#content fieldset.share label input{margin-bottom:-5px;} div#content fieldset.share label img{margin-bottom:-6px;} /*div#content ul.post-list li ul.tabs {float:left; border-bottom:1px solid #E2D8EB; margin-top:10px; width:500px; text-align:left; } div#content ul.post-list li ul.tabs li {display:inline; float:left; margin-left:3px; margin-bottom:-1px; text-align:left;width:auto; border-bottom:medium none;} div#content ul.post-list li ul.tabs li a {padding:8px 8px; font-size:1.1em; display:block; color:#7C3C9B; background:#fff; text-decoration:underline; font-weight:bold;} div#content ul.post-list li ul.tabs li a.on {border: 1px solid #E2D8EB; border-bottom:1px solid #fff; text-decoration:none; color:#333; background:#fff;} div#content ul.post-list li ul.tabs li a:hover {color:#fff; background:#7C3C9B; text-decoration:none; cursor:pointer;} div#content ul.post-list li ul.tabs li a.on:hover {color:#333; background:#fff; cursor:pointer;} div#content ul.post-list li ul.multimedia-list {width:500px; float:left; padding-top:20px; margin-bottom:20px; overflow:visible} div#content ul.post-list li ul.multimedia-list li {float:left; width:40px; height:40px; padding:0px; margin-right:10px; background:transparent none repeat scroll 0 0;} div#content ul.post-list li ul.multimedia-list li a img {display:block; background:#fff; cursor:pointer;} div#content ul.post-list li ul.multimedia-list li a strong {font-size:1.2em; text-decoration:none; margin-top:10px; float:left;} */ /*tips places to stay/eat*/ div#content ul.tips-list li span.delete {float:right;height:16px;width:16px;margin-right:10px;cursor:pointer;} div#content ul.tips-list li:hover span.delete {background: url(../img/icon-delete.png) no-repeat 0px 0px;} div#content ul.tips-list li input.add{width:250px;} div#content ul.tips-list li a.add {margin-left:20px;cursor:pointer;} div#content ul.tips-list li a.add:hover {text-decoration:underline;} /* no post - write first */ div.write {background:#f5f5f5 url(../img/bg-write.jpg) no-repeat 15px 15px; color:#333; width:650px; height:170px; float:left; position:relative; margin-top:10px;} div.write p {width:490px!important; height:50px; font-size:140%!important; position:absolute; top:25px; left:30px; overflow:hidden; line-height:140%!important;} div.write a {width:200px; height:50px; text-indent:-10000em; background:url(../img/button-firstpost.jpg) no-repeat 0 0; position:absolute; left:20px; top:100px;cursor:pointer;} div.write a:hover {left:22px; top:98px;} /* no trip - post first */ div.new-trip {background:#f5f5f5 url(../img/bg-write.jpg) no-repeat 15px 15px; color:#333; width:650px; height:170px; float:left; position:relative; margin-top:10px;} div.new-trip p {width:490px!important; height:50px; font-size:140%!important; position:absolute; top:25px; left:30px; overflow:hidden; line-height:140%!important;} div.new-trip a {width:200px; height:50px; text-indent:-10000em; background:url(../img/button-firsttrip.jpg) no-repeat 0 0; position:absolute; left:20px; top:100px;} /* comments */ div#content ul.comments {width:660px; float:left; border-top:1px solid #ddd; padding-top:30px; margin-bottom:20px; } div#content ul.comments li {float:left; margin-bottom:5px;} div#content ul.comments li div.user-info {float:left; width:135px; background: url(../img/bg-comment-right.jpg) no-repeat 120px 10px;} div#content ul.comments li div.user-info img {float:left; margin-right:10px;} div#content ul.comments li div.user-info strong { float:left; font-size:1.2em; width: 130px;} div#content ul.comments li div.user-info strong a {text-decoration:none;} div#content ul.comments li div.user-info em {float:left; color:#999;} div#content ul.comments li div.comment {background:#F8F5FA; float:left; padding:10px; } div#content ul.comments li div.comment p {font-size:1.1em;} div#content ul.comments li div.comment div.comment2 {width:480px; margin-bottom:5px;word-wrap:break-word;} div#content ul.comments li div.comment div.comment2 p{float:none;width:auto;} div#content ul.comments li div.comment div.comment2 table{margin-left:0px} div#content ul.comments li.alt div.user-info {float:right; padding-left:15px; width:135px; background: url(../img/bg-comment-left.jpg) no-repeat 0 10px; } div#content ul.comments li.alt div.user-info img {float:right; margin-right:0;} div#content ul.comments li.alt div.user-info strong { float:right; font-size:1.2em;} div#content ul.comments li.alt div.user-info strong a {text-decoration:none; float:right;} div#content ul.comments li.alt div.user-info em {float:right; color:#999;} div#content ul.comments li.alt div.comment {background:#F8F5FA; border:1px solid #F8F5FA; float:left; padding:10px; margin-right:-1px;} div#content ul.comments li.alt div.comment p {font-size:1.1em;} div#content ul.comments li.alt div.comment div.comment2 {width:480px; margin-bottom:5px;word-wrap:break-word;} div#content ul.comments li.alt div.comment div.comment2 p{float:none;width:auto;} div#content h3.comments {width:640px; font-size:1.6em; font-weight:bold; float:left; padding:15px 10px 5px 10px; background:#F8F5FA; margin-bottom:0; text-shadow:1px 1px 0px #fff;} div#content fieldset.comment-form {width:640px; float:left;background:#F8F5FA; padding:10px;} div#content fieldset.comment-form textarea {width:580px; height:80px; font-size:1.1em;} div#content fieldset.comment-form p {width:400px; margin-bottom:0; margin-top:10px;} div#content fieldset.comment-form p button {float:left; background:#7C3C9B; color:#fff; font-weight:bold; padding:7px 15px; cursor:pointer; } div#content fieldset.comment-form p button:hover {background:#592A6E;} /* multimedia */ div#content ul.multimedia-list {width:660px; float:left; padding-top:20px; margin-bottom:20px; overflow:visible} div#content ul.multimedia-list li {float:left; width:129px; height:91px; background:url(../img/bg-multimedia.jpg) no-repeat; padding:3px; margin-right:10px;} div#content ul.multimedia-list li a img {display:block; background:#fff; cursor:pointer;} div#content ul.multimedia-list li a strong {font-size:1.2em; text-decoration:none; margin-top:10px; float:left;} /* post */ div#content div.post-content {width:660px; float:left; margin-bottom:20px;} div#content div.post-content div.post-photo {float:left;width:320px;} div#content div.post-content div.post-photo img#img_container {float:left; margin-bottom:20px; margin-right:20px; width:300px;} div#content div.post-content div.post-photo img.more {float:left; margin-bottom:10px; margin-right:10px; width:50px;} div#content div.post-content div.post-photo a.more {float:right; margin-right:20px; margin-top:20px;} div#content div.post-content div.summary{color:#666666;float:left;font-family:Arial,Helvetica,sans-serif;font-size:1.2em;line-height:1.5em;padding-top:5px;width:540px;} div#content div.post-content div.summary {float:left; width:530px; color:#666; font-size:1.1em; margin-top:5px;} div#content div.post-content div.summary {float:left; width:540px; color:#666; font-size:1.2em; line-height:1.5em; padding-top: 5px; color: rgb(102, 102, 102); font-family: Arial,Helvetica,sans-serif;} div#content div.post-content div.summary ul{display:block;list-style-type:disc;margin:1em 0;padding-left:40px;list-style-type:disc;} div#content div.post-content div.summary li{float:left; width:auto; border-bottom:none !important; padding-top:0px; padding-left:0px; list-style-type:disc;display:list-item;font-family:inherit; font-size:11px; float:none} div#content div.post-content div.summary ol{display:block;list-style-type:disc;margin:1em 0;padding-left:40px;list-style-type:disc;} div#content div.post-content div.summary ol li{float:left; width:auto; border-bottom:0px !important; padding-top:0px; padding-left:0px; list-style-type:decimal;display:list-item;font-family:inherit; font-size:11px; float:none} div#content div.post-content div.summary a.edit-post {float:right;display:none; cursor:pointer;font-size:1.3em; font-weight:bold;} div#content div.post-content div.summary:hover a.edit-post {display:block;} div#content div.post-content div.summary a.edit-post:hover {text-decoration:underline;} div#content div.post-content div.rte {display:none; margin-bottom:10px;} div#content div.post-content div.rte div.save {background:#7C3C9B none repeat scroll 0 0;color:#FFFFFF;cursor:pointer;float:left;font-weight:bold;margin-right:10px; margin-top:10px; padding:5px 10px;} div#content div.post-content div.rte div.cancel {background:#EEEEEE none repeat scroll 0 0 color:#666666; cursor:pointer;float:left;font-weight:bold;margin-right:10px; margin-top:10px; padding:5px 10px;} /* profile */ div#content div.profile {margin-top:20px; margin-right:0;} div#content div.favorites-container {float:left; padding:5px; background:#eee; width:650px;} div#content div.favorites-box {background:#fff; border:1px solid #ddd; width:629px; padding:10px;} div#content div.favorites-box h2 {float:left; font-size:1.2em; font-weight:bold; background:#fff; color:#333;} div#content div.favorites-box hr {float:left; width:600px !important; margin-bottom:10px!important;} div#content div.favorites-box ul.trips {margin-top:20px;} div#content div.favorites-box ul.trips li {width:120px; float:left; margin-right:30px; margin-bottom:10px;} div#content div.favorites-box ul.trips li a {width:120px; float:left; text-decoration:none; color:#333; border:1px solid #eee; padding:5px; height:80px; overflow:hidden} div#content div.favorites-box ul.trips li a img {float:left;} div#content div.favorites-box ul.trips li a strong { width:60px; float:left; margin-left:10px;} div#content div.favorites-box ul.trips li.last {margin-right:0;} div#content div.favorites-box ul.trips li a:hover {border:1px solid #7C3C9B;} div#content div#all-trips, div#recent-trips {width:660px;} div#content div#all-trips a#previous-trips, a#next-trips {cursor:pointer; margin-top:-30px; display:block;} div#content div#all-trips a#next-trips {float:right;margin-right:10px;} div#content div#all-trips a.disabled {color:#B4A7B5;} /* group page */ div#content div.discussions-container {border:2px solid #eee; float:left; padding:10px; overflow:hidden; width:640px} table#discussionslist {float:left; width:640px; margin-bottom:15px; margin-top:10px;} table#discussionslist th {font-weight:bold; font-size:1.1em; background:#eee; color:#333; border-bottom:1px solid #ddd; vertical-align:bottom; padding:10px 0px 10px 15px; border-left:1px solid #fff; border-right:1px solid #ddd;} table#discussionslist th.subject {width:280px;} table#discussionslist th.responses {width:75px; } table#discussionslist th.from {width:100px;} table#discussionslist th.author {width:120px;} table#discussionslist th.respons {width:500px;} table#discussionslist th.date {width:95px;} table#discussionslist td {padding:8px 0px; padding-left:15px; font-size:1.2em;} table#discussionslist td.from a{color:#333; font-size:90%;} table#discussionslist td.date {font-size:90%; color:#666;} table#discussionslist td.responses {font-size:1.1em; text-align:center;} table#discussionslist td.response {vertical-align:top; padding-bottom:40px;} table#discussionslist td.response div {width:500px; word-wrap:break-word;} table#discussionslist td.author {width:120px;} table#discussionslist td.author img {float:left; margin-bottom:5px; margin-right:60px;} table#discussionslist td.author a {float:left;} table#discussionslist td.author em {font-size:80%; float:left; color:#666; width:100px;} table#discussionslist tr {border-bottom:1px solid #eee;} table#discussionslist tr.even {background:#F8F5FA;} table#discussionslist td a {text-decoration:none; font-weight:bold;} table#discussionslist td a:hover {background:#7C3C9B; color:#fff; text-decoration:none;} div#content div.discussions-container ul#pagination {width:600px; margin-bottom:50px;} div#content fieldset.discussions-form {width:620px; float:left;background:#F8F5FA; padding:10px; padding-top:20px; margin-top:10px;} div#content fieldset.discussions-form label {float:left; margin-bottom:5px;} div#content fieldset.discussions-form label strong {font-size:1.2em; float:left; width:120px;} div#content fieldset.discussions-form input {width:480px;font-size:1.1em; float:left;} div#content fieldset.discussions-form textarea {width:480px; height:80px; float:left; font-size:1.1em;} div#content fieldset.discussions-form p {width:400px; margin-bottom:0; margin-top:10px;} div#content fieldset.discussions-form p button {float:left; background:#7C3C9B; color:#fff; font-weight:bold; padding:7px 15px; cursor:pointer; margin-bottom:10px;} div#content div.discussion-topic {float:left; background:#eee; padding:10px; border-bottom:1px solid #ddd; margin-bottom:-9px; width:620px;} div#content div.discussion-topic h3 {float:left; padding:10px 10px 5px 0; color:#7C3C9B; font-size:1.8em; font-weight:bold; width:590px;} div#content div.discussion-topic p {float:left;font-size:1.2em;line-height:1.4em;margin-bottom:15px;width:500px;} div#content div.discussion-topic p.note {width:300px; font-size:1.1em; margin-top:5px; color:#666;} div#content div.discussion-topic a.respond {float:right; text-decoration:none; font-size:1.2em; background:#7C3C9B; color:#fff; font-weight:bold; padding:7px 15px; margin-top:10px;} /* Search Results */ div#content div.results-container {float:left; padding:5px; background:#eee; margin-bottom:30px;} div#content div.results-container h3.title {float:left; width:450px; font-size:1.4em; font-weight:bold; padding:10px;} div#content div.results-container p.count {width:120px; color:#666; float:right; font-size:1.1em; margin-top:10px; margin-right:10px; text-align:right;} div#content div.results-box {width:630px; float:left; border:1px solid #ddd; padding:10px; background:#fff;} div#content div.results-box ul.results-post {width:600px; float:left; padding-left:10px;} div#content div.results-box ul.results-post li {border-bottom:1px solid #eee; float:left; padding:10px 10px 5px 50px; position:relative;} div#content div.results-box ul.results-post li span.count {font-size:1.8em; float:left; height:40px; position:absolute; top:10px; left:10px; color:#ccc;} div#content div.results-box ul.results-post li h4 {float:left; font-size:1.2em; font-weight:bold;} div#content div.results-box ul.results-post li p {width:500px; margin-bottom:0;} div#content div.results-box ul.results-post li p.meta {color:#666; margin-top:10px; font-size:1.1em; } div#content div.results-box div.group {width:190px; padding:5px; float:left; border:2px solid #eee; margin-right:2px; margin-bottom:30px;} /* Multimeda */ div#content div.multimedia-box {width:660px;} div#content div.multimedia-box h2 {float:left; margin-bottom:7px;} div#content div.multimedia-box p.description {width:400px; font-size:1.1em; color:#666; margin-top:10px;} div#content div.multimedia-box div.rating {float:right; text-align:right; margin-top:10px;} div#content div.multimedia-box ul {float:right;} div#content div.multimedia-box ul li {display:inline;} div#content div.multimedia-box ul li a {font-size:1.1em; padding:1px;} div#content div.multimedia-box ul li a:hover {color:#fff; background:#7C3C9B; text-decoration:none; cursor:pointer;} div#content div.multimedia-box hr {margin-bottom:10px;} div#content div.multimedia-box p.photo-meta {float:left; font-size:1.1em; color:#666; width:500px;} div#content div.multimedia-box a.report {float:right; color:#999; background:url(../img/icon-report-2.jpg) no-repeat left; padding:0 0 3px 24px; display:block;} div#content div.multimedia-box a.report:hover {color:#7C3C9B;} /* Add - Edit Post */ fieldset.create {width:640px; padding:10px; float:left; background:#eee; margin-bottom:10px;} fieldset.create div.box {width:615px; padding:10px; background:#fff; float:left; border:1px solid #ddd;} fieldset.create label {float:left;} fieldset.create label strong {font-size:1.6em; font-weight:bold; float:left;} fieldset.create label input {float:left; font-size:1.1em;} fieldset.create label.post-title {width:455px; } fieldset.create label.post-title strong {width:100px; margin-bottom:7px;} fieldset.create label.post-title input {width:440px;font-size:1.4em;} fieldset.create label.post-date {width:165px; margin-left:15px;} fieldset.create label.post-date strong {width:100px;margin-bottom:7px;} fieldset.create label.post-date input {width:120px; font-size:1.4em} fieldset.create label select {float:left; font-size:1.1em;} fieldset.create label textarea {float:left; font-size:1.1em;} fieldset.create label.post-content strong {margin-bottom:7px;} fieldset.create label.post-content textarea{width:622px;} fieldset.create div.status {width:200px; text-align:right; font-size:1em; float:right; margin-bottom:-25px; padding-top:5px; color:#999;} fieldset.create a {float:left;} fieldset.create a.calendar {width:16px; height:16px; float:left; background:url(../img/icon-calendar.png) no-repeat; text-indent:-10000em;margin-top:5px; margin-left:5px;} fieldset.create h3 {font-size:1.6em; font-weight:bold; float:left;margin-bottom:7px;} fieldset.create div.post-location {width:300px; border-right:2px solid #eee;} fieldset.create div.post-location label {margin-bottom:10px;} fieldset.create div.post-location label strong {font-size:1.2em; width:80px; padding-top:4px;} fieldset.create div.post-location label input {width:170px;} fieldset.create label.type {width:300px;margin-bottom:10px;} fieldset.create label.type strong {width:100px;font-size:1.2em; padding-top:4px;} fieldset.create label.type select {width:160px; } fieldset.create a.new-trip {width:120px; margin-top:10px; float:right; margin-right:95px; font-size:1.1em;} fieldset.create label.post-tag {width:300px; margin-bottom:5px;} fieldset.create label.post-tag em {font-style:normal; margin-bottom:7px; float:left; } fieldset.create label.post-tag input {width:280px;} fieldset.create button.add-tag {float:left; margin-top:20px;font-size:1.2em; font-weight:bold; background:#7C3C9B; color:#fff; padding:5px 7px; cursor:pointer;} fieldset.create h4 {float:left; font-size:1.2em; font-weight:bold; margin-bottom:10px;} fieldset.create hr {margin-bottom:10px!important; width:615px!important;} fieldset.create div.tag-container {width:615px; float:left;} fieldset.create div.tag-container strong { font-weight:normal; color:#7C3C9B; margin-right:7px; margin-bottom:10px; font-size:1.1em; text-decoration:none; float:left; background:#eee url(../img/bg-tag-l.jpg) no-repeat 0 0; display:block; height:19px; padding-left:10px;} fieldset.create div.tag-container strong a {width:10px; height:10px; float:left; text-indent:-100000em; background:url(../img/icon-tag-remove.jpg) no-repeat; margin-top:5px; margin-right:10px; cursor:pointer;} fieldset.create div.tag-container strong span {float:left; background: url(../img/bg-tag-r.jpg) no-repeat top right;padding-right:15px; height:17px; padding-top:2px;} /* add trip */ div.head {width:660px; height:80px; padding-bottom:10px; border-bottom:1px solid #E2D8EB; float:left; margin-bottom:20px;} div.head p.intro {margin:0!important; padding:0!important; width:500px!important; margin-top:10px!important;} div.add-trip {background:url(../img/bg-add-trip.jpg) no-repeat 95% bottom;} fieldset.create h2 {width:500px; font-size:1.6em!important;} fieldset.create label.trip-title {width:615px;} fieldset.create label.trip-title strong {width:240px; margin-bottom:7px;} fieldset.create label.trip-title input {width:625px; font-size:1.4em;} fieldset.create div.photo {float:left;width:200px;} fieldset.create div.note {width:195px; font-size:1em; color:#666;float:left;} fieldset.create div.location {width:618px; background:#fff; float:left; padding:15px 10px 5px 10px; border:1px solid #ddd;} fieldset.create div.location label.trip-location {width:615px; border-bottom:1px solid #ddd; padding-bottom:15px;} fieldset.create div.location label.trip-location strong {width:80px; font-size:120%; padding-top:7px; float:left;} fieldset.create div.location label.trip-location input {width:300px; float:left;} fieldset.create div.location label.keep-location {padding-bottom:10px;} fieldset.create div.location label.keep-location strong {font-size:120%;float:left; padding-top:4px; margin-left:10px;} fieldset.create div.location label.trip-location em {font-size:0.9em; color:#999; float:left; width:200px; margin-left:10px; padding-top:8px;} fieldset.create div.location p {width:500px!important; float:left; margin:0; margin-top:15px; height:10px;} fieldset.create div.location p a {display:inline; float:none; text-decoration:none; cursor:pointer;} fieldset.create ul.mediatab {} div#content fieldset.create ul.mediatab li{display:inline; float:left;cursor:pointer;width:auto;position:static; padding:0px} div#content fieldset.create ul.mediatab li a {float:left; display:block; padding:7px 15px; text-decoration:none; font-size:1.2em;border:1px solid #eee;} div#content fieldset.create ul.mediatab li a:hover {text-decoration:underline;} div#content fieldset.create ul.mediatab li a.on {background:#fff; color:#333; border:1px solid #ddd; border-bottom:1px solid #fff; margin-bottom:-2px;} fieldset.create div.media {margin-top:-1px;} fieldset.create div.media a {font-size:1.2em; padding:0px;cursor:pointer;} fieldset.create div.media a.upload {margin-right:0px;} fieldset.create div.media a.flickr {margin-right:40px;cursor:pointer;} fieldset.create div.media a.picasa {} div.facebook-container{float:left;overflow:hidden;} #box_photos{width:340px;border:none;} #box_photos a{font-size:14px;/*width:140px; deformeaza swf upload*/margin-bottom:5px;} a#facebook {display:block;padding-left:20px;background:url("../img/import-from-facebook.jpg") no-repeat scroll left top transparent;} #box_videos{width:240px;border:none;padding:25px;} #box_videos input.file{cursor:pointer;} fieldset.create label.trip-description {width:410px;} fieldset.create label.trip-description strong{width:400px; margin-bottom:7px; margin-left:20px;} fieldset.create label.trip-description textarea {width:400px; height:175px; margin-left:20px; height:190px;} .rte-zone{background-color:#FFFFFF;margin:0;padding:0;border:1px #999 solid;clear:both;font:10px Tahoma,Verdana,Arial,Helvetica,sans-serif;} fieldset.create label.rte-zone textarea{padding:0;margin:0;border:0;position:relative;left:0;clear:both;} .rte-toolbar{width:100%;margin:0;padding:0;display:block;background-color:#fdfdfd;font:10px Tahoma,Verdana,Arial,Helvetica,sans-serif;} .rte-panel{position:absolute;left:0;top:0;border:1px solid #999;display:block;clear:both;margin:0;padding:5px 5px 0 5px;background:#f0f0f0;font:10px Tahoma,Verdana,Arial,Helvetica,sans-serif;} .rte-panel div.rte-panel-title{font-weight:bold;margin:-5px -5px 5px -5px;padding:5px;height:16px;line-height:16px;background:#e0e0e0;border-bottom:1px solid #ccc;display:block;clear:both;cursor:move;} .rte-panel div.rte-panel-title .close{position:absolute;top:0;right:0;display:block;float:right;text-decoration:none;font-size:14px;font-weight:bold;color:#f00;} .rte-panel label{display:block;float:left;width:50px;margin:0 5px 0 2px;font-weight:bold;font-size:10px;text-align:right;line-height:20px;font-size:100%;} fieldset.create label.rte-panel p.submit{margin:5px -5px 0 -5px;padding:5px;height:20px;line-height:20px;background:#e0e0e0;border-top:1px solid #ccc;display:block;clear:both;} fieldset.create label.rte-panel p.submit button {background:#7C3C9B; color:#fff; font-weight:bold; padding:5px 10px; cursor:pointer; margin-right:10px; float:left;} /* button{width:60px;padding:2px 5px;margin-left:10px;font-weight:bold;}*/ .rte-toolbar div.clear{display:block;clear:both;border:0;padding:0;padding:2px 0 0 0;margin:0; border-color:#7C7C7C #C3C3C3 #DDDDDD; border-width:1px; border-bottom-style:solid; color:#666666;} .rte-toolbar ul{display:block;margin:0;padding:0;width:100%;} .rte-toolbar ul li{list-style-type:none;float:left;padding:0;margin:5px 2px;height:16px;} .rte-toolbar ul li.separator{height:16px;margin:5px;border-left:1px solid #ccc;} .rte-toolbar ul li a{border:1px solid #fdfdfd;display:block;width:16px;height:16px;background:url('../images/rte_icons.gif') no-repeat 0 0;cursor:pointer;margin:0;padding:0;opacity:.5;-moz-opacity:.5;filter:alpha(opacity = 50);} .rte-toolbar ul li a:hover,.rte-toolbar ul li a.active{opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity = 100);} .rte-toolbar ul li a.active{background-color:#f9f9f9;border:1px solid #ccc;} .rte-toolbar ul li a.empty{background-position:0 0;} .rte-toolbar ul li a.bold{background-position:0 -112px;} .rte-toolbar ul li a.italic{background-position:0 -128px;} .rte-toolbar ul li a.strikeThrough{background-position:0 -144px;} .rte-toolbar ul li a.underline{background-position:0 -160px;} .rte-toolbar ul li a.disable{background-position:0 -480px;} .rte-toolbar ul li a.enable{background-position:0 -592px;} .rte-toolbar ul li a.unorderedList{background-position:0 -320px;} .rte-toolbar ul li a.orderedList{background-position:0 -336px;} .rte-toolbar ul li a.justifyLeft{background-position:0 -16px;} .rte-toolbar ul li a.justifyCenter{background-position:0 -32px;} .rte-toolbar ul li a.justifyRight{background-position:0 -48px;} .rte-toolbar ul li a.justifyFull{background-position:0 -64px;} .rte-toolbar ul li a.link{background-position:0 -384px;} .rte-toolbar ul li a.unlink{background-position:0 -640px;} fieldset.create h3.filter {width:625px; margin-bottom:10px; font-size:1.2em; border-bottom:1px solid #fff; padding-bottom:5px; float:left;} fieldset.create label.filter {width:190px; margin-right:5px;} fieldset.create label.filter strong {font-size:1.1em; margin-top:5px; margin-bottom:7px; width:45px;} fieldset.create label.filter select {width:140px; padding:4px;} fieldset.create a.filter {float:left; margin-top:0px;text-decoration:none; font-size:1.1em; font-weight:bold; background:#7C3C9B; color:#fff; padding:5px 7px; cursor:pointer;} fieldset.create div.media label.cabinet {width:170px; display:block; overflow:hidden; cursor:pointer; position:relative; top:0px; left:0px;} fieldset.create div.media label.cabinet a {margin-top:0px;text-decoration:underline; } fieldset.create div.media a.upload {cursor:pointer;overflow:hidden;} fieldset.create div.photo div.cabinet {overflow:hidden; width:200px; float:left;} fieldset.create div.photo div.cabinet img {width:200px; margin-top:-20px;} fieldset.create div.photo div.cabinet div#change-photo{opacity:0;position:relative; background:#7C3C9B; padding-left: 10px; padding-top:3px; margin-top:-21px;color:#fff} /* Tabs */ div#tabs { float:left; margin-top:20px;width:669px;} .ui-tabs {} .ui-tabs-nav {width:660px; padding: 2px 2px 0 2px; position: relative; margin-bottom:20px; float:left; border-bottom:1px solid #ddd;} .ui-tabs-nav li { float:left; border-bottom:0; margin: 0 2px -1px 0; padding:0px 0px;} .ui-tabs-nav li a { display:block; text-decoration: none; padding: 12px 10px 8px 10px; margin-bottom:-1px; font-size:1.4em; background:#eee url(../img/bg-tab.jpg) repeat-x left bottom; width:120px; color:#333; font-weight:bold; text-shadow:1px 1px 0px #fff;} .ui-tabs-nav li a:hover {color:#7C3C9B;} .ui-tabs-nav li.ui-tabs-selected { border:1px solid #ddd; border-bottom: 1px solid #fff; margin-bottom:-1px; } .ui-tabs-nav li.ui-tabs-selected a {color:#7C3C9B; background:#fff; padding: 10px 10px 10px 10px;} .ui-tabs-panel { display: block; border: 0; background: none;} .ui-tabs-hide { display: none !important; } table#post-list {float:left; width:660px; margin-bottom:15px; margin-top:10px;} table#post-list tr {border-bottom:1px solid #eee;} table#post-list tr.even {background:#F8F5FA;} table#post-list th {padding:8px 0px; padding-left:15px; font-size:1.1em; background:#eee; font-weight:bold;border-bottom:1px solid #ddd;} table#post-list td {padding:8px 0px; padding-left:15px; font-size:1.1em;} table#post-list td em {font-size:1em; font-weight:bold; color:#666; margin-left:30px;} table#post-list td a { font-size:1.2em; text-decoration:none; font-weight:bold; cursor:pointer; } table#post-list td.date {color:#666;} a.new-post {float:left; text-decoration:none; font-size:1.1em; font-weight:bold; background:#7C3C9B; color:#fff; padding:5px 7px; margin-bottom:20px; margin-left:0px; display:block; width:75px;} /* wizard */ div#accordion {float:left; width:660px; margin-bottom:30px;} div#accordion h3 {width:620px; background:url(../img/bg-wizard-section.jpg) repeat-x; font-size:1.8em; font-weight:bold;} div#accordion h3 a { text-decoration:none; color:#fff;} .ui-accordion-group {margin-bottom: 1px;} .ui-accordion-header { cursor: pointer; position: relative;} .ui-accordion-selected .ui-accordion-header { border-bottom: 0; } .ui-accordion .ui-icon { position: absolute; right: 5px; top:6px; width:28px; height:28px; background:url(../img/icon-wizard.jpg) no-repeat right top; text-indent:-10000em; } .ui-accordion-selected .ui-icon {background-position:left;} .ui-accordion-header a { display: block;padding: .5em .5em .5em 15px; } .ui-accordion-content-wrap { border-top: 0; margin-top: -1px; position: relative; top: 1px; } .ui-accordion-content { padding: 1em 2.2em; background:#eee; height:150px;} div.wizard fieldset {float:left; width:200px; margin-bottom:10px;} div.wizard fieldset label {float:left; width:195px; margin-bottom:10px;} div.wizard fieldset label input {float:left; margin-right:10px;} div.wizard fieldset label strong {float:left; font-size:1.2em; padding-top:3px;} div.wizard div.wizard-description {float:left; width:200px; font-size:1.1em; color:#666;} div.wizard hr {width:620px!important; margin-bottom:10px!important;} div.wizard a.next {float:left; display:block; padding:7px 10px; background:url(../img/bg-bt-next.jpg) repeat-x; border:1px solid #dfdfdf; font-size:1.1em; font-weight:bold; text-decoration:none;} /* Sidebar */ div.container{padding:5px; background:#eee; margin-bottom:15px; float:left; } div.box{border:1px solid #ddd; padding:10px; background:#fff; color:#333; float:left; width:240px;} div.box h3 {font-size:1.2em; font-weight:bold;} div.box h3 em {font-size:80%; color:#666; font-style:normal; font-weight:normal;} div.box hr {color:#eee; background:#eee; height:1px; border:none; width:240px;} a.more {font-size:1.1em; font-weight:bold; margin-left:5px; margin-top:5px; padding:4px 0px; text-decoration:none; display:block; float:left;} div.clear {width:260px; border:none; padding:0; background:transparent;} ul.scroll {/*margin-top:-19px; on profile it the arrows are to high*/} /* Shortcuts */ div#sidebar div.shortcuts {position:relative;} div#sidebar a.close {position:absolute; top:-1px; right:-1px; width:20px; height:20px; display:block; text-indent:-10000em; background:url(../img/icon-shortcuts-on.jpg) no-repeat;} div#sidebar ul.shortcuts {margin-top:10px;} div#sidebar ul.shortcuts li {font-size:1.2em; font-weight:bold;} div#sidebar ul.shortcuts li a {width:215px; display:block; padding:7px 0 7px 25px; text-decoration:none; border-bottom:1px solid #eee; background:#fff;} div#sidebar ul.shortcuts li a.trip {background:url(../img/icon-add-trip.png) no-repeat left;} div#sidebar ul.shortcuts li a.profile {background:url(../img/icon-profile.png) no-repeat left;} div#sidebar ul.shortcuts li a.discover {background:url(../img/icon-discover.png) no-repeat left;} div#sidebar ul.shortcuts li a.users {background:url(../img/icon-friends.png) no-repeat left;} div#sidebar ul.shortcuts li a:hover {border-bottom:1px solid #E2D8EB; background-color:#F8F5FA;} div#sidebar div.shortcuts-off {width:258px; padding:6px 4px 6px 10px; background:#eee; float:left; margin-bottom:15px} div#sidebar div.shortcuts-off h3 {font-size:1.1em; font-weight:bold; color:#7C3C9B; float:left; padding-top:2px; cursor:pointer;} div#sidebar div.shortcuts-off a.open {float:right; width:22px; height:18px; background:url(../img/icon-shortcuts-off.jpg) no-repeat 0 0; text-indent:-100000em;} div#sidebar ul.login {margin-top:10px;} div#sidebar ul.login hr {height:3px; margin-bottom:10px; margin-top:30px;} div#sidebar ul.login strong {color:#666666; float:left; font-size:1.2em; font-weight:bold; width:100%;} div#sidebar ul.login p {color:#666666;} div#sidebar ul.login li {font-size:1.2em; font-weight:bold; margin-bottom:15px; margin-top:5px;} div#sidebar ul.login li a {width:215px; display:block; text-decoration:none; border-bottom:1px solid #eee; background:#fff;} div#sidebar ul.login li a.twitterlogin {background:transparent url(../img/Sign-in-with-Twitter-darker.png) no-repeat scroll 0 0; height:30px} div#sidebar ul.login li a.forgot {width:auto; float:right; font-weight:normal; border:none; margin-top:6px; cursor:pointer;} div#sidebar ul.login li a.forgot:hover {text-decoration:underline;} div#sidebar ul.login li a.trip {background:url(../img/icon-add-trip.png) no-repeat left;} div#sidebar ul.login li a.profile {background:url(../img/icon-user-profile.png) no-repeat left;} div#sidebar ul.login li a.discover {background:url(../img/icon-discover.png) no-repeat left;} div#sidebar ul.login li a.users {background:url(../img/icon-friends.png) no-repeat left;} div#sidebar ul.login li a:hover {border-bottom:1px solid #E2D8EB; background-color:#F8F5FA;} div#sidebar ul.login li input {width:220px;} div#sidebar ul.login li button {background:#7C3C9B none repeat scroll 0 0; cursor: pointer; padding:6px 15px; color:white;} div#sidebar ul.login ul li {display:inline;} div#sidebar div.login-off {width:258px; padding:6px 4px 6px 10px; background:#eee; float:left;} div#sidebar div.login-off h3 {font-size:1.1em; font-weight:bold; color:#7C3C9B; float:left; padding-top:2px;} div#sidebar div.login-off a.open {float:right; width:22px; height:18px; background:url(../img/icon-shortcuts-off.jpg) no-repeat 0 0; text-indent:-100000em;cursor:pointer} /* Add New - Button */ div#sidebar a.add-new { float:left; font-size:2em; text-align:center; font-weight:bold; letter-spacing:-1px; color:#fff; background:#7C3C9B; width:195px; padding:10px 12px;text-decoration:none; margin:10px 0 10px 7px; display:inline; border-bottom:1px solid #592A6E;border-right:1px solid #592A6E;} div#sidebar a.add-new:hover {background:#592A6E;border-bottom:1px solid #333;border-right:1px solid #333;} /* Group categories */ div#sidebar a.view-all {float:left; display:block; width:200px; margin-bottom:15px; margin-top:10px; font-size:1.1em; font-weight:bold;} div#sidebar a.view-all:hover {text-decoration:none;} div#sidebar ul.group-category {width:110px; float:left;} div#sidebar ul.group-category li {padding-left: 17px; background:url(../img/bullet-circle.jpg) no-repeat left; line-height:1.6em; font-size:1.1em;} div#sidebar ul.group-category li a {padding:1px;text-decoration:none;} div#sidebar ul.group-category li a:hover {color:#fff; background:#7C3C9B; } /* Pages */ div#sidebar ul.pages {} div#sidebar ul.pages li {padding-left: 17px; background:url(../img/bullet-circle.jpg) no-repeat left; line-height:1.6em; font-size:1.2em;} div#sidebar ul.pages li.on {background:url(../img/bullet-circle-on.jpg) no-repeat left;} div#sidebar ul.pages li.on a {color:#333; font-weight:bold;} div#sidebar ul.pages li a {padding:1px;text-decoration:none;} div#sidebar ul.pages li a:hover {color:#fff; background:#7C3C9B; } /* User search */ div#sidebar fieldset {margin-top:10px;} div#sidebar fieldset label input {width:220px; font-size:1.1em;} div#sidebar fieldset button {margin-top:10px; width:80px; color:#fff; background:#7C3C9B; font-size:1.2em; font-weight:bold; padding:6px 0; cursor:pointer;} div#sidebar fieldset a.options {margin-left:50px; color:#666; font-size:1.1em; padding:2px;} div#sidebar fieldset a.options:hover {color:#fff; background:#7C3C9B; text-decoration:none;} /* Thumbs */ div#sidebar ul.thumbs {margin-top:10px; float:left; width:230px; overflow:hidden;} div#sidebar ul.thumbs li {float:left; width:40px; margin-right:5px; margin-bottom:10px; display:inline;} div#sidebar ul.thumbs li.hidden {display:none;} div#sidebar ul.thumbs li a {display:block; width:40px;} /* Trips */ div#sidebar ul.trips {margin-top:10px;} div#sidebar ul.trips li {width:110px; float:left; margin-right:10px; margin-bottom:5px;} div#sidebar ul.trips li a {width:110px; float:left; text-decoration:none; color:#333; border:1px solid #eee;} div#sidebar ul.trips li a img {float:left;} div#sidebar ul.trips li a strong { width:60px; float:left; margin-left:10px;} div#sidebar ul.trips li.last {margin-right:0;} div#sidebar ul.trips li a:hover {border:1px solid #7C3C9B;} /* Invite friends */ /*div#sidebar div.invite {height:165px;}*/ div#sidebar div.invite h3 {font-size:1.6em; line-height:140%; float:left; width:150px; height:60px; padding-left:85px; padding-top:10px; background:url(../img/bg-box-invite.jpg) no-repeat 5px bottom; margin-bottom:0;} div#sidebar div.invite p {margin:0!important;} div#sidebar div.invite label {margin:0;} div#sidebar div.invite input {width:160px; font-size:1.1em; margin:0;} div#sidebar div.invite button { background:#7C3C9B; color:#fff; font-weight:bold; padding:6px 10px; font-size:1.1em; width:60px; cursor:pointer;} div#sidebar div.invite p a {margin-top:10px; display:block; text-decoration:none;cursor:pointer;} div#sidebar div.invite p a:hover {text-decoration:underline;} /* TripHelp */ #box-triphelp a{cursor:pointer;} div#box-triphelp div.pos-rel {position:relative;} div#box-triphelp a.help-form {position:absolute; top:10px; right:10px; text-decoration:none;} div#box-triphelp a.help-form:hover {color:#666; text-decoration:underline;} div#box-triphelp input.question {width:220px; margin-top:5px;} div#box-triphelp input.trip_help_answer {width:220px; margin-top:5px;} div#box-triphelp a.question { float:left; display:block; margin-right:10px; margin-top:5px;} div#box-triphelp a.question img {float:left;} div#box-triphelp hr{width:240px;} div#box-triphelp h4.question { width:190px; float:left; font-size:1.4em; font-weight:bold; padding-top:5px; line-height:120%;word-wrap:break-word} div#box-triphelp ul.triphelp {float:left; width:240px; margin-top:10px; border-top:1px solid #eee; padding-top:10px;} div#box-triphelp ul.triphelp li#th_li_left{float:left;} div#box-triphelp ul.triphelp li#th_li_right{float:right;} div#box-triphelp ul.triphelp li a.respond {float:left; background:#7C3C9B; color:#fff; font-weight:bold; padding:5px 20px 5px 10px; text-decoration:none;} div#box-triphelp ul.triphelp li a.other {margin-top:5px; font-size:1.1em; float:left; display:inline; margin-left:80px; text-decoration:none;} div#box-triphelp ul.triphelp li a:hover {text-decoration:underline;} div#box-triphelp ul.triphelp li a.hide-other {margin-top:5px; font-size:1.1em; float:left; display:none; margin-left:80px; text-decoration:none;} /*div#box-triphelp ul.triphelp li a.hide-other {color:#666; margin-left:80px; margin-top:8px;display:none;}*/ #form-new-question li span.other-question{width:180px; display:block; float:left;padding-bottom:5px;} #form-new-question li{padding:5px 0; display:block;} #form-new-question li span.other-replay{display:block; padding-right:3px;float:right} ul.other-questions{display:none;} .question_container{display:none;} .new-question{display:none;} div#box-triphelp ul.triphelp-respond li input.send {float:left; background:#7C3C9B; color:#fff; font-weight:bold; padding:4px 10px; text-decoration:none; border:0;} div#box-triphelp ul.triphelp-respond li input.question {width:200px;} div#box-triphelp ul.triphelp-respond li a.cancel {color:#666; margin-left:80px; margin-top:8px;} div#box-triphelp ul.triphelp-ask li input.send {float:left; background:#7C3C9B; color:#fff; font-weight:bold; padding:4px 10px; text-decoration:none; border:0;} div#box-triphelp ul.triphelp-ask li a.cancel {color:#666; margin-left:80px; margin-top:8px;} /* Trip page */ div#sidebar p.note {font-size:1.1em; margin-bottom:10px; color:#666; padding-left:5px;} div#sidebar p.rating {border-bottom:1px solid #ddd; padding-bottom:5px; padding-left:5px;} div#sidebar ul.actions {border-top:1px solid #fff; padding-top:10px; border-bottom:1px solid #ddd; padding-bottom:10px;float:left;} div#sidebar ul.actions li {margin-bottom:3px; text-align:center; width:260px; float:right;} div#sidebar ul.actions li a {border:1px solid #E2D8EB; padding:7px 10px; width:190px; display:block; background:#eee url(../img/bg-button-actions.jpg) repeat-x; margin:0 auto; font-size:1.2em; font-weight:bold; text-decoration:none; text-align:left;} div#sidebar ul.actions li a.delete {float:right; width:60px; padding:5px; border:0px; background-color:transparent; background-image:none; border:none; cursor:pointer} div#sidebar ul.actions li a.delete:hover {text-decoration:underline; background-color:transparent; background-image:none;} div#sidebar ul.actions li a span {display:block; width:17px; height:17px; float:left; text-indent:-10000em; margin-right:10px;} div#sidebar ul.actions li a span.favorites {background:url(../img/icon-fan-2.jpg) no-repeat left;} div#sidebar ul.actions li a span.question {background:url(../img/icon-question.jpg) no-repeat left;} div#sidebar ul.actions li a span.add-friend {background:url(../img/icon-add-friend.jpg) no-repeat left;} div#sidebar ul.actions li a span.invite {background:url(../img/icon-group-page.jpg) no-repeat left;} div#sidebar ul.actions li a span.message {background:url(../img/icon-message.jpg) no-repeat left;} div#sidebar ul.actions li a span.recommend {background:url(../img/icon-recommend.jpg) no-repeat left;} div#sidebar ul.actions li a span.discussion {background:url(../img/icon-discussion.jpg) no-repeat left;} div#sidebar ul.actions li a em {font-size:90%; color:#666; font-style:normal; font-weight:normal;} div#sidebar ul.actions li a:hover {background:#fff; color:#7C3C9B;} div#sidebar p.report {border-top:1px solid #fff; padding-top:10px; height:25px; padding-left:5px;} div#sidebar p.report a {color:#999; padding-left:25px; background:url(../img/icon-report.jpg) no-repeat left; display:block; height:16px;} div#sidebar p.report a:hover {color:#7C3C9B;} div#map_container {display:none;} div#map_container div#map {width:100%;height:250px;margin-top:10px;top:0;} /* Tags */ div#sidebar div.tags {float:left; margin-top:10px;} div#sidebar div.tags a.tag { margin-right:7px; margin-bottom:10px; font-size:1.1em; text-decoration:none; float:left; background:#eee url(../img/bg-tag-l.jpg) no-repeat 0 0; display:block; height:19px; padding-left:8px; cursor:pointer} div#sidebar div.tags a.tag span {float:left; background: url(../img/bg-tag-r.jpg) no-repeat top right;padding-right:8px; height:17px; padding-top:2px;} div#sidebar p.profile {border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:0;} div#sidebar ul.info {font-size:1.1em; color:#666; padding-bottom:10px; border-bottom:1px solid #ddd; padding-left:5px;} div#sidebar ul.info li {line-height:1.4em;} div#sidebar ul.info li a { text-decoration:none;} /* multimedia */ div#sidebar ul.multimedia-list {width:260px; float:left; margin-top:10px;} div#sidebar ul.multimedia-list li {float:left; width:110px; height:91px; background:url(../img/bg-multimedia-side.jpg) no-repeat; padding:3px; margin-right:5px; margin-bottom:15px;} div#sidebar ul.multimedia-list li a img {display:block; background:#fff; } div#sidebar ul.multimedia-list li a strong {font-size:1.1em; text-decoration:none; float:left; margin-top:10px;} div#sidebar ul.thumbs-multimedia {float:left; width:260px; margin-top:10px;} div#sidebar ul.thumbs-multimedia li {float:left; margin-right:15px; margin-bottom:10px;} div#sidebar ul.thumbs-multimedia li.hidden {display:none;} div#sidebar ul.thumbs-multimedia a {border:2px solid #fff; float:left; display:block; cursor:pointer;} div#sidebar ul.thumbs-multimedia a img {float:left; display:block; border:1px solid #fff;} div#sidebar ul.thumbs-multimedia a.on {border:2px solid #7C3C9B;} div#sidebar ul.thumbs-multimedia a.on:hover {border:2px solid #7C3C9B;} div#sidebar ul.thumbs-multimedia a:hover{border:2px solid #ddd;} .left {float:left!important;} .right {float:right!important;} div.last {margin-right:0;} div.invisible {display:none;} /* ------- FOOTER ------- */ div#footer {border-top:1px solid #e6e6e6; text-align:center; } div#footer div.wrap {padding-top:20px; width:950px; margin:0 auto; padding-bottom:40px; height:100px; text-align:left;} div#footer ul {float:left; width:120px;} div#footer ul li {line-height:1.6em; color:#999;} div#footer ul li h2 {color:#333; font-size:1.2em; font-weight:bold; padding:2px; margin-bottom:5px;} div#footer ul li a {color:#666; background:#fff; text-decoration:none; padding:1px 2px;} div#footer ul li a:hover {background:#7C3C9B; color:#fff;} div#footer ul.copyright {float:right; width:360px; background:url(../img/trippydoo-footer.jpg) no-repeat right;} /* ------- LOGIN ------- */ body.auth div#header {height:100px;} body.auth div#header h1 {margin-top:30px;} body.auth div#header h1 a {width:171px; height:69px; text-indent:-100000em; background:url(../img/logo.gif) no-repeat top left; float:left; } body.auth div#content{background:#eee; width:950px; height:540px; background:url(../img/bg-auth-spring.jpg) no-repeat 0 40px;} body.auth div#content h2 {display:block; float:right; width:360px; color:#7C3C9B; margin-right:70px; margin-bottom:0; clear:both;display:inline;} body.auth div#content form {float:right; margin-right:70px; width:360px; margin-top:10px; display:inline;} body.auth div#content div.fb_friends {background-color:white;height:400px;left:400px;overflow-y:scroll;position:relative;width:500px;} body.auth div#content div.fb_friends ul {} body.auth div#content div.fb_friends ul li {width:200px;} body.auth div#content div.fb_friends ul li p {float:left;width:100%;} body.auth div#content button.continue {background:#7C3C9B none repeat scroll 0 0;color:white;cursor:pointer;padding:6px 15px;position:relative;top:20px;left:850px;} body.auth div#content fieldset {width:340px; background:#fff; color:#333; float:left; display:block; padding:20px 10px 10px 10px;} body.auth div#content fieldset legend {display:none;} body.auth div#content fieldset label { float:left; margin-bottom:8px;} body.auth div#content fieldset label.terms {margin-bottom:15px;} body.auth div#content fieldset label strong {float:left; width:120px; font-size:1.2em; font-weight:bold; padding-top:5px; color:#666;} body.auth div#content fieldset label.terms strong {width:300px; font-size:1.1em; font-weight:normal; padding:0;} body.auth div#content fieldset input {float:right; width:190px; font-size:1.2em; color:#666; margin-right:15px;} body.auth div#content fieldset input.check {width:20px; margin-right:10px; border:none; background:none; float:left;} body.auth div#content fieldset label.date input {width:145px;} body.auth div#content fieldset label.date select {width:65px; margin-right:4px;} body.auth div#content fieldset select {float:left; width:190px; font-size:1.2em; color:#666;} body.auth div#content fieldset textarea {float:left; width:190px; font-size:1.1em; color:#666; height:40px;} body.auth div#content fieldset hr {width:340px; margin-top:5px; margin-bottom:5px; height:1px;} body.auth div#content fieldset hr.spacer {margin-top:5px; margin-bottom:5px; color:#fff; background:#fff;} body.auth div#content fieldset p {width:340px; margin:0px} body.auth div#content fieldset button {float:left; background:#7C3C9B; color:#fff; font-weight:bold; padding:10px 0px; cursor:pointer; width:150px; text-align:center;} body.auth div#content fieldset a.forgot {float:right; color:#999; margin-top:10px;} body.auth div#content fieldset a.skip {float:right; color:#666; margin-top:10px;} body.auth div#content fieldset label.date a {width:18px; height:18px; float:left; margin-left:8px; margin-top:4px; text-indent:-10000em; background:url(../img/icon-calendar.jpg) no-repeat;} body.auth div#content fieldset a {color:#666;} body.auth div#content fieldset a.forgot{color:#7C3C9B;} body.auth div#content fieldset a.forgot:hover {color:#fff;} body.auth div#content fieldset a.skip{color:#7C3C9B;} body.auth div#content fieldset a.skip:hover {color:#fff;} body.auth div#content form p.alt {width:340px; margin-top:10px; text-align:center; padding:10px; background:#fff; color:#666;} body.auth div#content form p.alt a {margin:0 auto; font-weight:bold; text-decoration:none;} body.auth div#content form p.alt a:hover {background:#7C3C9B; color:#fff; padding:2px 5px;} body.auth div#footer {border:none;} /*Feedback page*/ form#feedback {width:660px; float:left;} form#feedback fieldset {background:#eee; padding:20px; width:620px; float:left; margin-bottom:20px;} form#feedback fieldset label {width:610px; float:left; padding:5px 0 5px 10px;} form#feedback fieldset label:hover {background:#e6e6e6;} form#feedback fieldset label strong {float:left; width:240px; font-size:1.2em; margin-top:5px;} form#feedback fieldset label input {width:350px; font-size:1.1em;} form#feedback fieldset label textarea {width:350px; font-size:1.1em;} /*Tomy*/ div#main div#sidebar div.container form a#trigger_calendar {width:18px; height:18px; float:right; margin-left:8px; margin-top:4px; text-indent:-10000em; background:url(../img/icon-calendar.jpg) no-repeat; display:block;} div#main div#sidebar div.container fieldset {width:240px; background:#fff; color:#333; float:left; display:block; padding:0px 0px 0px 0px; margin-top:50px; padding-bottom:20px;} div#main div#sidebar div.container fieldset input {float:left; width:100px; font-size:1.2em; color:#666; } div#main div#sidebar div.container fieldset input#user-search { width:230px; } div#main div#sidebar div.container fieldset label { float:left; margin-bottom:8px; width:100%; display:block;} div#main div#sidebar div.container fieldset ul.error_list li{color:#FF0000;} /* img_container */ img#img_container {margin-left:auto; margin-right:auto; display:block; text-align:center; float:none} /* album */ div#main div#content.left div.multimedia-container {width:100%; text-align:center; min-height:495px;width:660px;clear:both;} div.photo-comment {display:block;float:left; position:relative;width:660px;min-height:70px;} div.photo-comment p.description {word-wrap:break-word;cursor:pointer;} div.photo-comment p.description-empty {font-style:italic;} div.photo-comment p.description:hover {background-color:#C5C1C9} div.photo-comment textarea.photo-description {position:absolute;top:0px;left:0px;width:640px; padding:2px; height:40px; display:none;} div.photo-comment a {cursor:pointer;position:absolute;} div.photo-comment a:hover {text-decoration:underline;} div.photo-comment a.save {right:100px;top:50px; display:none;} div.photo-comment a.cancel {right:60px;top:50px; display:none;} div.photo-comment a.delete {right:20px;top:50px; display:none;} img#container-img {vertical-align:middle;width:660px;height:495px;} /* buton add trip post - sub edit trip*/ div#sidebar ul.actions li a.add-new-post{ float:left; font-size:2em; text-align:center; font-weight:bold; letter-spacing:-1px; color:#fff; background:#7C3C9B; width:195px; padding:10px 12px; text-decoration:none; margin:20px 0 10px 19px; display:inline; border-bottom:1px solid #592A6E;border-right:1px solid #592A6E;} div#sidebar ul.actions li a.add-new-post:hover {background:#592A6E;border-bottom:1px solid #333;border-right:1px solid #333;} /* X - delete comments*/ ul.comments li a.delete_comment {cursor:pointer; vertical-align:super; font-size:12px; font-weight:bold; float:right; margin-right:-10px;margin-top:-10px;margin-left:10px;} ul.comments li.alt a.delete_comment {float:left; margin-left:-10px;margin-top:-10px; margin-right:10px;} /* trips homepage - harta */ div#main div#sidebar div.container div.box div#map-sidebar { height:200px; width:240px; } /* trip addnote - div harta*/ div.map-sidebar { height:200px; width:240px; } div.progressbar1 { width:100%; border: 1px solid #a3a3a3; background-color: #f6f6f6; text-align: left; vertical-align: middle; height: 20px; text-align:center; margin-top:20px} div.progressbar2 { width: 0%; background-image: url(/img/progress.gif) ; height: 100%; text-align: left; text-align:center; } div.progressbar1 p {width:100% ! important ; text-align:center ! important;} /* profil photo */ div#sidebar div#user_photo{border:1px solid #ddd; padding:0px; background:#fff; color:#333; float:left; width:260px;overflow:hidden;cursor:pointer;} div#sidebar div#user_photo img {margin-left: auto; margin-right: auto; display:block;} div#sidebar div#change-photo{opacity:0;position:absolute;height:20px;width:100%;background:#7C3C9B; padding-left: 10px; padding-top:3px; color:#fff} div#sidebar div#user-photo:hover div#change-photo {opacity:1;} div#sidebar div#change-photo span{color:#fff;} div#sidebar input#new_photo{cursor:pointer;} /* link edit profile */ a.edit-profile {display:block; text-align:right;margin-top:-14px; height:14px; cursor:pointer;} a.edit-profile:hover{ text-decoration:underline;} /* fields edit profile*/ div#sidebar div.box-gri{padding:10px; float:left; width:240px;overflow:hidden;} div#sidebar div.box-gri h3 {font-size:1.2em; font-weight:bold;} div#sidebar div.box-gri h3 em {font-size:80%; color:#666; font-style:normal; font-weight:normal;} div#sidebar div.box-gri hr {color:#DDDDDD; background:#DDDDDD; height:1px; border:none;} div#main div#sidebar div.container fieldset.edit-profile{padding:10px;width:240px;margin-top:0px;} div#main div#sidebar div.container fieldset.edit-profile input{width:228px;} div#main div#sidebar div.container fieldset.edit-profile textarea{width:228px;} div#main div#sidebar div.container fieldset.edit-profile label{width:228px;} div#main div#sidebar div.container fieldset.edit-profile .edit-profile-spacer{width:50px; display:block; float:left;} div#main div#sidebar div.container fieldset.edit-profile select#tuser_birthdate_year {padding:4px;} div#main div#sidebar div.container fieldset.edit-profile select#tuser_birthdate_month {width:45px; padding:4px;} div#main div#sidebar div.container fieldset.edit-profile select#tuser_birthdate_day {width:45px; padding:4px;} div#sidebar div.container{padding:5px; background:#eee; margin-bottom:15px; float:left; width:auto;} div#sidebar a.more {font-size:1.1em; font-weight:bold; margin-left:5px; margin-top:5px; padding:4px 0px; text-decoration:none; display:block; float:left;} div#sidebar div.clear {width:260px; border:none; padding:0; background:transparent;} div#sidebar ul.scroll {margin-top:-19px;} div#sidebar p.profile-description{padding-top:5px;} div#sidebar form#form2{display:none;} /* ###### FORM ERRORS ########## */ /* ##### REGISTER ACCOUNT ##### */ ul.error_list {width:100%; height:15px; color:red; display:inline-block;} ul.error_list li{color:red; float:right; width:220px;} /* ##### AUTOCOMPLETE STUFF ##### */ img.spinner {float:left;display:none; margin-left:10px; margin-top:5px;} input.autocomplete {width:250px;font-weight:bold;color:purple; float:left;} div.markerTooltip, div.markerDetail {color: black; font-weight: bold; background-color: white; white-space: nowrap; margin: 0; padding: 2px 4px; border: 1px solid black;} /* HOMEPAGE MAP */ #map-sidebar {width:650px;height:300px; clear:both;} div#map-sidebar span {display:none;} /* Tomy- editnote*/ ul.multimedia-list {float:left; padding-top:20px; margin-bottom:20px;} ul.multimedia-list li {float:left; width:129px; height:91px; background:url(../img/bg-multimedia.jpg) repeat-x scroll 0 0; padding:3px; margin-right:10px; list-style:none;} ul.multimedia-list li a img {display:block; background:#f0f;} ul.multimedia-list li a strong {font-size:1.2em; text-decoration:none; margin-top:10px; float:left;} ul.multimedia-list li a {} /* ##### ADD/EDIT TRIP - PHOTO/VIDEO ##### */ fieldset.create div#post_photos {display:block;width:100%; float:left;} fieldset.create div#post_photos a {margin:0px; padding:0px;margin-right:10px;border:solid 0px;} fieldset.create div#post_photos a div {width:60px; height:45px; border:1px solid black;} fieldset.create div#post_photos a img {width:60px; margin:0px; cursor:pointer;} fieldset.create div#post_photos a img.delete-post-photo {width:16px; height:16px ; cursor:pointer; top:-48px; opacity:0.5;margin:0px;float:right;background-color:white;position:relative;} fieldset.create div#post_photos a img.delete-post-photo:hover {opacity:1;} fieldset.create div#post_photos a div img.loading{margin-top:3px; margin-left:10px; width:40px; height:40px} fieldset.create div#post_videos {display:block;width:100%; float:left;margin-top:20px;} fieldset.create div#post_videos a {margin:0px; padding:0px;margin-right:10px; border:solid 0px; width:60px;} fieldset.create div#post_videos a img {width:60px; height:60px ; margin:0px; cursor:pointer;} fieldset.create div#post_videos a img.delete-post-video {width:16px; height:16px ; cursor:pointer; top:-63px; opacity:0.5;margin:0px;float:right;background-color:white;position:relative;} fieldset.create div#post_videos a img.delete-post-video:hover {opacity:1;} div.container-flickr {position:fixed;height:100%;width:50%;opacity:1;top:0px;float:right;background-color:#000000; margin-left:50%; overflow:scroll; padding-top:20px; padding-left:15px;padding-bottom:15px;} div.container-flickr div.photo-big-container{float:left; margin:5px; border:2px solid white;} div.container-flickr div.photo-big-container p.photo-size{color:green;text-align:center;} div.container-flickr div.photo-small-container{border:none;} div.container-flickr div img.flickr {float:none;} div.container-flickr div.flickr-tools {width:100%;background-color:white;width:100%;float:left;height:100px;} div.container-flickr div.flickr-tools a {cursor:pointer} div.container-flickr div.flickr-results {width:100%;width:100%;float:left;height:80%;min-height:150px;} input.file {position: absolute;z-index:2;opacity: 0;-moz-opacity: 0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);} div.cabinet {position:relative; top:0px;left:0px; overflow:hidden;} div.feedback {position:fixed; right:0; bottom:0; z-index:100000;} div.feedback a {width:100px; height:100px; background:url(../img/feedback.png) no-repeat; display:block; text-indent:-10000em;} div.trips div.star-rating a:hover {} /* ##### ADD/EDIT GROUP */ /* errors */ span.error {color:red;} span.error.description {margin-left:20px;} span.tw_register {margin-left:120px;} /*######### homepage*/ #wrapper div.header{height:auto;width:952px;} #wrapper {margin: 0 auto;width: 954px;height: auto;text-align:left;} /*header settings*/ #header-homepage {width: 952px;height: auto;overflow:hidden;} #header-homepage h1{width: 166px;height: 47px;float: left;margin-top: 40px;} .header-sheep {width: 350px;height: 91px;float: right;margin: 15px 45px 0 0;padding: 12px 0 0 16px;color: white;background: url(../img/header_sheep.png) top left no-repeat; text-align:left;} .header-sheep p{font-size: 12px} .header-sheep p.call {font-size: 16px;padding-top: 10px;text-align: left;line-height:13px;} .header-sheep p.call a {color: white;text-decoration: underline;} /*message homepage*/ div.message-homepage {width: 934px; background: none repeat scroll 0% 0% rgb(255, 255, 153); padding: 6px 10px; margin-bottom: 6px;} div.message-homepage h2{color: rgb(51, 51, 51);} /*tabs settings*/ ul.tabNavigation {list-style: none;margin: 0 0 0 0;padding: 0;} ul.tabNavigation li {display: block;float:left;} ul.tabNavigation li a {display: block;width: 222px;height: 36px;float: left;padding-top: 24px;color: white;font-size: 16px;font-weight: bold;text-align: center;border-right: solid 1px #7694ae;background-color: #90b4d4;text-decoration:none;} ul.tabNavigation li a.selected, ul.tabNavigation li a:hover {background-color: #7C3C9B;} ul.tabNavigation li a:focus {outline: 0;} div.tabs {float: left;width:669px;} div.tabs > div h2 {margin-top: 0;} div#first, div#second, div#third {width: 669px;height: 290px;font-weight: bold;color: #7C3C9B; float:right;} div#first p, div#second p, div#third p {padding-bottom: 30px;text-align: right;font-size: 35px;line-height:13px;margin:0;} div#first {background: url(../img/first_slide.jpg) 0 0 no-repeat;} div#second {background: url(../img/second_slide.jpg) -669px 0;} div#third {background: url(../img/third_slide.jpg) -1340px 0;} div.tabs p.p1 {padding-top: 65px;} div.tabs p.p2 {padding-right: 82px;} div.tabs p.p3 {padding-right: 128px;} div.tabs p.p4 {padding-right: 40px;} div.tabs p.p5, p.p8 {padding-top: 93px;} div.tabs p.p9 {padding-right: 65px;} div.tabs p.p1, p.p5, p.p6, p.p7, p.p8, p.p10, p.p11 {padding-right: 32px;} /*login form settings*/ .login-form {float: right;padding: 5px;background:#EEEEEE none repeat scroll 0 0;text-align:left;} .login-form div.box {border:1px solid #ddd; padding:10px; background:#fff; color:#343434; float:left; width:240px;height:318px} .login-form div.box h3 {font-size: 1.2em; margin: 0px;font-weight:normal;padding-top:5px;padding-bottom:5px;} .login-form div.box hr {background:#EEEEEE none repeat scroll 0 0;border:medium none;color:#EEEEEE;height:1px;width:240px;} .login-form div.box ul#login {list-style-image:none;list-style-position:outside;list-style-type:none; padding-top:5px;} .login-form div.box ul#login {color:#666666;float:left;font-size:1.2em;width:100%;} .login-form div.box ul#login li {overflow:hidden;} .login-form div.box ul#login li#login-forgot {overflow:hidden;margin:0;padding-bottom:10px;} .login-form div.box ul#login li#tw_login {padding-top:8px;} .login-form div.box ul#login li#fb_login_tag {padding-top:8px;} .login-form div.box ul#login li span.error {font-size:0.8em;padding-bottom:5px;} .login-form div.box ul#login li strong {color:#666666; float:left; font-size:1em; font-weight:bold; width:100%;margin:0;padding-top:2px;} .login-form div.box ul#login li p {color:#666666; font-size: 11px;float: none;} .login-form div.box ul#login li.line {border-top:1px #EEEEEE solid;padding-top:10px;} .login-form div.box ul#login li button {background:#7C3C9B none repeat scroll 0 0;color:white;cursor:pointer;padding:6px 15px;font-size:11px;width:65px;float:left;font-weight:bold;} .login-form div.box ul#login li a {width:215px; display:block; text-decoration:none; background:#fff;} .login-form div.box ul#login li a.twitterlogin {background:transparent url(../img/Sign-in-with-Twitter-darker.png) no-repeat scroll 0 0; height:25px;} .login-form div.box ul#login li a.forgot {width:auto; float:right; font-weight:normal; border:none; padding-top:6px; cursor:pointer; font-size:10px; color:#B2B2B2; padding-right:6px;} .login-form div.box ul#login li a.forgot:hover {text-decoration:underline;} .login-form div.box ul#login li a.trip {background:url(../img/icon-add-trip.png) no-repeat left;} .login-form div.box ul#login li a.profile {background:url(../img/icon-user-profile.png) no-repeat left;} .login-form div.box ul#login li a.discover {background:url(../img/icon-discover.png) no-repeat left;} .login-form div.box ul#login li a.users {background:url(../img/icon-friends.png) no-repeat left;} /*.login-form div.box ul#login li a:hover {border-bottom:1px solid #E2D8EB; background-color:#F8F5FA;}*/ .login-form div.box ul#login li input {width:220px;background:#FFFFFF url(../img/bg-field.gif) repeat-x scroll center top;border-color:#7C7C7C #C3C3C3 #DDDDDD;border-style:solid;border-width:1px;color:#666666;font-family:Arial,Helvetica,sans-serif;padding:6px;} .login-form div.box ul#forgot {color:#666666;float:left;font-size:1.2em;width:100%;display:none;} .login-form div.box ul#forgot li strong {color:#666666; float:left; font-size:1em; font-weight:bold; width:100%; padding-bottom:2px;} .login-form div.box ul#forgot li button {background:#7C3C9B none repeat scroll 0 0;color:white;cursor:pointer;padding:6px 15px;font-size:11px;} .login-form div.box ul#forgot a#back {float:right; cursor:pointer; } /*fix for ie homepage*/ .login-form div.box ul#login li#remember_me_box {padding-top:2px;} .login-form div.box ul#login li#remember_me_box input#remember_me{margin:0;padding:0;border:0 none;width:16px;} /*left area settings*/ .left-area {float: left;width: 664px;margin-top: 15px;background-color: #eee;padding-left:5px;margin-bottom:20px;} .left-area .feed-box-home{width:637px;} .left-area h3 {font-size: 18px;font-weight: bold;color: #343434;margin: 16px 0 4px 18px;} .left-area span {float: left;margin-left: 18px;} .left-area .sheeps {width: 129px;height: 86px;float: right;margin: -44px 15px 0 0;background: url(../img/sheeps.png) top left no-repeat;} .left-area p.public {float: left;font-size: 12px;font-weight: bold;margin: 12px 0 0 18px;} /*.left-area p.more {float: left;margin: 10px 0 0 15px;}*/ /*p.more a {color: #773a97;font-weight: bold;}*/ .left-area p.more {float:left; font-size:1.1em; font-weight:bold; margin:5px; padding:5px 0px; text-decoration:none;cursor:pointer;} /*right area settings*/ .right-area {width: 270px;height: auto;float: left;margin: 15px 0 0 14px;} /*Register Account Connect*/ body.auth div#content form p.alt a.greyLink {color:#999;} body.auth div#content form p.alt a.greyLink:hover {color:#999;} a#RES_ID_fb_login:hover(background:transparent); /*#tw-connect {padding-top:8px;}*/ /*body.auth div#content form p.alt a.twitterConnect {background:transparent url(../img/Sign-in-with-Twitter-darker.png) no-repeat scroll 0 0; height:25px;display:block;} body.auth div#content form p.alt a.twitterConnect:hover{background:transparent url(../img/Sign-in-with-Twitter-darker.png) no-repeat scroll 0 0; height:25px;display:block;} */