body {
  font-size: 10px;
  margin-left:auto;
  margin-right:auto;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#636363;
  background:#9FA9B3;
  behavior:url("js/csshover.htc"); 
}

#wrapper {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  margin: 0px;
  
}
div#header {
  /*background-color: #ff6d1d;*/
  background-color: #fff;
  height: 55px;
  border-bottom: 1px solid #999;
}
#header img {
  border:0px;
  margin:0px;
}
div#menu  {
  margin:0px;
  padding:0px;
  background-image: url('images/menu_bg.png');
  background-repeat: repeat-x;
  font-size:10px;
  width:100%;
}

#menu ul, #submenu ul,#submenu_bottom ul, #actions ul  {
  margin: 0px;
  padding:0px;
  white-space: nowrap;
  line-height: 30px;
  
}
#menu li, #submenu li,#submenu_bottom li, #actions li {
  
  padding: 6px;
  margin:0px;
  list-style-type:none;
  text-align:right;
  display:inline;
}
#submenu li,#submenu_bottom li {
  border:1px solid white;
  
}
#menu td {
  width:85px;
  padding:0px;
  text-align:center;
  border-right:1px solid #999;
  height:30px;
  vertical-align:middle;
}
#menu ul {
  padding:0px;
  
}
#submenu td {
  border-bottom: 2px solid #bfbfbf !important;
  padding:0px !important;
  font-size:10px !important;
  /*background-image: url('images/menu_bg.png') !important;
  background-repeat: repeat-x;*/
}
#submenu_bottom td {
   border-top: 2px solid #bfbfbf !important;
   padding:0px !important;
   font-size:10px !important;
}
#submenu li:hover, #submenu_bottom li:hover {
/*   x */
  border: 1px solid #bbb;
}
#menu td:hover {
  background-color: #999;
  
}
#menu td:hover .link {
  color: white;
}
#menu .selected {
  background-color: #999;
  color: white;
  
}
#menu .selected a {
  color: white;
  
}
#menu a,
#submenu a,
#submenu_bottom a,
#actions a,
#menu a:hover,
#menu a:visited,
#menu a:active,
#actions a:hover,
#actions a:visited,
#actions a:active,
#submenu a:hover,
#submenu a:visited,
#submenu a:active,
#submenu_bottom a:hover,
#submenu_bottom a:visited,
#submenu_bottom a:active {
  color: black;
  text-decoration: none;
}
div#content {
  padding-left:20px;
  background-color: white;
  padding-bottom:50px;
  
  background-image: url('images/content_bg.png');
  background-repeat: repeat-y;
}
#content table {
  border:2px solid #bfbfbf;
  background: #bfbfbf;
}
#content td, th {
  padding:      2px 5px;
  margin:       100px 3px 3px 3px;
  color:        #000;
  font-size:      8pt;
  height:       25px;
  border:0px;
  background: white;
}
#content th {
  background-color: #dbedee;
  text-align:left;
  
}
#content img {
  display: inline;
  border: 0px;
  vertical-align: middle;
}

#listing {
  empty-cells: show;
}
#listing .even td{
  background-color: #fff !important;
}
#listing .odd td {
  background-color: #eee !important;
}

#listing .green td{
  background-color: #d8ffdb;
}
#listing .orange td{
  background-color: #ffe2ad;
}
#listing .red td {
  background-color: #ff9694;
}


#searchbar input {
  width:125px;
}
#searchbar td {
  padding: 5px;
  text-align:center;
}
#searchbar .datefield {
  width:100px !important;
}
#content .a400px
{
        width:                          400px;
}
#content .a200px
{
        width:                          200px;
}
#content .a150px
{
        width:                          150px;
}

#content .a125px
{
        width:                          125px;
}

#content .a100px
{
        width:                          100px;
}

#content .a75px
{
        width:                          75px !important;
}

#content .a50px
{
        width:                          50px;
}

#content .a25px
{
        width:                          25px;
}
#content .red td
{
  background-color: #ffe2ad;
}
#content input, select {
  
  border: 1px solid #888;
  background-color: white;
  
}
#content input.datebutton {
  vertical-align: bottom;
  border: none;
  width:16px;
}
div#filter {
  margin: 10px 0px 10px 0px;
  border: 1px solid #999;
  padding: 5px;
  background-color: #eee;
  width: 250px;
}
div#datebuttons {
  margin: 5px 0px 5px 0px;
  padding: 5px;
  background-color: #ddd;
  width: 203px;
}
#datebuttons input {
  width: 25px;
  height: 20px;
  
}

#infobox {
  padding:0px;
  color:black;
  border: 3px solid #bfbfbf;
  background: #fff;
  position:relative;
}
#infobox .img, #actions .img {
  vertical-align:middle;
}

#actions {
  position:relative;
}
#footer {
   margin: 0px;
   height:44px;
   background: #FCFCFC url("images/footer_bg.png") bottom left repeat-x;
   border-top: 1px solid #bfbfbf;
   font-size: 9px;
   padding-left: 20px;
}
#calendar_week {
  background-color: #bfbfbf;
  font-size: 10px !important;
  border-right: 1px solid  #bfbfbf;
  border-top: 1px solid  #bfbfbf;
}
#calendar_week td,#calendar_week th {
  font-size: 10px !important;
  height: 15px;
  padding:0px;
  text-align:center;
  border: 0px solid black;
  border-bottom: 1px solid #bfbfbf;
  border-left: 1px solid #bfbfbf;
  background-color: white;
}
#calendar_week th {
  background-color: #dbedee;
  font-weight:normal;
  border-bottom: 1px solid #bfbfbf;
  text-align:center;
  border-left: 1px solid #bfbfbf;
  
}
#calendar_week .even td {
  border-bottom: 1px solid #d0e4e5;
}
#calendar_week td.reserved, #calendar_week td.invited {
  background-color: #eee;
  vertical-align: top;
  text-align: left;
}
#calendar_week td.invited {
  background-color: #ee4;
}
#calendar_week .reserved a, #calendar_week td.invited a {
  background-color: #eee !important;
  vertical-align: top;
  font-size: 10px !important;
  color: #111 !important;
}
#calendar_week td.invited a {
  background-color: #ee4 !important;
}
#calendar_week td.show_morning a {
  display:inline !important;
  width:50px !important;
}

#calendar_week a,
#calendar_week a:link,
#calendar_week a:visited,
#calendar_week a:active {
  font-size: 14px;
  display: block;
  background: white;
  color: white; 
  text-decoration:none;
  height: 16px;
  width: 100px; 
}
#calendar_week a:hover {
  background-color:#eee;
}

#calendar_wrapper {
  margin:0px 10px 10px 0px;
  
}
#calendar_wrapper .weeknumber {
  color:#555;
  font-size:10px;
}
#calendar_wrapper td,#calendar_wrapper th {
  border:1px solid white;
  background-color: white;
  text-align:center;
}
#calendar_wrapper th {
  border: 0px;
  background-color: #dbedee;
}
#calendar_wrapper .selected td {
  border: 0px;
  background-color:#eee;
}
#calendar_wrapper .reserved {
  font-weight:bold;
}
#calendar_wrapper .holiday {
  background-color:#ffc182 !important;
}
#calendar_wrapper .element {
  margin-bottom: 5px;
  background-color: #bfbfbf;
  margin-right: 10px !important;
}
#calendar_wrapper .days td
{
  padding:0px;
  width:28px !important;
}
#calendar_wrapper .other {
  margin-bottom: 19px;
  margin-right: 10px;
  background-color: #bfbfbf;
  text-align:left;
}
#calendar_wrapper .other th,#calendar_wrapper .other td {
  text-align:left !important;
}

#calendar_wrapper a {
  text-decoration: none;
  color:black;
}
td#today {
  border:1px solid #999 !important; 
}
#today .reserved {
  font-weight: bold; 
}


.hidden {
  display: none;
}

.tip {
  font:10px/12px Arial,Helvetica,sans-serif;
  border:solid 1px #666666;
  width:270px;
  padding:1px;
  position:absolute;
  z-index:100;
  visibility:hidden;
  color:#333333;
  top:20px;
  left:90px;
  background-color:#ffffcc;
  /*layer-background-color:#ffffcc;*/
}

#details .small {
  font-size: 9px !important;
  color: #666;
  margin:0px;
}
#details .error {
  background-color: #ffaaaa;
}
.error td {
  background-color: #ffaaaa !important;
}
.error {
  background-color: #ffaaaa !important;
  padding:5px;
}
.line {
  font-size:11px;
  font-weight:bold;
  border-bottom:1px solid #999;
  padding:2px;
}

#details .error p {
  font-size:9px;
}
 .header {
  text-align: right;
}
#commentheader
{
  border-bottom: 1px solid black;
  width:100%;
}
#timeline th, #timeline td {
  font-size:9px;
}

#timeline .reserved {
  background: #d8efff;
}

a:link, a:visited, a:active {
  color: black;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
h3 {
  margin: 0px 5px 10px 5px;
}
input, select, textarea {
  font-size:11px
}


/*input, select {
  width: 100%;
}*/