body{
  font-family:Arial, Helvetica, Sans-Serif;
  font-size:11px;
  color:#000000;
  background:#eeeeee;
}

table {
  font-size:11px;
}

#appContainer {
  margin:auto; 
  
  padding:15px;
  border-style:solid;
  border-width:1px;
  border-color:#999;
  width:750px;
  background:#ffffff;
}

#appOuterTable{
  width:100%;
  height:600px;
}

#appOuterTable td{
  vertical-align:top;
}

.appBodyTable{
  width:100%;
}


.appArticleDiv{
  height:650px;
  margin:auto;
}

.appArticleTable td, .appBodyTable td {
  padding:2px;
}

.appArticleHeading{
  font-size: 16px;
  font-weight: bold;
  color: #2779AA;
}

.appEventTable td{
  text-align:left;
  vertical-align:top;
}

hr{
    height:1px; 
    color:#999999; 
    background-color:#999999; 
    border:0;
}    

input, select{vertical-align:middle;}
input.textInput{border:solid 1px #999;height:18px;padding-top:2px;margin-top:2px;width:200px;}
select{border:solid 1px #999;margin-top:2px;width:200px;}
textarea{margin-top:2px;}
input.checkbox{width:14px;height:14px;padding:0;margin:3px;margin-left:0;}
input.button{border: 1px solid #999;background: #eee;padding:2px;margin:2px;}
input.file{border:solid 1px #999;height:18px;padding-top:2px;margin-top:2px;width:200px;}

.largeSelect{
  border:solid 1px #999;
  margin-top:2px;
  width:280px;
}


#errorbox{
  color: #f00;
  font-weight: bold;
  padding-bottom:5px;
}

.appTopHeader {
  color:#2779AA;
  font-size:20px;
  font-weight:bold;
}

#templateTable td{
  padding:3px;
}

.uiLink{
  color:#de712c;
  font-size:11px;
  font-weight:bold;
  text-decoration:none;
}

.ajaxStatus{
  color:#999999;
  font-size:11px;
  font-weight:bold;
  text-decoration:none;
}