html, body{ height: 100%; margin: 0; padding: 0; } html{ background: url(<%= asset_path "body.jpg" %>) no-repeat scroll 0 0 transparent; background-size: cover; } body{ color: #000000; font-family: helvetica,arial,sans-serif; margin: 0; padding: 0; } #panel_banner_link{ background: url(<%= asset_path "orbitbar1.png" %>) repeat-x scroll 0 0; height: 52px; left: 0; position: absolute; top: 0; width: 100%; } .hmenu{ height: 40px; position: absolute; right: 0; top: 1px; width: 250px; } #orbit{ background: url(<%= asset_path "bar_orbit.png" %>) no-repeat scroll 0 0 transparent; cursor:pointer; height: 43px; left: 10px; position: relative; width: 41px; } #orbit:hover{ background-position:0 -43px; box-shadow: 0 3px 3px #000000; } #orbit:hover #orblist{ display:block; } #orblist{ background: none repeat scroll 0 0 #FFFFFF; border-radius: 0 3px 3px 3px; box-shadow: 0 3px 3px #000000; display: none; margin: 0; padding: 10px; position: absolute; top: 43px; width: 130px; z-index:10; } #orblist li{ border-bottom:1px solid #aaa; list-style:none; } .orblink{ color: #333333; display: block; font: 12px/100% arial,sans-serif; padding: 5px; text-decoration: none; } .orblink:hover{ background:#eee; color:#333; } #log_out a{ background: url(<%= asset_path "service_btn.png" %>) no-repeat scroll right 0 transparent; border: medium none !important; display: block !important; height: 40px !important; line-height: normal !important; padding: 0 !important; position: absolute; right: 0px; text-indent: -10000px; top: 0px; width: 43px !important; } #log_out a:hover{ background: url(<%= asset_path "service_btn.png" %>) no-repeat scroll right bottom transparent !important; } .lang{ color: #FFFFFF; font-size: 15px; line-height: 40px; position: absolute; right: 55px; top: 0; } .lang a{ color:#fff; text-decoration:none; } .lang a:hover{ text-decoration:underline; } #panel_container{ height: 100%; } #panel_container h1{ font: 28px/100% helvetica,arial,sans-serif; margin: 0 0 20px; padding: 0; } #panel_header{ background: none repeat scroll 0 0 #F1F1F1; border-bottom: 1px solid #818181; padding: 10px; } #panel_header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #panel_header #panel_nav{ margin:0; padding:0; width:100%; } #panel_header #panel_nav li{ float: left; list-style: none outside none; } #panel_header #panel_nav li a{ background: none repeat scroll 0 0 #fff; border-radius: 13px 13px 13px 13px; border: 1px solid #D6D6D6; color: #000000; float: left; font-size:15px; margin: 0 20px 0 0; padding: 5px 10px; text-decoration: none; } #panel_header #panel_nav li a:hover{ background: none repeat scroll 0 0 #818181; border-radius: 13px 13px 13px 13px; color: #fff; } #panel_content{ height: 100%; } #panel_sidebar2{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75); box-shadow: 3px 0 3px #000000; float: left; height: 100%; width: 16%; } #panel_sidebar{ padding: 62px 0 0; } #panel_sidebar ul{ background: none repeat scroll 0 0 #13547C; margin: 0; padding: 0 0 0 10px; } #panel_sidebar ul li{ background: none repeat scroll 0 0 #13547C; border-top: 1px solid #145B87; color: #FFFFFF; font-size: 11px; line-height: 29px; list-style: none outside none; } #panel_sidebar li ul{ } #panel_sidebar li ul ul{ } #panel_sidebar a{ color: #FFFFFF; font-size: 11px; text-decoration: none; } #panel_sidebar a:hover{} #panel_main2{ background:#fff; float: left; height: 100%; padding: 0 1%; width: 82%; } #panel_main{ padding: 62px 0 0; } #panel_main p label{ display: block; padding: 3px; } #panel_main .translation_missing{ float: left; padding: 3px; width: 100px; } .text{ border: 1px solid #818181; border-radius: 3px 3px 3px 3px; font: 12px/100% helvetica,arial,sans-serif; padding: 3px; width: 205px; }