body,html { height: 100%; }

body {
	
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}

.mainBG {

background: white url(images/body_bg.gif) top left repeat-x;

}


table,td {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}

li {
 margin-bottom:4px;
}

#mainTable {
  height: 100%;
  width: 90%;
  /*
  border-left: 1px solid #444;
  border-right: 1px solid #444;
  */
  background: white;
}

a { color: #8ad; }
a:hover { color: #26e; }

#pageHeader {
  height: 80px; 
  background-color: #888;
}

#HMenu {
  height: 29px;
  background-color: #666;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
  font-size: 12px;
}
#HMenu ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
#HMenu li {
  display: inline;
  float: left;
  margin-bottom:0px;
}
#HMenu a.hmenu {
  display: block;
  padding: 4px 18px 4px 18px;
  min-width: 80px;
  text-align: center;
}
#HMenu a.active {
  background: red;
}
#HMenu a:hover.hmenu {
  background: #444;
  color: #4af;
}

div.menuTitle {
  padding: 4px;
  border-bottom: 1px solid #aaa;
}

#leftMenu ul {
  font-weight: bold;
  list-style-type: none;
  margin: 0px; padding: 0px;
  margin-bottom: 2px;
  font-size: 11px;
}
#leftMenu li {
  display: inline;
  /*float: left;*/
  margin: 0px; padding: 0px;
}
#leftMenu a {
  display: block;
  padding: 2px;
  padding-left: 5px;
  margin-bottom: 2px;
  height: 20px;
  border-bottom: 1px solid #eee;
  background: white;
}
#leftMenu li.active a {
  background-color: #fffaf2;
}
#leftMenu a:hover, 
#leftMenu a:hover.active {
  background-color: #f6f6f6;
}

#leftMenu td {
  /*background-color: #f6f6f6;*/
}

#leftCol {
  border-right: 1px solid #ddd;
}

#footer {
  height: 20px;
  background-color: #aaa;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
}
#footer td {
  font-size: 12px;
}

#footer span.copyright {
  color: #888;
}

#main {
  width: 100%;
  min-width: 400px;
  font-size: 11px;
}

.loginbody {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;

}

#userLogin input.text, 
#userLogin input.password {
  border: 1px solid black;
  width: 110px;
  padding: 1px 2px 1px 2px;
  font-size: 11px;
}
#userLogin input.button {
  border: 1px solid #444;
  font-size: 10px;
  padding: 1px 2px 1px 2px;
}

#userLogin input.button :hover {
  background: red;
}

#frontLogin div.frontLoginUser {
  padding: 4px 4px 2px 32px;
  background: white url(images/user.gif) center left no-repeat;
  
}
#frontLogin div.frontLoginPass {
  padding: 4px 4px 2px 32px;
  background: white url(images/key.gif) center left no-repeat;
}

#frontLogin input.text,
#frontLogin input.password {
  border: 1px solid black;
  padding: 1px 2px 1px 2px;
  width: 180px;
  font-size: 14px;
  background: white url(/images/input_bg1.gif) top left repeat-x;
}
#frontLogin input:focus.text,
#frontLogin input:focus.password {
  border-color: blue;
  background: white url(/images/input_bg1_on.gif) top left repeat-x;
}

td#frontLoginContainer {
  background: white;
}

div.hwelcome {
  color: #ddd;
  padding-right: 8px;
}
div.hwelcome .name {
  color: white;
}
div.hwelcome a:hover {
  color: #88e;
}

div.pageTitle {
  font-size:12px;
  font-weight: bold;
  padding: 5px;
  border-bottom: 1px solid #ddd;
}
div.pageSubTitle {
  font-weight: bold;
  font-size: 95%;
  padding: 2px;
  padding-left: 5px;
}

table.dataTable td { font-size: 80%; }

tr.tableHeader {
  background-color: #e4e4e4;
}
tr.tableHeader td {
  font-weight: bold;
  border-bottom: 1px solid #888;
}
tr.even { background-color: #f6f6f6; }
tr.odd  { background-color: #fefefe; }
tr.clickable {
  cursor: pointer;
}
tr:hover.clickable,
tr:hover.clickable { 
  background-color: #def;
  
}
tr.incomplete{
	background-color: #FFFFAA;
}

tr.archivedrow{
	background-color:#CCCCCC;
}

form.cleanForm input.text,
form.cleanForm input.password {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  border: 1px solid black;
  padding: 1px 2px 1px 2px;
  background: white url(/images/input_bg1.gif) top left repeat-x;
  margin: 4px;
  float: left;
}
form.cleanForm select {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  border: 1px solid black;
  padding: 1px 2px 1px 2px;
  margin: 4px;
  float: left;
}
form.cleanForm textarea {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  border: 1px solid black;
  background: #fafafa;
  padding: 2px;
  font-family: Arial, Sans-Serif;
  font-size: 12px;
}
form.cleanForm textarea:focus {
  border-color: blue;
  background: #fafaff;
}
form.cleanForm input:focus.text,
form.cleanForm input:focus.password {
  border-color: blue;
  background: white url(/images/input_bg1_on.gif) top left repeat-x;
}
form.cleanForm input.checkbox {
  /*height: 22px; width: 22px;*/
}
form.cleanForm table.dateSelect {
  float:left;
  
}
form.cleanForm label {
  width: 120px;
  text-align: left;
  margin: 4px;
  float: left;
}
form.cleanForm br {
  clear: both;
}

form div.buttonBar {
  padding: 6px;
  background-color: #eee;
  border: 3px solid #e4e4e4;
}

form input.reset,
form input.button,
form input.submit {
  border: 1px solid #aaa;
  background: url(/images/button_bg1.gif) bottom left repeat-x;
  background-color: transparent;
  height: 24px;
  width: 100px;
  padding: 3px; margin-left: 3px;
  text-align: right;
}

label.invalidField { color: #800; }
img.calendarButton {
  margin: 4px; padding: 0px;
}

table.dateSelect tr.dayLetters td {
  background: #eee;
}
table.dateSelect td.emptyDay {
  color: #aaa;
}
table.dateSelect td.current {
  border: 1px solid #ddd;
  background: #fed;
}
td.calendarDateInput {
  letter-spacing:normal;
  line-height:normal;
  font-family:Verdana,Sans-Serif;
  font-size:12px;
  padding: 3px;
  background:white;
}
select.calendarDateInput {
  letter-spacing:.06em;
  font-family:Verdana,Sans-Serif;
  font-size:11px;
}
input.calendarDateInput {
  letter-spacing:.06em;
  font-family:Verdana,Sans-Serif;
  font-size:11px;
}
div.tooltip{
	padding: 6px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	border:1px dashed #DDDDDD;
	background-color:#FFFFEE;
}
div.alert{
	width:100%;
	padding:5px 10px 5px 20px;
	background:url(/themes/default/images/error.gif) #FFFFAA no-repeat top left;
}
div.sectionNavigation {
	font-weight:bold;
	margin-bottom:10px;
}
span.requiredField{
	color:red;
}

table.calendarMain{
	margin-top:25px;
	margin-left:5px;
}

html>body table.calendarMain{
	margin-top:0px;
	margin-left:0px;
}

.pagingContainer{
	text-align:left;
}

.pagingNav{
}

.pagingNavItem{
	display:inline;
	padding:4px 6px 0px 2px;
}

.pagingNavItem:hover{
	display:inline;
	padding:4px 6px 0px 2px;
}