body {
	background-color:#FFFFFF;
	color:#000000;  font-family:Verdana, Geneva, sans-serif;	
	margin-top:110px; margin-right:auto; margin-bottom:5px; margin-left:auto;
	padding:0px;    text-align:left;
}
/* TEXT -----------------------------------------------------*/
h1,h2,h3,h4 { font-weight:bold; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; }
h1 { font-size:28px; font-weight:normal; }
h2 { font-size:24px; }
h3 { font-size:24px; font-weight:normal; }
h4 { font-size:24px; }
p  { font-size:18px; font-weight:normal;      margin:0px 0px 5px 0px; }
ul { list-style-image:url(/portal/console/images/bullet.png); margin:0px 0px 0px 15px; padding:0px; }
li { font-size:18px; font-weight:normal;      margin:0px; padding:0px 0px 5px 0px; }
/* FORMS ----------------------------------------------------*/
form   { margin:0px; }
label  { color:#666666; font-size:10px; }
input[type=date],input[type=text],input[type=password]  { height:40px; }
select { height:40px; }

input[type=date],input[type=text],input[type=password], select,textarea {
	border:2px solid #000000; border-top-color:#666666; border-left-color:#666666;
	font-family:Verdana, Geneva, sans-serif; 
	font-size:24px;
	margin:0px; padding:1px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

button {
	border-radius:16px;
	font-size:24px;
	min-height:38px;
	background-color:#CCCCCC;
	color:#000000;
	border:0px;
	box-shadow: inset 3px 2px 3px 0px rgba(60, 60, 60, .3), inset -2px -2px 2px 0px rgba(0, 0, 0, .3);  
}


button:hover {
	background-color:#026d8a;
	color:#FFFFFF;
	box-shadow: inset 3px 2px 2px 0px rgba(40, 40, 40, .5), inset -2px -2px 2px 0px rgba(250, 250, 250, .5);  
}

/* LINKS ----------------------------------------------------*/
a:link    { color:#026d8a; font-weight:bold; text-decoration:none; }
a:visited { color:#026d8a; font-weight:bold; text-decoration:none; }
a:hover   {
	color:#014154;
}
a:active  { color:#ff0000; }
a img { border:0px; }

/* CLASSES --------------------------------------------------*/
.thehighlight { color:#014154; }


.pageHeader { margin-bottom:16px; margin-top:16px; }
.resultHeader { height:35px; padding:0px; clear:both; background-image:url('/eportal/images/resultheaderbg.jpg'); background-attachment:scroll; background-repeat:repeat; background-position:top right; margin-bottom:5px; }
.resultHeader p { padding-top:6px; float:left; font-weight:bold; color:#ffffff; }
.resultHeaderLeft { width:5px; height:25px; float:left; }
.resultRowLine { border-bottom:1px solid #cccccc; float:left; padding:10px 5px 10px 5px; height:43px; }
.container { border:0px; margin:0px; padding:0px; }
.dividerLine { border-top:1px solid #cccccc; border-bottom: 0px; clear:left; height:1px; margin:4px 0px 5px 0px; padding:0px; }
.button110focus { padding: 8px 0px 0px 12px; margin:0px; width:110px; height:24px; background-image:url('/eportal/images/button110_focus.jpg'); background-attachment:scroll; background-repeat:no-repeat; background-position:top left;}
.button110unfocus {  padding: 8px 0px 0px 12px; margin:0px; width:110px; height:24px; background-image:url('/eportal/images/button110_unfocus.jpg'); background-attachment:scroll; background-repeat:no-repeat; background-position:top left;}
.button110focus a:link, .button110focus a:visited { color:#ffffff; }
.button110unfocus a:link, .button110unfocus a:visited { color:#000000; }
.button110focus a:hover, .button110unfocus a:hover { color:#ff0000; }
.button230focus { padding: 8px 0px 0px 12px; margin:0px; width:230px; height:24px; background-image:url('/eportal/images/button230_focus.jpg'); background-attachment:scroll; background-repeat:no-repeat; background-position:top left;}
.button230unfocus {  padding: 8px 0px 0px 12px; margin:0px; width:230px; height:24px; background-image:url('/eportal/images/button230_unfocus.jpg'); background-attachment:scroll; background-repeat:no-repeat; background-position:top left;}
.button230focus a:link, .button230focus a:visited { color:#ffffff; }
.button230unfocus a:link, .button230unfocus a:visited { color:#000000; }
.button230focus a:hover, .button230unfocus a:hover { color:#ff0000; }
.actionbutton {
	background-color:#CCCCCC;
	color:#000000;
	box-shadow: inset 3px 2px 3px 0px rgba(60, 60, 60, .3), inset -2px -2px 3px 0px rgba(0, 0, 0, .3);  
	height:36px;
	text-align:center;
	vertical-align:bottom;
	padding-left:10px;
	padding-right:10px;
	font-size:24px;
	display:inline-block; 
	cursor:pointer;
	-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none
}
.actionbutton:hover {
	background-color:#71C7D9;
}
/* ELEMENTS -------------------------------------------------*/
#topBar { 
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 89; /* 1 less than the lowest popup Z index; */
	margin:0px; 
	height:65px; 
	background-color:#7a7a7a;
	border-bottom:5px solid #ffffff;
}
body>div#topBar
{
	position: fixed;
} 
#topBarContent { 
	width: 900px;
	margin-left:auto;
	margin-right:auto;
}
#topBar h3 { margin-top:2px;margin-bottom:0px;padding:0px;color:#ffffff; }
#topBar .notification { float:right; width:53px; height:53px; margin-top:7px; text-align:center;  color:#ffffff; font-weight:bold; cursor:pointer;background-repeat:no-repeat;}
#topBar .notificationspacer { float:right; width:10px; height:53px; margin-top:7px;}
#screenContent { float:left; width:900px; margin:12px 0px 0px 0px; }
p#nMail {padding-top:7px;font-size:28px;}
#mainBox {  }
/* NAVIGATION STYLES ----------------------------------------*/
#tabsBox {
	width:900px;
	height:40px;
	display:block;
	position:fixed;
	top:70px;
	z-index:90;
	background-color:#ffffff;
	background-image:url('/eportal/images/toptab_background.jpg');
	background-position:0px 3px; 
	background-repeat:repeat-x;
}
.subTab,
.subTabActive {
	background-image:url('/eportal/images/toptab_unfocus.jpg');background-position:top left; background-repeat:no-repeat;
	float:left;
	font-size:22px;
	height:30px; 
	padding-top:5px; 
	text-align:center;
	width:150px; 
}
.subTabActive { background-image:url('/eportal/images/toptab_focus.jpg'); }
.subTab a:link,
.subTab a:visited {
	color:#797979;
	text-decoration:none;
}
.subTab a:hover { color:#014154; text-decoration:none; }
.subTabActive a:link,
.subTabActive a:visited { color:#014154; text-decoration:none; }
.subTabActive a:hover { color:#014154; text-decoration:none; }
/* CALENDAR STYLES ------------------------------------------*/

.caltopday,
.calmainnull,
.calmainday,
.calmainsat,
.calmainsun { 
	width:89px; 
	display:inline-block;
}
.caltopday { text-align:center; }
.calmainday,
.calmainnull,
.calmainsat,
.calmainsun
{ height:68px; overflow:hidden; border-left:1px solid #666666; border-bottom:1px solid #666666;}
.calmainsat,
.calmainsun
{ background-color:#DDDDDD; }
.calmainsun
{ border-right:1px solid #666666; }
.calmainnull
{ background-color:#EEEEEE; }
.calmainday:hover,
.calmainsat:hover,
.calmainsun:hover {
	cursor:pointer;
	background-color:#C0DBF8;
}
.calmainday h1,
.calmainsat h1,
.calmainsun h1{
	margin-bottom:0px;
}
.calmainday p,
.calmainsat p,
.calmainsun p{
	font-size:9px;
	font-weight:bold;
	color:#000000;
	margin-bottom:0px;
	margin-left:5px;
}
allocationsday {
	
}
.allocationsday,
.allocationssat,
.allocationssun
{ 
display:inline-block;
width:221px;
padding-left:5px;
min-height:100px;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;}
.allocationssat,
.allocationssun
{ background-color:#eeeeee; }




/* JOBSHEET STYLES ------------------------------------------*/
.systypebutton,
.systypebuttonhighlight,
.vtypebutton,
.vtypebuttonhighlight {
	border-radius:16px;
	height:68px;
	text-align:center;
	vertical-align:middle; 
	font-size:24px;
	display:inline-block; 
	float:left;
	cursor:pointer;
	-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none
}
.submitbutton
{
	height:34px;
}
.vtypebutton,
.vtypebuttonhighlight {
	margin-left:10px;
	margin-right:10px;
	width:280px;
}
.systypebutton,
.systypebuttonhighlight {
	margin-left:5px;
	margin-right:5px;
	width:140px;
}
.vtypebutton,
.systypebutton {
	background-color:#CCCCCC;
	color:#000000;
	box-shadow: inset 3px 2px 3px 0px rgba(60, 60, 60, .3), inset -2px -2px 2px 0px rgba(0, 0, 0, .3);  
}
.vtypebuttonhighlight,
.systypebuttonhighlight {
	background-color:#026d8a;
	color:#FFFFFF;
	box-shadow: inset 3px 2px 2px 0px rgba(40, 40, 40, .5), inset -2px -2px 2px 0px rgba(250, 250, 250, .5);  
}
label {  
	display: block;  
	cursor: pointer;  
	position: relative;  
	padding-left: 40px;  
  margin-bottom: 5px; 
	text-indent:15px; 
	font-size: 24px;  
	-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none
}  
input[type=checkbox] {  
	display: none;  
} 
input[type=radio] {  
	display: none;  
} 
label:before {  
content: "";  
display: inline-block;  
width: 24px;  
height: 24px;  
position: absolute;  
left: 20px;  
top: 3px;  
margin: 0px;  
padding: 0px;
text-align:center;  

background-color: #AAAAAA;  
box-shadow: inset 3px 2px 3px 0px rgba(60, 60, 60, .3), inset -2px -2px 2px 0px rgba(0, 0, 0, .3);  
} 
label.styledcheckbox:before {  
border-radius: 3px;  
}  
label.styledradio:before {  
border-radius: 12px;  
}  
input[type=checkbox]:checked + label:before,
input[type=radio]:checked + label:before {  
/*content: "\2605"; */
background-image:url('/eportal/images/spottick.png');
background-repeat:no-repeat;
background-position:center;

color:#FFFFFF; 
text-indent:0px;
line-height:20px;
	font-size: 27px;  
background-color: #026d8a;  
}  
input[type=checkbox]:checked + label,
input[type=radio]:checked + label {  
color:#026d8a;
}  
	















/* MODAL AND AJAX CONTENT */
#bufferElement { display:none; }
.modalScreen {
	background-color:#999999;
	border:0px;
	height:0px;
	left:0px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:0px;
	width:0px;
	display:none;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
}
.modalWindow {
	background-color:#ffffff;
	border:1px solid #999999;
	border-radius:15px;
	height:0px;
	left:0px;
	margin:0px;
	padding:15px 15px 15px 15px;
	position:absolute;
	text-align:left;
	top:0px;
	width:0px;
	display:none;
}
.modalHeading {
	display:block;
	padding:1px 5px 1px 5px;
}
.modalHeading strong{ float:right; cursor:pointer;}
.modalWindow p {
	font-size:24px;
}
.modalWindow button {
	border-radius:16px;
	font-size:24px;
	min-height:38px;
	background-color:#CCCCCC;
	color:#000000;
	border:0px;
	box-shadow: inset 3px 2px 3px 0px rgba(60, 60, 60, .3), inset -2px -2px 2px 0px rgba(0, 0, 0, .3);  
}


.modalWindow button:hover {
	background-color:#026d8a;
	color:#FFFFFF;
	box-shadow: inset 3px 2px 2px 0px rgba(40, 40, 40, .5), inset -2px -2px 2px 0px rgba(250, 250, 250, .5);  
}



/* BACK TO TOP ----------------------------------------------*/
#backtotop {
	cursor : pointer;
	display : none;
	margin : 0px;
	position : fixed;
	bottom : 0px;
	right:0px;
	font-size : 90%;
	padding	: 2px 0px 0px 0px;
	width : 110px;
	height : 16px;
	overflow:hidden;
	text-align : center;
	background-color : #CCC;
	filter : alpha(opacity=80);
	-khtml-opacity : 0.8;
	-moz-opacity : 0.8;
	opacity	: 0.8;
	z-index	: 89;
}
#backtotop:hover
{
	filter : alpha(opacity=100);
	-khtml-opacity : 1.0;
	-moz-opacity : 1.0;
	opacity	: 1.0;
}