html { height: 100%; }
body {	font-size:13px;font-family:Tahoma,sans-serif; height: 100%; }
.clr {clear:both;}
#page-wrapper { width:1000px; height: 100%; background: white; box-shadow: 0 0 18px gray; -webkit-box-shadow: 0 0 18px gray;-moz-box-shadow: 0 0 18px gray; margin:0 auto;padding:10px; }
#page-content { padding: 3px; }
#page-footer { clear: both; text-align:center; padding: 10px; margin-top: 20px;   }

a, a:visited { color: #510000; }
input[type=text],input[type=password],textarea { 
    border:1px solid black;
    font-size:14px;
    padding:4px;
}
.text-standout { color: red; font-weight: bold; text-decoration: blink; text-transform: uppercase;}
input.attach-datepicker { width: 80px; text-align: center; }

.toolbar { background: #FFF1A5; text-align: center;}

table.data-grid { width: 100%; text-align: left; border: 1px solid #FACB4F; }
table.data-grid thead { font-weight: bold; }
table.data-grid  .data-grid-foot {  }
table.data-grid  .data-grid-cell { padding: 2px;  }
table.data-grid  .data-grid-row-odd { background: #FACB4F; }
table.data-grid  .data-grid-row-standout { background: lightblue; }

#page-navigation { margin-bottom: 10px; padding-top: 5px; border-bottom: 2px solid black; position: relative; }
#page-navigation .nav-page { border: 1px solid black; border-bottom: none;  position: relative; background: #FFF1A5; line-height: 20px; }
#page-navigation .nav-page a {    display: block; padding: 5px;  text-decoration: none;color: black; }
#page-navigation .nav-page a:hover {  background: white; }
#page-navigation .nav-page {  letter-spacing:1px;  font-weight: bold; float: left;   margin-left: 10px;  }
#page-navigation .nav-active {  background: white; top: 2px; border: 2px solid black; border-bottom: none; line-height: 19px;}
#page-navigation .nav-subpages { display: none; position: absolute;  left: -1px;   border: 1px solid black; border-top: none; z-index: 100; width: 200px;  }
#page-navigation .nav-subpages .nav-page { margin: 0; border: none;  width: 100%; }
#page-navigation .nav-subpages .nav-page a {  }
#page-navigation .nav-page:hover .nav-subpages { display: block; }

.box { border: 1px solid gray; background: white; box-shadow: 0 0 10px gray; -webkit-box-shadow: 0 0 10px gray;-moz-box-shadow: 0 0 10px gray;}
.box-header { text-transform: uppercase; padding: 5px; font-weight: bold;  background: none repeat scroll 0 0 #FFF1A5; border-bottom: 1px solid gray; }
.box-body { padding: 5px; }