/* stax-features widget */
#stax-features .name {
    font-size: 12px;
    font-weight: bold;
}
.feature, .feature-option { margin: 5px; }
.feature {margin: 10px 0px 10px 0px;}
.feature-option-group { width: 100%; }
.feature-option-group-footer { clear: both; }
.feature-option { clear: both; }
.feature-option .widget { float: left; }
.feature-option .label { width: 200px; float: left; }
.feature-option .price { float: left; }
/* end stax-features widget */

/* db-cribsheet widget */
#db-cribsheet .gwt-HTML {
    overflow: scroll;
    height: 500px;
    width: 740px;
}
#db-cribsheet .box
{
    margin: 15px 10px 10px 15px;
}
/* end db-cribsheet widget */

/* appconfig widget */
#appconfig .serverConfigOptions select { font-size: 14px; }
#appconfig .serverConfig .weblayout-cell-left1 { background: #C4D7EC; width: 140px; }
#appconfig .serverConfig .weblayout-cell-center { background: #EBF1F7; width: 602px; }
#appconfig #appPool { padding: 5px 0px 5px 0px;}
#appconfig #appPool a { display:block; }
#appconfig #appPool .pool{ width:130px; margin:1px 5px; padding:0 ; position:absolute; right:0; clear:none; text-align:center; position:relative; z-index:20; float:none; background:none } 
#appconfig #appPool a:hover{background: url(mediumIconGlow.png) no-repeat center;}
#appconfig #appPool .pool .box { padding:3px 0; display:block; clear:both; cursor:pointer}
#appconfig #appPool .pool.slct{ margin:0 4px; border:1px solid #fff; background:url(largeIconGlow.png) center}
#appconfig #appPool .pool.slct .pointer { position:absolute; width:13px; margin:0 59px; height:30px; display:block; z-index:99; bottom:-22px; background: url(pointerDown.png) no-repeat center; display:none}
#appconfig #appPool .pool.slct .box{  background:url(glowVertical.png); }
#appconfig #appPool .pool input { display:none; position:relative; clear:both; position:relative; float:none; margin:0 0 0 0px; padding:0;}
#appconfig #appPool .pool label { position:relative; width:100%; text-align:center; color:#333; padding:0; margin:0; float:none; clear:both; padding:5px 0 ; display:block;  cursor:pointer}
#appconfig .sectionAreas fieldset#appPool.clisterSize .pool label.lbl {height:auto;}
#appconfig #appPool .pool label.info { font-size:90%; color:#666; margin:0px; text-align:center; width:auto; height:2.8em; padding:0;}
#appconfig #appPool .pool label.lbl { color:#000; font-weight:bold;}
#appconfig #changeForm button
{
    position:absolute;
    right:15px;
    top:4px;
}
#appconfig #changeForm .message
{
    margin-right: 200px;
}
#appconfig #hostnameInput {
     font-size:120%;
     height:50px;
     overflow:auto;
     width:320px;
}
#appconfig .sectionAreas #general p {
     margin:0 0 5px 0;
}
#appconfig .serverOption { margin: 10px; }
#appconfig .serverOptionIcon { float:left; height: 48px; width: 48px; border: 1px solid #95B7D7; display: block; margin-top: 2px; display: none;}
#appconfig .serverOptionLabel { display:block; font-size: 14px; font-weight: bold; color:#000;}
#appconfig .serverOptionInfo { display:block; color:#666; margin: 1px 0px 5px 0px; }
#appconfig .serverOptionContent { margin-left: 10px; }
#appconfig .cluster-1 .serverOptionIcon { border: none; background: url(server1.gif) no-repeat bottom; }
#appconfig .cluster-2 .serverOptionIcon { border: none; background: url(server2.gif) no-repeat bottom; }
#appconfig .cluster-3 .serverOptionIcon { border: none; background: url(server3.gif) no-repeat bottom; }
#appconfig .cluster-4 .serverOptionIcon { border: none; background: url(server4.gif) no-repeat bottom; }
#appconfig .cluster-5 .serverOptionIcon { border: none; background: url(server5.gif) no-repeat bottom; }
#appconfig .cluster-N .serverOptionIcon { border: none; background: url(server5.gif) no-repeat bottom; }
#appconfig .serverTypeOption { margin: 0px 0px 5px 0px; }
#appconfig .serverTypeOption .label { font-size: 12px; font-weight: bold; }
#appconfig .serverTypeOption .info { display: block; margin-left: 21px;}
/* end appconfig widget */

.darkBox .windowBody {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(leftBlue.png) repeat scroll 0 0;
    clear:both;
    padding: 10px;
    position:relative;
}

.darkBox .formPanel .gwt-TextBox, .darkBox .formPanel .gwt-PasswordTextBox { border: 1px double #8899AA; }
.formPanel .gwt-TextBox, .formPanel .gwt-PasswordTextBox { width: 225px; border: 3px double #CCCCCC; font-size: 12px;}
.formPanel .labelValue { display: block; font-weight: bold;}
.formPanel .labelValue label { float: none; }
.formPanel .labelValue .inputGroup { float: none; }
.formPanel .formPanelButtons { text-align: right;}
.formPanel .formPanelButtons button { margin-left: 5px; }

.formPanel button { 
    border:3px double #0099CC; 
    font-size:105%; 
    font-weight:bold; 
    padding:1px 10px 3px; 
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(blueToolbar.png) repeat-x scroll center center;
}



#newrelic-AppOption { margin: 10px; }
#newrelic-AppOption .icon { background: url(new_relic_rpm.gif) no-repeat; width: 50px; height: 42px; margin: 0px 10px 40px 0px; border:none; float: left; }
#newrelic-AppOption .gwt-CheckBox { margin-top: 15px; }
#newrelic-AppOption .gwt-CheckBox label { font-weight: bold; }
#newrelic-AppOption .gwt-CheckBox { margin: 10px 0px 0px 0px; display:block; }
#newrelic-AppOption .learnMore { margin: 0px 0px 0px 0px; float: right; }

#newRelic-CreateAccountWizard {
    
}


.stax-dialog { background-color: white; }
.stax-dialog table td { vertical-align: top; }
.stax-dialog button
{
    margin:3px;
    cursor:pointer;
    border:3px double #0099CC;
    font-size:105%;
    font-weight:bold;
    padding:1px 10px 3px;
    background:transparent url(blueToolbar.png) repeat-x scroll center center;
}
.stax-dialog h1 { color:#000; margin:0; font-size:167%; padding:0 0 5px 0}
.stax-dialog .dialog-error { border: 1px solid red; background-color:#FFEBEC; padding: 5px 10px 5px 10px; }
.stax-dialog .dialog-error ul { margin: 0px; padding: 0px 0px 0px 10px; list-style-type:square; }
.stax-dialog .wizard-dialog-panel-center .buttons { float: right; padding: 25px 0px 10px 0px;}
.stax-dialog .wizard-dialog-panel-footer .buttonPanel { float:right; padding: 0px 0px 10px 0px;  }
.stax-dialog .wizard-dialog-panel button.cancel { background:url(silverToolbarBg.gif) center repeat-x; color:#666}
.stax-dialog .wizard-dialog-panel .helpPanel { float:none; clear: none; margin-left: 5px; }
.stax-dialog .wizard-dialog-panel button.help { background:url(help.gif) center top no-repeat; border: transparent; height:32px; width: 23px; }
.stax-dialog .wizard-dialog-panel wizard-dialog-panel-footer { display:block; }
.stax-dialog .wizard-dialog-panel .labelValue label { display:block; float: none;}
.stax-dialog .wizard-dialog-panel .labelValue .inputGroup { display:block; float: none;}
.stax-dialog .wizard-dialog-panel legend { display: none; }
.stax-dialog .wizard-dialog-panel input, .stax-dialog .wizard-dialog-panel textarea { border:3px double #CCCCCC; }
.stax-dialog .wizard-dialog-panel select { border:3px double #CCCCCC; }
.stax-dialog .wizard-dialog-panel-header {
    border-bottom: 1px solid #DDDDDD;
}
.stax-dialog .wizard-dialog-panel-cell-header {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#F8FAFC url(glassHeader.gif) repeat-x scroll center top;
    border-color:#CCDDEE #CCDDEE #8899AA;
    border-style:solid;
    border-width:1px;
    color:#003344;
    font-size:120%;
    margin:2px 0 0;
    padding:0px;
}
.stax-dialog .wizard-dialog-panel-header {
    background:transparent url(staxIcon.png) no-repeat scroll right -10px;
    padding: 15px 110px 10px 10px;
    margin: 0px 0px 0px 0px;
    min-height: 60px;
} 
.stax-dialog .wizard-dialog-panel-header h1 { font-size: 16px; }
.stax-dialog  .windowTitleBox { display: none; } 
.stax-dialog  .windowTitleBox a.btn { top: 4px; right: 4px; }
.stax-dialog  .roudedBox .windowTitleBox h3
{
    padding: 0px 5px 0px 10px;
    margin: 0px;
    font-size: 12px;
}
.stax-dialog div { float: none; }
.stax-dialog  .roudedBox { padding: 0px; margin: 0px; }
.stax-dialog  .roudedBox .windowBody { padding: 0px;}
.stax-dialog  .titleTools a.btnClose {
    background:transparent url(btnClose.png) no-repeat scroll center center;
    border:medium none;
    height:23px;
    width:10px;
}
.stax-dialog  .gwt-TextBox, .gwt-DialogBox .gwt-PasswordTextBox, .gwt-DialogBox .gwt-ListBox { font-size: 16px; }
.stax-dialog textarea { font-size: 12px; }
.stax-dialog  .gwt-TextBox, .gwt-DialogBox .gwt-PasswordTextBox, .gwt-DialogBox .gwt-ListBox, .gwt-DialogBox textarea { width: 250px; }
.stax-dialog .wizard-dialog-panel-cell-footer { border-top: 1px solid #DDDDDD; }
.stax-dialog .wizard-dialog-panel-footer { padding:10px 15px 10px 0;}
.stax-dialog .wizard-dialog-panel-cell-center { padding: 10px 30px 30px 30px; }
.stax-dialog  .labelValue label { font-size: 14px; color:#000000; padding: 5px 0px 5px 0px; }
.stax-dialog  .labelValue { margin: 0px 0px 10px 0px; }
.stax-dialog .progressBox .illBox .illType { background:url(stopwatch.png) no-repeat center; height:160px; top:150px;}
.stax-dialog  .progressDivBox { border:1px solid #ccc; background:#c4c4c4 url(troth.gif) repeat-x center; padding:2px; width:100%; float:none; margin:10px 0 50px 0;  }
.stax-dialog  .progressDiv { overflow:hidden;}
.stax-dialog .progressBar { width:100%;  border:1px solid #20a57f; height:5px; overflow:hidden; background:url(waitingBar.gif) repeat-x left;}
.stax-dialog .wizard-dialog-panel-cell { width: 325px; }
/*#newRelic-CreateAccountWizard .wizard-dialog-panel-center { height: 273px; }*/
#newRelicLicenseKey input { width: 400px; }
#wizard-invite-app textarea { height: 100px; }

#appLogs #viewingToolbar { padding:6px 0 0 5px; }
#appLogs textarea { width: 740px; height: 600px; }
.tabControlBar .btn { font-size: 12px; margin-bottom: 2px;}





#switchAccounts { z-index: 10000; background-color: white; padding: 10px 0 5px 0px; border: 1px solid #DDEEFF;}
.dropped, .dropped .menu { background-color: white; color:#002244; }
#switchAccounts ul { margin: 0px; padding: 0px; }
#switchAccounts a { display: block; padding: 0px; border: 0px; background: none; color:#002244; padding: 0px 10px 0px 10px; }
#switchAccounts a:hover, #switchAccounts .selected { border: 0px; background:#ACCBE8; }

#awsAppServers td { vertical-align: top; padding-top: 5px; }
#awsAppServers .serverLabel { font-size: 150%; }
#awsAppServers .serverCreatedLabel { color:#666666; }
#awsAppServers .textListBox ul, #awsAppServers .applist { margin: 0px; padding: 0px; }
#awsAppServers .textListBox li{ list-style: none; padding: 2px 5px 2px 5px;}
#awsAppServers .applist li { list-style: none; }

.gwt-PopupPanel { z-index: 10001; background-color: #E6D9B7; border: 1px solid #6A829E; padding: 5px; font-size: 12px; }

#awsAppServers .col0 { width: 75px; }
#awsAppServers .col1 { width: 200px; }
/*#awsAppServers .col2 { width: 200px; }*/

#features { padding-left:60px; }
#features .staxFeature {
    width: 300px;
    /*height: 200px;*/
}
#features .weblayout-cell { padding-right: 40px; }
#features .staxFeature h3 { font-size: 20px; font-family: Georgia,Times,sans-serif; color: #6699CC; }
#features .staxFeature h4 { font-size: 11px; margin: 0 5px 0 0; float: left;}
#features .staxFeature p { font-style: italic; font-size: 11px; color: #333333; margin: 0 0 5px 0;}
#features .priceBlock { clear:both; /*height: 60px;*/ margin-top: 20px; }
#features .staxFeature p.priceTitle { font-size: 16px; margin-right: 120px; }
#features .staxFeature p.priceDescription { margin-right: 120px; }
#features .staxFeature .price { clear: both; float: left; margin-right: 120px;  }
#features .staxFeature .unit {  }
#features .staxFeature .priceBlockBottom { clear: both; }
#features .staxFeature .buttons { float: right; }
#features .staxFeature button { display:block; width: 110px; margin: 0px 0px 8px 0px; 
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(blueToolbar.png) repeat-x scroll center center;
border:3px double #0099CC;
cursor:pointer; }

#logPanel .weblayout-cell { padding-right: 0px; }
.logContent { white-space: pre; overflow: auto; width: 780px;}
.logtable-scroll { height: 300px; width: 100%; }
.logtable td { vertical-align: top; }
.logtable .col-date { width: 120px; white-space: nowrap; overflow: hidden; height: 17px;}
.logtable .col-level { padding-left: 10px; width: 50px; white-space: nowrap; overflow: hidden; height: 17px; }
.logtable .logentry-message {  }
.logtable .selected td { border-top: 1px solid red; border-bottom: 1px solid red; background-color: orange; padding-top: 0px; padding-bottom: 0px;}
.logtable td { padding: 1px 0px 1px 0px; }
.logtable .logentry-details { display: none; }
.logtable .selected .logentry-details { display: block; white-space: normal; }

.logentry-details { margin: 10px; }
.logentry-details td { vertical-align: top; }
.logentry-details .detail-name { color: gray; text-align: right; width: 70px; }
.logentry-details .detail-value { width: 600px; }
.logentry-details .logentry-message { font-weight: bold; }

#logentryToolbar { height: 90px; background-color: #EEF4FA; }
#logentryToolbar .filterForm { height: 50px; }
#logentryToolbar .filterForm .labelValue { float: left; margin: 10px;}
#logentryToolbar .filterForm .filterButton {float: left; margin-top: 25px; }
#logentryToolbar .filterForm .gwt-TextBox { width: 200px; }
#logentryToolbar .filterForm label { float:none; }
#logentryToolbar .filterForm .inputGroup { float:none; }
#logentryToolbar .navTools { clear:both; position: relative; height: 30px; margin-top: 10px;}
#logentryToolbar .navTools .btnPrevious { position: absolute; left: 10px; }
#logentryToolbar .navTools .btnNext { position: absolute; right: 50px; }
#logentryToolbar .navTools .btnTail { position: absolute; right: 10px; }
#logentryToolbar .serverPriceBlock { display: block; }


#awsAppServerTasks .windowBody { margin: 0px 5px 10px 5px }
#awsAppServers .emptyPoolMessage { margin-bottom: 10px; }

.manageResourceTable.control-loading { height: 300px; }
.manageResourceTable { margin: 15px; }
.manageResourceTable table { border: 1px solid #EEEEEE; width: 100%;}
.manageResourceTable td {
  vertical-align: top; border-bottom:1px solid #DDDDDD;
  border-collapse:collapse;
  border-left:1px solid #EEEEEE;
  padding: 5px;
  font-size: 14px;
}
.manageResourceTable th { text-align: left; font-size: 14px;
  background:#F8FAFC url(glassHeader.gif) repeat-x scroll center top; padding-left: 5px;
  border-color: -moz-use-text-color -moz-use-text-color #8899AA;
  border-style:none none solid;
  border-width:medium medium 2px;
}
.manageResourceTable tr { height: 40px;  }
.manageResourceTable .col-title { width: 40%; height: 60px; font-weight: bold;position: relative;}
.manageResourceTable.app .col-pool  { width: 30%; font-size: 14px; }
.manageResourceTable.app .col-status { width:30%; font-size: 14px; }

.manageResourceTable.db .col-title { width:50%; }
.manageResourceTable.db .col-description { width:50%; }

.manageResourceTable .col-title a { margin-left: 5px; }
.manageResourceTable.app .col-title .icon {
  background:url(iconApp_48.png) no-repeat center;
  _background:url(iconApp_48.gif) no-repeat center;
  height: 55px; width:55px;
  float:left;
}
.manageResourceTable.db .col-title .icon {
  background:url(iconDb_48.png) no-repeat center;
  _background:url(iconDb_48.gif) no-repeat center;
  height: 55px; width:55px;
  float:left;
}
.manageResourceTable .col-title .inactive .state1 {
	display:block; height:28px; width:28px; 
	background:transparent url(iconSleepSmall.png) no-repeat;
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/iconSleepSmall.png');
        _background:none;
    position: absolute; bottom: -5px; left: 30px;
}

.manageResourceTable .col-title ul { padding: 5px 0px 5px 0px; margin: 0px; }
.manageResourceTable .col-title li { display: inline; font-size: 11px; }
.manageResourceTable .col-title li .actionItem { display: inline;  }
.weblayout .manageResourceTable { margin:0px; }

.control-loading {
	background:url(ajax-loader.gif) no-repeat center; 
	margin: auto;
}

.pageTitle .pulldown a {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background: transparent url(downArrow.gif) no-repeat scroll right 8px;
	color:#CC6600;
	text-decoration:none;
	padding-right: 12px
}

.pageTitle .pulldown.dropped a {
	background: white url(downArrow.gif) no-repeat scroll right 8px;
	border: 1px dotted #002244;
}

.appServerPoolEdit { margin: 0px 15px 15px 15px; }
.appServerPoolEdit .manageResourceTable { margin: 0px; }
.appServerPoolEdit .buttons { float: right; }
.appServerPoolEdit h2 { margin-right: 200px; }

.upgradePageContainer { color: #F8FFFF; margin-top: 10px;  }
.upgradePageContainer h1.pageTitle { margin-left: 15px; color: white; }
.upgradePageContainer .upgradePage, .upgradePageContainer h1.pageTitle { width: 840px; margin: 0px auto 0px auto; }
.upgradePageContainer .upgradePage #staxlabs .upgrade { background-color: #98B0CA; }
.upgradePageContainer .upgradePage #staxlabs .upgrade a { background: none; background-color: #354D6A; color: #F8FFFF; border:3px double #354D6A;}
.upgradePageContainer .upgradePage #staxlabs .upgrade a:hover { background-color: #EEFFEE; color: #000000; }
.upgradePageContainer .upgradePage p { font-size: 14px; }
.upgradePageContainer .upgradePage .upgrade p { font-size: 12px; }
.upgradePageContainer .upgrade { color: #000000; }
.upgradePageContainer .upgradePage .upgrade {  width: 375px; ; margin-right: 25px; padding: 10px; -moz-border-radius:7px 7px 7px 7px; -moz-box-shadow:0 0 5px #171C1E; background-color: #F8FFFF; height: 135px; }
.upgradePageContainer .upgradePage .upgrade {  }
.upgradePageContainer .upgradePage .upgrade h2 { margin-top: 0px; }

.mainPage .upgradePage { padding: 15px 5px 15px 15px; margin: 0px; }
.mainPage .upgradePage .mainDesc { font-size: 14px; }
.mainPage .upgradePage .upgrade p { font-size: 11px; margin-top: 2px; }
.mainPage .upgradePage .upgrade { border: 1px solid #8899AA; }
.mainPage .upgradePage .roudedBox { padding: 0px; }
.mainPage .upgradePage .windowBody { height: 125px; }
.mainPage .upgradePage .short .windowBody { height: 90px; }

.signup body { border: none; }
.upgradePage { margin: 15px 5px 15px 15px; }
.upgradePage #staxlabs { clear:both; display:none; }
.upgradePage h1 { clear:both; padding-top: 15px; }
.upgradePage .upgrade { width: 368px; float: left; margin: 10px 10px 10px 0px; }
.upgradePage .upgrade.even {  }
.upgradePage .details { display:none; }
.upgradePage .buttons { float: right; width: 100px; }
.upgradePage .buttons a { height: 14px; width: 65px; float: right; margin: 2px; text-align: center; color: #000000; }
.upgrade.router, .upgrade.support, .upgrade.logging, .upgrade.solr { clear:both; }
.upgradePage .priceBox { margin-right: 115px; }
.upgradePage .priceBox td { vertical-align: top; }
.upgradePage .priceBox .col1  { width: 125px; font-size: 14px; }
.upgradePage .price { font-size:14px; }
.upgradePage .offer, .upgradePage .note { display: block; font-style: italic; margin-left: 2px; }
.sitePage #navBar { background-color: #58718F; height: 75px; border-bottom: 1px solid #26364A; }
.sitePage #navBar ul { float: right; width: 500px; }
.sitePage #navBar li { display:inline; }


.awsActivationProgress { height: 50px; }

.sectionAreas .inputGroup .btn { float: right; padding: 2px; }
.windowBody .emptyMessage, .windowBody .messageBox { padding:10px 15px 10px; }
.emptyMessage, .messageBox { padding:0px 0px 10px; }

.upgradePage .support { display:none; }