/* ############################## MUPPIT STANDARDS */ body { background-color:#FFFFFF; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#111;min-height: 100%;} input {background-color:#dcdcdc; border:1px solid #666666; margin-right:5px; color:#666; vertical-align:baseline; } input:hover {border:1px solid #999999; color:#333; vertical-align:baseline;} input.btn { border:1px solid; border-color: #b4b4b4; background-color:#b4b4b4; font: 'Trebuchet MS',Verdana,Arial,Sans-serif; color:#fff; cursor:hand; cursor:pointer; font-weight:bold; text-transform:uppercase; vertical-align:baseline; font-size:90%; padding-bottom:1px; padding-top:2px;} input.btnhov {border:1px solid; border-color: #777; background-color:#777; font: 'Trebuchet MS',Verdana,Arial,Sans-serif; color:#fff; cursor:hand; cursor:pointer; font-weight:bold; text-transform:uppercase; font-size:90%;padding-bottom:1px; padding-top:2px;} @font-face { font-family:IgniteTheLight; src: url('fonts/IgniteTheLight.ttf'); } /*overrides screen.css*/ h1, h2, h3, h4, h5, h6 {color:#333;} h1, h1 a { font-family:'Trebuchet MS',Verdana,Arial,Sans-serif;} h1 a { text-decoration:none;} h2 { margin-bottom:0.50em; } /* Fix this once theme colors are approved */ a{ color:#0C4483; } ul,ol {margin:0px;} /*overrides screen.css*/ .error, .notice, .success {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;} .success{background-color:#E0FFD1; text-align:center; border:0px; -moz-box-shadow: 5px 5px 15px rgba(30,30,30,0.8);-webkit-box-shadow: 5px 5px 15px rgba(30,30,30,0.8);box-shadow: 5px 5px 15px rgba(30,30,30,0.8);} .loader{background:url('images/159.gif') no-repeat center; min-height: 50px;} /*############################## PAGE STRUCTURE*/ #header { width:100%; height:45px; background: url('images/HeaderBG.png'); position:absolute; z-index:10; top:0px; opacity:1; overflow:hidden;} #menu_body { width:960px; margin:auto; position:relative; } #menu { opacity: 1.0; overflow:hidden; z-index:5; padding-top:0px; } #menu a { height:100%; width:100%; display: block; text-decoration:none; width:100%; color: #f3f3f3; } #menu a:hover { font-weight: bold; text-decoration:underline; color:#FFF; } #mlogo { background: url('images/HeaderLogoBeta.png') no-repeat; width:185px; float:left; height: 40px; position:relative; top:3px; left:8px;} #mlogo a:hover {text-decoration:none;} #mlogo a {height:75px;} #mlogo span {visibility:hidden;} #mlogo:hover {cursor: hand;} #menu_news {background: url('images/HeaderMenuLabelNews.png');} #menu_news:hover {background: url('images/HeaderMenuLabelNewsSelected.png'); cursor: hand;} #menu_widgets { background: url('images/HeaderMenuLabelWidgets.png');} #menu_widgets:hover { background: url('images/HeaderMenuLabelWidgetsSelected.png'); cursor: hand;} #menu_maps {background: url('images/HeaderMenuLabelMaps.png');} #menu_maps:hover {background: url('images/HeaderMenuLabelMapsSelected.png'); cursor: hand;} #menu_travels { background: url('images/HeaderMenuLabelTravels.png');} #menu_travels:hover { background: url('images/HeaderMenuLabelTravelsSelected.png'); cursor: hand;} #menu_profile:hover {background: url('images/HeaderMenuLabelProfileSelected.png');cursor: hand;} .menu_news, .menu_widgets, .menu_maps, .menu_travels, .menu_profile {background-position: -1000px -1000px;} .menu_news { background: url('images/HeaderMenuLabelNewsSelected.png') no-repeat;} .menu_widgets {background: url('images/HeaderMenuLabelWidgetsSelected.png') no-repeat;} .menu_maps {background: url('images/HeaderMenuLabelMapsSelected.png') no-repeat;} .menu_travels { background: url('images/HeaderMenuLabelTravelsSelected.png') no-repeat;} .menu_profile { background: url('images/HeaderMenuLabelProfileSelected.png') no-repeat;} .mlogo { background: url('images/HeaderMenuLogoSelected.png') no-repeat; background-position: -1000px -1000px;} #footer, #footer_full{width:100%;height:30px;background: url('images/HeaderBG.png'); margin-top:3em; } #footer_full{position: absolute; bottom:0px;} #footer_content{width:960px; margin:auto;} #footer_content ul {width:960px; padding-left:5px;} #footer_content ul li {float:left; list-style:none; width:100px; color:#CCC; margin-top:5px; cursor:pointer;} #footer_content ul li:hover{color:#FFF; text-decoration:underline;} .column { width: 50%; position: absolute; top: 0; text-align: left; z-index:-200; margin-right:0px;} .left { left: 0;} .right { right: 0;} .content { background:#fff; margin-top: 75px; } .roundedCorners{border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; } #leftcol, #rightcol { background: #1A1A1A url('images/BodyBG.png');} #map_canvas { height:75px; margin:auto; margin-bottom:2em; } #mapcontainer {position:relative;z-index: 1;width:100%;top:0px; overflow:hidden; float:left;} #leftcol {background:none; height: 156px; text-align:left; width:509px; float:right;} #leftcoledge { margin-right:508px; height:156px;} #rightcol { float:left; height: 156px; width:519px; background:none; text-align:right; } #rightcoledge { margin-left:519px; height:156px;} #navlinks { margin-left:210px;margin-top:3px;} #menulink li ul { list-style-type:none;display:inline; background:#ffffff; margin-top:30px; display:block; float:none;overflow:show;} #menulink li { height:63px; float:left;display:block;background: url('images/HeaderLineMenuItem.png') no-repeat center;text-align:center; position:relative; top:-10px;cursor:pointer;margin-right:45px;} #menulink li:hover { background: url('images/HeaderLineMenuItemSelected.png') no-repeat center;} #menulink .active {background: url('/templates/muppit/images/HeaderLineMenuItemActive.png') no-repeat center;} #menulink .active a {color:#FFF;} #menulink .active:hover {background: url('/templates/muppit/images/HeaderLineMenuItemActive.png') no-repeat center;} #menulink span { position:relative; font-weight:bold; text-decoration:none; float:left; margin-top:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:100%; text-align:center;} .pagenav {height: 90px;background-position: 0px 1px;} .pagenav h1 {padding-left: 15px; padding-top:5px; margin-bottom:10px;} .pagenav_bg {height:90px;} .pagemenu {height:90px;margin:0px;} .ul_nav {} .ul_nav a {font-family:'Trebuchet MS',Verdana,Arial,Sans-serif; text-transform:uppercase; background-position:0px 12px; text-decoration:none; font-size: 1.0em; font-weight:bold; margin-top:0px; padding-left:20px; margin-right: 30px;padding-bottom: 30px; height:40px; color: #3f3f3f;} .ul_nav a:hover {text-decoration:underline;} .btnStandard{margin-left:3px; border:none; background-color:#C6C4B9; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; width:20px; color:#414042; text-decoration:none; text-align:center; font-family:Verdana, Geneva, sans-serif; font-weight:bold; float:left;} .btnStandard:hover{ background-color:#414042; color:#FFF; border:none;} .btnStandard span{float:left; margin-left:34%;padding-top:4%;} #muppit_login {width:280px; height:25px;float:right; text-align:right; position:relative; top:40px; right:250px;} #muppit_login input {width:125px; height:15px; background-color:#dcdcdc; border:1px solid #666666; margin-right:5px;} #muppit_login input:hover {border:1px solid #999999; background-color:#f7f7f7; } #muppit_login a {font-weight:bold;display: inline;} #muppit_login a:hover{color:#FFF;} .login_user_activity {float:left; width:80%; margin-left:9%; padding:0.5em; background-color:#F5F5F1; margin-top:1em; overflow:hidden;} .login_user_activity #username, .login_user_activity #password{float:left; width:16em; padding-left:1em;} .login_user_activity #openid {float:left; margin-left:2.5em; margin-top:0; width:18em;} .login_user_activity label{float:left; width:9em; margin-left:1.5em; margin-top:0.5em;} .login_user_activity .button {float:right; margin-right:3.3em; width:7em; } .login_user_activity a {float:right;clear:both; width:100%;} .login_user_register{float:left; width:80%; margin-left:9%; padding:0.5em; background-color:#E0FFD1; margin-top:1em; overflow:hidden;} .login_user_register a{float:left; font-size:0.7em; font-weight:bold; margin-left:32%; margin-top:0.15em;} .main_content {} .main_content h2 {color: #3f3f3f; font-size:1.6em;} .main_content a { color:#3f3f3f;} .main_content a:hover { border-bottom:1px solid #3f3f3f;} .actions_panel { width:100%; height:20px; background-color:Orange; text-align:right; vertical-align:middle; padding-right:0px; padding-top:5px; padding-bottom:6px; margin-bottom:20px;} .actions_panel span{padding:0px; margin-right:5px;} .actions_panel a {padding-right:7px; padding-left:7px;border-left:1px solid #3f3f3f; text-transform:uppercase; font-size:80%; color:#3f3f3f; font-weight:bold; text-decoration:none; } .actions_panel a:hover {color:#3f3f3f; border:0px; border-left:1px solid #3f3f3f;text-decoration:underline; } .actions_panel h2 {text-align:left; float:left; margin-left:15px; margin-top:-2px; font-family:'Trebuchet MS',Verdana,Arial,Sans-serif; font-size:1.5em; } .actions_panel a.stbutton {border-left:0px;} .special_place { width:100%; padding-left:40px;} .special_place a {text-transform:uppercase; font-size:150%; color:#3f3f3f; font-weight:bold; text-decoration:none; } .special_place a:hover {color:#3f3f3f; border:0px; border-left:1px solid #3f3f3f;text-decoration:underline; } .special_place h2 {text-align:left; margin-top:0.6em; font-family:'Trebuchet MS',Verdana,Arial,Sans-serif; font-size:1.5em; } .special_place a.stbutton {border-left:0px;} .pof_map{ height:100%; top:20px; left:20px;} #pod_description {padding-bottom:24px; padding-left:40px; width:96%;} #gallery{float:left; padding-left:20px; width:180px;} #gallery a:hover, #big_photo a:hover {text-decoration:none; border-bottom:none;} .place_map {float:left; margin-right:30px;} .preview_pod{float:left;margin-bottom:7px;margin-right:10px;} .index_footer {margin-top:25px;} .index_footer li {display:block;clear:all;min-height: 70px;} .index_footer h2{font-size:180%;} .index_footer h3 {font-size:100%; margin-bottom:2px;} .index_footer p {padding-left:10px;font-style: italic;margin-top: -4px;} #place_comments {/*margin-top:35px;*/ } div .one_comment {margin-left:15px; margin-bottom:20px;} div .one_comment a {font-weight:bold;} .one_link {margin-left:15px; margin-top:20px; margin-bottom:25px;overflow:hidden;} .one_link_h3 a {margin-top:5px; font-weight:bold;} .one_link_h5 a {margin-left: 15px;} .one_link_description {margin-left:15px;} div.link_more_option {margin-left:15px; font-size:80%; text-transform:uppercase; font-weight:normal;} div.link_more_option a {text-decoration:none; font-weight:normal; padding-left:5px; margin-right:7px; border-left:1px solid #3f3f3f;} div.link_more_option a:hover {text-decoration:underline; font-weight:normal;} div.link_options {margin-top:7px;} #paginazione {text-align:right; padding-right:5px; margin-bottom:25px; cursor:hand; cursor:pointer; height:30px; vertical-align:middle;} #paginazione a {margin-left:2px; margin-right:2px;} #paginazione a:hover { font-weight:bold;} div .in_comment {margin-bottom:25px; margin-left:15px;} div .in_comment label{float:left;width:85px; color:#3f3f3f; margin-top:8px;vertical-align:top;} div .in_link {margin-bottom:25px;} #in_link label {float:left;width:100px; color:#3f3f3f; margin-top:8px; } #in_link input { width:265px;} #in_link textarea {color:#333; height:75px; width:415px;} #in_link .in_link_submit {float:right; width:75px; margin-right:3px; display:inline; margin-bottom:30px; clear:both; border:1px solid; border-color: #b4b4b4; background-color:#b4b4b4; font: 'Trebuchet MS',Verdana,Arial,Sans-serif; color:#fff; cursor:hand; cursor:pointer; font-weight:bold; text-transform:uppercase; vertical-align:baseline; font-size:90%; padding-bottom:1px; padding-top:2px;} #in_link .in_link_submit_hov {float:right; width:75px; margin-right:3px; display:inline; margin-bottom:30px; clear:both;border:1px solid; border-color: #777; background-color:#777; font: 'Trebuchet MS',Verdana,Arial,Sans-serif; color:#fff; cursor:hand; cursor:pointer; font-weight:bold; text-transform:uppercase; font-size:90%;padding-bottom:1px; padding-top:2px;} #in_comment textarea {color:#333; height:75px; width:240px; } #in_comment .in_comment_submit {float:right; width:75px; margin-right:3px; display:inline; margin-bottom:30px; clear:both; border:1px solid; border-color: #b4b4b4; background-color:#b4b4b4; font: 'Trebuchet MS',Verdana,Arial,Sans-serif; color:#fff; cursor:hand; cursor:pointer; font-weight:bold; text-transform:uppercase; vertical-align:baseline; font-size:90%; padding-bottom:1px; padding-top:2px;} #in_comment .in_comment_submit_hov {float:right; width:75px; margin-right:3px; display:inline; margin-bottom:30px; clear:both;border:1px solid; border-color: #777; background-color:#777; font: 'Trebuchet MS',Verdana,Arial,Sans-serif; color:#fff; cursor:hand; cursor:pointer; font-weight:bold; text-transform:uppercase; font-size:90%;padding-bottom:1px; padding-top:2px;} #in_comment_maps textarea {color:#333; height:75px; width:636px;float:left; clear:left;} #in_comment_maps input {float:right;clear:left;} #user_option a {color:#3f3f3f; font-weight:bold;} #user_option a:hover {} #user_option ul li {list-style:none; margin-left:10px;} #user_option ul li:hover{background-color:#CCC; -webkit-transition:background-color 0.5s linear; -moz-transition:background-color 0.5s linear; -o-transition:background-color 0.5s linear;} #wikipedia_links ul.circle {list-style-type:circle;} #wikipedia_links a { color:#3f3f3f;} #wikipedia_links a :hover { border-bottom:1px solid #3f3f3f;} #results{margin-top:50px; margin-left:25px;} .gallery div{margin:5px;} .preview {padding-right:18px;} .gallery_small div{float:left;margin:5px;min-width:245px;min-height:245px;} .leftPanelSave:hover{background-color:#414042; color:#FFF; } #user_option .rightPanelSave{float:left; padding:3px 25px; background-color:#C6C4B9; color:#414042; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; margin:15px 70px; font-weight:bold; text-decoration:none;} #user_option .rightPanelSave:hover{ background-color:#414042;color:#FFF; border:none;} /*############################# SEARCH PAGE*/ #searchForm #q {width:350px;} /*############################# SLEEP PAGE*/ div.pagenav h2 {margin-top:35px; margin-left:20px;} div .in_sleep {margin-bottom:25px;} #in_sleep label {float:left;width:40px; color:#3f3f3f; margin-top:8px; margin-left:10px;} #in_sleep input { width:330px;} #in_sleep .in_sleep_submit {width:75px; margin-right:3px; display:inline; margin-bottom:30px; clear:both; border:1px solid; border-color: #b4b4b4; background-color:#b4b4b4; font: 'Trebuchet MS',Verdana,Arial,Sans-serif; color:#fff; cursor:hand; cursor:pointer; font-weight:bold; text-transform:uppercase; vertical-align:baseline; font-size:90%; padding-bottom:1px; padding-top:2px;} #in_sleep .in_sleep_submit_hov {width:75px; margin-right:3px; display:inline; margin-bottom:30px; clear:both;border:1px solid; border-color: #777; background-color:#777; font: 'Trebuchet MS',Verdana,Arial,Sans-serif; color:#fff; cursor:hand; cursor:pointer; font-weight:bold; text-transform:uppercase; font-size:90%;padding-bottom:1px; padding-top:2px;} div .in_sleep2 {margin-bottom:25px;} #in_sleep2 label {float:left;width:100px; color:#3f3f3f; margin-top:8px; margin-left:10px;} #in_sleep2 input { width:435px;} #in_sleep2 textarea {color:#333; height:75px; width:425px;} #in_sleep2 .in_sleep2_submit {float:right; width:75px; margin-right:3px; display:inline; margin-bottom:30px; clear:both; border:1px solid; border-color: #b4b4b4; background-color:#b4b4b4; font: 'Trebuchet MS',Verdana,Arial,Sans-serif; color:#fff; cursor:hand; cursor:pointer; font-weight:bold; text-transform:uppercase; vertical-align:baseline; font-size:90%; padding-bottom:1px; padding-top:2px;} #in_sleep2 .in_sleep2_submit_hov {float:right; width:75px; margin-right:3px; display:inline; margin-bottom:30px; clear:both;border:1px solid; border-color: #777; background-color:#777; font: 'Trebuchet MS',Verdana,Arial,Sans-serif; color:#fff; cursor:hand; cursor:pointer; font-weight:bold; text-transform:uppercase; font-size:90%;padding-bottom:1px; padding-top:2px;} /*########################## right search panel*/ #search_results {} .search_result_box {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; padding-top:12px; padding-bottom:10px; background-color:rgba(255,255,255,0.5); margin:0 13px 13px 13px; font-family: 'Scada', sans-serif;} .search_result_box:hover{background-color:#FFF; cursor:pointer; -webkit-transition:background-color 0.5s linear; -moz-transition:background-color 0.5s linear; -o-transition:background-color 0.5s linear;} .search_result_box h3 {font-size:1.2em;font-weight:bold;margin-left:10px; margin-right:10px; margin-bottom:5px;} .already_present {opacity:0.7;} .added_to_list { animation:madded_to_list 2s infinite; -moz-animation:madded_to_list 2s ; -webkit-animation:madded_to_list 2s; background-color: #CCC; opacity:0.7; } @keyframes madded_to_list { 0% { background-color:#E0FFD1; } 100% { background-color: #CCC; } } @-moz-keyframes madded_to_list { 0% { background-color: #E0FFD1; } 100% { background-color: #CCC; } } @-webkit-keyframes madded_to_list { 0% { background-color: #E0FFD1; } 100% { background-color: #CCC; } } .already_present:hover {background-color: #CCC;} .triple_verbs {float:left; width:270px; margin-right:40px; padding: 10px;} .triple_verbs_last{float:right; margin-right:0px;} .triple_verbs h2 {margin-bottom: 0.25em;color:##3F3F3F;} .map{ border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; overflow:hidden;} /*############################# LOGIN PAGE*/ #loginBadge{width:800px; height:550px; background-image:url(/templates/muppit/images/MuppitLoginBadge.png);margin:auto; } #loginFormStandard{float:right;clear:both;margin-right:88px; margin-top:82px; width:337px;} #loginFormStandard h3{width:100%; text-align:center;} #loginFormStandard label {float:left; width:7em; margin-left:1.5em; margin-top:0.5em;} #loginFormStandard input {float:right; margin-right:2em; clear:right; width:17em; padding-left:1em;} #loginFormStandard .button {width:6em;} #loginFormStandard a {float:left; width:100%; margin-bottom:0.5em; margin-top:0.4em; text-align:center; } #loginMessage{margin-left: 425px; margin-top:10px; float:left; clear:both; visibility:visible; height:45px; width:auto; overflow:auto;} #loginOpenID{margin-right:190px; margin-top:80px; float:right; clear:both; border-left:0px;} #loginOpenID input{float:right; clear:both; width:17em; margin-right:1.2em;} #loginOpenID .button {width:6em;} #loginFacebook{margin-left:395px; margin-top:65px; float:left; clear:both;} /*############################# PASSPORT PAGE*/ #passportContents{ width:945px; height:350px; border:1px solid #999; margin-top:1em; margin-bottom:3em; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;} #tools {width:100%; height:25px; border-bottom:1px solid #999; background-color:#999; text-align:right;} #tools a { color:#fff; padding-top:5px;} #tools img {margin:3px; border:none; float:right;} #passportTitle{float:left; color:#fff; font-size:1.5em; margin-bottom:7px; margin-left:1.5em;} #passportDatasImage {float:left; width:220px; height:280px;background-color:#000; text-align:center; margin-left:25px; margin-top:15px;} #passportDatasImage img {margin-top:20px; max-width:200px; max-height:260px;} #passportDatasText {float:right; width:595px; margin-top:25px; margin-right:50px;} #passportDatasText p {border-bottom:1px solid #666; margin-top:20px;} #pass0{text-align:left; margin-top:35px; float:left; width:50%;} #pass1{text-align:right; margin-top:35px; float:left; width:50%;} #pass2, #pass3 {float:left; width:50%; margin-top:15px; margin-bottom:15px;} #pass6, #pass7, #pass8 {float:left; width:32%; margin-top:15px; margin-bottom:15px;} .passportTitle {font-size:0.8em; color:#999; text-align:left; font-style:italic;} .passportResults{width:100%; padding-left:15px; } .passportResultsNumber {font-size:1.8em; font-weight:bold;} /*######################################### Place SEARCH */ .place_img {float:left;height:75px;width:75px;margin:5px;background-color: grey; position:relative;display:none;} .place_label {position:absolute;bottom:0px;right:0px;background-color: #66FF33;font-size:13pt;display: block;width: 31px;height: 31px;text-align: center;padding-top:2px;background: url('http://gmaps-samples.googlecode.com/svn/trunk/markers/circular/greencirclemarker.png') no-repeat; } .place_box { min-height:85px; list-style:none;} .place_box h2 { margin:5px; padding:5px;} .place_box h4, #links_folio h4 { font-weight:bold; margin-bottom:0.1em;} .place_flag{float:left; margin-top:5px;} .place_info {font-size: 110%;padding-left:10px;} .place_desc{float:left; clear:both; padding-bottom:15px;} .place_desc:after, .place_box:after, .mapBox:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} /*####################### Place index */ #big_photo { float:left; margin-left:40px; height:165px; } .place_suggested{padding-bottom:15px;} /*####################### New place*/ .new_place{float:left; width:500px; margin:auto auto auto 21%; padding:1em 1em 1em 1.3em; } .new_place label{float:left; margin-right:1em; margin-left:0.4em;} .new_place input {width:96%; margin-bottom:2em; margin-left:0.3em; padding-left:1em;} .new_place .hint {float:left; clear:left; font-style:italic; margin-left:0.4em;} .new_place .button{float:right; width:8em; } .new_place textarea {float:left; clear:both; width:93%; margin-left:0.3em; padding:1em;} #search_box{padding:0.5em; border-radius:10px; -o-border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; width: 350px;} #search_boxinput {border-radius:10px; -o-border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin-bottom:0.5em;} #search_box_input { width: 280px; } .new_place_recap{float:left; margin:auto; background-color:#F5F5F1; padding:2em; width:500px;} #similar_places {float:right; width:330px; background-color:#F5F5F1; margin-left:1em; padding:2em; } #list_similar {float:left;} .similar_more_info span{float:left; margin-left:1em; width:60%;} .similar_more_info a {float:left; margin-left:1em; font-weight:bold;} #edit_place .button{float:right; margin-top:1em; width:7em;} .new_place_third{float:left; width:900px; background-color:#F5F5F1; padding:2em;} .new_place_third h2{float:left; margin-top:-0.5em; margin-left:2.5em; clear:both; margin-bottom:1em;} .new_place_third p {float:left; clear:both; margin-left:2em;} .new_place_third #gallery_muppit, .new_place_third #gallery {float:left; clear:both; width:97%;} .new_place_third label {float:left; clear:both; margin-top:1em; margin-bottom:0.5em;} .new_place_third .button {float:right; margin-top:2em; font-weight:bold; font-size:1.3em; margin-right:42%; width:8em;} .new_place_third a{float:left; clear:both;} .new_place_third .preview { float:left; margin-right:1em; } .new_place_third .preview img{ border-radius:10px; -o-border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:0.3em; } .preview_selected { border: 0.6em solid rgb(255,235,59); margin:0.0em; } #fclass, #fcode {border-radius:10px; -o-border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding-left:0.3em;} #desc_parent{float:left; clear:both;} #new_place_add_photo{float:left; clear:both; } .upload_photo h2{font-size:2em; margin-left:1em;} .upload_photo label {float:left; margin-left:2.5em; clear:both;} .upload_photo input {float:left; margin-left:2.5em; clear:both; margin-bottom:2em; width:33.5em;} .upload_photo textarea { float:left; margin-left:2.2em; clear:both; margin-bottom:2em; width:27.5em;} .upload_photo .button {float:right; margin-right:2.5em; width:8em; clear:none;} .upload_photo a {float:right; background-color:#CCC; color:#666; border:1px solid #666; width:8em; text-align:center; font-size:0.88em; text-decoration:none; margin-right:2.5em;} div.fileinputs {position: relative;} div.fakefile {position: absolute;top: 0px;left: 0px;z-index: 1;} #myForm input.file.hidden {position: relative;text-align: right;-moz-opacity:0 ;filter:alpha(opacity: 0);opacity: 0;z-index: 2; float:none; width:27em; margin-top:1.5em;} /*####################### Map sharing*/ .editSharingOptions{float:left; width:430px; margin:auto auto auto 3%; padding:1em 1em 1em 1.3em;} #users_list div {padding-bottom:1em;} /*############### Search Box*/ #muppit_search {position:relative;top:3px;float:right; right:8px;} #muppit_search input {padding:4px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border:0px; text-transform:none; height:24px; position:relative; top:-4px;} #muppit_search .btn{height:33px; width:33px;background:url(images/MuppitIcons20.png) 7px -144px; position:relative; top:-10px;background-color:#DDD;} #muppit_search .btn:hover{ background-color:#FFF;-webkit-transition:background-color 0.5s linear; -moz-transition:background-color 0.5s linear; -o-transition:background-color 0.5s linear;} @-moz-document url-prefix(){#muppit_search .btn{height:22px; position:relative; top:1px; }} @-moz-document url-prefix(){#muppit_search .btnhov {height:22px; position:relative; top:1px;}} /* ############### Itinerary */ .day_wrap{height:45px;} .itinerary_day { padding: 20px 12px 0 12px;} .itinerary_day h3 {width:60px; color:#FFF;background-color:#333;padding-left:10px; height:22px; position:relative;top:18px; border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; -o-border-radius:5px 5px 0px 0px; padding-top:5px; font-size:1.3em; float:left;} .itinerary_day_delete {float:right; height:45px; width:45px; border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; -o-border-radius:5px 5px 0px 0px; background:url(images/MuppitIcons20.png) -87px 12px; background-color:#FFF; margin-left:2px;} .itinerary_day_delete:hover{background-color:#CCC; -webkit-transition:background-color 0.5s linear; -moz-transition:background-color 0.5s linear; -o-transition:background-color 0.5s linear;} .itinerary_day_diary {float:right; height:45px; width:45px; border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; -o-border-radius:5px 5px 0px 0px; background:url(images/MuppitIcons20.png) -87px -137px;background-color:#FFF;} .itinerary_day_diary:hover{background-color:#CCC; -webkit-transition:background-color 0.5s linear; -moz-transition:background-color 0.5s linear; -o-transition:background-color 0.5s linear;} .itinerary_day ul {min-width:100%; min-height:50px; background-color:#FFF; padding-bottom:20px; padding-top:20px;} #drag_place_list{padding:1.5em 13px 0.1em 13px;} #place_list { position:relative; float:left; border-radius:0px 0px 10px 0px; -moz-border-radius: 0px 0px 10px 0px; -webkit-border-radius: 0px 0px 10px 0px; -o-border-radius: 0px 0px 10px 0px; top:-1em;} #place_list li, #placeButtons a { cursor:move; list-style:none; float:left; padding:10px; width:77%; font-family margin-bottom:0.1em; margin-left:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; font-size:1.2em;font-weight:bold;} #place_list li{ background-color:rgba(255,255,255,0.5); margin-left:15px; margin-right:22px; margin-bottom:10px; font-family: 'Scada', sans-serif;} #place_list li:hover { background-color:#FFF;-webkit-transition:background-color 0.5s linear; -moz-transition:background-color 0.5s linear; -o-transition:background-color 0.5s linear;} #place_list input {float:left;} #place_list a, #place_list img { z-index: 33333; float:right;} #drag_place_list h2{font-size:1.7em;} #p_groups_container {width:98%; margin:3px; float:left;} #p_groups_header{cursor:pointer; font-size:0.9em; padding-top:5px; padding-bottom:5px; padding-left:10px; clear:both; text-transform:uppercase; font-weight:bold; margin: 0px 3px 0px 3px; padding-left:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; } #p_groups_header:hover{background-color:#FFF; -webkit-transition:background-color 0.5s linear; -moz-transition:background-color 0.5s linear; -o-transition:background-color 0.5s linear;} #p_groups_container h2{font-size:1.7em; padding:1em 13px 0 13px;} #p_groups {float:left; clear:both; padding-bottom:10px;} #p_groups li { list-style:none; float:right; width:110px;} #p_groups li input { float:left; margin-right:5px; cursor:pointer; height:10px;} #p_groups li span {float:left; margin-top:2px;} #p_groups_hide_filters { float:right; font-size:0.8em; color:#777; cursor:pointer; margin-right:10px; margin-bottom:3px;} #p_groups_hide_filters:hover {color:#444;} .deleteItineraryPopUp{ padding:2.5em 3em 2.5em 3em;} .deleteItineraryPopUp h3{font-size:3em; margin-bottom:0.2em;} .deleteItineraryPopUp h5 {font-size:1.5em; font-style:italic;} .placeButtons{ position:relative; z-index:444;} #options a{float:left; margin-right:50px; font-size:1.3em; cursor:pointer;} #message{font-size:1.3em;} .itinerary_hl{background-color:#E9FF7F; -webkit-transition:background-color 0.5s linear; -moz-transition:background-color 0.5s linear; -o-transition:background-color 0.5s linear;} .hide { display:none; } .similar_image { float:left; margin:10px; margin-top:0px; } #list_similar H2 { cursor: pointer; } #mymuppit li { min-height: 20px; } #mymuppit {} .tabSelectorActive { background-color: #E4E4E4; } /* carousel */ #carousel_box { height:300px; margin-top:15px;} .index_carousel_box{padding-bottom:30px;} #carousel_box img { width:610px; height:300px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; } .carousel { position:absolute; } .carousel_label { position: absolute; top:200px; height:60px; width:400px; background-color:rgba(0, 0, 0, 0.8); color: #fff; padding: 10px 30px 10px 30px; border-radius:0px 10px 10px 0px; -webkit-border-radius:0px 10px 10px 0px; -moz-border-radius:0px 10px 10px 0px; -o-border-radius:0px 10px 10px 0px; } #carousel_box h3 { color: #fff; margin-bottom: 5px; } #carousel_box a { margin: 5px; color: #fff; } #carousel_index { margin-top:25px; float:right; margin-left:14px;} #carousel_index ul { list-style-type:none; } #carousel_index li { height:30px; border-bottom: 1px solid #111; padding-top: 10px; padding-left:30px; font-size:1.1em; cursor:pointer;} #carousel_index li.active {font-weight:bold;} #carousel_index li>div {float:left; background-color:none; height:10px; width:10px; position:relative; left:-14px; top:5px;} #carousel_index li>div.carousel_active{background-color:#333;} .container_full { min-width:950px; position:absolute; top:45px; left:0px; right:0px; bottom:30px; overflow:hidden; } #place_lateral { margin-left:580px; margin-right: 30px; } #lateral_canvas { width: 100%; height:300px; } /* Common Maps */ .mapBox{ min-height: 80px; width:207px; background:url("images/bg_pattern_bottom.png") repeat-x scroll left bottom, url("images/bg_pattern.png") repeat scroll 0 0 transparent; border-radius: 6px; margin: 5px; padding: 10px; position:relative; text-algin:left; } .mapBoxMini {float:left; max-width:207px; width: 33%; height:150px; overflow:hidden; min-width:180px;} .mapBoxImgMask { height:125px;overflow:hidden;} .mapBoxImgMask .img{height:125px; overflow:hidden;} .mapBox h4 {float:left; width:180px; font-family:IgniteTheLight; padding-top:0.6em; text-align:left; text-decoration:none;} /* MyMaps */ #map_content_map { position:absolute; bottom:40px; top:40px;right:15%;left:15%; -o-border-radius:10px; -moz-border-radius:10px; -webkit--border-radius:10px; border-radius:10px;background-color:#fff; opacity: 0.8; max-width:945px; margin:auto; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; -webkit-transition: all 2s ease; transition: all 2s ease; height: 90%; top: 40px; } .real_content_preview { overflow:hidden; } .pod_container{ background:url("images/bg_pattern_bottom.png") repeat-x scroll left bottom, url("images/bg_pattern.png") repeat scroll 0 0 transparent; width:98%; float:left; border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; height:400px; margin-bottom:20px; overflow:hidden; text-align:center; margin-left:1em; margin-top:0px; padding-bottom:40px;} .maps_suggested{ float:left; margin-top:20px; } .maps_suggested h3 { font-size:2em; } .maps_suggested h4 { margin-bottom:0px; font-weight:bold;} .maps_suggested ul { list-style:none; } .maps_suggested ul li { float:left; clear:both; margin-bottom:1em;} #map_left_panel { position: absolute; top: 30px; bottom: 30px; width:285px; z-index:1000; } #map_left_panel_content { width:215px; float:left; max-height:100%; overflow:auto; background-color:#FFF; min-height:300px; border-radius:0px 5px 5px 0px; -moz-border-radius: 0px 0px 10px 0px; -webkit-border-radius: 0px 0px 10px 0px; -o-border-radius: 0px 0px 10px 0px; -moz-box-shadow: 5px 5px 15px rgba(30,30,30,0.8);-webkit-box-shadow: 5px 5px 15px rgba(30,30,30,0.8);box-shadow: 5px 5px 15px rgba(30,30,30,0.8); background:url(images/bg_pattern_bottom.png) repeat-x scroll left bottom, url(images/bg_pattern.png) repeat; font-family:Courier, monospace;} #map_left_panel_icons { width:45px; float:left; overflow:hidden; margin-top:75px;} #map_left_panel_icons ul{float:left;font-weight:bold; } #map_left_panel_icons ul li{margin-bottom:5px; width:45px; height:45px;border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; -o-border-radius: 0px 5px 5px 0px; cursor:pointer; list-style:none; background-color:burlyWood;} #map_left_panel_icons a, #map_right_panel_icons a {text-decoration:none; color:#222; float:left; height:20px; width:20px; margin-left:13px; margin-top:13px;} #map_left_panel_icons a:hover, #map_right_panel_icons a:hover{text-decoration:underline; color:#FFF;} /* PLACE TYPE ON MAP */ #placesType {position: absolute; z-index: 1000; bottom: 10px; margin:auto;} /* RIGHT PANEL */ #map_right_panel { position: absolute; top:31px; bottom: 30px; width:280px;right:0px; z-index:1000; } #map_right_panel_icons { width:45px; float:left; overflow:auto;margin-top:75px; } #map_right_panel_icons ul{ float:left; font-weight:bold;} #map_right_panel_icons ul li{background-color:burlyWood;margin-bottom:5px; width:45px; height:45px; cursor:pointer; list-style:none; border-radius:5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; -o-border-radius: 5px 0px 0px 5px;} #map_right_panel_icons ul li:hover{background-color:#CCC; -webkit-transition:background-color 0.5s linear; -moz-transition:background-color 0.5s linear; -o-transition:background-color 0.5s linear;} .map_right_panel_place_description{ padding:0px 10px 10px 10px;} #map_right_panel_content {width:235px; float:left; max-height:100%; overflow:auto; background-color:#FFF;background:url(images/bg_pattern_bottom.png) repeat-x scroll left bottom, url(images/bg_pattern.png) repeat; font-family:Courier, monospace; min-height:300px; border-radius:5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; -o-border-radius: 5px 0px 0px 5px; box-shadow: 5px 5px 5px rgba(30,30,30,0.8); -moz-box-shadow: 5px 5px 5px rgba(30,30,30,0.8); -webkit-box-shadow: 5px 5px 5px rgba(30,30,30,0.8); } #map_right_panel_content h2{padding-left:15px; padding-right:25px; padding-top:10px; line-height:1em; } #map_right_panel_map_title{margin:3px; float:left; clear:both;} #map_right_panel_content ul li { list-style:none; } .placeAction{ width:66%; margin-left:18%; margin-bottom:15px;} #user_option{} #user_option ul li {float:left; cursor:pointer; list-style:none;width:45px; height:45px; margin-left:5px;} /*here user option icons*/ #modDescrMap{position:absolute; background:url(images/MuppitIcons20.png) 0px 0px; width:20px; height:20px; top:13px; left:18px;} #setPermBt{ position:absolute;background:url(images/MuppitIcons20.png) -50px 0px; width:20px; height:20px; top:13px; left:69px;} #deleteMapBt{ position:absolute;background:url(images/MuppitIcons20.png) -100px 0px;width:20px; height:20px; top:13px; left:118px;} #changeMapStatus{ position:absolute;background:url(images/MuppitIcons20.png) -200px 0px;width:20px; height:20px; top:13px;left:168px;} #user_option_header{cursor:pointer; font-size:0.9em; padding-top:5px; padding-bottom:5px; padding-left:10px; clear:both; text-transform:uppercase; font-weight:bold; margin: 0px 5px 0px 5px; padding-left:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; } #user_option_header:hover{background-color:#FFF;} #user_option_content {float:left;margin-left:5px;margin-top:10px; position:relative;} #change_status select{margin-left:24px; width:100px; height:20px; border:1px solid #CCC; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; width:88%; } #map_right_panel_search{display:block; clear:all; margin:3px; } #map_right_panel_search_header, #map_left_panel_places_header{cursor:pointer; padding:0 13px 15px 12px;clear:both; font-weight:bold; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;} #map_right_panel_search_content{height:auto; overflow-y:scroll;} #search_place_value{float:left; margin:0px 3px 0px 12px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; height:25px; width:62%; padding-left:3px;} #search_place select{border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; width:88.2%; margin-top:19px; margin-left:12px; height:30px; } .pnlSearchBtn{float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; padding-bottom:2px; margin-top:0px;width:45px; height:30px; background:url(images/MuppitIcons20.png) 11px -497px;} .searchPlaceInfo{ text-transform:capitalize; font-style:italic; font-size:0.9em; margin-left:10px; width:88%; margin-bottom:5px;} #search_results .placeButtons{margin-right:10px; height:45px;} #map_right_panel_search_contents{padding-bottom:10px;} /* SHOW PLACE */ #map_content, #place_content { position:absolute; top:25px; bottom:40px; right:15%;left:15%; -o-border-radius:10px; -moz-border-radius:10px; -webkit--border-radius:10px; border-radius:10px;background-color:#fff; opacity: 0.9; max-width:945px; margin:auto; } #map_alert { position:absolute; top:10px; height:20px; right:15%; left:15%; -moz-border-radius:5px; border-radius:5px; opacity:0.8; overflow:auto; max-width:925px; margin:auto; display:none;z-index:9999999999;} .clearall {clear:both;} .left {float:left;} .right {float:right;} .selector_enabled {background:url("images/bg_pattern_bottom.png"); background-color:white; position:relative; z-index:1000;} /*Itinerary*/ #addItineraryBt {float:left; margin-left:10px; margin-top:15px; font-family: 'Scada', sans-serif;font-size:1.5em; text-decoration:underline; color:#000;padding:10px; } #addItineraryBt:hover{background-color:#CCC; -webkit-transition:background-color 0.5s linear; -moz-transition:background-color 0.5s linear; -o-transition:background-color 0.5s linear;} #mainItineraryBt{height:45px; margin-top:10px; margin-left:10px;} #mainItineraryBt ul li{height:45px; width:45px; float:left; margin-right:5px; margin-bottom:5px; cursor:pointer; list-style:none;} #mainItinerarySaveAdd{margin-right:5px; height:110px; position:relative;} #mainItinerarySaveAdd li:hover{background-color:#CCC; -webkit-transition:background-color 0.5s linear; -moz-transition:background-color 0.5s linear; -o-transition:background-color 0.5s linear;} #backToItList{height:20px; width:20px;background:url(images/MuppitIcons20.png) -250px -150px; position:absolute; top:13px; left:12px;} #add_day{height:20px; width:20px;background:url(images/MuppitIcons20.png) -50px -50px; position:absolute; top:12px; left:64px;} #saveBt{height:20px; width:20px;background:url(images/MuppitIcons20.png) -250px 0px; position:absolute; top:13px; left:113px} #deleteBt{height:20px; width:20px;background:url(images/MuppitIcons20.png) -100px 0px; position:absolute; top:13px; left:163px} #edit_it_title{display:none;} #edit_bt_itnerary{height:20px; width:20px;background:url(images/MuppitIcons20.png) 0px 0px; position:absolute; top:62px; left:113px} #it_title{padding:0 2px 0 12px; float:left; font-size:2em; width:76%; padding-bottom:0.5em;} #map_right_panel_itinerary_header{float:left; padding:0 12px 0 12px;} #maps_description{float:left; padding:15px 12px 15px 20px; text-justify:auto;} #itineraryPlayControl{float:left;} #playItinerary,#stopItinerary{float:left; height:45px; width:45px; margin-right:5px; cursor:pointer;} #playItinerary:hover, #stopItinerary:hover{background-color:#CCC; -webkit-transition:background-color 0.5s linear; -moz-transition:background-color 0.5s linear; -o-transition:background-color 0.5s linear;} #playItinerary{background:url(images/MuppitIcons20.png) -288px 12px;} #stopItinerary{background:url(images/MuppitIcons20.png) 12px -38px;} #fullItList{margin:15px 12px 15px 12px; width:90%; float:left; clear:left;} #fullItList li{height:30px; background-color:rgba(255, 255, 255, 0.5); margin-bottom:15px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:1.1em; padding-top:10px; text-align:center; cursor:pointer;} #fullItList li:hover{background-color:#FFF; -webkit-transition:background-color 0.5s linear; -moz-transition:background-color 0.5s linear; -o-transition:background-color 0.5s linear;} #itinerary {clear:both; width:98%; margin:3px; padding-bottom:7px;} #itinerary ul li {list-style:none; margin-left:10px; width:88%; margin-bottom:10px; cursor:pointer; height:35px;} #itinerary ul li:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} #itinerary ul li span {} #itinerary ul li a.btnStandard {float:right; position:relative; top:-3px;} /*showPlace*/ #map_content_inner_wrapper{float:left; height:95%; margin:-20px 0px 13px 0px; overflow-y:auto; width:100%;} #close_content{float:right; background-color:Crimson; color:#FFF; width:30px; height:30px; font-size:1.3em; position:relative; top:-20px; left:5px;} #map_real_content{float:left;padding:0px 20px; height:100%; width:94%;} #map_real_content h2 {font-size:3.5em; margin-top:0.5em;} #map_real_content h3 {margin-top:0.2em; font-size:2.2em; margin-top:1.3em; width:89%; font-family: 'Scada', sans-serif; font-weight:normal; margin-bottom:0.6em;} .masker {vertical-align:center;width:90%; min-height:70px;overflow:hidden;position:relative; float:left; text-align:center;} .masker_text{height:250%;} .folio {position:absolute;top:0;left:0;width:400%;float:left;} .col {display:block;width:25%;float:left;} .subcol{width:30%;float:left; margin-right:3%;} .map_badge {width:100%;clear:both;margin:auto;} .map_badge_pn {float:left;} .prev, .next {float:left; color:#333; font-size:3.1em; cursor:pointer; width:18px;} .prev:hover, .next:hover {font-weight:bold;} .next{float:right;} .showplace_command_link{float:right; margin-top:0.3em;} .showplace_command_link a {font-size:0.7em; font-weight:bold;} #places_badge {height: 120px;} #images_badge {height:100px;} #place_main_page .place_description{margin-bottom:2em;} .place_description{ margin-top:2em; margin-left:5%; margin-right:3%; min-height:10px;} .place_description p{float:left; margin:0; margin-bottom:10px;} #places_folio {width:98%;} .colplace {width: 90%;margin-right: 50px;margin-left: 50px;} #commentsPageBox, #linksPageBox{ float:left; width:91%; padding-left:1em; } #linksPageBox{clear:both;} .comment_box{margin-top:1em; background-color:#EEE; padding:0.3em; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;} .comment_username{font-style:italic; font-weight:bold; padding-right:1em;} #comm_folio .comment_username{float:none;} .onecomment {padding-bottom:1em; text-align:justify;} .comment_box:after {content: " "; display: block; height: 0; clear: both;} #mycomment{float:left; width:97%; padding-left:1em; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; } .in_comment_submit{float:right; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;} #link_form_container{padding-left:3em;} .link_box{margin-top:1em; padding:0.3em; margin-left:3em;} #linksPageBox h3{ width:25%; padding-right:1em; text-align:right; font-style:italic; font-weight:bold; float:left; font-size:1em; border:0; margin:0; padding-top:0.2em; overflow:hidden;} .link_title{font-size:1em; font-weight:bold; margin-bottom:0; text-decoration:none;} p .one_link{text-align:justify;} #url_link{ width:55%; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;} #add_link_bt, #add_link_bt_cancel{float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; margin-top:0.4em;} .link_url_title{padding-left: 2em; color:#CCC;} ul.popuppone_place_categories{float:left; width:100%; list-style:none; overflow:hidden; } ul.popuppone_place_categories li {float:left; cursor:pointer; margin-right:10px; background-color:#FFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; height:45px; width:45px;} ul.popuppone_place_categories li:hover{ background-color:#A5BFDD; -webkit-transition:background-color 0.5s linear; -moz-transition:background-color 0.5s linear; -o-transition:background-color 0.5s linear;} ul.popuppone_place_categories li.active{background-color:#CCC;} ul.popuppone_place_categories li.active a {text-decoration:none; color:#FFF;} ul.popuppone_place_categories li a {text-decoration:none; color:#333;} #hlink a{position:absolute; width:20px; height:20px; background:url(images/MuppitIcons20.png) -680px -50px; top:30%; left:3.5%;} #slink a{position:absolute; width:20px; height:20px; background:url(images/MuppitIcons20.png) -0px -100px; top:30%; left:17.5%;} #funlink a{position:absolute; width:20px; height:20px; background:url(images/MuppitIcons20.png) -52px -100px; top:30%; left:32.5%;} #sleeplink a{position:absolute; width:20px; height:20px; background:url(images/MuppitIcons20.png) -101px -100px; top:30%; left:46.5%;} #elink a{position:absolute; width:20px; height:20px; background:url(images/MuppitIcons20.png) -151px -100px; top:30%; left:60.5%;} #commlink a{position:absolute; width:20px; height:20px; background:url(images/MuppitIcons20.png) -300px -100px; top:30%; left:74.5%;} #linkslink a{position:absolute; width:20px; height:20px; background:url(images/MuppitIcons20.png) -250px -100px; top:30%; left:89.5%;} #infolink a{position:absolute; width:20px; height:20px; background:url(images/MuppitIcons20.png) -201px -100px; top:30%; left:99.5%;} #infolink {display:none;} /* PROFILE */ .ufilter_active {background-color:#0FF;} #passportContainer{float:left;} /* muppers (Porfile, etc) */ .user_box {float:left;margin:5px;min-width:170px;padding:3px; background-color:#F5F5F1; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; margin-bottom:1em; overflow:hidden;} .user_box h4 {font-size:10pt; width:100%;font-weight:bold;margin:5% auto; overflow:hidden; text-align:center;} .user_img {height:110px;width:110px;border:1px solid #333;margin:1em auto;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; overflow:hidden} .user_img img { width:100%;} /* user_tabs */ .user_tabs { width:100%; float:left; padding-top:15px; padding-bottom:15px;} .user_tabs ul { display: inline; float:right;} .user_tabs li {margin-left:5px; width:45px; height:45px; list-style:none; float:left; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;} .user_tabs li:hover { background-color:#DDD; -webkit-transition:background-color 0.5s linear; -moz-transition:background-color 0.5s linear; -o-transition:background-color 0.5s linear;} .user_tabs li.user_tabs_active:hover{-webkit-transition:none; -moz-transition:none; -o-transition:none; background-color:#FBFBC6;;} .user_tabs ul li a {padding-bottom:0px; padding-right:0px; margin-right:0px; display:block;} .user_tabs ul li a:hover {text-decoration:none;} .user_tabs li.user_tabs_active {background-color: #FBFBC6;} .user_tabs_active a { color:#FFF;} .current_step {background-color:#BCE954;} /* user activity */ .user_activity {float:left; width:98%; padding:0.5em; background-color:#F5F5F1; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; margin-top:1em; overflow:hidden;} .user_activity:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} .user_activity h3 {float:left; width:85%; margin-bottom:0.5em;} .user_activity img {float:left;margin: 5px; margin-right:3em;} .user_image_small {height:50px;width:50px;border: 1px solid;font-size:9px;padding:2px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; overflow:hidden;} .activity_state{ float:left; width:85%;} .activity_date{float:left; width:85%;} .f_label {padding:4px;float:left;width:100px;text-align:right;} #message_text {height:100px;} #send_message {margin-left:460px;} #activity_log ul {list-style:none; font-family:'Trebuchet MS',Verdana,Arial,sans-serif; margin-top:1em;} #activity_log ul li {display: table-cell; border:1px solid #dddddd; clear:both; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; float:right; margin-bottom:0.4em; padding:0.2em 0.5em;} #activity_log li:hover { background-color: #ffe400; -webkit-transition:background-color 0.5s linear; -moz-transition:background-color 0.5s linear; -o--transition:background-color 0.5s linear;} #activity_log ul li a {text-decoration:none; color:#222; text-transform:uppercase; font-weight:bold;} /* muppers */ #muppers_search{float:right; background-color:#F5F5F1; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; padding:1em;} #muppers_search h3{float:left; margin:0.2em 1em 0 0;} #muppers_search form{float:right;} #muppers_search input {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;} #muppers_search #q{width:21em;} .muppers_group{clear:both; float:left; width:93%; margin-left:5.5em; margin-top:2em; } .muppers_group:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} .muppers_group h3{margin-left:-3.5em; clear:both;} .mupper_actions {width:100%;} .mupper_actions a {float:left; margin:auto; clear:both; width:100%; margin-bottom:1em; text-align:center;} /* msg */ #sendMessage input {float:left; clear:right; width:38em; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;} #sendMessage .f_label {clear:left;} #sendMessage textarea {float:left; clear:both; width:91.5%; margin-left:2em; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;} #sendMessage>#send_message{width:10em;float:right; margin-right:2.5em;} .user_message h3{width:100%;} .user_message p {width:100%; float:left;} .modDescr{ margin-right: 0px; text-align:right; } .triple_active { background-image: linear-gradient(bottom, rgb(255,255,255) 0%, rgb(255,255,255) 65%, rgb(255,235,59) 93%); background-image: -o-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(255,255,255) 65%, rgb(255,235,59) 93%); background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(255,255,255) 35%, rgb(255,235,59) 93%); background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(255,255,255) 65%, rgb(255,235,59) 93%); background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(255,255,255) 65%, rgb(255,235,59) 93%); border-radius: 5px; } .bl_on { color: #333; } .positioner { font-size: 14pt; } .placeBox { min-height: 80px; width: 200px; background:url("http://mupp.it/templates/muppit/images/bg_pattern_bottom.png") repeat-x scroll left bottom, url("http://mupp.it/templates/muppit/images/bg_pattern.png") repeat scroll 0 0 transparent; border-radius: 6px; margin: 5px; padding: 10px; position:relative; text-algin:left; } .placeBox h4 {float:left; width:140px; font-family: 'Scada', sans-serif; font-weight:bold; padding-left:0.5em; padding-top:1em; text-align:left; text-decoration:none;} .placeBox:hover {} .placeBox a { display:block; } .placeBoxImgMask {overflow:hidden;} .placeBoxImgMask .img{ height: 70px; overflow:hidden; } .placesBoxImg { border-top-radius: 6px; margin-top: 6px; } .place_flag { position:absolute; top:20px; right:20px; } .place_cat_sprite { position:relative; float: left; background: url('images/MuppitIcons20.png') -680px -50px;width:25px;height:25px;overflow:hidden; top:9px;} .cat_fun {background-position: -52px -100px;} .cat_see {background-position: -0px -100px;} .cat_sleep {background-position: -101px -100px;} .cat_eat {background-position: -151px -100px;} .cat_cities {background-position: -52px -100px;} .cat_info {background-position: -201px -100px;} #masonPlaces { margin-left:11px; width:98%; } .pod_images { width: 100%; height:400px; } .pod_images_big{ width: 110%; overflow: hidden; margin-top: -20%; } #pod_info { width:30%; position:absolute; top:75px; right:7px; background-color: rgba(0,0,0,0.8); color: #fff; padding-right:30px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px;} #pod_info h2 {font-family:IgniteTheLight; font-size:3em; float:left; margin-left:0.5em; margin-top:0.5em; margin-bottom:0;} #pod_info h2 a { text-decoration:none; } #pod_info h2 a:hover {border:0;} #pod_info>#pod_description {padding-left:2em; width:95%; padding-bottom:1em;} #pod_info a{ color: #fff; } #pod_info .discover_place { float:right; clear:both; font-style:italic; color:Thistle; padding-bottom:2em;} #pod_info .discover_place:hover {border:0;} .roundedCornersAlt{ -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; border-radius:10px; height:440px;} .placeBoxMini { float:left; width:26%px; } #popuppone_content { width:100%; margin:0px; overflow-x: hidden; position:relative; } #place_main_page { float: left; } #commenstPage { float:left; width:100%; } .pageHidden { display:none; -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s; } #place_img_gallery { overflow: hidden; width:100%; height: 340px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;} #map_content_inner_wrapper { margin-top:0px; } .place_pod_images_big { width: 115%; overflow: hidden; margin-top: -90px; min-height: 320px; } #place_img_gallery li div{ border-radius:10px; } #img_cont { border-radius:10px; height:370px; width: 100%; overflow:hidden; position:relative; } #title_container {right:0px;background-color:#1C1817;position:absolute;top:67px; height:90px;line-height:100px; -webkit-border-radius:10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px; } #content_place_name { color: #fff; padding-right:57px; padding-left:30px; font-size:6em; font-family:IgniteTheLight; text-shadow:5px -3px #000000; width:100%;} #place_toolbox {position:absolute; top:7px; right:61px; width:165px; height:45px; text-align:center;} #place_photos_toolbox {position:absolute; top:8px; right:212px; width:121px; height:52px;text-align:center;} #place_close_bt { position: absolute; top:12px; right:13px; width:45px; height:45px; background-color:#1C1817; color:#FFF; } #place_close_bt span {position:relative; top:6px; right:3px; width:45px; height:45px; background:url(images/MuppitIcons20.png) -529px -192px;} #place_close_bt:hover {background-color:#333; -webkit-transition:background-color 0.5s linear; -moz-transition:background-color 0.5s linear; -o-transition:background-color 0.5s linear;} #place_toolbox a, #place_photos_toolbox a {margin:4px; background-color:#1C1817; height:46px; width:46px;} #place_toolbox a:hover, #place_photos_toolbox a:hover{background-color:#555; -webkit-transition:background-color 0.5s linear; -moz-transition:background-color 0.5s linear; -o-transition:background-color 0.5s linear;} #add_to_map_place{background:url(images/MuppitIcons20.png) -618px -187px;} #edit_place{background:url(images/MuppitIcons20.png) -669px -189px;} #place_share{background:url(images/MuppitIcons20.png) -368px -238px;} #add_photo{background:url(images/MuppitIcons20.png) -468px -189px;} #open_gallery{background:url(images/MuppitIcons20.png) -567px -188px;} #modDesc, .modDesc{margin-right:0.7em; font-weight:bold; text-align:right; float:left; width:100%;} .oHidden { overflow:hidden; } .oneThird { float:left; width:33%; } .allThird { left:1em; } #places_list {text-align:center;min-height:55px;} #places_list .placeBox{margin:1% 0; margin-right:2%;} #places_list a {text-decoration:none;} #places_list li{ list-style:none; } #comments_list li{ list-style: none; } .comment_username { clear:all; } #links_list li { list-style:none; } .place_content { position:fixed; } #fcat {position: absolute; top:310px; left:7.4%;} #places_col {position:relative; left:5%; float:left; width:100%;} #links_col {width:31%;padding-left:2em;} .places_list_back { position: absolute; top: 40px; right: 20px; display:none; } .places_list_back_active {color:#1A4F8C; font-weight:bold; padding-bottom:1em; text-decoration:underline;} #place_toolbox a{background-color:#1C1817; margin:5px; position:relative; width:45px; height:45px;} #close_content { top:10px; z-index:55555; position:absolute; right: 20px; } #placesType { width:290px; margin:10px; height:40px;} #placesType li {display:inline; height:45px; width:45px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:relative;} #placesType li a{width:25px; height:25px; position:absolute; top:29%; left:29%;} #placesType .cats_active { background-color:#322C2A;} #placesType .cats_active:hover { background-color:#777;} #call a{background:url(images/MuppitIcons20.png) -681px -250px; top:5px; left:6px;} #csee a{background:url(images/MuppitIcons20.png) -380px -300px; top:5px; left:6px;} #cfun a{background:url(images/MuppitIcons20.png) -431px -300px; top:5px; left:6px;} #csleep a{background:url(images/MuppitIcons20.png) -480px -300px; top:5px; left:6px;} #ceat a{background:url(images/MuppitIcons20.png) -530px -300px; top:5px; left:6px;} ul.panel_place_categories{float:left; margin-left:0.5em; width:100%; font-size:1.2em; font-weight:bold; list-style:none; overflow:hidden; margin-bottom:2em; position:absolute;} ul.panel_place_categories li {float:left; padding:3px; cursor:pointer; margin-right:5px; background-color:#FFF;height:21px;} ul.panel_place_categories li:hover{ background-color:#A5BFDD; -webkit-transition:background-color 0.5s linear; -moz-transition:background-color 0.5s linear; -o-transition:background-color 0.5s linear;} /*####################### Left Panel*/ #titlePlaceAddToMap{padding-left:2.5em;} #map_id{padding-left:1.5em; margin-top:3em;} #map_title{padding-left:1.5em; font-size:11.4px;} #map_title input {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; width:23.6em;} #idMap{width:30em; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #addTo #confirm {border-radius:5px; margin-top:1em; margin-left:30em; margin-right:1.1em;} #addTo a {border-radius:5px; background-color:#DCDCDC; border:1px solid #666666; font-size:11px; padding-bottom:1px; padding-left text-decoration:none; color:#666; padding:0 10px 1px; text-decoration:none; } #toggle_left { background:url(images/MuppitIcons20.png) -200px -50px; display:block;height:20px;width:20px;} .panel_closed_left { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); } #toggle_right {background:url(images/MuppitIcons20.png) -630px -50px;display:block;height:20px;width:20px;} .panel_closed_right { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); } #place_list_selector {background:url(images/MuppitIcons20.png) -531px -150px;display:block;height:20px;width:20px;} #search_tab_selector {background:url(images/MuppitIcons20.png) 0px -150px;display:block;height:20px;width:20px;} #creation_tab_selector {background:url(images/MuppitIcons20.png) -480px -50px;display:block;height:20px;width:20px;} #organization_tab_selector {background:url(images/MuppitIcons20.png) -530px -50px; display:block;height:20px;width:20px;} #maps_cat_map li{width:42px; height:42px; margin-right:5px; margin-bottom:5px;} #leftPanelSaveContainer{float:left;width:42px; height:42px;} #placesTypeMap .cats_active_map {background-color:#FFF;} #cat_all a{position:absolute; width:20px; height:20px; background:url(images/MuppitIcons20.png) -680px -50px; top:12px; left:12px;} #cat_see a{position:absolute; width:20px; height:20px; background:url(images/MuppitIcons20.png) -0px -100px; top:12px; left:58px;} #cat_fun a{position:absolute; width:20px; height:20px; background:url(images/MuppitIcons20.png) -52px -100px; top:12px; left:107px;} #cat_sleep a{position:absolute; width:20px; height:20px; background:url(images/MuppitIcons20.png) -101px -100px; top:12px; left:154px;} #cat_eat a{position:absolute; width:20px; height:20px; background:url(images/MuppitIcons20.png) -151px -100px; top:59px; left:12px;} #leftPanelSaveContainer a{position:absolute; width:20px; height:20px; background:url(images/MuppitIcons20.png) -250px 0px; top:59px; left:59px;} ul.panel_map_categories{float:left; margin-left:13px; font-size:1.2em; font-weight:bold; list-style:none; overflow:hidden; margin-bottom:1.5em; margin-top:5px; position:relative;} ul.panel_map_categories li {float:left;cursor:pointer; margin-right:5px; } ul.panel_map_categories li:hover, #leftPanelSaveContainer:hover{ background-color:#CCC; -webkit-transition:background-color 0.5s linear; -moz-transition:background-color 0.5s linear; -o-transition:background-color 0.5s linear;} #mapPlayerControl{float:left; margin-left:13.5em; position:relative; top:-86px;} #playMap{float:left;} #stopMap{float:left;} .btnMapPopUp, .addMetoMap ,.delFromMaps{float:right; background-color:red; width:45px; height:45px; margin-left:5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; position:relative; } .btnMapPopUp:hover, .addMetoMap:hover, .delFromMaps:hover{background-color:#CCC; -webkit-transition:background-color 0.5s linear; -moz-transition:background-color 0.5s linear; -o-transition:background-color 0.5s linear;} .addMetoMap{ background:url(images/MuppitIcons20.png) -188px -138px;} .btnMapPopUp{ background:url(images/MuppitIcons20.png) -36px -137px;} .delFromMaps{ background:url(images/MuppitIcons20.png) 12px -187px;} .forLoggedDisabled { opacity: 0.2; } /*PROFILE SPRITE*/ .activities { background:url(images/MuppitIcons20.png) -418px -238px; } .messages { background:url(images/MuppitIcons20.png) -468px -238px; } .muppers_prof { background:url(images/MuppitIcons20.png) -38px 10px; } .passport_prof { background:url(images/MuppitIcons20.png) -518px -238px; } .logout_prof { background:url(images/MuppitIcons20.png) -368px -188px; } .btDelete a { display:block; height:45px; width:45px; } .btDelete { float:right; background:url(images/MuppitIcons20.png) -100px 0px; width:45px; height:45px; display:block;}