* {margin:0;padding:0}
html, body {height:100%;width:100%;}
body {color:#111;font:normal 12px/18px Helvetica, Arial, sans-serif;}
.code-menu a img{border:0 !important;}
.code-menu{background:#f8f8f8;position:absolute;right:0;top:2px;height:20px;padding:6px 4px 0;border:0;border-left:1px solid #ddd;}
.code-menu a{margin:0 4px;}
body{font-family: Arial, sans-serif;}
a{outline:0;}
.full-screen{position:absolute;z-index:50;top:35px;bottom:0;width:100%;overflow:hidden;}
.xml-viewer {overflow:auto;}
#sample-view{overflow:visible;}

.ui-tabs {overflow:hidden;position:absolute;z-index:50;width:100%;top:0;bottom:49px;}
.ui-tabs .ui-tabs-nav {margin:0;padding:9px 0 0 6px;overflow:hidden;background:url(../img/tabs-bottom.png) #f1f1f1 repeat-x bottom left;font:normal 11px/20px Tahoma, Arial, sans-serif;}
.ui-tabs .ui-tabs-nav li {list-style: none;float:left;margin-left:3px;white-space:nowrap;height:25px;
	background-image:url(../img/tab-right.png);background-repeat:no-repeat;background-position:top right;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {background-position:bottom right;}
.ui-tabs .ui-tabs-nav li a {text-decoration:none;display:block;width:100%;height:23px;outline:0;padding:1px 10px;color:#444444;
	background-image:url(../img/tab-left.png);background-repeat:no-repeat;background-position:bottom left;}
.ui-tabs .ui-tabs-nav li a:hover{text-decoration:underline;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {background-position:top left;font-weight:bold;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:hover {text-decoration:none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.ui-tabs .ui-tabs-panel { display: block;background: none; }
.ui-tabs .ui-tabs-hide {visibility:hidden; height:1px !important; width:1px !important;}

.code-menu a img{border:0 !important;}
.code-menu{position:absolute;right:0;top:2px;height:20px;padding:2px 4px 0;border:none !important;background:inherit;}
.code-menu a{margin:0 1px;text-decoration:none;display:block;}

.footer{background:#f1f1f1;border:none;border-top:2px double #d0d0d0;position:absolute;z-index:75;bottom:0;height:45px;width:100%;}
.footer a img{border:none;}
.footer a {display:block;margin-top:10px;}
.footer .l{float:left;margin-left:10px;}
.footer .r{float:right;margin-right:10px;}

.BTN, .BTN * {height:26px;display:block;color:#000;text-decoration:none;}
.BTN .btn-l, .BTN .btn-r{background-image:url(../img/btn-lr.png);background-repeat:no-repeat;}
.BTN .btn-l{background-position:top left;padding-left:4px;}
.BTN .btn-r{background-position:top right;padding-right:4px;}
.BTN .btn-c{background-image:url(../img/btn-c.png);background-repeat:repeat-x;background-position:top left;padding:0 6px;}
.BTN span{background-repeat:no-repeat;background-position:center left;padding:4px 2px 0 20px;height:22px;font-weight:bold;font-size:11px;color:#3e3e3e;}
#saveBtn span:after{content:"...";}
.BTN.hover .btn-l{background-position:left -26px;}
.BTN.hover .btn-r{background-position:right -26px;}
.BTN.hover .btn-c{background-position:left -26px;}
.BTN.clicked .btn-l{background-position:left -52px !important;}
.BTN.clicked .btn-r{background-position:right -52px !important;}
.BTN.clicked .btn-c{background-position:left -52px !important;}

.BTN.no-button .btn-l{background-position:left -200px !important;}
.BTN.no-button .btn-r{background-position:right -200px !important;}
.BTN.no-button .btn-c{background-position:left -200px !important;}
#saveBtn.no-button span{background-position:left -200px !important;}
#saveBtn.no-button span:after{content:":";}

#saveMenu{position:absolute;top:0;height:100%;left:137px;right:0;background:#f1f1f1;}