body { margin:0; padding:0; font-family: arial,verdana,sans-serif; font-size:13px; color:#333333;}
p { padding:0px; margin:0px; padding-top:3px; padding-bottom:6px;}
form {padding:0; margin:0; }
a { color:#333; }
div#container { }
div#header{ background:url(img/bg_header.gif) repeat-x scroll 0 0; height:69px;}
div#header .logo{ padding:17px; height:40px; width:200px; background:url(img/logo.gif) no-repeat 20px center;  }

div#wrapper {clear:both; padding-top:10px;}

div.frame_menu {width:175px !important; min-height:52px; height:auto; padding:0 !important; margin:0;}
div.frame_menu_body {  background:url(img/menu_frame_body.gif) repeat-y; padding-top:1px !important; width:261px; }
div.frame_menu_bottom { background:url(img/menu_frame_bottom.gif) no-repeat; padding-top:0 !important; height:35px; }


.fieldset { border-bottom:1px solid #aaaaaa; background: #F9F9F9; padding:10px;}
.fieldset p label { float:left; padding-right:10px; width:110px; text-align:right; display:block; font-size:11px; }
.fieldset p input, .fieldset p select, .fieldset p textarea { border:1px solid #aaa; width:200px; font-size:12px; }

.fieldset2 p label { float:left; padding-right:10px; padding-top:2px; width:250px; text-align:right; display:block; font-size:11px;}
.fieldset2 p input, .fieldset2 p select, .fieldset2 p textarea { border:1px solid #aaa; width:250px; font-family: arial,verdana,sans-serif;}

.viewing { background: #F9F9F9; font-size:11px;}
.viewing p { display:block; font-size:11px; height:10px;}
.viewing label { font-weight:bold; float:left; padding:2px; background:#eee; margin-right:6px; padding-right:10px; width:150px; text-align:right; display:block; font-size:12px;}


a.tooltip2 {z-index:24; text-decoration:none;}
a.tooltip2:hover {background:transparent; }
a.tooltip2 span {z-index:25;display:none; padding:2px; margin-left:8px; width:360px; font-size:11px;}
a.tooltip2:hover span{z-index:25;display:inline; position:absolute; background:#eee; border:1px solid #666; color:#4e4e4e; font-weight:normal;}
a.tooltip2 img { border:0px; }

.tooltipwin p { display:block; font-size:11px; height:10px;}
.tooltipwin label { float:left; padding:2px; background:#ddd; margin-right:6px; padding-right:10px; width:100px; text-align:right; display:block; font-size:11px;}


img.sort { padding-top:2px;padding-right:2px; border:0px; }

.legend {  display:block; background: #E5E5E5; border: 1px solid #aaaaaa; border-left:0px; border-right:0px; padding:3px; font-size:12px; font-weight:bold;} 

div#panel{
 float:left; 
 width:180px;
 margin-bottom:5px; 
}
div#panel div { 
  background:url(img/bg_top.gif) repeat-x scroll 0 0;
  border-top:1px solid #aaaaaa;
  width:165px;
  font-size:11px;
  padding:4px;
  font-weight:bold;
}

.button {
  background: #DDDDDD url(img/bg_top2.gif) repeat-x scroll 0 0; 
  text-decoration:none; 
  border:1px solid #AAAAAA;
  padding:2px 0.4em;
  color:#444444;  
  font-size:100%;
  font-family:arial,verdana,sans-serif;
  white-space:nowrap;
  cursor:pointer;
}


div#content{ border-left:1px solid #aaaaaa; margin-left:178px; padding-left:5px; min-height:200px; padding-right:9px}
div#content .area {border-bottom:1px solid #999; background-color:#FFF; }
div#content .submit { margin-top:20px; text-align:center; }
div#content .submit input { 
  background: #DDDDDD url(img/bg_top2.gif) repeat-x scroll 0 0; 
  text-decoration:none; 
  border:1px solid #AAAAAA;
  padding:1px 0.8em;
  color:#444444;  
  font-size:11px;
  font-family:arial,verdana,sans-serif;
  white-space:nowrap;
}


.submit { margin-top:20px; text-align:center; }
.submit input { 
  background: #DDDDDD url(img/bg_top2.gif) repeat-x scroll 0 0; 
  text-decoration:none; 
  border:1px solid #AAAAAA;
  padding:1px 0.8em;
  color:#444444;  
  font-size:11px;
  font-family:arial,verdana,sans-serif;
  white-space:nowrap;
}



div#loginform { width: 350px; background-color:#ccc; margin-top:-90px; margin-left:-200px; position: absolute; top:40%; left:50%; }
div#loginform div { border:1px solid #999; padding:10px; background:#fcfcfc; position: relative; left: -3px; top: -3px; }
div#loginform div span { font-family:tahoma; font-size:9px; color:#999; font-weight:bold; }
div#loginform div p label { float:left; padding-right:10px; width:90px; text-align:right; display:block; color:#4E4E4E; position:relative;}
div#loginform div p input { border:1px solid #aaa; width:180px; font-size:11px;}
div#loginform div div { text-align:center;  border:0; }
div#loginform div div input { 
  background: #DDDDDD url(img/bg_top2.gif) repeat-x scroll 0 0; 
  text-decoration:none; 
  border:1px solid #AAAAAA;
  padding:1px 0.5em;
  color:#444444;  
  font-size:11px;
  font-family:arial,verdana,sans-serif;
  white-space:nowrap;
}
#err { padding:2px;background-color:#CB0101;color:#fff;display:block;text-align:center;font-weight:normal; }

div#loginform a { text-decoration:none; color:brown;}
div#loginform .info { text-decoration:none;color:#666;text-align:center;font-size:11px;font-family:tahoma; }
div#loginform .footer {display:block;text-decoration:none;color:#666;text-align:center;font-size:10px;font-family:tahoma;font-weight:normal; }

div#footer{
 clear:both;
 margin:0 auto;
 border-top:1px solid #aaa;
 text-align:center;
 font-size:12px;
 padding:5px;
 color:#666;
 background: #FFFFFF url(img/bg_top.gif) repeat-x scroll 0 0;  
}

.topmenu {  margin-top:-1px; height:22px; border-bottom:1px solid #999;}
.topmenu ul,ul.li { display:block; list-style:none; padding:0px; margin:0px; }
.topmenu ul li {  float:left; border:1px solid #aaa; margin-left:-1px; background:url(img/bg_top.gif) repeat-x ; }
.topmenu ul a {               
 text-decoration:none;
 font-size:12px;
 color:#333;
 display:block;
 text-align:center;
 width:83px;
 padding:3px;
}
.topmenu ul a:hover {background-color:#eee; color:#AA0000; }
.topmenu .active { background-color:#eee; color:#AA0000; font-weight:bold; }


.topmenu2 { height:18px; border-bottom:1px solid #999; background:#eee;}
.topmenu2 ul,ul.li { display:block; list-style:none; padding:0px; margin:0px; }
.topmenu2 ul li {  float:left; border-bottom:1px solid #aaa; margin-left:-1px;}
.topmenu2 ul a {
 text-decoration:none;
 font-size:11px;
 color:#333;
 display:block;
 text-align:center;
 width:83px;
 padding:2px;
}
.topmenu2 ul a:hover {background-color:#ccc; color:#AA0000; }
.topmenu2 .active { background-color:#ccc; color:#AA0000; font-weight:bold; }



#panel ul { list-style:none; margin:0; padding:0; margin-top:10px;}
#panel ul li {border-bottom:1px solid #aaaaaa; padding:4px;}
#panel ul li a { text-decoration:none; color:#333; font-size:12px; font-family:tahoma; font-weight:normal;}
#panel ul li a:hover { color:#AA0000; }
#panel .menu_active { color:brown; font-weight:bold; }

.button_s { 
    background: #FFFFFF url(img/bg_top.gif) repeat-x scroll 0 0; 
    color:#444444;
    font-size:12px;  
    font-family:arial,verdana,sans-serif;
    white-space:nowrap;
    cursor:pointer;
    padding:1px 0.4em;
    text-decoration:none; color:#444; 
    border:1px solid #AAAAAA;
}
.button_s:hover { 
    border:1px solid #333; 
}


.title { 
  font-size:16px;
  color:#AA0000;
  font-weight:bold;
  background:url(img/ico_title.gif) no-repeat scroll left center;
  border-bottom:1px solid #aaa;
  padding: 5px 17px 5px;
}

.table_filter { font-size:11px;background:#E8EEF7;margin-top:5px;padding:5px; }

.tablelist { margin-top:10px; width:99%; font-size:11px; margin-top:1px }
.tablelist th { border-bottom:2px solid #aaa; background:#F0F0F0; text-align:left;padding-left:3px;height:22px; }
.tablelist td { border-bottom:1px solid #ccc; text-align:left; padding:1px 3px;}
.tablelist input { font-size:12px; border:1px solid #aaa; }

.tablelist2 { border:1px solid #ddd; margin-top:10px; width:98%; font-size:11px; margin-top:1px; border-collapse:collapse;}
.tablelist2 th { border:1px solid #ddd; border-bottom:2px solid #aaa; background:#F0F0F0; text-align:left;padding-left:3px;height:22px; }
.tablelist2 td { border:1px solid #ddd; text-align:left; padding:3px; background:#FFF;}

#panel_calendar { background-color:#fff; } 
#panel_calendar table {
	width: 100%;
	font: 11px arial;
	padding: 0;
	margin: 0;
	border: 1px solid #A2ADBC;
	border-collapse:collapse;
}

#panel_calendar .calendar_title {
    background: #FFF url(img/bg_top.gif) repeat-x scroll 0 0;
    height:20px;color:#4f4f4f; text-align:center;
}

#panel_calendar td { margin:0px; padding:0px; border:1px solid #999999;}
#panel_calendar th {
	color: #616B76;
	font-weight:normal;
	background: #D9E2E1;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	border-top: 1px solid #A2ADBC;
}
#panel_calendar td a { 
	font: 10px arial;
	color:#333;
	display:block;
	padding:5px;
	text-align: center;
	text-decoration:none;
 }
#panel_calendar td a:hover { background-color:#F9CF71;}
 

#minicalendar table { font-size:9px; border-collapse:collapse; background:#ffffff; border:2px solid #000;}
#minicalendar .calendar_title {
    color:#4f4f4f; 
    text-align:center;
}

#minicalendar td { margin:0px; padding:0px; border:1px solid #999999;}
#minicalendar th {
	color: #616B76;
	font-weight:normal;
	background: #D9E2E1;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	border-top: 1px solid #A2ADBC;
}
#minicalendar td a { 
	font: 9px arial;
	color:#333;
	display:block;
	padding:2px 4px;
	text-align: center;
	text-decoration:none;
 }
#minicalendar td a:hover { background-color:#F9CF71;}

.color_box { cursor:pointer; height:10px;width:10px;font-size:1px; margin:1px;float:left;border:1px solid #000000; }

a.tooltip {z-index:24; text-decoration:none;}
a.tooltip:hover {background:transparent; }
a.tooltip span {z-index:25;display:none; padding:2px 3px; margin-left:8px; max-width:200px; font-size:11px;}
a.tooltip:hover span{z-index:25;display:inline; position:absolute; background:#FCFCE2; border:1px solid #666; color:#4e4e4e; font-weight:normal;}
a.tooltip img { border:0px; }


a.task_tooltip {z-index:24; text-decoration:none;}
a.task_tooltip:hover {background:transparent; }
a.task_tooltip span {z-index:25;display:none; padding:2px; margin-left:8px; width:300px; font-size:11px;}
a.task_tooltip:hover span{z-index:25;display:inline; position:absolute; background:#eee; border:1px solid #666; color:#4e4e4e; font-weight:normal;}
a.task_tooltip img { border:0px; }


table.perm {width:70%; margin-left:70px; font-size:12px;}
table.perm td {border-bottom:1px solid #aaaaaa; border-collapse:collapse; padding:3px; }

#cal_fv_paydate { z-index:25; display:inline; position:absolute; margin-top:-122px; margin-left:-140px;}
#cal_acquisition_date { z-index:25; display:inline; position:absolute; margin-top:-122px; margin-left:-140px;}
#cal_birthday { z-index:25; display:inline; position:absolute; margin-top:-122px; margin-left:-140px;}
#cal_made_date { z-index:25; display:inline; position:absolute; margin-top:-122px; margin-left:-140px;}

.minical { z-index:25; display:inline; position:absolute; margin-top:-122px; margin-left:-140px;}

.suggest { 
   z-index:25; display:none; position:absolute; border:1px solid #999; margin-top:19px; margin-left:-318px; width:300px; font-size:11px; 
   font-family:arial; background:#fff; 
   overflow: -moz-scrollbars-vertical;
   overflow-x: none;
   overflow-y: auto;
   height:100px;
}
.suggest a { display:block; background:#fff; color:#999; }
.suggest a:hover { background:#999; color:#fff; } 

.suggest2 { 
   z-index:25; display:none; position:absolute; border:1px solid #999; margin-top:19px; margin-left:-219px; width:231px; font-size:11px; 
   font-family:arial; background:#fff; 
   overflow: -moz-scrollbars-vertical;
   overflow-x: none;
   overflow-y: auto;
   height:100px;
}
.suggest2 a { display:block; background:#fff; color:#777; text-decoration:none}
.suggest2 a:hover { background:#777; color:#fff; } 



table.task_day { border-collapse: collapse; margin-top:0;}
table.task_day th { width:60px; height:20px; border:1px solid #fff; text-align:center; background:#efefef; }
table.task_day td { width:60px; height:30px; border:1px solid #ccc; text-align:center; }

.tasks_listday { border-collapse: collapse; border:1px solid #ccc; font-size:11px; }
.tasks_listday td { width:60px; border:1px solid #ddd; height:30px; cursor:pointer;}

.task_colors { border:1px solid #666; display:block; float:left; height:12px; width:12px; margin-left:5px; cursor:pointer; }
.task_color {  border:1px solid #666; display:block; float:left; padding:0 5px; margin-left:55px; margin-right:15px; height:8; font-size:10px;}
                                   
.task_item { height:14px; background:#FFE1E1; border:1px solid #999; z-index:9001;display:block; float:left; position:absolute;}

 

td.hour {background-color:#9A9A9A; color:#fff; font-weight:bold; width:50px; text-align:center;}  
.tasks_getday { border:1px solid #999; background:#eee; text-align:left;margin:1px;padding:2px;font-size:9px;font-family:arial,helvetica,clean,sans-serif; cursor:pointer; color:#333;}
.tasks_getday a {color:#333; font-size:10px; font-family:arial;}

div.window p label { float:left; padding-right:5px; width:100px; text-align:right; display:block; font-size:11px; }
div.window p input { border:1px solid #aaa; width:250px; font-size:12px; font-family: arial,verdana,sans-serif;}
div.window p select { border:1px solid #aaa; width:250px; font-size:12px; font-family: arial,verdana,sans-serif;}
div.window p textarea { border:1px solid #aaa; width:180px; font-size:12px; font-family: arial,verdana,sans-serif;}
div.window p .submit { text-align:center; }
div.window p .submit input { width:50px; }


.tabs_menu { border:1px solid #ccc; background-color:#ddd; padding:4px; color:#000; text-decoration:none; font-size:11px;}
.tabs_menu:hover { border:1px solid #ccc; padding:4px; background: #eee; font-size:11px;}
.tabs_active { border:1px solid #ccc; padding:4px; color:#AA0000; border-bottom:1px solid #F9F9F9; background: #F9F9F9; text-decoration:none;font-size:11px;}


.ajax_list { text-align:left; border:1px solid #999;font-size:11px;padding:2px; background-color:#FFF;margin-bottom:1px; }
.ajax_list a { display:block;float:right;font-size:12px;margin-top:-1px;padding-right:1px;border-left:1px solid #999;padding-left:3px;font-weight:bold; }

#customer_central { display:none; width:300px; }
   
* html .window {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#overlay {
	position: absolute; 
	top:0px;
	left:0px;
	width: 100%; 
	height: 100%;
	display:none;
}

.window{
 position: fixed;
 display:none;
 top: 20%; 
 left: 50%;  
 margin-left: -250px; 
 width:500px;
 background-color: #bbb;
 padding:0px;
 z-index: 9002;
}

.window_inner {
 border:1px solid #666;
 padding:5px;
 background-color: #F5F5F5;
 position: relative; left: -3px; top: -3px;
}

.window_inner .window_title { background:#888;color:#fff;padding:2px; padding-left:4px; margin-bottom:5px; text-align: left; font-size:11px; font-weight:bold; }
.window_inner .window_title_x { background:url(img/ico_close.gif) center;position:absolute; right:8px; font-size:11px; text-decoration:none; color:#fff;}
.window_inner table { width:100%; font-size:12px;}
.window_inner td { text-align:left; border-bottom:1px solid #ddd; padding:0px 2px; }
.window_inner div { text-align:center; font-weight:normal; padding-top:3px;}
.window_inner a{ color:brown; text-decoration:none; }
.window_inner a.arrow_next{background:url(img/ico_next.gif); float:right;display:block;width:16px; }
.window_inner a.arrow_prev{background:url(img/ico_prev.gif); float:left; display:block;width:16px; }
.row_active { background:#fff; }
.row_normal { background:transparent; }


#tt {
 position:absolute;
 display:block;
 z-index: 9002;
 background:#eee;
 border:1px solid #999;
 padding:4px;
 font-size:11px;
 color:#555;
}

#tt .title {
 display:block;
 height:5px;
 margin-left:5px;
 background:#999; color:#fff;
 overflow:hidden;
 }




/* hide broken menu icons - original gifs missing */
div.frame_menu img { display: none !important; }