html {height: 100%; margin: 3px; }
body {height: 100%; margin: 5px; font-family: Trebuchet MS,verdana,sans-serif; font-size: 11px; }
td {font-family: Trebuchet MS,verdana,sans-serif; font-size: 11px; }

/* iframe styles */

iframe.advanced { font-family: "arial", "helvetica"; font-size:10px; margin: 0px; padding: 0px; width: 352px; height: 250px; }

.login_popup { 
 position: absolute; 
 visibility: hidden;
 width: 200px;
 background-color: #ffffaa; 
 border: 1px solid black; 
 padding: 3px; 
 z-index: 10 
}

input.fancy, select.fancy, textarea.fancy  {
  font-family: verdana, arial, helvetica, sans-serif; 
  font-size: 10px; 
  border: #7f849e; 
  border-style: solid; 
  border-top-width: 1px; 
  border-right-width: 1px; 
  border-bottom-width: 1px; 
  border-left-width: 1px
} 

#framer {
text-align: justify;
width: 100%;
height: 100px;
}

.overflow {
overflow: auto;
width: 100%;
height: 90px;
} 

input.pagination {
  font-family:verdana, arial; 
  background-color: #ffffff;
  border-style: double;
  border-width: 1px;
  border-color: #7f849e;
}
input.selected_page {
  font-family:verdana, arial; 
  background-color: #e3e3e3;
  border-style: double;
  border-width: 1px;
  border-color: #7f849e;
}

h1 { font-family:Trebuchet MS,verdana,arial; font-size: 18px; font-weight: normal; margin: 0; margin-bottom: 0.5em;}
h2 { font-family:Trebuchet MS,verdana,arial; font-size: 16px; font-weight: bold; margin: 0;}
h3 { font-family:Trebuchet MS,verdana,arial; font-size: 14px; font-weight: bold; margin: 0;}

div.tag { 
	font-family:verdana, arial; 
	font-size: 8pt; 
	background-color: #ebebeb; 
	width:95%; 
	margin: 2px;
	text-align: center; 
}

option.tag { 
	font-family:verdana, arial; 
	font-size: 8pt; 
	background-color: lightgrey;
	margin: 2px;
	text-align: center; 
}


li { font-family:verdana, arial; }

.title { font-family:Trebuchet MS,verdana,arial; font-size: 16px; font-weight: bold; margin: 0;}

hr { color: #cccccc; background-color: #cccccc; height: 1px;}

table.list { 
  font-family:verdana, arial; 
  border-collapse: collapse;
  border-spacing: 0;
  border-style: double;
	border: solid #7f849e; 
	border-width: 0px 0px 2px 0px; 
} 

table.list th, tr.list_head { 
  font-family:verdana, arial; 
  font-weight: bold; 
  color: white;
  background-color: #1e5fa8;
} 

table.list tr.list_even { 
  font-family:verdana, arial; 
  background-color: #ffffff;
} 

tr.list_odd { 
  font-family:verdana, arial; 
  background-color: #eeeeee;
} 

tr.list_item { 
  font-family:verdana, arial; 
  background-color: #ffffff;
} 

table.table { 
  font-family:verdana, arial; 
  border-collapse: collapse;
} 

tr.table_head { 
	border-width: 0px 0px 0px 0px; 
} 

td.table { 
  font-family:verdana, arial; 
  font-size: 9px; 
	border: solid #1e5fa8; 
	border-width: 1px;
	padding: 2px; 
} 

table.calendar {   
  font-family:verdana, arial; 
  border-collapse: collapse;
  background-color: #e3e3e3;
  border-spacing: 0;
  border-style: double;
	border: solid #7f849e; 
	border-width: 0px 0px 2px 0px; 
} 

tr.calendar_head { 
  font-family:verdana, arial; 
  font-weight: bold; 
  color: white;
  background-color: #1e5fa8;
  font-size: 7pt;
	text-align: center;  
} 

table.calendar tr { 
  font-family:verdana, arial; 
  font-size: 7pt;
	text-align: center;  
} 

.dim { 
  color: #7f849e; 
} 

td.current { 
  background-color: #FFFFAA;
  border-style: double;
  border-width: 1px;
  border-color: #000000; 
}  

td.occupied { 
  background-color: #ffffff;
} 

td.currentoccupied { 
  background-color: #FFFFFF;
  border-style: double;
  border-width: 1px;
  border-color: #000000; 
} 

.weekend {
  background-color: #ff7f7f;
}

.weekendoccupied {
  background-color: #ffaaaa;
}

td.week {
  border-spacing: 0;
  border-style: double;
	border: solid #7f849e; 
	border-width: 0px 2px 0px 0px; 
  background-color:#e3e3e3;
}

td.tiny { 
  font-family:verdana, arial; 
  font-size: 7pt; 
} 

select.easy_date {
  font-family: courier new, monospace; 
  font-size: 9pt; 
}

a:link { text-decoration: none; outline: none; }
a:visited { text-decoration: none; outline: none; }
a:active { text-decoration: underline; outline: none; }
a:hover { text-decoration: underline; outline: none; }

td.left_menu {
	border-right: 1px solid #1e5fa8;	
}

span.divisions_menu, span.login {
	font-family:Trebuchet MS, verdana, arial; 
	margin-top: 5px;	
}

span.divisions_menu {
	float: left;	
}

span.login {
	font-family:Trebuchet MS, verdana, arial; 
	color: #FFFFFF;
	float: right;
	margin-right: 7px;	
}

.login_link {

}

a.menu { 
  font-family:Trebuchet MS, verdana, arial; 
  font-size: 13px; 
  color: #000000; 
  outline: none;
  vertical-align: middle;
  
}
a.menu:hover { 
  font-family:Trebuchet MS, verdana, arial; 
  font-size: 13px; 
  color: #000000; 
  text-decoration: none;
  outline: none;
  vertical-align: middle;

}