/*
#67BDC8 - origi darker tt blue
#96BCCF - origi menu letter
#0080B5 - tt logo dark blue
#E0ECF8 - tt background
#F2F5F9 - tt pale
#848484 - original tb,lb... letters
#C2D2DE - popup background
#468EA4 - popup border;
*/
/* MAIN HTML */
body { font-size: small; font-family: verdana,arial,sans-serif; margin: 0; padding: 0; background : #E0ECF8; }
td {font-weight : bold; } /*color: #96BCCF; }*/
#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: #E0ECF8; padding: 1px; color: #FFFFFF; } /* background: #468EA4; */
#main { padding: 1px 1px 1px 1px; width : 98%; margin : 0 auto;} /* to center div : width : 95%; margin : 0 auto; */ 
#main .bg { background: #FFFFFF; padding: 10px; color: #0080B5; height: auto!important; min-height: 100px;  -webkit-border-radius: 4px; -moz-border-radius: 4px;}

.bb { border : 1px solid #000000; }

/* WIDGET SETTINGS */
.gwt-HTML { display: inline;  -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.gwt-ListBox { width: 144px; border : 1px #0080B5 solid; background : #FFFFFF; color : #000000;  -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.gwt-TextBox { border : 1px #0080B5 solid; background : #FFFFFF; color : #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; } 
.gwt-TextArea { border : 1px #0080B5 solid; background : #E0ECF8; color : #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; } 
.gwt-PasswordTextBox { border : 1px #0080B5 solid; background : #FFFFFF; color : #000000;  -webkit-border-radius: 4px; -moz-border-radius: 4px;} 
.gwt-PopupPanel { padding: 10px; font-weight: bold; background: #C2D2DE; border: 1px solid #468EA4; color:#0080B5; z-index: 18; -webkit-border-radius: 4px; -moz-border-radius: 4px;  }
.gwt-PopupPanel .close { float: right; width: 12px; height: 12px; background-image: url('public/close.png'); cursor: pointer; }
.gwt-PopupPanel .clear { clear: both; }
.gwt-Button { color: #FFFFFF; font-weight: bold; background : #67BDC8;  -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.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; }
a, .gwt-Hyperlink, .my-Hyperlink { color: #468EA4; text-decoration: underline; cursor: pointer; display: inline; }
.gwt-SuggestBoxPopup { background : #FFFFFF; color : #000; z-index: 20; -webkit-border-radius: 4px; -moz-border-radius: 4px; }

.newJobDialog { padding: 10px; font-weight: bold;  border : 2px solid #E0ECF8; background: #FFFFFF; z-index: 18;  -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.barcodeDialog { padding : 10px; border : 2px solid #FFFFFF; background: #E0ECF8; z-index: 18;  -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.reportDialog { padding: 10px; font-weight: bold;  border : 2px solid #FFFFFF; background: #E0ECF8; z-index: 18;  -webkit-border-radius: 4px; -moz-border-radius: 4px;}

.tt-table { background: #FFFFFF; width: 100%; border-collapse: collapse; border: 1px solid #67BDC8; color : #0080B5; white-space: nowrap; }
.tt-table tr { cursor: pointer; }
/*.tt-table td { color: #96BCCF; }*/
.tt-table a {color: #FF0000; }

.tt-table_nowidth { background: #FFFFFF; width: 100%; border-collapse: collapse; border: 1px solid #67BDC8; color : #0080B5; white-space: nowrap; }
.tt-table_nowidth tr { cursor: pointer; }
.tt-table_nowidth a {color: #FF0000; }

.pricing { background: #FFFFFF; border : 0px; padding : 0px; width: 100%; white-space: nowrap; }
.pricing tr { cursor: pointer; }
.pricing td { color: #0080B5; } /* 96BCCF */
.pricing a { color: #FF0000; }
.pricing-oddrow { background : #EFF5FB; }
.pricing-evenrow { background : #D5E8FA; }

.whpricing { background: #FFFFFF; border : 0px; padding : 0px;  white-space: nowrap; }
.whpricing tr { cursor: pointer; }
.whpricing td { color: #0080B5; } /* 96BCCF */
.whpricing a { color: #FF0000; }
.whpricing-oddrow { background : #EFF5FB; }
.whpricing-evenrow { background : #D5E8FA; }

.multi { padding: 1px; background: #468EA4; z-index: 18; } 

/* FONTS */
.bold { font-weight: bold; }
.small { font-size: 80%; }
.smaller {font-size: 70%; }
.bigger { font-size: 120%; }
.bigger2 { font-size: 110%; }
.bigger3 { font-size: 140%; }

/* DETAILS */
.pointer { cursor: pointer; }
.right-padding { padding-right : 5px; }
.right-padding-big { padding-right : 50px; }
.border_only { border : 1px solid #E0ECF8; }
.border2 { background: #FFFFFF; width: 100%; white-space: nowrap; } /*#67BDC8*/
.border2 td { color: #000;  border-collapse: collapse;  border: 1px solid #67BDC8;  }
.borderless { padding: 0px 0px 0px 0px; }
.label-hover { 	cursor : pointer; background: #E0ECF8; font-size: 110%; color: #FFFFFF;  -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.nowrap { white-space: nowrap; }

/* SIZE SETTINGS */
.entry_1 { width : 50px;}
.entry_2 { width : 60px;}
.entry_3 { width : 70px;}
.entry_4 { width : 80px;}
.entry_5 { width : 90px;}
.entry_6 { width : 100px; }
.entry_7 { width : 110px; }
.def_entry_width { width : 164px; }
.wider_entry_width { width : 180px; }
.even_wider { width : 200px; }
.time_min { width : 37px; }
.date_min { width : 70px; }
.padding_1 { padding : 5px; }
.padding_2 { padding : 10px; }
.padding_3 { padding : 15px; }
.paddling_4 {padding : 20px; }
.spacing_1 { spacing : 5px; }
.spacing_3 { spacing : 15px; }
.cust-list_big { width : 300px; height : 400px; }
.qty_scrollp { height : 100px; }
.req_scrollp { height : 100px; }
.ref_scrollp { height : 100px; }
.probdet { width : 250px; height : 100px; }

/* COLORING */
.selected { background: #97EDF8; color : #FFFFFF;  }
.disabled { background-color: #ddd; color : #848484;}
.disabled_2 { background-color: #ECEDEF; color : #848484;}
.funnyblue { border:  1px solid #468EA4; }
.cancjob { background : #ddd; color : #0000CD; } 
.red { color: #FF0000; }
.green { background-color: #ccffcc }
.amber { background-color: #ffffcc; color : #000000;}
.blue {  background-color: #0000CD; color : #FFFFFF; }
.lightblue { background-color: 	#67B0EB;  color :  #FFFFFF;}
.red { background-color: #ffcccc; color : #000; cursor: pointer; }
.purple { background-color : #CC66FF; }
.black { color : #000; }
.white { color : #FFFFFF; }
.white_bg { background : #FFFFFF; }
.tt-dark-blue { color : #0080B5; }
.tt-color { color : #E0ECF8; }
.tt-color-pale { color : #F2F5F9;}
.tt-color-pale_bg { background : #F2F5F9;  -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.whitebox { color : #000; background-color : #FFFFFF; }


/* Some formatting was hardcoded originally. Check ScreenDiary.java for column widths */
.diary { width: 100%; overflow: scroll; background-color: #fff; color: #000; } 
.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 .head_t { background-color: #fff; float: left; width: 150px; 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: 80px; 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: 67%; }
.diary .selday .item_t { background-color: #fff; float: left; width: 150px; height: 200px; border-bottom: solid 1px #000; border-right: solid 1px #000; overflow: auto; font-size: 67%; }
.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 .head_t { background-color: #fff; float: left; width: 150px; 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: 80px; 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: 67%; }
.diary .line .item_t { background-color: #fff; float: left; width: 150px; height: 100px; border-right: solid 1px #000; border-bottom: solid 1px #000; overflow: auto; font-size: 67%; }
.diary .line .first { border-left: solid 1px #000;  }
.diary .line-first .head { border-top: solid 1px #000; }

/* Blue theme */
.blue-date-picker { background-color: #468EA4; color: #112ABB; width: 165px; z-index: 20; } /*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 {
	cursor          :   hand;
	color			: 	#0080B5;	/*96BCCF*/
    padding			:	0px 16px; 
    }
    
.borderless {
	border			:	0px;
    padding			:	0px 30px; 
    }
    
.own-MenuBar .gwt-MenuItem-selected { 
	}
.own-MenuBarPopup { 
	background		:	#FFFFFF;
	cursor			:	hand; 
	border			:	2px solid #E0ECF8;
    z-index 		: 	500;
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px;
	} 
.own-MenuBarPopup .gwt-MenuItem {
	cursor			:	hand; 
	color			: 	#0080B5;
    } 
    
.own-MenuBarPopup .gwt-MenuItem-selected { 
	background-color	:	#E0ECF8;  
	font-weight			:	bold;
	color				:	#FFFFFF;
	} 


/* TAB LAYOUT PANEL*/
.gwt-TabLayoutPanel {
    height: 400px; /* % has no affect :( */
   /* width: 500px; /* % has no affect :( */
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
  background: #F2F5F9;
  padding-bottom: 20px;
   -webkit-border-radius: 4px; 
   -moz-border-radius: 4px;
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
  padding: 3px 6px 3px 6px; /*0px 10px*/
  cursor: pointer;
  cursor: hand;
  color: #0080B5; 
  text-align: center;
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
  cursor: default;
  background: #F2F5F9;
  font-size: 110%;
  font-weight : bold;
  color: #FFFFFF;
   -webkit-border-radius: 4px; 
   -moz-border-radius: 4px;
}

/* 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; }