@charset "utf-8";
/* CSS Document */

body { border: 1px solid transparent;} /* hack to remove top border on FF */
h2 { font-size: 16.8px; }

#toolsBox { height: 25px; width: 100%; float: right;}
#toolsBox a:hover { text-decoration: underline; }

#toolsBox ul {float: right; margin: 5px;}
#toolsBox li { padding:0; margin:0; display:block; position:relative; float:left; list-style:none; font-size: 12px;}
#toolsBox li a { display:block; padding: 0px 10px; border-right:1px solid #def; color:#fff; background:none}
#toolsBox li.last a { border:none;}

/*apps n data*/


/*home page*/
#outer.consoleHome .homeBox a .pointer { position:absolute; height:100%; left:200px; width:20px; top:0; background:url(rightPoiter.png) no-repeat right;
    _background:none;}
#outer.overview .sectionAreas ul.objectTree .objectList li a .icon {background:url(iconApp_48.png) no-repeat center;
     _background:url(iconApp_48.gif) no-repeat center;}
#outer.overview .sectionAreas ul.objectTree .dbs .objectList li a .icon {background:url(iconDb_48.png) no-repeat center;
     _background:url(iconDb_48.gif) no-repeat center}
#outer.overview .headerBox{ background:#fff url(homeHeader.jpg) repeat-x; padding:30px 0 40px 0; position:relative;}
#outer.overview .header .icon { background:url(staxIcon.png) no-repeat center;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/staxIcon.png'); _background:none;}

#outer.overview .header .info {  padding:5px 0 0 85px; position:relative; background:url(staxGlow.gif) 85px top no-repeat;}
#outer.overview .header .info h1.pageTitle { padding:45px 0 0 7px; color:#89b; margin:0;}
#outer.overview .weblayout-cell-right1 { width:245px;}
#outer.overview .weblayout-cell-center {width:470px;}

.roudedBox div .sdk p { margin:0; padding:0;}
.roudedBox div .sdk .text, .roudedBox .dlSource .text { display:block; clear:both; margin:5px 0 5px 65px}
.roudedBox .dlSource .text { margin-left:70px; height: 50px;}
.roudedBox .sdk .icon, .roudedBox .dlSource .icon { position:absolute; display:block; background:url(iconDownload_48.png) no-repeat right bottom; width:80px; height:78px; border:0; margin:0; top:0; left:0;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/iconDownload_48.png'); _background:none; _left:-10px;
    -moz-opacity:0.75; -khtml-opacity: 0.75;; opacity: 0.75;}
.roudedBox .sdk .icon { background:url(iconSdk_48.png) no-repeat right bottom; z-index:200; float:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/iconSdk_48.png'); _background:none;_left:-15px}

.roudedBox.nested .blogBody a.icon.downloadSource:hover, .roudedBox .sdk a.icon:hover {-moz-opacity:1; -khtml-opacity: 1; opacity: 1}
.roudedBox .dlSource .text p { margin:0;}

#modalMask { 
    background-color: black;
    position:absolute; 
    top: 0px; 
    left: 0px;
    z-index: 999999999;             
}
.modalRoundedBox { margin-top:-20px; margin-left:50px;}
.modalRoundedBox .modalBox { height:330px; width:305px; top:10px; margin:0 7px;}
.modalRoundedBox div.messageBox div, .modalRoundedBox div.messageBox filedset, .modalRoundedBox div.messageBox form { height:auto; width:275px}
.modalRoundedBox .modalBox { padding:20px 10px 20px 230px;}
.modalRoundedBox .illBox, .modalRoundedBox .illBox div { width:210px; height:340px;  position:absolute; top:0; left:0; background:url(modalDivider.jpg) no-repeat center; margin:0; border:0}
.modalRoundedBox .illBox .ill { background:url(computer.png) no-repeat center;_background:url(computer.gif) no-repeat center; left:20px;}
.modalRoundedBox .illBox .illType { width:81px; height:80px; top:190px; left:-10px; background:url(buttonApplication.png) no-repeat center;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/buttonApplication.png'); _background:none;}


.messageBox .inner {position: relative; top: -50%; } /* for explorer only */
/* optional: #inner[id] {position: static;} */

.wizard h1, .modalRoundedBox  h1{ color:#000; margin:0; font-size:167%; padding:0 0 10px 0}
.wizard legend {display:none}
.wizard .labelValue { padding:5px 0;}
.wizard.invite .labelValue { padding:5px 0 0 0;}
.wizard .labelValue label {color:#000;}
.wizard input.txt, .wizard textarea {border:3px double #CCCCCC; padding:1px 3px; width:250px;}
.wizard fieldset.submit, .modalRoundedBox fieldset.submit { text-align:right; padding:15px 0; width:275px;}
.modalBox p { margin:5px 0 10px 0}
.modalBox ol, .modalBox ul  { margin:5px 0; padding:0 0 0 25px;}
.modalBox li { padding:0 0 5px 0 ;}

.wizard {height:100%; width:100%; position:relative; clear:both}
.wizard .outer {height: 100%; overflow: hidden; position: relative;}
.wizard .outer[class] {display: table; position: static;}

.wizard .middle {position: absolute; top: 50%; height:auto} /* for explorer only*/
.wizard .middle[class] {display: table-cell; vertical-align: middle; position: static;}

.wizard .inner {position: relative; top: -50%; height:auto} /* for explorer only */
/* optional: #inner[id] {position: static;} */

.wizard label span.note { font-size:90%; color:#999; margin-left:10px;}
.wizard.invite form.closeWindow, .wizard.createApp form.closeWindow, .wizard.database form.closeWindow{display:none;}
.wizard p { margin:0; padding:0 0 15px 0;}
.modalBox a.btnClose { width:40px; height:40px; overflow:hidden; text-indent:-999em; border:none; position:absolute; top:0px; right:0px; display:block; background:url(btnClose.png) no-repeat center;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/btnClose.png'); _background:none;}

.modalBox iframe{ height:100%; width:100%; border:none; background:none; margin:0; padding:0;}

body.wizard { height:100%;}

.modalRoundedBox .messageBox {top:0; position:absolute; height:100%;}

.modalRoundedBox #modalOuter {height:100%; overflow: hidden; position: relative; }
.modalRoundedBox #modalOuter[id] {display: table; position: static; height:100%; *display:block; *position:relative;}
.modalRoundedBox #modalOuter{_height:350px}
.modalRoundedBox #modalMiddle[id] { display:table-row; position:static;*display:block; *position:absolute}
.modalRoundedBox .middle {position: absolute; top:50%; height:auto; *display:block} /* for explorer only*/
.modalRoundedBox #modalInner[id] {display: table-cell; vertical-align: middle; position: static; margin:0; padding-bottom:20px;*display:block; *position:relative;}
.modalRoundedBox .inner {width:275px;}

.modalRoundedBox legend {display:none;}
.modalRoundedBox {width:550px;  z-index: 9999999999}
.modalRounded {  width:550px; height:400px; clear:both; position:relative;}
.modalRoundedBox iframe { position:absolute; width:262px; z-index:20; border:none; background:none; top:-10px}
.modalRounded .loading, .modalRoundedBox iframe{height:360px;}

.modalRounded .sb-inner{ background:#fff; margin:10px; } 
.modalRounded .sb-shadow        { background:#000; }
.modalRounded .sb-border        { background:#000; }

.modalRoundedBox.progressBox .illBox .illType { background:url(stopwatch.png) no-repeat center; height:160px; top:150px;}
.modalRoundedBox div.messageBox .progressDivBox { border:1px solid #ccc; background:#c4c4c4 url(troth.gif) repeat-x center; padding:2px; width:100%; float:none; margin:10px 0 50px 0;  }
.modalRoundedBox div.messageBox .progressDiv { width:150px; overflow:hidden;}
.modalRoundedBox div.messageBox .progressBar { width:100%;  border:1px solid #20a57f; height:5px; overflow:hidden; background:url(waitingBar.gif) repeat-x left;}

#footer { float:none}
/*html.app body #inner div.centerFrame { background:#fff url(centerBg.gif) center repeat-y}*/
body { font:70%/140% Arial, Helvetica, sans-serif;}
html,body, #outer, #middle, #inner, .centerFrame{ height:100%; width:100%; padding:0; margin:0; top:0; position:relative; clear:both; display:block;  }
html.app, html.app body, html.app #outer, html.app #middle, html.app #inner, html.app .centerFrame
{ position:relative; height:auto; width:auto;}
/*div { float:none; position:relative; clear:both; _position:static }*/
input, select, textarea {font-size:100%;}
html {background: #354D6A url(/styles/loginBg.jpg) repeat-x scroll center top;}
html.app{background:#556677 url(blueSwirls.jpg) repeat-x right top;}

html.app .centerFrame { margin:0 10px; top:7px; border:4px solid #9ab}
.btn { background:url(blueToolbar.png) repeat-x center; border:1px solid #069}
.snapShot .btnGroup a.btn {display:block; float:right; border:3px double #789;}
.snapShot .btnGroup a.btn.add span { background: url(iconSnapshotSmall.png) no-repeat right center; padding:7px 32px 7px 5px; display:block; clear:both; color:#000; font-weight:bold; margin:0 5px;}
button.btn, input.btn, a.btn { font-size:105%; font-weight:bold; border:3px double #09c; padding:1px 10px 3px 10px; color:036; } 
button.btn.cancel, input.btn.cancel, button.btn.closeWindow, input.btn.closeWindow { background:url(silverToolbarBg.gif) center repeat-x; color:#666}
#sidebarBox .sidebar{
 width:230px; height:100%; top:0; position:absolute; overflow:auto; left:0; z-index:20;
}

html.app #middle { width:1030px; position:relative;}


html.app #middle .centerFrame{ _width:1030px; _height:100%;}
html.app #middle { width:1030px; margin:10px auto 0 auto; overflow:hidden; _overflow:visible; position:relative;}
/*

html.app #middle { width:1030px; margin:10px auto 0 auto; overflow:hidden; _overflow:visible;}






*/
#mainBox { padding:0 0 0 220px; top:0; left:0; z-index:1; }
.powerButtons .homeBox { background:url(silverToolbarBg.gif) repeat-x center; width:100%; clear:both;}
.powerButtons .homeBox:hover {background:url(btnGold.gif) repeat-x center;}
.powerButtons .homeBox a { height:90px; padding:0; margin:0; border:0; position:relative; white-space:nowrap; overflow:hidden; background:url(homeSlct.gif) no-repeat 15px 20px; width:100%; }

.powerButtons .homeBox a span { display:block; position:absolute; top:52px; left:80px; background:url(dottedLine.png) repeat-x bottom; _background:url(dottedLine.gif) repeat-x bottom; color:#960}
.powerButtons .homeBox a span.logo { background:url(staxHome.png) center no-repeat; width:104px; height:75px; left:53px; top:0px; text-indent:-999em; overflow:hidden;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/staxHome.png'); _background:none;}

.powerButtons div { float:left; width:50%; clear:none; background:#ccc url(shadowSlate.gif) repeat-x; }
.powerButtons div a { display:block; padding:5px; color:#fff; font-weight:bold; text-decoration:none; border:3px double; clear:both; margin:10px 1px; background:#eee url(silverToolbarBg.gif) repeat-x center; border:3px double #999; color:#000; text-align:center }
.powerButtons div.appBox  a:hover, .powerButtons div.dbBox  a:hover { background:url(btnGold.gif) repeat-x center}
.powerButtons div.appBox a{ margin-left:10px; /*background:#fe0 url(btnYellow.gif) repeat-x center; border:3px double #fe9;*/} 
.powerButtons div.dbBox a{ margin-right:10px; /*background:#4de url(btnBlue.gif) repeat-x center; border:3px double #4ef;*/} 

/*app main page*/
body div.halfWide, body .halfWide .rounded {width:358px;}

body div.trippleWide, body .trippleWide .rounded {width:715px;}
/*body div.iframe, body .iframe .rounded, body .iframe iframe {width:498px; float:left; clear:none}*/
body .trippleWide iframe { width:497px}
div.doubleWide.helpTextBox  { margin-right:20px;}
div.doubleWide, div.graphsBox, .graphsBox .rounded, .graphsBox iframe {width:470px; border:0px solid #999; position:relative;}
/*.graphsBox .loading, .graphsBox .windowBody, .graphsBox iframe {height:314px;}*/
.graphsBox .windowBody { 551.5px; }
.iframe .footer { height:20px}
.rounded .loading { z-index:5; position:absolute; top:0; left:0;}
.graphsBox iframe {border:none; padding:0; margin:0; background:none; z-index:20;}

.roudedBox {width:225px; padding:0 4px 3px 4px; float:left; clear:none; margin:0 10px 20px 0;}
.roudedBox .windowTitleBox h3 { font-size:120%; color:#034; margin:0; padding:10px 15px 10px 15px; border:1px solid #cde; border-bottom:1px solid #89a; background:#f8fafc url(glassHeader.gif) repeat-x top; margin:2px 0 0 0;}
.roudedBox .windowTitleBox h3 a { position:absolute; right:10px; top:7px; display:block; border:2px solid #6699cc; background:url(blueToolbar.png) center repeat-x; padding:1px 5px; font-size:80%; }
/*
.roudedBox .dividerBox h3{ background:#dee6ec url(iceToolbar.gif) repeat-x center; margin:0; padding:2px 15px; color:#000; font-size:100%; border-bottom:2px solid #9ab; border-top:1px solid #9cf}*/
.roudedBox .seactionBox h4, .roudedBox .dividerBox h3 { background:#abc7df url(subsection.gif) repeat-y; margin:0; padding:5px 15px; display:block; color:#fff; font-size:100%;}

.roudedBox h5 { font-size:100%;}
.roudedBox .windowBody { margin:0; position:relative;  clear:both;}
.dlSource .windowBody,.dlSource .windowTitleBox,html div.dlSource .moreBox {_float:none; clear:both; _width:100%; position:relative; }
.dlSource .windowBody {_width:100%; _margin:0; _top:30px}
html .dlSource {_margin:0; _right:auto; _top:-30px;}
html div.dlSource .moreBox { _top:-30px;}
 
.roudedBox .windowBody.half { width:370px; float:left; clear:none; border-right:1px solid #abc; border-left:1px solid #abc; margin:0 -1px 0 0;}
.doubleWide.roudedBox .windowBody.half {width:233px;}
.iframe.roudedBox .windowBody.half {width:243px;}
.roudedBox .blogArticleBox { border-top:2px solid #89a; background:#fff url(goldBg.jpg) repeat-x}
.roudedBox .blogHeader { padding:10px 15px; clear:both;clear:both; border-bottom:1px solid #ddd;}
.roudedBox .blogHeader h5 { margin:0; padding:0;}
.roudedBox .blogHeader h4 { margin:0; padding:0; font-size: 120%;}
.roudedBox .blogHeader .dateAuthor {}
.roudedBox .blogHeader span { padding:1px 5px 1px;}
.roudedBox .blogHeader span.date { border-right:1px solid #ccc; padding-left:0;}
.roudedBox .blogBody ol, .roudedBox .blogBody p, .roudedBox .blogBody ul { margin:5px 0 10px 0; }
.roudedBox .blogBody ol, .roudedBox .blogBody ul{padding-left:25px}
.roudedBox .blogBody ol li { font-size:125%; font-weight:bold; padding:0 0 5px 0; }
.roudedBox .blogBody ol li span { font-weight:normal; font-size:80%}
.roudedBox .blogBody { padding:10px 15px 20px 15px;}
.roudedBox .blogBody code, ,code { font-size:110%; font-family:"Courier New", Courier, monospace; border-bottom:1px solid #ddd; padding:0 5px; background:#f5f5f5; color:#339933}
.roudedBox .moreBox { text-align:right;clear:both; border-top:1px solid #abc; clear:both; width:100%; background:#F8FAFC url(glassHeader.gif) repeat-x center -10px; margin-bottom:4px;}
.roudedBox .moreBox a { float:right; margin:0 10px 5px 10px; display:block; padding:2px 10px; border:2px double #ccc; border-bottom:2px double #aaa; border-top:none; background:url(blueToolbar.png) repeat-x center; background:#fff;}
.roudedBox .codeBlock {width:465px; height:550px; padding:15px; overflow:auto;}
.roudedBox .codeBlock h3, body.crib h3{ font-size:115%; margin:5px -15px 10px -15px;  border-top:1px solid #ccc; padding:10px 15px 5px;}
.roudedBox .codeBlock h4, body.crib h4{ font-size:100%; margin:5px 0 10px 0;}
.roudedBox .codeBlock pre, body.crib pre {font:100%/133% "Courier New", Courier, monospace;}
body.crib div.box { padding:20px;}


#inner .roudedBox .sb-inner { background:#fff; }
#inner .roudedBox .sb-shadow    { background:#ccc; }
#inner .roudedBox .sb-border    { background:#abc; }
#inner .sb-inner{ background:#fff; } 
#inner .sb-shadow       { background:#485663; }
#inner .sb-border       { background:#89a; }

.roudedBox .gridBox table { width:100%;}
.roudedBox .labelValueBox, .roudedBox .labelValueBox .labelValue  {float:left; clear:both; padding:10px;}
.roudedBox .labelValueBox .labelValue { padding:0 0 2px 0;}
.roudedBox .labelValue label{ color:#999}

.gridBox table{border:1px solid #9ab;}
.gridBox th { border-bottom:1px solid #9ab; border-left:#def 1px solid; border-right:1px solid #9ab; padding:2px 10px; text-align:left; background:url(iceToolbar.gif) repeat-x center;}
.gridBox td { padding:1px 10px;  border-left:1px solid #eee; border-bottom:1px solid #ddd; border-collapse:collapse}

.groupVertical.narrow .logsBox .windowBody { clear:both; position:relative; float:left;}
.iconBox, .iconBox ul, .iconBox li, .iconBox li a { float:left; clear:none; list-style:none; display:block; margin:0; padding:0;}
.iconBox li a { height:90px;_height:100px; width:70px; overflow:hidden; }
.iconBox li a span { position:absolute; width:100%; text-align:center; top: 65px;}
.iconBox { width:100%;}
.iconBox.logs ul {padding:0 5px 10px 5px;_padding:0 0px 10px 0px;_width:100%;}

.windowTitleBox a.btn { position:absolute; right:10px; top:8px; height:18px; width:18px; text-indent:-99em; overflow:hidden; border:1px solid #abc}
.windowTitleBox a.btn.window{ background:url(newWindowSmall.gif) no-repeat center}
.windowTitleBox a.btn.maxwindow{ right: 10px; top: 10px; height:12px; width:15px; border:1px solid #abc; border-top:3px solid #abc; background: none;}
.windowTitleBox a.btn.window:hover{ background-color:#fff; }
.helpTextBox { width:225px; float:left; clear:none; color:#666; margin-bottom:20px;}
.helpTextBox a {color:#930;}
.helpTextBox ul { margin:0; padding:0}
.helpTextBox ul li { margin:0 0 0 20px;}
.helpTextBox h3 { border-bottom:1px solid #ccc; margin:10px 0; padding:0 0 5px 0; color:#000; line-height:133%}
.helpText {padding:0 0 0 10px;}
td.num, th.num {text-align:right;}
td.ctrl .iconBox li a {height:18px; width:19px; margin:1px 5px 1px 0; border:none; overflow:hidden;}
td.ctrl .iconBox li a  span { text-indent:-99em; overflow:hidden; position:absolute; left:-99em;}
td.ctrl .iconBox li a.downloadSource { background:url(iconDownloadMini.gif) no-repeat;}
td.ctrl .iconBox li a.noSource { display: none; }
td.ctrl .iconBox li a.deploy{ background:url(iconAppMini.gif) no-repeat ;}
td.ctrl .iconBox li.remove a{ background:url(iconRemoveMini.gif) no-repeat;}
.db td.ctrl .iconBox li a.deploy{ background:url(iconDbMini.gif) no-repeat ;}
td.ctrl .iconBox li a.delete{ background:url(iconDeleteMini.gif) no-repeat ;}

.iconBox li.server a { background:url(iconServer_48.png) no-repeat top;_background:url(iconServer_48.gif) no-repeat top;}
.iconBox li.access a { background:url(iconAccess_48.png) no-repeat top;_background:url(iconAccess_48.gif) no-repeat top;}
.snapshotsBox .iconBox li.error a { background:url(iconError_48.png) no-repeat top;_background:url(iconError_48.gif) no-repeat top;}
td.ctrl .iconBox { padding:0px;}
tr.active td.ctrl .iconBox li.deploy { display:none}
tr.active td{ background:#efe; border-bottom:1px solid #cdc; border-left:1px solid #ded;}




/* resource tree */
#sidebarBox { padding-right:0px;  position:absolute; height:100%; width:220px; z-index:100; background:#92a2af url(blueSide.jpg) repeat-x top; left:0; top:0; }
#sidebarBox .sidebar { background:none}
#sidebarBox ul, #sidebarBox li {float:left; clear:both; list-style:none; padding:0; margin:0;}
#sidebarBox .vshadow{background:url(vshadow.png) repeat-y right;_background:none; height:1200px; position:absolute; top:0; right:0; width:20px; z-index:99999;}
#sidebarBox .sidebar{border-right:1px solid #999; width:220px; overflow-x:hidden; overflow-y:visible; position:relative  }
#appsNdataSidebar, #appsNdataSidebar ul {width:100%; clear:both; overflow:hidden; background:#dfe3e6 url(leftBlue.png) repeat-x top; }
#appsNdataSidebar ul {border-bottom:1px solid #edf2f7;}
#sidebarBox #appsNdataSidebar{ padding:0; margin:0; overflow:hidden; display:block; clear:both;}
#appsNdataSidebar ul.objectList{ padding:5px 0 10px 0;}
ul.objectTree ul {padding:0 0 5px 0}
ul.objectTree li, ul.objectTree ul {clear:both; width:100%;float:left; _margin:0; left:0; position:relative;}
ul.objectTree li span, ul.objectTree li a {display:block; clear:both; position:relative; float:left; width:100%;}
ul.objectTree li a span { _clear:none; _width:150px;}
ul.objectTree li a span.other {display:none;}
ul.objectTree li.slct .state1 { position:absolute; height:100%; width:20px; left:200px; background:url(rightPoiter.png) no-repeat right; display:block; top:0;
    _display:none; }
html ul.objectTree li.object.slct a, ul.objectTree li.object.slct a:hover { background:url(leftGlow.png) repeat-y; border:1px solid #fff; left:-1px; margin:-1px 0 0 0;
     _background:#f5f9ff;}

#sidebarBox ul .stx-item a { padding: 4px 1px 4px 11px; background:none repeat-y; border:none; display:block; clear:both; position:relative; float:left; width:100%;}
#sidebarBox ul .stx-item.slct a, #sidebarBox ul li.stx-item a:hover { background:url(leftGlow.png) repeat-y; }
#sidebarBox ul .stx-item.slct a { padding: 3px 0px 3px 10px; border:1px solid #fff; font-weight: bold; }

ul.objectTree li a {width:auto; text-decoration:none; color:#000; position:relative;}
ul.objectTree li.object a { padding:10px 10px 10px 58px; _padding-left:0; font-weight:bold; background:none; width:100%; position:relative}
ul.objectTree li.object a:hover { background:url(sideGlow.png) no-repeat left center;
    _background:none;}
ul.objectTree li.object a:hover span { color:#063}
ul.objectTree li.object.app a:hover .icon {  background: url(iconApp_32_hover.png) no-repeat center; }
ul.objectTree li.object.db a:hover .icon { background: url(iconDb_32_hover.png) no-repeat center;}

ul.objectTree li.object .icon { position:absolute;  top:12px; left:15px; height:32px; width:32px; background: url(iconApp_32.png) no-repeat center;
    _position:relative; _background: url(iconApp_32.gif) no-repeat center; _float:left; _top:0; _left:0; _margin:0 10px; _clear:none; z-index:999;
}
ul.objectTree li.object.db .icon { background: url(iconDb_32.png) no-repeat center;
     _background: url(iconDb_32.gif) no-repeat center;}

ul.objectTree li.object .other, ul.objectTree span.state1, ul.objectTree span.state2 {display:none;}
/*ul.objectTree li.category div.dropDown{ border-bottom:1px solid #999; float:none; color:#000; font-weight:bold; padding:5px 5px 23px 5px; background:url(iceToolbar.gif) center repeat-x}
ul.objectTree li.category div.dropDown span {float:none; background:url(downArrow.gif) no-repeat 13px center; padding:2px 0 0 30px;}*/

ul.objectTree li.category .dropDown a{ border-bottom:1px solid #999; float:none; color:#000; font-weight:bold; padding:5px; background:url(iceToolbar.gif) center repeat-x}
ul.objectTree li.category .dropDown span {float:none; background:url(downArrow.gif) no-repeat 5px center; padding:2px 0 0 20px;}


    .headerBox h1{padding:10px 0 6px 0; margin:0 0 0px 0; color:#000; clear:right; float:left; width:550px; font-size:175%;}
    .headerBox{ width:100%; clear:both; float:left; padding:20px 0px; border-bottom:1px solid #69c; background:#eff5fb url(topBlue.png) repeat-x}
    .headerBox .info {float:left; clear:none; width:600px; padding:0 0 0 90px}
    .home .headerBox, .home .tabBox{display:none;}
    #mainBox .headerBox .header { clear:both; height:auto; float:left; width:730px; padding:0 0 0 25px; position:relative; }
    .header .icon { border:none; background:url(iconApp.png) no-repeat center; height:101px; width:104px; position:absolute; left:10px; top:-15px;
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/iconApp.png'); _background:none;}

    .header .icon.appstate1_hibernate .state1, .header .icon.appstate1_inactive .state1 { display:block; height:28px; width:28px; background:transparent url(iconSleepSmall.png) no-repeat; position:absolute; bottom:5px; right:8px;
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/iconSleepSmall.png'); _background:none;}
        
    .header .icon.appstate .state2 { display:block; height:24px; width:24px; border:1px solid; background:#eee; position:absolute; bottom:5px; right:36px;}
    .db .header .icon { border:none; background:url(iconDb.png) no-repeat center;
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/iconDb.png'); _background:none;}
    .header ul {clear:both; float:none}
    .headerBox ul.actionIcons {clear:both; width:100%; padding:5px 0;}
    .headerBox ul.actionIcons a { display:block; height:30px; width:30px; border:none; text-indent:-999em; white-space:nowrap; overflow:hidden; margin:5px 5px 0 0; padding: 0px; background:url(iconDownloadSmall.png) no-repeat center; 
    filter:alpha (opacity=67); -moz-opacity:0.67;  -khtml-opacity: 0.67; opacity: 0.67;}
    .headerBox .appstate_hibernate ul.actionIcons a#anchorActivate, .headerBox .appstate_inactive ul.actionIcons a#anchorActivate {display:block}
    .headerBox .appstate_active ul.actionIcons a#anchorHibernate {display:block}/* {background:url(iconWakeSmall_off.png) no-repeat center -2px; height:24px; top:1px;
    filter:alpha (opacity=5); -moz-opacity:0.5;  -khtml-opacity: 0.5; opacity: 0.5;}
    .headerBox .appstate_hibernate ul.actionIcons a#anchorActivate:hover {background:url(iconWakeSmall.png) no-repeat center; height:26px;}
    .headerBox ul.actionIcons .toggle a { margin:-1px; float:left; width:27px; top:-1px;}
    .headerBox ul.actionIcons .toggle { width:50px; height:24px;  margin:4px 5px 0 0; border:3px double #cde; }*/
    .headerBox ul.actionIcons a:hover{-moz-opacity:1; -khtml-opacity: 1; opacity: 1; }
    .headerBox ul.actionIcons a#anchorActivate { background:url(iconWakeSmall.png) no-repeat center; }  
    .headerBox ul.actionIcons a#anchorHibernate { background:url(iconSleepSmall.png) no-repeat center; }
    .headerBox ul.actionIcons .wake a  { background:url(iconWakeSmall.png) no-repeat center;}
    .headerBox ul.actionIcons .sleep a { background:url(iconSleepSmall.png) no-repeat center;}
    .headerBox ul.actionIcons .public a { background:url(iconPublicSmall.png) no-repeat center}
    .headerBox ul.actionIcons .private a { background:url(iconPrivateSmall.png) no-repeat center}
    .headerBox ul.actionIcons .invite a { background:url(iconInviteSmall.png) no-repeat center}
    .headerBox ul.actionIcons .snapshot a { background:url(iconSnapshotSmall.png) no-repeat center}
    .headerBox ul.actionIcons .delete a { background:url(iconDeleteSmall.png) no-repeat center; margin:5px 0 0 10px;}
    
    /* label value */
    .header .labelValue {width:auto; float:left}
    .labelValue label, .labelValue .value{padding:1px 5px 1px 0; float:left; clear:none}
    .header .labelValue .value {padding:1px 25px 1px 0; font-weight:bold}
    .header div, .header ul, .header li, form, fieldset, .labelValue .valueGroup {float:left; position:relative; display:block; list-style:none; margin:0; padding:0; border:none; z-index:10; clear:none}
    ul.accessInfo {clear:both; width:100%;}
    form, fieldset {clear:both; float:none;}
    a {text-decoration:none; color:#c60; background: url(dottedLine.png) repeat-x bottom;_background: url(dottedLine.gif) repeat-x bottom}
    a:hover { background:#efe; color:#093;}
    label {color:#000;}
    .value {color:#000;}
    .windowBody .settingGroup {padding:10px 15px; float:none; clear:both;}
    /*.settingGroup .labelValue {float:left}*/
    .labelValue .inputGroup { float:left; clear:none}
    html .sectionAreas .propertyBoxGroup .labelValue {padding:0 0 2px 0; width:100%; clear:both;}
    html .sectionAreas .propertyBoxGroup label {width:100px; color:#999; text-align:right; padding-right:10px}
    html .sectionAreas .propertyBoxGroup .inputGroup { font-weight:bold; width:auto; clear:none; float:none; }
    html .sectionAreas .propertyBoxGroup .inputGroup .btn { margin-left: 10px; padding:0px 5px 0px;}


    /* tabs */
    #round .sb-inner { background:#fff; }
    #round_top{padding:0px; padding-bottom:0; z-index:99}
    
    .sectionAreas { }
    .tabBox ul, .tabBox li { display:block; float:left; list-style:none; margin:0; padding:0}
    .tabBox{  border-bottom:2px solid #69c; border-top:1px solid #d3e1f0; clear:both; width:100%; float:right; background: repeat-x center url(blueToolbar.png); padding:0 0 0 } /*background:#f3f3f3 url(stripes_home.gif) 0 -40px repeat-x;*/
    ul.tabs { padding:2px 25px; clear:both; margin-bottom:-2px;}
    ul.tabs.compact{ padding:2px 15px}
    ul.tabs a {padding:5px 10px; margin:2px 7px 0 2px; display:block; font-weight:bold; color:#024; background:none}
    .roudedBox ul.tabs a {padding:2px 10px; margin:2px 5px 0 0; display:block; font-weight:bold;}
    ul.tabs li.slct { margin:-2px;}
    ul.tabs li.slct a { border:2px solid #69c; border-bottom:none;  background:#fff; margin:0 3px 0 0;  padding:5px 10px 7px 10px; position:relative;  top:2px}
    html ul.tabs li a:hover { border:2px solid #69c; border-bottom:none;  background:#fff; margin:0 5px 0 0;
        -moz-opacity:0.67;  -khtml-opacity: 0.67; opacity: 0.67; *background:#def}  
    ul.tabs li.slct a:hover  { border:2px solid #69c; border-bottom:none;  background:#fff; margin:0 3px 0 0;  padding:5px 10px 7px 10px; position:relative;  top:2px}
    
    .roudedBox ul.tabs li.slct a {border-width:1px;}
    #round .frameBox .tabSubBox { position:static; height:1.4em; padding:10px; margin:2px}
    #round .frameBox .tabSubBox .tabBox{position:absolute; left:0px; top:0px; padding:3px 0 0 0; background:#f3f3f3 url(silverToolbarBg.gif) center repeat-x; border-bottom:2px solid #aaa; clear:both; width:100%; float:left; margin:0; }
    
    #changeForm { padding:10px 20px; background:url(goldBg.jpg) repeat-x;}
    #changeForm p{ margin:0;}
    
    .sectionAreas .frameBox {padding:20px 0px 30px 20px; margin:0;}
    .sectionAreas .frameBox .frameBox { padding:0;}
    .sectionAreas .groupPannels { float:left; width:490px;}
    .sectionAreas .groupPannels .doubleWide { float:left; clear:both}
    .appsData .sectionAreas .frameBox {padding:0; margin:0; width:100%; clear:both}
    .sectionAreas form.fancyFrm { float:none; margin:-15px 0 0 0; border:none; padding:0; width:auto; float:none}
    .sectionAreas form.fancyFrm, .sectionAreas form.fancyFrm .frm, .sectionAreas form.fancyFrm .frmTitleBox, .sectionAreas .feildsetTitleBox {width:auto;}
    .sectionAreas form.fancyFrm .feildsetTitleBox { margin:0; padding:0; background:none; border:none; font-weight:bold;}
    .sectionAreas form.fancyFrm h3, .sectionAreas legend  { font-size:120%; margin:0; padding:15px 0 5px 0; float:none; display:block; clear:both; font-weight:bold}
    .sectionAreas legend { display:none}
    .sectionAreas .labelValue {padding:5px 0 2px 0;}
    .sectionAreas .labelValue label{color:#000;}
    .sectionAreas fieldset { clear:both; position:relative; padding:5px 0 0 0; background:url(leftBlue.png) }
    .sectionAreas .windowFooter fieldset { padding:0}

    .sectionAreas .poolSizeBox .half fieldset{ width:260px; }
    .sectionAreas .poolSizeBox .half .dividerBox {width:356px;}
    .sectionAreas .poolSizeBox fieldset.general { background:none; padding:10px;}
    .sectionAreas .poolSizeBox fieldset.general .labelValue.chk { padding:0px 10px 0px 25px; margin:0 0 5px 0; float:left; clear:both; position:relative; width:300px}
    .sectionAreas .poolSizeBox fieldset.general .labelValue label { width:auto; position:relative; font-weight: bold;}
    .sectionAreas .poolSizeBox fieldset.general .labelValue label .note { width:auto; position:relative; font-weight: normal;}
    .sectionAreas .poolSizeBox fieldset.general .labelValue.chk .inputGroup { clear:both; margin:5px 0 0 0; width:100%; float:left;}
    .sectionAreas .poolSizeBox fieldset.general .labelValue.chk input.txt { width:175px;}
    .sectionAreas .poolSizeBox fieldset.general .labelValue.chk input.chk { position:absolute; left:0px; top:0px; width:auto}
    .sectionAreas .poolSizeBox fieldset.privacy #securityModeToggle button { border: none; height: 26px; width: 28px;}
    .sectionAreas .poolSizeBox fieldset.privacy.private #privateBox, .sectionAreas .poolSizeBox fieldset.privacy.public #publicBox {display:block;}
    /*.sectionAreas .poolSizeBox fieldset.privacy .option {display:none;}*/
    .sectionAreas .poolSizeBox fieldset.privacy #securityModeToggle button { display:block; width:28px; margin:0; height:26px; float:left; text-indent:-99em; overflow:hidden; background:none}
    .sectionAreas .poolSizeBox fieldset.privacy #securityModeToggle .toggle { background:#666; float:left; clear:both;  border:3px double #ccc; }
    .sectionAreas .poolSizeBox fieldset.privacy #securityModeToggle.public button.public { background:url(iconPublicSmall.png) no-repeat center top;}
    .sectionAreas .poolSizeBox fieldset.privacy #securityModeToggle.private button.private { background:url(iconPrivateSmall.png) no-repeat center top;}
    .sectionAreas .poolSizeBox fieldset.privacy #securityModeToggle.public button.private {background:url(iconPrivateSmall_off.png) no-repeat center top;}
    .sectionAreas .poolSizeBox fieldset.privacy #securityModeToggle.private button.public {background:url(iconPublicSmall_off.png) no-repeat center top;}
    .sectionAreas .poolSizeBox fieldset.privacy #securityModeToggle.public button.private:hover { background:url(iconPrivateSmall.png) no-repeat center top;
    filter:alpha (opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75;; opacity: 0.75;}
    .sectionAreas .poolSizeBox fieldset.privacy #securityModeToggle.private .public:hover { background:url(iconPublicSmall.png) no-repeat center top;
    filter:alpha (opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75;; opacity: 0.75;}
    .sectionAreas .poolSizeBox fieldset.privacy .labelValue.toggle { width:100%; clear:both; padding:0; }
    .sectionAreas .poolSizeBox fieldset.privacy .labelValue.toggle label { padding:10px 0; width:290px; font-weight:bold}
    .sectionAreas .poolSizeBox fieldset.privacy .labelValue.toggle .inputGroup { position:absolute; right:0; top:0; float:none;}
    .sectionAreas .poolSizeBox fieldset.privacy {padding-left:80px;}
    .sectionAreas .poolSizeBox fieldset.privacy .icn { position:absolute; top:-13px; left:-85px; height:80px; width:90px; background:url(iconPrivate_48.png) no-repeat center;
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/iconPrivate_48.png'); _background:none;_left:-80px;}

    html .sectionAreas .poolSizeBox fieldset.privacy .labelValue.toggle label {}
    html #securityModeToggle {_width:56px;}
    
    .sectionAreas .poolSizeBox fieldset.privacy.public .icn{ background:url(iconPublic_48.png) no-repeat center;
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/iconPublic_48.png'); _background:none;}
    .sectionAreas .poolSizeBox fieldset.privacy p { margin:0px 0 10px 0;}
    
    .sectionAreas #appPool .pool label.icn {height:42px; width:100%; margin:0; position:relative; display:block;
        background:url(sharedPool.gif) no-repeat bottom;}
    .sectionAreas #appPool  a.private label.icn {background:url(dedicatedPool.gif) no-repeat bottom;}
    .sectionAreas #appPool  a.dedicated label.icn {background:url(1xServer.gif) no-repeat bottom;}
    .sectionAreas #appPool  a.dedicated2x label.icn {background:url(2xServer.gif) no-repeat bottom;}
    .sectionAreas #appPool  a.dedicated3x label.icn {background:url(3xServer.gif) no-repeat bottom;}
    .sectionAreas #appPool.clisterSize a.server1 label.icn {background:url(server1.gif) no-repeat bottom;}
    .sectionAreas #appPool.clisterSize a.server2 label.icn {background:url(server2.gif) no-repeat bottom;}
    .sectionAreas #appPool.clisterSize a.server3 label.icn {background:url(server3.gif) no-repeat bottom;}
    .sectionAreas #appPool.clisterSize a.server4 label.icn {background:url(server4.gif) no-repeat bottom;}
    .sectionAreas #appPool.clisterSize a.server5 label.icn {background:url(server5.gif) no-repeat bottom;}
    .sectionAreas .scaleBox { border-top:1px solid #abc; border-bottom:1px solid #abc; z-index:2; clear:both; float:left; bottom:0; left:0; margin:5px 0 0 0;  padding:5px 0; position:relative; width:100%; border:none}
    .sectionAreas .scaleBox div { display:none;}
    .sectionAreas #appPool .scaleBox .pool { z-index:2; font-weight:bold; width:auto; float:none; text-align:left; position:relative; left:0;  padding:0 10px;}
    .sectionAreas #appPool .scaleBox .pool.performance { right:0; left:auto; position:absolute; top:5px}
    
    .sectionAreas .objectTree, .sectionAreas .objectTree li { margin:0; padding:0; list-style:none; display:block; float:left; clear:none; }
    .sectionAreas ul.objectTree li.category { background:#FFFFFF url(goldBg2.jpg) repeat-x center 20px; float:left; clear:both; width:100%}
    .sectionAreas ul.objectTree li.dbs {border-top:1px solid #bcd;}
    .sectionAreas ul.objectTree { width:100%; clear:both;}
    .sectionAreas ul.objectTree .objectList li{ width:auto; clear:none;  }
    .sectionAreas ul.objectTree .objectList li a:hover{ background:#fff; border:1px solid #fec; margin:4px;
        -moz-opacity:1; -khtml-opacity: 1; opacity: 1;_background:#fff url(iconApp_48.gif) no-repeat center 5px;}
    .sectionAreas ul.objectTree .objectList li.db a:hover {_background:#fff url(iconDb_48.gif) no-repeat center 5px;}
    .sectionAreas ul.objectTree .objectList li a:hover span {background:none;}
    .sectionAreas ul.objectTree .objectList li a .icon {width:100%; height:85px; top:0; left:0; position:absolute; _display:none; }
    .sectionAreas ul.objectTree .objectList li a {width:120px; position:relative; padding:78px 0px 0 0px; margin:5px; overflow:hidden; _background:url(iconApp_48.gif) no-repeat center 5px; 
        -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75;}
    .sectionAreas ul.objectTree .objectList li.db a { _background:url(iconDb_48.gif) no-repeat center 5px; }
    .sectionAreas ul.objectTree .objectList li a span{text-align:center; width:100%;}
    .sectionAreas ul.objectTree .objectList li a .title {font-weight:bold; }
    .sectionAreas ul.objectTree .objectList li a .type {height:2.8em}
    .sectionAreas .btnGroup {border-top:1px solid #ccc; float:right; text-align:right; margin:0; width:100%; background:url(leftBlue.png) repeat-x;  border-bottom:2px solid #9ab }
    .sectionAreas .btnGroup .btn { margin:5px;}
    .sectionAreas .windowFooter, .sectionAreas .windowFooter .btnGroup, .sectionAreas .windowFooter fieldset { float:right; width:100%; padding:0; clear:both; background:#F8FAFC url(glassHeader.gif) repeat-x scroll center top}
    .sectionAreas .windowFooter fieldset .btnGroup { padding:10px 10px 12px 10px; width:auto; border-top:1px solid #9ab;}
    .sectionAreas .members div.btnGroup { margin:0; background:none; border:none}
    .sectionAreas .members fieldset { padding:0;}
    .sectionAreas .sleep .infoBox { border-top:1px solid #ccc; padding:5px 10px 0 10px; margin:5px 0 0 0; float:left; clear:both; width:auto}
    .sectionAreas .sleep .infoBox p { margin:0; padding:5px 0 10px 0;}
    .sectionAreas .radio .labelValue { position:relative; float:left; padding:0 0 5px 30px;}
    .sectionAreas .radio .labelValue input.txt, .sectionAreas .radio .labelValue label { float:left; clear:none}
    .sectionAreas .radio .labelValue input.hours {width:20px; margin:-3px 5px 0 0;}
    .sectionAreas .radio .labelValue input.chk { position:absolute; left:5px; float:none}
    
    .mainPage { padding-bottom:50px; overflow:hidden; background:#fff; z-index:30;}
    #mainBox .homeBox{ background:#ccc url(stripes_main.gif); width:100%; position:relative; color:#555;}
    #mainBox .homeBox .homeStackBox { width:600px; height:600px; background:url(homeStack.png) no-repeat center; top:15px; margin:0 0 0 -340px; left:50%; position:relative; padding:21px 49px 55px 27px}
    #mainBox .homeBox .homeStackBox .homeStack {}
    #mainBox .homeBox .welcomeBox {background:url(homeTop.gif) no-repeat; width:586px; margin:2px 5px;}
    #mainBox .homeBox .welcomeBox h1 { font-size:190%; margin:0; padding:65px 30px 25px 30px; border-bottom:2px solid #666; color:#000}
    #mainBox .homeBox .homeBodyBox { padding:20px 30px;}
    #mainBox .homeBox h5 { font-size:125%; margin:0; padding:10px 0 2px 0; color:#000;}
    #mainBox .homeBox p { margin:0 0 5px 0;}
    #mainBox .homeBox .img { float:right; background:url(wrench.png) no-repeat; width:340px; height:311px; position:absolute; bottom:-50px;; right:-50px;}
    #mainBox .homeBox ul, #mainBox .homeBox li { float:left; margin:0; padding:0; clear:both; width:100%;}
    #mainBox .homeBox ul { padding:2px 0 15px 0;}
    #mainBox .homeBox ul.comingSoon { color:#888; border-top: 1px solid #ccc; margin:5px 0 0 0; padding:5px 0 0 0;}
    #mainBox .homeBox li { clear:none; width:auto; margin:0 20px; width:230px; list-style:disc; display:list-item}
    #mainBox .homeBox ul ul li { list-style:circle; display:list-item}
    #mainBox .homeBox .soon { font-size:90%; color:#aaa; white-space:nowrap}
    #mainBox .homeBox .zero {width:330px}
    
    #mainBox .sectionAreasBox {margin:0; border-top:1px solid #bce;}

    .groupVertical{float:left; clear:none; margin:0 5px 0 0 }
    .operations .groupVertical { margin:0 15px 0 0 }
    .groupVertical.narrow {width:230px;}
    
    .roudedBox.dlSource  {float:right; z-index:20; margin-top:-30px; right:-15px;}
    .roudedBox.dlSource a{ z-index:20}
    .roudedBox.dlSource h3{ padding:7px 10px; font-size:110%}
    .roudedBox.dlSource .blogBody { padding:5px 10px 10px 10px;}
    .roudedBox.dlSource .blogArticleBox { background:#fff; border-top:none;}
    .roudedBox.nested .blogBody ul li { padding-bottom:5px;}
    
    body div.trippleWide .roudedBox.dlSource .rounded { width:auto;}
    
    button.btn, input.btn, a.btn, a span, a div {cursor:pointer;}
    
    #mainBox, .mainPage, .sectionAreas  { float:right; clear:both; width:782px;}
    #mainBox, .mainPage { position:absolute; top:0; _width:782px}
    #outer.overview .headerBox {_width:782px}
    .sectionAreas .frameBox { float:left; left:0; width:auto}
    .appsNdataBox {width:100%; clear:both}
    
        /*width*/
    .powerButtons {position:relative; float:left; clear:both; width:100%}
    .powerButtons div.dbBox{position:absolute; right:0; bottom:0; float:none}
    html.app #middle {_width:1000px;}
    html.app #inner {_width:1010px;} 
    html.app #middle .centerFrame { _left:0px; _width:1000px; overflow:;}
    #mainBox .sectionAreasBox, .sectionAreas, #round_top {_width:795px; clear:both;  }
    #sidebarBox {height:1200px; position:relative;}
    .groupVertical.narrow {_width:250px; _overflow:hidden; _left:-10px; position:relative;}
    .operations .groupVertical {_margin:0;}
    .operations .groupVertical.narrow {_margin:0;_width:240px;}
    
    #footer {background: padding:0px 0 0px 50px; text-align:left; position:relative; width:1000px; margin:10px auto 0 auto; color:#9ab} /*#eee url(hshadow.png) repeat-x;*/
    #footer span {display:block; float:left; padding-bottom:5px}
    #footer span.copy {float:right;}
    #footer a {color:#bcd; background:none}
    #footer a:hover {color:#fff; text-decoration:underline}
    html.app body #outer #middle, html.app body #outer #middle #inner, html.app body #inner div.centerFrame  { overflow:visible}

    
    /* styles for disabled configuration settings */
    .disabledConfig { filter:alpha (opacity=50); -moz-opacity:0.50;  -khtml-opacity: 0.50; opacity: 0.50; font-weight: normal;} 
    .sectionAreas #appPool a.disabledConfig:hover{background: none;}

    
    h3 { font-size: 13px; margin: 13px 0 13px 0; padding: 0px;}
    h4 { font-size: 11px; margin: 13px 0 13px 0; padding: 0px;}
    code { font-family: monospace; font-size: 11px; font-weight: bold; color: green; }
    
    a#createAppButton{
        background: transparent url('/styles/createAppButton.gif') no-repeat top;
    }
    a#createAppButton:hover{
        background: transparent url('/styles/createAppButton.gif') no-repeat bottom;
    }
    #createAppButton {
        display:block;
        height:49px;
        width:227px;        
    }    

    .errorDialog h2 { font-size: 16px; }
    .modalRoundedBox div.messageBox div .errorDialog{
        height: 200px;   
    }
    
    .modalRoundedBox div.messageBox div #errorDetails {overflow: auto;}
    .modalRoundedBox div.messageBox div #errorDetails div
    {
        height: 150px;
        width: 275px;        
    }

    fieldset .description {
        color:#666666;
        font-size:100%;        
    }
    .inputGroup { margin-bottom: 5px; }

div.gwt-Hyperlink { clear: none; position:inherit; }
#appsNdataSidebar table { width: 100%; }


.gwt-DialogOverlay{
    z-index: 998; 
    position: fixed;
    top: 0px;
    left: 0px;
}
.gwt-DialogBox {  z-index: 999; }
#stax-LoginDialog div { float:left; }
 
.gwt-DialogBox .loginPanel {
    background:transparent url(/styles/staxNetworkLogin.png) no-repeat scroll center center;
    border: none;
    height:394px;
    width:567px;
}

#stax-LoginDialog .innerDialogContent { width: 300px; }
#stax-LoginDialog .innerDialogContent .progressWidget { width: 100%; }
#stax-LoginDialog .innerDialogContent .progressWidget div { float: none; }
#stax-LoginDialog a { background: none; }\
#stax-LoginDialog .signinTips { margin: 10px 0px; } 
#stax-LoginDialog .signinTips p { margin: 0px; }
.gwt-DialogBox .innerDialogContent .progressText { margin: 0 0 3px 0; }
.gwt-DialogBox .innerDialogContent .progressBar { width:100%;  border:1px solid #20a57f; height:8px; overflow:hidden; background:url(waitingBar.gif) repeat-x left;}
.gwt-DialogBox .innerDialogContent
{
    margin: 150px 0px 0px 205px;
}
.mainLogin-DialogOverlay, .secondaryLogin-DialogOverlay
{
    background:#354D6A url(/styles/loginBg.jpg) repeat-x scroll center top;
}
.secondaryLogin-DialogOverlay
{
    opacity: .7;
    filter:alpha(opacity=70);
}

.gwt-DialogBox .signupPanel p { margin: 5px 0px 5px 0px;  }
.gwt-DialogBox .signupPanel h2 { margin: 10px 0px 10px 0px;  }

.gwt-DialogBox .signupPanel .innerDialogContent
{
    margin: 48px 50px 0px 205px;
}


.gwt-DialogBox .signupPanel #signupError
{
    /*width: 117px;
    height: 140px;
    position: absolute;
    top: 190px;
    left: 60px;*/
    
    width:  100%;
    
}

.gwt-DialogBox .signupPanel {
    background:transparent url(/styles/staxNetworkSignUp.png) no-repeat scroll center center;
    height:364px;
    width:567px;
}

.gwt-DialogBox .createAccountPanel {
    background:transparent url(/styles/staxNetworkCreateAccount.png) no-repeat scroll center center;
    height:445px;
    width:567px;
}
.gwt-DialogBox .signupPanel .innerDialogContent
{
    margin: 40px 50px 0px 205px;
}


#signupError div {
    /*color:gray;*/
    display:block;
    font-weight: bold;
    font-size: 12px;
    padding:0 0 5px;
    /*text-align:right;*/
    float: none;
    background:transparent url(/styles/iconError_32.png) no-repeat 0 2px;
    height: 60px;
    padding: 0px 0px 0px 30px;
}
#signupError .message { display: none; } 
#signupError .error1 { display: block; }

#signupError div span {
    display:block;
    font-size:90%;
    font-weight:normal;
    margin-top:-4px;
}

.default-DialogOverlay
{
    background-color:black;
    opacity: .7;
    filter:alpha(opacity=70);
}

.loading-DialogOverlay
{
    background-color:black;
    opacity: .1;
    filter:alpha(opacity=10);
    margin-left: 200px;
}

.loading-workspace #loadingOverlay {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}
.workspace-loading { position: absolute; z-index: 1000; margin: 10px 5px 10px 235px; width: 100%; height: 100%;}
.workspace-loading .content {
 width: 780px;
 height: 100%;
 position: absolute;
 background-color:white;
 opacity: .15;
 filter:alpha(opacity=15);
 display: block;
 /*margin: auto;*/
}

.workspace-loading .icon{
  height: 600px; width: 780px;
  background:url(ajax-loader.gif) no-repeat center; 
}

.validState .exceptionText { display: none; }
.validState .description { display: inherit; }
.errorState .exceptionText { display: inherit; padding: 0px;}
.errorState .exceptionText .secondaryError{ display: none; }
.errorState .description { display: none; }

.labelValue .exceptionText { color: red; font-weight: bold; }
.labelValue .exceptionText ul { margin:0px; padding:0px; }
.labelValue .exceptionText li { list-style: none; margin: 0px; padding: 0px; }
/*.labelValue .exceptionText li.secondaryError { display: none; }*/


.progressWidget { margin-top: 10px;}
#messageBox .progressDivBox { border:1px solid #ccc; background:#c4c4c4 url(troth.gif) repeat-x center; padding:2px; width:auto; margin:5px 0 0 0;  }
#messageBox .progressDiv { width:100%; overflow:hidden;}
#messageBox .progressBar { width:100%;  border:1px solid #20a57f; height:5px; overflow:hidden; background:url(waitingBar.gif) repeat-x left;}
.stax-progress-dialog .illBox .illType { background:url(stopwatch.png) no-repeat center; height:160px; top:150px;}


.loginContent .lblUsername, .loginContent .lblPassword, .loginContent .lblPassword2, .loginContent .lblEmail
{
    clear:both;
    color:#000000;
    display:block;
    font-size:90%;
    margin:0;
    padding:5px 0 2px;
    position:relative;
    top:auto;
    font-weight:bold;
}

.loginContent .txtUsername, .loginContent .txtPassword, .loginContent .txtPassword2, .loginContent .txtEmail
{  
    background:#FAFAFA url(/styles/inputBg.gif) repeat-x scroll 0 0;
    font-weight:normal;
    margin-right:10px;
    padding:5px;
    width:195px;
    border:3px double #CCCCCC;
    font-size:100%;
}

.loginContent .btnLogin button, .signupPanel button
{
    background:transparent url(/styles/btnGold.gif) repeat-x scroll center center;
    border:3px double #CCCCCC;
    font-weight:bold;
    padding:4px 10px 4px 10px;
    font-size:100%;
}

.loginContent .error
{
    color: red;
    font-weight: bold;
    margin: 10px 0px 0px 0px;
}

.loginContent #waitlist div.gwt-Hyperlink
{
    display: inline;
    float: none;
}

body #loadingOverlay { display: none; }
body.loading #loadingOverlay { background:#354D6A url(/styles/loginBg.jpg) repeat-x scroll center top;
 z-index: 1000; position: absolute; top:0; left: 0; width: 100%; height: 100%;
 display: block;
}
body.loading .outer { display: none; }


.roudedBox { width: 100%; }
#primaryFrameBox {
    width:782px;
    padding:0px;
}

.resourceContentPane{
    padding:20px 0px 30px 20px;
}

#primaryFrameBox .roudedBox .windowTitleBox h3
{
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #8899AA;
    margin: 0;
}

#primaryFrameBox .layoutPanel
{
    width: 100%;
}

#primaryFrameBox .roudedBox .btnGroup
{
    background:transparent url(leftBlue.png) repeat;
}

.roudedBox .btnGroup{
    border: 0px;
}

.roudedBox .gridBox table
{
    border:0px;
}


.weblayout-cell { vertical-align: top; padding-right: 20px;}
.weblayout-cell .roudedBox
{
    border-color:#CCDDEE #CCDDEE #8899AA #CCDDEE;
    border-style:solid;
    border-width:1px;
    padding: 0px;
    margin: 0px 0px 20px 0px;
    float: none;
    width: 100%;
}
.weblayout-cell-left1, .weblayout-cell-left2, .weblayout-cell-right1, .weblayout-cell-right2{
   width: 15%;
}
.equal-column .weblayout-cell-center .equal-column .weblayout-cell-left1, .equal-column .weblayout-cell-left2, .equal-column weblayout-cell-right1, .equal-column .weblayout-cell-right2{
   width: 100%;
}
.two-column .weblayout-cell-center{
   width: 66%;
}
.two-column .weblayout-cell-left1, .two-column .weblayout-cell-left2, .two-column td.weblayout-cell-right1, .two-column .weblayout-cell-right2{
   width: 33%;
}

.app-config-layout .weblayout-cell
{
    padding: 0px;
}
.app-config-layout .weblayout-cell-left1, .app-config-layout .weblayout-cell-right1{
   width: 50%;
}

.app-config-layout .weblayout-cell-left1
{
    border-right:1px solid #AABBCC;
}

.chart {
    height: 240px;
    width: 100%;
}

#viewingToolbar {
    font-weight:bold;
    height:28px;
    padding:8px 0 0 5px;
    position:absolute;
    right:18px;
    top:0;
    z-index:2;
}

#viewingToolbar span {
    padding-right: 5px;
}

#viewingToolbar select {
    font-size:14px;
    margin:0 0 0 3px;
}



.break { clear:both; }