th { white-space: nowrap; }
td { white-space: nowrap; }

/* ============================== */
/* overwrite struts2 xhtml styles */
/* ============================== */
/* force example: font-size:20px !important; */
.wwFormTable {
	padding: 5px;
	border: 1px solid gray;
}
.wwFormTable .tdLabel {
	text-align: left !important;
	white-space: nowrap;
}

/* 2.1.2 */
input[type=text]{
	height:17px!important;
}

.wwFormTable input[type=text]{
	/* width:120px; */
	height:14px;
}
.wwFormTable caption, .dataTable caption, .captionLike {
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	background: #98AFC7;
	font-weight: normal;
	white-space: nowrap;
	text-align:center;
}


.hierarchyTable td a {
	display:block;
    min-width:60px;
    height:20px;
	white-space: nowrap;
}


.btn {
	display:inline-block;
    line-height:25px;
    width:120px !important;
	text-align:  center;
    vertical-align: middle;
	white-space: nowrap;
	background: #FFFFFF; /* facelift #2B68C3; */
	color: #000; /*<-dark gray; facelift very light red:#EA683,   original: #FFF; */
	text-decoration: none;
	cursor:pointer;
	font-size:12px;
	border: solid 1px #818181; /*<-dark gray  facelift:#DDDDDD;(too light)   original: #20538D; */
	-webkit-border-radius:  2px;
	-moz-border-radius: 2px;
	border-radius:  2px;
	/* facelift text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); */
	/* facelift -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); */
	/* facelift -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); */
	/* facelift box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); /*
}
.btn:hover {
	background-color:  #6092dc;
}

.subBtnWidth { /* for submit buttons */
	width:130px !important;
}
.subBtnWidth2 { /* double width for submit buttons */
	width:264px !important;
}

.disabledButton {
	background-color:#a8a8a8!important;
	cursor:default!important;
	width:120px!important;
}
.disabledButton2 {
	background-color:#a8a8a8!important;
	cursor:default!important;
}

.buttonContainer {
	text-align: left;
	white-space: nowrap;
}
.monthBtn {
	display:inline-block;
    line-height:15px;
	width:50px !important;
	text-align:  center;
    vertical-align: middle;
	white-space: nowrap;
	background: #2B68C3;
	color: #FFF;
	text-decoration: none;
	cursor:pointer;
	font-size:10px;
	border: solid 1px #20538D;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.monthBtn:hover {
	background-color:  #6092dc;
}
.navBtn {
	display:inline-block;
    line-height:15px;
	width:100px !important;
	text-align:  center;
    vertical-align: middle;
	white-space: nowrap;
	background: #2B68C3;
	color: #FFF;
	text-decoration: none;
	cursor:pointer;
	font-size:12px;
	border: solid 1px #20538D;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.navBtn:hover {
	background-color:  #6092dc;
}

/* ============================= */
/* display tag data list table	 */
/* ============================= */
.dataTable {
	border: 1px solid gray;
	border-collapse: collapse;
	white-space: nowrap;
	padding: 5px;

}
.dataTable th {
	border-left: 1px solid gray;
	padding-left: 5px;
	padding-right: 5px;

	background-color:#FFFFFF; /* facelift 	#2B68C3; */
	color: #04171E !important; /* <- almost black  facelift white !important; */

	font-weight:normal;
}

.dataTable td {
	border-left: 1px solid gray;
	padding-left: 5px;
	padding-right: 5px;
}
.sortable { /* header th */
	border: 1px solid gray;
	padding-left: 5px;
	padding-right: 5px;
	background-color:#B0D7FE;
	text-decoration: none !important;
	color: #04171E !important; /* <- almost black facelift white !important; */
	font-weight:normal;
}
th.sorted a,th.sortable a {
	background-position: right;
	display: block;
	width: 100%;
}

th.sortable a {
    background-image: url("../images/displaytag/arrow_off.png");
    background-repeat: no-repeat;
}
th.order1 a {
    background-image: url("../images/displaytag/arrow_down.png");
    background-repeat: no-repeat;
}
th.order2 a {
    background-image: url("../images/displaytag/arrow_up.png");
    background-repeat: no-repeat;
}
.dataTable th a {
	text-decoration: none;
	color: #04171E; /* facelift white; */
}




.dataTable tr.odd {
	background-color: #F7F7F7; /* facelift background-color: #C4E1FE; */
}
.dataTable tr.tableRowEven, tr.even {
	background-color: #FFFFFF; /*  facelift background-color:#B0D7FE;  */
	
}
/* dataTable end */

.pagebanner{
	display: none;
}

.guide {
	color:green;
	font-size: 14px;
}

.optiontransferselect {
	width:180px;
}

.label {
	font-style: italic;
}

a img{
	border:none;
}
.calendarIcon {
	width:24px; height:16px; vertical-align:middle;
}
fieldset {
	border: #2B68C3 solid 1px
}

input[readonly] {
    background: #C4E1FE;
    border: 0px;
}

/* used by consumerPresence registration */
.registrationDate {
	text-transform:uppercase;
}
.presenceCodesSelectDivId { display:inline-block; vertical-align:top; overflow:hidden; border:solid grey 1px; }
.presenceCodesSelectDivId select { padding:10px; margin:-5px -20px -5px -5px; overflow:hidden; }


/* For Reports */

.reportHead {
	background: #4EA6FD !important;
	font-weight:bold;
	border-color: black; /*#C4E1FE;*/
	border-width: 1px;
	border-style: solid;
}

.reportHeadNoBorder {
	background: #4EA6FD !important;
	font-weight:bold;
}
.reportNumericCellB {
	border-right-color: blue; /* #4EA6FD; */
	border-right-width: 1px;
	border-right-style: solid;
	/* solid */
	text-align: right;
}

.wwFormTable .sortableHeader {
	/* text-align:left;*/
	cursor:pointer;
	/*
		background-color: #2B68C3;
		color:white;
	*/
	border-collapse: collapse;
	border-right: 2px solid gray;
	padding-left: 5px;
	padding-right: 5px;
	background-color:#2B68C3;
	text-decoration: none !important;
	color: white !important;
	font-weight:normal;
	background-image: url("../images/displaytag/arrow_off.png");
    background-repeat: no-repeat;
	background-position: right;
}
.wwFormTable .notSortableHeader {
	border-collapse: collapse;
	border-right: 2px solid gray;
	padding-left: 5px;
	padding-right: 5px;
	background-color:#2B68C3;
	text-decoration: none !important;
	color: white !important;
	font-weight:normal;
}

.homePageRowHeader {
	font-size:14px;
	font-weight:bold;
	display:inline-block;
	padding-top: 20px;
	
	text-transform: uppercase; /*  facelift */
	/* facelift	text-align:  center; */
	text-align:  left; /*  facelift */
		
	height:40px;
	/*color: #2B68C3; facelift */
	color: #5066AD; /*  facelift */
	white-space: nowrap;

	/* width:145px; facelift */
	width:170px; /* facelift */
}
.homePageButton {
	font-size:14px;
	display:inline-block;
	padding-top: 20px;
	margin: 5px;
	padding-left: 20px; /* facelift */

	
	/* facelift */
	/* text-align:  center; */
	text-align:  left;
	
	/*  height:40px; facelift */
	height:35px; /* facelift */



	cursor:pointer;
	color: #000000 !important;
	text-decoration: none !important;
	white-space: nowrap;
	/* border-radius: 10px; */
	border-radius: 3px;  /* facelift */

	background-color:  #FFFFFF; /* facelift */
	/* border: 1px solid #2B68C3; */
	border-right: 2px solid #EAEAEA;
	border-bottom: 2px solid #EAEAEA;
	
	
	/* facelift  width:145px; */
	width:160px; 	/* facelift */

 
 
}
.homePageButton:hover {
	/* facelift */
	/*  background-color:  #9DBCEA; /* facelift */ 
	background-color:  #355FAF; /* facelift */ 
	color:  #FFFFFF !important; /* facelift */ 
}

/* Used by user when hiding or shown buttons
using method front page admin */
.homePageButtonVisible {
	font-size:14px;
	display:inline-block;
	padding-top: 20px;
	margin: 5px;
	text-align:  center;
	height:40px;
	cursor:pointer;
	color: #2B68C3 !important;
	text-decoration: none !important;
	white-space: nowrap;
	border-radius: 10px;
	width:145px;
	border: 2px solid #2B68C3;
}
.homePageButtonHidden {
	font-size:14px;
	display:inline-block;
	padding-top: 20px;
	margin: 5px;
	text-align:  center;
	height:40px;
	cursor:pointer;
	color: #2B68C3 !important;
	text-decoration: none !important;
	white-space: nowrap;
	border-radius: 10px;
	width:145px;
	border: 1px dotted #2B68C3;
}



/* TODO: CHECK THIS */
.linkButton_nice {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    background: #4479BA;
    color: #FFF;
    padding: 8px 12px;
    text-decoration: none;
}

#overlay {
	display: none;
	position: fixed;
	height: 70%;
	width: 100%;
	z-index: 1000000;
	background: url("../images/semi.png");
}
#spinner {
	position:fixed;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}


/* Only used at shiftPlan jsp */
/* NOTE: if changed check also printer.css */
.shiftPlanTable {
	width:982px; border: 1px solid gray; border-collapse: collapse; table-layout:fixed; overflow:hidden;
}
/* 200px + 20px + 96*8(=762) = 982px */

.shiftPlanCellNames { width:200px; overflow:hidden;white-space: nowrap!important;vertical-align:text-top;}
.shiftPlanCellAbsence { width:20px; overflow:hidden; border-left: solid 1px grey}
.shiftPlanCellPresenceBar { width:8px; overflow:hidden}


/* Used by table tag custom decorators ( exampe juulia: ConsumerListDecorator) */
.italicRow td {font-style: italic!important;}

/* Used by table tag custom decorators ( exampe juulia: InvSummaryListDecorator) */
.boldRow td {font-weight: bold!important;}


.scrollArea {
    width: 275px;
    height: 100px;
    padding-left: 5px;
    padding-right: 5px;
    border-color: #6699CC;
    border-width: 1px;
    border-style: solid;
    float: left;
    overflow: auto;
}



.tabbedButton {
	font-size:14px;
	display:inline-block;
	padding-top: 10px;
	margin: 0px 0px 10px 0px;
	text-align:  center;
	height:25px;
	cursor:pointer;
	color: #2B68C3 !important;
	text-decoration: none !important;
	white-space: nowrap;
	border-radius: 10px;
	width:145px;
	border: 1px solid #2B68C3;
}
.tabbedButton:hover {
	/* background-color:  #6092dc; */
	background-color:  #9DBCEA; /*#8CB0E6;*/
}

.tabbedButtonDisabled {
	font-size:14px;
	display:inline-block;
	padding-top: 10px;
	margin: 0px 0px 10px 0px;
	text-align:  center;
	height:25px;
	/* cursor:pointer; */
	color: white !important;
	text-decoration: none !important;
	white-space: nowrap;
	border-radius: 10px;
	width:145px;
	border: 1px dotted #2B68C3;
}

.paddingL {
	padding-left: 50px
}
.border-l {
	border-left: 1px solid gray;
	padding-left: 5px;
	padding-right: 5px;
}
.highlight {
	background: whitesmoke!important;
}

.border-r-white {
	border-right:1px solid whitesmoke;
}

.light-background {
	background: white!important;
}

.tab-size-4 {
	-moz-tab-size: 4; /* Firefox */
	tab-size: 4;
}

/* high light class for table rows */
tr.active {
    background:whitesmoke !important;
}

table.tdContentTop td {
	vertical-align:top;
}

.inputLike {
	border: 1px solid gray;
	padding-left: 5px;
	padding-right: 5px;
	background-color: whitesmoke;
}

/* face lift */
.homepage {
	white-space: nowrap;
	/* background-color:#F7F7F7; */

}
	

/* facelift */
#loginTable td {
	width:140px;
	text-align: left;
}

.login_welcome {
	/* font-family: 'Rubik', sans-serif; background-color:#FFFFFF; */
	font-size:20px;
	color: #415cae; /* blue */
}