/* MAIN */
textarea, body, td {font-family: Tahoma,Arial,Helvetica,sans-serif }
body { margin: 8px}
a { color: #0000ff; text-decoration: none }
a:hover { color: #3F2378 }
a:visited { color: #0000ff }
em { font-weight: bold }

/* DIALOGS */
.hui_dialogtitle { background-color: #8080aa; font-size: 11px }
.hui_dialogtitle a:visited { color: #ffffff }
.edit_dialog .edit_item, .edit_dialog .edit_section  { display: block; font-size: 11px }
.edit_dialog .edit_item, .edit_dialog .edit_section label { vertical-align: middle }
.edit_dialog .edit_item, .edit_dialog .edit_section input { vertical-align: middle }
.edit_dialog .edit_item_separator { display: block; border-top: 1px dotted #8080aa; margin-top: 4px; padding-top: 2px }
.hui_dialogcontrols { border-top: 1px dotted #8080aa; margin-top: 4px; padding-top: 4px; text-align: center }
.hui_dialogcontrols .hui_dialogcancel { font-size: 11px; font-weight: bold; width: 60px }
.hui_dialogcontrols .hui_dialogok { font-size: 11px; font-weight: bold; width: 60px }

.edit_dialog .dialog_summary { 
	float: right; border: 1px dotted #8080aa; width: 300px; height: 69px; margin-top: 2px; background: #ffffee;  
	padding: 4px; font-size: 11px
}

.dialog_summary .summary_item { padding: 0px; margin: 0px }
.dialog_summary .summary_item label { width: 75px }
.summary_item .data_item { font-weight: bold }
/* */

/* TABSETS */
.tabset { display: block; border-bottom: 2px solid #3f2378; padding-bottom: 2px }
.tabset li { display: inline; line-height: 14px }
.tabset li a { 
	margin-right: 2px; padding: 2px 3px 2px 3px; border: 1px solid #3F2378; background: #ffffff; font-weight: bold;
	border-bottom-width: 2px; 
	color: #8080aa;
}

.tabset li a:visited { color: #8080aa; }
.tabset li a:hover { text-decoration: none; color: #ffffff; background-color: #3F2378; border-bottom-width: 1px; padding-bottom: 2px }

.tabset li.selected a { color: #ffffff; background: #8080aa; border-bottom-width: 1px; padding-bottom: 2px }
.tabset li.selected a:hover { color: #4040bb; border-bottom-width: 1px; padding-bottom: 2px }
.tabset li.selected a:visited { color: #ffffff }
/* */

/* TABLES */
th { font-weight: bold }
.datatable { border-top: 2px solid #3f2378; }
.datatable th { padding: 4px 4px 4px 0px; border-bottom: 2px solid #8080aa }
.datatable tr.subheader th { padding: 2px 4px 2px 0px; border-bottom: 2px solid #8080aa }
.datatable td { padding: 0px 4px 0px 0px; border-bottom: 1px dotted #e0e0e0 }
/* */

/* SECTIONS */
.sectionheader { display:block; font-weight: bold; border-bottom: 2px solid #8080aa; padding: 4px 2px 4px 2px; }
/* */

/* LOGICAL CONTAINERS */
.container { border: 1px solid #8080aa; font-size: 11px }
.container .titlebar { display: block; background: #8080aa; color: #ffffff; padding: 2px; font-weight: bold }
.container .item_list  { margin: 4px }
.container .section_break { display:block; font-weight: bold; padding: 0px 2px 0px 2px; border-top: 2px solid #3f2378; border-bottom: 2px solid #8080aa }
.todays_item_true { background: transparent url('images/icon_today.gif') no-repeat right 4px; }

.item_list .separator { height: 2px; overflow: hidden; border-top: 1px dotted #8080aa; margin-top: -6px }
/* */

/* ACTIONS */
.new_item { background: transparent url('images/icon_new.gif') no-repeat; padding-left: 16px }
.new_item:hover { background-image: url('images/icon_new_over.gif') }

.delete_link { display:inline-block; width: 7px; height: 7px; background: transparent url('images/icon_del.gif') no-repeat 0px 3px; }
.delete_link:hover { background-image: url('images/icon_del_over.gif') }
.edit_link { display:inline-block; width: 7px; height: 7px; background: transparent url('images/iconlib_edit.gif') no-repeat 0px 3px; }
.edit_link:hover { background-position: -7px 3px }
/* */

/* CONTROLS */
.check_on { display:inline-block; width: 11px; height: 11px; background: url('images/check_on.gif') no-repeat left middle}
.check_on:hover { background-image: url('images/check_on_hover.gif')  }
.check_off { display:inline-block; width: 11px; height: 11px; background: url('images/check_off.gif') no-repeat left middle }
.check_off:hover { background-image: url('images/check_off_hover.gif')  }

.dateedit { width: 90px }
/* */

/* SPECIFICS */
.dialogAddProject { display: none; width: 220px; height: 90px }
.dialogAddProject .edit_item label { width: 50px } 
.project_menu { font-size: 11px }
.layout_main { }
.refresh_link { display: inline-block; width: 16px; height: 9px; background: transparent url('images/icon_refresh.gif') no-repeat 0px 2px; } 
/* */