html {
margin: 0;
padding: 0;
overflow-x: hidden;
}
body {
font-family: Tahoma, sans-serif;
font-size: 85%;
background: #fff url(/img/fnd-web.gif) repeat-x 0 0;
margin: 0;
padding: 0;
}
#home {
background-image: none;
}
a {
color: #000000;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a img {
border: 0;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
h1 {
position: relative;
overflow: hidden;
margin: 0;
font-size: 22pt;
}
h1 span.img {
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
h1 a, h1 a:visited {
color: black;
}
form, table {
margin: 0;
}
/* Layout */
div.wrapper {
margin: 0 auto;
width: 800px;
text-align: left;
}
div.wrapper-map {
width: 100%;
margin: 0;
}
div.wrapper-wide {
margin: 0 auto;
width: 960px;
text-align: left;
}
#header {
color: #333;
padding: 5px 10px 5px 15px;
margin: 0;
font-size: 80%;
height: 62px;
background-color: #DE3803;
}
#map-page #header {
width: 960px;
margin: 0 auto;
}
#header.rtl {
/* @noflip */ background-position: right 4px;
}
#logo-home {
float: left;
margin-top: 5px;
}
#user-menu {
float: right;
margin: 10px 0 5px 0;
}
#user-menu li {
float: left;
margin: 0 6px 0 0;
padding: 0 0 0 6px;
}
#user-menu li a {
text-decoration: underline;
}
#main-menu {
float: left;
margin: 8px 0 0 0;
clear: left;
}
#main-menu li {
float: left;
margin: 0 8px 0 0;
padding: 0 8px 0 0;
border-right: 2px solid #bbb;
font-weight: bold;
font-size: 120%;
}
#main-menu li.last-child {
border: 0;
}
#header form {
float: right;
/*width: 285px;*/
clear: right;
margin: 20px 0 0 0;
}
#header form table {
width: 285px;
}
#header form input.text {
width: 170px;
}
#header form input.boton {
font-family: Tahoma, sans-serif;
overflow: visible;
}
#footer {
width: 788px;
color: #bbb;
background: #fafafd url(/img/fnd-footer.jpg) no-repeat;
padding: 10px 0 5px 0;
clear: both;
border-top: 1px solid #ECEDF4;
float: left;
margin-left: 10px;
display: inline;
font-size: 90%;
}
div.wrapper-wide #footer {
width: 960px;
color: #bbb;
background: #fafafd url(/img/fnd-footer.jpg) repeat-x;
padding: 10px 0 5px 0;
clear: both;
border-top: 1px solid #ECEDF4;
float: left;
margin-left: 10px;
display: inline;
font-size: 90%;
}
#footer input {
padding: 0 2px;
font-size: 90%;
margin: 0;
}
#footer select {
font-size: 90%;
width: 110px;
}
#footer div {
float: left;
width: 180px;
}
div.wrapper-wide #footer div {
float: right;
margin-right: 15px;
display: inline;
}
#footer ul {
list-style: none;
margin: 0 0 0 10px;
padding: 0;
width: 580px;
float: left;
}
#footer li {
float: left;
margin: 0 7px 0 0;
padding: 0 4px 0 0;
border-right: 1px solid #ECEDF4;
}
#footer li.last-item {
border: 0;
padding: 0;
margin: 0;
}
#footer label {
font-size: 90%;
margin: -7px 0 4px 0;
display: block;
position: relative;
}
/* Home -- Need a review */
#contact {
width: 630px;
float: none;
}
#contact p {
float: left;
width: 250px;
margin-right: 30px;
margin-left: 15px;
padding-bottom: 20px;
display: inline;
}
.caja {
width: 307px;
background: url(/img/fnd-caja-bottom.ltr.gif) no-repeat bottom;
margin-bottom: 20px;
padding-bottom: 12px;
}
.caja a {
margin: 0 15px 0 155px;
font-size: 100%;
display: block;
width: auto;
padding: 3px 1px;
color: #fff;
background-color: #005296;
border-bottom: 1px solid #00284A;
border-right: 1px solid #00284A;
border-top: 1px solid #0077DF;
border-left: 1px solid #0077DF;
text-align: center;
}
.caja a:hover {
text-decoration: none;
}
.caja h2 {
font-size: 170%;
margin: 0;
padding: 14px 0 0 27px;
display: block;
width: 280px;
background: url(/img/fnd-caja-top.ltr.gif) no-repeat top;
}
.caja h2 span {
color: #006549;
}
#organize {
padding: 5px 60px 8px 10px;
font-size: 110%;
line-height: 140%;
margin-left: 10px;
}
#tip {
margin-top: 10px;
padding: 5px 40px 8px 30px;
line-height: 140%;
margin-left: 15px;
background-image: url(/img/fnd-tip.ltr.gif);
background-repeat: no-repeat;
background-position: left 12px;
font-size: 90%;
}
#add-minip {
padding: 0 0 10px 20px;
font-size: 110%;
line-height: 140%;
margin-left: 10px;
margin-top: 25px;
background-image: url(/favicon.ico);
background-repeat: no-repeat;
background-position: 0 2px;
}
#minipanoramio {
background-image: url(/img/fnd-minipanoramio.ltr.gif);
background-repeat: no-repeat;
background-position: top left;
padding: 10px 16px 11px 16px;
margin: -10px 10px 10px 10px;
width: 419px;
float: left;
}
#minipanoramio p.place-name {
text-align: left;
margin: 8px 0 5px 0;
font-size: 90%;
background: url(/img/lupa.ltr.gif) no-repeat top left;
padding-left: 20px;
}
#principal {
float: right;
width: 310px;
}
h1#panoramio {
margin: 30px 0 15px 0;
color: #006d49;
}
h1#panoramio, h1#panoramio span.img {
width: 307px;
height: 72px;
}
h1#panoramio span.img {
background-image: url(/img/logo-panoramio-google.gif);
}
h3#places {
margin: 0 0 0 35px;
clear: both;
font-size: 110%;
font-weight: normal;
line-height: 140%;
text-align: center;
}
h3#places a.cool {
text-decoration: underline;
font-weight: bold;
}
#login-register {
text-align: right;
margin: 5px 0 0 0;
font-size: 90%;
}
#zonatriple {
width: 788px;
margin: 10px 0 40px 10px;
background: url(/img/fnd-caja-larga.ltr.gif) no-repeat bottom right;
float: left;
display: inline;
}
#zonatriple h2 {
font-size: 170%;
margin: 0;
padding: 5px 0 0 27px;
display: block;
width: 280px;
}
#zonatriple h2 span {
color: #006549;
}
#search-box {
padding: 8px 0 0 0;
margin: 0 20px 0 0;
width: 391px;
float: left;
position: relative;
background: url(/img/fnd-caja-buscador.ltr.gif) no-repeat top left;
}
#zonatriple #search-box h2 {
padding-top: 2px;
}
#search-box form {
margin: 12px 5px 0 75px;
position: relative;
}
#search-box form input.texto {
padding: 2px;
width: 95%;
font-size: 140%;
}
input.boton {
padding: 2px 3px !important;
padding: 1px 0;
font-size: 110%;
vertical-align: top;
background-color: #333;
border-bottom: 1px solid #333;
border-right: 1px solid #333;
border-top: 1px solid #333;
border-left: 1px solid #333;
color: #fff;
}
#search-box form input.boton {
padding: 2px 3px;
font-size: 120%;
}
#search-box p {
text-align: left;
margin: 3px 0 0 0;
padding: 0;
font-size: 90%;
color: #646464;
}
#explore {
float: left;
width: 377px;
clear: none;
padding: 5px 0 18px 0;
display: inline;
background: url(/img/fnd-caja-explore.ltr.gif) no-repeat top right;
}
#explore h2 {
padding-left: 0;
}
#explore div {
float: left;
width: 190px;
padding: 0;
margin: 9px 0 0 10px;
display: inline;
}
#explore #ge {
width: 170px;
margin-left: 5px;
}
#explore div p, #explore div a {
padding: 0;
margin: 0;
width: 92px;
border: 0;
background-color: transparent;
float: left;
}
#explore div p {
margin-left: 5px;
padding-top: 8px;
display: inline;
font-size: 90%;
}
#explore #ge a {
width: 71px;
}
#explore div p a {
display: inline;
width: auto;
float: none;
}
#explore div img {
padding: 0;
margin: 0;
display: block;
}
#contenido {
margin: 25px 140px 35px 20px;
line-height: 130%;
}
#contenido.wide {
margin: 25px 20px 35px 20px;
}
#contenido #intro {
padding: 10px;
background-color: #ECEDF4;
font-size: 110%;
line-height: 150%;
border-bottom: 1px solid #BBBBBB;
margin: 0 0 20px 0;
font-weight: normal;
line-height: 150%;
float: none;
width: 740px;
display: block;
}
#contenido h1 {
margin: 10px 0 15px 0;
font-size: 160%;
padding: 6px 0 10px 0;
}
#contenido h2 {
margin: 15px 0 10px 10px;
font-size: 130%;
}
#contenido h2 a.m {
font-size: 70%;
margin-left: 10px;
font-weight: normal;
}
#contenido h3 {
margin: 15px 0 10px 10px;
font-size: 110%;
}
#contenido p {
margin: 9px 0 9px 10px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height: 170%;
color: #333;
font-size: 90%;
}
#contenido p.top {
text-align: right;
margin: 15px 10px -15px 0;
clear: both;
}
#contenido p.top a {
padding-left: 11px;
background: url(/img/top-bullet.gif) no-repeat left 5px;
}
#contenido p img {
display: block;
float: left;
margin: 0 9px 5px 0;
}
#contenido h1 span, #contenido h2 span, #contenido h3 span {
color: #006549;
}
#contenido hr {
border: 0;
color: #ECEDF4;
background-color: #ECEDF4;
height: 1px;
margin: 25px 0 25px 10px !important;
margin: 10px 0 5px 10px;
padding: 0;
line-height: 1%;
}
#contenido hr.contact {
margin: 10px 0 10px 10px !important;
margin: 5px 0 0 10px;
}
#contenido ul, #contenido ol {
padding: 0;
margin: 0 0 0 40px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height: 170%;
color: #333;
font-size: 90%;
}
#contenido code {
margin: 10px 0 10px 10px;
padding: 5px;
background-color: #EBEBEB;
display: block;
overflow: auto;
font-family: Courier New;
}
#query_city_results, .city_results {
position: absolute;
z-index: 1000000000;
background: white;
border: 1px solid #ccc;
border-bottom-width: 2px;
border-right-width: 2px;
padding: 3px;
}
#search-box #query_city_results {
width: 405px;
visibility: hidden;
top: 32px;
}
#locate #query_city_results {
width: 390px;
visibility: visible;
top: 26px;
}
/* Sign in, sign up, sign out */
#col-signup {
float: left;
width: 380px;
padding-bottom: 15px;
background-image: url(/img/fnd-extra.png);
background-repeat: no-repeat;
background-position: top right;
padding-right: 40px;
margin-top: 0;
}
#col-signin {
float: left;
width: 320px;
padding-bottom: 80px;
margin-top: 0;
margin-left: 15px;
display: inline;
}
#col-signin.again {
float: none;
width: 380px;
margin-left: 45px;
}
#col-signin-pm {
float: left;
width: 500px;
padding-bottom: 80px;
margin-top: 0;
margin-left: 150px;
display: inline;
}
#col-signin h2, #col-signup h2, #col-signin-pm h2 {
margin: 0 0 8px 20px;
font-size: 140%;
padding-bottom: 10px;
line-height: 160%;
}
#col-signin div.message, #col-signup div.message, #col-signin-pm div.message {
margin-bottom: 10px;
}
div.message h2, #col-signin div.message h2, #col-signup div.message h2, #col-signin-pm div.message h2 {
background-repeat: no-repeat;
background-position: 0 3px;
margin: 0;
font-size: 100%;
font-weight: normal;
padding: 8px 0;
}
div.error h2, #col-signin div.error h2, #col-signup div.error h2, #col-signin-pm div.error h2 {
color: #fff;
}
#benefits {
list-style: none;
padding: 0;
margin: 8px 0 0 15px;
}
#benefits li {
padding-left: 22px;
background-image: url(/img/bullet-benefit.gif);
background-repeat: no-repeat;
background-position: left 4px;
}
#benefits li h3 {
font-size: 120%;
font-weight: normal;
color: #006549;
margin-bottom: 3px;
}
#benefits li p {
margin-top: 0;
margin-bottom: 0;
}
#col-signup a.boton {
display: block;
padding: 2px 3px;
background-color: #005296;
border-bottom: 1px solid #00284A;
border-right: 1px solid #00284A;
border-top: 1px solid #0077DF;
border-left: 1px solid #0077DF;
color: #fff;
width: 70px;
text-align: center;
margin: 15px 0 0 150px;
}
#col-signup a.boton:hover {
text-decoration: none;
}
#col-sigin div, #col-sigin-pm div {
width: 300px;
}
#col-signin form label, #signup form label, #col-signin-pm form label {
width: 80px;
float: left;
text-align: right;
margin-right: 7px;
}
#signup form label {
width: 155px;
}
#col-signin div form div, #signup form div, #col-signin-pm div form div {
float: left;
width: 320px;
padding: 0 10px;
margin: 5px 0;
clear: both;
}
#signup form div {
width: 390px;
}
#col-signin form, #col-signin-pm form {
width: 280px;
float: left;
margin: 10px 0 20px 0;
}
#col-signin form p, #col-signin-pm form p {
margin-left: 97px;
font-size: 80%;
}
#col-signin form input.boton, #col-signin-pm form input.boton {
margin: 8px 0 0 97px;
}
#signup {
width: 340px;
float: left;
display: inline;
margin: 10px 20px 0 25px;
}
#signup h2 {
margin-bottom: 18px;
font-size: 140%;
}
#signup form input.boton {
margin: 8px 0 0 173px;
}
#faq_zidebar {
float: left;
width: 350px;
background-color: #ECEDF4;
border-bottom: 1px solid #bbb;
padding: 8px;
margin: 64px 0 0 0;
line-height: 150%;
}
/* User -> some styles form photo.php mixed, clean it. */
.container {
width: 800px;
float: left;
display: inline;
}
.content {
padding: 0 10px;
float: left;
width: 540px;
}
.content h1 {
margin: 10px 0 0 10px;
font-size: 140%;
padding: 6px 0 10px 0;
color: #006549;
}
.content h1 a {
color: #005296;
}
.content h1 a span {
font-size: 70%;
}
.zidebar {
width: 180px;
float: right;
margin: 0;
padding: 10px;
font-size: 8pt;
clear: none;
display: inline;
}
.comments_wrapper {
padding-top: 10px;
clear: both;
}
#comments_wrapper {
margin-top: 1em;
clear: both;
}
div.comments_wrapper h4 {
font-size: 130%;
color: #006549;
margin-bottom: 5px;
margin-left: 10px;
}
div.comment {
padding: 10px 20px;
border-bottom: 1px dotted #ddc;
font-size: 10pt;
float: left;
width: 500px;
}
div.comment div.comment-img img {
background: white;
border: 1px solid #ccc;
padding: 4px;
margin: 0 6px 6px 0;
}
div.comment div.comment-img {
float: left;
width: 110px;
}
div.comment div.comment-txt {
float: left;
margin-left: 10px;
display: inline;
width: 380px;
}
div.comment div.comment-txt p {
margin-bottom: 0;
}
#photos_cont {
width: 540px;
position: relative;
}
#photos_cont td {
width: 130px;
text-align: center;
position: relative;
}
#photos_cont div.thumb_box {
position: relative;
margin: 6px 10px 3px 10px;
background: white;
border-width: 1px 2px 2px 1px;
border-style: solid;
border-color: #ccc;
}
#photos_cont div.thumb_box img {
margin: 0 auto;
padding: 5px;
}
#photos_cont div.broken img {
padding: 0;
}
#photos_cont a img.status-icon {
padding: 0;
border: 0;
margin: 0;
background: transparent;
position: absolute;
left: 0;
top: 1px;
}
#photos_cont .caption, #photos_cont .subcaption {
font-size: 8pt;
text-align: center;
color: #2c3720;
}
#photos_cont .subcaption {
color: #666;
}
.thumb_frame {
background: white;
border: 1px solid #ccc;
padding: 6px;
margin: 0 0 6px 0;
font-size: 8pt;
}
.img_frame {
background: white;
padding: 10px 10px 15px 10px;
margin: 0;
float: left;
width: 500px;
}
.img_frame p, .img_frame form {
text-align: right;
margin: 0;
}
.img_frame p {
margin-top: 5px;
font-size: 90%;
}
.first {
float: left;
}
.last {
float: right;
}
.thumb_frame img {
border: 0;
}
.thumb_frame a {
text-decoration: none;
}
#minimap1, #minimap2 {
clear: both;
}
.username {
color: #d43;
font-weight: bold;
}
.fade {
color: gray;
}
.zidebar #favourites p {
margin-bottom: 4px;
margin-left: 0;
font-family: Tahoma, sans-serif;
font-size: 100%;
line-height: 120%;
}
ul.favs {
list-style-type: none;
margin: 0 0 1em 20px;
padding-left: 0;
}
ul.favs li {
margin-bottom: 2px;
}
ul.favs li.fav-photos {
margin-top: 6px;
}
.ajax_pagination_links {
margin-top: 8px;
}
.ajax_pagination_links .disabled {
color: #B0B0B0;
}
.ajax_pagination_links .disabled:hover {
text-decoration: none;
}
#tags {
width: 190px;
margin: 0.5em 0 1em 0;
}
#tags #hidden_tag_li {
display: none;
}
#tags li {
margin: 0 0 2px 0;
padding: 0;
clear: left;
margin-left: 20px;
}
#tags li.odd, #tags li.even {
margin-left: 2px;
}
#tags li img {
vertical-align: bottom;
}
#tags li a.tag {
float:left;
width: 175px;
background: white;
padding: 2px;
padding: 2px 4px;
margin-right: -22px;
}
#tags li input.tag_input {
float: left;
margin-bottom: 2px;
width: 220px;
}
#tags li img.delete {
float: left;
visibility: hidden;
cursor: pointer;
margin-left: 5px;
margin-top: 3px;
}
#tags li.odd a.tag {
background: #edf3fe;
}
#tags li.tag_selected a.tag {
font-weight: bold;
background: #3d80df;
color: white;
}
#tags input {
display:none;
font-family: Tahoma, sans-serif;
font-size: 8pt;
margin: 0;
}
.button {
text-decoration: none;
border: 2px solid;
border-color: #fff #bbb #999 #fffefd;
font-weight: normal;
font-size: 7pt;
padding: 2px 3px;
color: #222;
background: #f5f7f0;
margin: 0;
cursor: pointer;
}
a.button:hover{
text-decoration: none;
}
input#input_tag{
float: none;
margin: 0 5px 0 0;
width: 120px;
}
input#button_tag{
display: inline;
}
form#form_create_tag{
margin: 20px 0 0 10px;
}
form#form_create_tag label{
display: block;
clear: both;
padding: 0;
margin: 30px 0 4px 0;
}
#exif {
list-style-type: circle;
margin-left: 1.5em;
}
.map_it {
font-size: 10pt;
font-weight: bold;
}
#infowindow_description {
float: left;
width: 487px;
margin-bottom: 15px;
}
#star {
margin-top: 3px;
margin-right: 5px;
}
#important-notice {
clear: both;
float: left;
width: 733px;
border: 1px solid #C3C3C3;
padding: 5px 16px 8px 30px;
margin: 20px 20px 25px 35px;
width: 682px;
font-size: 120%;
display: inline;
position: relative;
background-image: url(/img/fnd-tip.ltr.gif);
background-color: #fff2e0;
background-repeat: no-repeat;
}
#important-notice.ltr {
background-position: 5px 7px;
}
#important-notice.rtl {
background-position: 705px 7px;
}
#important-notice h3 {
color: #006549;
margin: 0 0 8px 0;
padding: 0;
}
#important-notice p {
margin: 5px 0 0 0;
padding: 0;
line-height: 150%;
font-size: 80%;
}
#important-notice h5 span {
display: block;
font-weight: bold;
}
#important-notice h4 {
font-size: 90%;
margin: 5px 0 0 0;
}
#important-notice h5 {
font-size: 100%;
margin: 0 0 0 0;
font-weight: normal;
}
a.close-notice {
position: absolute;
top: 4px;
right: 4px;
}
#pending {
margin: 0 0 15px 0;
padding-left: 15px;
}
#pending a {
font-weight: bold;
}
#contenido #intro img {
margin: 0;
vertical-align: middle;
float: none;
display: inline;
}
a.pendings {
color: #DD4433;
font-weight: bold;
}
.pages {
margin: 15px 0 10px;
padding: 1px 0 0 20px;
float: left;
width: 540px;
clear: both;
font-size: 90%;
}
.pages * {
background: white;
margin: 0 2px;
padding: 1px 5px;
text-decoration: none;
line-height: 200%;
float: left;
}
.pages a {
border: 1px solid #005296;
color: #005296;
}
.pages a:hover {
border: 1px solid #d43;
background-color: #d43;
color: white;
text-decoration: none;
}
.pages .selected {
border: 1px solid #005296;
color: white;
font-weight: bold;
background: #005296;
}
.pages .inactive {
border: 1px solid gray;
color: gray;
}
#map_pages {
width: 425px;
}
#map_pages * {
float: right;
}
/* find user -> deleted temporally */
/* #auto_complete_friend { position:absolute; width:250px; background-color:white; border:1px solid #888; margin:0px; padding:0px; }
#auto_complete_friend ul { list-style-type: none; margin:0; padding:0; }
#auto_complete_friend ul li.selected { background-color: #ffb; }
#auto_complete_friend li { list-style-type: none; display:block; margin:0; padding:2px; } */
/* New user */
#upload-btn {
margin: 15px 0 45px 10px;
padding: 0;
}
#upload-btn a {
font-size: 110%;
font-weight: bold;
}
/* Pending moves */
div.suggestion {
margin: 10px 0 30px 0;
float: left;
padding-bottom: 20px;
border-bottom: 1px solid #DBDBDB;
width: 820px;
clear: both;
}
div.suggestion a.boton {
padding: 2px 4px;
font-size: 110%;
background-color: #005296;
border-bottom: 1px solid #00284A;
border-right: 1px solid #00284A;
border-top: 1px solid #0077DF;
border-left: 1px solid #0077DF;
color: #fff;
}
div.suggestion span {
margin: 0 5px;
}
div.suggestion span.suggested-by {
font-size: 80%;
color: #707070;
margin-top: 0;
margin-left: 8px;
}
div.suggestion div.col, div.suggestion div.map {
width: 256px;
margin: 0 5px 0 10px;
float: left;
padding: 0;
overflow: hidden;
}
#contenido div.suggestion div.col p {
padding: 0;
width: 256px;
margin: 0;
}
div.suggestion div.colimg {
width: 240px;
float: left;
margin-top: 22px;
background-color: #ECEDF4;
}
#contenido div.suggestion p {
margin: 0 0 9px 0;
padding: 0;
clear: both;
text-align: left;
float: left;
width: 725px;
}
div.suggestion div.map {
width: 256px;
height: 196px;
margin: 5px 0 15px 0;
}
div.suggestion form {
clear: both;
padding-top: 20px;
margin: 0 0 0 190px;
}
/* Settings */
#settings {
margin: 0;
padding: 0;
}
#settings fieldset {
margin: 5px 0 10px 0;
border: 0;
border-bottom: 1px solid #DFDFDF;
padding: 0 10px 10px 10px;
clear: both;
float: left;
width: 760px;
}
#settings #actual-pwd {
margin: 0 0 8px 0;
background-color: #F0F0F0;
padding: 10px 10px 8px 0;
}
#settings #actual-pwd span.form-help {
font-weight: bold;
}
#settings legend {
margin: 0 0 20px 40px;
font-size: 110%;
font-weight: bold;
padding-left: 23px;
background-repeat: no-repeat;
background-position: left 0;
color: #000;
}
#settings #person legend {
background-image: url(/img/people.gif);
background-position: left 2px;
}
#settings #key legend {
background-image: url(/img/keyring.png);
}
#settings #alert legend {
background-image: url(/img/alert.ltr.png);
}
#settings #sharing legend {
background-image: url(/img/images.gif);
}
#settings #sharing .disabled {
color: #B0B0B0;
}
#settings #sharing .disabled p {
color: #B0B0B0;
}
form span.form-help {
font-size: 80%;
color: #666;
margin-left: 9px;
}
form span.twolines {
line-height: 110%;
display: block;
float: left;
}
#settings div {
float: left;
width: 760px;
clear: both;
margin-bottom: 7px;
}
#botones {
padding: 10px 0 60px 0;
clear: both;
width: 760px;
/*float: left;*/
color: Gray;
text-align: center;
}
#botones input.btn {
font-size: 110%;
padding: 2px 15px;
vertical-align: middle;
margin-right: 11px;
background-color: #005296;
border-bottom: 1px solid #00284A;
border-right: 1px solid #00284A;
border-top: 1px solid #0077DF;
border-left: 1px solid #0077DF;
color: #fff;
}
#botones a {
margin: 0 10px;
}
#contenido #settings p {
font-family: Tahoma, sans-serif;
}
#settings fieldset #conditions {
margin: 0 0 10px 0;
border-bottom: 0;
width: 555px;
}
#settings fieldset #conditions input {
margin-left: 25px;
margin-right: 5px;
vertical-align: middle;
}
#contenido #settings fieldset #conditions p.sublegend {
margin: 5px 0 0 15px;
font-weight: normal;
font-size: 90%;
}
#settings fieldset #conditions label {
font-size: 80%;
vertical-align: top;
}
#settings fieldset div label {
float: left;
width: 180px;
text-align: right;
}
#settings fieldset div.inline {
margin-left: 183px;
width: 580px;
display: inline;
}
#settings fieldset p.sublegend {
margin-left: 140px;
font-weight: bold;
}
#settings fieldset p.sublegend span {
font-weight: normal;
color: #8A8A8A;
font-size: 90%;
}
#settings fieldset p.explanation {
margin: 0 0 8px 23px;
color: #8A8A8A;
font-size: 80%;
}
#settings fieldset p.explanation a {
font-weight: bold;
}
#settings fieldset div.inline label {
display: inline;
float: none;
width: auto;
text-align: left;
}
#settings fieldset div label span {
font-size: 80%;
color: #777777;
}
#settings div input.text {
float: left;
width: 160px;
margin-left: 5px;
display: inline;
}
#settings div textarea#description {
margin: 2px 0 0 3px;
width: 500px;
padding: 3px;
font-family: Tahoma, sans-serif;
font-size: 85%;
}
#settings #avatar * {
margin-left: 25px;
}
#settings #avatar legend {
background-image: url(/img/camera.gif);
background-position: 0 2px;
margin-left: 40px;
}
#settings #about legend {
background-image: url(/img/buddy.png);
}
#settings #current-picture {
float: left;
width: 98px;
margin-left: 5px;
display: inline;
clear: none;
position: relative;
}
#settings #current-picture img {
vertical-align: top;
border: 1px solid #ccc;
}
#settings #current-picture a {
position: absolute;
left: 1px;
bottom: 1px;
display: block;
height: 18px;
width: 96px;
text-align: center;
text-decoration: underline;
font-size: 90%;
background-color: #fff;
opacity: 0.6;
}
#settings #conditions input {
margin-left: 15px;
margin-right: 5px;
vertical-align: middle;
}
#settings #conditions p.sublegend {
margin-left: 15px;
}
#settings #conditions div.inline {
margin-left: 85px;
width: 580px;
display: inline;
}
#settings #conditions div.inline input {
margin-left: 0;
}
#settings .alert-checkbox {
display:inline;
margin-left: 185px;
}
#settings p {
margin-left: 185px;
}
#contenido #change-default {
margin-top: -15px;
margin-left: 0;
margin-bottom: 20px;
clear: both;
float: left;
}
#license-conditions {
margin: 0;
border: 0;
padding: 0;
float: left;
width: 460px;
}
#license-conditions fieldset {
border: 0;
}
#license-conditions #sharing .disabled {
color: #B0B0B0;
}
#license-conditions #sharing .disabled p {
color: #B0B0B0;
}
#license-conditions #botones {
padding: 20px 0 60px 20px;
clear: both;
width: 460px;
/*float: left;*/
color: Gray;
text-align: left;
}
/* Help */
#help-topics {
float: left;
width: 270px;
margin: 10px 40px 30px 0;
}
#help-topics h2 {
margin: 25px 0 15px 0;
}
#help-topics p {
margin: 10px 0 10px 0;
}
#help-topics ul {
margin: 5px 0 5px 5px;
}
#help-topics ul li {
margin-bottom: 7px;
line-height: 120%;
font-weight: bold;
}
#help-topics ul li a {
font-weight: normal;
}
#help-topics ul ul {
margin: 5px 0 12px 10px;
}
#help-topics ul ul li {
margin-bottom: 4px;
}
#help-topics form p {
margin: 0;
font-size: 70%;
color: #666;
}
#help-content {
float: left;
width: 610px;
margin-bottom: 30px;
}
#help-content h2 {
margin: 0 0 20px 0;
clear: both;
}
#help-content ul {
margin: 5px 0 5px 15px;
list-style: disc;
}
#help-content ol {
margin: 5px 0 5px 20px;
}
#help-content p {
margin: 10px 0 10px 0;
}
#help-content h3 {
margin: 20px 0 10px 0;
}
#help-content h4 {
margin: 20px 0 10px 0;
font-size: 90%;
}
#help-content .help_box {
border: 1px solid #ddd;
margin: 20px 15px 35px 0;
float: left;
width: 287px;
}
#help-content .help_box p span {
font-size: 90%;
color: #666;
}
#help-content .help_box h2 {
margin: 5px 0 15px 0;
margin: 0;
padding: 3px 6px;
font-size: 90%;
background-color: #eee;
}
#help-content .help_box p {
margin: 10px 5px;
line-height: 130%;
}
#help-content .help_box ul {
margin: 10px 10px 10px 20px;
line-height: 120%;
}
#help-content .help_box ul li {
font-size: 90%;
margin-bottom: 4px;
}
#cse-search-results {
width: 600px;
}
#help-content table {
border: 1px solid #ccc;
width: 100%;
font-size: 90%;
border-collapse: collapse;
border-spacing: 0;
}
#help-content th {
border: 1px solid #ccc;
padding: 5px;
vertical-align: top;
background-color: #eee;
}
#help-content td {
border: 1px solid #ccc;
padding: 5px;
vertical-align: top;
}
/* Upload */
#upload-queue {
width: 480px;
border-collapse: collapse;
border-right: 1px solid #bbb;
border-left: 1px solid #bbb;
margin: 20px auto 15px auto;
}
#upload-queue tr td {
border-top: 1px solid #dadada;
border-bottom: 1px solid #dadada;
padding: 4px;
font-size: 90%;
line-height: 130%;
}
#upload-queue tr td.title-cell {
width: 200px;
padding-left: 12px;
}
#upload-queue tr td.trash-cell {
width: 40px;
text-align: center;
}
#upload-queue tr td span.uploaded {
display: block;
padding-left: 16px;
background: url(/img/upload-page.ltr.png) no-repeat left -132px;
font-weight: bold;
}
#upload-queue tr td span.queued {
display: block;
padding-left: 12px;
background: url(/img/upload-page.ltr.png) no-repeat left -111px;
font-size: 90%;
color: #666;
}
#upload-queue #headers th {
border-top: 1px solid #bbb;
border-bottom: 1px solid #bbb;
font-weight: normal;
color: #707070;
font-size: 80%;
padding: 2px 4px 2px 12px;
background: #ecedf4 url(/img/upload-queue-th.gif) repeat-x bottom left;
}
#upload-queue tr.last-row td {
border-bottom: 0;
}
#upload-queue tr.no-photos td {
padding: 10px 12px;
}
#upload-queue #add-photos td {
background-color: #005296;
border-top: 1px solid #0065b8;
border-bottom: 1px solid #002d51;
border-right: 1px solid #002d51;
border-left: 1px solid #0065b8;
}
#upload-queue #add-photos td {
color: #fff;
padding: 8px 8px 8px 12px;
font-weight: bold;
}
#upload-queue #add-photos input {
margin-left: 5px;
}
#upload-queue td span.uploading {
background: url(/img/upload-page.ltr.png) no-repeat left 0;
display: block;
width: 154px;
height: 9px;
padding: 1px;
margin-top: 4px;
}
#upload-queue td span.upload-info {
font-size: 80%;
color: #272727;
}
#upload-basic {
width: 350px;
margin: 20px 0 0 90px;
float: left;
}
#upload-instructions-js {
display: none;
}
.button-row {
width: 350px;
margin: 30px 0;
display: none;
text-align: center;
}
.button-row input {
vertical-align: middle;
}
.default {
display: block;
}
.multi-upload {
display: none;
}
#upload-basic p {
margin: 0;
}
#upload-basic p span {
display: block;
font-size: 90%;
color: #999;
}
#upload-files-list {
margin: 20px 0 0 0;
}
#upload-files-list li {
list-style: none;
margin-bottom: 10px;
}
#multiple-uploader-notice {
margin: 77px 0 0 20px;
float: left;
font-size: 80%;
width: 200px;
color: #999;
line-height: 140%;
}
#multiple-uploader-notice a {
text-decoration: underline;
color: #4f8dc0;
}
#contenido p.done {
text-align: center;
clear: both;
font-size: 180%;
margin-top: 30px;
}
#contenido p.done a, #contenido p.skip a {
font-weight: bold;
text-decoration: underline;
}
#contenido p.skip {
text-align: right;
clear: both;
float: right;
margin-bottom: 20px;
}
p.tips {
font-size: 80%;
margin: 4px 0 0 0;
}
#TB_window a {
text-decoration: underline;
}
#the_photo {
padding: 5px;
margin: 10px;
border: 1px solid #cdcdcd;
width: 60px;
float: left;
display: inline;
}
form.search_form {
width: 400px;
float: left;
margin: 0;
padding-bottom: 20px;
border-bottom: 1px solid #ededf5;
}
form.search_form h2 span {
color: #006549;
}
form.search_form h2 {
margin: 10px 0 4px 0;
}
form.search_form #search_text, form.search_form #map_text {
width: 327px;
}
#TB_closeWindowButton {
float: right;
margin: 3px;
}
#search_results {
clear: both;
margin: 15px 0 15px 92px;
float: left;
display: inline;
}
#search_results #latest_places li {
width: 379px;
border-bottom: 1px solid #ededf5;
padding: 4px 10px;
background: transparent url(/img/arrow-bullet.ltr.gif) no-repeat 0 14px;
clear: both;
float: left;
}
#search_results #latest_places li.last-item {
border-bottom: 0;
}
#search_results #search_place li {
width: 379px;
border-bottom: 1px solid #ededf5;
padding: 4px 10px;
background: url(/img/arrow-bullet.ltr.gif) no-repeat 0 14px;
clear: both;
float: left;
}
#search_results #search_place li.last-item {
border-bottom: 0;
}
#search_results li a {
font-size: 90%;
float: left;
padding-top: 4px;
width: 298px;
}
#search_results li img {
float: left;
margin-right: 5px;
width: 32px;
}
#search_results p {
margin: 0;
font-size: 90%;
}
form.map_photo {
padding-bottom: 15px;
border-bottom: 0;
}
form.map_photo #search_text {
width: 190px;
}
#place-instructions {
color: #565453;
clear: both;
margin-bottom: 3px;
font-size: 90%;
margin-left: 10px;
}
#latest-loc {
margin: -31px 0 5px 0;
font-size: 90%;
text-align: right;
}
#back-sr {
margin: -27px 0 14px 10px;
font-size: 90%;
}
#TB_window #TB_ajaxContent #map {
margin-left: 10px;
}
#TB_window input.boton {
margin: 5px 0 5px 210px;
}
/* Describe your photos*/
div.photo-box div.describe {
width: 608px;
float: left;
padding: 10px;
margin: 10px 0 20px 50px;
background-color: #efefef;
border-bottom: 1px solid #ccc;
}
div.photo-box div.collapsed {
padding: 2px;
display: none;
width: 624px;
border: 0;
background-color: #fff;
margin: 5px 0 5px 50px;
}
div.photo-box div.describe div {
width: 240px;
height: 242px;
text-align: center;
float: left;
}
div.photo-box div.describe div img {
border: 1px solid #ccc;
}
div.photo-box div.describe .photo-description-fields {
width: 350px;
margin: 0 0 0 12px;
float: left;
display: inline;
text-align: left;
}
div.photo-box div.describe label {
display: block;
font-size: 90%;
margin-bottom: 0;
font-weight: bold;
}
div.photo-box div.describe label span {
font-size: 90%;
font-weight: normal;
color: #666;
}
div.photo-box div.describe .photo-description-fields input {
width: 328px;
display: block;
margin-bottom: 10px;
font-size: 90%;
padding: 3px 2px;
font-family: Tahoma, sans-serif;
}
div.photo-box div.describe textarea {
width: 332px;
height: 109px;
font-size: 90%;
padding: 3px 2px;
font-family: Tahoma, sans-serif;
}
div.photo-box input.describebtn {
clear: both;
float: left;
margin-left: 330px;
font-weight: bold;
font-size: 120%;
}
#contenido div.photo-box div.describe h2 {
margin: 8px 0 18px 3px;
width: 500px;
color: #545454;
}
div.photo-box div.describe h2 a.unmapped {
background: url(/img/upload-page.ltr.png) no-repeat left -68px;
padding-left: 27px;
padding: 4px 0 6px 27px;
line-height: 175%;
text-decoration: underline;
}
div.photo-box div.collapsed h2 img {
vertical-align: middle;
margin-right: 10px;
border: 1px solid #ccc;
}
#contenido div.photo-box div.collapsed h2 {
margin: 0;
font-size: 100%;
}
div.photo-box div.describe h2 span {
color: black;
}
div.photo-box div.describe h2.mapped a {
background: none;
padding: 0 1px;
}
div.photo-box div.collapsed h2 a {
background: none;
padding-left: 0;
}
div.photo-box div.describe a.zippy {
float: right;
padding-left: 2px;
font-size: 90%;
}
div.photo-box div.describe h2 a.edit, div.photo-box div.describe a.closed {
font-size: 70%;
font-weight: normal;
margin-left: 10px;
float: none;
}
div.photo-box div.describe a.closed {
font-size: 90%;
}
#map-div {
display: none;
width: 600px;
height: 400px;
}
#map-footer {
margin-top: 10px;
display: none;
overflow:hidden; /* contain floated descendant elements */
height:1%; /* fixes hasLayout issue in IE6 */
}
#map-footer-save {
text-align: center;
float: left;
}
#map-footer-save input {
vertical-align: baseline;
}
#map-footer-instructions {
font-size: 90%;
margin: 0;
float: right;
color: #666;
}
#map-photo-overlay {
display: none;
position: absolute;
width: 100%;
height: 100%;
background-color: black;
/* keep this order for the opacity to support IE */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
opacity: 0.8;
z-index: 10;
}
#map-photo-box {
display: none;
padding: 5px 5px 10px 5px;
background-color: #efefef;
border: 1px solid #fff;
border-bottom-color: #ccc;
border-right-color: #ccc;
position: absolute;
z-index: 20;
width: 620px;
}
#map-photo-box-content {
background-color: #fff;
padding: 10px;
border: 1px solid #fff;
border-top-color: #ccc;
border-left-color: #ccc;
}
#map-photo-box-thumbnail {
float: left;
padding: 5px;
border: 1px solid #eee;
margin-right: 10px;
}
#map-photo-box-header {
margin-bottom: 10px;
}
#map-photo-box h2 {
margin: 0 0 5px 0;
}
#map-photo-box h2 span {
color: #006549;
}
#map-input-place-name {
width: 320px;
}
#map-photo-box a.close-btn {
background: url(/img/upload-page.ltr.png) no-repeat left -34px;
position: absolute;
top: 7px;
right: 7px;
width: 10px;
height: 10px;
font-size: 1px;
color: #efefef;
margin: 4px 2px;
}
#map-search-form p {
font-size: 80%;
margin: 3px 0 0 0;
}
#map-search-results {
display: none;
margin-left: 82px;
padding-top: 5px;
height: 400px;
overflow: auto;
}
#map-search-results-list li {
padding-left: 10px;
margin-bottom: 5px;
background: url(/img/upload-page.ltr.png) no-repeat left -340px;
}
#map-search-results h3 {
color: #c00;
font-size: 90%;
}
#map-search-geocoding-error, #map-search-no-results {
display: none;
margin-left: 82px;
padding-top: 5px;
padding-bottom: 5px;
overflow: auto;
font-size: 90%;
}
#map-search-geocoding-error h3, #map-search-no-results h3 {
color: #c00;
}
/* Tags */
#tags_cloud, #tags-form {
padding: 15px;
margin: 10px 0;
border: 1px solid #eee;
background: #f0f0f0;
}
#tags_cloud a {
line-height: 40px;
}
#photos {
padding-top: 20px
}
#photos div {
float: left;
width: 150px;
height: 150px;
text-align: center;
font-size: 80%;
}
/* Map -- Old map.css - Need to be cleaned */
#photos-map {
margin-top: 0px;
}
div.wrapper-map p {
padding: 3px;
font-size: 8pt;
margin: 0;
}
.ref {
font-style: italic;
color: gray;
}
#search {
font-size: 8pt;
margin: 0;
font-weight: bold;
}
#search input {
font-size: 8pt;
font-weight: normal;
}
#searchWarning {
zoom: 1;
font-size: 7pt;
}
#preview img {
padding: 3px;
border: 1px solid #ccc;
margin: 2px auto;
background: white;
}
#preview div {
padding: 0;
margin: 0;
width: 112px;
height: 112px;
display: inline;
float: left;
text-align: center;
}
#preview div a {
display: block;
margin: 0 auto;
}
form.register {
border: 1px solid #bbb;
padding: 10px;
width: 18em;
margin: auto;
background-color: white;
position: absolute;
}
form.register input {
display: block;
margin: 3px 0 6px 6px;
}
form.register .caption {
margin: -3px 0 6px 6px;
color: #666;
font-size: 7pt;
}
form.register .submit {
margin: 10px auto auto auto;
}
form.register .submit input {
display: inline;
margin: 0 6px;
}
.suggestions {
-moz-user-focus: normal;
}
.suggestions ul {
list-style-type: none;
margin:0;
padding:0;
cursor: pointer;
}
.suggestions ul #suggest_selected {
background-color: #ffb;
}
.suggestions li {
list-style-type: none;
display: block;
margin: 0;
padding: 2px;
height: 16px;
word-wrap: break-word;
overflow: hidden;
}
.minihelp {
font-size: 8pt;
background-color: #CCC;
padding: 4px 4px 4px 12px;
}
#list {
margin: 0;
margin-top: 10px;
padding: 0;
list-style-type: none;
width: 250px;
}
#list li {
margin: 0;
margin-bottom: 4px;
padding: 5px;
border: 1px solid #888;
cursor: move;
}
#wrapper td {
vertical-align: top;
}
#map {
margin: 4px 4px 4px 0;
border: 1px solid gray;
}
#infowindow {
border-left: 1px dotted gray;
padding: 10px;
z-index: 102;
}
#infowindow h3 {
text-align: left;
font: bold 10pt Georgia, Times;
margin: 1em 0.2em 0.5em;
padding: 0.3em;
}
#crosshair {
position: absolute;
z-index: 100;
}
#warning_posting {
background-color:#fd3333;
color: white;
}
#upload_extension {
zoom: 1;
}
.photo_map {
font-family: Tahoma, sans-serif;
font-size: 8pt;
}
.comment {
font-size: 70%;
font-weight: normal;
clear: both;
}
.light {
color: #888;
}
.highlight {
color: red;
}
.img_caption {
text-align: right;
font-size: 8pt;
}
#minimap1, #minimap2 {
margin: 9px;
margin-left: 0;
}
#post_div {
width: 280px;
}
#stats {
visibility: hidden;
}
#kml-link {
text-align: right;
margin-top: -22px;
float: left;
background-image: url(/img/google_earth_link.gif);
background-repeat: no-repeat;
background-position: left 0;
padding: 1px 10px 5px 23px;
font-size: 80%;
}
#minip-link {
text-align: right;
margin: 8px;
font-size: 90%;
clear: both;
float: left;
width: 430px;
}
#files_list {
border: 1px solid #7f9db9;
padding: 2px;
font-size: 8pt;
min-height: 3em;
}
.fade {
color: #888;
}
.filter {
zoom: 1;
background: white;
}
#njs_preview img {
margin: 4px;
padding: 4px;
border: 1px solid #ccc;
background: white;
float: left;
}
.username, .username:visited {
color: #d43;
font-weight: bold;
}
.city_results {
width: 260px;
position: absolute;
z-index: 1000000000;
background: white;
border: 1px solid #ccc;
display: none;
}
.city_results ul {
margin: 0;
padding: 0;
width: 255px;
list-style-type: none;
font-size: 90%;
}
.city_results td {
vertical-align: top;
}
#tabs {
margin: 0 0 5px 0;
padding: 0 0 0 5px;
list-style: none;
border-bottom: 1px solid #bbb;
float: left;
position: relative;
width: 60px;
height: 20px;
}
#tabs2 {
margin: 0 0 5px 0;
padding: 0 0 0 5px;
list-style: none;
border-bottom: 1px solid #bbb;
float: left;
position: relative;
width: 95px;
height: 20px;
}
#tabs li {
background-image: url(/img/tab-l.ltr.gif);
background-repeat: no-repeat;
background-position: left 0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 80%;
padding-left: 7px;
float: left;
}
#tabs2 li {
background-image: url(/img/tab-l.ltr.gif);
background-repeat: no-repeat;
background-position: left 0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 80%;
padding-left: 7px;
float: left;
width: 105px;
}
#tabs.rtl li {
width: 135px;
}
#tabs li a {
background-image: url(/img/tab-r.ltr.gif);
background-repeat: no-repeat;
background-position: right 0;
padding: 5px 8px 1px 0;
display: block;
float: left;
margin: 0 2px 0 0;
text-decoration: none;
color: #7d7d7d;
width: 60px;
}
#tabs2 li a {
background-image: url(/img/tab-r.ltr.gif);
background-repeat: no-repeat;
background-position: right 0;
padding: 5px 8px 1px 0;
display: block;
float: left;
margin: 0 2px 0 0;
text-decoration: none;
color: #7d7d7d;
width: 105px;
}
#tabs.rtl li a {
width: 120px;
text-align: center;
}
#tabs li a span {
font-size: 80%;
}
#tabs li.active {
bottom: -1px;
left: 0;
margin-top: -1px;
z-index: 1000;
position: relative;
background-image: url(/img/tabact-l.ltr.gif);
padding-left: 9px;
}
#tabs li.active a {
padding-bottom: 2px;
background-image: url(/img/tabact-r.ltr.gif);
font-weight: bold;
}
#tabs li.active a span {
font-weight: normal;
}
.loading {
display: none;
}
#minip-link {
text-align: right;
margin: 8px;
font-size: 90%;
clear: both;
float: left;
width: 430px;
}
#map_help {
text-align: right;
margin-bottom: -20px;
}
/*
.geocoder_close {
text-align: right;
}
*/
/* photo page */
#breadcumb {
font-size: 100%;
font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
padding: 5px;
margin-bottom: 13px;
margin-top: 0;
}
#breadcumb a {
font-weight: bold;
color: #8A8A8A;
background: url(/img/fnd-breadcrumbs.ltr.gif) no-repeat left 4px;
padding: 0 0 0 13px;
margin-left: 3px;
}
#breadcumb #world-link {
background: url(/img/photo-page.ltr.png) no-repeat left -500px;
padding: 1px 0 2px 21px;
margin-left: 0;
}
#photo-comments {
width: 500px;
float: left;
padding: 20px 0 40px 15px;
}
#tools {
float: left;
width: 450px;
margin: 0;
padding: 0;
}
#tools li {
margin: 3px 4px 0 0;
display: inline;
background-repeat: no-repeat;
background-position: left 0;
}
#tools li a {
font-size: 80%;
color: #8A8A8A;
padding: 1px 0 3px 20px;
}
#tools #inGE {
background: url(/img/photo-page.ltr.png) no-repeat left -250px;
}
#user_header #star {
float: left;
width: 15px;
height: 15px;
margin-top: 6px;
}
#star.nofavorite {
background: url(/img/photo-page.ltr.png) no-repeat left -50px;
}
#star.isfavorite {
background: url(/img/photo-page.ltr.png) no-repeat left -100px;
}
#tools #addfaves a.nofavourite {
background: url(/img/photo-page.ltr.png) no-repeat left -50px;
}
#tools #addfaves a.isfavourite {
background: url(/img/photo-page.ltr.png) no-repeat left -100px;
}
#tools #enlarge {
background: url(/img/photo-page.ltr.png) no-repeat left -150px;
}
#tools #send {
background: url(/img/photo-page.ltr.png) no-repeat left -200px;
}
#tools #tweet {
background: url(/img/photo-page.ltr.png) no-repeat left -950px;
}
#photo-comments #send_friend {
text-align: left;
background: #f6f6f6;
padding: 4px 4px 4px 10px;
z-index: 1000;
border: 1px solid #ccc;
border-bottom-width: 2px;
border-right-width: 2px;
width: 340px;
margin-top: 20px;
}
#photo-comments #send_friend label {
display: block;
margin: 5px 0 2px 0;
}
#photo-comments #send_friend textarea {
font-size: 12px;
}
#photo-comments #send_friend input {
margin-right: 5px;
}
#photo-comments #send_friend #email {
width: 200px;
}
#wapi_photo {
position: relative;
}
#wapi_photo span span {
display: none;
}
#wapi_photo span {
position: absolute;
z-index: 300;
width: 21px;
height: 21px;
background: transparent url(/img/photo-page.ltr.png) no-repeat;
margin: 0;
padding: 0;
}
#wapi_photo span#wapi_arrow_left {
left: 0;
top: 23px;
background-position: left -650px;
cursor: pointer;
}
#wapi_photo span#wapi_arrow_left_no {
left: 0;
top: 23px;
background-position: left -750px;
}
#wapi_photo span#wapi_arrow_right {
top: 23px;
right: 0;
background-position: left -700px;
cursor: pointer;
}
#wapi_photo span#wapi_arrow_right_no {
top: 23px;
right: 0;
background-position: left -800px;
}
#wapi_photo_list .panoramio-wapi-images img {
cursor: pointer;
}
#wapi_photo_list .panoramio-wapi-images img.panoramio-wapi-loading-img {
cursor: default;
}
#wapi_photo_list {
margin-left: 11px;
}
#same-user {
float: right;
margin: -2px 0 4px 0;
width: 48px;
}
#same-user a, #same-user span {
float: left;
width: 21px;
height: 21px;
background: transparent url(/img/photo-page.ltr.png) no-repeat;
margin: 0;
padding: 0;
}
#same-user a span, #same-user span span {
display: none;
}
#same-user #su-next {
background-position: left -650px;
}
#same-user #su-prev {
background-position: left -700px;
margin-left: 5px;
}
#same-user #no-su-next {
background-position: left -750px;
}
#same-user #no-su-prev {
background-position: left -800px;
margin-left: 5px;
}
#main-photo {
display: block;
clear: both;
width: 500px;
text-align: center;
}
#author {
font-size: 90%;
line-height: 140%;
margin: 5px 0 5px 0;
}
#author a {
font-weight: bold;
}
#delete_photo {
padding-left: 16px;
background: url(/img/photo-page.ltr.png) no-repeat left -300px;
margin-left: 7px;
padding-bottom: 2px;
}
p.photo-status {
font-size: 80%;
margin: 0 0 0 0;
color: #666;
}
p.photo-status-anonymous {
font-size: 80%;
margin: 0 0 0 0;
}
#photo-comments h1#photo-title {
display: block;
float: left;
width: 500px;
font-size: 150%;
padding: 3px 0 3px 30px;
margin: 0 0 15px -25px;
}
#photo-comments h1#photo-title.editable:hover {
padding: 3px 0 3px 30px;
margin: 0 0 15px -25px;
background: #FFFACD url(/img/photo-page.ltr.png) no-repeat left -850px;
border-right: 1px solid #f7e69c;
}
#photo-comments h1#photo-title form {
padding: 3px 0 2px 30px;
margin: -3px 0 0 -30px;
background: #FFFACD url(/img/photo-page.ltr.png) no-repeat left -850px;
border-right: 1px solid #f7e69c;
width: 500px;
}
#photo-comments h1#photo-title form input {
padding: 0;
font-size: 80%;
}
#photo-comments h2 {
font-size: 140%;
font-weight: normal;
margin-bottom: 10px;
padding-bottom: 0;
margin-top: 35px;
}
#photo-comments h3 {
font-size: 110%;
margin-bottom: 8px;
margin-top: 30px;
}
#photo-comments h3 span {
font-size: 80%;
color: #666;
}
#photo-comments #comment {
margin: 0 0 20px 0;
float: left;
width: 480px;
}
#photo-comments form textarea {
margin-bottom: 5px;
}
#photo-comments ul {
list-style: disc;
}
#photo-comments form #submit_comment {
margin: 0;
padding: 2px 3px !important;
padding: 1px 0;
font-size: 110%;
background-color: #005296;
border-bottom: 1px solid #00284A;
border-right: 1px solid #00284A;
border-top: 1px solid #0077DF;
border-left: 1px solid #0077DF;
color: #fff;
}
#photo-comments form a {
margin-left: 15px;
font-size: 80%;
}
#photo-comments div.comment {
float: left;
width: 480px;
border-bottom: 1px solid #DCDCDC;
padding: 5px 10px 6px 10px;
font-size: 90%;
}
#photo-comments div.comment div {
float: left;
width: 420px;
display: inline;
}
#photo-comments div.comment p {
margin: 0;
clear: both;
}
#photo-comments div.comment p.comment-author {
font-size: 90%;
margin-bottom: 7px;
}
#photo-comments div.comment img {
float: left;
margin-right: 7px;
border: 1px solid #ccc;
}
#photo-comments div.comment p.comment-author a {
font-weight: bold;
}
#photo-comments div.comment p.delete-comment {
text-align: right;
margin-top: 0;
margin: 0 0 4px 0;
padding-bottom: 3px;
}
#photo-comments div.comment p.delete-comment a {
padding-left: 16px;
background: url(/img/photo-page.ltr.png) no-repeat left -300px;
padding-bottom: 3px;
}
#photo-comments input {
font-size: 90%;
}
#add_a_comment {
float: left;
margin: 10px 0 20px 20px;
font-weight: bold;
}
#mapthis a{
margin-left: 0;
margin-bottom: 25px;
font-weight: bold;
font-size: 170%;
margin-top: 40px;
width: 289px;
display: block;
padding: 37px 0 15px 70px;
color: #000;
background-image: url(/img/fnd-mapthis.gif);
background-repeat: no-repeat;
background-position: left bottom
}
#mapthis a:hover {
text-decoration: none;
}
#mapthis a span {
color: #006549;
}
#map-data {
width: 388px;
float: right;
margin-right: 15px;
display: inline;
padding-bottom: 40px;
}
#map-data.no-nearby {
margin-top: 113px;
}
#map-data.mapthis {
margin-top: 68px;
}
#map-data ul {
margin: 0 0 0 20px;
padding: 0;
list-style: none;
font-size: 90%;
}
#map-data h3 {
font-size: 100%;
margin-bottom: 5px;
margin-top: 15px;
}
#sign2comment {
clear: both;
margin: 15px 0;
float: left;
width: 100%;
}
#nearby #location {
padding: 0 0 6px 30px;
background: transparent url(/img/photo-page.ltr.png) no-repeat left 0;
margin: 10px 0 6px 0;
font-size: 90%;
color: #666;
}
#nearby #location.anonymous {
padding: 0 0 23px 35px;
}
#nearby #location p {
margin: 0;
padding: 0;
font-size: 80%;
}
#nearby #location #misplaced {
font-size: 100%;
margin-top: 3px;
}
#nearby #location .geo a {
color: #666;
}
#nearby #location .geo abbr {
border: 0;
}
#nearby {
margin: 41px 0 35px 0;
background: url(/img/fnd-nearby-bottom.ltr.gif) no-repeat left bottom;
width: 378px;
padding: 0 0 8px 10px;
}
#nearby.lonely {
margin: 119px 0 35px 0;
}
#nearby #miniphotos {
clear: both;
margin: 0 0 4px -10px;
width: 382px;
float: left;
display: inline;
background: url(/img/fnd-nearby-top.ltr.gif) no-repeat top;
padding: 10px 0 0 6px;
}
#nearby.lonely #miniphotos {
clear: both;
margin: 0 0 0 -10px;
width: 382px;
float: left;
display: inline;
background: url(/img/fnd-nearby-top.ltr.gif) no-repeat top;
padding: 0 0 0 6px;
height: 10px;
}
#nearby #miniphotos img {
display: block;
float: left;
width: 60px;
height: 60px;
padding: 3px;
background-color: #fff;
border: 1px solid #ccc;
margin: 0 3px;
display: inline;
}
#nearby #miniphotos #prev-photo {
display: block;
float: left;
width: 42px;
height: 42px;
border: 0;
padding: 0;
margin: 18px 0 0 30px;
background: transparent url(/img/photo-page.ltr.png) no-repeat left -550px;
text-indent: -100em;
overflow: hidden;
}
#nearby #miniphotos #next-photo {
display: block;
float: left;
width: 42px;
height: 42px;
border: 0;
padding: 0;
margin: 18px 0 0 3px;
background: transparent url(/img/photo-page.ltr.png) no-repeat left -600px;
text-indent: -100em;
overflow: hidden;
}
#nearby #miniphotos span.previous-photo {
display: block;
float: left;
width: 48px;
height: 40px;
padding: 20px 9px 6px 9px;
font-size: 80%;
text-align: center;
background-color: #fff;
border: 1px solid #ccc;
margin: 0 3px;
display: inline;
color: #666;
background-image: url(/img/fnd-no-photo.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
#nearby #miniphotos span.next-photo {
display: block;
float: left;
width: 48px;
height: 40px;
padding: 20px 9px 6px 9px;
font-size: 80%;
text-align: center;
background-color: #fff;
border: 1px solid #ccc;
margin: 0 3px;
display: inline;
color: #666;
background-image: url(/img/fnd-no-photo.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
#nearby #miniphotos img.selected {
background-color: #F67766;
margin: 0 4px;
}
#nearby p {
margin: 0 0 5px 2px;
}
#nearby #place {
padding: 3px 0 1px 0;
margin: 0;
font-size: 90%;
}
#nearby #minimap1 {
display: block;
margin: 3px 0 0 0;
clear: both;
}
#nearby #minimap2 {
display: block;
clear: both;
border: 1px solid #979797;
margin: 3px 0 4px 0;
}
#nearby #changeplace {
margin: 5px 0 0 0;
}
#nearby #slplaces {
width: 255px;
font-size: 90%;
}
#nearby #changeplace input {
font-size: 90%;
}
#flags {
margin-left: 15px;
clear: both;
float: left;
width: 373px;
display: inline;
}
#flags li {
float: left;
margin-left: 15px;
background-color: #ECEDF4;
border-bottom: 1px solid #bbb;
border-right: 1px solid #bbb;
display: inline;
}
#flags li a {
float: left;
font-size: 90%;
padding: 4px 6px;
}
#flags li.flag-vote a {
padding-left: 24px;
background: url(/img/vote-btn.png) no-repeat 0 0;
}
#flags-title {
margin-left: 15px;
padding-bottom: 8px;
padding-left: 20px;
background: url(/img/photo-page.ltr.png) no-repeat left -400px;
}
#flags-title span {
font-weight: normal;
}
#flags-title span a {
font-weight: bold;
}
#photo-tags {
float: left;
width: 150px;
display: inline;
margin-left: 15px;
margin-top: 10px;
}
h3#tags-title {
padding-left: 20px;
background: url(/img/photo-page.ltr.png) no-repeat left -350px;
clear: both;
}
#map-data #tags li {
color: #666;
font-size: 90%;
padding-left: 0;
margin-left: 0;
}
#map-data #tags li a {
font-size: 110%;
margin:0;
padding:0;
}
#photo-info {
clear: both;
margin-left: 15px;
margin-top: 10px;
float: left;
width: 365px;
display: inline;
}
#photo-details {
float: left;
width: 360px;
display: inline;
}
#details-title {
padding-left: 20px;
background: url(/img/photo-page.ltr.png) no-repeat left -450px;
}
#details li {
margin-bottom: 6px;
padding-top: 5px;
font-size: 90%;
color: #666;
clear: both;
}
#details li ul {
display: none;
margin: 4px 0 0 8px;
padding: 0;
}
#details li ul li {
margin: 0;
}
#details li.license, #current_default_license .license {
padding-left: 3px;
}
#details li.license span, #current_default_license .license span {
font-size: 1px;
vertical-align: middle;
margin-left: -3px;
}
#details li.by-nc-nd span, #current_default_license .by-nc-nd span {
background: url(/img/license_icons.ltr.png) no-repeat left 0;
padding: 15px 54px 0 0;
}
#details li.by-nc-sa span, #current_default_license .by-nc-sa span {
background: url(/img/license_icons.ltr.png) no-repeat left -25px;
padding: 15px 54px 0 0;
}
#details li.by-nc span, #current_default_license .by-nc span {
background: url(/img/license_icons.ltr.png) no-repeat left -50px;
padding: 15px 37px 0 0;
}
#details li.by-nd span, #current_default_license .by-nd span {
background: url(/img/license_icons.ltr.png) no-repeat left -75px;
padding: 15px 37px 0 0;
}
#details li.by-sa span, #current_default_license .by-sa span {
background: url(/img/license_icons.ltr.png) no-repeat left -100px;
padding: 15px 37px 0 0;
}
#details li.by span, #current_default_license .by span {
background: url(/img/license_icons.ltr.png) no-repeat left -125px;
padding: 15px 20px 0 0;
}
#tech-details li {
font-size: 110%;
}
#tech-details a {
padding-left: 8px;
background: url(/img/arrow-bullet.ltr.gif) no-repeat left 4px;
}
#tech-details.open a{
background: url(/img/arrow-bullet-open.ltr.gif) no-repeat left 5px;
}
/* Suggest new location */
#locate {
float: left;
width: 450px;
padding-bottom: 20px;
position: relative;
}
#locate p {
margin: 20px 0 3px 0;
font-size: 80%;
color: #666;
}
#locate-comment {
float: left;
width: 275px;
display: inline;
margin: 63px 0 0 20px;
}
#locate-comment label {
display: block;
margin-top: 10px;
}
#locate-comment label span {
font-size: 80%;
color: #999;
}
#locate-comment #comment {
margin: 3px 0 0 0;
padding: 3px;
}
form #locate-comment p.note {
font-size: 80%;
color: #999;
line-height: 140%;
}
/* Google earth */
#text-ge {
float: left;
width: 400px;
margin-right: 30px;
display: inline;
margin-bottom: 80px;
margin-top: 30px;
}
#contenido.wide #photo-GE {
margin-top: 40px;
}
#text-ge div {
margin: 5px 0 0 10px;
}
#text-ge h2 {
line-height: 140%;
font-size: 130%;
margin-bottom: 20px;
margin-top: 0;
}
#text-ge #GE-notice {
font-size: 80%;
color: #868686;
margin-top: 15px;
margin-bottom: 20px;
}
#text-ge #download-ge {
padding-top: 20px;
border-top: 1px solid #DCDCDC;
margin: 0 10px 10px 20px;
width: 370px;
}
#text-ge #download-ge h3 {
margin: 0;
font-size: 100%;
text-align: center;
}
#text-ge #download-ge a {
padding-left: 18px;
background-image: url(/img/download.gif);
background-repeat: no-repeat;
background-position: 1px 2px;
}
#text-ge #download-ge p {
padding-bottom: 2px;
text-align: center;
}
#text-ge ul {
list-style: none;
}
#text-ge ul li {
padding-bottom: 3px;
background-image: url(/img/google_earth_link.png);
background-repeat: no-repeat;
background-position: 0 2px;
margin: 5px 0;
}
#text-ge ul li a {
padding-left: 23px;
font-weight: bold;
}
/* team */
#translators span {
margin: 0 6px;
}
/* forgot pwd */
#forgot-pwd {
background-color: #ECEDF4;
border: 1px solid #C3C3C3;
padding: 10px;
margin: 20px;
}
#forgot-pwd input.texto {
padding: 1px;
width: 240px;
font-size: 120%;
}
#forgot-pwd p {
margin: 0 0 10px 0;
font-weight: bold;
}
#contenido div.message, div.message {
width: 280px;
margin: 10px auto 30px auto;
padding-left: 35px;
padding-right: 10px;
padding-bottom: 4px;
}
div.error {
background-image: url(/img/fnd-error.ltr.gif);
background-color: #F82B24;
background-repeat: repeat-x;
}
div.information {
background-image: url(/img/fnd-ok.gif);
background-color: #2EAE2E;
background-repeat: repeat-x;
}
div.message h2, #contenido div.message h2 {
background-repeat: no-repeat;
background-position: 0 3px;
margin: 0;
font-size: 100%;
font-weight: normal;
padding: 6px 0;
}
#contenido div.message p, div.message p {
padding: 0 5px 5px 0;
color: #fff;
margin: 0;
}
div.error h2, #contenido div.error h2 {
color: #fff;
font-size: 100%;
}
div.information h2, #contenido div.information h2 {
color: #fff;
font-size: 100%;
}
div.error p, #contenido div.error p {
margin: 5px 0;
padding: 0;
font-size: 80%;
}
div.information p, #contenido div.information p {
margin: 5px 0;
padding: 0;
font-size: 80%;
}
/* crop personal photo */
#cropper {
float: left;
width: 550px;
padding-bottom: 10px;
}
#cropper p, #crop_preview p {
margin: 7px 0;
line-height: 130%;
}
#crop_preview {
float: left;
margin-left: 20px;
display: inline;
width: 140px;
}
#crop_preview img {
display: block;
width: 50px;
border: 1px solid #bbb;
margin: 5px 0;
}
#contenido p.example {
width: 350px;
color: #ccc;
background: black;
padding: 12px;
}
/* data api page */
#examples {
width: 100%;
clear: both;
float: left;
padding-bottom: 10px;
}
#examples h2 {
font-size: 100%;
}
#examples #exp1 {
float: left;
}
#examples #exp1 #map {
margin: 0;
padding: 0;
}
#examples #exp2 {
width: 410px;
float: left;
margin-left: 10px;
display: inline;
}
#examples #exp2 h2 {
margin-bottom: 20px;
}
#examples #exp2 #hotel {
border: 1px solid Gray;
padding: 8px;
}
#examples #exp2 #hotel * {
margin: 0;
padding: 0;
}
#examples #exp2 #hotel h3 {
background-image: url(/img/4stars.png);
background-repeat: no-repeat;
background-position: left 5px;
padding-left: 55px;
margin-bottom: 8px;
}
#examples #exp2 #hotel h4 {
font-size: 90%;
margin: 6px 0 5px 0;
padding-left: 20px;
background-image: url(/img/camera.gif);
background-repeat: no-repeat;
background-position: left 3px;
}
#examples #exp2 #hotel div {
float: left;
width: 60px;
margin-right: 5px;
display: inline;
padding-bottom: 6px;
text-align: center;
}
#examples #exp2 #hotel p {
font-size: 80%;
}
#examples #exp2 #hotel p.license {
clear: both;
color: #878787;
line-height: 120%;
}
#examples #exp2 #hotel a.author {
clear: both;
font-size: 70%;
display: block;
margin-top: 2px;
text-align: left;
}
#sites-list {
margin-left: 20px;
padding-left: 0;
}
#sites-list li {
background-image: url(/img/arrows-bullet.ltr.gif);
background-repeat: no-repeat;
background-position: left 8px;
padding-left: 10px;
margin-left: 0;
}
#photo_infowin {
display: block;
margin: 3px 0 0 0;
}
#infowin p {
margin: 0;
font-size: 80%;
}
#infowin p.photo_title {
font-size: 100%;
}
/* Widget API documentation */
.wapidoc .sidebox {
float: right;
border: 1px solid blue;
background-color: #FFFFDD;
margin: 0 10px 10px 10px;
}
.wapidoc .sidebox p {
margin: 0 !important;
}
.wapidoc #oldapisidebox {
padding: 15px;
width: 20%;
}
.wapidoc .toc {
float: left;
border: 1px solid #3366CC;
background-color: #EFF3F9;
margin: 0px 40px 20px 20px;
padding: 20px 30px;
}
.wapidoc .toc ul {
margin-left: 0px !important;
list-style-type: none;
}
.wapidoc .toc ul ul {
margin-left: 20px !important;
list-style-type: none;
}
.wapidoc .toc h4 {
margin: 0;
}
.wapidoc h1, .wapidoc h2, .wapidoc h3, .wapidoc h4{
clear: both;
background-color:#E5ECF9;
border-top:1px solid #3366CC;
font-weight: bold;
margin: 2em 0 1em -10px !important;
padding: 8px 6px;
position: relative;
}
.wapidoc h3 {
background-color:#EFF3F9;
padding: 3px 6px;
margin: 2em 0 0 -10px !important;
}
.wapidoc table {
font-size: 90%;
width: 95%;
margin: 0 15px;
border: 1px solid #888;
border-collapse:collapse;
}
.wapidoc tr {
}
.wapidoc td, .wapidoc th {
vertical-align: top;
border: 1px solid #888;
padding: 2px 8px;
}
.wapidoc thead th, .wapidoc thead td {
background-color: #EFF3F9;
border-bottom-width: 2px;
}
.wapidoc ul {
list-style-type: circle;
}
.wapidoc pre {
margin: 10px 0 10px 20px;
padding: 5px;
background-color: #EBEBEB;
display: block;
overflow: auto;
font-family: Courier New;
font-size: 90%;
}
.wapiref caption, .wapiref div.sectionTitle {
background-color: #7F8FB1;
color: #fff;
font-size:130%;
text-align: left;
padding: 2px 6px 2px 6px;
border: 1px #7F8FB1 solid;
}
.wapiref div.sectionTitle {
margin-top: 24px;
margin-bottom: 8px;
}
#contenido .wapiref hr {
margin: 0px 0px 8px 0px !important;
}
.wapiref td.attributes, .wapiref .fixedFont {
font-family: "Courier New",Courier,monospace;
}
.wapiref dl, .wapiref .description {
font-size: 90%;
}
.wapiref .summaryTable {
margin-bottom: 15px;
}
/* sightseeing page */
#continents {
padding: 10px;
background-color: #ECEDF4;
background-image: url(/img/dotted-world.ltr.gif);
background-repeat: no-repeat;
background-position: bottom right;
font-size: 110%;
line-height: 150%;
border-bottom: 1px solid #BBBBBB;
margin-bottom: 20px;
float: left;
width: 100%;
}
#continents ul {
float: left;
width: 170px;
margin-right: 15px;
}
#continents ul li {
background-image: url(/img/round-bullet.gif);
background-repeat: no-repeat;
background-position: left 8px;
padding-left: 10px;
font-weight: bold;
}
div.continent {
margin-left: 50px;
clear: both;
float: left;
display: inline;
width: 700px;
}
#contenido div.continent ul {
float: left;
width: 295px;
margin-right: 20px;
margin-left: 0;
padding-left: 0;
}
div.continent ul li {
background-image: url(/img/arrows-bullet.ltr.gif);
background-repeat: no-repeat;
background-position: left 8px;
padding-left: 10px;
margin-left: 0;
}
#contenido div.continent h3 {
background-image: url(/img/dotted-line.gif);
background-repeat: repeat-x;
background-position: bottom;
clear: both;
margin-left: 0;
padding-bottom: 4px;
}
#contenido div.continent p.top {
margin-bottom: 35px;
}
#contenido p.include-places {
clear: both;
margin-bottom: 20px;
margin-left: 50px;
color: #868686;
font-size: 80%;
}
#contenido p.sightseeing-description {
color: #868686;
font-size: 80%;
line-height: 130%;
margin: 0 0 5px 0;
padding: 0;
}
#new_sightseeing {
margin-bottom: 80px;
}
#new_sightseeing div {
float: left;
width: 760px;
clear: both;
margin-bottom: 7px;
}
#new_sightseeing label span {
font-size: 80%;
color: #777;
}
#new_sightseeing label {
float: left;
width: 180px;
text-align: right;
}
#new_sightseeing div input.text {
float: left;
width: 260px;
margin-left: 5px;
display: inline;
}
#new_sightseeing div #pano_url {
width: 440px;
margin-right: 4px;
}
#new_sightseeing div select, #new_sightseeing div textarea {
margin-left: 5px;
}
#new_sightseeing .boton {
margin: 10px 0 0 185px;
}
#linkMap {
float: left;
clear: left;
margin: 3px 0 0 185px;
font-size: 80%;
}
#testMap {
float: left;
clear: left;
margin: 3px 0 0 185px;
}
#new_sightseeing p.linkError {
padding-left: 18px;
background: url(/img/error.gif) no-repeat 0 3px;
margin: -5px 0 15px 0;
}
#sightseeing_pending {
margin: 20px 0 0 10px;
}
#sightseeing_pending span {
font-size: 80%;
}
/* Review page */
#review {
margin: 20px 0 0 15px;
}
#review p {
font-size: 80%;
margin: 0 0 9px 59px;
}
#review input.boton {
margin-left: 59px;
}
/* places - page*/
#places-map {
margin: 20px auto 0 auto;
width: 680px;
padding-bottom: 30px;
}
#places-map #see_all {
font-size: 120%;
margin: 13px 0 -20px 0;
}
#places-map #see_all span {
font-size: 90%;
}
#places-map #see_all a {
font-size: 90%;
background-image: url(/img/lupa.ltr.gif);
background-repeat: no-repeat;
background-position: left 3px;
padding-left: 20px;
}
#places-map p.include-places {
clear: both;
margin-bottom: 20px;
/*color: #868686;*/
font-size: 90%;
line-height: 130%;
}
#places-map p.include-places a {
/*color: #868686;*/
font-weight: bold;
text-decoration: underline;
}
#path-place {
margin-top: 30px;
}
#path-place span {
font-size: 120%;
font-weight: bold;
}
p.reload-place {
text-align: right;
margin: -34px 0 7px 0;
height: 30px;
}
p.rp-bottom {
margin: 0 0 80px 0;
}
p.reload-place a {
padding: 4px 8px 4px 0;
font-size: 100%;
font-weight: bold;
vertical-align: top;
text-align: center;
background-color: #005296;
background-position: right top;
background-image: url(/img/reload-button.ltr.gif);
background-repeat: no-repeat;
color: #fff;
display: block;
width: 120px;
border-left: 1px solid #0077DF;
float: right;
}
/* profile page */
h1#profile-title {
margin-bottom: 0;
}
#profile-friends {
float: left;
width: 440px;
margin-left: 20px;
display: inline;
}
#profile-friends td {
padding: 5px;
text-align: center;
}
#profile-favs {
float: left;
width: 200px;
margin: 10px 0 0 20px;
}
#profile-favs li {
margin: 0;
background-image: url(/img/arrows-bullet.ltr.gif);
background-repeat: no-repeat;
background-position: left 9px;
padding-left: 10px;
}
#profile-favs li a {
color: #005296;
text-decoration: none;
font-weight: normal;
}
#profile-favs li a:hover {
text-decoration: underline;
}
#contenido #description {
margin: 10px 0 20px 30px;
width: 550px;
}
#contenido #profile-links {
margin: 0 0 0 30px;
font-size: 90%;
}
#favourites {
padding-bottom: 40px;
float: left;
width: 100%;
}
#favourites ul {
font-family: Tahoma, sans-serif;
font-size: 100%;
line-height: 120%;
margin: 0 0 0 20px;
}
#favourites p img {
float: none;
display: inline;
margin: 0;
}
#favourites h2 {
margin: 35px 0 20px 0;
background-image: url(/img/dotted-line.gif);
background-repeat: repeat-x;
background-position: bottom;
padding-bottom: 15px;
}
#contenido #more-favourites {
float: right;
width: 450px;
margin: 0 30px 0 0;
padding-top: 10px;
text-align: right;
}
#contenido #profile-breadcumb {
font-size: 100%;
font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
padding: 5px 5px 5px 0;
margin: 0 0 13px 0;
}
#profile-breadcumb a {
font-weight: bold;
color: #8A8A8A;
background: url(/img/fnd-breadcrumbs.ltr.gif) no-repeat right 4px;
padding: 0 13px 0 0;
margin-left: 3px;
}
#connected-link {
display: none;
background: url(/img/connected-photos-icon.png) no-repeat top left;
}
#connected-link a {
padding-left: 35px;
font-size: 120%;
font-weight: bold;
}
#connected-link span {
font-size: 80%;
font-family: "Courier New";
vertical-align: super;
color: red;
margin-left: 6px;
}
/* Contest page. */
#contest {
margin: 25px 10px 35px 70px;
padding-bottom: 40px;
width: 850px;
position: relative;
}
#contest h1 {
text-align: center;
}
#contest ul {
padding: 0;
margin: 20px 0 0 40px;
line-height: 170%;
font-size: 90%;
list-style: none;
}
#contest ul li {
background: transparent url(/img/round-bullet.gif) left 8px no-repeat;
padding-left: 13px;
position: relative;
}
#banner {
margin: 20px 0 0 -80px;
float: left;
top: 0;
left: 0;
position: absolute;
display: inline;
}
#contest h2 {
margin: 40px 0 20px 0;
clear: both;
padding-bottom: 6px;
border-bottom: 1px solid #eee;
float: left;
width: 850px;
}
#intro {
margin: 100px 20px 0 450px;
font-size: 120%;
font-weight: bold;
line-height: 170%;
float: left;
width: 390px;
display: inline;
}
p.sponsored {
margin: 20px 0 20px 450px;
float: left;
width: 390px;
display: inline;
clear: left;
}
p.sponsored img {
vertical-align: middle;
}
#intro img {
float: left;
margin: 0 10px 0 0;
padding: 3px;
background-color: #fff;
border: 1px solid #bbb;
}
p.lastwinners {
margin: 0 0 50px 450px;
float: left;
width: 390px;
display: inline;
clear: left;
}
.category {
float: left;
width: 850px;
margin: 0 0 35px 0;
display: inline;
}
.category img {
float: left;
margin: 5px 0 30px 0;
}
.category p {
width: 460px;
margin: 10px 0 0 20px;
float: left;
display: inline;
}
.category h3 {
margin: 0 0 0 20px;
}
.category h3 a {
font-weight: normal;
font-size: 80%;
}
.category div {
float: left;
}
.category ul {
clear: both;
margin: 0 0 0 40px;
float: left;
width: 400px;
display: inline;
list-style-position: outside;
}
#contest .category ul li {
padding-left: 20px;
margin-bottom: 2px;
}
#contest .category ul li.cup {
background-image: url(/img/winner.gif);
background-position: 0 4px;
}
#contest .category ul li.medal1 {
background-image: url(/img/runnerup.gif);
background-position: 0 4px;
}
#contest .category ul li.medal2 {
background-image: url(/img/mention.gif);
background-position: 0 4px;
}
.prize {
float: left;
width: 240px;
position: relative;
margin: 20px 10px;
display: inline;
}
.prize p {
line-height: 150%;
}
#winner {
margin-left: 40px;
}
.prize h3 {
position: absolute;
margin: 0 0 0 25px;
}
.prize img {
margin-top: 3px;
margin-bottom: 10px;
margin: 3px 0 10px 0;
}
.prize a {
color: #000;
text-decoration: underline;
}
/* TOS and privacy */
#legalDoc ol {
padding-left: 15px;
margin-left: 0;
}
#legalDoc ul li {
list-style-type: circle;
margin-bottom: 8px;
font-size: 100%;
}
#legalDoc ol li {
font-size: 120%;
list-style: none;
}
#legalDoc ol.alph {
padding-left: 30px;
}
#legalDoc ol.alph li {
list-style-type: lower-alpha;
list-style-position: inside;
margin-bottom: 8px;
font-size: 100%;
}
#contenido p.last-updated {
text-align: right;
font-size: 80%;
margin: -15px 0 15px 0;
}
/* Contest nomination page */
#contenido h1.send-title {
margin-bottom: 0;
}
#contenido #info-contest {
font-size: 90%;
display: block;
}
#send-contest #contest-image {
float: left;
width: 240px;
padding-top: 20px;
}
#send-contest #contest-image img {
margin-bottom: 6px;
}
#send-contest fieldset {
width: 480px;
float: left;
margin-left: 10px;
clear: none;
border: 0;
padding-top: 15px;
}
#send-contest fieldset legend {
width: 450px;
}
#contenido p.explanation {
font-size: 90%;
color: #666;
margin: 3px 0 15px 25px;
}
p#select-category-error {
text-align: left;
clear: both;
margin: 20px 0 110px 285px;
}
/* Debugging output*/
#profiler_data {
float: left;
margin: 10px 0 0 10px;
}
#profiler_data ul {
margin-left: 15px;
list-style: disc;
}
/* Contest winners page */
#contest_winners {
margin: 25px 10px 35px 70px;
padding-bottom: 40px;
width: 850px;
position: relative;
}
#contest_winners h1 {
text-align: left;
margin: 15px 0 25px 0;
}
#contest_winners h2 {
margin: 40px 0 20px 0;
clear: both;
padding-bottom: 6px;
border-bottom: 1px solid #eee;
float: left;
width: 850px;
}
#contest_winners .category {
float: left;
width: 200px;
margin: 0 0 35px 10px;
display: inline;
}
#contest_winners .category h3 {
margin: 0;
}
#contest_winners .category img {
margin: 15px 0 0 0;
}
#contest_winners .category a {
display: block;
padding-top: 3px;
clear: both;
}
/* User page */
#userpage .content{
width: 675px;
margin: 0;
padding: 0;
float: left;
}
#userpage .zidebar{
margin: 50px 0 0 0;
padding: 0;
font-size: 8pt;
clear: none;
display: inline;
font-size: 12px;
float:right;
width: 260px;
}
#userpage #photos_cont{
width: 665px;
padding-left: 10px;
}
#userpage #photos_cont div.thumb_box {
position: relative;
width: 205px;
float: left;
margin: 0 15px 15px 0;
border: 0;
}
#userpage #photos_cont div.thumb_box .photoinfo p a{
color: #646464;
}
#userpage #photos_cont div.thumb_box .photoinfo a:hover{
text-decoration: underline;
}
#userpage #photos_cont div.thumb_box img.photo {
margin: 0 auto;
padding: 1px;
border: 1px solid #ccc;
}
#photos_cont div.thumb_box p {
font-size: 12px;
margin: 4px 0 4px 0;
color: #646464;
vertical-align: middle;
}
#userpage #photos_cont div.thumb_box span.icons {
font-size: 9px;
vertical-align: top;
padding-left: 10px;
}
#userpage #photos_cont div.thumb_box span.icons img {
padding: 0;
border: 0;
vertical-align: middle;
}
#userpage .zidebar h2 {
font-size: 12px;
background: #f7f6fb;
padding: 5px 8px;
margin: 1px 0;
clear: both;
float: left;
width: 244px;
}
#userpage .zidebar h2 a {
margin-left: 10px;
font-weight: normal;
}
#userpage .zidebar ul#profileLinks {
margin: 0 0 25px 5px;
clear: both;
float: left;
width: 260px;
}
#userpage .zidebar #upload-link {
clear: both;
font-weight: bold;
font-size: 110%;
float: left;
margin-top: 10px;
}
#userpage .zidebar #upgradeAccountLink {
clear: both;
float: left;
width: 260px;
margin-top: 0;
color: #888;
}
#userpage .zidebar #upgradeAccountLink a {
font-weight: bold;
font-size: 110%;
}
#userpage #user-description img {
margin: 0 7px 0 0;
float: left;
border: 1px solid #ccc;
}
#userpage #user-description {
margin: 8px 0;
float: left;
width: 260px;
}
#userpage .zidebar li#mappingSuggestionsLink {
clear: left;
margin: 15px 0 10px 0;
padding-left: 25px;
background: url(/img/user-page.ltr.png) no-repeat 0 1px;
}
#userpage .zidebar li#favoritesLink {
padding-left: 25px;
margin: 0 0 10px 0;
background: url(/img/user-page.ltr.png) no-repeat 0px -49px;
}
#userpage .zidebar li#forumLink {
padding-left: 25px;
margin: 0 0 10px 0;
background: url(/img/user-page.ltr.png) no-repeat 0px -99px;
}
#userpage .zidebar li#webLink {
padding-left: 25px;
margin: 0 0 10px 0;
background: url(/img/user-page.ltr.png) no-repeat 0px -149px;
}
#friendlist {
margin: 5px 0 0 5px;
}
#friendlist li {
margin: 3px 0;
}
#userpage ul#tags, #userpage ul#favs {
width: 255px;
padding: 5px 0 0 5px;
margin: 0;
clear: both;
}
#userpage ul#favs li {
margin: 3px 0 5px 0;
overflow: hidden;
float: left;
width: 100%;
clear: both;
line-height: 140%;
}
#userpage ul#favs .favavatar {
width: 20px;
margin: 0 6px 0 0;
float: left;
border: 1px solid #ccc;
}
#userpage ul#tags {
margin-bottom: 30px;
}
#userpage ul#tags li {
margin: 3px 0;
padding: 0;
}
#userpage ul#tags .button {
padding: 2px 0;
width: 66px;
text-align: center;
float: left;
display: block;
}
.thumbs_row{
clear: both;
width: 100%;
}
#photos_cont {
width: 540px;
position: relative;
}
#photos_cont div.thumb_box {
position: relative;
float: left;
}
#photos_cont div.thumb_box h2{
font-size: 12px;
margin: 0;
}
#photos_cont .caption{
text-align: left;
}
div#signin-source-picasaweb {
padding: 10px 100px;
width: 588;
margin-left: -10px;
border: 1px solid green;
margin-bottom: 30px;
}
#signin-source-picasaweb div {
border-left: 10px solid white;
float: right;
}
#signin-source-picasaweb div img {
border: 1px solid black;
}
#signin-source-picasaweb p {
margin: 0px;
min-height: 102px;
font-size: 111%;
}
#pwa-upload-signin img {
border: 1px solid black;
margin: 0 0 10px 10px;
float: right;
}
#pwa-upload-signin a.boton {
padding: 2px 3px;
background-color: #005296;
border-bottom: 1px solid #00284A;
border-right: 1px solid #00284A;
border-top: 1px solid #0077DF;
border-left: 1px solid #0077DF;
color: #fff;
width: 70px;
text-align: center;
margin: 5px 0 0 5px;
}
#pwa-upload-signin a.boton:hover {
text-decoration: none;
}
#tab_checkbox_area {
float: left;
margin-bottom: 10px;
width: 440px;
}
#all_layer_checkbox {
vertical-align: middle;
margin-left: 4px;
}
#tab_checkbox_area label {
font-size: 90%;
color: #8A8A8A;
vertical-align: middle;
}
#upgradeAccountLinkExplanation {
margin-top: -10px;
font-weight:bold;
font-size:110%;
}
#slideshow {
display: none;
position: absolute;
z-index: 20;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0,0,0,0.9);
}
#slideshow-close {
position: absolute;
z-index: 30;
top: 10px;
right: 15px;
}
#launchSlideshow {
display: block;
padding: 4px 4px 4px 8px;
width: 120px;
text-align: center;
background: #ecedf4 url(/img/play-icon.png) no-repeat 7px 7px;
border: 1px solid #bebebe;
border-top-color: #f2f3fa;
border-left-color: #f2f3fa;
margin-bottom: 20px;
color: #333;
-moz-border-radius: 2px;
}
#launchSlideshow:hover {
text-decoration: none;
}
/* ga_connect_to_panoramio pages */
#connect {
float: left;
padding: 15px 0 60px 0;
width: 605px;
}
#new_account {
float: left;
padding: 15px 0 60px 0;
width: 605px;
}
#connect p, #new_account p {
margin: 0 0 12px 0;
width: 380px;
}
#connect form, #new_account form {
margin-top: 20px;
}
#connect form label, #new_account form label {
float: left;
text-align: right;
margin-right: 7px;
width: 80px;
font-size: 90%;
}
#connect form div, #new_account form div {
float: left;
padding: 0 10px 0 0;
margin: 5px 0;
clear: both;
width: 605px;
}
#connect form p, #new_account form p {
margin-left: 85px;
margin-bottom: 0;
clear: left;
font-size: 80%;
line-height: 140%;
}
#connect form span, #new_account form span {
font-size: 90%;
}
#connect form input.boton, #new_account form input.boton {
margin: 10px 0 0 85px;
clear: both;
}
h1 span#connect_link, h1 span#new_account_link {
font-size: 60%;
color: #666;
font-weight: normal;
margin-left: 10px;
border: 0;
}
h1 span#new_account_link a {
color: #005296;
text-decoration: underline;
font-weight: normal;
}
h1 span#connect_link.button a {
background-color: #005296;
border-color: #0077DF #00284A #00284A #0077DF;
border-style: solid;
border-width: 2px;
color: #FFFFFF;
margin: 0;
padding: 3px 6px;
text-align: center;
text-decoration: none;
font-size: 110%;
}
#pwa-upload-controller p {
font-size: 110%;
width: 50%;
}
#pwa-upload-controller img#preview {
border: 1px solid black;
margin: 0 0 10px 10px;
float: right;
}
#pwa-upload-controller img#progress-bar {
margin: 30px 0 9px 10px;
}