/*
	CSS order:
	- StyleSheet.css
	- Listing.css
	- appspecific.css
	- normal.css
	- table_list.css
	- custservice.css
*/

body {
	background-color: white;
	font-weight: normal;
	line-height: 1; /* CSS reset */
	margin: 0px;
	padding: 0px;
	width: 100%;
}

body,
ul, table, td, a, div, span,
.contentText1, .contentText1, .contenttext2, .contentText1-greyitalic, .contentText1-smallgreyitalic,
.redbannerhead, .redcontenttext1, .MailboxTable, .contenttiny {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	font-size: 11px;
}

div, span {
	font-size: inherit;
}

input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/*#region Standardise Browsers inputs!!! */
input, select, textarea,
input[type="text"], input[type="password"], input[type="file"] {
	border-color: #CCC; /*#6666CC*/
	border-style: solid;
	border-width: 1px;
	font-size: 11px;
	margin: 2px 0px 0px 0px;
	padding: 1px;
}

input[type="checkbox"], .checkbox {
	border: 0px;
	margin: 3px 3px 3px 4px;
	padding: 0px;
}
input[type="radio"], .radio, .radiobutton {
	border: none;
	margin: 3px 3px 0px 5px;
	padding: 0px;
}
input[type="hidden"] {
	border: none;
	padding: 0px;
	margin: 0px;
}

select {
	padding: 0px;
}

textarea {
	resize: none;
}


/*#endregion Standardise Browsers inputs!!! */

/*#region colour input objects */
input {
	color: #39528c;
}

.select {
	font-size: 8px;
	border: #6666CC solid 1px;
}

input.RightBox {
	color: #39528c;
	text-align: right;
}

input.textbox {
	border-color: #6666CC;
}

select {
	color: #39528c;
}

textarea {
	color: #39528c;
}
/*#endregion colour input objects */

/*#region input object sizes */
input.size50,
textarea.size50 {
	width: 300px;
}
select.size50 {
	width: 304px;
}

input.size30,
select.size30,
textarea.size30 {
	width: 180px;
}

input.size30PopupCal {
	width: 150px;
}

input.size20,
select.size20 {
	width: 130px;
}

input.size15 {
	width: 109px;
}

input.size15PopupCal {
	width: 82px;
}

input.size10 {
	width: 80px;
}

input.size6 {
	width: 40px;
}

input.size4 {
	width: 30px;
}
/*#endregion input object sizes */

/*#endregion input objects */

/*#region dimensions */
/*#region widths */
.w5px {
	width: 5px;
}
.w10px {
	width: 10px;
}
.w15px {
	width: 15px;
}
.w20px {
	width: 20px;
}
.w25px {
	width: 25px;
}
.w30px {
	width: 30px;
}
.w115px {
	width: 115px;
}
.w150px {
	width: 150px;
}
.w200px {
	width: 200px;
}
.w250px {
	width: 250px;
}
.w300px {
	width: 300px;
}
.w665px {
	width: 665px;
}
/* 780 - 115 */
.w780px {
	width: 780px;
}
.w100pct {
	width: 100%;
}

.w960px
{
	width:960px;
}
/*#endregion widths */

/*#region heights */
.h3px {
	height: 3px;
}
.h5px {
	height: 5px;
}
.h10px {
	height: 10px;
}
.h15px {
	height: 15px;
}
.h16px {
	height: 16px;
}
.h20px {
	height: 20px;
}
.h25px {
	height: 25px;
}
.h30px {
	height: 30px;
}
.h35px {
	height: 35px;
}
/*#endregion heights */
/*#endregion dimensions */

/*#region alignments */
.tac {
	text-align: center;
}
.tal {
	text-align: left;
}
.tar {
	text-align: right;
}
.vab {
	vertical-align: bottom;
}
.vam {
	vertical-align: middle;
}
.vat {
	vertical-align: top;
}
.tac {
	text-align: center;
}
.tal {
	text-align: left;
}
.tar {
	text-align: right;
}
.vatt {
	vertical-align: text-top;
}

.nobr {
	white-space : nowrap; 
}

/*#endregion alignments */

/*#region font sizes */
.fs1px {
	font-size: 1px;
}
.fs3px {
	font-size: 3px;
}
.fs5px {
	font-size: 5px;
}
.fs6px {
	font-size: 6px;
}
.fs10px {
	font-size: 10px;
}
.fs11px {
	font-size: 11px;
}
/*#endregion font sizes */

/*#region font weight/style */
.fwb {
	font-weight: bold;
}
.fsi {
	font-style: italic;
}
/*#endregion font weight/style */

/*#region floats */
.fl { float: left; }
.fr { float: right; }
/*#endregion floats */

/*#region borders */
.borderAll {
	border: 1px solid #808080;
}
.borderBottom {
	border-bottom: 1px solid #808080;
}
.borderTop {
	border-top: 1px solid #808080;
}
.borderLeft {
	border-left: 1px solid #808080;
}
.borderRight {
	border-right: 1px solid #808080;
}
/*#endregion borders */

/*#region unordered lists */
.ul {
	list-style-type: circle;
}
ul {
	list-style-type: disc;
}
/*#endregion unordered lists */

/*#region links */
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:hover {
	color: #808080;
}

a.TableList:hover {
	color: red;
}

a.contentLink1, a.contentLink1:visited {
	color: #003366;
}
a.contentLink1:hover {
	color: #778899;
}

a.homeLink {
	color: #003366;
}

a.vml {
	font-size: 11px;
	font-weight: bold;
	color: Black;
}
a.vml:hover {
	color: #c1c1c1;
}

a.menuLink {	
	color: #003366;
}
a.menuLink:visited {
	color: #003366;
}
a.menuLink:hover {
	color: #778899;
}

a.contentLink1, a.contentLink1:visited, 
span.contentLink1, span.contentLink1:visited {
	color: #003366;
}
a.contentLink1:hover,
span.contentLink1:hover {
	color: #778899;
}

a.contentLink2, a.contentLink2:visited {
	color: #003366;
}
a.contentLink2:hover {
	color: #778899;
}

.whitecontentLink1 {
	color: white;
}

a.footerlink, a.footerlink:visited {
	color: #003366;
	font-size: 16px;
	font-weight: bold;
}
a.footerlink:hover {
	color: #778899;
}

a.SignInLink, a.SignInLink:visited {
	color: white;
	font-size: 16px;
	font-weight: bold;
}
a.SignInLink:hover {
	color: #ff0000;
}
/*#endregion links */

/*#region contentText1 */
.contenttextbold {
	font-weight: bold;
}

.redcontenttext1 {
	color: #ff0000;
}

.contentText1-greyitalic {
	font-style: italic;
	color: #666666;
}

.contentText1-smallgreyitalic {
	font-style: italic;
	color: #666666;
}
/*#endregion contentText1 */


/*#region epyxlogo */
table.epyxlogoTable {
	width: 100%;
	height: 70px;
}

td.epyxlogo {
	text-align: center;
	vertical-align: bottom;
}
/*#endregion epyxlogo */

/*#region stats module */
table.statsInner {
	background-color: white;
	border: 5px;
	border-style: solid;
	border-color: white;
}

td.statsBlank {
	background-color: white;
}

td.statsCentreborder {
	border-right: 1px;
	border-style: solid;
	border-top: none;
	border-bottom: none;
	border-left: none;
	border-color: Black;
}

td.statsHeader {
	border-bottom: 1px solid #b1b2e6;
}

.statsHeader {
	color: gray;
	font-size: 10pt;
	font-weight: bold;
}

td.statsFooter {
	border-top: 1px solid #b1b2e6;
}

a.statsLink {
	color: #003366;
	font-size: 8pt;
	text-decoration: none;
}

a.statsLink:visited {
	text-decoration: none;
}

a.statsLink:hover {
	text-decoration: underline;
}

.statsImage {
	position: absolute;
	z-index: 2;
	left: 110px;
	cursor: pointer;
}

tr.StatsTableHead {
	font-size: 12px;
	color: #39528c;
	background-color: #dbe6f0;
}
/*#endregion stats */


/*#region StyleSheet.css specific */
.FieldDataReadOnly {
	border: none !important;
	background-color: transparent !important;
}

.TableHeading {
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	background-color: #b1b2e6;
	text-align: left;
	height: 20px;
	line-height:15px;
	padding: 4px;
}

.TableSubHeading {
	font-weight: normal;
	font-size: 12px;
	color: #010101;
	padding-top: 0px;
	background-color: #b1b2e6;
	text-align: left;
	padding: 2px;
	border-top: solid 3px #fff;
	border-bottom: solid 3px #fff;
}

table.TableList {
	border-right: thin;
	border-top: thin;
	border-left: thin;
	border-bottom: thin;
	font-size: 12px;
	color: #39528c;
	background-color: white;
}

/*#region used by svrTables.vb */
.FieldPrompt {
	width: 15%;
	text-align: right;
}

.FieldMessage {
	color: red;
	font-style: normal;
	background-color: #dbe6f0;
	text-align: left;
}

.PageList {
	text-transform: none;
	color: #39528c;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
}

.PageListName {
	font-weight: bolder;
	font-size: 12px;
	cursor: pointer;
	color: #39528c;
}
/*#endregion used by svrTables.vb */

/*#endregion StyleSheet.css specific */

/*#region appspecific.css specific */
/* NEW Vehicle menu layout: vm - Vehicle Menu, b - background, i - item, f - field, l - link */
.n_vdld {
	font-size: 11px;
	color: Black;
	font-weight: bold;
}

.n_menu_unselected {
	font-size: 12px;
	color: White;
	font-weight: bold;
	background-color: #797196;
	height: 20px;
	border-bottom: solid 2px white;
}

.n_menu_selected {
	font-size: 12px;
	color: White;
	font-weight: bold;
	background-color: #B1B2E6;
	height: 20px;
	border-bottom: solid 2px white;
}

a.n_vml {
	font-size: 11px;
	font-weight: bold;
	color: White;
}

.n_menu_title {
	font-size: 12px;
	color: #797196;
	font-weight: bold;
	background-color: White;
}
/* Vehicle menu layout: vm - Vehicle Menu, b - background, i - item, f - field, l - link */
.vmi_header {
	font-size: 12px;
	color: White;
	font-weight: bold;
	height: 25px;
	border-bottom: solid 2px white;
}

.vmi_item_left {
	background-color: #DBDBDB;
	height: 20px;
	font-size: 11px;
	color: #bcbcbc;
	font-weight: bold;
	border-bottom: 2px solid #BBBBBB;
	border-top: 2px solid #ececea;
	border-left: 2px solid #ececea;
}

.vmi_item_right {
	background-color: #DBDBDB;
	height: 20px;
	font-size: 11px;
	color: #bcbcbc;
	font-weight: bold;
	border-bottom: 2px solid #BBBBBB;
	border-right: 2px solid #BBBBBB;
	border-top: 2px solid #ececea;
}
/*#endregion appspecific.css specific */

/*#region table_list.css specific */
.title {
	color: #000066;
	font-size: 18px;
	font-weight: bold;
	line-height: 22px !important;
}
/*#endregion table_list.css specific */


.ListSubHeader {
	font-weight: bolder;
	font-size: 12px;
	color: #b8b8b8;
	text-align: left;
	background-color: transparent;
}

.ListHeader {
	font-weight: bolder;
	font-size: 12px;
	color: white;
	background-color: #b1b2e6;
	text-align: left;
}

/*#region used by clsWebPage.ListDuplicates */
.Normal {
	color: #39528c;
	background-color: white;
}

td.DuplicateList {
	background-color: #E8E8E8;
	}
.GroupChange {
	background-color: #dcd8f3;
	font-weight: bold;
}

tr.TableListRow {
	background-color: transparent;
}

td.TableListRow {
	background-color: transparent;
}
/*#endregion used by clsWebPage.ListDuplicates */

th {
	font-weight: lighter;
	top: 5px;
	background: black;
}

h1 {
	font-weight: bolder;
	font-size: larger;
}

p {
	font-size: 12px;
}



.head1 {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}

.homepblcktxt {
	font-size: 12px;
	color: #000000;
}

/* Step specific parameters */
.fieldheadings {
	font-size: 11px;
	font-weight: bold;
}

td.lh15px,
table.lh15px tr td {
	line-height: 15px;
}

/*#region banner head */
.bannerHead,
td.bannerHead,
tr.bannerHead {
	background-color: #b1b2e6;
	color: white;
	font-size: 14px;
	font-weight: bold;
}

td.bannerHead,
tr.bannerHead {
	height: 20px;
	font-size: 14px;
}

div.bannerHead {
	height: 20px;
	font-size: 14px;
	line-height:20px;
}

td.redbannerHead {
	height: 20px;
	font-size: 14px;
}

.redbannerhead {
	background-color: red;
	color: white;
	font-size: 14px;
	font-weight: bold;
}
/*#endregion banner head */


.sectionheaderWhite {
	font-size: 14pt;
	color: white;
}

/*#region listheader */
tr.listHeader {
	height: 20px;
}
.listHeader {
	background-color: #b1b2e6;
	color: white;
	font-size: 12px;
	font-weight: bold;
	vertical-align: top;
}
/*#endregion listheader */


.h2 {
	font-size: 12px;
	font-weight: bold;
}

/* epyx Admin */
table.bannerHead, tr.bannerHead {
	background-color: #b1b2e6;
	color: white;
}

td.lineBottom {
	border-bottom: 1px solid #808080;
}

td.lineTop {
	border-top: 1px solid #808080;
}

td.lineBottom2 {
	border-bottom: 1px solid #b1b2e6;
}

td.lineTop2 {
	border-top: 1px solid #b1b2e6;
}


/* menu */
.menuHeader {
	color: white;
	background-color: #b1b2e6;
	font-weight: bold;
	font-size: 14px;
	height: 20px;
	cursor: default;
}

.menuBody {
	border-right-color: #b1b2e6;
	border-right-style: solid;
	border-right-width: 1px;
	height: 100%;
	width:149px;
}

/* header */
table.headerTable {
	width: 100%;
	height: 50px;
	cursor: default;
}

td.headerDate {
	color: #003366;
	font-size: 12px;
	text-align: right;
	vertical-align: bottom;
}

td.headerTitle {
	color: #cccccc;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

body.headerBody {
	border-bottom: 1px solid #B1B2E6;
}

/* home page */
td.moduleInfoTop {
	color: white;
	text-align: center;
	vertical-align: top;
	width: 100px;
}

td.moduleInfoBottom {
	color: #9966ff;
	cursor: default;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	width: 100px;
}

td.moduleSepV {
	width: 2px;
	background-color: white;
}

td.moduleBody {
	vertical-align: top;
}

/* admin module */
td.adminItem {
	text-align: center;
}

table.adminInnerOld {
	background-color: white;
	border: 5px;
	border-style: solid;
	border-color: white;
}

table.adminInner {
	background-color: white;
}

.adminLink {
	text-decoration: none;
	color: #003366;
}

.adminLink:hover {
	text-decoration: underline;
}

/*#region news */
td.newsTitle, a.newsTitle {
	color: #003366;
	font-size: 11pt;
	font-weight: bold;
}

a.newsTitleMain {
	font-size: 24pt;
	color: black;
	font-weight: bold;
}

a.newsTitleBig {
	font-size: 20pt;
	color: black;
	font-weight: normal;
}

a.newsTitle, a.newsTitleBig, a.newsTitleMain, a.newsTitle:visited, a.newsTitleBig:visited, a.newsTitleMain:visited {
	text-decoration: none;
}

a.newsTitle:hover, a.newsTitleBig:hover, a.newsTitleMain:hover {
	text-decoration: underline;
}

span.newsTitle {
	font-size: 24pt;
	color: black;
}

td.newsSummary, td.newsFullText, span.newsFullText {
	text-align: justify;
}

span.newsSummary {
	color: #2e4880;
	font-size: 14pt;
	text-align: justify;
}

td.newsLink {
	text-align: right;
}

a.newsLink {
	color: #003366;
	text-decoration: none;
}

a.newsLink:visited {
	text-decoration: none;
}

a.newsLink:hover {
	text-decoration: underline;
}

table.newsInfoBox {
	background-color: white;
	border: 1px solid #b1b2e6;
}

/* Static Links module */
table.staticlinksOuter {
	border: 0px none silver;
}

/*#region News Ticker */
a.tickerItem {
	color: white;
	text-decoration: none;
	font-size: 8pt;
}

a.tickerItem:visited {
	text-decoration: none;
}

a.tickerItem:hover {
	text-decoration: underline;
}

span.newstickerBullet {
	color: #5c5dc3;
}

span.newstickerMore {
	color: white;
}

#NewsTicker {
	cursor: default;
}
/*#endregion News Ticker */

/*#endregion news */

/* Section Homepages */
td.homeSepVL {
	width: 10px;
}

td.homeSepVR {
	border-left: 1px solid #b1b2e6;
	width: 10px;
}

td.homeImage, td.homeLink, td.homeDesc {
	text-align: center;
}

.menutextdescript {
	color: #000066;
	font-size: 12px;
	font-weight: bold;
}

td.helptext {
	border-bottom: 1px solid #b1b2e6;
}

.table-row-head {
	background-color: #f0f0f0;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	height: 15px;
	vertical-align: middle;
}

.cslinkitem {
	color: #9966cc;
	font-size: 12px;
	font-weight: bold;
}

.contenttex1-grey {
	color: #666666;
}

.csnewstitle {
	color: #9966cc;
	font-size: 12px;
	font-weight: bold;
}

.cstitle {
	font-size: 16px;
	font-weight: bold;
	color: #9966cc;
}

/* Help Text Popup: FF5555 : width: 2; height: 12; */
.helptext_box, .floating_box {
	background-color: white;
	border: solid 1px #6666cc;
	display: block;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	padding: 3px;
	position: absolute;
}

.helptext_box {
	visibility: hidden;
}

/* Projects */


.HeaderTemplate,
.HeaderTemplate th,
.HeaderTemplate td {
	background-color: #b1b2e6;
	color: white;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	text-align: left;
}

.ItemTemplate, .ItemTemplate td {
	border-bottom: solid 1px #cecfce;
}

.AlternatingItemTemplate, .AlternatingItemTemplate td {
	border-bottom: solid 1px #cecfce;
}

.overlay {
	background-color: white;
	display: none;
	filter: alpha(opacity=50);
	height: 100%;
	left: 0%;
	opacity: 0.5;
	position: absolute;
	top: 0%;
	width: 100%;
	z-index: 10;
}

.pleaseWait {
	color: Red;
	font-weight: bold;
}

.TableSubHeading {
	background-color: #b1b2e6;
	border-bottom: solid 3px #fff;
	border-top: solid 3px #fff;
	color: #010101;
	font-size: 12px;
	font-weight: normal;
	padding: 2px;
	/*padding-top: 0px;*/
	text-align: left;
}


#PIN {
	text-transform: uppercase !important;
}

.warningHeader {
	background-color: #E4E4E4;
	font-weight: bold;
	padding-left: 5px;
}

.warningMsgBox {
	border: 1px solid #E4E4E4;
	color: #666666;
	padding: 5px;
	text-align: justify;
}

.displayName1 {
	color: #CCCCCC;
	font-size: 16px;
	font-weight: bold;
}

.ProjectLockDown {
	color: red;
	font-weight: bold;
}

.ProjectNormal {
	color: black;
}

.helpText {
	color: #666666;
	font-style: italic;
}

td.sectionHeader, .sectionHeader {
	color: #999999;
	font-size: 14px;
	font-weight: bold;		/* table_list.css */
}

/* Annual leave summary */

.IndirectReportsTo {
	color: silver;
	padding-left: 6px;
}

.AbsentBox
{
	margin-right:3px;
	float:left;
	width:10px;
	height:10px;
	border: 1px solid #808080;	
	background-color:pink;
}

.NotWorking { background-color : blanchedalmond; }
.Available { background-color : silver; }
.Booked	{ background-color : #E55451; }
.PublicHoliday { background-color : #C38EC7; }
.Requested {background-color : darkorange; }
.Late { background-color : cornflowerblue; }

.Absent
{
	background-color: yellow;	
	border-color:red;
}
.AbsenceSelected
{
		border-color:yellow;
		background-color:black;	
}
.Sick
{
	background-color:greenyellow;
}

.ClickSlot
{
	cursor:pointer;
}

.ClSlot
{
	cursor:pointer;
}

/* Link Container */

.linkContainer
{
	padding: 5px 0;
	margin-top: 0px;
	text-align: right;
	width:780px;
	clear: both;
	border-top: 1px solid #808080;
}

.linkContainer.noBorder
{
	padding-top: 0;
	margin-top: 0;
	border: none;
}

.wAuto {
	width:auto;
}

/* Resource Booking Calender */

.ResBox
{
	margin-top:4px;
	width:18px;
	height:12px;
	padding: 0;
	border: 0;
}

.ResSp { 
	background-color :white; 
	border-color:white; 
}

.ResSlotC {  /* calender cell middle */
	float:left;
	width: 12px;
	height:12px;
	margin-top: 3px;
	border: 1px solid #C0C0C0; /* May render less than 1px !*/
	background-color : #F0F0F0;
	box-sizing:border-box; /* So, specify dims WITH Border */
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
}

.ResSlotCL { /* cell left */
	margin-left: 4px;
	margin-right:2px;
}

.ResSlotCR { /* cell right */
	margin-left: 2px;
	margin-right:4px;
}

.ResSlotOverLay {
	position:absolute;
	height: 12px;
}

.ResSel
{
	border-color:yellow;
	background-color:black;	
}

.ResRow { /* calender row */
	height:21px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
}

.ResDay { /* calender day */
	width:397px;
}

.ResBookInt
{ background-color : cornflowerblue; 
  border-color: cornflowerblue; 
}

.ResBookExt
{ background-color : indianred; 
  border-color: indianred; 
}

.ResBookTra
{ background-color:  seagreen;
  border-color: seagreen;
}

.ResFree {
	background-color : #F0F0F0;
	border-color : #C0C0C0;
}

/*#region Date Picker */

select.ui-datepicker-month,
select.ui-datepicker-year
{
	background-color: #3C5ADC;
	color: White;
	font-weight: bold;
	text-align: center;
}

select.ui-datepicker-month option,
select.ui-datepicker-year option
{
	background-color: #F0F0F0;
	/*color: #000066;*/
	color: Black;
	font-weight: normal;
	border: 0px;
	text-align: center;
}

img.ui-datepicker-trigger
{
	height: 15px;
}

/* Days not in this month */
.ui-state-default.ui-priority-secondary
{
	filter: alpha(opacity=30);
	opacity: 0.3;
}

/* Today Button */
.ui-datepicker-buttonpane .ui-state-default.ui-priority-secondary
{
	filter: alpha(opacity=70);
	opacity: 0.7;
}

/* change circle triangle to black triangle */
a.ui-datepicker-next span.ui-icon-circle-triangle-e
{
	background-position: -32px -16px;
}

a.ui-datepicker-prev span.ui-icon-circle-triangle-w
{
	background-position: -96px -16px;
}

.ui-datepicker-calendar .ui-state-default {
	background-color:white ;
	background-image:none;
	color: black;
}

.ui-datepicker-calendar th {
	background-color: #B1B2E6;
	color:white;
}

/* Today */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
{
	color: Red;
	font-weight: bold;
	border-color: #3C5ADC;
}

/*#endregion*/

.width-three-quarters {
    width: 75%;
}

.width-half {
    width: 50%;
}

.width-quarter {
    width: 25%;
}