body { font-size: small; font-family: verdana,arial,sans-serif; margin: 0; padding: 0; }
td { color: #FFFFFF; }
#loading { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #fff none no-repeat; opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70); z-index: 20; text-align: center; }
#loading div { display: inline; position: relative; top: 20%; width: 29px; height: 30px; text-align: left; } /*top: 40%; width: 58px; height: 30px;*/
#body { width: 100%; }
#menu { padding: 1px; }
#menu .bg { background: #468EA4; padding: 1px; color: #FFFFFF; }
#main { padding: 1px 1px 1px 1px; }
#main .bg { background: #67BDC8; padding: 1px; color: #FFFFFF; height: 100px; height: auto!important; min-height: 100px; }

.gwt-HTML { display: inline; }
.gwt-ListBox { width: 144px; }
.red { color: #FF0000; }
.small { font-size: 80%; }
.bold { font-weight: bold; }
.border { background: #FFFFFF; width: 100%; border-collapse: collapse; border: 1px solid #67BDC8; }
.border td { color: #000000; }
.border tr { cursor: pointer; }
.border a {color: #FF0000;}
.selected { background: #97EDF8; }
.disabled { background-color: #ddd; }
.borderless { padding: 0px 0px 0px 0px;}

/* .diary { width: 100%; overflow: scroll; background-color: #fff; color: #000; } */
.diary { background-color: #67BDC8; color: #000; } /*bgcolor fff*/
.diary a { color: #000; }
.diary .selday { clear: both; white-space: nowrap; }
.diary .selday .head { background-color: #fff; float: left; width: 120px; height: 100%;  border-bottom: solid 1px #000; border-right: solid 1px #000; text-align: center; font-size: 80%; font-weight: bold; position: relative; overflow: hidden; }
.diary .selday .date { background-color: #fff; float: left; width: 70px; height: 130px;  border-bottom: solid 1px #000; border-right: solid 1px #000; overflow: auto; font-size: 80%; padding-top: 70px; position: relative; }
.diary .selday .item { background-color: #fff; float: left; width: 120px; height: 200px; border-bottom: solid 1px #000; border-right: solid 1px #000; overflow: auto; font-size: 63%; }
.diary .selday .first { border-left: solid 1px #000; }
.diary .line { clear: both; white-space: nowrap; }
.diary .line .head { background-color: #fff; float: left; width: 120px; height: 100%; border-right: solid 1px #000; border-bottom: solid 1px #000; text-align: center; font-size: 80%; font-weight: bold; position: relative; overflow: hidden; }
.diary .line .date { background-color: #fff; float: left; width: 70px; height: 65px; border-right: solid 1px #000; border-bottom: solid 1px #000; overflow: auto; font-size: 80%; padding-top: 35px; position: relative; }
.diary .line .item { background-color: #fff; float: left; width: 120px; height: 100px; border-right: solid 1px #000; border-bottom: solid 1px #000; overflow: auto; font-size: 63%; }
.diary .line .first { border-left: solid 1px #000; }
.diary .line-first .head { border-top: solid 1px #000; }

.green { background-color: #ccffcc }
.amber { background-color: #ffffcc }
.blue {  background-color: #0000CD }
.red { background-color: #ffcccc; color : #000; cursor: pointer; }
.purple { background-color : #CC66FF; }
.black { color : #000; }

a, .gwt-Hyperlink, .my-Hyperlink { color: #CCCCFF; text-decoration: underline; cursor: pointer; display: inline; }
.gwt-PopupPanel { padding: 10px; font-weight: bold; background: #468EA4; color:#FFFFFF; z-index: 18; }
.gwt-PopupPanel .close { float: right; width: 12px; height: 12px; background-image: url('public/close.png'); cursor: pointer; }
.gwt-PopupPanel .clear { clear: both; }
.gwt-ScrollPanel { background: #FFFFFF; }
.gwt-PushButton { display: inline; cursor : pointer; }
.gwt-Log { position: fixed; left: 0; top: 0; width: 700px; height: 500px; overflow: scroll; background-color: #000; color: #0f0; border: 1px solid #000; z-index: 19; }
.gwt-Log pre { font-size: 7pt; }

.multi { padding: 2px; background: #CCFF99; color:#000000; font-size : 9pt; z-index: 18; }


/* Blue theme */
.blue-date-picker { background-color: #468EA4; color: #112ABB; width: 165px; z-index: 3; }
.blue-month-line { width: 165px; color: #112ABB; font-size: 8pt; font-weight: bold; font-family: Verdana; text-align: center; 
	cursor: pointer; }
.blue-week-line { width: 165px; color: black; font-size: 8pt; font-family: Verdana; text-align: center; }
.blue-day-grid { border: 1pt solid #468EA4; background-color : white; width: 165px; text-align: center; font-size: 8pt; 
	font-family: Verdana; border-collapse: collapse; background-color: white; cursor: pointer; }
.blue-current-month-selected { background-color: #75A9ff; color:black; }
.blue-selected { background-color: #75A9ff; color:#aaa; }

.blue-week-end { color:#aaa; background-color: #eee; }
.blue-current-month-week-end { background-color: #eee; color: black; }
.blue-other-day { color:#aaa; }
.blue-current-month-other-day { color: black; }
.blue-day-grid tr { height: 20px; }

.pad { padding-left: 27px}
.scr {overflow: auto}

/* MENU */

.own-MenuBar {
	display: block;
	}
.own-MenuBar .gwt-MenuItem {
	font-weight		:	bold;		
	cursor          :   hand;
  /*  border-left     :   1px solid #67BDC8; /* #999 */ 
  /*  border-right    :   1px solid #67BDC8; */
  	border 			:	2px solid #67BDC8;
    padding			:	0px 5px; 
    }
.own-MenuBar .gwt-MenuItem-selected { 
	background-color :   	#67A0B7; 
	}
.own-MenuBarPopup { 
	background		:	#67BDC8;
	cursor			:	hand; 
	border			:	2px solid #468EA4;
    z-index 		: 	500;
	} 
.own-MenuBarPopup .gwt-MenuItem {
    border-left         :   1px solid #999;  
    border-right        :   1px solid #999;
    background-color    :   #67BDC8; 
    }
.own-MenuBarPopup .gwt-MenuItem-selected { 
	background-color	:	#67A0B7;  
	}

/* DND TAB */
.dnd-TabPanel {}
.dnd-TabPanelRight {}
.dnd-TabBar {}
.dnd-TabBar .dnd-TabBarFirst {}
.dnd-TabBar .dnd-TabBarRest {}
.dnd-TabBar .dnd-TabBarItem {
	background-color    : #FFFFFF;
    color               : #000000;
    padding             : 2px 5px 2px 5px;
    cursor              : pointer;
    cursor              : hand;
}
.dnd-TabBar .dnd-TabBarItem-selected {
    border-collapse		: collapse;
    background-color 	: #67A0B7;  
    color               : #000000;
    font-weight         : bold;
    padding             : 3px 6px 3px 6px;
    cursor              : default;
}

/* PERFORMANCE MONITOR */

.gwt-Label { font-weight: bold; }
.green-rows { background-color : #99FF66; }
.orange-rows { background-color : #FFCC00; }
.blue-rows { background-color : #0099CC; }
.red-rows { background-color : #FF6633; }
.fixed-table { table-layout: fixed; }
.gwt-TabBarItem { padding: 5px; white-space:nowrap; background-repeat: no-repeat; cursor: pointer; text-align: center; font-weight: bold; border: solid 1px; }
.result { background: #FFFFFF; width: 100%; border-collapse: collapse; border: 1px solid #67BDC8; }
.result td { color: #000000; }
.pointer { cursor: pointer; }