body
{
	margin: 0px;
	padding: 0px;
	font-family: arial, verdana;
	font-size: 0.8em;
	height:100%;
	width:100%;
	min-width:1000px;
	
	background-color: #f1edf0; /* theme */
	background-image: url(../../Image/body-bg.gif) ; /* theme */
	background-position: center;
	background-attachment: fixed;
	background-repeat: repeat-y;
}
hr {
  border: none;
  background-color: #B4CBDF;
  color: #999;
  height: 1px;
}
th
{
    height: 20px;
    font-size: 9pt;
    font-weight: normal;
}
#container
{
	width: 1000px;
	margin: auto;
	background-color: #a39da1; /* theme */
	background-repeat: repeat-x;
}
#department
{
	margin-top: 10px;
	margin-bottom: 0px;
	width: 100%;
	height: 32px;
}
#loginmenu
{
	text-align: right;
	padding-right: 11px;
	font-size: 11px;
	letter-spacing: 1px;
	height: 20px;
	background-color: #a39da1; /* theme */
	color: #40373a;
}
#loginmenu ul
{
	margin: 0px;
}
#loginmenu li
{
	padding: 5px;
	display: inline;
	margin: 0px;
}
#loginmenu a
{
	text-decoration: none;
	color: Black;
}
#header
{
	padding: 10px 0px 10px 10px;
	height: 40px;
	background-color: #54494d; /* theme */
	background-image: url(../../Image/header-bg.jpg); /* theme */
	background-position: right top;
	background-repeat: no-repeat;
}
#header .logo
{
	width: 200px;
	height: 40px;
	float: left;
	cursor: pointer;
	background-image: url(../../Image/logo-hws.gif); /* theme */
	background-position: 5px 0px;
	background-repeat: no-repeat;
}
#menu
{
	margin-top: 15px;
	float: right;
	background-image: url(../../Image/menu-left-gra.gif); /* theme */
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: #1b1716; /* theme */
	padding: 3px 0px 3px 5px;
	font-size: 12px;
	letter-spacing: 0.8px;
}
#menu ul
{
	margin: 0px;
}
#menu li
{
	display: inline;
	margin: 0px;
}
#menu a
{
	text-decoration: none;
	color: #fff; /* theme */
	padding: 2px 5px;
}
#menu a:hover
{
	color: Black; /* theme */
	background-color: #efefef; /* theme */
}
#body
{
	margin: 10px;
}
#body .content-header
{
	height: 28px;
	background-image: url(../../Image/module-header.gif); /* theme */
}

#body .content-header .modulename
{
	width: 200px;
	height: 28px;
	background-image: url(../../Image/header-eftprofiler.gif); /* theme */
	background-repeat: no-repeat;
	background-position: 10px 8px;
	
}

#body .content-footer
{
	height: 8px;
	background-image: url(../../Image/module-footer.gif); /* theme */
	background-repeat: no-repeat;
}
#nav
{
	margin: 1px;
	font-size: 11px;
	letter-spacing: 1px;
	border-bottom: 1px solid #b7afad; /* theme */
	line-height: 10px;
	vertical-align: middle;
}
#nav ul
{
	margin: 0px;
}
#nav li
{
	padding: 5px;
	display: inline;
	margin: 0px;
}

#content
{
	background-color: #fff;
	background-image: url(../../Image/module-bg.gif); /* Theme */
	background-position: right bottom;
	background-repeat: no-repeat;
	border: 1px solid #54494d; /* Theme */
	border-bottom: none;
	padding: 10px;
}
#content h3
{
	margin: 7px 0px 7px 0px;
	font-weight: bold;
	font-size: 15px;
}
#content .description
{
	margin-top: 10px;
}
#content .description .title
{
	width: 400px;
	height: auto;
	font-size: 14px;
	font-weight: bold;
}
#content .description .text
{
	margin-top: -20px;
	margin-left: 220px;
}
#footer
{ 
	padding-left: 10px;
	text-align: left;
	font-size: 12px;
	margin-bottom: 10px;
	color: #101714;
}
#footer .item
{
	margin: 0px 15px;
	color: #555;
}

/* each content section of the page */
.field
{
	margin: 0px 0px 10px 0px;
	padding: 5px;
	font-size: 12px;
}
.field input, textarea
{
	border: 1px solid black;
}
.field table
{
	border: 0px;
	margin: 0px;
	padding: 0px;
}
.region
{
	background-color: #edf6ff; /* Theme */
	margin: 5px 0px 5px 0px;
	padding: 5px;
	font-size: 12px;
}
.region .title
{
	color: #54494d; /* Theme */
	padding: 0px;
	margin: 5px 0px 5px 0px;
	font-weight: normal;
	font-size: 13px;
}
/* section background */
.bg-active
{
	background-color: #E3E3E3; 
}

.bg-inactive
{
	background-color: #F2F2F2;
}

.active-background
{
	background-color: #f8f6f8;
}

.inactive-background
{
	background-color: #F2F2F2;
}

a
{
	text-decoration: none;
	color: #814d25; /* Theme */
}
a:hover
{
	text-decoration: underline;
}

.operation
{
	text-align: left;
}

.errors
{
	color: Maroon;
}

.title .text
{
	font-family: Times New Roman;
}

.internalTable
{
	width: 650px;
	text-align: left;
}


.LeftAlign
{
	text-align: left;
	padding-left: 5px;
}

.CentreAlign
{
	text-align:center;
}

.LightColor
{
	color: #666;
}


.ReportName
{
	margin-bottom: 2px;
}


/* staff discrepancy */
.colSolved
{
	color: Green;
}
.colIgnored
{
	color: Orange;
}
.colReported
{
	color: Red;
}
.colNormal
{
	color: black;
}


.DisplayTextBox
{
	margin:0px;
	padding:0px;
	width: 60px;
	border: 0px;
	font-size: 9pt;
	background-color: Transparent;
	color: #000;
}

.inlineNavbar
{
	padding: 0px;
	margin: 0px;
	text-align: left;
	list-style: none;
}

.inlineNavbar li
{
	background-color: #ddd;
	padding: 3px;
	margin: 0px;
	list-style: none;
	border: solid 1px #eee;
	display:inline;
	 
}

/* security-disabled link */
.secDisabled
{
	color: #aaa;
	text-decoration: none;
}
.secDisabled:hover
{
	color: #aaa;
	text-decoration: none;
}

/* admin */
div .adminPart
{
	border: solid #666 1px;
	background: #eee;
	padding: 5px;
	margin: 5px;
	margin-bottom: 10px;
}

.ShortBox
{
	overflow: hidden; 
	width:80px; 
	white-space: nowrap; 
}

.NoteBox
{
	padding:5px;
	font-size:9pt;
	color:#666;
	margin:5px 0px;
}

.SummaryBox
{
	padding:5px;
	font-size:9pt;
	background-color:#FFFFCC;
	margin:5px 0px;
}

.ScrollBox
{
	overflow: auto; 
	border: 1px solid #ccc;
	padding: 4px; 
	padding: 3px;
}
.divborder
{
  border: 1px solid #ccc;
}

/*
 * browser-specific fixes
 */

 /* ie6: remove visual artefacting in page footer */
#body .content-footer
{
	/* small font size means the footer won't be vertically expanded */
	font-size: 2pt;
}


.infoIcon
{ 
    background-repeat: no-repeat; 
    float:left;
    margin: 0; 
    padding: 0 5px 0 0; 
}


.divLink
{
    cursor:hand;
      
}

.eft-ul
{
	list-style-type:none;
    padding:0px;
    margin:0px;
}
.eft-ul li
{
    background-repeat:no-repeat;
    background-position:0px 2px; 
    height:22px;
    padding-left:26px;
}




.HorizontalLine
{
	background-color:#ccc; height:1px; border: 0;
}



/* week nav*/

.weekNavBar
{
	float: right;
	border: 1px solid #a39da1;
	background-color: #7f7f7f;
	color: #fff;
	margin: 2px;
	padding: 1px;
}

.weekNav
{
	border:1px solid #a39da1;
	background-color:#7f7f7f;
	color:#fff;
	padding:0px;
	margin:2px;
}



  
/* new yp styples*/
.ypplanningtable
{
	width: auto;
	display: none;
	width:220px;
	border:1px solid #999;
}

.ypplanningtable ul
{
	padding: 0px;
	margin: 0px;
}
.ypplanningtable ul li
{
	list-style: none;
	width:220px;
	overflow: hidden; 
	white-space: nowrap; 
	display:inline-block;
}

.wflegendtable
{
	display: none;
    visibility:hidden;
	border:1px solid #999;
	
}


/** user **/
.rightsRadioButton input
{
	width: 2em;
}


/* to be clean up*/


.link
{
	color: #814d25;
}

.hide
{
	display: none;
}

.vert
{
	/*writing-mode:tb-rl; */
	background-color: #DDD;
	text-align: left;
	padding: 5px;
	width: 15px;
}



/* SiteMenu */
.popupMenu
{
	position: absolute;
	color: #000;
	background-color: #814d25;
	display: none;
	border:1px solid #999;
	visibility:hidden;
	/*opacity:.9;
	filter: alpha(opacity=90);*/
}

.popupMenuHide
{
	display: none;
}

.popupHover 
{
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #000;
}

.ErrorContainerr{
 position: absolute;
 /*min-width:50px; */
 height: 25px;
 background-color:White;
}

.ErrorContentt{
 min-width:250px; 
 top: 10%;
 text-align:left;
 color:#CC0000;
}



.required-field
{
    background-color: #FFFFB7;
}
.wf-required-field-invalid{color: Red;}
.wf-required-field-valid{color: Black;}
.popupToggleHeader
{
    font-size: medium;
    font-weight: bold;
    text-align: left;
    padding: 0px 4px 2px 2px;
    cursor: pointer;
}

.toggleTable
{
    padding: 4px 1px 4px 0px;
}
.toggleTable:hover
{
	background-color: #E3E3E3;
}
.boolCol
{
    padding-left: 4px;
    padding-right: 4px;
    text-align: center;
    min-width: 20px;
}