@charset "windows-1252";

body, form {

  margin: 0;

}

p, th, td, input, select, textarea {

  text-align: left;
  font: 11px Verdana, Helvetica;

}

th {

  white-space: nowrap;

}

.radio_checkbox {

  width: auto;
  text-align: center;

}


input, select, textarea {

  width: 200px;
  margin: 0;

}                       

.completed {
  text-decoration: line-through;
}


.detail, th {

  color: #666699;

}                       

#header {
  
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  min-width: 800px;
  width: 100%;
  height: 67px;
  background: #283851;
  border: 0;
  border-bottom: 1px solid #141B21;

} 

#nav {
  
  position: relative; 
  top: 0; 
  left: 0; 
  margin: 0;
  padding: 0;
  min-width: 800px; 
  width: 100%; 
  height: 67px; 
  border: 0; 
  background: url(../img/nav_bg.gif);
  
}

#container {

  background: url(../img/left_bg.gif);
  background-repeat: repeat-y;
  position: relative;
  top: 0;
  left: 0;
  margin: 0 10px 10px 10px;
  padding: 0;
  border-top: 1px solid #B4BDC7;
  border-right: 1px solid #B4BDC7;
  border-bottom: 1px solid #B4BDC7;
  min-width: 780px;
  min-height:400px;
  height:auto !important;
  height:400px;

}

#left_nav {
  
  position: relative;
  width: 204px;
  margin: 3px;

}

#left_container{

  position: absolute;
  /*float: left; */
  margin: 0;
  padding: 0;
  border-left: 1px solid #B4BDC7;
  top: 0;
  left: 0;
  width: 210px;
  background: #E6E6ED;
  height: 300px;

}

#find {

  background: url(../img/find_over.gif) no-repeat;

}

#print {

  background: url(../img/print_form_over.gif) no-repeat;

}

#log {

  background: url(../img/log_over.gif) no-repeat;

}

#task {

  background: url(../img/task_over.gif) no-repeat;

}

#day {

  background: url(../img/day_over.gif) no-repeat;

}

#logout {

  background: url(../img/logout_over.gif) no-repeat;

}

#register {

  background: url(../img/register_over.gif) no-repeat;

}

#new {

  background: url(../img/new_over.gif);

}

.main_button {

  font: italic bold 18px Arial Narrow ;
  color: white;
  height: 52px;
  float: left;
  background: url(../img/nav_bg1.gif);

}

.main_button a {
  line-height: 28px;
  color: white;
  text-decoration: none;
}


.title_bar{

  padding-left: 5px;
  font: italic bold 15px Arial Narrow ;
  color: white;
  position: relative;
  margin-left: 212px;
  top: 0;
  height: 32px;
  width: 550px;
  background: url(../img/bar_bg.gif); 
 
}

.text{

  position: relative;
  margin: 0 0 32px 227px;
  width: 650px;

}

#table{

  position: relative;
  margin: 0 0 32px 227px;
  width: 650px;

}

.bar_end{
  
  left:0;
  float: right;
 
}

.bar_item{

  border-left: 1px solid white;

}

.v_separator {

  float: left; 
  width: 2px;
  font-size:1px;
  
}

.left_butt {
  
  text-decoration: none;
  font: 11px Verdana, Helvetica;
  color: black;
     
}

.required {

  color: red;

}


.cssnav
{
position: relative;
font-family: arial, helvetica, sans-serif;
display: block;
width: 204px;
height: 40px;
margin: 0;
padding: 0;
}

.cssnav a
{
font-size: 11px;
width: 204px;
height: 40px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav img
{
width: 204px;
height: 40px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav a:hover img
{
visibility:hidden
}

.cssnav span
{
position: absolute;
width:158px;
left: 43px;
top: 13px;
margin: 0px;
padding: 0px;
cursor: pointer;
}

.error {

  background: #FF3333;
  color: white;

}

.good {

  background: #33CC66;
  color: black;

}

.warning {

  background: #FFFF99;
  color: black;

}