body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #FFFFFF;
  font-size: 12px;
  /* margin-left:10%; */
}

#page {
  width: 540px;
  margin-left: 20px;  
  margin-right:10px;
  margin-top:10px;
  float: left; 
}


h1{
margin: 0;
}
h1 a{
background-image: url(../dev/amgm_layout/logo.jpg);
display: block;
height: 99px;
text-indent: -99999px;
}
h2{
font-size: 16px;
}
h3{
font-size: 14px;
}

.calendar{
border-collapse: collapse;
border-left-style: solid;
border-top-style: solid;
border-width: 1px;
margin-right: 12px;
}
.calendar td{
border-right-style: solid;
border-bottom-style: solid;
border-width: 1px;

text-align: center;
font-size: 14px;
}
.calendar .empty{
background-color: #ccc;
}
.calendar .header td{
font-weight: bold
}
.calendar a{
display: block;
padding: 2px;
text-decoration: none;
}
.today{
font-weight: bold;
}
#req{
background-color: #eee;
}
.today a{
color: #C60;
}
label{
width: 140px;
float: left;
display: block;
}
form p{
clear: both;
text-align: left;
}
#guard_table_helpdesk, .guard_table{
 width: 100%;
 font-size: 12px;
 border-collapse: collapse;
 }

 .guard_table{
 width: 45%;
 float: left;
 margin-right: 1%;
 }
 #guard_table_helpdesk td, .guard_table td{
 border-bottom-style: solid;
border-width: 1px;
border-color: #ccc;
 }
 .topheader{
 font-weight: bold;
 }


.smarttable #highlight td{
 background-color: 	#6C7072;
 color: #ccc;
 cursor: pointer;
}

.smarttable #highlight td.blue{
 background-color: 	#373E55;
  cursor: pointer;
}