
/**					{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: 21px; 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; font-family:"Trebuchet MS", arial, helvetica, sans-serif; font-size: 12px;}
.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; cursor:pointer;}
.cal_arrow_right	{margin: 0px 5px 0px 0px; padding: 0px 2px 1px 2px; float: right; border: #EEE 1px solid; cursor:pointer;}
.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; font-family:"Trebuchet MS", arial, helvetica, sans-serif;}
.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; 
}

.contactAddCommentLayer{  
  position:absolute;
  top:200px;
  left:200px;
  z-index:10;
  height:210px;
  width:400px;
  border:1px solid black;
  padding:0px 3px 0px 3px;
  text-align:center;
  
  background-color:#eeeeee;
}

/* Form sections */
p.section_title { font-weight: bold; font-size: 14px; border-bottom: 1px solid #000000; }
table.section_table { width: 700px; }
table.section_table td.section_title { font-weight: bold; width: 200px; }
table.section_table td { width: 200px; }
table.section_table td input { width: 200px; }

/* Tiny mce font sizes */
.fontSize1, .fontSize1 * { font-size: 8px !important; }
.fontSize2, .fontSize2 * { font-size: 10px !important; }
.fontSize3, .fontSize3 * { font-size: 12px !important; }
.fontSize4, .fontSize4 * { font-size: 14px !important; }
.fontSize5, .fontSize5 * { font-size: 18px !important; }
.fontSize6, .fontSize6 * { font-size: 24px !important; }
.fontSize7, .fontSize7 * { font-size: 36px !important; }

strong { font-weight: bold !important; }

/* Error captions */
.error	{ color: #ff0000; }


/*	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;	font-size:12px;}


/* NEW v5 GUI ++START++ */
div.v5_gui_popup {
	background: url(/include/images/trans10.png);
    position:fixed;
	padding:10px;
	-moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
	top:40px;
	width:620px;
	height:450px;
	left:50%;
	margin-left:-325px;
}
div.v5_inner {
    background-color:#2a81b7;
	width:620px;
	height:440px;
	margin-top:-10px;
}
div.v5_close {
	position:relative;	
	width:30px;
	height:30px;
	margin-left:610px; 
	margin-top:-20px;

}
/* NEW ERA v5 GUI ++STOP++ */

.eblogo {margin:2px;}

/* EB & Customer Universal Form settings |start| */
div.filter-form form p {
    padding-top:0px;
    margin-top:0px;
}
div.filter-form form div.form-column {
    float:left;
    margin-right:11px;
}
div.filter-form form fieldset {
    background-image:url(/include/images/bg_footer_fade.jpg);
    background-repeat: no-repeat;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    padding-top:4px;
    padding-bottom:0px;
}


div.filter-form form fieldset div.form-column a.shortcut-link div {

}
div.filter-form form fieldset div.form-column div a.shortcut-link img {
    height:11px;
}
div.expand-collapse-btn {
    width:16px;
    height:15px;
    background-image:url(/include/images/select/expand-and-collapse.png);
    background-repeat: no-repeat;
    background-position:0% 50%;
}


div.pagination-box {
    clear:both;
    margin:22px 0px;
}
div.help-box-right {
    border: 2px dashed rgb(85, 51, 17);
    padding: 4px 10px;
    position: fixed;
    right: 10px;
    bottom: 20px;
    width: 400px;
    font-size: 10px;
    color: rgb(85, 51, 17);
    background-color: rgb(225, 204, 187);
    font-family: verdana;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
}
div.help-box-right ul {
    margin:0px;
    padding-left:20px;

}
table.default-list tbody tr td {
    padding-right:5px;
    vertical-align:middle;
}
table.default-list tbody tr td a {
    outline:0;
}
table.default-list tbody tr.list_odd td {
    background-color:#eee;
}
table.default-list tbody tr td a:hover, table.default-list tbody tr td a:active, table.default-list tbody tr td a:focus {
    color:#02b;
}
div.cls-open-site-in-row {
    -moz-box-shadow: 4px 4px 6px #aaa;
    -webkit-box-shadow: 4px 4px 6px #aaa;
    box-shadow: 4px 4px 6px #aaa;

    -moz-border-radius: 6px; /* Firefox */
    -webkit-border-radius: 6px; /* Safari, Chrome */
    border-radius: 6px; /* CSS3 */
    
    background-image:url(/include/images/bg_workarea.gif);
    margin:4px 0px;
    border:1px solid #bbb;
    padding:10px 12px;
    overflow:hidden;
}
div.details-column {
    width:325px;
    float:left;
}
div.details-column div.cls-eb-tool-focus {
    -moz-box-shadow: 4px 4px 6px #aaa;
    -webkit-box-shadow: 4px 4px 6px #aaa;
    box-shadow: 4px 4px 6px #aaa;

    -moz-border-radius: 6px; /* Firefox */
    -webkit-border-radius: 6px; /* Safari, Chrome */
    border-radius: 6px; /* CSS3 */
    
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    background-color:#fefefe;
    
    padding:6px 7px;
    margin-bottom:10px;
}

/* EB & Customer Universal Form settings |end| */


table.tbl_base td.td_header div span a {
    font-family:Trebuchet MS;
    font-size:12px;
}


