/* GARDEN CSS Peter Laughton Mar 2011 */ #banner_container {margin-bottom: 20px;min-width:950px;} /********* GARDEN LAYOUT *************/ /* .overlay {position:fixed;width:100%;height:100%;top:0;left:0;background-color: #000;opacity: 0.2;filter:alpha(opacity=20);z-index:0 !important;} */ .layout {width:5px;height:5px;display:block;float:left} .garden_info_box {background-color: #FEFFFE;border: 1px solid #7F8181;border-radius: 4px;height: 29px;float:right;z-index: 6;margin: 5px 85px 10px 0; behavior: url(/_css/PIE.php);} .garden_info_box .edit_menu {top:23px;right:5px} .dimensions div {padding:5px 5px 0 5px;float:left} .garden_info_box {width:228px;background-color: #FEFFFE;border: 1px solid #7F8181;border-radius: 8px;height: 29px;float:right;z-index: 6;margin: 5px 85px 10px 0;behavior: url(/_css/PIE.php);} .dimensions div {padding:5px 2px 0 2px;float:left;} .hint_message {width:390px;position:absolute;left: 280px;top:13px;text-align: center} .hidden_message{width:950px;float:left;clear:both;text-align:center;height:80px;margin-top:20px;color:#bcbcbc;font-size:25px;font-weight:bold} .gardens_compass {z-index:6;position:absolute;right:42px;top:126px} .gardens_compass a img {width:34px;height:auto;display:block;border:none;} .gardens_compass .edit_menu {top:23px;right:25px} /* .gardens_compass a {width:43px;height:41px;display:block;background: url(../../_icons/compass_new.gif) no-repeat} */ .submenu_horizontal_record_container {width:860px; float: left} .submenu_content{width:100%;} /* .submenu_content.plant_list {padding:0px 0 20px 0;margin-top: 1px} .submenu_content{margin:0px 0 20px 0;} .gardens_plant_list {margin:0 0 0 15px;padding:0 0 20px 0;font-size:12px;text-align: left} .gardens_plant_list .column .plant_list {width:214px; position:relative} .column {float:left;margin-right:15px} .column .category {font-weight:700;margin-top:10px} .column .category.num0 {margin-top:0px !important} .gardens_plant_list .column .new a:hover {color:#2f5dff} .gardens_plant_list .column a.preview_link {background: url(../../_images/image.png) -440px -36px no-repeat} /* .gardens_plant_list .column a.preview_link {background: url(../../_images/image.png)-443px -372px no-repeat} */ /*.new_icon {background-color: #2f5dff !important;font-weight: bold;display:block;position:absolute;color:#fff;right:20px;top:0px;width:18px !important;margin-top:1px;font-size: 8px;padding:1px 2px 1px 2px} */ .submenu_content{margin:0px 0 20px 0;} .gardens_plant_list {margin:0 0 0 15px;padding:0 0 20px 0;font-size:12px;text-align: left;} .gardens_plant_list .column .plant_list {width:214px; position:relative} .column {float:left;margin-right:15px} .column .category {font-weight:700;margin-top:10px} .column .category.num0 {margin-top:0px !important} .gardens_plant_list .column .new a:hover {color:#2f5dff} .gardens_plant_list .column a.preview_link {background: url(../../_images/image.png) -440px -36px no-repeat} /* .gardens_plant_list .column a.preview_link {background: url(../../_images/image.png)-443px -372px no-repeat} */ .new_icon {background-color: #2f5dff !important;font-weight: bold;display:block;position:absolute;color:#fff;right:20px;top:0px;width:18px !important;margin-top:1px;font-size: 8px;padding:1px 2px 1px 2px} .x_scrollbar {position:absolute;margin:0px;width:900px;height:50px;bottom:-30px} .x_scrollbar_visible {position:absolute;top: 20px;width:100%;height:6px;background:#e7e7e7;border:1px #cbcbcb solid;-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px} .x_scrollbar_tip {position:absolute;top: 0;/*left:100px;*/width:800px;height:50px} .x_scrollbar_tip_visible {width:100%;height:6px;margin-top: 20px;background:#333;border:1px #2c2c2c solid;-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px} .y_scrollbar {position:absolute;right:-135px;bottom:39px;margin:5px 0 0px 0;width:160px;height:500px;z-index: 999} .y_scrollbar_visible {position:absolute;right:135px;top:20px;margin:0px;width:7px;height:100%;background:#e7e7e7;border:1px #cbcbcb solid;-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px} .y_scrollbar_tip {position:absolute;top: 20px;left:0;width:80px;height:350px;z-index: 999} .y_scrollbar_tip_visible {position:absolute;top: 20px;left:17px;width:6px;height:100%;background:#333;border:1px #2c2c2c solid;-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;z-index: 99} .garden_info_box a.print {background: url(../../g_garden/images/toolbar2.png) -211px -2px no-repeat;width:21px; height:20px;text-indent: -9999px;display:block;float:left;margin: 5px 10px 0 4px;} .garden_info_box div.Layout.Visible {background: url(../../g_garden/images/toolbar2.png) -73px -1px no-repeat;width:21px; height:20px;text-indent: -9999px;display:block;float:left;margin: 5px 7px 0 8px;} .garden_info_box div.Layout.Not.Visible {background: url(../../g_garden/images/toolbar2.png) -73px -22px no-repeat;width:21px; height:20px;text-indent: -9999px;display:block;float:left;margin: 5px 7px 0 8px;} .g_underplanting{border-style: dashed !important} /* able.plant_listtr.existing:hover,table.plant_list tr.new:hover {background-color: #EEE855;} */ .gardens_plant_list .column div.highlight {background-color: #FFF838 !important} /* table.plant_list tr.existing a:hover {color: #000 !important;} */ .gardens_photos #submenu_nav_right{float: right;margin-top: 10px} .gardens_photos #submenu_nav_left{float: left;margin-top: 40px} .submenu_content{min-height:100%} #search_count{margin:0 5px;background-color:#ddd;display:block;text-align:center} .gardens_search{width:810px;margin:10px 0 0 0;float:left} .gardens_search .search_fields{width:120px;float:left;margin:0} .gardens_search .search_fields_text{width:150px;float:left;margin:0 10px 0 0} .gardens_search div span{margin:0 0 2px 0;display:block;font-weight:400} .gardens_search .search_fields select{width:100px !important;float:left} .gardens_search input.garden_text_search{float:left;height:12px;margin:0 10px 15px 0} /*new css3 buttons*/ input.garden_search{margin:15px 0 0 0px;padding:0 0 3px 0;border: none;behavior:url(/_css/PIE.php);border-radius: 6px;color: #FFF;font: bold 13px Trebuchet,"Trebuchet MS" !important;text-align: center; line-height: 23px !important; cursor: pointer;cursor: pointer;background: #8bd01e;background: -moz-linear-gradient(top, #8bd01e 0%, #4c7c08 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8bd01e), color-stop(100%,#4c7c08));background: -webkit-linear-gradient(top, #8bd01e 0%,#4c7c08 100%); background: -o-linear-gradient(top, #8bd01e 0%,#4c7c08 100%);background: linear-gradient(top, #8bd01e 0%,#4c7c08 100%);width: 70px;height: 24px;-pie-background: linear-gradient(#8bd01e, #4c7c08);} input.garden_search:hover {border-radius: 6px;background: #76b803;background: -moz-linear-gradient(top, #76b803 0%, #4c7c08 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76b803), color-stop(100%,#4c7c08)); background: -webkit-linear-gradient(top, #76b803 0%,#4c7c08 100%); background: -o-linear-gradient(top, #76b803 0%,#4c7c08 100%); -pie-background: linear-gradient(#76b803, #4c7c08);} input.garden_reset:active {border-radius: 6px;background: -moz-linear-gradient(top, #76b803 0%, #375b05 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76b803), color-stop(100%,#4c7c08));background: -webkit-linear-gradient(top, #76b803 0%,#375b05 100%);background: -o-linear-gradient(top, #76b803 0%,#375b05 100%);background: -ms-linear-gradient(top, #76b803 0%,#375b05 100%); -pie-background: linear-gradient(#76b803, #375b05);} input.garden_reset{margin:15px 0 0 30px;padding:0 0 3px 0;border: none;behavior:url(/_css/PIE.php);border-radius: 6px;color: #FFF;font: bold 13px Trebuchet,"Trebuchet MS" !important;text-align: center; line-height: 23px !important; cursor: pointer;cursor: pointer;background: #8bd01e;background: -moz-linear-gradient(top, #8bd01e 0%, #4c7c08 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8bd01e), color-stop(100%,#4c7c08));background: -webkit-linear-gradient(top, #8bd01e 0%,#4c7c08 100%); background: -o-linear-gradient(top, #8bd01e 0%,#4c7c08 100%);background: linear-gradient(top, #8bd01e 0%,#4c7c08 100%);width: 70px;height: 24px;-pie-background: linear-gradient(#8bd01e, #4c7c08);} input.garden_reset:hover {border-radius: 6px;background: #76b803;background: -moz-linear-gradient(top, #76b803 0%, #4c7c08 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76b803), color-stop(100%,#4c7c08)); background: -webkit-linear-gradient(top, #76b803 0%,#4c7c08 100%); background: -o-linear-gradient(top, #76b803 0%,#4c7c08 100%); -pie-background: linear-gradient(#76b803, #4c7c08);} input.garden_reset:active {border-radius: 6px;background: -moz-linear-gradient(top, #76b803 0%, #375b05 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76b803), color-stop(100%,#4c7c08));background: -webkit-linear-gradient(top, #76b803 0%,#375b05 100%);background: -o-linear-gradient(top, #76b803 0%,#375b05 100%);background: -ms-linear-gradient(top, #76b803 0%,#375b05 100%); -pie-background: linear-gradient(#76b803, #375b05);} #search_container_wide .gardens_search span{font-size:14px;font-weight:bold;margin:0px 0 5px 0;display:block;width:590px;} /*old button input.garden_search{background:url(../../_images/image.png) -580px -84px no-repeat;color:#FFF;cursor:pointer;font:bold 13px Trebuchet,"Trebuchet MS" !important;height:24px;outline:medium none;text-indent:0;width:70px;border:0 none;margin:15px 0 0;padding:0 0 3px} input.garden_search:hover{background: url(../../_images/image.png) -651px -84px no-repeat}*/ .featured_gardens{width:110px;float:left;height:60px;margin:5px 0 0 15px;padding:5px} #main_container{padding-top:0;margin-left:0;width:979px;float:left;min-width: 950px;} #nav_header{color:#000;height:33px;position:relative;width:100%;margin:20px 0 0;padding:0} #garden_box_left{float:left;width:255px} #garden_header{width:100%;margin:0;padding:0} .name_rating_location_container {float:left;width:550px} #garden_name{font-size:16pt;font-weight:700;float:left;margin-right:4px} #garden_name .field_box{float:left} #gardeners_name{font-weight:400;height:24px;color:#2B2B2B;font-size:13pt;float:left;margin:5px;padding:3px 0 0 4px} #garden_rating_container{float:left;clear:both;margin:5px 0 0} #slider{height:10px;right:20px;top:166px;background-position:-20px -205px} #garden_info{position:relative;float:right;width:251px;border-radius:4px;border:1px solid #E2E2E2;margin:0 1px 0 10px;padding:1px 0 5px; behavior: url(/_css/PIE.php);} #garden_info .field_box{float:left;min-height:25px;width:105px;margin:4px 2px 4px 9px} #garden_info .field_box span{display:block} #garden_info a{font-weight:700} #garden_info #garden_info .missing_field_box{padding:0} .missing_field_box h5.field_description{font-weight:400;color:#999} .description_field .description a{display:block;font-weight:400;margin:0} .description_field span{font-weight:700;color:#000} .description_field .missing_field{font-weight:400;color:#EEE} .description_field{clear:left;padding:10px 0 20px 4px} #delete_plant a{right:13px} #garden_location{clear:both;margin:0 0 0 3px;font-size:12pt;text-align:left;float:left} #garden_description{clear:both;margin:0 0 0 3px;font-size:10pt;text-align:left;float:left} #garden_plant_container{float:left;width:170px;margin:10px 0 0 0;height:530px} #garden_box_right{float:left;width:694px;overflow:hidden;position:relative} #garden_layout{position:relative;margin:0 auto;clear:both;height:620px;margin:0; padding: 1px;}/*recently taken from display_garden.inc*/ #garden_size_x_container{font-size:8pt;text-align:center;margin:0 auto auto 6px ;font-weight:700} .postfix_garden_x{float:left;clear:right;margin:6px auto auto 6px ;font-weight:700;} #garden_size_y_container{margin-left:1px;width:30px;font-weight:700;float:right;font-size:8pt} .size_y{position:absolute;top:270px;display:block;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg)} .submenu_container{min-height:236px;width:246px;margin-right:20px} .submenu_nav a{margin-right:2px;width:120px} .submenu_nav{width:246px} .submenu_vertical_record_container{margin-bottom:2px;width:231px;height:16px;font-size:9pt} #prevnext{width:30px;float:left} .award_single {position:relative;float:left;top:7px;left:5px;text-indent:-99999px;height:95px;width:84px;margin:0 10px 0 0} #blog_flash{position:absolute;top:50px;right:325px;background:url("../../_images/john_banner.gif") no-repeat scroll 0 0 transparent;text-indent:-99999px;height:69px;width:161px} #blog_flash1{position:absolute;top:20px;right:280px;background:url("../../_images/tatton74.png") no-repeat scroll 0 0 transparent;text-indent:-99999px;height:69px;width:161px} #blog_flash_peter{position:absolute;top:0;left:550px;font-size:8pt;height:40px;width:90px;-moz-border-radius:10px;border-radius:10px;background-color:#ffbc77;border:#000 solid 1px;-moz-box-shadow:-2px 2px 2px #111;-webkit-box-shadow:-2px 2px 2px #111;box-shadow:-2px 2px 2px #111;padding:6px} #blog_flash a,#blog_flash a:hover{color:#fff} #g_cal_thumb {margin-bottom:20px;position:absolute;top:14px;right:280px;background:url("../../_images/static-pages/g_cal_thumb.png") no-repeat;height:75px;width:147px;} #submenu_nav_up,#submenu_nav_down{margin-left:93px} .submenu_plant_list plant_qty{font-size: 90px} .submenu_plant_list plant_id{font-size: 90px} .display_garden .submenu_content {padding:0px 0px 10px 0px;position: relative;float:left !important;border: 1px solid #CCCCCC;border-radius:0 !important;} .display_garden .gardens_plant_list {margin:0 0 0 0px;position:relative;min-height:100px;} .display_garden .gardens_plant_list .column {margin: 8px 0 0 10px;} .display_garden .button_container.right {margin-right: 10px;} .display_garden #submenu_instruction_container div.heading {float:left;font-weight: bold;font-size: 21px;margin-left: 10px;} .display_garden #submenu_instruction_container {position:relative;width:948px;background: none repeat scroll 0 0 #F4F4F4;padding:5px 0 5px 0px;margin:0;border-bottom: 1px solid #CCCCCC;} .gardens_plant_list #submenu_instruction_container a.add {float:left;} .garden_design_tool #garden_info .edit_menu {right:3px;} /************** TOOLBAR *****************/ .toolbar_style { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #F4F4F4; border-color: -moz-use-text-color #CCCCCC #CCCCCC; border: 1px solid #CCCCCC; color: #666666; padding: 10px 10px 10px 10px; float:left; width:916px; position:relative; float:left; } .toolbar_style .dimensions {float:left;margin:5px 5px 5px 15px;} .button_container {float:left;margin-right: 0.5em;} .toolbar_button { position:relative; display:block; float:left; text-shadow: 0 0 0 transparent, 0 1px 0 #FFFFFF; -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-image: -moz-linear-gradient(center top , #FFFFFF 0pt, #E0E0E0 100%); background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%); background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%); box-shadow: 0 0 1px #FFFFFF inset; text-shadow: 0 0 0 transparent, 0 1px 0 #FFFFFF; background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #F6F6F6; border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; width: 32px; height:32px; line-height: 32px; text-align: center; font-size: 11px !important; font-family:arial,sans-serif !important; font-weight: bold; padding: 0 4px; color: #555555; cursor: pointer; overflow: visible; vertical-align: middle; white-space: nowrap; } .toolbar_button span {font-size: 11px;} .toolbar_button span.selected {font-size: 13px;} .toolbar_button img {margin-top: 5px;} .button_container_single {position:relative;float:left;display:block;height:32px;} .center_button, .zoom_in_button, .zoom_out_button, .plants_button, .ruler { float:left; height: 32px; width: 32px; border-radius: 0 0 0 0; } .button_disabled:active, .button_disabled:hover { background-image: -moz-linear-gradient(center top , #FFFFFF 0pt, #E0E0E0 100%) !important; background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%) !important; background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%) !important; box-shadow: 0 0 1px #FFFFFF inset !important; border: 1px solid #CCCCCC !important; } .end.button_disabled:hover {border-left:none !important;} .button_disabled span img {opacity:0.5} .draw_button {border-right-style: solid !important;border-radius: 3px !important;} .draw_button.selected {border-radius: 3px 0px 0px 3px !important;} .textures, .shadows {width: 65px;} .show_price {width: 75px;} .textures {border-right-style: solid !important;} .textures, .shadows, .show_price {height:32px;line-height:32px;} .print_button {float:right;} .help_button, .help_page, .show_price_button {float: right; margin: 0px 10px 0px 0px} .undo, .plants_button, .draw_mode {border-right-style: solid !important;} .landscape {margin-left: 10px;} .start {border-bottom-left-radius: 3px; border-right-style: none; border-top-left-radius: 3px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .end {border-bottom-right-radius: 3px; border-left-style: none; border-top-right-radius: 3px; border-bottom-left-radius: 0px; border-top-left-radius: 0px;} .button_icon {display:block;margin: 0px auto;} .button_container.right {float:right;margin-right: 0px;} #submenu_instruction_container .button_container {margin-bottom: 1px;} .toolbar_button:hover , .toolbar_button.selected {border-color: #999999; background-image: -moz-linear-gradient(center top, #FFFFFF 0pt, #e0e0e0 100%); box-shadow: 0 1px 2px rgba(0,0,0, 0.25), 0 0 3px #FFFFFF inset; } .toolbar_button:active, .toolbar_button.selected { background-image: -moz-linear-gradient(center top, #e6e6e6 0pt, #dcdcdc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#dcdcdc)); background: -webkit-linear-gradient(top, #e6e6e6 0%,#dcdcdc 100%); background: -o-linear-gradient(top, #e6e6e6 0%,#dcdcdc 100%); background: linear-gradient(top, #e6e6e6 0%,#dcdcdc 100%); -pie-background: linear-gradient(#e6e6e6, #dcdcdc); box-shadow: 1px 1px 2px #5E5E5E inset; } .right {float:right;} .landscape.toolbar_button {width:80px !important;} .landscape table.current_surface {margin-top: 3px;} .landscape table.current_surface td {border-bottom: none !important;} .landscape #current_texture {width:24px; height:21px;background-color: transparent;background-size: 250%;z-index:1; } .landscape #current_texture_text {width:56px;text-align:center;vertical-align: middle; color: #555555; font: bold 11px arial,sans-serif; text-shadow: 0 0 0 transparent, 0 1px 0 #FFFFFF;} .landscape .button_icon {position:absolute;top:1px;right:9px;z-index:2;} .landscape.selected.texture_selected .button_icon {top:6px; right:1px;} #g_grid_message {height:15px;background-color: #000;color:#fff;position: absolute;padding:4px 6px 4px 6px;z-index:6;top:10px;left:10px;cursor:move;} /************* TOOLTIPS *********************/ .tooltip_window_arrow {position:absolute; left:210px; top:-7px; width:1px; height:1px; z-index:99999; display:block; border-top-color: #408EDC; border-bottom-color: #408EDC; border-color: transparent transparent #408EDC; border-width: 0 7px 7px; border-style: solid; border-right: 7px solid transparent; -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors:none; -moz-border-right-colors: none; -moz-border-top-colors: none; } .tooltip_window_arrow_bottom { position:absolute; left:10px; bottom:-13px; width:1px; height:1px; display:block; border-color: #408EDC transparent transparent ; border-width: 7px 7px 7px 7px; border-style: solid; border-right: 7px solid transparent; -moz-border-colors: none; -moz-border-image: none; } .toolTip { background-color: black; /* FOR IE */ bottom:40px; left:-10px; padding: 8px 10px 8px 10px; font-size: 12px !important; } /*********** END TOOLTIPS ***********************/ .garden_scale_size_bar {width:100%;height:20px;background-color: #F4F4F4;position:relative;float:left;border: 1px solid #CCCCCC;margin-top: 10px;} .garden_scale_size_bar .dimensions {width:170px;margin:0 auto;line-height: 1;} /******************************************Plant Selector Main Styles**********************************************/ div#garden_design_list.garden_design_list div.scroll_bar_div div.plantSelectorPlantbuttonContainer a{position: absolute; top:-12px; right:14px;padding-right: 3px;width: 12px; height: 12px;background: url(/_icons/preview_white.png) no-repeat; text-indent: -9999px !important} div.field_box.spread_field span.spread a{float: left} .gardens.plant_selector div.main_table{margin: 20px 0px 0px 0px} /*favourite check box*/ span.checkbox { width: 18px; height: 25px; padding: 0 5px 0 0; background: url(../../_icons/favourite_icon.png) no-repeat; display: block: clear: left; float: left; cursor: pointer; } /******* BLACK COLORS FOR GARDEN PLANT SELECTOR ********/ .gardens_plant_selector{ height: auto; border: none !important; color: #fff !important; behavior: url(/_css/PIE.php); background: #626262; background: -moz-linear-gradient(top, #626161 0%, #4a4a4a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#626161), color-stop(100%,#4a4a4a)); background: -webkit-linear-gradient(top, #626161 0%,#4a4a4a 100%); background: -o-linear-gradient(top, #626161 0%,#4a4a4a 100%); background: linear-gradient(top, #626161 0%,#4a4a4a 100%); -pie-background: linear-gradient(#626161, #4a4a4a)} .search_input_plantselector {border: 2px #484747 solid;} .plantSelectorPlantNameContainer a span {color:#fff;} .plantSelectorPlantNameContainer a:hover span {text-decoration: underline;} .gardens.plant_selector .garden_design_list {background: #484747; border-radius: 4px} .gardens.plant_selector .small_italics{color:#dddbdb !important;} .gardens.plant_selector #plantSelectorLoadNext .plantSelectorResultCount:nth-child(even) {background: #575656} /*Removed first result in table as it was returning blank information*/ .gardens.plant_selector #plantSelectorLoadNext .plantSelectorResultCount:first-child{display: none} .gardens.plant_selector div.main_table div.garden_design_list div.scroll_bar_div{background: #484747; position: relative; width: 516px} /****** styles for icons box, that can be copied to main plant selector *****/ div.scroll_bar_div div.plantSelectorPlantSun div.sun{background:transparent url(/_images/image.png) -270px -43px no-repeat;width:18px;height:20px} div.plantSelectorPlantSun div.sun_unselected, div.plantSelectorPlantSun div.sun, div.plantSelectorPlantSun div.partial.shade_unselected, div.plantSelectorPlantSun div.partial.partial.shade, div.plantSelectorPlantSun div.shade_unselected, div.plantSelectorPlantSun div.shade{float: left; margin: 6px 4px 0px 7px; width: 22px;height: 20px} div.plantSelectorPlantSun div.sun p, div.plantSelectorPlantSun div.sun_unselected p, div.plantSelectorPlantSun div.partial.shade p, div.plantSelectorPlantSun div.partial.shade_unselected p, div.plantSelectorPlantSun div.shade p, div.plantSelectorPlantSun div.shade_unselected p, div.plantSelectorPlantMoisture div.well.drained p, div.plantSelectorPlantMoisture div.well.drained_unselected p, div.plantSelectorPlantMoisture div.moist.well.drained p, div.plantSelectorPlantMoisture div.moist.well.drained_unselected p, div.plantSelectorPlantMoisture div.moist p, div.plantSelectorPlantMoisture div.moist_unselected p, div.plantSelectorPlantMoisture div.aquatic p, div.plantSelectorPlantMoisture div.aquatic_unselected p, div.plantSelectorPlantMoisture div.bog\/marginal p, div.plantSelectorPlantMoisture div.bog\/marginal_unselected p{display: none} .gardens.plant_selector div.alpha_pagging{background-color:#323232;} .gardens.plant_selector div.alpha_pagging a{color: #fff !important} .gardens.plant_selector div.alpha_pagging a:hover{box-shadow: 0px 0px 3px 3px #376bbe} .gardens.plant_selector div.alpha_pagging u a{color: #9d9d9d !important} table.gardens.plant_selector div.alpha_pagging_selected{color:#000; background:#fff} /*********************************************** End plant selector**********************************************/ /****** BLACK BOXES STYLE ********/ .toolbar .edit_menu, .add_plant_box, .draw_mode_selector, .print_options_box, .texture_selector, .object_selector, .shadows_controller, .new_plant_selector, .sub_items_table { display:none;z-index:9999;position:absolute; background-color: #333;color:#fff; background-image: -moz-linear-gradient(center top, #575757 0pt, #333 100%); background-image: -webkit-linear-gradient(top,#575757 0,#333 100%); background-image: linear-gradient(to bottom,#575757 0,#333 100%); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; behavior: url(../../_css/PIE.php); border-width:0px; min-width:0; text-shadow:none; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 13px;font-weight:normal; text-align: left;list-style-type: none;} /**** END BLACK BOXES STYLE ********/ .toolTip { display:none;z-index:9999;position:absolute; background-color: #408EDC;color:#fff; background-image: -moz-linear-gradient(center top, #43A8D7 0pt, #408EDC 100%); background-image: -webkit-linear-gradient(top,#43A8D7 0,#408EDC 100%); background-image: linear-gradient(to bottom,#43A8D7 0,#408EDC 100%); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; behavior: url(../../_css/PIE.php); border-width:0px; min-width:0; text-shadow:none; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 13px;font-weight:normal; text-align: left;list-style-type: none;} .g_stage .toolTip {bottom:auto;} .hover_area {position:absolute; top:-10px;width:70px;height:10px;} .box_arrow {position:absolute; left:10px; top:-13px; width:1px; height:1px; display:block; border-color: transparent transparent #575757; border-width: 7px 7px 7px 7px; border-style: solid; border-right: 7px solid transparent; -moz-border-colors: none; -moz-border-image: none;} /*********** DRAW MODE SELECTOR BOX ********************/ .plants_button.selected:hover .add_plant_box {display:block;} .draw_mode.selected:hover .draw_mode_selector {display:block;} .draw_mode_selector, .add_plant_box{ padding: 5px 15px 15px 15px;} .draw_mode_selector li table tr td, .add_plant_box li table tr td {border: none !important;} .draw_mode_selector li table tr td.mode_icon {width:25px;display:block;} .draw_mode_selector li:hover table tr td.mode_name, .add_plant_box li:hover table tr td {text-decoration: underline;} /*********** ENDDRAW MODE SELECTOR BOX ********************/ /*********** OBJECT & TEXTURE SELECTOR BOXes ********************/ .object_selector .box_arrow, .texture_selector .box_arrow {left:23px;} .object_selector, .texture_selector {left:-10px; top:27px;width:200px;padding: 5px 0px 10px 0px;height:auto;} .object_selector li, .texture_selector li {float:left; display:block;padding:0 0 0px 4px;position:relative;width:160px;height:32px;clear:both;} table.category {width:90%;vertical-align: middle;border:none;padding:0;border-spacing:0px;} table.category tr td {border:none !important;white-space:nowrap;} table.category tr td.object_category_image {padding:1px 6px 6px 6px;width:10%;} table.category tr td.object_category_image img {margin-top:7px !important;} table.category tr td.object_category_name {text-align: left;vertical-align: top;} table.category tr td.object_category_name div{margin-top: 2px;} table.category tr td.object_category_arrow {text-align: right;width:1%;} .menu_arrow {display:none;width: 0;height: 0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #fff;} .sub_items_table {padding:5px 10px 10px 10px;left:100px;top:-25px;border:3px #c4c4c4 solid;} table.sub_items_table tr td {border:1px transparent solid !important;padding:5px;margin:5px;white-space:nowrap;text-align: center;} table.sub_items_table tr td img {height: auto !important} table.sub_items_table tr td img.greenhouse60180{width: 10px} table.sub_items_table tr td img.shed90180, table.sub_items_table tr td img.greenhouse120180, table.sub_items_table tr td img.pot3030{width: 20px} table.sub_items_table tr td img.greenhouse180180, table.sub_items_table tr td img.statue{width: 25px} table.sub_items_table tr td img.shed180180, table.sub_items_table tr td img.pot5050{width: 30px} table.sub_items_table tr td img.barbecue{width: 35px} table.sub_items_table tr td img.shed240180, table.sub_items_table tr td img.car.port, table.sub_items_table tr td img.wooden_small, table.sub_items_table tr td img.wooden_square, table.sub_items_table tr td img.pot7070, table.sub_items_table tr td img.shed300180{width: 40px} table.sub_items_table tr td img.shed300240{width: 43px} table.sub_items_table tr td img.gazebo{width: 45px} table.sub_items_table tr td img.greenhouse240180, table.sub_items_table tr td img.wooden_large, table.sub_items_table tr td img.wooden_rectangle, table.sub_items_table tr td img.round_pond, table.sub_items_table tr td img.kidney_pond, table.sub_items_table tr td img.half_circle_pond, table.sub_items_table tr td img.trampoline, table.sub_items_table tr td img.sandpit, table.sub_items_table tr td img.swing{width: 50px} table.sub_items_table tr td img.shed365240, table.sub_items_table tr td img.woodenbench, table.sub_items_table tr td img.large_rock, table.sub_items_table tr td img.water_feature{width: 60px} table.sub_items_table tr td img.house{width: 75px} table.sub_items_table tr td img.polytunnel{width: 80px} table.sub_items_table tr td img.car, table.sub_items_table tr td img.climbing_frame{width: 100px} table.sub_items_table tr td img{display:block;margin:0 auto 5px auto;} table.sub_items_table tr td .g_texture_preview {display:block;margin:0 auto 5px auto;} table.sub_items_table tr td .g_layout_button {display:block;margin:0 auto 0 auto;} table.sub_items_table tr td img.door {height:11px;width:70px;} table.sub_items_table tr td img.hedge, table.sub_items_table tr td img.brick, table.sub_items_table tr td img.wood, table.sub_items_table tr td img.scalable.wall{height:10px; width: 74px} table.sub_items_table tr td img.pergola{height: 25px; width: 80px} table.sub_items_table tr td img.window150 {height:10px;width:90px;} table.sub_items_table tr td img.window100 {height:10px;width:60px;} table.sub_items_table tr td img.window50 {height:10px;width:40px;} table.sub_items_table tr td img.wall300 {height:10px;width:60px;} table.sub_items_table tr td p {margin:0;font-size:11px;} table.sub_items_table tr td:hover { border:1px #376bbe solid !important; -moz-box-shadow: 0px 0px 3px 3px #376bbe; -webkit-box-shadow: 0px 0px 3px 3px #376bbe; box-shadow: 0px 0px 3px 3px #376bbe; } ul.object_selector li:hover {cursor:pointer;} ul.object_selector li:hover table.sub_items_table {display:block;} ul.object_selector li:hover .menu_arrow {display:block;} ul.object_selector li:hover .object_category_name {text-decoration: underline;} ul.texture_selector li:hover {cursor:pointer;} ul.texture_selector li:hover table.sub_items_table {display:block;} ul.texture_selector li:hover .menu_arrow {display:block;} ul.texture_selector li:hover .object_category_name {text-decoration: underline;} /*********** END OBJECT & TEXTURE SELECTOR BOXes*****************/ /*********** SHADOW CONTROLLER BOX ********************/ /* hover on selected button */ .shadow_button.selected:hover .shadows_controller {display:block;} /***************************/ .shadows_controller .box_arrow {left:30px;} .shadows_controller {padding:12px;margin:0;top:100%;width:300px;height:110px;top:40px;} .shadows_controller ul {margin:0;padding:0;} .shadows_controller ul li {display:block;float:left;width:100px;text-align: center;} .shadows_controller ul.day_slider_text {margin-top:20px;} .shadows_controller ul.day_slider_text li {width:100px;} #year_slider {margin: 30px 10px 10px 10px;height:5px;} #day_slider {margin: 50px 10px 10px 10px;height:5px;} .ui-widget-content {background-color:#fff;border: 0px solid #AAAAAA;color: #222222;} .ui-slider {position: relative;text-align: left;} .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-bottom-right-radius: 4px;} .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {border-bottom-left-radius: 4px;} .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {border-top-right-radius: 4px;} .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {border-top-left-radius: 4px;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background-color: #E6E6E6;color: #555555;font-weight: normal;} .ui-slider-horizontal .ui-slider-handle {margin-left: -0.6em;top: -0.3em;} .ui-slider .ui-slider-handle {cursor: default;height: 1.2em;position: absolute;width: 1.2em;z-index: 2;} /*********** END SHADOW CONTROLLER BOX ********************/ /*********** PRINT BOX ***********/ .print_options_box {display:none;z-index:9999;width:145px;padding:6px 12px 6px 12px;margin:0;top:100%;right:-10px;} .print_options_box .tooltip_window_arrow {right:22px;left:auto !important; border-color: transparent transparent #575757;} .print_options_box li {display:block;clear:both;} .print_options_box li div {float:left;} .print_options_box li select {float:left;display:block;margin: 2px 0 5px 12px;width:130px;} .print_options_box li input {margin: 2px 0 5px 12px;} .print_options_box li .button {margin: 2px 0 5px 12px;float:right;height:24px;width:80px; background: -moz-linear-gradient(center top , #8BD01E 0%, #4C7C08 100%) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8BD01E), color-stop(100%,#4C7C08)); background: -webkit-linear-gradient(top, #8BD01E 0%,#4C7C08 100%); background: -o-linear-gradient(top, #8BD01E 0%,#4C7C08 100%); background: linear-gradient(top, #8BD01E 0%,#4C7C08 100%); -pie-background: linear-gradient(#8BD01E, #4C7C08); border: medium none; border-radius: 6px 6px 6px 6px; color: #FFFFFF; cursor: pointer; font: bold 13px/23px Trebuchet,"Trebuchet MS" !important; text-align: center; float:right; } .print_options_box li span {display:block;clear:both;margin: 5px 0 2px 0;} .print_options_box li span.info_msg {color:#fff;font-size: 12px;text-align: left;} .print_options_box li span.info_msg span{float:left;width:110px;clear:none;} .print_options_box li span .infoicon {position: relative;display: block;float:left; background: url(/_images/image.png) -306px -66px; width:17px !important; height:17px;margin-top: 11px;margin-right: 10px;} /*********** END PRINT BOX ***********/ /*********** TOOLBAR EXPANDING BUTTONS ************/ .toolbar #edit_form {position:relative;float:none;} .toolbar .edit_menu {display:block;padding:12px;margin:0;top:100%;} .toolbar_button a {color:#555555 !important;} .toolbar .textures #submit_container {display:none;} .toolbar .textures .edit_form_visible {width:300px;} .toolbar .textures #field_nopopup_visible span {display:block;text-indent: -9999px;background:url("/_icons/visible.png") no-repeat scroll 8px 6px transparent;} .toolbar .textures .edit_menu a {color:#fff !important;display:block;} .toolbar .textures .edit_menu a:hover {text-decoration: underline !important;background:none !important;} .toolbar .button_expand_box.visible {width:110px;} .toolbar .dimensions .edit_menu {width:95px;} .toolbar .dimensions .edit_menu .suffix {margin: 19px 0 0 9px;} .submenu_container {position:static;}