html, body{margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px} a img{border:0} #mainframe{margin:auto;width:1000px} /** * Header */ #header h1{display:block;float:left;margin:20px 33px 0 30px;padding:0;width:318px;height:96px} #header h1 a:link, #header h1 a:active, #header h1 a:visited{display:block;width:318px;height:96px;text-indent:-9999px;background:url(/images/gui/logo.png) no-repeat;overflow:hidden} #header h2{float:left;margin:41px 0 0 0;font-size:16px;letter-spacing:3px} #header h2 em{font-size:18px;color:#f60} /** * Content */ #content{clear:both;overflow:hidden;margin-bottom:62px} #content-left, #content-right{float:left;margin-bottom:-10000px;padding-bottom:10000px} #content-left{width:197px;border-right:1px solid #ccc;margin-bottom:-9990px} #content-left ul{margin:7px 0 43px 33px;padding:0} #content-left ul li{list-style-type:none;margin-top:12px} #content-left ul li.first{margin-top:0} #content-left ul li a:link, #content-left ul li a:active, #content-left ul li a:visited{display:block;padding-right:25px;width:116px;height:31px;line-height:31px;font-size:18px;font-weight:bold;color:#369;text-align:right;text-decoration:none;background:url(/images/gui/menutab.gif) no-repeat 0 31px} #content-left ul li a:hover, #content-left ul li a:focus{color:#f90;background-position:top} #content-left ul li.selected a:link, #content-left ul li.selected a:active, #content-left ul li.selected a:visited{color:#f90;background-position:bottom} #content-left-tellafriend{margin:0 0 0 54px} #content-left-tellafriend a:link, #content-left-tellafriend a:active, #content-left-tellafriend a:visited{font-size:12px;color:#00f;text-decoration:none} #content-left-tellafriend a:hover, #content-left-tellafriend a:focus{text-decoration:underline} #content-left-tellafriend img{margin:0 6px 2px 0} #content-left-about{margin:37px 0 10px 0;padding-left:3px;text-align:center;font-size:12px} #content-left-about a:link, #content-left-about a:active, #content-left-about a:visited{color:#00f;text-decoration:none} #content-left-about a:hover, #content-left-about a:focus{text-decoration:underline} #content-left-about span{margin-top:3px;display:block;font-size:11px} #content-right{width:802px;font-size:12px} #content-right form{margin:0} #content-right ul.toptabs{margin:0;padding:0;width:490px} #content-right span.toptabs-border{display:block;clear:both;width:486px;height:1px;border-top:1px solid #ccc;text-indent:-9999px;overflow:hidden} #content-right ul.toptabs li{display:inline;margin:0;padding:0;list-style-type:none} #content-right ul.toptabs li a:link, #content-right ul.toptabs li a:active, #content-right ul.toptabs li a:visited{position:relative;float:left;display:block;padding:0 20px;height:27px;line-height:27px;font-size:14px;font-weight:bold;color:#000;text-decoration:none} #content-right ul.toptabs li.selected a:link, #content-right ul.toptabs li.selected a:active, #content-right ul.toptabs li.selected a:visited{color:#fff;background:#ff9a03;border:1px solid #d7d7d7;border-bottom:none} #content-right ul.toptabs li a span{display:none} #content-right ul.toptabs li.selected a span.l, #content-right ul.toptabs li.selected a span.r{display:block;position:absolute;top:-1px;left:-1px;width:7px;height:7px;background:url(/images/yellowtab-corners.png) no-repeat top;font-size:0} #content-right ul.toptabs li.selected a span.r{left:auto;right:-1px;background-position:bottom} #content-right .content-right-frame{padding:13px 0 0 50px} /** * Footer */ #footer{position:fixed;bottom:0;width:998px;height:60px;background:#e4e4e4;border:1px solid #b5b5b5;border-bottom:1px solid #505050} #footer-links{float:left;width:801px;height:60px} #footer-links ul{margin:12px 0 0 50px;padding:0} #footer-links ul li{list-style-type:none;float:left;margin-bottom:4px;font-size:13px} #footer-links img{margin-right:5px;vertical-align:-3px} #footer-links a:link, #footer-links a:active, #footer-links a:visited{display:inline-block;margin-right:8px;width:96px;font-weight:bold;color:#00f;text-decoration:none} #footer-links a:hover, #footer-links a:focus{text-decoration:underline} /** * Link Customize */ #link-customize:link, #link-customize:active, #link-customize:visited{float:left;display:block;padding-left:53px;padding-top:12px;width:143px;height:48px;font-size:13px;font-weight:bold;color:#00f;text-decoration:none;background:url(/images/gui/link-customize-bg.gif) repeat-x 0 60px;border-right:1px solid #b5b5b5} #link-customize:hover, #link-customize:focus{color:#fff;background-position:top} #link-customize span{display:block;float:left;margin:5px 7px 0 0;width:24px;height:23px;background:url(/images/gui/link-customize-pen.png) no-repeat} #link-customize.link-customize-open:link, #link-customize.link-customize-open:active, #link-customize.link-customize-open:visited{color:#fff;background-position:top} #link-customize-popup{display:none;position:absolute;top:0;left:0;width:361px;font-size:13px} #link-customize-popup.haserrors{width:455px !important} #link-customize-popup-content{padding-top:7px;padding-bottom:10px;background:#efefef;border:1px solid #ccc;border-bottom:0} #link-customize-form{margin:0} #link-customize-popup-content .labels{margin:0;font-weight:bold} #link-customize-popup-content .labels .name{margin-left:26px;margin-right:86px} #link-customize-popup-content .buttons{margin:10px 0 0 154px} #link-customize-popup-content .buttons input{margin:0;padding:0;height:22px;font-family:Arial, Helvetica, sans-serif;font-size:13px;font-weight:bold;color:#fff;background:#004f82 url(/images/gui/link-customize-button-bg.gif) repeat-x top;cursor:pointer;border:0} #link-customize-popup-content .buttons input.save{margin-right:6px;width:115px} #link-customize-popup-content .buttons input.cancel{width:70px} #link-customize-popup-content .link-input{margin:5px 0 0 0} #link-customize-popup-content .link-input-first{margin-top:2px} #link-customize-popup-content .link-input .id{display:inline-block;margin-left:9px;width:18px;font-weight:bold} #link-customize-popup-content .link-input .id.id-error{color:#f00} #link-customize-popup-content .link-input .txt{margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:13px;border:1px solid #c1c1c1} #link-customize-popup-content .link-input .txt.txt-name{margin-right:23px;width:102px} #link-customize-popup-content .link-input .txt.txt-url{width:193px} #link-customize-popup-content .link-input .error{margin-left:4px;color:#f00} #link-customize-popup-footer{height:16px;font-size:0;background:#ccc} #link-customize-popup-footer-tail{margin-left:40px;width:26px;height:13px;background:url(/images/gui/link-customize-tail.gif) no-repeat}