.boldbutton {
   font-weight: bold !important;
}
.redbutton {
   color: red !important;
}
.redbutton[disabled] {
   color: lightgray !important;
}
.redboldbutton {
   color: red !important;
   font-weight: bold !important;
}
.redboldbutton[disabled] {
   color: lightgray !important;
}
.screencontainer {
   text-align:center;
   position:fixed;
   z-index:15 !important;
   height:100%;
   width:100%;
   left:0;
   top:0;
}

.opaquebackground {
   text-align:center;
   z-index:15 !important;
   position: fixed;
   height:100%;
   width:100%;
   left:0;
   top:0;
   background-color:black;
   filter: alpha(opacity=75);
   -khtml-opacity:0.75;
   -webkit-opacity:0.75;
   -moz-opacity:0.75;
   opacity:0.75;
}

.questionbox {
   display:inline-block;
   text-align:center;
   position:relative;
   font-size:10pt;
   padding:5px;
   align:center;
   margin-top:200px;
   margin-right:auto;
   margin-left:auto;
   width:auto;
   background-color:white;
   border:2px solid #2b6600;
   z-index:20;
}

.windowcontainer {
   text-align:center;
   position:fixed;
   z-index:10 !important;
   height:100%;
   width:100%;
   left:0;
   top:0;
}

.windowopaquebackground {
   text-align:center;
   position:fixed;
   z-index:10 !important;
   height:100%;
   width:100%;
   left:0;
   top:0;
   background-color:black;
   filter: alpha(opacity=75);
   -khtml-opacity:0.75;
   -webkit-opacity:0.75;
   -moz-opacity:0.75;
   opacity:0.75;
}

.windowbox {
   display:inline-block;
   position:relative;
   font-size:10pt;
   padding:5px;
   margin:100px;
   margin-right:auto;
   margin-left:auto;
   width:auto;
   background-color:white;
   border:2px solid #2b6600;
   z-index:15;
}

.multiselect {
   font-size:8pt;
   border:0px;
   padding:0px;
   height:130px;
   border:1px solid #2b6600;
   overflow:auto;
   white-space:nowrap;
}

.multiselect label {
   display:block;
   white-space:nowrap;
   font-weight:400;
   padding:0;
}


.searchbox {
   position:relative;
   display:block;
   width:215px;
   align:center;
   left:660px;
   top:-25px;
//   height:21px;
   font-size:8pt;
   border:1px solid #2b6600;
//   margin:4px;
   padding:2px;
   background-color: #e0f2d0;
}
.webbuild {
   font-size: 8pt;
   font-family: liberationsans, freesans, arial, verdana, sans-serif;
   line-height: 1.3em;
   color: #000000;
   margin:0px;
}
.webbuild td { font-size: 8pt; border:0; }
}
.webbuild table { font-size: 9pt; font-family: liberationsans, freesans, arial, verdana, sans-serif; background-color: rgb(255, 255, 255);  }
.webbuild img { border: 0; margin: 0px; vertical-align:middle; }
.webbuild h1 { font-size: 13pt; font-weight: bold; }
.webbuild h2 { font-size: 11pt; font-weight: bold; }
.webbuild h3 { font-size: 10pt; font-weight: bold; margin-top: 20px; margin-bottom: 2px; }
.webbuild h4 { margin:5; margin-right: 10; font-size: 9pt; font-weight: normal; }*/
.webbuild hr { margin:0; color:white; }
.webbuild div { margin-bottom:1px; padding-bottom:1px; }

.editor {
   width:690px;
   height:300px;
   border:1px solid #cccccc;
   padding:0px;
   margin:0px;
   font-family:monospace;
   font-size:8pt;
}

.maintainer {
   width:684px;
   height:300px;
   overflow:auto;
   font-size:7pt;
   border:1px solid #2b6600;
   padding:0;
   margin:0;
   background-color:white;
   float:left;
}


.processes {
   float:left;
   font-size:7pt;
   padding:0px;
   height:130px;
   line-height: 130%;
   margin-bottom: 2px;
   border:1px solid #2b6600;
}

.notes {
   width:680px;
   font-size:7pt;
   border:1px solid #2b6600;
   padding:2px;
   margin:0;
   margin-bottom:2px;
   background-color:#ffff00;
}

.output {
   width:680px;
   height:300px;
   overflow:auto;
   overflow-x:hidden;
   word-wrap: break-word;
   font-family:monospace;
   font-size:8pt;
   font-weight:400;
   border:1px solid #2b6600;
   padding:2px;
   margin:0;
   background-color:black;
   color:white;
}

.output a:link {
   text-decoration: underline;
   color:white;
}

.output a:visited {
   text-decoration: underline;
   color:white;
}

.matrix {
   width:100%;
   height:97%;
   word-wrap: break-word;
   overflow:auto;
   font-size:7pt;
   padding:0px;
   top:5px;
   left:5px;
//   background-color:#e0f2d0;
/*   -moz-column-count: 2;
   -moz-column-gap: 1.5em;
   -moz-column-rule: none;
   -webkit-column-count: 2;
   -webkit-column-gap: 1.5em;
   -webkit-column-rule: none;
   / future proof 
   column-count: 2;
   column-gap: 1.5em;
   column-rule: none;*/
}

.CodeMirror {
   border:1px solid #2b6600;
//   font-size:10px; // causes problems
}

.jspVerticalBar {
   width:4px;
}

.jspHorizontalBar {
   height:4px;
}

.jspDrag {
   background: #2b6600;
}

.scroll-pane {
   background-color: #e0f2d0;
   height:130px;
   width:200px;
   overflow:auto;
   float:right;
}

.scroll-pane1 {
   height:100px;
   width:390px;
   overflow:auto;
   white-space:nowrap;
}

.scroll-pane2 {
   height:200px;
   width:390px;
   overflow:auto;
}

.scroll-pane3 {
   background-color: #e0f2d0;
   height:130px;
   width:685px;
   overflow:auto;
   float:right;
}

.scroll-pane3-h {
   height:272px;
   width:400px;
   overflow:auto;
   white-space:nowrap;
}

.scroll-pane3-v {
   height:272px;
   width:400px;
   overflow:auto;
}

/* socialbox */
.socialbox {
   float:right;
   font-size:8pt;
   border:0px;
   padding:0px;
   height:130px;
   line-height: 100%;
   margin: 0px;
   border:1px solid #2b6600;
}
.socialbox div { margin-bottom:1px; }
.socialbox hr { margin: 0; }
.downloadbox table { font-size: 9pt; border:1px solid #2b6600; margin: 4px; padding:4; background-color: #e0f2d0; }