body { padding-top: 50px; padding-bottom: 20px; }

/* Set padding to keep content from hitting the edges */
.body-content { padding-left: 15px; padding-right: 15px; }

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt { white-space: normal; }

/* Set width on the form input elements since they're 100% wide by default */
input, select, textarea { max-width: 280px; }

.bold { font-weight: bold !important; }
.w100p { width: 100% !important; }
.inline-block { display: inline-block; }
.bred { border: 1px solid red; }
.bgreen { border: 1px solid green; }
.bblue { border: 1px solid blue; }

/* LOADING */
.modaloverlay { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10001; background-color: #aaaaaa; opacity: .3; filter:Alpha(Opacity=30); }
.modalprogress { position: fixed; top: 50%; left: 50%; margin: -11px 0 0 -100px; font-weight: bold; font-size: medium; z-index: 10002; }
.theprogress { background-color: #ffffff; border: 1px solid #ccc; border-radius: 6px; padding: 10px; width: 200px; height: 50px; line-height: 30px; text-align: center; color: gray; vertical-align: middle; }
.theprogress img { vertical-align: middle; margin-bottom: .25em; }

/* TREE */
.tree td div { height: 20px !important;  }