/* LAYOUT */
#container:after, #header:after, #footer:after, #navbar:after, #main:after, #content:after 
	{content:".";display:block;height:0;clear:both;visibility:hidden; }
#container, #header, #footer, #main, #content, #navbar { zoom: 1; }

#container {position: relative; padding: 12px; }

#noscript-warning { background: #AA0000; color: #FFF; position: relative; left: 0; top: 0; width: 100%; z-index: 3000; text-align: center; font-weight: bold; font-size: 1.2em; padding: 5px 0; }

/* -----------------------------------------------------------------------
   ROUND BOX (The round box is used with the fixed width page)
 ---------------------------------------------------------------------- */
.roundbox { position: relative; width: 300px; background-repeat: repeat-y; background-position: left top; }
/* box top */
.roundbox .boxtop { background-repeat: no-repeat; background-position: left top; display: block; width: 100%; }
.roundbox .boxbody { padding: 10px; }
.roundbox .boxbottom { background-repeat: no-repeat; background-position: left bottom; display: block; width: 100%; height: 10px; }

/* -----------------------------------------------------------------------
   GRAY BACKGROUND PAGE
 ----------------------------------------------------------------------- */
body.gray-body { background: #495055; }

.gray-body #container { margin: 5% auto 0; padding: 0;}
.roundbox { width: 880px; background-image: url(/images/layout/roundbox-body-880.png); }
.roundbox .boxtop { background-image: url(/images/layout/roundbox-top-880.png); height: 15px; }
.roundbox .boxbody { padding: 20px 30px; }
.roundbox .boxbottom { background-image: url(/images/layout/roundbox-bottom-880.png); height: 24px; }
.etached { background: url(/images/layout/etach-line.png) repeat-x left bottom; margin: 0; padding: 0 0 5px; }
.roundbox .etached { padding: 0 20px 5px; }

/* LOGO TITLE CONTAINER */
.box-header-container { padding: 10px 14px 0px 8px; }
.box-header-container h1 { margin: 0; line-height: 48px; }
.big-logo { background: url(/images/big-logo.png) no-repeat left center; padding: 5px 0 0 90px; display: block; min-height: 48px; }

.gray-body .submits { margin: 1em -16px 0 -20px; padding: 10px 20px 0; border: none; background: url(/images/pages/etach-line.png) repeat-x left top; text-align: center; }

/* -----------------------------------------------------------------------
   SERVER SETUP PAGE
 ----------------------------------------------------------------------- */
#server-setup-page #container { margin: 20px auto; }
#server-setup-page table.properties {border:none;}
#server-setup-page table.properties td.name {border:none; background:none;}
#server-setup-page table.properties td.value {box-shadow:none; -moz-box-shadow:none;
	-webkit-box-shadow:none;}

.wizard-head { margin-bottom: 18px; }
.wizard-head h3 { float: left; font-size: 20px; color: #666; width: 68%;}
.wizard-head .steps-info { float: right; text-align: right; font-size: 20px; color: #888; width: 30%; }
.wizard-step .step-intro { font-size: 14px; color: #888; margin: 0 0 18px; }
.wizard-step .label { font-size: 13px; font-weight: bold; }
.wizard-step td.name { width: 10%; white-space: nowrap; }
.wizard-step td.value { width: 80%; }

/* -----------------------------------------------------------------------
   SIGNIN PAGE
 ----------------------------------------------------------------------- */
#sign-in-page #container { margin: 10% auto 0;  width: 750px; }
.release-info { font-size: 12px; color: #666; font-weight: normal;}
#sign-in-page .roundbox { background-image: url(/images/layout/roundbox-body-750.png); width: 750px; }
#sign-in-page .roundbox .boxtop { background-image: url(/images/layout/roundbox-top-750.png); }
#sign-in-page .roundbox .boxbottom { background-image: url(/images/layout/roundbox-bottom-750.png); }

#sign-in-page .bean td.name {background:none; color:#333; font-size:1.2em;}
#sign-in-page input[type=checkbox] { margin-left: 21%; }
#sign-in-page .boxbody ul.feedbackPanel {margin:0 0 6px 55px;}
#sign-in-page table.properties {border:none;}
#sign-in-page table.properties td.name {border:none;}
#sign-in-page table.properties td.value {box-shadow:none; -moz-box-shadow:none;
	-webkit-box-shadow:none;}
#sign-in-page .submits a {vertical-align:inherit; margin-right:0; font-size:12px;}

/* -----------------------------------------------------------------------
   REGISTER PAGE
 ----------------------------------------------------------------------- */
#register-page table.properties td { border-style: dotted; border-width: 0; border-color: #ccc; background: transparent; }
#register-page table.properties {border:none;}
#register-page table.properties td.name {border:none; background:none;}
#register-page table.properties td.value {box-shadow:none; -moz-box-shadow:none;
	-webkit-box-shadow:none;}


/* -----------------------------------------------------------------------
   SERVER STARTING PAGE
 ----------------------------------------------------------------------- */
#server-starting-page #container { margin: 10% auto 0;  width: 750px; }
#server-starting-page .roundbox { background-image: url(/images/layout/roundbox-body-750.png); width: 750px; }
#server-starting-page .roundbox .boxtop { background-image: url(/images/layout/roundbox-top-750.png); }
#server-starting-page .roundbox .boxbottom { background-image: url(/images/layout/roundbox-bottom-750.png); }

/* -----------------------------------------------------------------------
   EXCEPTION PAGE including: BugReportPage, ExceptionPage ...
 ----------------------------------------------------------------------- */
body.red-body { background: #880000; }
.red-body #bugreport { width: 880px; margin: 30px auto; }
.red-body .roundbox {background-image: url(/images/layout/exception-bg-body.png); width: 880px; }
.red-body .boxtop { background-image: url(/images/layout/exception-bg-top.png);  }
.red-body .boxbottom { background-image: url(/images/layout/exception-bg-bottom.png); }

#bugreport .head {margin:0; padding:0; font-weight:normal;}
#bugreport .head img {width:72px; height:73px; float:left; margin-right:16px;}
#bugreport .head div {float:left; width:550px;}
#bugreport .head h1 { color: #550000; }
#bugreport  table.properties input[type=text], #bugreport table.properties textarea {width:99%;}
#bugreport  table.properties .description {width:99%;}

/* -----------------------------------------------------------------------
   Exception Page
 ----------------------------------------------------------------------- */
body.red-body #container { width: 880px; margin: 30px auto; padding: 0; }
.red-body .error-wrapper { background: url(/images/big-alert.png) no-repeat left top; padding-left:85px; }
.error-wrapper h1 { color: #550000; }

/* HEADER */
#header {position: relative; margin-bottom: 10px; }
#topnav {text-align: right; font-size: 92%; }
#topnav em {color: #8F8F8F; margin: 0 4px 0 5px; }
#header h1 {margin:0; position: absolute; top: 5px; height: 36px; width: 54px; }
#header a.replaced.logo { width: 100%; height: 100%; background-image: url(/images/logo.png); z-index: 100;}

/* FOOTER */
#footer { margin: 18px 0 0 0; padding: 5px 0 0 0; font-size: 10px; color: #6E6E6E; border-top: 1px dashed #BBBBBB; }
#footer p { margin: 0; }
#footer .license-info { font-weight: bold; text-transform: uppercase;}

/* MAIN NAVIGATION */
#navbar { padding-left: 70px; position: relative; border-bottom: 3px solid #3274d0; }
#navbar .navmenu { float: left; }
.navmenu ul { list-style: none; margin: 0; }
.navmenu li { float: left; position: relative; margin: 0 2px 0 0; text-align: center; width: 100px;}
.navmenu li a {border:1px solid; border-bottom:none; display: block; padding: 0;
	font-weight: bold; border-style: solid;	border-width: 1px; height: 1.8em; line-height: 1.8em; 
	background: #b0b0b0; color: #FFF; border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; 
	-webkit-border-radius:4px 4px 0 0;}
.navmenu li a:hover { text-decoration: none; }

.navmenu li a.replaced.toggle {background-image: url(/images/dropdown-toggle.gif); position: absolute;
	width: 18px; right: 0; top: 0;}
.navmenu li a.replaced.toggle:hover {background: url(/images/dropdown-toggle.gif) no-repeat -30px 0;}
.navmenu li a.replaced.popup-trigger {border-radius:0 4px 0 0; -moz-border-radius:0 4px 0 0;
	-webkit-border-radius:0 4px 0 0;}

.navmenu li.tab-DashboardPage a { background: #9C9C9C; border-color: #9C9C9C; }
.navmenu li.tab-DashboardPage a:hover {background: #FFF; color: #9C9C9C; }

.navmenu li.tab-GridPage a { background: #736d66; border-color: #736d66; }
.navmenu li.tab-GridPage a:hover { background: #FFF; color: #736d66; }

.navmenu li.tab-QueuePage a { background: #524D48; border-color: #524D48; }
.navmenu li.tab-QueuePage a:hover { background: #FFF; color: #524D48; }

.navmenu li.tab-ResourcePage a { background: #524D48; border-color: #524D48; }
.navmenu li.tab-ResourcePage a:hover { background: #FFF; color: #524D48; }

.navmenu li.tab-SystemSettingEdit a { background: #333333; border-color: #333333; }
.navmenu li.tab-SystemSettingEdit a:hover { 
	background: #FFF; color: #333333; }

.navmenu li.tab-MyPage a { background: #7CBA0F; border-color: #7CBA0F; }
.navmenu li.tab-MyPage a:hover { background: #FFF; color: #7CBA0F; }

.navmenu li.selected a { background: #3274d0; border-color: #3274d0; color: #FFF; height: 1.9em; }
.navmenu li.selected a:hover { background: #FFF; color: #3274D0; border-color: #3274d0; border-bottom: 1px solid #fff; }
.navmenu li.selected a.replaced.toggle { background: url(/images/dropdown-toggle.gif) no-repeat 0 -50px;  cursor: pointer; }
.navmenu li.selected a.replaced.toggle:hover { 
	background: url(/images/dropdown-toggle.gif) no-repeat -30px -50px; 
} 

/* QUICK SEARCH */
.quicksearch { float: right; }
.quicksearch .search-for {float:left; border: 1px solid #CCC; border-right: none; background: #DDD;
	padding: 6px;}
.quicksearch .search-input {float:left; width:150px; border:1px solid #CCC; font-size:110%; height:14px;
	padding:2px 2px 0;}
.quicksearch-help {width:300px;font-size:11px;}
.quicksearch .search-submit { float: left; background: url(/images/search_button_18x18.png) no-repeat left top; width: 18px; height: 18px; cursor: pointer; border: none; }

.ads {float: right;font-size:14px;margin-right:16px;font-weight:bold;}

/* toolbar */
#toolbar {padding: 0.4em 0 0.4em 0; zoom: 1;}
#toolbar:after {content:".";display:block;height:0;clear:both;visibility:hidden; } 
#breadcrumb { float: left; margin-right: 0.5em; position: relative; font-size: 1.2em; font-weight: bold; }
#breadcrumb em {font-style:normal;}
a.children-chooser {display:block; width:12px;height:17px;
	background:url(/images/tiny-arrow-right.gif) center center;}
a.children-chooser:hover, a.children-chooser.open {width:12px;
	background:url(/images/tiny-arrow-down-hover.gif) center center;}
.joint-toolbar {background: #EFF5FB;line-height: 1.8em; padding:0 6px 0 6px; margin-bottom:12px;
	border-bottom: 1px dotted #3274d0;}
.joint-toolbar a {font-weight:bold;}

/* configuration toolbar */
.configuration-status { float: left; }
#configuration-action { float: right; width: 30%; vertical-align:middle;}
#configuration-action .btn-toolbar { margin: 0; float: right; }
#configuration-action .btn-toolbar .btn { padding-top: 3px; padding-bottom: 3px; font-size: 12px; line-height: 1; margin: 0; background: #736d66; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
#configuration-action .btn-toolbar .btn:hover { background: #333; }
#configuration-action .btn-toolbar .btn.run { padding-left: 12px; padding-right: 12px; }
#configuration-action .btn-toolbar .btn.delete:hover {
  background-color: #da4f49;
  *background-color: #bd362f;
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  background-position: 0 100%;
}
#configuration-action .btn-toolbar .btn-group > .btn:first-child {
  -webkit-border-bottom-left-radius: 2px;
          border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
          border-top-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
}

#configuration-action .btn-toolbar .btn-group > .btn:last-child {
  -webkit-border-top-right-radius: 2px;
          border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
          border-bottom-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
}


#configuration-action input {font-size:11px; width:100px;border:1px solid #BBBBBB; *margin-top:-2px;}
#configuration-action .actions a.replaced { background-image: url(/images/button/run-tools.gif); background-repeat: no-repeat; }
#configuration-action .actions a.replaced.run { width: 40px; height: 18px; background-position: left top; }
#configuration-action .actions a.replaced.run:hover { background-position: left -50px; }
#configuration-action .actions a.replaced.run-trigger { width: 15px; height: 18px; background-position: -40px top; }
#configuration-action .actions a.replaced.run-trigger:hover { background-position: -40px -50px; }
#configuration-action .actions a.replaced.run-trigger.expanded { background-position: -40px -100px; }
#configuration-action .actions a.replaced.run-trigger.expanded:hover { background-position: -40px -150px; }

#configuration-action .actions a.replaced.stop { width: 40px; height: 18px; background-position: left -200px; margin-left: 1em; }
#configuration-action .actions a.replaced.stop:hover { background-position: left -250px; }

#configuration-action .actions a.replaced.add { width: 24px; height: 18px; background-position: left -100px; margin-left: 1em; }
#configuration-action .actions a.replaced.add:hover { background-position: left -150px; }
#configuration-action .actions a.replaced.delete { width: 24px; height: 18px; background-position: -24px -100px; }
#configuration-action .actions a.replaced.delete:hover { background-position: -24px -150px; }
.runat-help {width:300px;font-size:11px;}

/* CONFIGURATION TABS */
#configuration-header { border-top: 1px dotted #3274d0; border-bottom: 2px solid #3274d0; padding-left: 1em; position: relative; }
#configuration-header>.menutabs {float:left; position:relative;}
.menutabs ul { list-style: none; margin: 0;}
.menutabs li { list-style: none; float: left; position:relative;}
.menutabs li>a:first-child {color: #666; display: block; _display: inline-block; line-height: 1.8em; 
	padding:0 12px 0 12px;text-align: center; font-weight:bold;}
.menutabs li a:hover { color: #FFF; background-color: #7CBA0F; text-decoration: none; }
.menutabs li.selected a { background-color: #3274d0; color:#FFF; }
.menutabs li.selected a:hover { background: #7CBA0F; color: #FFF; }
.menutabs li.tab-WorkspacePage a:hover { background: #7CBA0F; }

.menutabs li.tab-WorkspacePage a.replaced.broom { position: absolute; right: 0px; top: 0; width: 22px; height: 21px; background: #fff url(/images/button/broom2.gif) no-repeat 0 center; }
.menutabs li.tab-WorkspacePage.selected a.replaced.broom:hover, 
.menutabs li.tab-WorkspacePage a.replaced.broom:hover { 
	background-position: -50px center; background-color: #7CBA0F;}
.menutabs li.tab-WorkspacePage a:first-child {padding-right:8px;}
.menutabs li.tab-WorkspacePage.selected a.replaced.broom { background-position: -100px center; background-color: #3274d0; height:22px;}
.menutabs li.tab-BuildPage {padding-right:19px;}

.menutabs li.tab-BuildPage>a:first-child {padding-right:4px;}
.menutabs li a.replaced.toggle {background: url(/images/dropdown-toggle.gif) no-repeat -30px -100px;
	position:absolute; width:19px; height:21px; right:0; top:0px;}
.menutabs li.selected a.replaced.toggle { background: url(/images/dropdown-toggle.gif) no-repeat 0 -50px;  cursor: pointer; height:22px;}
.menutabs li a.replaced.toggle:hover, .menutabs li.selected a.replaced.toggle:hover,
.menutabs li a.replaced.toggle.open, .menutabs li.selected a.replaced.toggle.open { 
	background: url(/images/dropdown-toggle.gif) no-repeat 0px -100px; height:22px;} 

/* configuration settings */
#configuration-header .settings {background:url(/images/settings.png) no-repeat 4px center;
	padding:3px 4px 3px 24px; cursor:pointer;}
#configuration-header .settings .left {font-weight:bold; color:#666666;}
#configuration-header .settings .arrow {border-width:5px; margin:6px 0 0 4px;}
#configuration-header .settings:hover .arrow, #configuration-header .settings.open .arrow{border-color:white;}
#configuration-header .settings:hover, #configuration-header .settings.open {
	background-color:#4778f3;}
#configuration-header .settings:hover .left, #configuration-header .settings.open .left {
	color:white;}

#dashboard #edit-actions a { padding: 0px 1px; }
/*
body.gray-body { background: #495055; width: 750px; margin: 0 auto; height: 100%; }
.roundbox { position: relative; }
.box-top {background: url(/images/layout/signin-top.png) no-repeat left top; position: aboslution; left: 0; top: 0; height: 12px;}
.box-bottom {background: url(/images/layout/signin-bottom.png) no-repeat left bottom; position: absolution; height: 12px; left: 0; bottom: 0;}
.box-body { position: relative; background-color: #F2F2F2; padding: 20px 30px; }
*/

#popup-error,#source-diff,#source-view {padding:24px; font-weight:bold;color:red;font-size:14px;}


/* Build Page */
/*
.vertical.build-tabs .tabs .tab b { background: none; }
.vertical.build-tabs .tabs .tab a { background-color: transparent; border: none; }
.vertical.build-tabs .tab.selected b { background-color: #666; }
.vertical.build-tabs .tabs .tab.selected a { background-color:#666; border-left:1px solid #B5B5B5; border-right:1px solid #B5B5B5; }
.vertical.build-tabs li { border-bottom: 1px solid #ccc; margin: 0 0 1px; padding: 1px 0 0; }
.vertical.build-tabs li ul li { border: none; }
*/

.build-quickinfo {padding:6px; border-bottom:1px dotted #BBB;}

div#grid {margin-top:12px;}
textarea.attributes {width:100%; border: 1px solid #BBBBBB; font-size: 13px;}
 
#administration > div.tabs {float:left; width:20%; line-height:16px;}
#administration > div.content {float:right; width:79%;}
#administration > div.tabs li {margin:5px 0; padding:3px 6px; border: 1px solid #fff; }
#administration > div.tabs li.selected {background-color:#FFFFDD; border-top:1px dotted #CCCC66;
	border-bottom: 1px dotted #CCCC66;}

#administration > div.tabs li .maskable {
	display:block; 
	line-height:24px; 
	height:24px;
	padding:0 0 0 36px;
	white-space:nowrap; overflow:hidden; border:none; color: #666;
	position: relative;
}

#administration .tab .maskable:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 0px; top: 3px;
  width: 24px;
  text-align: center;
  color: #999;
}

#administration .tab-SystemSettingEdit .maskable:before { content: '\f013'; }
#administration .tab-EmailSettingEdit .maskable:before { content: "\f0e0"; }
#administration .tab-SecuritySettingPage .maskable:before { content: "\f023"; font-size: 20px; }
#administration .tab-PermissionSetManagement .maskable:before { content: "\f03a"; }
#administration .tab-UserManagement .maskable:before { content: "\f007"; }
#administration .tab-GroupManagement .maskable:before { content: "\f0c0"; }
#administration .tab-DashboardAdminPage .maskable:before { content: "\f0e4"; }
#administration .tab-DatabaseBackupPage .maskable:before { content: "\f1c0"; }
#administration .tab-ConfigurationExportImport .maskable:before { content: "\f0ec"; }
#administration .tab-RestoreDatabase .maskable:before {content: "\f1c0"; }
#administration .tab-PluginManagement .maskable:before {content: "\f12e";}
#administration .tab-AuditLogPage .maskable:before {content: "\f022"}
#administration .tab-LicenseManagement .maskable:before {content: "\f0a3"; }
#administration .tab-ServerInformationPage .maskable:before { content: "\f05a";}
#administration .tab-SupportRequestPage .maskable:before {content:"\f059";}
#administration .tab-SystemAlertPage .maskable:before {content: "\f071"; }
#administration .tab-ServerStopPage .maskable:before {content: "\f011"; }
#administration .tab-LogSettingEdit .maskable:before { content: "\f0f6"; }

#administration > div.tabs .selected .maskable,
#administration > div.tabs .selected .maskable:before { color: #333; }

#administration .piped.admin-actions { margin: 18px 0; padding: 0 18px; }
#administration .piped.admin-actions > li > a { font-size: 1.2em; color: #666; }
#administration .piped.admin-actions > li > span { font-size: 1.2em; color: #999; }
#administration .piped.admin-actions > li > a:hover { color: #3274d0; }
#administration .piped.admin-actions > li > a > .qb-icon-plus { color: #0a0;}
#administration .piped.admin-actions > li > a > .qb-icon-remove { color: #a00; }
#administration .piped.admin-actions > li > span.first > em { border: none; margin: 0; padding: 0; }

#administration .piped-links { white-space: nowrap; }
#administration .piped-links > a { display: inline-block; border-left: 1px solid #ccc; margin-left: 5px; padding-left: 5px; }
#administration .piped-links > a.first { border-left: none; margin-left: 0; padding-left: 0; }
#administration .piped-links > a > .qb-icon { color: #ddd; font-size: 16px; }
#administration .piped-links > a:hover > .qb-icon { color: #333; }
#administration .records tr:hover .piped-links > a > .qb-icon { color: #666; }

.plugin-sections input.search-field { padding: 3px 8px; width: 350px; font-size: 13px; margin-bottom: 18px; }

/*
 * group edit styles
 */
#authorization_list table.editor tr td table.list tbody tr td td {padding:2px; border:none;}
#authorization_list table.editor tr td table.list tbody td td.pane select {height: 100px; min-width:50px;}
#authorization_list table.editor tr td.property_name {width:10%;}

/* license management styles */
.install_license .required {width:100%;}

/* build page */
.build-header {padding-bottom: 4px; border-bottom:1px dashed #CCCCCC; margin-bottom:8px;}

.build-header .promotion {float:left; background:url(/images/promotion.png) no-repeat;
	margin-top:2px;}
.build-header .promotion img {vertical-align:middle;}
.build-header .promotion>div {background:#F5F5F5; border:1px dotted #BBBBBB; padding:2px;}
.build-header .promotion span {font-weight:bold;}
.build-header .promotion.from {background-position:right center; margin-right:4px;}
.build-header .promotion.from>div {margin:0 20px 0 0;}
.build-header .promotion.to {background-position:left center;}
.build-header .promotion.to>div {margin:0 4px 0 20px;}

.build-header .current-build {float:left; padding:2px; margin-top:-6px; margin-right:4px;}
.build-header .current-build img {margin-right:4px; vertical-align:bottom;}
.build-header .current-build span {font-weight:bold; font-size:24px; color:#666666;}
.build-header .build-progress {width:120px; float:left; margin:4px 8px 0 0;}
.build-header ul.operations {float:left; margin:2px 8px 0 4px;}

.build-header .operations form {float:left;}
.build-header span.operations input {font-size:13px; width:115px;border:1px solid #BBBBBB; *margin-top:-1px;}
.build-header a.waitings {font-weight:bold; float:right; margin-right:4px; padding:1px 3px 1px 3px;
	background: #FFF1A8;}
.build-header div.navigator {float:right; padding:1px 0 1px 0; white-space:nowrap;}
.build-header .button div {padding-left:16px; white-space: nowrap;}
.build-header .promote.button div {background:url(/images/button/promote.gif) left center no-repeat;}
.build-header .promote.right-round.button {border-left:none;}
.build-header .promote.right-round.button div {
	background:url(/images/menu-button-down.png) left center no-repeat;
	padding-left:4px;}
.build-header .delete.button div {background: url(/images/button/delete-button.gif) no-repeat left -51px;}
.build-header .stop.button div {background: url(/images/button/stop.gif) no-repeat left center;}
.build-header .recommend.button div {background: url(/images/button/recommend.gif) no-repeat left center;}
.build-header .unrecommend.button div {background: url(/images/button/unrecommend.gif) no-repeat left center;}
.build-header .describe.button div {background: url(/images/tiny-text.gif) no-repeat left center;}
.build-header .navigator {width:100px;}
 
#build-description-editor textarea {width:98%;} 
#build-description-editor {padding:8px;} 

.navigator .replaced.nav-option {background-image: url(/images/build-navigator.gif);
	background-repeat: no-repeat; width: 25px; height: 20px; float: left;}
.navigator a.replaced.nav-option.nav-first { background-position: left top; }
.navigator a.replaced.nav-option.nav-prev { background-position: -25px 0; }
.navigator a.replaced.nav-option.nav-next { background-position: -50px 0; }
.navigator a.replaced.nav-option.nav-last { background-position: -75px 0; }

.navigator a.replaced.nav-option.nav-first:hover { background-position: left -100px; }
.navigator a.replaced.nav-option.nav-prev:hover { background-position: -25px -100px; }
.navigator a.replaced.nav-option.nav-next:hover { background-position: -50px -100px; }
.navigator a.replaced.nav-option.nav-last:hover { background-position: -75px -100px; }

.navigator span.replaced.nav-option.nav-first { background-position: left -50px; }
.navigator span.replaced.nav-option.nav-prev { background-position: -25px -50px; }
.navigator span.replaced.nav-option.nav-next { background-position: -50px -50px; }
.navigator span.replaced.nav-option.nav-last { background-position: -75px -50px; }

.section-header { margin-bottom: 2px; padding-bottom: 2px; }

#section-actions { border-top: 1px solid #d5d5d5;  padding: 0.4em 0; }
#section-actions li { margin-right: 0.5em; padding-right: 0.5em; border-right: 1px solid #d5d5d5; }
#section-actions li a { margin: 0; }

div#configuration_path {float:left;	margin-right:8px; font-size:13px; padding:2px 0px 2px 0px; color:#F0F0F0;}
div.configuration_status {float:left; margin-right:8px;}
div#configuration_status img {*margin-top:2px;}
div#configuration_trigger_actions {float:left; margin-right:8px; margin-top:-2px;}
.configuration-error {float:left; font-size:12px; margin-top:2px; color:#FF0000;}
div#configuration_edit_actions {float:right;}
div#configuration_edit_actions img {cursor:pointer;	*margin-top:2px;}
div#configuration_header {border-bottom:1px solid #666666;}
div#configuration_header div.round_tabs ul {border-bottom:none;}
div#configuration_buildinfo_tab {float:left;}
div#configuration_definition_tab {float:right;}

div.plugin-setting-title {font-size:13px; margin-bottom:4px; font-weight:bold; color: #008C00;}
div.no-plugin-setting {font-style:italic;}

.module_content .module_wrapper.summary {height: auto;}
.module_wrapper.summary .records td { text-align: left; }
.module_wrapper.summary .records thead td { font-weight: bold; }

table#build_summary thead {background:#E5E5E5;}
#build_summary thead img {vertical-align:middle;cursor:help;}
table#build_summary thead td {font-weight:bold;}
table#build_summary td {padding:4px; border:1px solid #BBBBBB;}

/* Authenticator edit */
.auth-form>div>.bean.property.editor>div>div>div>.title { padding: 0.5em 1em; margin: 0; }

/* build search option */
.search-option {float:left;	width:30%;}
.search-result {float:right; width:69%;}

#server-config {margin:auto; text-align:center; margin:60px;}
#server-config input {font-size:16px;}
#previous-location div {margin-bottom:8px;}
#previous-location input {font-size:14px; width:200px;}

div.source-view h1, div.source-diff h1 {font-weight:bold; text-align:center; background:#EEEEEE;
	border:1px solid #BBBBBB; font-size:14px; margin-bottom:0; line-height:24px;}
div.source-view h2, div.source-diff h2 {font-weight:bold; font-size:12px; margin-bottom:8px;}
div.source-view div.body {margin:8px; font-size:11px; border:1px solid #BBBBBB; overflow-x:visible; background:white;}
div.source-view div.body td.line-no {border:1px solid #E5E5E5; border-top:none; border-left:none;
	background:#F2F2F2; padding:1px 4px 1px 4px; width:1%;}
div.source-view div.body td.line-content {padding:1px 4px 1px 4px; border-bottom:1px solid #F2F2F2;}
div.source-view div.body td.colored span {color:black; background:none;}
div.source-diff div.body {margin:8px; font-size:11px;}
div.source-diff div.revision-body {border:1px solid #BBBBBB;}
div.source-diff div.revision-sidebar div {background:#F2F2F2; border:1px solid #E5E5E5;	padding:1px 4px 1px 4px;
	border-top:none; border-left:none;}
div.source-diff div.revision-content {overflow-x:visible; background:white;}
div.source-diff div.revision-content div {padding:1px 4px 1px 4px; border-bottom:1px solid #F2F2F2;}
div.source-diff div.revision-content div.colored span {color:black;	background:none;}

#configuration-dashboard>.description {font-size:14px; margin-bottom: 12px;}
#configuration-dashboard>.summary .progress-bar {background:#cc0000; width:75%;}
#configuration-dashboard>.summary .progress-bar .progress-filler {background:#008800;}
#configuration-dashboard>.summary .progress-percentage {color:white;}
#configuration-dashboard>.recent-builds tfoot {display:none;}

#build-dashboard .build-summary table thead td {border-bottom:1px dotted #bbbbbb;}

#build-dashboard>table>tbody>tr>td>.description {font-size:14px; margin-bottom: 12px;}

.db.notice {margin:0; background:url(/images/warning.gif) no-repeat left center #FFF6BF;
	padding:6px 6px 6px 20px; margin-top:8px; border:none; font-size:11px;}

/* steps panel */
.right.vertical.steps .tabs {display:none;}
.right.vertical.steps .panel {width:100%; float:none;}

#steps {position:relative; margin:-8px; padding:8px;}
#steps td {white-space:nowrap;}
#steps .window .inner>.body {padding:0; overflow:visible;}
#steps>table {table-layout: fixed;}
#steps>table>tbody>tr>td {vertical-align:top;}
#available {padding-right:10px; width: 340px;}
#available.collapsed {padding-right:10px; width: 25px;}

#available table td {padding:4px; border-bottom:1px dotted #BBBBBB;}
#available table thead td {background:#E0E0E0; border-bottom:1px solid #BBBBBB;}
#available table thead td img {vertical-align:bottom;}
#available .body {overflow:auto;}
#workflow .body {overflow:visible;} 
#workflow>.window>.body {overflow:auto; max-height: 400px;}
#steps .hint {background:url(/images/hint.png) left 3px no-repeat #E6EFC2; padding:4px 4px 4px 18px;
	color:#444; margin-top:8px;}
#steps img {cursor:pointer;}
#steps .step {color:#666666; border:2px solid;}
#steps .step.inherited, #steps .step.inherited>.body {border-style:dotted;}
#steps .step.even, #steps .step.even>.body {border-color:#A5B3F5;}
#steps .step.even {background-color:#DBE1FB;}
#steps .step.odd, #steps .step.odd>.body {border-color:#A5B3F5;}
#steps .step.odd {background-color:white;}
#steps .step.error {padding:0; margin:0;}
#steps .step.error, #steps .step.error>.body {border-color:#FF6633;}
#steps .step.error {color:#FF6633; background-color:white;}
#steps .step table td {vertical-align:top;}
#steps .y-spacing {min-height:20px;}
#steps .step .head {padding:4px; margin:0; font-weight:normal;}
#steps .step .body {border-top:2px solid; padding:20px;}
#steps .step .body.sequential {padding:0 12px;}
#steps .step .body.parallel {padding:12px 0;}
#steps td.step {width:100%;}

#license-management textarea {width:100%;}

#welcome-page #container, #server-starting-page #container {margin:10% auto 0;}
#welcome-page #container { margin: 10% auto 0;}
#welcome-page .boxbody {font-size:15px; line-height:20px;}
#welcome-page .boxbody p {margin:4px 0;}

#server-starting-page .boxbody {font-size:16px;}
#server-starting-page #page-load-mask, #server-starting-page #page-load-msg {-moz-opacity:0;
	opacity:0; filter:alpha(opacity=0);}	
	
.vars table td {vertical-align:top;}

.dashboard .head .title {padding-top:6px;}
.dashboard .head .title span {padding-top:2px;}
.dashboard .head .title .popup-trigger {padding:6px 4px 6px 4px;}
.dashboard .head .title .arrow {margin-top:2px; border-width:5px;}
.dashboard .head .title .popup-trigger.open, .dashboard .head .title .popup-trigger:hover {
	background-color:#4778f3;}
.dashboard .head .title .popup-trigger.open .arrow, .dashboard .head .title .popup-trigger:hover .arrow {
	border-color:white;}
.dashboard .head .action {background:no-repeat 4px center; padding:6px 6px 6px 28px; cursor:pointer;}
.dashboard .head .action .arrow {border-width:5px; margin:6px 0 0 4px;}
.dashboard .head .action:hover .arrow, .dashboard .head .action.open .arrow {border-color:white;}
.dashboard .head .action:hover, .dashboard .head .action.open {
	background-color:#4778f3; color:white; border-radius:3px; -moz-border-radius:3px; 
	-webkit-border-radius:3px; border-color:white;}
.dashboard .head .action.operations {background-image:url(/images/operations.png);}
.dashboard .head .action.change-layout {background-image:url(/images/layout.png);}
.dashboard .head .action.add-gadget {background-image:url(/images/gadget.png);}
.dashboard .head .action.restore-layout {background-image:url(/images/restore-layout.png);}

.dashboard .head .one-column, .layout-menu .one-column {background-image:url(/images/one-column.png);}
.dashboard .head .two-columns, .layout-menu .two-columns {background-image:url(/images/two-columns.png);}
.dashboard .head .two-columns-left-big, .layout-menu .two-columns-left-big {
	background-image:url(/images/two-columns-left-big.png);}
.dashboard .head .two-columns-left-small, .layout-menu .two-columns-left-small {
	background-image:url(/images/two-columns-left-small.png);}
.dashboard .head .three-columns, .layout-menu .three-columns {background-image:url(/images/three-columns.png);}
.layout-menu li span {background:no-repeat 4px center; padding:4px 0 4px 32px;}

.dashboard .gadget {background:white;}
.dashboard .layout-column {vertical-align:top; padding-right:12px; padding-bottom:48px;}
.dashboard .layout-column.last {padding-right:0;}
.dashboard .layout-column>.gadget {margin-bottom:12px;border-color: #BBB; }
.dashboard .layout-column {min-height:100px;}
.dashboard .gadget.ui-sortable-helper {box-shadow:2px 2px 8px #888; -moz-box-shadow:2px 2px 8px #888;
	-webkit-box-shadow:2px 2px 8px #888;}
.dashboard .gadget>.body {padding:0; overflow:visible;}
.dashboard .gadget.window>.body {overflow:inherit;}
.dashboard .gadget .treetable {border:none;}
.dashboard .gadget .treetable td.last {border-right:none;}
.popup > .content .ac-dropdown.dashboard-organizer {
    margin: 0px;
}
.dashboard-organizer {
	padding-right:16px;
}
.dashboard-organizer td {
	vertical-align:top;
	padding:4px;
}
.dashboard-organizer .header {
	font-weight:bold;
	font-size:16px;
	margin:4px;
	height:32px;
	vertical-align:center;
	border-bottom:1px solid #DDD;
}
.dashboard-organizer .show-availables, .dashboard-organizer .link {
	cursor:pointer;
	white-space: nowrap;
}
.dashboard-organizer .link {
	color: #333;
}
.dashboard-organizer .link:hover, .dashboard-organizer .link:focus {
	background: url(/images/menu-hover.png) repeat-x left center;
	color: white; text-decoration: none; 
}

.column-placeholder {border:2px dashed #BBBBBB; background:#FFFFEE; vertical-align:middle;
	text-align:center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; 
	font-size:24px; color:#BBBBBB; line-height: 200px; }
.gadget-placeholder {border:2px dashed #BBBBBB; height: 200px;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-bottom:12px;
	background: #FFFFEE url(/images/gadget-placeholder.png) center center no-repeat;}
.ui-sortable>.gadget.window>.head {cursor:move;}
ul.gadget-operation, ul.gadget-operation li { list-style: none outside; margin: 0; padding: 0; }
ul.gadget-operation li a { color: #333; display: block; padding: 4px 6px 4px 6px;}
ul.gadget-operation a:hover {background:#999999; color:white; text-decoration:none;}
.gadget>.head {height:16px;}
.gadget.window:hover>.head>.right {display:block;}
.gadget.window>.head>.right.open {display:block;}
	
#global-ajax-indicator { position:fixed; z-index: 999; right: 0px; top: 0px; padding: 5px 10px; width: 8em;
	text-align: center; font-size: 1; font-weight: bold; color: #FFF; background: red;}
#page-load-mask {position:fixed; left:0; top:0; width:100%; height:100%; -moz-opacity:0.5;
	opacity:.50; filter:alpha(opacity=50); background-color:#CCC; z-index:100000; display:none;}
#page-load-msg {z-index: 200000; position:absolute; top:0; left:0; border:1px solid #888888;
    background: #BBBBBB; padding:2px; display:none; cursor:wait;}
#page-load-msg div {padding:15px 45px 15px 45px; background:#fbfbfb; line-height:16px;
	border:1px solid #BBBBBB; color:#222; font:normal 16px tahoma, arial, helvetica, sans-serif;}
#global-feedback {position:absolute; top:-10000px; background:#FFFFDE; max-width:75%;
	border:1px solid #9C9E9C; border-top:none; padding:6px 6px 6px 10px; z-index:10000; 
	border-radius:0 0 4px 4px; box-shadow:2px 2px 5px #888; 
	-moz-border-radius:0 0 4px 4px; -moz-box-shadow:2px 2px 5px #888;
	-webkit-border-radius:0 0 4px 4px; -webkit-box-shadow:2px 2px 5px #888;}
.feedbackPanel li {background:no-repeat left 3px; padding:2px 4px 2px 20px;}
.feedbackPanel li span {font-size:14px; font-weight:bold;}
.feedbackPanel li.feedbackPanelINFO {background-image:url(/images/tiny-tick.gif); color:#369E28;}
.feedbackPanel li.feedbackPanelERROR {background-image:url(/images/tiny-error.gif); color:#F25C48;}
.feedbackPanel li.feedbackPanelWARNING {background-image:url(/images/warning.gif); color:#98830C;}

.log-panel {margin-top:8px;}

.pipelines td {
	padding-top:8px;
}
.pipelines td>span {
	display:block;
}
.pipeline .segment {
	height:58px; 
	width:260px; 
	color:black;
	white-space:nowrap;
	display:inline-block;
	*display: inline;
	zoom: 1;
	z-index:10;
	padding:11px 32px;
	vertical-align:top;
	position:relative;
	background: url(/images/pipeline-segment.png) no-repeat 0 0;
}
.pipeline .segment:hover, .pipeline .segment.open {
	background: url(/images/pipeline-segment-hover.png) no-repeat 0 0;
}
.pipeline .segment.disabled, .pipeline .segment.disabled:hover {
	background: url(/images/pipeline-segment-disabled.png) no-repeat 0 0;
}
.pipeline .segment.end, .pipeline .segment.end:hover {
	background: url(/images/pipeline-segment-end.png) no-repeat 0 0;
}
.pipeline .segment .latest {
	background: yellow;
}
.pipelines thead {
	border: 4px solid #C5C5C5;
	background-color: #F8F8F8;
}
.pipelines tbody {
	padding-top:4px;
}
.pipeline .segment .repository, .pipeline .segment .committer-and-date {
	margin-top:4px;
}
.pipeline .segment .revinfo {
	margin-right:12px;
}
.pipelines thead tr.navigation td {padding:8px 4px; border-top:1px dotted #C5C5C5;}
.pipelines thead tr.navigation div.navigatorLabel {float:left;} 
.pipelines thead tr.navigation div.navigator {font-weight:bold; float:right;}
.pipelines thead tr.navigation div.navigator em {border:1px solid #E5E5E5; background-color: #F0F0F0;
	padding: 2px 4px; color: #BBBBBB;}
.pipelines thead tr.navigation div.navigator a {border:1px solid #C5C5C5; background-color: #D5D5D5;
	padding: 2px 4px; color:#555555; text-decoration:none;}
.pipelines thead tr.navigation div.navigator a:hover {color:white; border-color:#1C58F0;
	background-color:#4778f3; padding: 2px 4px;}
.pipelines form>div {float:left;}
.pipelines tr.filters td {padding:8px 4px;}
.pipelines>tbody>tr>td, .pipeline {white-space: nowrap;} 

.round.window>.head .btn-small {padding:0px 5px;}
.round.window>.description {padding: 12px; font-size: 12px; color: #888;}

.dashboard .pipeline-gadget.gadget>.body {padding:8px;}
.resource-accesses.datatable td {vertical-align: top;}

.popup.window {display:block; border:none; position:relative;}

.popup.window>.help.content {overflow:visible; max-height: none; max-width: none;}

.failed-build {float: left; background-color: #FBE3E4; border: 2px solid #D25656; padding: 8px; 
	border-radius: 4px; margin: 8px; font-size: 16px; color: #444;}
.failed-build>div {margin: 4px;}
.failed-build a {white-space: nowrap;}
.failed-build .build-link {color: #FF1A00;}
.failed-build .status {font-weight: bold; color: #FF1A00;}
.no-failures {font-size: 20px; color: #4F830F; padding: 8px;}

table.override-and-usage td {padding: 4px;}
table.override-and-usage tbody td {padding: 4px; border-top: 1px dotted #BBB;}
table.override-and-usage thead td {font-weight: bold;}

.no-runnings {
	padding: 12px;
}

.promotion-edit .prop-inheritable, .promotion-view .prop-inheritable {
	display: none;
}

.promotions td.prop-valueprovider {
	width: 35%;
}
.promotions td.prop-promptsetting {
	width: 35%;
}
