body{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 61%;
	color: #333333;
	background: #cccccc;
}

body.empty{
	background: #ffffff;
}

h1, h2, h3, h4, h5, h6{color: #333333;}
h1{font-size: 1.4em;}
h2{font-size: 1.1em; margin: 20px 0 5px 0 ;}
#important .h2indent{margin: 0 5px 0 5px;}
a{color: #336699;}

.calHide{display: none;}

.nobold{font-weight: 100;}
.divider{
	width: 100%;
	height: 2px;
	margin: 15px 0;
	border-top: 2px solid #CEBBA5;
}

.print{visibility: hidden;}


.wrappermargin{margin: 0 20px;}
.contentpadding{padding: 15px;}
.navigationpadding{padding: 0 0 0 20px;}
.sectionpadding{padding: 10px;}
#wrapper{
	max-width: 1280px;
	min-width: 980px; 
	width: 96%;
	margin: 0 auto;
	text-align: left;
	font-size: 1.15em;
	border-left: 1px solid #999999;
	border-right: 1px solid #666666;
	background: #ffffff;
}

#container{ 
	width: 100%;
	float: left;
	text-align: left; 
}

#popup_wrapper #container{
	width: 98%;
	margin: 1%;
	display: inline;
	float: left;
	text-align: left;
}

#content{
	margin-right: 200px;
	padding: 0 0 20px 0;
}



#navigation{
	width: 200px;
	float: left;
	margin-left: -200px;
	text-align: left;
}

#clear_left{
	width:100%;
	clear:left;
}

iframe{
	width: 100%;
}

#frame_container{
	clear: both;
	width: 100%;
	float: left;
}

#frame_wrapper{
	width: 100%;
	float: left;
}

#popup_wrapper{
	width: 100%;
	float: left;
}

/* header */
#header{
	height: 65px;
	background: url(../images/bg_header_tile.gif) repeat-x;
}

#header img{
	float: left;
	margin: 12px 0 0 20px;
	display: inline;
}

#header ul{
	height: 28px;
	line-height: 28px;
	margin: 0 20px 0 0;
	display: inline;
	float: right;	
}

#header ul li{
	height: 28px;
	float: left;
	font-weight: 100;
	color: #999999;
	padding: 0 10px 0 0;
	background: transparent url(../images/utilmenu_tile.gif);
}

#header ul li.name{
	color: #ffffff;
}

#header ul li a img{
	margin: 3px 0 0 15px;
}

#header ul li.left{
	width: 15px;
	padding: 0;
	background: transparent url(../images/utilmenu_left.gif) no-repeat;
}

#header ul li.right{
	width: 15px;
	padding: 0;
	background: transparent url(../images/utilmenu_right.gif) no-repeat;
}

#header ul a{
	font-weight: 100;
	color: #cccccc;
	outline: none;
}

#header ul select{	
	vertical-align: middle;
	margin: -1px 0 0 10px;
}


#header ul li.logout a{
	width: 86px;
	height: 20px;
	text-indent: -9999em;
	display: block;
	margin: 3px 0 0 0;
	background: transparent url(../images/utilmenu_logout.gif) no-repeat;
}

#header ul li.clockin a{
	width: 93px;
	height: 20px;
	text-indent: -9999em;
	display: block;
	margin: 3px 0 0 0;
	background: transparent url(../images/utilmenu_clockin.gif) no-repeat;
}

#header ul li.clockout a{
	width: 100px;
	height: 20px;
	text-indent: -9999em;
	display: block;
	margin: 3px 0 0 0;
	background: transparent url(../images/utilmenu_clockout.gif) no-repeat;
}

#header ul li.home a{
	width: 78px;
	height: 20px;
	text-indent: -9999em;
	display: block;
	margin: 3px 0 0 0;
	background: transparent url(../images/utilmenu_home.gif) no-repeat;
}

* html #header ul li.home a{
	margin: 0;
}

* html #header ul li.logout a{
	margin: 0;
}

#header ul li.profile a{
	width: 108px;
	height: 20px;
	text-indent: -9999em;
	display: block;
	margin: 3px 10px 0 10px;;
	background: transparent url(../images/utilmenu_profile.gif) no-repeat;
}

* html #header ul li.profile a{
	margin: 0;
}


/* tabs */
#tabHolder{
	width: 100%;
	height: 28px;
	float: left;
	display: inline;
}

ul#tab{
	width: 98%;
	margin: 0 0 0 2%;
	height: 28px;
	float: left;
	display: inline;
	text-transform: uppercase;
	font-size: 1em;
}

ul#tab li{
	height: 28px;
	line-height: 28px;
	float: left;
	margin: 0 20px 0 0;
	background: transparent url(../images/menu_tab_right.gif) no-repeat top right;
}

ul#tab li a{
	height: 28px;
	float: left;
	font-weight: 800;
	/*margin: 0 0 0 -5px;*/
	padding: 0 10px 0 10px;
	color: #203C59;
	background: transparent url(../images/menu_tab_left.gif) no-repeat top left;
	
}

ul#tab li img{
	/*visibility: hidden;*/
	float: left;
	margin: 5px 5px 0 0;
}

ul#tab li.current{
	font-weight: 800;
}

ul#tab li:hover{
	background-position: 100% -28px;
}

ul#tab li:hover a{
	background-position: 0 -28px;
}

ul#tab li:hover a{
	color: #203C59;7
	background-position: 0 -28px;
}

ul#tab li.current a{
	background-position: 0 -56px;
}

ul#tab li.current{
	background-position: 100% -56px;
}



/* display Table */
table.display{
	width: 100%;
	clear: both;
	font-size: 1em;
}

table.display thead{
	background: #fbf3ea;
}

table.display thead th, table.display tr.header th{
	border-bottom: 1px solid #666666;
	text-align: left;
	font-weight: 100;
	background: #fbf3ea;
	border-right: 1px solid #e0cbb3;
	border-left: 0px solid #e0cbb3;
	border-left: none;*/
}

table.display th, table.display td{
	padding: 4px 8px;
	vertical-align: top;
}

table.display thead th, table.display thead th a{
	color: #336699;
}

table.display thead th a:hover{
	color: #6699cc;	
}

table.display tbody{
	color: #333333;
}

table.display tbody th{
	text-align: left;
}

table.display thead th a{
	text-decoration: underline;
}

table.display tbody td, table.display tbody th{
	border-bottom: 1px solid #dddddd;
}

table.display tbody a{
	color: #336699;
	text-decoration: underline;
}

table.display tbody a:hover{
	color: #6699CC;
}

table.display tfoot th, table.display tfoot td{
	text-align: right;
	background: #FFF3EF;
}

table.display .pager_bg td{
	background: #fbf3ea;
}

table.display tr.focus{
	background: #fffeea;
}

table.display thead th.alignright, table.display tbody td.alignright, table.display tr.header th.alignright, table.display tfoot td.alignright{
	text-align: right;
}

table.display table{
	width: 100%;
}

table.display td.nopadding{
	padding: 0;
}

table.display tfoot th, table.display tfoot td{
	text-align: left;
	font-weight: 800;
}

table.display tr.declined{
	background: #FFBFBF;
}

table.display th.headerSortUp {
	padding: 4px 6px 4px 15px;
	background: #efe1d1 url(../images/icons/sort_descending.gif) no-repeat 0 50%;
}

table.display th.headerSortDown {
	padding: 4px 6px 4px 15px;
	background: #efe1d1 url(../images/icons/sort_ascending.gif) no-repeat 0 50%;
}

/* table.form */
table.form{
	width: 100%;
}

.shown table.form th, .notab table.form th{
	width: auto;
}

table.form th.alignright, table.form td.alignright{
	text-align: right;
}

table.form tbody td, table.form tbody th{
	padding: 4px 10px;
}

/* sidebar stuff */
.portlet{
	width: 173px;
	\width: 175px;
	w\idth: 173px;
	border: 1px solid #cccccc;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	background: #eeeeee url(../images/utilityportletshadow.gif) repeat-x;
}

.portlet h2{
	color: #666666;
	margin: 10px;
}

.portlet ul{
	margin: 10px;
}

.portlet ul li{
	padding: 5px 0;
	border-bottom: 1px solid #cccccc;
}

.portlet ul li a{
	color: #336699;
}

.portlet .box{
	position: relative;
}

.portlet .box ul{
	width: 148px;
	\width: 150px;
	w\idth: 148px;
	position: absolute;
	left: 0;
	top: 20px;
	margin: 0;
	border: 1px solid #666666;
	background: #ffffff;
}

.portlet .box ul li.current{     
	background: #fffeea;
}

.portlet .add{
	margin: 0 0 0 10px;
	color: #336699;
} 

.portlet .run{
	margin: 0 0 0 10px;
}

.portlet p{
	margin: 0 10px;
}

#core_tools{
	width: 153px;
	\width: 175px;
	w\idth: 153px;
	border: 1px solid #99cc99;
	margin: 0 0 0 0;
	padding: 10px 10px 10px 10px;
	background: #e1f8d7 url(../images/mainportletshadow.gif) repeat-x;
}


#sub_tools{
	width: 153px;
	\width: 175px;
	w\idth: 153px;
	border: 1px solid #a8c0d9;
	border-top: none;
	margin: 0 0 20px 0;
	padding: 10px 10px 10px 10px;
	background: #eaf6fb url(../images/subportletshadow.gif) repeat-x;	
}


#core_tools input, #core_tools a, #sub_tools input, #sub_tools a, #sub_tools img{
	margin: 0 0 10px 0;
	display: block;
	clear: both;
}


/* footer items */
#footer {
	width:100%;
	height: 35px;
	clear: both;
	margin: 20px 0 0 0;
	font-size: 1em;
	border-bottom: 1px solid #666666;
	color: #999999;
	background: #eeeeee;
}

#footer p{
	margin: 8px 0 0 0;
	text-indent: 16px;
	float: left;
}

#footer p img{
	vertical-align: middle;
}

#footer ul{
	float: right;
	margin: 0 10px 0 0;
	display: inline;
	/*background: url(../images/bg_footer_tile.gif) repeat-x left bottom;*/
}

#footer ul li{
	float: left;
	margin: 10px 0 0 10px;
}

#footer ul li a{
	color: #666666;
	margin: 0 10px 0 0;
}

#footer ul li a:hover{
	color: #000000;
}

/* #breadcrumb */
#breadcrumb{
	width: 100%;
	float: left;
	height: 30px;
	line-height: 30px;
	margin: 0 0 20px 0;
	background: transparent url(../images/bg_breadcrumb_tile.gif) repeat-x;
}

#breadcrumb p{
	width: 80%;
	float: left;
	text-indent: 15px;
}

#breadcrumb a{
	color: #336699;
}

#breadcrumb ul{
	width: 80%;
	float: left;
	margin: 0 0 0 10px;
}

#breadcrumb ul li{
	float: left;
	margin: 0 0 0 5px;
	display: inline;
}

#breadcrumb ul li a{
	float: left;
	margin: 0 5px 0 0;
}

#breadcrumb img{
	float: right;
	margin: 5px 10px 0 0;
	display: inline;
}


/* pageInfo */
#page_info{
	width: 100%;
	margin: 0 0 15px 0;
	float: left;
}

#page_info h1{
	float: left;
}

#page_info a{
	float: right;
}

#page_info ul{
	width: 110px;
	float: right;
}

#page_info ul li{
	float: left;
}

#page_info ul li a.previous{
	width: 50px;
	height: 20px;
	text-indent: -9999em;
	background: transparent url(../images/pager_previous_on.gif) no-repeat;
}

#page_info ul li a.next{
	width: 50px;
	height: 20px;
	text-indent: -9999em;
	background: transparent url(../images/pager_next_on.gif) no-repeat;	
}

#page_info h1 span{
	font-weight: 100;
	font-size: 0.75em;
}

/* subtitle */
.subtitle{
	width: 100%;
	padding: 10px 0;
	margin: 20px 0 0 0;
	float: left;
	background: #fbf3ea url(../images/bg_utility_tile.gif) repeat-x;
}

.subtitle h2{
	float: left;
	margin: 0 0 0 5px;
	padding: 0;
	display: inline;
	color: #8F7C6B;
}

.subtitle ul{
	float: right;
	margin: 0;
}

.subtitle .hours{
	float: right;
	margin: 0 10px 0 0;
	display: inline;
}


/* utility */
#utility{
	clear: both;
	width: 100%;
	float: left;
	border-top: 1px solid #e0cbb3;
	padding: 0 0 10px 0;
	background: #fbf3ea url(../images/bg_utility_tile.gif) repeat-x;
}

#utility .search{
	float: left;
	margin: 10px 0 0 5px;
	display: inline;
}

#utility .left{
	width: 49.5%;
	float: left;
	margin: 5px 0 0 0;
}

#utility .right{
	width: 49.5%;
	float: right;
	margin: 5px 0 0 0;
}

#utility .full{
	width: 100%;
	margin: 5px 0 0 0;
}

#utility h2{
	font-size: 1em;
	margin: 0;
	padding: 2px 0 0 0;
	border-top: 1px solid #9F6E59;
	color: #9F6E59;
}

#utility table{
	width: 100%;
	font-size: 1em;
}

#utility table th, #utility table td{
	padding: 4px 8px;
	text-align: left;
	font-weight: 800;
	vertical-align: top;
	font-size: 1.05em;
}

#utility table th{
	width: 100px;
	text-align: right;
}


/* pager */
.pager{
	height: 20px;
	line-height: 20px;
	float: right;
	font-weight: 800;
	margin: 10px 0 5px 0;
	color: #000000;
}

.pager li{
	float: left;
	margin: 0 10px 0 0;
}

.pager li select{
	float: left;
	margin: 0 10px 0 0;
}

.pager li a{
	float: left;
	outline: none;
	text-indent: -9999em;
}

.pager li.first a{
	width: 25px;
	height: 20px;
	background: transparent url(../images/pager_first_on.gif) no-repeat;
}

.pager li.first a.disabled{
	background: transparent url(../images/pager_first_off.gif) no-repeat;
}

.pager li.prev a{
	width: 50px;
	height: 20px;
	background: transparent url(../images/pager_previous_on.gif) no-repeat;
}

.pager li.prev a.disabled{
	background: transparent url(../images/pager_previous_off.gif) no-repeat;
}


.pager li.next a{
	width: 50px;
	height: 20px;
	background: transparent url(../images/pager_next_on.gif) no-repeat;
}

.pager li.next a.disabled{
	background: transparent url(../images/pager_next_off.gif) no-repeat;
}


.pager li.last a{
	width: 25px;
	height: 20px;
	background: transparent url(../images/pager_last_on.gif) no-repeat;
}

.pager li.last a.disabled{
	background: transparent url(../images/pager_last_off.gif) no-repeat;
}

/* bottom_pager */
#bottom_pager{
	clear: both;
	width: 100%;
	float: left;
	border-top: 1px solid #e0cbb3;
	border-bottom: 1px solid #e0cbb3;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	background: #fbf3ea url(../images/bg_utility_tile.gif) repeat-x;
}

/* detail page */
#important{
	clear: both;
	width: 100%;
	float: left;
	padding: 10px 0 10px 0;
	background: #fbf3ea;
}

#important h2{
	font-size: 1em;
	margin: 0;
	padding: 2px 0 0 0;
	border-top: 1px solid #9F6E59;
	color: #9F6E59;
}

#important .left{
	width: 49.5%;
	float: left;
}

#important .right{
	width: 49.5%;
	float: right;
}

#important .full{
	width: 100%;
}

#important table{
	width: 100%;
	font-size: 1em;
}

#important table th, #important table td{
	padding: 4px 8px;
	text-align: left;
	font-weight: 800;
	vertical-align: top;
	font-size: 1.05em;
}

#important table th{
	width: 100px;
	text-align: right;
}

/* section_tab */
#section_tab, #inactive_section_tab{
	width: 96%;
	\width: 100%;
	w\idth: 96%;
	padding: 10px 2% 0 2%;
	display: inline;
	height: 28px;
	float: left;
	border-bottom: 1px solid #4c453d;
	background: #fbf3ea;
}

#section_tab li, #inactive_section_tab li{
	height: 28px;
	line-height: 28px;
	float: left;
	margin: 0 5px 0 0;
}

#section_tab li a, #inactive_section_tab li a{
	float: left;
	height: 28px;
	padding: 0 5px;
	text-transform: uppercase;
	color: #336699;
	background: #e7dacc;
}

#section_tab li a:hover, #inactive_section_tab li a:hover{
	background: #DFD2C3;
}

#section_tab li a.on, #inactive_section_tab li a.on, #section_tab li a.on:hover, #inactive_section_tab li a.on:hover{
	border-left: 1px solid #cebba5;
	border-right: 1px solid #cebba5;
	border-top: 1px solid #4c453d;
	background: #ffffff;
}



.hidden{
	width: 95.8%;
	\width: 99.8%;
	w\idth: 95.8%;
	float: left;
	display: none;
	padding: 1% 2%;
	border: 1px solid #4c453d;
	border-top: none;
}

.shown, .notab{
	width: 95.8%;
	\width: 99.8%;
	w\idth: 95.8%;
	float: left;
	padding: 1% 2%;
	border: 1px solid #4c453d;
	border-top: none;
}

.notab {
	width: 99.8%;
	padding: 0;
	border: none;
}

.shown a, .notab a{
	color: #336699;
}

.shown .full{
	clear: both;
	width: 100%;
	float: left;
}

.shown .left, .notab .left{
	width: 49.5%;
	float: left;
}

.shown .right, .notab .right{
	width: 49.5%;
	float: right;
}

.shown table, .notab table{
	width: 100%;
}

.shown table th, .notab table th{
	width: 100px;
	padding: 4px 8px;
	border-top: 1px solid #cccccc;
	text-align: right;
	vertical-align: top;
	color: #666666;
	background: #FFF7EF url(../images/bg_detail_tile.gif) repeat-x;
}

.shown table th.title, .notab table th.title{
	text-align: left;
}


.shown table td, .notab table td{
	padding: 4px 8px;
	vertical-align: top;
	border-top: 1px solid #cccccc;
}

.shown table.display th, .notab table.display th{
	width: auto;
	padding: 4px 5px;
}

table.noborder td{
	border: none;
	font-weight: 100;
}

.checkboxlist label{
	padding: 0 10px 0 1px;
}

.radiobuttonlist label{
	padding: 0 10px 0 0;
}


.shown table tr.address{
	height: 70px;
}

.buttons{
	width: 100%;
	float: left;
	margin: 10px 0 10px 0;
}

.buttons_left{
	width: 50%;
	float: left;
	margin: 10px 0 0 0;
}

.buttons_right{
	width: 50%;
	float: right;
	text-align: right;
	margin: 10px 0 0 0;
}

.longest{width: 500px}
.extralong{width: 320px;}
.long{width: 220px;}
.medium{width: 165px;}
.short{width: 130px;}
.tiny{width: 80px;}
.tinier{width: 50px;}
.mini{width: 25px;}

.forminput,
.longest,
.extralong,
.long,
.medium,
.short,
.tiny,
.tinier,
.mini{
	border-top: 1px solid #999999;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #999999;
	padding: 0 3px;
	background: #ffffff url(../images/bg_input.gif) repeat-x;
}

input.focus, select.focus, textarea.focus{
	background: #fffeea;
}

select{
	font-size: 0.95em;
}

/* login */
#login{
	margin: 20px 0 0 0;
}

#login table th, #login table td{
	border-top: none;
	background: none;
}

#login p{
	padding: 10px 0 0 0;
}

/* help */
#help{
	padding: 10px;
	border: 1px solid #004182;
	background: #EFF7FF;
}

#help li{
	list-style: square;
	margin: 0 0 10px 20px;
}

/* intro elements */
.intro{
	width: 92%;
	w\idth: 100%;
	w\idth: 92%;
	border: 1px solid #cccccc;
	padding: 0 4% 1% 4%;
	background: transparent url(../images/bg_intro_tile.gif) repeat-x;
}

.intro h2{
	padding: 15px 0 0 0;
	margin: 0;
	color: #336699;
}

.intro h3{
	text-transform: uppercase;
	margin: 20px 0 10px 0;
	border-bottom: 1px solid #cccccc;
	color: #666666;
}

.intro table{
	font-size: 1.1em;
}

.intro table th{
	border-top: none;
	padding: 2px 0;
	font-weight: 100;
	background: none;
}

.intro table td{
	font-weight: 800;
	border-top: none;
	padding: 2px 0;
}

.intro ul{
	font-size: 1.1em;
	line-height: 1.6em;
	margin: 20px 0 0 0;
}

.intro ul li{
	padding: 10px 0 0 0;
	border-top: 1px solid #cccccc;
}


/* table resize */
table.resize{
	table-layout: fixed;
}

table.resize th, table.resize td{
	white-space: nowrap;
	overflow: hidden;
}

table.resize th {
	white-space: pre;
}

th.moveOnHandle {
	cursor: move;
}

div.move-handle {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fc6;
	cursor: move;
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
}

th.resize-handle-active {
	cursor: e-resize;
}

div.resize-handle {
	cursor: e-resize;
	width: 2px;
	border-right: 1px dashed #ffcc66;
	position: absolute;
	top: 0;
	left: 0;
}

.loader{
	position: absolute;
	left: 48%;
	top: 170px;
}

#overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background: #000000;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
		
#quickedit {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

/* schedule calendar */
table.schedule{
	width: 100%;
	clear: both;
	border: 1px solid #ccc;
	border-left: none;
	margin: 0 0 10px 0;
	font-size: 1em;
}

table.schedule td{
	width: 20%;
	height: 100%;
	border-left: 1px solid #ccc;
	padding: 0;
	vertical-align: top;
	background: #fff9ea;
}

table.schedule td.hover{
	width: 20%;
	height: 100%;
	border-left: 1px solid #ccc;
	padding: 0;
	vertical-align: top;
	background: #fff;
}

table.schedule td .col{
	height: 100%;
}

table.schedule ul{
	margin: 10px 10px 0 10px;
}

table.schedule ul li{
	margin: 0 0 10px 0;
}

table.schedule .col h1{
	color: #cccccc;
	background: #fff;
	padding: 10px 0 20px 0;
	text-indent: 10px;
}

table.schedule .col h5{
	height: 20px;
	color: #988c6f;
	line-height: 20px;
	text-indent: 10px;
	background-color: #ffebba;
}

table.schedule .col h5.hover{
	height: 20px;
	color: #988c6f;
	line-height: 20px;
	text-indent: 10px;
	background-color: #fff;
}

ul.week_pager{
	width: 100%;
	float: left;
	margin: 0 0 5px 0;
}

ul.week_pager li{
	float: left;
	font-weight: 800;
}

ul.week_pager img{
	margin: 0 0 0 5px;
}

ul.week_pager li.week{
	width: 70%;
}

ul.week_pager li.previous{
	width: 15%;
	float: left;
	text-align: right;
}

ul.week_pager li.next{
	width: 15%;
	float: right;
	text-align: right;
}

/* programs list */
.programs{	
	width: 100%;
	float: left;
}

.programs li{
	width: 150px;
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #eeeeee;
}

.programs li a img{
	margin: 0 auto;
	display: block;
}

.programs li a{
	height: 100px;
	padding: 20px 0 0 0;
	text-align: center;
	display: block;
}

.programs li a:hover{
	text-align: center;
	display: block;
	background: #FFFFEF;
}


/* reports list */
.reports{
	margin: 0 0 0 20px;
}

.reports li{
	list-style: square;
	margin: 0 0 10px 0;
}

/* legends */
#calendarLegend{
	display: none;
}

dl.legend{
	width: 150px;
	float: left;
	margin: 0 0 0 15px;
	display: inline;
	border-top: 1px solid #cccccc;
}

dl.legend dt{
	width: 30px;
	height: 20px;
	float: left;
	border-bottom: 1px solid #cccccc;
}

dl.legend dd{
	width: 110px;
	\width: 115px;
	w\idth: 110px;
	padding: 0 0 0 5px;
	height: 20px;
	line-height: 20px;
	float: left;
	display: inline;
	border-bottom: 1px solid #cccccc;
}

dl.legend dt.sick{background: #cc9966;}
dl.legend dt.personal{background: #ffcccc;}
dl.legend dt.vacation{background: #66cccc;}
dl.legend dt.tardy{background: #ff6666;}
dl.legend dt.custom{background: #cccc99;}
dl.legend dt.holiday{background: #7F89FF;}


/* calendar scheduling */
.scheduler{
	border: none;
	font-size: 1em;
	clear: both;
	background: #ffffff;
}

.scheduler td{
	padding: 0;
}

.scheduler .month td{
	height: 30px;
	line-height: 30px;
	border: none;
	font-weight: 800;
	color: #ffffff;
	background: #336699 url(../images/bg_month.gif) repeat-x;
}

.scheduler .navigate a{
	padding: 0 20px;
	color: #666666;
}

.scheduler .day_header{
	height: 23px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	color: #666666;
	background: #d6d6d6 url(../images/bg_day.gif) repeat-x;
}

.scheduler .weekday{
	text-align: right;
	padding: 10px;
	vertical-align: top;
	border: 1px solid #999999;
	background: #ffffff url(../images/bg_cal_white.gif) repeat-x;
}

.scheduler .weekend{
	height: 83px;
	\height: 103px;
	he\ight: 83px;
	text-align: right;
	padding: 10px;
	vertical-align: top;
	border: 1px solid #999999;
	background: #eaf6fb;
}

.scheduler .othermonth{
	height: 83px;
	\height: 103px;
	he\ight: 83px;
	text-align: right;
	border: 1px solid #999999;
	vertical-align: top;
	padding: 10px;
	background: #dddddd;
}


.scheduler .weekend a, .scheduler .othermonth a, .scheduler .weekday a{
	font-weight: 800;
	color: #969494;
}

.scheduler .weekend a img, .scheduler .othermonth a img, .scheduler .weekday a img, .scheduler .today a img{
	vertical-align: middle;
}

.scheduler .today{
	text-align: right;
	border: 2px solid #333333;
	padding: 10px;
	background: #fff8d9;
}

.scheduler .weekday a.UserEntry, .scheduler .weekday a.SickDay, .scheduler .weekday a.PersonalDay, .scheduler .weekday a.Vacation, .scheduler .weekday a.Tardy, .scheduler .weekday a.Custom, .scheduler .weekday a.Holiday{
	text-align: left;
	padding: 0 3px;
	float: left;
}

.scheduler a.UserEntry{
	color: #ffffff;
	background: #FFF6DF;
}

.scheduler a.SickDay{
	color: #ffffff;
	background: #cc9966;
}

.scheduler a.PersonalDay{
	color: #ffffff;
	background: #ffcccc;
}

.scheduler a.Vacation{
	color: #ffffff;
	background: #66cccc;
}

.scheduler a.Tardy{
	color: #ffffff;
	background: #ff6666;
}

.scheduler a.Custom{
	color: #ffffff;
	background: #cccc99;
}

.scheduler a.Holiday{
	color: #ffffff;
	background: #7F89FF;
}



.scheduler .weekday:hover, .scheduler .weekend:hover{
	background: #FFF8D9;
}

/*.schedule .month td, #MonthView .month td{
	height: 30px;
	line-height: 30px;
	border: none;
	padding: 0 4px;
	font-weight: 800;
	text-transform: uppercase;
	color: #7A4D0D;
	background: url(../images/bg_portlet_title_project.gif) repeat-x;
}*/

 /*
.schedule .header, #MonthView .header{
	height: 25px;
	line-height: 25px;
	font-weight: 800;
	background: #eee url(../images/bg_portlet_title_th.gif) repeat-x;
}

.schedule .day, #MonthView .day{
	float: right;
	padding: 2px 2px 0 0;
}

.schedule .day img, #MonthView .day img{
	vertical-align: bottom;
}

.schedule td, #MonthView td{
	padding: 0;
	vertical-align: top;
	border: 1px solid #ccc;
}

.schedule .weekend, #MonthView .weekend{
	text-align: left;
	padding: 0 0 0 2px;
	background: #E8F4BD;
}






.schedule .selected, #MonthView .selected{
	text-align: left;
	background: #F0F9FF;
}


.schedule .weekday, #MonthView .weekday{
	height: 60px;
	text-align: left;
	padding: 0 0 0 2px;
}

.schedule .today, #MonthView .today{
	text-align: left;
	padding: 0 0 0 2px;
	background: #EFFAFF;
}

.schedule .UserEntry, #MonthView .UserEntry{
	background: #FFF6DF;
}

.schedule .SickDay, #MonthView .SickDay{
	background: #5FBF63;
}

.schedule .PersonalDay, #MonthView .PersonalDay{
	background: #FFBCAF;
}

.schedule .Vacation, #MonthView .Vacation{
	background: #9FCBFF;
}

.schedule .Tardy, #MonthView .Tardy{
	background: #EABFFF;
}

.schedule .Custom, #MonthView .Custom{
	background: #DF5D53;
}*/

/* daily calendar */
.dailyCalendar{
	height: 200px;
	border: 1px solid #cccccc;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	overflow: scroll;
	margin: 10px 0 20px 0;
}

.dailyCalendar li{
	line-height: 1.8em;
	padding: 0 5px;
	font-weight: 900;
	border-bottom: 1px solid #ccc;
}

.dailyCalendar li a{
	font-weight: 100;
}

/* tree */
#tree{
	width: 20%;
	height: 380px;
	float: left;
	overflow: scroll;
	background: #FBF3EA;
}

#tree table{
	margin: 0 10px;
}

#tree table tr{
	line-height: 1.6em;
}

#table_container{
	width: 80%;
	float: right;
	height: 380px;
	overflow: scroll;
	background: #FBF3EA;
}

#table_container table{
	width: 100%;
}


#table_container thead{
	background: #fbf3ea;
}

#table_container thead th{
	border-bottom: 1px solid #666666;
	border-right: 1px solid #e0cbb3;
	text-align: left;
	padding: 3px 5px;
	font-weight: 100;
	background: #fbf3ea;
}

#table_container tbody td{
	padding: 3px 5px;
}


#table_container table td{
	border-bottom: none;
	border-top: none;
}

iframe{
	border: 1px solid #cccccc;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
}


/* balloonstyle */
.balloonstyle{
	position:absolute;
	top: -500px;
	left: 0;
	padding: 5px;
	visibility: hidden;
	border: 1px solid #cccccc;
	line-height: 18px;
	z-index: 100;
	color: #000000;	
	font-weight: 800;
	width: 200px;
	text-align: left;
	background: #FFF2CF url(../images/bg_balloonstyle_tile.gif) repeat;
}

.balloonstyleimage{
	position:absolute;
	top: -500px;
	left: 0;
	padding: 5px;
	visibility: hidden;
	border: 1px solid #cccccc;
	line-height: 18px;
	z-index: 100;
	color: #000000;	
	font-weight: 800;
	width: 343px;
	background: #FFF2CF url(../images/bg_balloonstyle_tile.gif) repeat;
}

#arrowhead{
	z-index: 99;
	position:absolute;
	top: -500px;
	left: 0;
	visibility: hidden;
}