/* #84C5CE - xyi blue  */
/* #202B2D - not quite black*/
/* #B9BEBF - not quite white */
html
{
	margin:0px;
	padding:0px;	
}

body
{
	font-size: 0.7em;
	margin:10px;
	padding:0px;
	color:#222;
	font-family:Verdana;
}

input, select 
{
	font-family: Arial,Helvetica,sans-serif;		
	font-size: 0.9em;
}

img
{
	display:block;
	border-width:0px;
}

div.ieblankfix
{
	height:0px;
	overflow:hidden;
}
div.header-bar
{
	background-color:Black;
	margin-bottom:20px;
	padding: 0px 10px 2px 10px;
}
div.header-bar a
{
	color:#e9e9e9;
	font-size:0.8em;
}
h1,h2,h3
{
	margin:0px;
	padding:0px;
	font-family:arial;
}
h1
{
	font-size: 1.8em;
	font-weight:normal;
}

h2
{
	font-size: 1.3em;
	font-weight:normal;
}

h3
{
	font-size:1.1em;
}

input,
textarea
{
	font-family:Arial;
	font-size:1em;
}

a
{
	text-decoration:none;
	line-height:1.3em;
	color:#444;
}
a:hover
{
	color:#000;
	text-decoration:none;
}

/* general styles added as part of the new timesheet country selector */
.mini-btn,
.time-sheet a.mini-btn
{
	display:inline-block;
	padding: 3px 6px 4px 6px;
	border-radius:4px;
	background-color:#202B2D;	
	color:#B9BEBF;
	font-size:10px;
}
.mini-btn.success,
.time-sheet a.mini-btn.success
{
/*	background-color:#3e8f3e;*/
	background-color:#202B2D;	
}
.mini-btn.danger,
.time-sheet a.mini-btn.danger
{
	background-color:#b92c28;
}

.mini-btn:hover 
{	
	color:White;
}

hr.shadow1
{ 
	height: 12px; 
	border: 0; 
	box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5); 
}

.hidden-by-default 
{
	display:none;
}

.disabled
{
	pointer-events: none;
    filter: alpha(opacity=50); 
    opacity:0.5;
}

div.banner-logo
{
	float:right;
	margin-top:5px;
	margin-right:0px;
}

div.admin-btns-frame,
div.common_action_buttons
{
    margin-top:20px;
/*    background-color:#D9D9D9; */
    padding:10px;
    text-align:right;
    
    background-color:#202B2D;
    color:#B9BEBF;
}

div.common_feedback
{
	padding:10px;
	border:1px solid;
	border-top:2px solid;
	border-color:#008000;	
	background-color:#F5FFF5;
	margin-top:5px;
	
	-moz-border-radius: 5px; 
	border-radius: 5px;	
}

div.feedback_panel
{
	-moz-border-radius: 5px; 
	border-radius: 5px;	
	border:1px solid #999966;
	background-color: #FBFBF9;
	padding: 4px 10px 4px 10px;
}

div.warning_panel
{
	border-color:#990000;	
	background-color:#FFE9E9;
}

div.information_panel
{
	border-color:#008000;	
	background-color:#F5FFF5;
}

/* master */
div.master-page-frame
{
    margin: 0px auto;
    width: 1180px;
}

input.primary
{
	background-color:#99BEF3;
	border-color: #99BEF3;
}

/* ------------------------------ page common ------------------------------ */
div.header-section
{
	/*margin-top:26px;*/
	float:left;
}
div.header-section img
{
	display:inline;
	vertical-align:text-bottom;
}
div.header-section span.welcome-msg
{
	display:inline-block;
	margin-right:10px;
}
div.date-range-selector
{
	clear:right;
	float:right;
	margin-top:5px;
}

div.page_common
{
}

table.sheet-layout
{
	/*2017: font-size:0.8em;*/
	font-size:0.9em;
	font-family:Tahoma;
	border-collapse:collapse;
	/*width:970px;*/
}

table.sheet-layout thead th
{
	height:32px;
	/*2017color:#84C5CE;*/
	color:#79B7AC;
	overflow:hidden;
}
table.sheet-layout thead tr th
{
	background-image:url("/img/table_head_bk.png");
	background-repeat:repeat-x;
	border-right:1px solid #666;
}
table.sheet-layout thead tr th:last-child
{
	border-right:none;
}
table.sheet-layout thead tr th:first-child
{
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}
table.sheet-layout thead tr th:last-child
{
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}

table.sheet-header th
{ 
	padding: 0px 4px; 
}
table.sheet-body td,
table.sheet-header td 
{
	padding:4px;
	margin:0px;
}

table.sheet-header th { text-align:left }

div.sheet-layout-body-frame
{
	overflow-y:auto;
	margin-top:10px;
	min-height: 400px;
	max-height: 800px;	
}

table.sheet-body
{
}
table.sheet-body.no-rows-found 
{
	width:100%;
}
table.sheet-body tr
{
	border-top:1px solid white;
	/*bottom:px solid white;*/
}
table.sheet-body td
{
	border-left:1px solid #BABABB; /*2017 #999;*/
	border-right:1px solid #BABABB; /*2017: #999 */
}

table.sheet-body td:first-child
{
	border-left:none;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}
table.sheet-body td:last-child
{
	border-right:none;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}
table.sheet-body tr.odd td
{
    background-color:#E7E9EA;/*2017: #D9D9D9*/
}

table.sheet-body tr.plus-row td
{
    background-color:#E9FFE9;
    border-top:4px solid white;
}
table.sheet-body tr.plus-row.top td
{
	border-top-width:0px;
    border-bottom:4px solid white;
}

table.sheet-body img.del
{
	display:inline-block; 
	vertical-align:middle;
	padding-right:3px;
}

/*table.job-sheet.sheet-header th span { display:inline-block;margin-left:10px;}*/

/* Job sheet */
table.job-sheet .c1 { width: 70px; }
table.job-sheet .c2 { width: 60px; }
table.job-sheet .c3 { width: 110px; }
table.job-sheet .c4 { width: 40px; text-align:center }/* new 20/10/2021*/
table.job-sheet .c5 { width: 40px; }
table.job-sheet .c6 { width: 120px; }
table.job-sheet .c7 { width: 100px; }
table.job-sheet .c8 { width: 120px; }
table.job-sheet .c9 { width: 120px; }
table.job-sheet .c10 { width: 80px; }
table.job-sheet .c11 { width: 80px; }
table.job-sheet .c12 { width: 50px; }
table.job-sheet .c13 { width: 50px; }

table.job-sheet td.c1,
table.job-sheet td.c2,
table.job-sheet td.c5
{ text-align:center; }

table.job-sheet td.c9
{ text-align:right; }

table.job-sheet td.c1 img { display:inline-block; vertical-align:text-bottom; padding: 1px; }

table.job-sheet td.c12 { text-align:center; }
table.job-sheet td.c13 { text-align:center; }
table.job-sheet td.c13 img { display:inline; vertical-align:text-bottom }

table.job-sheet td.c9 nobr { min-width: 60px; display:inline-block } /* costs */

/* Timesheet sheet */

table.time-sheet .c1 { width: 170px; }
/*table.time-sheet .c2 { width: 50px; }*/
table.time-sheet .c3 { width: 120px; }
table.time-sheet .c4 { width: 145px; }
table.time-sheet .c5 { width: 150px; }
table.time-sheet .c6 { width: 80px; }
table.time-sheet .c7 { width: 180px; }
table.time-sheet .c7a { width: 40px; text-align:center} 
table.time-sheet .c8 { width: 30px; }
table.time-sheet .c8a { width: 20px; }
table.time-sheet .c9 { width: 60px; }
table.time-sheet .c10 { width: 60px; }

table.time-sheet .c7 select { width: 160px; margin:auto; display:block;}
table.time-sheet .c6 select { width: 60px; margin:auto; display:block;}

table.time-sheet td.c1,
table.time-sheet td.c2
{ text-align:center; }

table.time-sheet td.c7,
table.time-sheet td.c8
{ text-align:right; }

table.time-sheet img.btn-add-row { display:inline-block; vertical-align:text-bottom; padding: 1px; }

div.no-listview-data
{
	padding:5px;
	text-align:center;
	font-size:1.4em;
}

div.act-btn-top /* don't need top and btn links */
{
	display:none;
}

table.time-sheet .job-selector 
{
	width: 150px; /* just want to job number to shown, unless its dropped down (2015: upped for matt display, cols also amended) */
}

.fig-not-used 
{
	text-decoration: line-through;
	font-style:italic;	
}

/*
table.sheet-layout ::-webkit-scrollbar {
    width: 12px;
}
 
table.sheet-layout ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
table.sheet-layout ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,255,0.5); 
}*/

/* 1/9/16 */
ul.job-client-options
{
	list-style-type:none;
	padding:0px;
	margin:0px;
	width:700px;
}
ul.job-client-options li
{
	margin:0px;
	padding:0px;
	overflow:hidden;
	display:inline-block;
	padding-right:4px;
	border-right:2px solid white;
	border-bottom:2px solid white;
	/*white-space:nowrap;*/
	font-size:0.8em;
	vertical-align:top;
}
ul.job-client-options li label
{
	display:inline-block;
	vertical-align:top;
	width: 200px;
	overflow:hidden;
	margin-top:3px;
}

/* reskin 2016 */
.header-frame
{
	background-color:#202B2D;/*#122027*/
	color:White;
	padding-top:30px;
	padding-left:25px;
	font-size:1.1em;
	font-family:Tahoma;
	letter-spacing:1px;	
	padding-bottom:5px;
}
.header-frame input,
.header-frame select
{
	background-color:#202B2D;
	color:white;
	border-color:#6DA8CE;
	border-width:1px;
}

.header-section h1
{
	display:inline-block;
	font-weight:bold;
}
.header-section h2
{
	display:inline-block;
	margin-left:20px;
	font-family:Tahoma;
	font-size:1.1em;
	color:#e9e9e9;
}
.header-section .user-info
{
	color:#e9e9e9;
	margin-top:5px;
	font-size:1.1em;
	margin-left:2px;
}
.header-section div.sign-out
{
	display:block;
	margin-top:18px;
}
.header-section div.sign-out img
{
	padding:0px;
	margin:0px;
}

div.date-range-selector
{
	color:#e9e9e9;	
	margin-right:20px;
}

div.content-list-info,
div.content-list-btns
{
	background-color:#202B2D;
	color:#e9e9e9;
}

/* auto-create description within job create ... */
.fctrl_LinkContentWithAutoCreateDescription
{
	background-color:White;
}
.fctrl_LinkContentWithAutoCreateDescription select
{
	background-color:#f5f9ff;
}
.fctrl_LinkContentWithAutoCreateDescription .description-help-prompt,
.fctrl_LinkContentWithAutoCreateDescription .description-input
{
	background-color:#f5f9ff;
}

.fctrl_LinkContentWithAutoCreateDescription .description-help-prompt
{
	border-top:1px solid #eee;
	margin-top:4px;
	padding-top:2px;
	padding-left:4px;
	padding-right:4px;
}
.fctrl_LinkContentWithAutoCreateDescription .description-help-prompt .headline
{
	font-weight:bold;
}
.fctrl_LinkContentWithAutoCreateDescription .description-input
{
	padding:10px;
}
.fctrl_LinkContentWithAutoCreateDescription .description-input label
{
	display:block;
	margin-bottom:2px;
}

.fctrl_LinkContentWithAutoCreateDescription .description-new
{
	width:20em;
}


/* new overlay (staff in 1st case) selector */

div.overlay-selector-frame
{
	position:relative;
	font-size:1.0em;
	width:920px;
	margin:auto auto;
	z-index:20;
}

div.overlay-selector-frame .overlay-header
{
	font-size:14px;
	font-weight:bold;
	border-bottom:2px solid #999;
	text-align:center;
	padding:8px 0px;
}

div.overlay-selector-frame div.overlay-selector
{
	position:absolute;
	background-color:White;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 3px 3px #AAAAAA;
    z-index:2;        	
    width:100%;
}

div.overlay-selector-frame div.overlay-selector div.overlay-item-list
{
	padding:4px;
	margin:10px 0px;
	max-height: 50vh;
	overflow:auto;	
}

div.overlay-selector-frame div.tool-bar
{
	padding: 0px 5px 10px 5px;
}

div.overlay-selector-frame table.overlay-item-list tr
{
	vertical-align:top;
}
div.overlay-selector-frame .overlay-item-list
{
	padding:0px;
}
div.overlay-selector-frame .overlay-item-list .itm
{
	display:block;
	width: 210px;
	overflow:hidden;
	float:left;
	margin: 2px 0px 2px 0px;
	white-space:nowrap;
}

#staffSelector .itm input[type=checkbox] + span,
#workCatSelector .itm input[type=checkbox] + span
{
	display:inline-block;
}
#staffSelector .itm input[type=checkbox]:checked + span,
#workCatSelector .itm input[type=checkbox]:checked + span
{
	font-weight:bold;
}

#workCatSelector 
{
	width:960px;
}
#workCatSelector .overlay-item-list .itm
{
	width:310px;
}
/* overlay ends */