form#vb2-form fieldset div.form-item {
  float: left; 
  margin: 0 0.5em 0 0;
  border: solid 0px;
}
form#vb2-form div#latest {
  float: left; 
  margin: 1.5em 0.5em 0 -0.5em;
  color: black;
  background: #ff8000;
  width: 3.2em;
  text-align: center;
  padding: 2px;
  cursor: pointer;
}
form#vb2-form div#refresh {
  float: left; 
  margin: 1.5em 0.5em 0 -0.5em;
  color: black;
  background: #ff8000;
  width: 4em;
  text-align: center;
  padding: 2px;
  cursor: pointer;
}
form#vb2-form #clip-wrapper {
  position: relative;
  float: right; 
  margin: 0em 0.5em 0 0;
  color: black;
  background: #ff8000;
  width: 4em;
  text-align: center;
  padding: 2px;
}
form#vb2-form div#edit-obfuscate-wrapper {
  float: left; 
  margin: 0.2em 1em 0 1em;
  border: solid 0px;
}
form#vb2-form div#edit-scroll-wrapper {
  float: right; 
  margin: 0.2em 0 0 0;
  border: solid 0px;
}
form#vb2-form div#edit-toggle-wrapper {
  float: right; 
  margin: 0.2em 0 0 0;
  border: solid 0px;
}
form#vb2-form div#edit-filter-wrapper {
  float: right; 
  margin: 0 0.2em 0 0;
  border: solid 0px;
}
form#vb2-form div#edit-filter-wrapper label {
  float: left; 
  margin: 0.4em 0.5em 0 0;
}
form#vb2-form div#edit-grepopt-wrapper {
  float: right; 
  margin: 0 0.5em 0 0;
  border: solid 0px;
}
form#vb2-form input.form-submit {
  float: left;
  width: 8em;
}
form#vb2-form #running {
  float: left;
  margin: -0.5em 0 0 0;
  padding: 0;
  width: 8em;
}
form#vb2-form #running span {
  margin-top: 0;
  padding-top: 0
}
form#vb2-form #cstatus {
  float: left;
  margin: 0.8em 0 0 0;
  padding: 0;
  width: 100%;
  background: #282028; 
  color: white;
  border: solid 1px #201820;
}
form#vb2-form #clog {
  float: left;
  margin: 0 0 1em 0;
  padding: 0;
  width: 100%;
  height: 480px;
  background: #302830;
  border: solid 1px #302830;
  color: #00c000;
  font-family: "Courier New";
  font-size: 10px;
  overflow: auto;
}
form#vb2-form #cstatus a{
  color: #ff8000;
}
form#vb2-form #status {
  margin: 0;
  padding: 0.5em 0 0.5em 0;
  width:20%;
  float:left;
}
form#vb2-form #status #progress_bar{
  margin: 0;
  padding: 3px;
  width:100%;
  display:inline-block;
}



form#vb2-form #text_bar{
  margin: 0;
  padding: 0.5em 0 0.5em 0; 
  float:left; 
  width:80%;
}
form#vb2-form #log {
  margin: 0 0.5em 0 0.5em;
  padding: 0.5em 0 0.5em 0;
  font-size: 14px;
}

form#vb2-form .stress {
  color: red;
}


form#vb2-form div#edit-code-wrapper {
  width: 100%;
}

form#vb2-form div#edit-code {
  font-family: "Courier New";
  margin: 0 0.2em 0 0;
  border: solid 0px;
  width: 100%;
}

.sbar{display:block; background-color:#fc8; color:#000000; font-weight:bold;  white-space:pre; text-align: left;word-wrap:normal;}
.sbarbox { display:inline-block; width:100%; background-color:#C2C2C2; border:0;}
.nbar { display:block; background-color:#fc8; text-align:left; word-wrap:normal; font-weight:bold;}
.pbar { display:block; background-color:#f44; text-align:right; word-wrap:normal; font-weight:bold; white-space:pre; color:#FFFFFF; }
.pbarbox { display:inline-block; width:100%; background-color:#00B85C; border:0; }
.vb2_items_per_page{margin:-35px 0; float:right;}
.vb2_items_per_page input{text-align:center; padding:5px; width:50px;}
.vb2_items_per_page span{padding-left:20px;}

.vb2_page{list-style-type:none; text-align:center; }

.vb2_page li {
    display: inline-block;
    margin: 0 4px 0 0;
}
.vb2_page li a {
    -moz-transition: all 0.15s ease-in 0s;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #B7B7B7;
    border-radius: 4px 4px 4px 4px;
    color: #A3BCC8;
    cursor: pointer;
    display: inline-block;
    float: left;
    padding: 8px 12px;
    text-decoration: none;
}
.vb2_page li a:hover {
    -moz-transition: all 0.15s ease-in 0s;
    background: -moz-linear-gradient(center top , #52B1ED 0%, #53B1E4 0%, #1580C4 100%) repeat scroll 0 0 transparent;
    color: #A3BCC8;
    font-weight: bold;
    text-decoration: none;
}
 
.vb2_page li.current_page a {
    background: -moz-linear-gradient(center top , #52B1ED 0%, #53B1E4 0%, #1580C4 100%) repeat scroll 0 0 transparent;
    color:#000000;
    font-weight: bold;
    text-decoration: none;
    background-color:#EBF1F3;
}
#vb2-form #edit-platform,#edit-arch,#edit-target,#edit-app,#edit-package{height:100px;}
@media screen and (min-width: 1400px) {
  #vb2-form #status #progress_bar{min-width:15%;}
  #vb2-form #edit-brc-wrapper, #edit-profile-wrapper, #edit-usage-wrapper, #edit-rev-wrapper{width:7%; margin:0 1.5em !important;}
  #vb2-form #edit-platform-wrapper, #edit-arch-wrapper{width:9%; margin:0.5em 1.5em !important; position:relative; bottom:0.5em;}
  #vb2-form #edit-brc, #edit-profile, #edit-usage, #edit-rev, #edit-platform, #edit-arch, #edit-target, #edit-app, #edit-package{width:100%; border-radius:3px;}
  #vb2-form #edit-lib, #edit-app, #edit-jar{width: 15.5em;}
    #vb2-form .form-radios{position: relative; top: -1.5em; left: 0.5em; width:99%; *width:10%;}      
    #vb2-form #edit-target-wrapper{width:16%; position: relative;  right: 17em; *right: 0; }
}
@media (min-width: 1000px) and (max-width: 1399px) {
  #vb2-form #status #progress_bar{min-width:25%;}
    #vb2-form #edit-brc-wrapper, #edit-profile-wrapper, #edit-usage-wrapper, #edit-rev-wrapper{width:7%; margin:0 1.5em !important;}
  #vb2-form #edit-platform-wrapper, #edit-arch-wrapper{width:10%; margin:0.5em 1.5em !important; position:relative; bottom:0.5em;}
  #vb2-form #edit-brc, #edit-usage, #edit-profile, #edit-rev, #edit-platform, #edit-arch, #edit-target, #edit-app, #edit-package{width:100%; border-radius:3px;}
  #vb2-form #edit-lib, #edit-app, #edit-jar{width: 15.5em;}
    #vb2-form .form-radios{position: relative; top: -1.5em; left: 0.5em; width:99%;}      
    #vb2-form #edit-target-wrapper{width:15%; position: relative;  left:1em; bottom:1.5em; }
}
@media (min-width: 961px) and (max-width: 999px) {
  #vb2-form #status #progress_bar{min-width:25%;}
    #vb2-form #edit-brc-wrapper, #edit-profile-wrapper, #edit-usage-wrapper, #edit-rev-wrapper{width:11%; margin:0 1.5em !important;}
  #vb2-form #edit-platform-wrapper, #edit-arch-wrapper{width:19%; margin:0.5em 1.5em !important; position:relative; bottom:0.5em;}
  #vb2-form #edit-brc, #edit-profile,#edit-usage, #edit-rev, #edit-platform, #edit-arch, #edit-target, #edit-app, #edit-package{width:100%; border-radius:3px;}
  #vb2-form #edit-lib, #edit-app, #edit-jar{width: 15.5em;}
    #vb2-form .form-radios{position: relative; top: -1.5em; left: 0.5em; width  :99%;}      
    #vb2-form #edit-target-wrapper{width:30%; position: relative;  right:17em; *right: 0; }
}
@media (min-width: 720px) and (max-width: 960px) {
  #vb2-form #status #progress_bar{ min-width:25%;}
    #vb2-form #edit-brc-wrapper, #edit-profile-wrapper, #edit-usage-wrapper, #edit-rev-wrapper{width:11%; margin:0 1.5em !important;}
  #vb2-form #edit-platform-wrapper, #edit-arch-wrapper{width:18%; margin:0.5em 1.5em !important; position:relative; bottom:0.5em;}
  #vb2-form #edit-brc, #edit-usage, #edit-profile,#edit-rev, #edit-platform, #edit-arch, #edit-target, #edit-app, #edit-package{width:100%; border-radius:3px;}
  #vb2-form #edit-lib, #edit-app, #edit-jar{width: 15.5em;}
    #vb2-form .form-radios{position: relative; top: -1.5em; left: 0.5em; width:99%;}      
    #vb2-form #edit-target-wrapper{width:30%; position: relative;  right:17em; *right: 0; }
}
@media screen and (max-width: 719px) {
  #vb2-form #status #progress_bar{min-width:25%;}
  #vb2-form #edit-brc-wrapper, #edit-usage-wrapper, #edit-profile-wrapper,#edit-rev-wrapper{width:12%; margin:0 1.5em !important;}
  #vb2-form #edit-platform-wrapper, #edit-arch-wrapper{width:16%; margin:0.5em 1.5em !important; position:relative; bottom:0.5em;}
  #vb2-form #edit-brc, #edit-usage, #edit-profile,#edit-rev, #edit-platform, #edit-arch, #edit-target, #edit-app, #edit-package{width:100%; border-radius:3px;}
  #vb2-form #edit-lib, #edit-app, #edit-jar{width: 15.5em;}
    #vb2-form .form-radios{position: relative; top: -1.5em; left: 0.5em; width:99%;}      
    #vb2-form #edit-target-wrapper{width:28%; position: relative;  right: 17em; *right: 0; }
}
#vb2-form{}
#vb2-form .fieldset-wrapper{padding:5px 0;}  

#jobs_pagination ul{text-align:center;}
#jobs_pagination ul li{display:inline-block; *zoom: 1; *display: inline; }
#clog{font-size:12px !important; line-height:18px;}
.target{text-decoration:none;}
.active_target{color:#000000;}
#vb2-form #edit-genre-wrapper{display:none;}
#vb2-form #rev_latest{float: left; 
  margin: 1.5em 0.5em 0 -0.5em;
  color: black;
  background: #ff8000;
  width: 3.2em;
  text-align: center;
  padding: 2px;
  cursor: pointer;}

#vb2-form #edit-quiet-wrapper, #edit-clean-wrapper{
    margin: 0.2em 0 0 0;
    border: solid 0px;}
    
#system_server, #system_process{height:500px; padding:10px; overflow:auto;border:1px solid #c0c0c0; }
.server_table{width:50%;}
.process_table{width:70%; text-align:center; position:relative;}
.server_table tr td, .process_table tr td{padding:4px; font-size:14px;}
.process_table tr td.idel_process{position:absolute; left:0;}
.server_table tr.server_class td{font-weight:bold;}
.server_table tr.server_class td span:last-child span.separate{display:none;}
.server_table tr.server_class td span.separate{padding:0 6px;}
