html {height: 100%; margin: 0px; }
body {height: 100%; margin: 0px; font-family: arial, verdana; font-size: 8pt;}

/* 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: 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
}

input.read_only  {
  background-color: transparent;
  border: #7f849e;
  border-style: solid;
	border-width: 0px 0px 0px 0px;
}

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

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

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

h1 { font-family: arial; font-size: 12pt; font-weight: normal; margin: 0; margin-bottom: 0.5em;}
h2 { font-family: arial; font-size: 10pt; font-weight: bold; margin: 0;}
h3 { font-family: arial; font-size: 8pt; font-weight: bold; margin: 0;}

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

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


li { font-family: arial; }

.title { font-family: arial; font-size: 11pt; font-weight: bold; }

hr {
}

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

tr.list_head { 
  font-family: arial; 
  font-weight: bold; 
  color: white;
  background-color: #7f849e;
} 

tr.list_even { 
  font-family: arial; 
  background-color: #ebebeb;
} 

tr.list_odd { 
  font-family: arial; 
  background-color: #e3e3e3;
} 

tr.list_item { 
  font-family: arial; 
  background-color: #a4a462;
} 

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: 9pt;
	border: solid #7f849e;
	border-width: 1px;
	padding: 2px;
}

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

th.calendar_head {
  font-family:verdana, arial;
  font-weight: bold;
  color: #444444;
  background-color: #C0C0C0;
  font-size: 7pt;
  border-style: double;
  border-width: 1px;
  border-color: #C0C0C0;
	text-align: center;
} 

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

.dim {
  color: #72778E;
  font-size: 7pt;
} 

td.dimoccupied { 
  background-color: #B2B4F3;
  font-size: 7pt;
  color: white;
} 

td.day {
  background-color: #e3e3e3;
  font-size: 7pt;
}  

td.current {
  background-color: #FFFFAA;
  border-style: double;
  border-width: 1px;
  border-color: #FFFFAA;
  font-size: 7pt;
}  

td.dayoccupied { 
  background-color: #B2B4F3;
  font-size: 7pt;
  color: white;
} 

td.occupied { 
  background-color: #B2B4F3;
  font-size: 7pt;
  color: white;
} 

td.currentoccupied { 
  background-color: #FFFFAA;
  border-style: double;
  border-width: 1px;
  border-color: #FFFFAA;
  font-size: 7pt;
} 

.weekend {
  background-color: #ebebeb;
  font-size: 7pt;
}

.weekendoccupied {
  background-color: #B2B4F3;
  font-size: 7pt;
  color: white;
}

td.week {
	width: 24px;
  border-spacing: 0;
  border-style: double;
	border: solid #e3e3e3;
	border-width: 0px 2px 1px 0px;
  background-color:#e3e3e3;
  font-size: 7pt;
}

td.month {
  background-color:#e3e3e3;
  font-size: 7pt;
}

table.red_calendar {   
  font-family:verdana, arial;  
  font-size: 7pt;
  border-collapse: collapse;
  background-color: #e3e3e3;
} 

th.red_calendar_head { 
  font-family:verdana, arial; 
  font-weight: bold; 
  color: #444444;
  background-color: #C0C0C0;
  font-size: 7pt;
  border-style: double;
  border-width: 1px;
  border-color: #C0C0C0; 
	text-align: center;  
} 

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

.red_dim { 
  color: #72778E; 
  font-size: 7pt;
} 

td.red_dimoccupied { 
  background-color: #B2B4F3;
  font-size: 7pt;
  color: white;
} 

td.red_day { 
  background-color: #e3e3e3;
  font-size: 7pt;
}  

td.red_current { 
  background-color: #FFFFAA;
  border-style: double;
  border-width: 1px;
  border-color: #FFFFAA; 
  font-size: 7pt;
}  

td.red_dayoccupied { 
  background-color: #B2B4F3;
  font-size: 7pt;
  color: white;
} 

td.red_occupied { 
  background-color: #B2B4F3;
  font-size: 7pt;
  color: white;
} 

td.red_currentoccupied { 
  background-color: #FFFFAA;
  border-style: double;
  border-width: 1px;
  border-color: #FFFFAA; 
  font-size: 7pt;
} 

.red_weekend {
  background-color: #ebebeb;
  font-size: 7pt;
}

.red_weekendoccupied {
  background-color: #B2B4F3;
  font-size: 7pt;
  color: white;
}

td.red_week {
	width: 24px;
  border-spacing: 0;
  border-style: double;
	border: solid #e3e3e3; 
	border-width: 0px 2px 1px 0px; 
  background-color:#e3e3e3;
  font-size: 7pt;
}

td.red_month {
  background-color:#e3e3e3;
  font-size: 7pt;
}

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

select.easy_date {
  font-family: courier new, monospace; 
  font-size: 9pt; 
}
a:link { color: #53546e; text-decoration: none; outline: none; }
a:visited { color: #8688b2; text-decoration: none; outline: none; }
a:active { color: #53546e; text-decoration: underline; outline: none; }
a:hover { color: #53546e; text-decoration: underline; outline: none; }


/* ------------------------------------ START division TOP MENY */

a.division { 
  font-family: arial; 
  font-size: 8pt; 
  color: white;
  outline: none;
}
a.division:hover { 
  font-family: arial; 
  font-size: 8pt; 
  color: #FFFF00; 
  text-decoration: none;
  outline: none;
}
a.division:active { 
  font-family: arial; 
  font-size: 8pt; 
  color: white; 
  text-decoration: none;
  outline: none;
}
a.division:visited { 
  font-family: arial; 
  font-size: 8pt; 
  color: white; 
  text-decoration: none;
  outline: none;
}

/* ------------------------------------ END division TOP MENY */

/* ------------------------------------ START undermeny TOP MENY */

a.menu { 
  font-family: arial; 
  font-size: 8pt; 
  color: black;
  outline: none;
}
a.menu:hover { 
  font-family: arial; 
  font-size: 8pt; 
  color: #666666; 
  text-decoration: none;
  outline: none;
}
a.menu:active { 
  font-family: arial; 
  font-size: 8pt; 
  color: black; 
  text-decoration: none;
  outline: none;
}
a.menu:visited { 
  font-family: arial; 
  font-size: 8pt; 
  color: black; 
  text-decoration: none;
  outline: none;
}

/* ------------------------------------ END undermeny TOP MENY */
/* ------------------------------------ START cmp_menu */

a.cmp_menu { 
  font-family: arial; 
  font-size: 8pt; 
  color: black; 
  outline: none;
}
a.cmp_menu:hover { 
  font-family: arial; 
  font-size: 8pt; 
  color: black; 
  text-decoration: none;
  outline: none;
}
a.cmp_menu:active { 
  font-family: arial; 
  font-size: 8pt; 
  color: black; 
  text-decoration: none;
  outline: none;
}
a.cmp_menu:visited { 
  font-family: arial; 
  font-size: 8pt; 
  color: black; 
  text-decoration: none;
  outline: none;
}

/* ------------------------------------ END cmp_menu */

td.division {
  height: 25px;
  text-align: left;
} 

td.current_division {
  height: 25px;
  text-align: left;
}

.non-print_info{
	
}

/* WINDOW */
    
    .win_outer {position: absolute; top: 120px; left: 550px; width: auto; background: #EEE; border: #444 1px solid; padding: 0px; z-index: 99;}
    .win_outer .win_inner   {border: 1px solid; border-color: #FFF #AAA #AAA #FFF; padding: 1px;}
    .win_outer .win_caption {background: #369; padding: 2px; color: #FFF; font-weight: bold;}
    .win_outer *     {font-size: 11px; cursor: default;}
    .win_outer table {width: 280px;}
    .win_outer form {padding: 0px; margin: 0px;}
    .win_outer .input	{float: right; width: 130px; cursor: text!important;}
    .win_outer .button	{float: right;}
  
    .hideMe {display: none;}
    
    .win_outer fieldset {
        margin-bottom: 5px;
    }
    
    .win_outer fieldset input {
        width: 100%;
    }
    
    .win_outer fieldset textarea {
        width: 100%;
    }