:root {
    --color-main: #0099AA;
    --color-hover: #006F7B;
    --color-accent: #006F7B;
    --color-table-bg: #32C2D2;
    --color-button: #32C2D2;
}

/** main styles **/
body 		{ width:100%; height:100%; background:url(../images/bgTop.png) repeat-x top #FFFFFF; margin:0; padding:0; font-family:Tahoma; line-height:1.5em; color:#666666; }
h1 			{ color:#FFFFFF; font-size:1.2em; margin:50px 0px 0px 0px; text-align:right; }
h2 			{ color:var(--color-main); font-size:1.1em; margin-top:20px; margin-bottom:5px; }
.h2 		{ color:var(--color-main); font-size:1.1em; margin-top:20px; margin-bottom:5px; font-weight:bold; }
h3			{ color:var(--color-main); font-family:Tahoma; font-weight:bold; font-size:1.0em; margin:0; padding:3px 0px;}
a  			{ color:var(--color-main); }
input		{ font-size:13px; }
a:hover 	{ text-decoration:none; }
#footer 	{ text-align:center; font-size:0.70em; margin:20px 0px; color:#666666; }
#footer a 	{ color:#666666; }
#footer td  { vertical-align: middle; }
#content	{ width:1200px; }
#footer a   { text-decoration: none; }
#footer a:hover 	{ text-decoration: underline; }

/** Bills infobox **/
.info-box		{ margin-bottom:25px; font-size:11px; color:black; border: 2px solid #D4EFF8; line-height:1.0em; padding-top:5px; padding-bottom:5px; }
.info-box table tr td	{ vertical-align:top; }
.info-box table tr	{ vertical-align:top; }
.info-box table	{ vertical-align:top; }
.info-box-line td { padding-top:5x; padding-bottom:5px; }
.loupe:hover	{ cursor:pointer; }
.lower			{ text-align:left; padding-left:5px; padding-right:5px; }
.separated td	{ padding-top:10px; }
/** infobox end **/

/** username **/
.username 		{ float:left; text-decoration:none; font-weight:bold; font-size:0.7em; color:#EEE; }
/** end username **/

/** paging **/
.rowcount 		{ color:#333333; font-size: 0.7em; }
.text			{ font-size: 0.8em; }
.panel			{ width:996px; }
.mini-panel		{ width:680px; }
.box			{ margin-left:5px; margin-right:5px; }
/** paging end **/

/** **/
.green-back {background-color:#66FF66; }
.red-back { background-color: #FF6666; }
/** **/

/** navigation **/
#nav	{ margin-top:61px; /** margin-left:100px; **/ }
#nav a 	{ display:block; float:left; width:110px; height:34px; margin-left:3px; padding-top:14px; background:url(../images/bgNav.png) no-repeat top; text-align:center; text-decoration:none; font-weight:bold; font-size:0.8em;color:#999999;}
#submenu	{ background:url(../images/submenuBg.png); width:1200px; height:25px; }
#submenu a 	{ display:block; float:left; line-height:20px; height:line-height; margin-left:15px; margin-right:15px; 
			 text-align:center; text-decoration:none; font-weight:bold; font-size:0.7em; color:#999999;}
#submenu .links { margin-left:677px; border-spacing:0px 0px; border-width:0px; height:22px; }
#submenu .separator { width:1px; height:20px }
#submenu a:hover, #submenu .current  { color:var(--color-hover); }
#name 	{ position:absolute; right:8px; top:18px; }
.logout { text-decoration:none; font-weight:bold; font-size:0.7em; color:#EEE; }
#nav { float: right; }
#nav a:hover, #nav .current  { background:url(../images/bgNav.png) no-repeat bottom; color:var(--color-hover); }

/** form **/
form legend 	{ background:url(../images/dotBlue.png) no-repeat left; padding-left:15px; font-weight:bold; font-size:0.7em; color:#333333; }
fieldset 		{ border:0px; padding:0px; margin:0px 0px 20px 0px; }
label	 		{ color:#999999; line-height:1.3em; display:block; font-size:0.6em; padding-bottom:3px; margin-top:5px; }
label #kala		{ width: auto; }
.labelText		{ float:left; color:#999999; display:inline; line-height:12px; font-size:0.6em; margin-right:5px; }
#prodet #chk	{ float:left; }
select, #datrang input, .datrang input  { font-size:13px; display:block; width:160px; height:21px; border:#CCCCCC solid 1px; margin:0px 0px 5px 0px; padding:1px; color:#333333; }
#datrang 		{ width:160px; }
#datrang input 	{ width:136px; float:left; border-right:0px; }
.datrang input 	{ border-right:0px; }
#prodet input	{ display:block; width:159px; }
form img 		{ border:0; float:right;}
#center			{ margin-left: auto; margin-right: auto; }
textarea		{ border:#CCCCCC solid 1px;}

.smbutton a		 { background:url(../images/bgFilterButton.png) no-repeat top; display:block; float:left; margin-left:4px; padding-top:10px; width:76px; height:33px; text-align:center; font-size:11px; font-weight:bold; text-decoration:none;}
.smbutton a:hover{ background-position:bottom;}
.rsbutton a		 { background:url(../images/bgResetButton.png) no-repeat top; color:#666666; display:block; float:left; margin-left:4px; padding-top:10px; width:76px; height:33px; text-align:center; font-size:11px; font-weight:bold; text-decoration:none;}
.rsbutton a:hover{ background-position:bottom;}


.reportaddbutton a		 { background:url(../images/bgAddButton.png) no-repeat top; display:block; float:left; margin-left:4px; padding-top:10px; width:76px; height:33px; text-align:center; font-size:11px; font-weight:bold; text-decoration:none;}
.reportaddbutton a:hover{ background-position:bottom;}
.clearbutton a		 { background:url(../images/bgClearButton.png) no-repeat top; color:#666666; display:block; float:left; margin-left:4px; padding-top:10px; width:76px; height:33px; text-align:center; font-size:11px; font-weight:bold; text-decoration:none;}
.clearbutton a:hover{ background-position:bottom;}

.timereporting-week-header { background-color: var(--color-table-bg); border:#cccccc solid 1px; border-top:0; border-right:0; color:#FFFFFF; padding:0px; font-size:11px; text-align: center; }
.timereporting-month-nav:hover { background:#439CC7; }
.timereporting-month-nav { padding-left: 10px; padding-right: 10px; cursor:pointer}

.timereporting-day-cell {border: solid 1px; border-top: 0px; border-right: 0px; cursor:pointer}
.timereporting-day-cell-last-col {border: solid 1px; border-top: 0px; cursor:pointer}
.timereporting-day-cell-selected {border: solid 1px;}

.no-outline {outline:0;}

.gwt-TabBarItem {font-weight: bold; font-size: 14px; text-align: center;}

.tbltime, .tbldate, .tblchck { display:block; font-family:Tahoma; color:#666666; border:#CCCCCC solid 1px; padding:2px 0px;}
.tbltime 		{ width:40px; }
.tbldate 		{ width:60px; }

/** project **/
#project			{ font-size:0.8em; line-height:1.2em; }
#project .row		{ padding:3px; width:132px; margin:1px;}
#project .wide		{ width:272px;}
#project .row span 	{ display:block; font-size:11px; color:#999999;}
#project .edit 		{ background:url(../images/edit.png) no-repeat left bottom; padding-left:20px; padding-top:10px; }
#project .status 	{ background:url(../images/status.png) no-repeat left bottom; padding-left:20px; padding-top:10px; }
#project .template 	{ background:url(../images/template.png) no-repeat left bottom; padding-left:20px; padding-top:10px; }
#project .pricing 	{ background:url(../images/pricing.png) no-repeat left bottom; padding-left:20px; padding-top:10px; }
#project .left		{ float: left; clear:left; }
#project .right		{ float: right; clear:right; }

/** table **/
.tabel tr.syncable td {background-color:#DDECEF}
.tabel tr.even.syncable td {background-color:#BFD9DA}
.tabel tr.synced td {background-color:#C9F7C5}
.tabel tr.even.synced td {background-color:#B1ECAC}

.tabel				{ border:#cccccc solid 1px; border-bottom:0; border-left:0; font-size:0.75em; line-height:1em; font-family:Tahoma; margin:10px 0px; border-collapse: collapse; }
.tabel .th 		{ background-color: var(--color-table-bg); border:#cccccc solid 1px; border-top:0; border-right:0; color:#FFFFFF; padding:5px 0px; font-size:11px; text-align: center; }
.tabel td.changed 	{ background: #e6d6d6 !important; color:#41627E; }
.tabel td.selected  { background: #ececec; color:#41627E; }
.tabel td a 		{ color:#FFFFFF; text-decoration:none; display:block; width:100%; height:100%;}
.tabel td a:hover 	{ color:var(--color-hover); }
.tabel td 			{ border:#cccccc solid 1px; border-top:0; border-right:0; padding:8px 4px; }
.table .last { border-right: 1px !important; }
.tabel .bookingProjects  { height: 50px; background-color: var(--color-table-bg); border:#cccccc solid 1px; border-top:0; border-right:0; color:#FFFFFF; padding:5px 0px; font-size:11px; text-align: center;  }

.centerTable { margin-left: -1px; border-right: none !important; }

.skills .th { height: 44px; }

.bulk-bottom { background-color: var(--color-table-bg); border:#cccccc solid 1px; border-top:0; border-right:0; color:#FFFFFF; padding:5px 0px; }
.centered { text-align: center; }

.datebox { border:0; font-family:Tahoma; border-collapse:collapse; height:21px; }
.datebox td { border:0; padding:0; }
.tabel .nameLink { color:var(--color-main) }
.tabel .nameLink:hover { text-decoration:underline; cursor:pointer }
.cbtrue	{ float:left; width:12px; height:12px; background:url(../images/cbEnabled.png) no-repeat; }
.cbtrue-bad	{ float:left; width:12px; height:12px; background:url(../images/red_check.png) no-repeat; }
.cbfalse	{ float:left; width:12px; height:12px; background:url(../images/cbDisabled.png) no-repeat; }
.cbfalse-bad	{ float:left; width:12px; height:12px; background:url(../images/cbDisabled.png) no-repeat; }
.cbwlabel	{ margin-top:5px; cursor:pointer; }
.cb			{ width:12px; height:12px; margin:auto; }
.center 	{ margin:auto; }
.more 		{ float: left; clear:left; font-size:0.8em; line-height:1.2em;}

.hideOverflow { overflow-x:auto; }

.tabel .ok_cancel_buttons td { border-style: none; padding:0 }
.down, .up, .nactiv { display:block; width:100%; height:4px; background:url(../images/nool.png) no-repeat; margin:6px 0px 4px 0px;}
.sortActiveHeader { font-weight:bold }
.down 		{ background-position: top;}
.up 		{ background-position: 50% 50%;}
.nactiv		{ background-position: bottom;}
tr.even td		{ background-color:#ECECEC }
.bigbutton	{ display:block; text-align:left; float:right; }
.bigbutton a, .bigbutton.small a { display:block; background-color: var(--color-button); box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2); color:#FFFFFF; text-align:center; font-size:11px; font-weight:bold; text-decoration:none; width:166px; height:27px; }
.bigbutton a:hover, .bigbutton.small a:hover { background-position:bottom; color:var(--color-hover); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);}
.bigbutton.small a { width: 100px !important; }
.bigbutton.medium a { background-color: var(--color-button); box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2); width:105px;margin-left:4px }
.bigbutton.medium a:hover { box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2); width:105px;margin-left:4px }

.confbutton a 		{ margin:auto; display:block; background-color: var(--color-button); box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2); color:#FFFFFF; text-align:center; font-size:11px; font-weight:bold; text-decoration:none; width:83px; height:27px; }
.confbutton a:hover 	{ background-position:bottom; color:var(--color-hover); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);}

.shortbutton a		{ width:100px; height:40px; padding:15px 5px 0px 5px;  margin-left:8px; float:left; text-align:center; font-size:11px; line-height:1.2em; font-weight:bold; background:url(../images/bgSBlueBtn.gif) top; text-decoration:none; color:#FFFFFF; }
.shortbutton a:hover{ background-position:bottom; color:var(--color-hover);}

.addbutton a 		{ margin:auto; display:block; background-color: var(--color-button); box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2); color:#FFFFFF; text-align:center; font-size:11px; font-weight:bold; text-decoration:none; width:39px; height:24px; }
.addbutton a:hover 	{ background-position:bottom; color:var(--color-hover); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);}


/** Worker skills - domains toggle links **/
.workerSkillsToggle  { text-align:left; float:right; }
.workerSkillsToggle a        { color:#999999; margin-left: 10px; text-align:center; font-size:0.7em; font-weight:bold; text-decoration:none;}
.workerSkillsToggle a:hover  { background-position:bottom; color:var(--color-hover);}
.workerSkillsToggle .currentLink  { color:var(--color-main); margin-left: 5px; text-align:center; font-size:0.7em; font-weight:bold; text-decoration:none;}

/** InfoLabel **/
table .linklabel { color:var(--color-main); text-decoration: underline; }
table .linklabel:hover { color:var(--color-hover); text-decoration: none; cursor: pointer; }
.error { color: red; font-weight: bold; font-size: 0.7em; margin-top:50px; }
.errorFont { color: red !important;  }
.loginerror { color: #F75D59; font-weight: bold; font-size: 1em; padding-top: 50px; }
.grey { color:#AAAAAA; }

.comment-popup { background-color:#fff;font-size:0.75em; line-height:1em; font-family:Tahoma; border: 2px solid rgb(204,204,204); padding: 5px; width: auto; /*max-width: 300px;*/ z-index: 1100; }
.textArea { width: 100px; border:1px solid #CCCCCC; }
.gray-border { border:1px solid #CCCCCC; }
.hpanel { border-width: 0px; }
.left-float { float: left; }
.right-float { float: right; }
.pointer { 
cursor: hand !important;
cursor: pointer !important; 
text-align: center; }
.legend 	{ background:url(../images/dotBlue.png) no-repeat left; padding-left:15px; font-weight:bold; font-size:0.7em; color:#333333; }

.disabled_link { color: black; text-decoration: none; cursor: default; }
.pagelinks { margin-left: auto; margin-right: auto; }
.pagelinks a { font-size: 14px; font-weight: bold; padding: 3px; text-decoration:none; }
.red { background-color: #FF6666; }
.green { background-color: #66FF66; }
.greenPopupmessage { display: table; background-color: #D3F7C1; text-align: center; font-weight: bold; font-size: 18px; }
.redPopupmessage { display: table; background-color: #E77471; text-align: center; font-weight: bold; font-size: 18px;  }
.vertical { display: table-cell; vertical-align: middle; }
.formatError { background: #ffcccc; }
.visible { display:block; }
.hidden { display:none; }

.grid_6 input, .grid_7 input { display:block; height:21px; border:#CCCCCC solid 1px; margin:0px 0px 5px 0px; padding:1px; font-family:Tahoma; color:#333333;}
.grid_6 textarea, .grid_7 textarea { display:block; border:#CCCCCC solid 1px; margin:0px 0px 5px 0px; padding:1px; font-family:Tahoma; color:#333333;}

/** for the popup or FB **/
.dimmed { background:url(../images/popupbrd.png); z-index: 500; }
.popup { width:100%; height:100%; background:url(../images/popupbrd.png); }
.popup-close { float:right; width:12px; height:12px; }
.popup-close a:hover { cursor:pointer; }
.popup-error { color:red; font-weight:bold; font-size:10px; line-height:10px }
.popup-conf { color:green; font-weight:bold; font-size:10px; line-height:10px }
.popup-wide-error { color:red; font-weight:bold; font-size:10px; line-height:10px; margin-left:5px; }
.popup-caption { height:30px; background:url(../images/popupbrd.png); margin-top:30px; cursor:move  }

#popup-wrap	{ background:#FFFFFF; padding: 20px; border: #999999 solid 1px; }
#popup-status { background:url(../images/popupbrd.png); width:392px; margin:0px auto; padding:30px; padding-top:0px; }
#popup-template { background:url(../images/popupbrd.png); width:257px; margin:0px auto; padding:30px; padding-top:0px; }
#popup-wrap-pricing	{ background:#FFFFFF; padding: 20px; border: #999999 solid 1px; }
#popup-project { background:url(../images/popupbrd.png); width:392px; margin:0px auto; padding:30px; padding-top:0px; }
#popup-task { background:url(../images/popupbrd.png); width:392px; margin:0px auto; padding:30px; padding-top:0px; }
#popup-worker { background:url(../images/popupbrd.png); width:392px; margin:0px auto; padding:30px; padding-top:0px; }
#popup-group { background:url(../images/popupbrd.png); width:392px; margin:0px auto; padding:30px; padding-top:0px; }
#popup-client { background:url(../images/popupbrd.png); width:392px; margin:0px auto; padding:30px; padding-top:0px; }
#popup-pricing { background:url(../images/popupbrd.png); width:470px; margin:0px auto; padding:30px; padding-top:0px; }
#popup-team { background:url(../images/popupbrd.png); width:257px; margin:0px auto; padding:30px; padding-top:0px; }
#popup-location { background:url(../images/popupbrd.png); width:268px; margin:0px auto; padding:30px; padding-top:0px; }
#popup-vacation { background:url(../images/popupbrd.png); width:392px; margin:0px auto; padding:30px; padding-top:0px; }
#popup-holiday { background:url(../images/popupbrd.png); width:380px; margin:0px auto; padding:30px; padding-top:0px; }
#popup-configurations { background:url(../images/popupbrd.png); width:350px; margin:0px auto; padding:30px; padding-top:0px; }
#popup-booking { background:url(../images/popupbrd.png); width:392px; margin:0px auto;  padding:30px; padding-top:0px;}
#popup-userSkills { background:url(../images/popupbrd.png); width:830px; margin:0px auto; padding:30px; padding-top:0px; }

.gwt-PopupPanel{z-index:1000;}

#popup-wrap table, td, tr { vertical-align:middle; }
#popup-task #popup-wrap .wide { width:342px; }
#popup-wrap h2 			{ margin-top:0; }
#popup-wrap input 		{ font-size:13px; width:157px; height:21px; border:#CCCCCC solid 1px; margin:0px 0px 0px 0px; padding:1px; }
#popup-wrap label 		{ width:170px; float:left; padding-bottom:0px; margin-top:0px; }
#popup-wrap select 		{ width:161px; height:24px; margin:0px;}
#popup-wrap .wide 		{ width:330px; }
#popup-wrap .narrow 	{ width:166px; }
#popup-wrap textarea 	{ font-size:13px; border:#CCCCCC solid 1px; padding:0px; font-family:Tahoma; color:#333333; font-size:12px; max-width:500px; min-height:40px;  }
#popup-wrap .ppl		{ border:#CCCCCC solid 1px; min-height:60px; width: 332px; padding:5px; font-family:Tahoma; color:#333333; font-size:12px; }
#popup-wrap .pcode		{ width:70px; text-align:right; border-right-width:0px; }
#popup-wrap .pgencode	{ width:70px; text-align:left; border-left-width:0px; }
#popup-wrap .emp		{ margin-right:1px; }
#popup-wrap .emp:hover	{ cursor:pointer; text-decoration:underline; }

#popup-wrap-pricing table, td, tr { vertical-align:top; }
#popup-wrap-pricing .link		{ color:#AFDCEC; font-size:1.1em; text-decoration: none; }
#popup-wrap-pricing .link:hover	{ color:var(--color-hover); font-size:1.1em; }
#popup-wrap-pricing .activelink	{ color:var(--color-main); font-size:1.1em; text-decoration: none; }
#popup-wrap-pricing input 		{ font-size:13px; width:85px; height:20px; border:#CCCCCC solid 1px; padding:1px; } 
#popup-wrap-pricing select 		{ font-size:13px; width:90px; height:24px; margin:0px;}
#popup-wrap-pricing label 		{ width:90px; float:left; padding-bottom:0px; margin-top:0px; }
#popup-wrap-pricing .pname		{ width:140px; font-family:Tahoma; color:#333333; font-size:1.2em; line-height: 25px; }
#popup-wrap-pricing .taskTable	{ margin-top:20px; margin-bottom:20px; font-family:Tahoma; color:#333333; font-size:0.75em; }
#popup-wrap-pricing .hideTable	{ margin-top:20px; font-family:Tahoma; color:#333333; font-size:0.75em; }
#popup-wrap-pricing .hideTableLink	{ margin-bottom: 20px; }
#popup-wrap-pricing .hideTableName	{ border-top: #BBB solid 1px; padding-top: 10px; margin-top: 10px; }
#popup-wrap-pricing .th			{ line-height:0.8em; font-size:0.8em; color:#999999; }
/** popup end **/

#popup-wrap .hideTable	{ line-height:0.75em; font-size:0.6em; color:#999999;font-family:Tahoma; }


/** suggestbox styles **/
.suggestBox							{ border: 1px solid #cccccc; width:159px; }
.gwt-SuggestBoxPopup				{ z-index:1010; }
.gwt-SuggestBoxPopup table 			{ border: 1px solid #cccccc; border-top:0; }
.gwt-SuggestBoxPopup tr 			{ background-color:#ffffff; }
.gwt-SuggestBoxPopup .item 			{ background-color:#ffffff; color:#333333; font-size:0.8em; line-height:1.1em; }
.gwt-SuggestBoxPopup .item-selected	{ background-color: #cccccc; }
/** suggestbox end **/

/** disclosure style **/
.header-onmouseover { display:table; background-color:#9f9f9f; cursor:pointer; width:100%; height:100%; }
.header-onmouseout { display:table; background-color:#FFFFFF; cursor:pointer; width:100%; height:100%; }
.middle { display:table-cell; vertical-align:middle; }
/** disclosure end **/

/** confirmation popup style **/
.confirm { background:#B0B0B0; width:300px; margin:30px auto; padding:10px; z-index: 5000; }
.confirm-inner { background:#FFFFFF; padding:20px; width:100%; }
.confirm-main-message { font-family:Tahoma; font-size:0.7em; text-align:center; }
.confirm-info-message { padding-bottom:10px; line-height:1.3em; font-family:Tahoma; font-size:0.6em; text-align:left; }
.confirm-info-message-wrapper { width:120px; margin-left:auto; margin-right:auto; }
/** confirmation popup end **/

/** general message popup style **/
.general-popup-error { z-index:10; background-color:#E77471; color:white; }
.general-popup-message { z-index:10; background-color:#CCFB5D; color:black; }
/** general message popup style end **/

/** Loading image style **/
.highZ {z-index: 10000;}

/** booking style **/

.formHidden .selectItemText { border-style: none; background-color: transparent; font-family:Tahoma; font-size:1em; color:#333333; text-align: left; }

.formHidden .selectItemText:hover { cursor: pointer; }
.formVisible .selectItemText { font-family:Tahoma; font-size:1em; color:#333333; text-align: left; }

.round-corners-all { border-color: #999999; -moz-border-radius: 3px; border-radius: 3px; }
.round-corners-none { border-color: #999999; -moz-border-radius: 0px; border-radius: 0px; }
.round-corners-left {
  border-color: #999999;
  border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-bottom-left-radius: 3px;           
  -moz-border-radius-bottomleft: 3px;
}
.round-corners-right {
  border-color: #999999;
  border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-bottom-right-radius: 3px;          
  -moz-border-radius-bottomright: 3px;
}

.border { border-width: 1px; border-color: #cccccc; border-style: solid; }
.borderOverview { border-width: 1px; border-color: #e3e3e3; border-style: solid; }

.warning { font-family:Tahoma; font-size:1em; color:#ff6666; text-align:center; }
.content-text { font-family:Tahoma; font-size:1em; color:#333333; text-align:center; }
.warning.dark { color:#b11e1e; }
.align-left { text-align: left !important; }
.cst_header { font-family:Tahoma; font-size:1em; font-weight:normal; color:var(--color-main); }
.cst_element { font-family:Tahoma; font-size:1em; font-weight:normal; color:#666666; }
.addNew { font-family:Tahoma; font-size:1em; font-weight:normal; color:#91CFEE; text-decoration: none; }

.border-no-top { border-top-style: none; }
.border-no-bottom { border-bottom-style: none; }
.border-no-left { border-left-style: none; }
.border-no-right { border-right-style: none; }

.border-dark-right { border-right-style: solid; border-right-color: #666666; }
.border-dark-left { border-left-style: solid; border-left-color: #666666; }

.timeslot { font-weight:bold; font-size:11px; color:#ffffff; text-align:center; line-height: 1.2em; }
.second-slot { font-weight:normal; font-size:9px; color:#ffffff; text-align:center; line-height: 0.8em; }
.workload_label { font-weight:normal; font-size:9px; color:#ffffff; text-align:center; line-height: 0.8em; margin-left: 105px; margin-top: 3px; }
.bookingtable_label { margin-top: 20px; }

.pink-hover:hover { background-color: #e6d6d6; }

.time-zoom { font-weight:bold; font-size:14px; text-align:center; float: right; color:#999999; }
.time-zoom a { text-decoration: none; color:#999999; }
.time-zoom a:hover { color:var(--color-hover); }
.time-zoom .current { color:var(--color-main); }
.time-zoom .separator { width: 1px; height: 24px !important; padding: 0 3px; background-position: center !important; }

/** configurations page **/
.configurationsLabel {text-align: center; font-size: 12px; font-weight: bold; color: var(--color-main);}

/** Worker skills and domains page **/
.userSkillsLabel  { background:url(../images/dotBlue.png) no-repeat left; padding-left:15px; font-weight:bold; font-size:0.9em; color:#333333; }
.UserSkillstextArea { width: 480px; border:1px solid #CCCCCC; }

.workerSkillsToggle  { text-align:left; float:right; }
.workerSkillsToggle a        { color:#999999; margin-left: 10px; text-align:center; font-size:0.7em; font-weight:bold; text-decoration:none;}
.workerSkillsToggle a:hover  { background-position:bottom; color:var(--color-hover);}
.workerSkillsToggle .currentLink  { color:var(--color-main); margin-left: 5px; text-align:center; font-size:0.7em; font-weight:bold; text-decoration:none;}

/** Resources page **/
.infoPopup {
	min-height: 50px !important;
	/*min-width: 185px;*/
	background-color: #ffffff;
	border: 2px solid #cccccc;
	/*font-family: Tahoma;*/
	color: #999999 !important;
	font-weight: 500;
	z-index: 9000; 
	font-size: 11px; 
}
table.infoPopup { padding: 5px !important; color: #999999 !important; }
.infoPopup table  { border: none; margin: 5px; color: #999999 !important; }
.infoPopup ul { padding: 0; margin: 0; }
.infoPopup td {
	padding: 2px 0 2px 0px;
	vertical-align: top;
	line-height: 1.2em;
}
.infoPopup table li{ list-style-type: disc !important; color: #999999; }
.infoPopup b { color: #333333; }
.infoPopup a:link{ text-decoration: none; color: #999; }
.infoPopup a:hover { text-decoration: underline; color: var(--color-hover); }
.infoPopup span.edit { display: none; background:url(../images/thumb_edit.png); height: 9px; width: 9px;  }
.infoPopup a:hover span.edit { display: inline-table; }

.infoPopupSmall {
	font-size: 11px;
	padding: 2px 4px;
	width: 200px;
	background-color: #ffffff;
	border: 2px solid #cccccc;
	color: #999999 !important;
	font-weight: 500;
}
.hidden { display: none; }


/** Default - project view **/
.bookingContentOverview {
	/* height: 25px !important; */
	/* border: 1px solid #999999; */
	/* Opera */
	background:
		url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDE0NSwyMDcsMjM4LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMjU1LDI1NSwyNTUsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);
	/* Firefox */
	background: -moz-linear-gradient( top, rgba(145,207,238,1), rgba(255,255,255,1) );
	/* Chrome & Safari */
	background: -webkit-gradient( linear, left top, left bottom, color-stop( 0, rgba(145,207,238,1) ), color-stop( 1, rgba(255,255,255,1) ) );
	/* IE5.5 - IE7 */
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF91CFEE,EndColorStr=#FFFFFFFF);
	
	/* IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF91CFEE,EndColorStr=#FFFFFFFF)";
}

/** Yellow - resource view, if worker book rate is < 50% **/
.yellowResourceContentOverview {
	/* Opera */
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDI1NSwyNTUsMTM2LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMjU1LDI1NSwyNTUsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);
	
	/* Firefox */
	background: -moz-linear-gradient( top, rgba(255,255,136,1), rgba(255,255,255,1) );
	
	/* Chrome & Safari */
	background: -webkit-gradient( linear, left top, left bottom, color-stop( 0, rgba(255,255,136,1) ), color-stop( 1, rgba(255,255,255,1) ) );
	
	/* IE5.5 - IE7 */
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFF88,EndColorStr=#FFFFFFFF);
	
	/* IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFF88,EndColorStr=#FFFFFFFF)";
}

/** Red - resource view, if rate is > 100% **/
.redResourceContentOverview{
	/* Opera */
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDI0OCw1MCw2MCwxKTsiIC8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDI1NSwyNTUsMjU1LDEpOyIgLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCBmaWxsPSJ1cmwoI2dyYWRpZW50KSIgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgLz48L3N2Zz4=);
	
	/* Firefox */
	background: -moz-linear-gradient( top, rgba(248,50,60,1), rgba(255,255,255,1) );
	
	/* Chrome & Safari */
	background: -webkit-gradient( linear, left top, left bottom, color-stop( 0, rgba(248,50,60,1) ), color-stop( 1, rgba(255,255,255,1) ) );
	
	/* IE5.5 - IE7 */
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFF8323C,EndColorStr=#FFFFFFFF);
	
	/* IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFF8323C,EndColorStr=#FFFFFFFF)";
}

/** Purple - resource view, when on vacation **/
.vacationResourceContentOverview {
	/* Opera */
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDIzMywxODQsMjU1LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMjU1LDI1NSwyNTUsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);
	
	/* Firefox */
	background: -moz-linear-gradient( top, rgba(233,184,255,1), rgba(255,255,255,1) );
	
	/* Chrome & Safari */
	background: -webkit-gradient( linear, left top, left bottom, color-stop( 0, rgba(233,184,255,1) ), color-stop( 1, rgba(255,255,255,1) ) );
	
	/* IE5.5 - IE7 */
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFE9B8FF,EndColorStr=#FFFFFFFF);
	
	/* IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFE9B8FF,EndColorStr=#FFFFFFFF)";
}

* html .booking {
	height: 23px !important;
}

.overwritePromptStyle {
	padding: 0 2px;
	margin-left:30px;
    font-family:Arial,Verdana,sans-serif; 
    font-size:11px; 
    color:black;
    background-color:#FFFFD0; 
    border:1px solid #808080; 
    text-align:center;
}
.overwritePromptStyle.width300 { max-width: 400px; }

.bookingContent 
{
	top: 0px !important;
	height: 25px !important;
	border: 1px solid #999999;
	overflow: hidden;
	background: #ffffff;
	min-width: 39px !important;
}

.percentBox 
{
	width: 30px !important;
	overflow: hidden !important;
	top: 0px !important;
	height: 23px !important;	
}
.buttonIcon
{
	height: 23px !important;
	top: 2px !important;
	width: 16px !important;	
}
.dragIcon
{
	cursor: e-resize;
	width: 10px !important;
	height: 23px !important;
	top: 0px !important;
	overflow: hidden !important;
}
.warningIcon
{ 
	height: 23px !important;
	top: 0px !important;
	width: 14px !important;
}
.dragIcon .right.img 
{ 
	left: 5px !important;
	top: 4px !important; 
	height: 14px !important;
	width: 5px !important;
}

.dragIcon .left.img 
{ 
	left: 0px !important;
	top: 4px !important; 
	height: 14px !important;
	width: 5px !important;
}
.dragIcon .left.img img, .dragIcon .right.img img { height: 14px !important; width: 5px !important; cursor: e-resize; }
.dragIcon .bg 
{
	left: 0px !important;
	top: 4px !important; 
	height: 14px !important;
	width: 5px !important;
}

.canvasTable.border { border: 1px solid #ccc !important; }

.timeslot.zoom:hover { background: #63BCE7 !important; }

.rhrsTableColumn { margin-top:-3px !important;}
.rhrsTableColumn[disabled] {background-color:#ECECEC}

.absolute { position: absolute !important; }

.calendarImage { height: 20px !important; overflow: hidden; margin-left: -1px !important;  }
.calendarImage img { margin-top: -3px !important; }

.margin-top { margin-top: 3px; }

.grayTextBox{
  color: #888888;
  background-color: #FFFFFF;
  border:#CCCCCC solid 1px;
  border: 1px solid #cccccc; 
  width:159px; 
  font-size: 12px;
}

.gwt-Anchor.small { font-size: 9px; }
.marginMinus6 { margin: -6px !important; }

.bookingContentDatePopup { margin-left: 2px !important; margin-top: 2px !important; }


/* Status code error popup styles */
#statusPopupPanelContainer {
	position: fixed !important;
	top: 0px;
	width: 100%;
	z-index: 1000000;
}
 
.statusPopupPanel {
	margin: 0 auto;
	padding: 0 5px;
	min-width: 700px;
	width: 700px; /* chrome and IE have some issues with min-width */
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	color: #434343;
	font-family: Tahoma;
	font-size: 14px;
	font-weight: normal;
}

/* close button */
.statusPopupPanel td.closeButton { width: 20px !important; }
.statusPopupPanel a.hidden { display: hidden !important; margin-top: 9px; margin-left: 5px; }
.statusPopupPanel:hover a.hidden { display: inline-block !important; }
.statusPopupPanel a.hidden:hover { cursor: pointer; }

.marginCenter { margin: 0 auto; }

/* red error message */
.statusPopupPanel.style_error1 { background-color: #F24949;}

/* pink error message */
.statusPopupPanel.style_error2 { background-color: #F6DFDF; color: #D40C0C;}

.statusPopupPanel.style_error2 a { color: #0588BB;}

.statusPopupPanel.style_success { background-color: #D4EFF8;  color: #4B4B4B;}

.statusPopupPanel.style_warning { background-color: #F3F781;}

.expensesNumber { text-align: right; }

/* REFACTORED PAGE STYLES */
.alt select[disabled] {background-color:#EBEBE4}
.alt input[disabled] + .calendar-button {cursor:default !important;outline:none}
.alt textarea[disabled] {resize:none}
.alt legend {background:url('../images/dotBlue.png') no-repeat left;padding-left:15px;font-weight:bold;font-size:0.7em;color:#333}

.alt .h3 {color:var(--color-accent);font-size:1.0em;margin:0;font-weight:bold;padding:3px 0px}

.alt .grid {float:left;margin:0px 10px}
.alt .container {float:left;margin:0}

.alt .grid.filter {width:160px}
.alt .grid.table {width:1000px}

.alt.configuration .grid.table {width:580px}

.alt.time-reporting .container {width:1020px}

.alt.time-reporting .stats-container {margin:15px 0px}
.alt.time-reporting .stats-label {width:48%;font-size:11px}
.alt.time-reporting .stats-label.wide {width:100%;text-align:center;}

.alt.time-reporting .day {height:23px;padding:3px;outline:0;cursor:pointer;border:1px solid #FFF;color:#333}
.alt.time-reporting .day.other {color:#CCC}
.alt.time-reporting .day.work {background-color:#FFF;border-color:#FFF}
.alt.time-reporting .day.special {border-color:#ECECEC;background-color:#ECECEC}
.alt.time-reporting .day.other.special {background-color:#F7F7F7;border-color:#F7F7F7}
.alt.time-reporting .day:hover {background-color:#FDEFEF !important;border-color:#FDEFEF !important}
.alt.time-reporting .day.selected {border-color:#757575 !important}
.alt.time-reporting .day .day-label {float:left;padding:0px 6px 0px 2px;font-size:11px;width:12px;line-height:24px}
.alt.time-reporting .day .hour-container {margin-left:20px}
.alt.time-reporting .day .hour-container .time-block {display:block;box-sizing: border-box;width:20px;height:20px;float:left;margin-bottom:1px;border-right:1px solid #FFFFFF;}
.alt.time-reporting .day .hour-container .time-block.static {cursor:default}

.alt.reports .container {width:180px}
.alt.reports .report-info {font-size:0.75em;margin:10px 0px} 

.alt.project-details .container {width:300px}
.alt.project-details .container .grid.table {width:280px}
.alt.project-details .grid.table.tasks {width:880px}
.alt.project-details .hours-text-red {color:red}
.alt.project-details .grid.table.details table {width:277px;border-spacing:1px;border-collapse:separate;word-wrap:break-word}
.alt.project-details .grid.table.details table td {padding:0}

.alt .details .field {width:128px;padding:3px 5px;margin:0}
.alt .details .field.double {width:268px}
.alt .details .field .label {font-size:0.7em;line-height:1.2em}
.alt .details .field .content {font-size:0.75em;line-height:1em}

.alt a {display:block;color:var(--color-accent);text-align:center;text-decoration:none;font-weight:bold}
.alt a.disabled {color:#999;cursor:default}

.alt a.gray-button {float:left;width:76px;height:43px;margin:0px 2px}
.alt a.gray-button.filter {background:url('../images/bgFilterButton.png') no-repeat top}
.alt a.gray-button.reset {background:url('../images/bgResetButton.png') no-repeat top}
.alt a.gray-button.add-new {background:url('../images/bgAddButton.png') no-repeat top}
.alt a.gray-button:hover {background-position:bottom}
.alt a.gray-button.disabled:hover {background-position:top}

.alt a.blue-button {height:27px;color:#FFF;font-size:0.7em;line-height:25px}
.alt a.blue-button:hover {background-position:bottom; color:var(--color-hover)}
.alt a.blue-button.big {width:166px; background-color: var(--color-button); box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);}
.alt a.blue-button.big:hover {box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);}

.alt a.blue-button.med {width:83px;background:url('../images/bgMBlueBtn.gif') no-repeat top right}
.alt a.blue-button.small {width:43px;height:20px;line-height:18px;font-size:0.6em; background-color: var(--color-button); box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);}
.alt a.blue-button.small:hover {box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);}
.alt a.blue-button.plus .anchor-label {padding-left:12px;background:url('../images/plus.png') no-repeat left center}
.alt a.blue-button.plus:hover .anchor-label {background:url('../images/plus_en.png') no-repeat left center}

.alt a.month-button {font-size:11px;width:80px;margin:auto;font-weight:normal;color:#FFF}
.alt a.month-button:hover {background-color:var(--color-hover)}

a.simple {margin:0px 10px}
a.simple .anchor-label {color:#999;font-size:12px}
#submenu a.simple .anchor-label {font-size:11px}
a.simple:hover .anchor-label, a.simple.active .anchor-label {color:var(--color-hover)}

.alt .report-links a.simple {margin:0;margin-top:10px}
.alt .report-links a.simple.hour {background:url(../images/hourReport.png) no-repeat left bottom;padding-left:23px;line-height:17px}
.alt .report-links a.simple.activity {background:url(../images/activityReport.png) no-repeat left bottom;padding-left:23px;line-height:19px}

.alt .details a.simple {margin:0;margin-top:10px;line-height:16px}
.alt .details a.simple .anchor-label {font-size:11px}
.alt .details a.simple.edit {background:url('../images/edit.png') no-repeat left bottom;padding-left:20px}
.alt .details a.simple.status {background:url('../images/status.png') no-repeat left bottom;padding-left:20px}
.alt .details a.simple.template {background:url('../images/template.png') no-repeat left bottom;padding-left:20px}
.alt .details a.simple.pricing {background:url('../images/pricing.png') no-repeat left bottom;padding-left:20px}

.alt .pager {margin-top:10px}
.alt .pager span {font-size:0.8em;line-height:20px}
.alt .pager .pagerBox {width:28px;margin:0px 4px;border-width:0px 0px 1px 0px;text-align:center}

.alt .table-panel {width:100%;vertical-align:middle !important;border-spacing:0;border-collapse:collapse}
.alt .table-panel > tbody > tr > td {width:33%;padding:0}
	.alt .row-count {color:#333;font-size:0.7em;line-height:27px}
	.alt .page-links {margin:auto}
	.alt .page-links a {font-size:0.9em;padding:0px 3px}
	.alt .page-links a.disabled_link {color:#000;cursor:default}

.alt.time-reporting .table-panel {background-color:var(--color-table-bg);border:1px solid #CCC;border-bottom:0;}

.alt .field {margin-top:5px}
.alt .field .label {margin-bottom:1px;line-height:1.3em;font-size:0.6em;color:#999}
.alt .field .label.error {margin-top:0;color:red;font-weight:bold}
.alt .field .label.conf {margin-top:0;color:green;font-weight:bold}
.alt .field .date-box .calendar-button {float:left;cursor:pointer}

.alt .field.bool .label {float:left;cursor:pointer}
.alt .field.bool.disabled .label, .alt .field.bool.disabled .cb {cursor:default;outline:none}

.alt .cb {float:left;width:12px;height:12px;margin:0px 2px;cursor:pointer}
.alt .cb.true {background:url('../images/cbEnabled.png') no-repeat}
.alt .cb.true-bad {background:url('../images/red_check.png') no-repeat}
.alt .cb.false {background:url('../images/cbDisabled.png') no-repeat}
.alt .cb.false-bad {background:url('../images/cbDisabled.png') no-repeat}

.alt tr.gray {background-color:#ECECEC}

.alt .content-table {border:1px solid #CCC;border-bottom:0;border-left:0;font-size:0.75em;line-height:1em;margin:10px 0px;border-collapse:collapse;border-spacing:0}
.alt .content-table a {text-align:left;font-weight:normal}
.alt .content-table .th td, 
.alt .content-table .tf td {background-color:var(--color-table-bg) !important;color:#FFF;font-size:0.9em}
.alt .content-table .th {text-align:center}
.alt .content-table .th a {text-align:center;color:#FFF}
.alt .content-table tr:nth-child(odd) {background-color:#ECECEC}
.alt .content-table td {border:1px solid #CCC;border-top:0;border-right:0;padding:8px 4px}
.alt .content-table a:hover {color:var(--color-hover)}
.alt .content-table a.sortActiveHeader {font-weight:bold}
.alt .content-table td .field.bool {width:12px;margin:auto}
.alt .content-table tr.edit td {padding:3px}
.alt .content-table tr.edit .field {margin:0;min-width:90px;width:100%}
.alt .content-table tr.edit .field .gwt-TextArea {height:40px}
.alt .content-table tr.edit .field .gwt-DateBox {width:70px}
.alt .content-table tr.edit td.td-btn {padding:5px 4px}

.alt .content-table.scroll-table {margin:0;border-right:0}
.alt .content-table.scroll-table td:first-child {border-left:0}

.alt .content-table.calendar {width:100%;margin-top:0}
.alt .content-table.calendar tr td {padding:0;background-color:#FFF}
.alt .content-table.calendar tr.th td {padding:8px 4px}

.alt .content-table.day-reports tr.edit td.td-0 .field {width:91px}
.alt .content-table.day-reports tr.edit td.td-2 {width:97px}
.alt .content-table.day-reports tr.edit td.td-5 .field {min-width:40px;width:40px}
.alt .content-table.day-reports tr.edit td.td-btn .field {min-width:33px;width:33px}

.alt .content-table.user-conf {margin-bottom:0}
.alt .content-table.user-conf td {background-color:#FFF}
.alt .content-table.user-conf tr.tf td {background-color:#ECECEC !important;vertical-align:middle}
.alt .content-table.user-conf tr.edit .field .error {font-size:0.8em}
.alt .content-table.user-conf tr.edit .field .gwt-TextArea {height:60px}
.alt .content-table.user-conf tr.edit td.td-btn {padding:8px 4px}

.alt .content-table.user-conf tr.edit td.td-0 {padding:8px 4px}
.alt .content-table.user-conf tr.edit td.td-btn .field {min-width:34px;width:34px;margin:auto}

.alt .content-table.templates {width:242px;margin:10px 5px 5px 5px}

.alt .container-table.templates {margin-bottom:10px}
.alt .container-table.templates .field {width:189px}

.alt .scroll-table-container {margin:10px 0px}
.alt .scroll-table-container.back-border {border-right:1px solid #CCC}

.alt .button-container {line-height:27px}
.alt .button-container .separator {float:left;margin-top:3px}
.alt .button-container a:last-child {margin-right:0}
.alt .button-container .pdf {margin:4px 0px 4px 10px}

.alt .error-bg {background:#FFCCCC}

.alt.popup-content {position:relative;background-color:#FFF;padding:20px;border:1px solid #CCC}
.alt.popup-content .h2 {margin:0}
.alt.popup-content .close {position:absolute;top:20px;right:20px;width:12px;height:12px}
.alt.popup-content a.blue-button {margin:0px 2px}
.alt.popup-content a.blue-button.small {margin:0}
.alt.popup-content .error-msg {padding:0px 5px 1px 5px;line-height:1.3em;font-size:0.6em;color:red;font-weight:bold}

.alt.popup-content .container-table {width:100%;border-collapse:collapse;border-spacing:0}
.alt.popup-content .container-table td {padding:0px 5px;vertical-align:bottom !important}

.alt.popup-content .button-panel {margin-top:20px}

.alt.popup-content.task .pa-NameList {height:150px;overflow-y:scroll}

.alt.popup-content tr.double .field {width:330px}
.alt.popup-content .field {width:160px}
.alt.popup-content .field.left {float:left;margin-left:2px;margin-right:8px}
.alt.popup-content .field.right {float:right;margin-left:8px;margin-right:2px}
.alt.popup-content .center {margin-left:auto !important;margin-right:auto !important}

.alt.popup-content .code-2 {width:30px}
.alt.popup-content .code-3 {width:42px}
.alt.popup-content .margin {margin-top:17px}

.alt .pa-NameList {min-height:75px;border:1px solid #CCC;padding:3px 5px;font-size:12px;line-height:16px;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.alt .pa-NameList .emp:hover {cursor:pointer;text-decoration:underline}
.add-edit-task-group-list{height:100px;}

.alt.infobox {margin-top:15px;margin-bottom:25px;font-size:11px;color:black;border:2px solid #D4EFF8;line-height:1.0em;padding:5px}
.alt.infobox .summary {line-height:15px}
.alt.infobox .gray-dot {padding-left:25px;padding-right:3px;background:url('../images/dotGray.gif') no-repeat left center}
.alt.infobox .details {width:100%}
.alt.infobox .details td {padding-top:5px}
.alt.infobox .details tr.inactive {color:#999}
/* REFACTORED PAGE STYLES*/

/* REFACTORED GWT STYLES */
.alt .gwt-TextBox, .alt .gwt-SuggestBox, .alt .gwt-TextArea, .alt .gwt-ListBox, .alt .gwt-DateBox, .alt .gwt-PasswordTextBox {width:100%;height:20px;margin:0;padding:1px 2px;border:1px solid #CCC;font-family:Tahoma;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-size:13px}
.alt .gwt-TextBox-readonly, .alt .gwt-TextBox-readonly, .alt .gwt-TextArea-readonly, .alt .gwt-PasswordTextBox-readonly {background-color:#EBEBE4}

.alt .gwt-ListBox {margin:0;padding:0}

.alt .gwt-TextArea {height:80px;resize:vertical}

.alt .gwt-DateBox {float:left;width:139px;border-right:0}

.alt .gwt-SuggestBoxPopup {z-index:1010}
.alt .gwt-SuggestBoxPopup table {border: 1px solid #CCC;border-top:0}
.alt .gwt-SuggestBoxPopup tr {background-color:#FFF}
.alt .gwt-SuggestBoxPopup .item {background-color:#FFF;color:#333;font-size:0.8em;line-height:1.1em}
.alt .gwt-SuggestBoxPopup .item-selected {background-color: #CCC}

.alt .gwt-PushButton-up,
.alt .gwt-PushButton-up-hovering,
.alt .gwt-PushButton-up-disabled,
.alt .gwt-PushButton-down,
.alt .gwt-PushButton-down-hovering,
.alt .gwt-PushButton-down-disabled {margin:0;text-decoration:none;cursor:pointer;cursor:hand;text-align:center}

.gwt-DialogBox-alt .Caption {cursor:move}
.gwt-DialogBox-alt .dialogTop div,
.gwt-DialogBox-alt .dialogBottom div {height:30px;background-color:#000;opacity:0.8;filter:alpha(opacity=80)}
.gwt-DialogBox-alt .dialogMiddleLeft,
.gwt-DialogBox-alt .dialogMiddleRight {width:30px;background-color:#000;opacity:0.8;filter:alpha(opacity=80)}

.gwt-PopupPanelGlass-alt {position:fixed !important;background-color:#000;opacity:0.65;filter:alpha(opacity=65);z-index:500}
/* REFACTORED GWT STYLES */

.comment-popup-alt {font-size:0.75em; line-height:1em; font-family:Tahoma; background-color:#ECECEC; border: 1px solid #8E8E8E; /*word-wrap:break-word;*/ padding: 12px 8px; /*width: auto; z-index: 1100;*/ box-shadow:5px 5px 10px rgba(0,0,0,0.5)}
.word-break {word-wrap:break-word}

/* REFACTORED HELPER STYLES */
.alt .left {float:left}
.alt .right {float:right}
.alt .text-left {text-align:left}
.alt .text-center {text-align:center}
.alt .text-right {text-align:right}
.alt .clear-left{clear:left}
.alt .clear-right{clear:right}
.alt .clearfix:after {clear:both;content:'.';display:block;visibility:hidden;height:0}
.alt .half-width {width:50%}
.alt .third-width {width:33.3%}
.alt .no-border-left {border-left:0}
.alt .no-border-right {border-right:0}
/* REFACTORED HELPER STYLES */