Open Source Extensible Enterprise n-tier Application Framework with Multilayered Architecture

* { margin: 0px; padding: 0px; }

html { height: 100%; }

body { height: 100%; margin: 0px; padding: 0px; font-size: 12px; font-family: Tahoma; background-color: #ffffff; }

.clear { clear: both; }

input[type=text], input[type=password], input.textbox, input.textbox-small { width: 150px; font-size: 12px; height: 16px; }
input.textbox-small { width: 50px; }
textarea { width: 300px; height: 100px; font-size: 12px; }
textarea:focus { border: solid 1px #888888; }
select { font-size: 12px; text-align: left; }
button, input[type=button], input[type=submit] { padding: 1px 3px; font-size: 11px; min-width: 60px; cursor: pointer; }

a.icon {  padding: 0px; }
img.icon, a.icon img, input[type=image].icon { height: 16px; width: 16px; border: none; }
img.icon24, a.icon24 img, input[type=image].icon24 { height: 24px; width: 24px; padding: 0px; margin: 0px; border: none; vertical-align: middle; }
img.icon32, a.icon32 img, input[type=image].icon32 { height: 32px; width: 32px; padding: 0px; margin: 0px 1px; border: none; vertical-align: middle; }

a.print { float: right; margin: 3px; }

ul.toolbar { list-style-type: none; padding: 3px 5px; }
ul.toolbar li { display: inline-block; *display: inline; }
ul.toolbar li.separator { margin: 0px 5px; }

ul.message-list { list-style-type: circle; margin: 5px; padding-left: 20px; background-color: #f0e68c; border: solid 1px #dddddd; font-size: 11px; color: #536C71; }
ul.message-list li { padding: 3px; }

div.page { position: absolute; min-height: 100%; height: auto !important; height: 100%; width: 100%;  }
div.page-header { clear: both; min-height: 30px; margin: 0px 20px; }
div.page-header div.header-main { background-color: #000000; height: 30px; clear: both; padding: 0px 20px; color: #ffffff; }
div.page-header div.header-main div.logo { float: left; padding: 0px; }
div.page-header div.header-main div.logo img { border: none; height: 30px; }
div.page-header div.header-main ul.menu { margin: 0px; float: left; position: relative; text-align: center; list-style-type: none; height: 30px; z-index: 100; font-size: 13px; }
div.page-header div.header-main ul.menu li { float: left; margin: 0px; padding:  0px 10px; cursor: pointer; white-space: nowrap; line-height: 30px; }
div.page-header div.header-main ul.menu li a { display: block; color: inherit; text-decoration: none; }
div.page-header div.header-main ul.menu a:hover { color: #24a5cf; }
div.page-header div.header-main ul.menu li:last-child a { border-right: none; }
div.page-header div.header-main ul.menu ul { visibility: hidden; position: absolute; border: solid 2px #000000; border-top: none; list-style-type: none; margin: 0px; padding: 0px; color: #000000; background-color: #ffffff; }
div.page-header div.header-main ul.menu ul li { float: none; background-color: #ffffff; text-align: left; margin: 3px 5px; padding-left: 3px; }									  
div.page-header div.header-main ul.menu ul li a { display: inline-block; }
div.page-header div.header-main ul.menu ul ul { left: 100%; top: 0; }
div.page-header div.header-main ul.menu li:hover > ul { visibility: visible; }
div.page-header div.header-main ul.toolbar { float: right; padding: 0px 10px; height: 30px; }
div.page-header div.header-main ul.toolbar li { margin: 0px 2px 0px 2px; line-height: 30px; vertical-align: middle; *display: inline; }
div.page-header div.header-main ul.toolbar li a { color: #ffffff; color: inherit; text-decoration: none; }
div.page-header div.header-main ul.toolbar li a:hover { color: #24a5cf; }

div.page-content { clear: both; margin: 15px 20px; color: #4c4c4c; }
div.page-content a { color: #009fd0; text-decoration: none; }
div.page-content a:hover { text-decoration: underline; }
div.page-content a[disabled] { color: #999999; text-decoration: none; }
div.page-content div.has-left { margin-left: 220px; }
div.page-content div.has-right { margin-right: 220px; }

div.page-content div.content-main { padding: 0px 5px 35px 5px; }
div.page-content div.content-left { float: left; width: 200px; padding-bottom: 35px; }
div.page-content div.content-right { float: right; width: 200px; padding-bottom: 35px; }

div.page-content div.block { width: 188px; padding: 5px; border: solid 1px #e5e5e5; margin-bottom: 20px; }
div.page-content div.block span.title { font-size: 13px; padding: 2px 6px; font-weight: bold; color: #000000; }
div.page-content div.block div.content { padding: 10px 3px; }
div.page-content div.block div.footer { text-align: right; }

div.page-footer { position: absolute; bottom: 0; left: 20px; right: 20px; height: 24px; border-top: solid 4px #000000; padding: 2px 0px; color: #4c4c4c; }
div.page-footer span.copyrights { float: left; font-size: 12px; }
div.page-footer ul.toolbar { float: right; }
div.page-footer ul.toolbar li { line-height: 18px; vertical-align: middle; margin: 0px 10px; }
div.page-footer ul.toolbar li a { font-size: 11px; color: #4c4c4c; text-decoration: none; }
div.page-footer ul.toolbar li a:hover { text-decoration: underline; }

div.tag-sphere { width: 180px; height: 180px; position: relative; color: #009fd0; }

ul.publication-list { list-style-type: none; }
ul.publication-list li.separator { margin: 15px 0px; border-bottom: dotted 1px #e5e5e5; }
ul.publication-list li div.publication div.summary { text-align: left; }

ul.comment-list { list-style-type: none; }
ul.comment-list li.separator { margin: 15px 0px; border-bottom: dotted 1px #e5e5e5; }
ul.comment-list li div.comment div.summary { text-align: right; }

ul.tag-list { list-style-type: none; }
ul.tag-list li { display: inline-block; }
ul.tag-list li.separator { }

ul.poll-list { list-style-type: none; }
ul.poll-list li.separator { margin: 5px 0px; border-bottom: dotted 1px #e5e5e5; }
ul.poll-list li div.poll { }

ul.poll-answer-list { list-style-type: none; }
ul.poll-answer-list li.separator { height: 3px; border: none !important; }

div.topic { padding: 5px; }

div.publication a.title { display: block; }
div.publication span.title { display: block; padding: 2px 10px; font-size: 16px; font-weight: bold; border-bottom: solid 2px #e5e5e5; margin-bottom: 10px; color: #000000; }
div.publication div.summary { padding: 5px; text-align: right; font-size: 11px; }
div.publication div.summary span { display: block; }
div.publication div.content { padding: 5px; }

div.comment { }
div.comment span.title { display: block; border: none !important; padding: 2px 10px; font-weight: bold; color: #000000; }
div.comment div.summary { padding: 5px; text-align: right; font-size: 11px; }
div.comment div.summary span { display: block; }
div.comment div.content { padding: 5px; }

div.poll { }
div.poll span.title { display: block; border: none !important; padding: 2px 10px; font-weight: normal !important; }
div.poll div.content { padding: 5px; }

div.datapager { text-align: center; padding: 5px 10px; margin: 7px 0px; }
div.datapager a { text-decoration: none; padding: 0px 3px; }
div.datapager input[type=text] { text-align: center; width: 30px; }

ul.breadcrumb { list-style-type: none; border: solid 1px #e5e5e5; padding: 4px 10px; margin-bottom: 10px; }
ul.breadcrumb li { display: inline-block; *display: inline; }
ul.breadcrumb li.separator { color: #e5e5e5; }

table.datatable td { vertical-align: top; text-align: left; padding: 3px; height: 20px; }
table.datatable td label { padding-right: 10px; }
table.datatable td input[type=text], table.datatable td input[type=password], table.datatable td select, table.datatable td textarea { width: 500px; }

table.grid { width: 100%; border: solid 1px #dddddd; }
table.grid th { height: 20px; background-color: #eeeeee; color: #666666; font-size: 12px; font-weight: normal; white-space: nowrap; }
table.grid tr.alter { background-color: #f6f6f6; }
table.grid tr.empty td {  padding: 10px; font-style: italic; }
table.grid td { padding: 4px 8px; white-space: nowrap; }
table.grid input[type=text], table.grid input[type=password], table.grid input[type=password] { width: 100%; }

ul.datalist { list-style-type: none; }
ul.datalist li { padding: 3px; }
ul.datalist li.separator { }

div.groupbox { border: solid 1px #dddddd; margin: 15px 5px 10px 5px; }
div.groupbox span.title { padding: 2px 10px; top: -6px; left: 5px; position: relative; color: #536C71; background-color: #ffffff; border: solid 1px #dddddd; }
div.groupbox div.content { padding: 5px 10px 10px 10px; }
div.groupbox ul.toolbar { padding: 5px 10px 10px 10px; }

div.captcha
{
    padding: 10px;
}

.bb_editor_main  { width: 100%; }
.bb_editor_main textarea { height: 200px; }
.bbcode_editor_bar { background-color: #ffffff; }
.bbcode_editor_bar ul { margin: 0px 5px; padding: 0px; background-color: #ffffff; }
.bbcode_editor_bar ul li { list-style: none; float: left; margin: 1px 2px 3px 0; padding: 0px; background: #ffffff; }
.bbcode_editor_bar ul li a, .bbcode_editor_bar ul li a:hover { text-decoration: none; }
.bbcode_editor_bar ul li i { cursor: hand; display: block; width: 16px; height: 16px; background: url("images/bbcodeicons.gif"); }
.bbcode_editor_bar ul li .p i { background-position: 0 0; }
.bbcode_editor_bar ul li .br i { background-position:-16px 0; }
.bbcode_editor_bar ul li .b i { background-position: -32px 0; }
.bbcode_editor_bar ul li .i i { background-position: -48px 0; }
.bbcode_editor_bar ul li .s i { background-position: -64px 0; }
.bbcode_editor_bar ul li .u i { background-position: -80px 0; }
.bbcode_editor_bar ul li .url i { background-position: 0px -16px; }
.bbcode_editor_bar ul li .img i { background-position: -16px -16px; }
.bbcode_editor_bar ul li .size i { background-position: -32px -16px; }
.bbcode_editor_bar ul li .color i { background-position: -48px -16px; }
.bbcode_editor_bar ul li .ul i { background-position: -64px -16px; }
.bbcode_editor_bar ul li .ol i { background-position: -80px -16px; }
.bbcode_editor_bar ul li .code i { background-position: 0 -32px; }
.bbcode_editor_bar ul li .h1 i { background-position: 0 -48px; }
.bbcode_editor_bar ul li .h2 i { background-position: -16px -48px; }
.bbcode_editor_bar ul li .h3 i { background-position: -32px -48px; }
.bbcode_editor_bar ul li .h4 i { background-position: -48px -48px; }
.bbcode_editor_bar ul li .h5 i { background-position: -64px -48px; }
.bbcode_editor_bar ul li .h6 i { background-position: -80px -48px; }
.bbcode_editor_bar ul li .separator { height: 16px; margin: 0 4px; border-left: 1px solid #ccc; }

div.wysiwyg { background-color: #ffffff; width: 500px; }
div.wysiwyg * { margin: 0; padding: 0; }
div.wysiwyg ul.panel { float: left; width: 100%; padding: 0px; }
div.wysiwyg ul.panel li { list-style-type: none; float: left; margin: 1px 2px 3px 0; background: #ffffff; }
div.wysiwyg ul.panel li.separator { }
div.wysiwyg ul.panel li a { text-indent: -5000px; opacity: 0.85; filter:alpha(opacity=85); display: block; width: 16px; height: 16px; background: url("images/wysiwygicons.gif") no-repeat -64px -80px; border: 0; cursor: pointer; padding: 1px; }
div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active {	opacity: 1.00; filter:alpha(opacity=100); }
div.wysiwyg ul.panel li a.active { background-color: #f9f9f9; border: 1px solid #666666; border-left-color: #aaaaaa; border-top-color: #aaaaaa; padding: 0; }
div.wysiwyg ul.panel li a.bold { background-position: 0 -16px; }
div.wysiwyg ul.panel li a.italic { background-position: -16px -16px; }
div.wysiwyg ul.panel li a.strikeThrough { background-position: -32px -16px; }
div.wysiwyg ul.panel li a.underline { background-position: -48px -16px; }
div.wysiwyg ul.panel li a.justifyLeft { background-position: 0 0; }
div.wysiwyg ul.panel li a.justifyCenter { background-position: -16px 0; }
div.wysiwyg ul.panel li a.justifyRight { background-position: -32px 0; }
div.wysiwyg ul.panel li a.justifyFull { background-position: -48px 0; }
div.wysiwyg ul.panel li a.indent { background-position: -64px 0; }
div.wysiwyg ul.panel li a.outdent { background-position: -80px 0; }
div.wysiwyg ul.panel li a.subscript { background-position: -64px -16px; }
div.wysiwyg ul.panel li a.superscript { background-position: -80px -16px; }
div.wysiwyg ul.panel li a.undo { background-position: 0 -64px; }
div.wysiwyg ul.panel li a.redo { background-position: -16px -64px; }
div.wysiwyg ul.panel li a.insertOrderedList { background-position: -32px -48px; }
div.wysiwyg ul.panel li a.insertUnorderedList { background-position: -16px -48px; }
div.wysiwyg ul.panel li a.insertHorizontalRule { background-position: 0 -48px; }
div.wysiwyg ul.panel li a.h1 { background-position: 0 -32px; }
div.wysiwyg ul.panel li a.h2 { background-position: -16px -32px; }
div.wysiwyg ul.panel li a.h3 { background-position: -32px -32px; }
div.wysiwyg ul.panel li a.h4 { background-position: -48px -32px; }
div.wysiwyg ul.panel li a.h5 { background-position: -64px -32px; }
div.wysiwyg ul.panel li a.h6 { background-position: -80px -32px; }
div.wysiwyg ul.panel li a.cut { background-position: -32px -64px; }
div.wysiwyg ul.panel li a.copy { background-position: -48px -64px; }
div.wysiwyg ul.panel li a.paste { background-position: -64px -64px; }
div.wysiwyg ul.panel li a.increaseFontSize { background-position: -16px -80px; }
div.wysiwyg ul.panel li a.decreaseFontSize { background-position: -32px -80px; }
div.wysiwyg ul.panel li a.createLink { background-position: -80px -48px; }
div.wysiwyg ul.panel li a.insertImage { background-position: -80px -80px; }
div.wysiwyg ul.panel li a.html { background-position: -47px -46px; }
div.wysiwyg ul.panel li a.removeFormat { background-position: -80px -63px; }
div.wysiwyg ul.panel li a.empty { background-position: -64px -80px; }
div.wysiwyg iframe { border: solid 1px #dddddd; clear: left; padding: 3px 3px 3px 3px; overflow: visible; width: 500px; }
textarea.wysiwyg { border: solid 1px #dddddd; background-color: #ffffff; height: 200px; padding: 3px; }

.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

.ui-datepicker { z-index: 1000; width: 180px; padding: 5px 10px 5px 5px; background-color: #ffffff; border: solid 1px #cccccc; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left: 5px; background-image: url("images/dtprev.gif"); background-repeat: no-repeat; background-position: left; }
.ui-datepicker .ui-datepicker-next { right: 5px; background-image: url("images/dtnext.gif"); background-repeat: no-repeat; background-position: right; }
.ui-datepicker .ui-datepicker-prev-hover { }
.ui-datepicker .ui-datepicker-next-hover { }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker td span, .ui-datepicker td a:hover { font-weight: bold; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

.ui-tabs { border: none; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding-left: 15px; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; margin: 0px 2px -1px 0px; padding: 2px 4px 0px 4px; border: solid 1px #dddddd; color: #536c71; outline: none; background-color: #ffffff; min-width: 60px; text-align: center; }
.ui-tabs .ui-tabs-nav li a { text-decoration: none; color: #536c71;	padding: 0px 0px 0px 0px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { color: #536c71;	outline: none; background-color: #ffffff; border-bottom-color: #ffffff; }
.ui-tabs .ui-tabs-nav .ui-state-hover {	background-color: #ffffff; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.ui-tabs .ui-tabs-panel { padding: 15px 15px 15px 15px; display: block;	border-width: 0; background: none; border: solid 1px #dddddd; }
.ui-tabs .ui-tabs-hide { display: none !important; }