body { 
	background-color: white;
	color: black;
	font-family: Arial, sans-serif;
	font-size: 11px;
	margin: 5px;
}
hr
{
	color:#CCCCCC;
	height:1px;
}
a {	
	color: darkblue;
}

a:visited {	
	color: darkblue; 
}

.gwt-DialogBox {
	border: 2px solid #AAAAAA;
	background-color: white;
	
}

.gwt-DialogBox .Caption {
	background-image: url(gray_gradient.gif);
	background-repeat: repeat-x;
	padding: 4px;
	padding-bottom: 8px;
	font-weight: bold;
	cursor: default;
}

.gwt-MenuBar {
	background-color: #C3D9FF;
	cursor: default;
}

.gwt-MenuItem {
	font-size: 80%;
	margin: 1px;
	cursor: default;
}

.gwt-MenuItem-selected {
	background-color: #E8EEF7;
}

.gwt-Tree {
}

.gwt-Tree .gwt-TreeItem {
	font-size: 80%;
	cursor: default;
}

.gwt-Tree .gwt-TreeItem-selected {
	background-color: #C3D9FF;
}

.gwt-StackPanel {
	background-color: white;
	border: 1px solid #AAAAAA;
	width: 15em;
}

.gwt-StackPanel .gwt-StackPanelItem {
	background-image: url(blue_gradient.gif);
	background-repeat: repeat-x;
	background-color: #EEEEEE;
	cursor: pointer;
	cursor: hand;
}

.gwt-StackPanel .gwt-StackPanelItem-selected {
}

.gwt-TabPanel {
	
}

.gwt-TabPanelBottom {
	border-left: 1px solid #87b3ff;
	border-right: 1px solid #87b3ff;
	border-bottom: 1px solid #87b3ff;
}

.gwt-TabBar {
	font-size: smaller;
}

.gwt-TabBar .gwt-TabBarFirst {
	height: 100%;
	border-bottom: 1px solid #87b3ff;
	border-right: 1px solid #87b3ff;
	padding-left: 3px;
}

.gwt-TabBar .gwt-TabBarRest {
	border-bottom: 1px solid #87b3ff;
	padding-right: 3px;
}

.gwt-TabBar .gwt-TabBarItem {
	border-top: 1px solid #87b3ff;
	border-bottom: 1px solid #87b3ff;
	padding: 2px;
	cursor: hand;
	white-space: nowrap;
	border-right: 1px solid #87b3ff;
}

.gwt-TabBar .gwt-TabBarItem-selected {
	font-weight: bold;
	background-color: #e8eef7;
	border-top: 1px solid #87b3ff;
	border-right: 1px solid #87b3ff;
	border-bottom: 1px solid #e8eef7;
	padding: 2px;
	cursor: default;
	white-space: nowrap;
}

.gwt-PushButton-up {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
  cursor: pointer;
  cursor: hand;
}

.gwt-PushButton-up-hovering {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
  cursor: pointer;
  cursor: hand;
}

.gwt-PushButton-down {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
  cursor: pointer;
  cursor: hand;
}

.gwt-PushButton-down-hovering {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-up {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-up-hovering {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-down {
  background-color: #C3D9FF;
  padding: 2px;
  background-color: #E8F1FF;
  border: 2px solid transparent;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-down-hovering {
  background-color: #C3D9FF;
  padding: 2px;
  background-color: #E8F1FF;
  border: 2px solid transparent;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
  cursor: pointer;
  cursor: hand;
}

.gwt-RichTextArea {
  border: 1px solid black;
  background-color: white;
}

.gwt-RichTextToolbar {
  background-color: #C3D9FF;
  padding: 2px;
}

.gwt-RichTextToolbar .gwt-PushButton-up {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
}

.gwt-RichTextToolbar .gwt-PushButton-up-hovering {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
}

.gwt-RichTextToolbar .gwt-PushButton-down {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.gwt-RichTextToolbar .gwt-PushButton-down-hovering {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.gwt-RichTextToolbar .gwt-ToggleButton-up {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
}

.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
}

.gwt-RichTextToolbar .gwt-ToggleButton-down {
  margin-right: 2px;
  background-color: #E8F1FF;
  border: 1px solid #C3D9FF;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
  margin-right: 2px;
  background-color: #E8F1FF;
  border: 1px solid #C3D9FF;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.gwt-HorizontalSplitPanel {
	border: 8px solid #C3D9FF;
}

.gwt-HorizontalSplitPanel .splitter {
	background-color: #C3D9FF;
	cursor: move;
}

.gwt-HorizontalSplitPanel .left {
  background-color: #E8EEF7;
}

.gwt-VerticalSplitPanel {
}

.gwt-VerticalSplitPanel .splitter {
	background-color: #C3D9FF;
	height: 8px;
	cursor: move;
}

.gwt-SuggestBoxPopup {
	border: 2px solid #C3D9FF;
}

.gwt-SuggestBoxPopup .item {
	padding: 2px;
}

.gwt-SuggestBoxPopup .item-selected {
	background-color: #C3D9FF;
	padding: 2px;
}

.gwt-DisclosurePanel {
	border: 2px solid #C3D9FF;
}

.gwt-DisclosurePanel .header {
	background-color: #e8eef7;
	cursor: hand;
}
/*---FORM ELEMENTS-----*/
.textbox
{
	font-size:8px;
}
.form-info-line
{
	position:relative;
	text-align:left;
	padding:5px 0px 5px 0px;
	margin-bottom:8px;
	background:none;
}
.form-info-line hr
{
	color:#15428B;
	height:1px;
}
.form-info-line div
{
	position:absolute;
	top:5;
	left:0;
	color:#15428B;
	background:#DFE8F6;
	font-weight:bold;
	padding-right:5px;
	padding-left:0px;
}
.treeline
{
	background:url(images/treeline.gif) top left no-repeat;
	width:100%;
	height:10px;
}

/*---ICONS-----*/
.mainpage-icon
{
	background-image: url( images/icons/home.gif ) !important;
}
.mnusystem-icon
{
	background-image: url( images/icons/system.gif ) !important;
}
.toolpanel-icon
{
	background-image: url( images/icons/tools.png ) !important;
}
.userInfor-icon
{
	background-image: url( images/icons/userInfor.gif ) !important;
}
.workinfor-icon
{
	background-image: url( images/icons/workinfor.png ) !important;
}
.message-icon
{
	background-image: url( images/icons/message.png ) !important;
}
.mnustaff-icon
{
	background-image: url( images/icons/staff.png ) !important;
}
.mnuwork-icon
{
	background-image: url( images/icons/mnuwork.png ) !important;
}
.mnudoc-icon
{
	background-image: url( images/icons/mnudoc.gif ) !important;
}
.mnuinfor-icon
{
	background-image: url( images/icons/information.png ) !important;
}
.bntSave-icon
{
	background-image: url( images/icons/accept.png ) !important;
}
.bntReset-icon
{
	background-image: url( images/icons/action_refresh.gif ) !important;
}
.bntNew-icon
{
	background-image: url( images/icons/add.png ) !important;
}
.btnDel-icon
{
	background-image: url( images/icons/delete.png ) !important;
}
.btnCancel-icon
{
	background-image: url( images/icons/cancel.png ) !important;
}
.btnForward-icon
{
	background-image: url( images/icons/forward.gif ) !important;
}
.btnReply-icon
{
	background-image: url( images/icons/reply.gif ) !important;
}


.mnupermission-icon
{
	background-image: url( images/icons/permission.gif ) !important;
}
.mnuposition-icon
{
	background-image: url( images/icons/position.png ) !important;
}
.mnudepartment-icon
{
	background-image: url( images/icons/department.gif ) !important;
}
.mnupermissionGroup-icon
{
	background-image: url( images/icons/permissiongroup.gif ) !important;
}
.mnuemploy-icon
{
	background-image: url( images/icons/employ.png ) !important;
}
.mnuusergroups-icon
{
	background-image: url( images/icons/group.gif ) !important;
}
.mnusysconfigs-icon
{
	background-image: url( images/icons/sysconfigs.gif ) !important;
}
.frmprivatesysconfig-icon
{
	background-image: url( images/icons/icon_settings.gif ) !important;
}
.mnuusers-icon
{
	background-image: url( images/icons/user.gif ) !important;
}
.mnupersonal-icon
{
	background-image: url( images/icons/personal.gif ) !important;
}
.mnuworkfilesbrowse-icon
{
	background-image: url( images/icons/workbrowse.gif) !important;
}
.mnuworkfiles-icon
{
	background-image: url( images/icons/workfiles.gif) !important;
}
.mnuworkfileprocess-icon
{
	background-image: url( images/icons/workfileprocess.gif) !important;
}
.mnuworkfileemploygroup-icon
{
	background-image: url( images/icons/workfileemploygroup.gif) !important;
}
.mnuworkfiletype-icon
{
	background-image: url( images/icons/workfiletype.gif) !important;
}
.mnuworkfilesattachs-icon
{
	background-image: url( images/icons/workfilesattachs.gif) !important;
}
.mnuworkpermission-icon
{
	background-image: url( images/icons/workpermission.gif) !important;
}
.mnuworkpermissiongroup-icon
{
	background-image: url( images/icons/workpermissiongroup.gif) !important;
}
.mnuemploybrowse-icon
{
	background-image: url( images/icons/employ.png ) !important;
}
.mnudepartmentbrowse-icon
{
	background-image: url( images/icons/department.gif ) !important;
}
.mnupositionbrowse-icon
{
	background-image: url( images/icons/position.png ) !important;
}
.mnudocuments-icon
{
	background-image: url( images/icons/documents.gif) !important;
}
.mnudocumentsbrowse-icon
{
	background-image: url( images/icons/documentsbrowse.gif) !important;
}
.mnudocproperties-icon
{
	background-image: url( images/icons/docproperties.gif) !important;
}
.mnudocpermission-icon
{
	background-image: url( images/icons/docpermission.gif) !important;
}
.mnudocpermissiongroup-icon
{
	background-image: url( images/icons/docpermissiongroup.gif) !important;
}
.mnudoccategories-icon
{
	background-image: url( images/icons/doccategories.gif) !important;
}
.mnudocprocess-icon
{
	background-image: url( images/icons/docprocess.gif) !important;
}
.mnucommission-icon
{
	background-image: url( images/icons/commission.gif) !important;
}
.frmdocuments-icon
{
	background-image: url( images/icons/doccreate.gif) !important;
}
.frmworkfiles-icon
{
	background-image: url( images/icons/workcreate.gif) !important;
}
.frmmessages-icon
{
	background-image: url( images/icons/message-send.gif) !important;
}
.frmemail-icon
{
	background-image: url( images/icons/email_go.gif) !important;
}
.frmsearchdocuments-icon
{
	background-image: url( images/icons/search_doc.gif) !important;
}
.frmsearchworkfiles-icon
{
	background-image: url( images/icons/search_work.gif) !important;
}
.frmsearchstaff-icon
{
	background-image: url( images/icons/search_emp.gif) !important;
}
.frmsearchmessages-icon
{
	background-image: url( images/icons/search_message.gif) !important;
}
.frmmyaccount-icon
{
	background-image: url( images/icons/user_edit.gif) !important;
}
.frmemailconfig-icon
{
	background-image: url( images/icons/emailconfig.gif) !important;
}
.workdiary-icon
{
	background-image: url( images/icons/workdiary.gif) !important;
}
.workchat-icon
{
	background-image: url( images/icons/workchat.gif) !important;
}

.bntEdit-icon
{
	background-image: url( images/icons/database_edit.png ) !important;
}
.btnUpload-icon
{
	background-image: url( images/icons/arrow_up.png ) !important;
}

.pgrid-first-icon
{
	background-image: url( images/icons/page-first.gif ) !important;
}
.pgrid-first-d-icon
{
	background-image: url( images/icons/page-first-disabled.gif ) !important;
}
.pgrid-last-icon
{
	background-image: url( images/icons/page-last.gif ) !important;
}
.pgrid-last-d-icon
{
	background-image: url( images/icons/page-last-disabled.gif ) !important;
}
.pgrid-next-icon
{
	background-image: url( images/icons/page-next.gif ) !important;
}
.pgrid-next-d-icon
{
	background-image: url( images/icons/page-next-disabled.gif ) !important;
}
.pgrid-prev-icon
{
	background-image: url( images/icons/page-prev.gif ) !important;
}
.pgrid-prev-d-icon
{
	background-image: url( images/icons/page-prev-disabled.gif ) !important;
}
.grid-loading-icon
{
	background-image: url( images/icons/grid-loading.gif ) !important;
}
.grid-done-icon
{
	background-image: url( images/icons/done.gif) !important;
}
.idOwner-icon
{
	background-image: url( images/icons/userInfor.gif) !important;
	height:16px;
	width:16px;
}
.btnPrint-icon
{
	background-image: url( images/icons/printer.png ) !important;
}
.zoomOut-icon
{
	background-image: url( images/icons/zoom_out.png ) !important;
}
.zoomIn-icon
{
	background-image: url( images/icons/zoom_in.png ) !important;
}
.viewFull-icon
{
	background-image: url( images/icons/viewfull.png) !important;
}
.processDoc-icon
{
	background-image: url( images/icons/processDoc.png) !important;
}
.mnuemailbrowse-icon
{
	background-image: url( images/icons/email.gif) !important;
}
.mnuemail-icon
{
	background-image: url( images/icons/email_go.gif) !important;
}
.mnumessages-icon,.mnumessagesbrowse-icon
{
	background-image: url( images/icons/home_message.gif) !important;
}
.btnSendMessage-icon
{
	background-image: url( images/icons/home_message.gif) !important;
}
.btnSendEmail-icon
{
	background-image: url( images/icons/email_go.gif) !important;
}
.attach-icon
{
	background-image: url( images/icons/attach.gif) !important;
}
.addevents-icon
{
	background-image: url( images/icons/events_add.png) !important;
}
.view-icon
{
	background-image: url( images/icons/view.png) !important;
}
.mnucalendarevents-icon
{
	background-image: url( images/icons/calendar.gif) !important;
}

//Custom classs
#docbrowser_content
{
	padding:5px;
}
#docbrowser_content h4
{
	font-size:14px;
	font-weight:normal;
	margin-bottom:20px;
}
#docbrowser_content h3
{
	font-size:18px;	
	margin-bottom:10px;
}
#banner
{
	background: url( images/banner.jpg) #adeef5 no-repeat top left;
	text-align:center;
	padding:13px 0px 0px 190px;	
    height:67px;
}
#login-footer
{
	background: url( images/login_footer.jpg) #FFFFFF no-repeat top left;
	text-align:center;
	padding:13px 0px 0px 190px;	
    height:47px;
}
#banner .company-name
{
	font-size:14px;
	font-weight:bold;
	color:#0d6dce;
}
.home-grid-view
{
}

#message-recive .message-header
{
	border-bottom:1px solid #DDDDDD;	
}
#message-recive .message-header table
{
	background:none;
}
#message-recive table tr td.header-title
{
	padding:5px;
	background-color:#EEEEEE;
}
#message-recive .title
{
	font-size:11px;
	margin-bottom:5px;
}
#message-recive .name
{
	font-size:10px;
}
#message-recive .datesend
{
	font-size:11px;
}
#message-recive .message-content
{
	padding:6px;
	text-align:justify;
	font-size:12px;
	height:405px;
	overflow:scroll;
}
#user-infor
{
	text-align:left;
	padding: 15px;
	line-height:210%;
}
.reply-fulltext
{
	border-right:1px solid #666666;padding-left:20px
}
table.calendar_view
{
	width:100%;
	border-collapse: collapse;
}
table.calendar_view tr td.label
{
	height:15px;
	width:35%;
	font-weight: bold;
	text-align: left;
	background: #F5F5F5;
	border-bottom:1px solid #FFFFFF;
	padding:5px;
	color: #6B656B;
}
table.calendar_view tr td.content
{
	width:65%;
	padding:5px;
}

