*					{font-family: Trebuchet MS; font-size: 12px;}
body				{margin: 0px;}
h1					{font-size: 28px; margin: 2px 0px 6px 0px;}
h2					{font-size: 24px; margin: 2px 0px 6px 0px;}
h3					{font-size: 14px; margin: 1px 0px 4px 0px;}
h4					{font-size: 18px; margin: 1px 0px 4px 0px;}
h5					{font-size: 15px; margin: 0px 0px 2px 0px;}
h6					{font-size: 13px; margin: 0px 0px 2px 0px;}
a					{text-decoration: none; color: #369;}
a:hover				{color: #F90;}
td					{vertical-align: top;}
img					{behavior: url(/include/htc/iepngfix.htc); border: 0px;} 


#ghost				{display: none; position: absolute; top: 220px; left: 100px; height: 100px; width: 100px; border: #333 1px solid; background: #666; filter: alpha(opacity=35); -moz-opacity: .35;}
#component_menu		{z-index: 9999;}

.sys_base			{padding: 3px 0px 0px 0px; position: relative;}
.sys_base div		{}
.sys_base *			{font-size: 11px; cursor: default;}

.sys_base			{width: 592px; height: 695px;}
.sys_rPanel			{float: right; clear: both; width: 171px; margin: 5px 0px 5px 0px; border: #CCC 1px solid;}

/*	TOOLBAR	*/
.sys_toolbar		{height: 24px; padding: 1px 0px 0px 2px; clear: both; margin: 5px; background: #EEE; border: #CCC 1px solid;}
.sys_toolbar div	{float: left; height: 17px; margin: 0px 1px 0px 1px;}
.sys_toolbar img	{float: left; margin: -1px 3px 0px 0px;}

.sys_toolbar div.divider{font-size: 1px; border-right: #CCC 1px solid; margin: 2px 3px 0px 3px;}


/*	TOOLBAR MOUSE EVENT	*/
.tool				{padding: 4px 6px 1px 6px;}
.tool_over			{padding: 3px 5px 0px 5px; border: 1px solid; border-color: #FFF #CCC #CCC #FFF; background: #DDD;}
.tool_down			{padding: 4px 5px 0px 5px; border: 1px solid; border-color: #BBB #FFF #FFF #BBB; background: #CCC;}
.tool_up			{padding: 3px 5px 0px 5px; border: 1px solid; border-color: #FFF #CCC #CCC #FFF; background: #DDD;}

/*	BODY VIEW	*/
.sys_body			{float: left; width: 587px; margin: 5px 0px 5px 0px;}
.sys_body *			{color: #666;}

.list_col			{height: 18px; width: 552px; overflow: hidden; margin: 0px 19px 0px 36px;}
.list_col *			{color: #444; font-weight: bold;}
.list_col .inner	{width: 9999px; height: 16px;}
.list_col table		{table-layout: fixed; background: #EEE; border-top: 1px solid; border-right: 1px solid; border-color: #CCC;}
.list_col td		{padding: 2px 0px 2px 0px; white-space: nowrap; text-align: center; border-left: #DDD 1px solid;}

.list_hours			{width: 35px; height: 450px; overflow: hidden; float: left; border: #CCC 1px solid; border-right: 0px;}
.list_hours .inner	{height: 9999px;}
.list_hours table	{width: 35px; table-layout: fixed; background: #E0E0E0;}
.list_hours td		{vertical-align: top; padding: 0px 0px 0px 6px; border-bottom: #CCC 1px solid;}

.list_hours .full_hour		{}
.list_hours .full_hour td	{border-bottom: 1px solid; border-color: #DDD;}
.list_hours .half_hour		{}
.list_hours .half_hour td	{border-bottom: 1px solid; border-color: #CCC;}

.list_hours .workhours		{background: #F4F4F4;}
.list_hours .workhours td	{border-color: #DDD;}
.list_hours .workhours.full_hour td {border-color: #F4F4F4;}

.list_content				{float: right; clear: right; position: relative; width: 549px; height: 450px; overflow-x: auto; overflow-y: scroll; border: #CCC 1px solid;}
.list_content table			{table-layout: fixed; background: #F0F0F0;}
.list_content td			{border-right: 1px solid;}

.list_hours tr,
.list_content tr			{height: 20px;}

.list_content .full_hour	{}
.list_content .full_hour td	{border-bottom: 1px dotted; border-color: #DDD;}
.list_content .half_hour	{}
.list_content .half_hour td	{border-bottom: 1px solid; border-color: #DDD;}
.list_content .workhours td	{background-color: #FFF;}

.list_col td,
.list_content td			{width: 85px; background-image: url(../images/bg_cell.gif); background-repeat: repeat-y; -moz-user-select: none;}

/*	BODY MOUSE EVENT	*/


/*	EVENT COLORS	*/
.hEvent				{position: absolute; top: 0px; left: 0px;}
.hEvent .event		{position: absolute; overflow: hidden;}
.hEvent .head		{background: url(../images/css/cal_event_clock.gif) 0px 0px no-repeat; color: #FFF; padding: 0px 0px 2px 14px; line-height: 11px;}
.hEvent .body		{padding: 0px 1px 0px 2px; color: #FFF; line-height: 12px;}
.hEvent .rsz		{background: url(../images/css/cal_event_resize.gif) 50% 0px no-repeat; position: absolute; top: 100%; width: 100%; height: 7px; margin: -7px 0px 0px 0px;}

.lightblue			{background-color: #b3c3e4; border: #7f96c5 1px solid;}
.lightblue .head	{background-color: #7f96c5;}
.lightblue .body	{color: #283d68;}

.blue				{background-color: #668cd9; border: #2952a3 1px solid;}
.blue .head			{background-color: #2952a3;}

.lightgreen			{background-color: #91DE7A; border: #5DAF45 1px solid;}
.lightgreen .head	{background-color: #5DAF45;}
.lightgreen .body	{color: #000;}

.green				{background-color: #55db3b; border: #25b50a 1px solid;}
.green .head		{background-color: #25b50a;}
.green .body		{color: #000;}

.lightred			{background-color: #e083a8; border: #b4517a 1px solid;}
.lightred .head		{background-color: #b4517a;}

.red				{background-color: #ff4d64; border: #e3001e 1px solid;}
.red .head			{background-color: #e3001e;}

.cyan				{background-color: #4af5de; border: #00dabc 1px solid;}
.cyan .head			{background-color: #00dabc;}
.cyan .body			{color: #000;}

.yellow				{background-color: #ffdf4d; border: #e3b900 1px solid;}
.yellow .head		{background-color: #e3b900;}
.yellow .body		{color: #000;}

.brown				{background-color: #d5b67a; border: #a38242 1px solid;}
.brown .head		{background-color: #a38242;}

.purple				{background-color: #cb7ad5; border: #9842a3 1px solid;}
.purple .head		{background-color: #9842a3;}

.silver				{background-color: #b9b9b9; border: #8f8f8f 1px solid;}
.silver .head		{background-color: #8f8f8f;}


/*	CALENDAR	*/
.sys_calendar		{background: #EEE; padding: 3px 0px 5px 0px; width: 171px; height: 157px;}
.sys_calendar *		{-moz-user-select: none;}
.cal_weekdays,
.cal_dates			{padding: 0px 0px 0px 5px;}
.cal_weekdays table	{table-layout: fixed;}
.cal_dates table	{background: #F8F8F8; table-layout: fixed; border: 1px solid; border-color: #CCC #FFF #FFF #CCC;}
.cal_month_year		{padding: 2px 0px 3px 0px; text-align: center; font-size: 12px; font-weight: bold; clear: left;}
.tr_weekdays *		{font-weight: bold;}
td.date,
.tr_weekdays td		{width: 21px; height: 17px; text-align: center; vertical-align: middle; border: #EEE 1px solid;}
.sunday				{color: #B33!important;}
.today				{color: #000; font-weight: bold;}

.cal_year			{padding: 8px 0px 0px 0px; display: none;}
.cal_year td		{width: 39px; height: 38px; text-align: center; vertical-align: middle; border: #EEE 1px solid; padding: 1px 0px 1px 0px;}
.cal_year img		{width: 20px; height: 14px;}

.extra_days			{background: #E1E1E1;}
.content			{font-weight: bold; color: #06D;}

/*	CALENDAR MOUSE EVENT	*/
.cal_arrow_left		{margin: 0px 0px 0px 5px; padding: 0px 2px 1px 2px; float: left; border: #EEE 1px solid;}
.cal_arrow_right	{margin: 0px 5px 0px 0px; padding: 0px 2px 1px 2px; float: right; border: #EEE 1px solid;}
.cal_arrow_right_over,
.cal_arrow_left_over{border-color: #FFF #CCC #CCC #FFF; background: #DDD;}
.cal_arrow_right_down,
.cal_arrow_left_down{border-color: #CCC #FFF #FFF #CCC; background: #EEE;}
.cal_arrow_right_up,
.cal_arrow_left_up	{border-color: #FFF #CCC #CCC #FFF; background: #DDD;}

td.date				{border-color: #F8F8F8;}
td.date_over		{border-color: #FFF #CCC #CCC #FFF; background: #DDD;}
td.date_down		{border-color: #888 #FFF #FFF #888; background: #AAA; color: #FFF;}
td.date_up			{border-color: #FFF #CCC #CCC #FFF; background: #DDD;}

td.tiny_month		{}
td.tiny_month_over	{border-color: #FFF #CCC #CCC #FFF; background: #DDD;}
td.tiny_month_down	{border-color: #CCC #FFF #FFF #CCC; background: #EEE; padding: 2px 0px 0px 0px;}
td.tiny_month_up	{border-color: #FFF #CCC #CCC #FFF; background: #DDD;}

span.cal_hMy		{border: #EEE 1px solid; height: 14px; padding: 2px 5px 2px 5px; text-align: center;}
span.cal_hMy_over	{border-color: #FFF #CCC #CCC #FFF; background: #DDD;}
span.cal_hMy_down	{border-color: #CCC #FFF #FFF #CCC; background: #EEE; padding: 3px 5px 1px 5px;}
span.cal_hMy_up		{border-color: #FFF #CCC #CCC #FFF; background: #DDD;}

/*	CONTEXTMENU	*/
#ctxmenu			{position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; z-index: 999;}
#ctxmenu .ctx_menu	{position: absolute; left: -999px;}

.ctx_menu *			{cursor: default;}
.ctx_menu			{position: absolute; background: #FFF; border: #888 1px solid; z-index: 999;}
.ctx_minner			{padding: 2px;}
.ctx_minner table	{}

.chx_mdivider td	{padding: 0px;}
.chx_mdivider div	{line-height: 1px; height: 1px; background: #AAA; margin: 3px 0px 2px 0px;}
.colicon			{}
.coltext			{padding: 1px 4px 2px 2px;}
.colarrow			{padding: 1px 4px 2px 4px;}

.ctx_menu .icon		{}
.ctx_menu .icon img	{width: 16px; height: 16px;}
.ctx_menu .text		{white-space: nowrap;}
.ctx_menu .arrow	{}
.ctx_menu .arrow div{float: left; width: 13px;}

.chx_mitem			{}
.chx_mitem td		{border: 1px solid; border-color: #FFF;}
.chx_mitem .icon	{border-right: 0px;}
.chx_mitem .text	{border-right: 0px; border-left: 0px;}
.chx_mitem .arrow	{border-left: 0px;}
.chx_mitem_over		{background: #EEE;}
.chx_mitem_over td	{border-color: #AAA; color: #000;}
.chx_mitem_down		{background: #CCC;}
.chx_mitem_down td	{border-color: #444; color: #000;}

.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%;
}

/* Text form search result lists */
.searchResult {
  border: 1px solid #dddddd;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  height: 100px;
}
.searchResult div.resultRow {
 background-color: #ffffff;
 height: 17px;
 width: 450px;
 overflow-x: hidden;
}
.searchResult div.resultRow_over {
  background-color: #eeeeee;
}
.searchResult a.resultRowLink {
 color: #111111; 
}


/*	HACKS	*/
*+html body .list_hours tr,
*+html body .list_content tr{height: 19px;}
html>body .sys_body,
html>body .sys_rPanel {margin: 5px;}

/* Table lists */
table.list { width: 100%; }
table.list tr.list_head th 	{ text-align: left;	}