@import url("font-awesome/4.7.0/css/font-awesome.min.css");

.white-txt { color: #fff; }
.blue-text { color: #3498db; }
.red-text { color: #e74c3c; }
.green-text { color: #2ecc71; }
.yellow-text { color: #f1c40f; }
.orange-text { color: #e67e22; }
.purple-text { color: #9b59b6; }

html.submenu {
	background: #FFF no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.navTxt {
	font-size:12px;
}

.menu_btn_container {

}

.menu_btn {
    text-shadow: 1px 1px 3px #bbbb;
    font-size: 40px;
		width:40px;
		padding: 10px 10px 10px 10px;
		border: 1px solid #ccc;
		border-radius: 7px;
		height: 40px;
		float: left;
}
html.menu {
	background: url(../images/menu_bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body {
	/* background: #FFFFFF; */
	color: #000000;
	font-size: 10px;
	font-family: Arial;
	
	margin-left: 8px;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
}
.normalSelect { 
	background-color:white; 
	color:black;
}
.warnSelect { 
	background-color:white; 
	color:red;
} 
.goSelect { 
	background-color:white; 
	color:green;
} 
.curse {
  cursor: pointer;
}
/* Link Styles */
A:link    { color: #000000; font-weight:bold; text-decoration:none }   /* unvisited links */
A:visited { color: #000000; font-weight:bold; text-decoration:none }   /* visited links   */
A:hover   { color: #e20031; font-weight:bold; text-decoration:none }   /* user hovers     */
A:active  { color: #e20031; font-weight:bold; text-decoration:none }   /* active links    */

A.edit:link    { color: #FF0000; font-weight:bold; text-decoration:none }   /* unvisited links */
A.edit:visited { color: #FF0000; font-weight:bold; text-decoration:none }   /* visited links   */
A.edit:hover   { color: #00FF00; font-weight:bold; text-decoration:none }   /* user hovers     */
A.edit:active  { color: #00FF00; font-weight:bold; text-decoration:none }   /* active links    */

A.count:link    { color: #0000FF; font-weight:bold; text-decoration:none }   /* unvisited links */
A.count:visited { color: #0000FF; font-weight:bold; text-decoration:none }   /* visited links   */
A.count:hover   { color: #FF0000; font-weight:bold; text-decoration:none }   /* user hovers     */
A.count:active  { color: #FF0000; font-weight:bold; text-decoration:none }   /* active links    */

A.message:link    { color: #FF0000; font-size:12px; font-weight:bold; text-decoration:none }   /* unvisited links */
A.message:visited { color: #FF0000; font-size:12px; font-weight:bold; text-decoration:none }   /* visited links   */
A.message:hover   { color: #0000FF; font-size:12px; font-weight:bold; text-decoration:none }   /* user hovers     */
A.message:active  { color: #0000FF; font-size:12px; font-weight:bold; text-decoration:none }   /* active links    */

/* Main Menu Style */
table.tblMenu { /* Encloses all other menu items */
	font-size: 12px;
	font-family: Arial;
	line-height: 18px;
	border: 0px dotted #0F375F;
	border-collapse: collapse;
  box-shadow: 1px 1px 6px #999999;
}
tr.mOverActive2 { /* has pointer */
/*	background-color: #EDF4FC;*/
	background-color: #FEF3D6;
	cursor: pointer;
	outline:dotted #0000AB thin;
}
#itemimage {
	  float:right;
	  border:none;
	  border-width:10px;
	  margin-right:5px;
	  margin-top:5px;
}
#tickimg {
      float:left;
     margin-right:10px;
	  margin-top:5px;
}
th.thMenu { /* Menu Headers */
	color: #000000;
	font-size: 18px;
	margin: 0px;
	padding: 2px;
	border: 0px solid #FFFFFF;
	background: #FFFFFF url(../images/tab-fade2.gif);
	line-height: 19px;
	font-family: Arial;
	color: #FFFFFF;
	background-color: #0F375F;
	padding-left: 25px;
	text-align: left ;
	height: 40px;
	text-shadow: 1px 1px #000000;
}
div.tdHint {
	  color:#BBB;
}
div.tdMenuLink {
    float:right;
}
td.tdMenu { /* Menu Cells */
	color: #000000;
    background: url(../images/tab-fade1.gif); 
	font-size: 16px;
	margin: 0px;
	padding-left: 25px;
	padding-right: 25px;
	border: 1px solid #d6d6d6;
	font-family: Arial;
	height : 45px;
	vertical-align:middle;
}
td.tdMenuHead {
    background: url(../images/menu_head.jpg) no-repeat;
	background-size:100% 100%;
	display:block;
}
td.tdMenuFoot {
    background: url(../images/menu_foot.jpg) no-repeat;
	background-size:100% 100%;
	display:block;
}
table.tblSubMenu { /* Encloses all other menu items */
	font-size: 12px;
	font-family: Arial;
	line-height: 18px;
	border: 1px solid #0F375F;
	border-collapse: collapse;
	padding:0px;
}
th.thSubMenu { /* Menu Headers */
	font-size: 22px;
	font-variant:small-caps;
	font-weight:bold;
	
	margin: 0px;
	padding: 0px;
	border: 0px solid #FFFFFF;
	line-height: 19px;
	font-family: Arial;
	color: #FFFFFF;
	background-color: #0F375F;
	align: left;
	height: 60px;
	text-shadow: 2px 2px #000000;
}
td.tdSubMenu { /* Menu Cells */
	color: #000000;
	background: #FFFFFF url(../images/tab-fade1.gif);
	font-size: 16px;
	font-family: Arial;
	border: 2px solid #EBE9E9;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	/*border: 1px solid #666666;*/
	height:45px;	
}
td.tdSubMenuEnd { /* Menu Cells */
	margin: 0px;
	border: 0px solid #FFFFFF;
	color: #FFFFFF; 
	background-color: #0F375F;
	text-align: center ;
	height: 8px;
}
tr.row_highlight {
   color:#FF0000;
   background:#DDDDDD;
   text-decoration:underline;
}
td.tdSupplier {
	 color: #000000;
	 font-size: 16px;
	 font-weight: bold;
	 background-color: #dedede;
	 padding: 5px 0px 5px 5px;
}
table {

}

td.tdWarning {
	color:#FFFFFF;
	font-size:12px;
	background-color:#f00;
	text-align:left;
	padding: 10px 10px 10px 10px ;
}
div.warning {
	font-size:14px;
	font-weight:bold;
}
td.tdEditHighlight { /*for row editing on lists */
    background-color: #CACACA;
		margin: 0px;
		padding: 5px;
		border: 0px solid #dbc0a7;
		font-size: 14px;
		font-weight:bold;
}
td.tdSettingEditHighlight { /*for row editing on the settings screen */
    background-color: #FEF3D6;
		margin: 0px;
		padding: 5px;
		border: 1px solid #FF9900;
		font-size: 14px;
		font-weight:bold;
}
/* Requisition Overview Cells */
td.tdMenuReq { 
	color: #000000;
    background: url(../images/tab-fade1.gif); 
	font-size: 16px;
	margin: 0px;
	padding-left: 25px;
	padding-right: 25px;
	border: 1px solid #d6d6d6;
	font-family: Arial;
	vertical-align:middle;
	font-weight:bold;
}
td.tdMenuReqItem { 
	color: #000000;
	font-size: 16px;
	margin: 0px;
	padding-left: 25px;
	padding-right: 25px;
	border: 1px solid #d6d6d6;
	font-family: Arial;
	vertical-align:middle;
}
td.tdMenuReqInfo { 
	color: #134470;
	background: url(../images/tab-fade1.gif);
	font-size: 12px;
	margin: 0px;
	padding-left: 25px;
	padding-right: 25px;
	border: 1px solid #d6d6d6;
	font-family: Arial;
	vertical-align:middle;
}
td.tdToolbarReq { /* Requisition Overview Cells */
	color: #000000;
    background: #DFDFDF; 
	font-size: 16px;
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #DFDFDF;
	height : 25px;
	font-family: Arial;
	vertical-align:middle;
}

/* Header on Detail Form */
table.tblHeader { /* Heading Main Table */ 
    font-size: 12px;
	font-family: Arial;
	line-height: 18px;
	border: 0px dotted #0F375F;
	border-collapse: collapse;
}  
td.tdMainDetail {
    font-size: 22px;
	font-weight: bold;
}
td.tdSubDetail {
    font-size: 12px;
	font-weight: normal;
}
table.tblMsgBar {
    background-color:#FF3300;
	width:100%;
}
td.tdMsgBar {
    background-color: #FF3300;
	height:35px;
}
tr.trHeader {
	background-color: #0F375F;
	border: 1px solid #0F375F;
	font-size: 18px;
	font-weight:bold;
	color:#FFFFFF;
}
tr.trDetail {
	border: 1px solid #0F375F;
	font-size: 12px;
	color:#000000;
}
td.tdHeader {
	font-size: 18px;
	margin: 0px;
	padding: 0px;
	border: 0px solid #FFFFFF;
	background: #FFFFFF url(../images/tab-fade2.gif);
	line-height: 19px;
	font-family: Arial;
	color: #FFFFFF;
	background-color: #0F375F;
	padding-left: 25px;
	text-align: left ;
	height: 40px;
	text-shadow: 1px 1px #000000;
	font-weight:bold;
}

/* Navigation on Detail Form*/
table.tblNavigate {
	background-color:#14426E;
	border:1px;
	border-collapse:collapse;
	border-style:solid;
	border-color:#14426E;
}

table.tblLegend {
	width:75%;  
	border:1px;
	text-align:center;
	border-style:solid;
	padding:1px;
	border-collapse:collapse;
	border-color:#999999;
	background-color: #EDF4FC;
}
tr.trNavigate {
    background-color: #EDF4FC;
}
td.tdNavigate { /*The navigate bar*/
	color: #000000;
	link: #FFFFFF;
	font-size: medium;
	margin: 0px;
	padding: 2px;
	border: 0px solid #FFFFFF;
	height : 50px;
}
td.tdNavigateBtn { /*The navigate bar*/
	color: #000000;
	link: #FFFFFF;
	font-size: medium;
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	border: 0px solid #FFFFFF;
	height : 50px;
}
td.tdNavigate1{ /*The navigate bar - active mode highlight*/
	color: #000000;
	link: #FFFFFF;
	font-size: medium;
	margin: 0px;
	padding: 2px;
	border: 2px solid #FF0000;
}

/* Fields $ Input on Detail Form */
table.tblForm {
  font-size: small;
}
td.tdFormLabel { /* Column names on input form */
	background-color: #FFFFFF;
	height: 35px;
	font-weight: bold;
	color:#000000;
	margin: 1px;
	padding-left: 25px;
	border: 1px solid #DEECFA;
	font-size: 11px;
}
td.tdFormInput { /* Input Fields on input form */
	background-color: #ffffff;
	border: 0px ridge #000000;
	padding-left: 25px;
	font-weight: normal;
	font-size: 12px;
}
td.tdFormInfo { /* Static Text for Readonly fields */
    background-color: #EDF4FC;
	height: 25px;
	font-weight: normal;
	color: #0F375F;
	margin: 1px;
	padding-left: 25px;
	border: 1px solid #EDF4FC;
	font-size: 12px;
}
td.tdReq_No {
    font-size: 36px;
	color: #0F375F;
	text-align:right;
	font-weight:bold;
	padding-right:15px;
	text-shadow: 1px 1px #000000;
	letter-spacing:2px;
}
/* Save Bar on Detail Form */
tr.trSave {
    background-color: #EDF4FC;
}
/* NAvigate Bar on List Form */
table.tblNavigateDetail { 
	background-color:#14426E;
	border:1px;
	border-collapse:collapse;
	border-style:solid;
	border-color:#14426E;
}

td.tdNavigateDetail { /*The navigate bar*/
	 background-color: #EDF4FC;
	/*background: #FFFFFF url(../images/tab-fade3.gif);*/
	color: #000000;
	link: #FFFFFF;
	font-size: medium;
	margin: 0px;
	padding: 4px;
	height : 25px;
	vertical-align:middle;
}

/*List form Search Bar */
table.tblSearch {
	font-size: small;
}
tr.trSearch {
	border: 0px solid #EDF4FC;
	background-color: #EDF4FC;
}
td.tdSearch { /*For the search bar in a list form*/
	border: 0px solid #dda36a;
}

/* List form Column Headers */
table.tblList {
}
table.tblInfo1 {
  background-color:#f2f2ff;
  border:dotted thin;
}
table.tblInfo2 {
  background-color:#FFFFFF;
  border:dotted thin;
}
td.tdListLabel {
  font-size:16px;
  font-weight:bold;
  background-color:#EDF4FC;
  padding-left:10px;
}
td.tdListLabelRed {
  font-size:16px;
  font-weight:bold;
  background-color:#FFBBBB;
  padding-left:10px;
}
td.tdListTotal {
  font-size:16px;
  font-weight:bold;
  background-color:#EEEEEE;
  padding-left:10px;
}
td.tdListGroup {
  font-size:16px;
  font-weight:bold;
  background-color:#EEEEEE;
  padding-left:10px;
}
tr.trHead { /*Used in list forms for the table columns which are above the edit & delete j3_icon*/
  background-color: #0F375F;
	margin: 0px;
	padding: 2px;
	border: 0px solid #B6CCD8;
	color: #FFFFFF;
}
th.tdHead { /*Used in the List forms table column names */
    background-color: #0F375F;
	margin: 0px;
	padding: 2px;
	border: 0px solid #dbc0a7;
	color: #FFFFFF;
	font-size: 11px;
}
th.tdSubHead { /*Used in the Jobs BOM stock column names */
  background-color: #F3F3F3;
	margin: 0px;
	padding: 2px;
	border: 0px solid #dbc0a7;
	color: #666;
	font-size: 11px;
	font-weight:bold;
}
/* List Form Detail Rows */
td.tdDetail {
	margin: 0px;
	padding: 2px;
	border: 0px solid #dbc0a7;
	font-size: 11px;
}
td.tdDetailLrg {
	margin: 0px;
	padding: 4px;
	border: 0px solid #dbc0a7;
	font-size: 14px;
}
td.tdDetailGreen {
	margin: 0px;
	padding: 2px;
	border: 0px solid #dbc0a7;
	font-size: 11px;
	color:#006600;
	font-weight:bold;
}
td.tdDetailLrgGreen {
	margin: 0px;
	padding: 3px;
	border: 0px solid #dbc0a7;
	font-size: 14px;
	color:#006600;
	font-weight:bold;
}
td.tdDetailLrgCyan {
	margin: 0px;
	padding: 3px;
	border: 0px solid #dbc0a7;
	font-size: 14px;
	color:#00CCFF;
	font-weight:bold;
}
td.tdDetailLrgOrange {
	margin: 0px;
	padding: 3px;
	border: 0px solid #dbc0a7;
	font-size: 14px;
	color:#FF9900;
	font-weight:bold;
}
td.tdDetailGrey {
	margin: 0px;
	padding: 2px;
	border: 0px solid #dbc0a7;
	font-size: 11px;
	color:#AAAAAA;
	font-weight:normal;
}
td.tdDetailLrgGrey {
	margin: 0px;
	padding: 3px;
	border: 0px solid #dbc0a7;
	font-size: 14px;
	color:#AAAAAA;
	font-weight:normal;
}

td.tdDetailMaroon {
	margin: 0px;
	padding: 2px;
	border: 0px solid #dbc0a7;
	font-size: 11px;
	color:#900;
/*	font-weight:bold; */
}
td.tdDetailLrgMaroon {
	margin: 0px;
	padding: 3px;
	border: 0px solid #dbc0a7;
	font-size: 14px;
	color:#900;
/*	font-weight:bold; */
}
td.tdDetailRed {
	margin: 0px;
	padding: 2px;
	border: 0px solid #dbc0a7;
	font-size: 11px;
	color:#BB0000;
/*	font-weight:bold; */
}
td.tdDetailLrgRed {
	margin: 0px;
	padding: 3px;
	border: 0px solid #dbc0a7;
	font-size: 14px;
	color:#BB0000;
/*	font-weight:bold; */
}
td.tdDetailPurple {
	margin: 0px;
	padding: 2px;
	border: 0px solid #dbc0a7;
	font-size: 11px;
	color:#6B0CE0;
/*	font-weight:bold; */
}
td.tdDetailLrgPurple {
	margin: 0px;
	padding: 3px;
	border: 0px solid #dbc0a7;
	font-size: 14px;
	color:#6B0CE0;
/*	font-weight:bold; */
}
td.tdDetailBlue {
	margin: 0px;
	padding: 2px;
	border: 1px solid #666666; 
	font-size: 11px;
	color:#0000CC;
	font-weight:bold;
}
td.tdDetailBlueDim {
	margin: 0px;
	padding: 2px;
	border: 0px solid #dbc0a7;
	font-size: 11px;
	color:#0000CC;
	font-weight:normal;
}
td.tdDetailOrange {
	margin: 0px;
	padding: 2px;
	border: 0px solid #dbc0a7;
	font-size: 11px;
	color:#FF9900;
	font-weight:bold;
}
td.tdDetailLrgBlue {
	margin: 0px;
	padding: 3px;
	border: 0px solid #dbc0a7;
	font-size: 14px;
	color:#0000CC;
/*	font-weight:bold; */
}
td.tdDetailLrgInactive {
	margin: 0px;
	padding: 3px;
	border: 0px solid #dbc0a7;
	font-size: 14px;
	color:#BB0000;
	text-decoration: line-through;
/*	font-weight:bold; */
}
td.tdGreen {
    margin: 0px;
	padding: 2px;
	border: 0px solid #dbc0a7;
	font-size: 14px;
	color: #FFFFFF;
	background-color:#009900;
	font-weight:bold; 
}
td.tdRed {
    margin: 0px;
	padding: 2px;
	border: 0px solid #dbc0a7;
	font-size: 14px;
	color: #FFFFFF;
	background-color:#FF0000;
	font-weight:bold; 
}
img.link {
  cursor:pointer;
}

tr.mOver {
	background-color: #EDF4FC;
}
tr.trLine1 {
    background-color: #FFFFFF;
}
tr.trLine2 {
    background-color: #f3f4ff;
}
tr.trDelete {
    background-color: #FFCCFF;
	border: #FF0000 double;
}
td.tdFormLabelList { /* Column names on list form when listing complex lists*/
	height: 25px;
	font-weight: bold;
	color:#000000;
	margin: 1px;
	padding-left: 10px;
	border: 0px outset #000000;
	font-size: 12px;
}
td.tdFormInfoList { /* Column names on list form when listing complex lists*/
	height: 15px;
	font-weight: normal;
	color:#0000FF;
	margin: 1px;
	padding-left: 10px;
	border: 0px outset #000000;
	font-size: 12px;
}
/* Footer */
table.tblFooter {
	font-size: x-small;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	/*text-transform: lowercase; */
}

/* Login Screen */
html.login { 
  background: url(../images/login_bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
div.login_footer {
   bottom:0;
    position:fixed;
    z-index:150;
    _position:absolute;
    _top:expression(eval(document.documentElement.scrollTop+
        (document.documentElement.clientHeight-this.offsetHeight)));
    height:55px;
	width:98%;
	text-align:center;
}
div.login_box {
     padding-top:25px;
	 width: 400px;
     height: auto;
     margin: auto;
	 border-radius: 18px;
     background-color: #ffffff;
     border: 1px solid black;
     opacity: 0.7;
     filter: alpha(opacity=70); /* For IE8 and earlier */
     text-align:center;
}
div.login_item {
	 height:50px;
	 vertical-align:middle;
	 text-align:center;
	 padding-left:25px;
	 padding-right:25px;
}
div.login_header {
     font-family: sans-serif;
	 font-size: 18px;
	 font-weight: bolder;
	 color: #203139;
}
input.username {
  /*display: block;*/
  margin: 0;
  width: 200;
  font-family: sans-serif;
  font-size: 16px;
  appearance: none;
  box-shadow: none;
  border-radius: 7px;
  padding-left:8px;
  padding-bottom:8px;
  padding-right:8px;
  padding-top:8px;
  text-align:center;
}
.style-1 input.username {
  padding: 10px;
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
}
input.username:focus,
input.username.focus {
  border: solid 1px #FF0000;
  box-shadow: 0 0 5px 1px #969696;
}
input.password:focus,
input.password.focus {
  border: solid 1px #FF0000;
  box-shadow: 0 0 5px 1px #969696;
}
input.password {
  /*display: block;*/
  margin: 0;
  width: 200;
  font-family: sans-serif;
  font-size: 16px;
  appearance: none;
  box-shadow: none;
  border-radius: 7px;
  padding-left:8px;
  padding-bottom:8px;
  padding-right:8px;
  padding-top:8px;
  text-align:center;
}
div.login_logo {
  padding-bottom:25px;
}

/* Tabs */
td.tdTab {
	background-color: #EDF4FC;
	border: 2px solid #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	width:20%;
	padding:5px;
}
td.tdTabSelect {
	background-color: #FFFED3;
	border: 2px solid #0F375F;
	font-size: 16px;
	font-weight: bold;
	width:20%;
	padding:5px;
}

td.tdTabHot {
	background-color: #FFFFFF;
	border: 2px solid #F9F0F5;
	font-size: 18px;
	margin: 0px;
	padding: 0px;
	line-height: 19px;
	font-family: Arial;
	color: #000000;
	padding-left: 25px;
	text-align: left ;
	height: 40px;

	font-weight:bold;
}
td.tdTabHotSelect {
	border: 0px solid #FFFFFF;
	background: #FFFFFF url(../images/tab-fade2.gif);
	font-size: 18px;
	margin: 0px;
	padding: 0px;
	line-height: 19px;
	font-family: Arial;
	color: #FFFFFF;
	background-color: #0F375F;
	padding-left: 25px;
	text-align: left ;
	height: 40px;
	text-shadow: 1px 1px #000000;
	font-weight:bold;
}
td.tdTabSmall {
	background-color: #EDF4FC;
	border: 2px solid #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	width:7%;
	padding:5px;
}
td.tdTabSelectSmall {
	background-color: #FFFED3;
	border: 2px solid #0F375F;
	font-size: 11px;
	font-weight: bold;
	width:7%;
	padding:5px;
}
/* FILE UPLOADER /uploader */
#loader{
   visibility:hidden;
}
label {
	padding: 0px;
	text-align: center;
}
.msg {
	text-align:left;
 	color:#666;
	background-repeat: no-repeat;
 	margin-left:30px;
   margin-right:30px;
	padding:5px;
   padding-left:30px;
}

.emsg {
	text-align:left;
	margin-left:30px;
   margin-right:30px;
	color:#666;
	background-repeat: no-repeat;
	padding:5px;
   padding-left:30px;
}
#f1_upload_form{
   height:75px;
}

#f1_error{
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight:bold;
   color: #FF0000;
}

#f1_ok{
   font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
   font-weight:bold;
   color:#00FF00;

}

#f1_upload_form {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}

#f1_upload_process{
   z-index:150;
   visibility:hidden;
   position:absolute;
   text-align:center;
   width:400px;
}

/* Humanity style sheet for jQuery Datepicker v4.1.0. */
.datepick {
	background-color: #f4f0ec;
	color: #1e1b1c;
	border: 1px solid #cb842e;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
	font-family: Arial,Helvetica,Sans-serif;
	font-size: 110%;
}
.datepick-rtl {
	direction: rtl;
}
.datepick-popup {
	z-index: 1000;
}
.datepick-disable {
	position: absolute;
	z-index: 100;
	background-color: white;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.datepick a {
	color: #1e1b1c;
	text-decoration: none;
}
.datepick a.datepick-disabled {
	color: #888;
	cursor: auto;
}
.datepick button {
    margin: 0.25em;
    padding: 0.125em 0em;
    background-color: #ede4d4;
    border: none;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    font-weight: bold;
}
.datepick-nav, .datepick-ctrl {
	float: left;
	width: 100%;
	background-color: #ede4d4;
	font-size: 110%;
	font-weight: bold;
}
.datepick-ctrl {
	background-color: #cb842e;
}
.datepick-cmd {
	width: 30%;
}
.datepick-cmd:hover {
	background-color: #f4f0ec;
}
.datepick-cmd-prevJump, .datepick-cmd-nextJump {
	width: 8%;
}
a.datepick-cmd {
	height: 1.5em;
}
button.datepick-cmd {
	text-align: center;
}
.datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear {
	float: left;
	padding-left: 2%;
}
.datepick-cmd-current, .datepick-cmd-today {
	float: left;
	width: 35%;
	text-align: center;
}
.datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close {
	float: right;
	padding-right: 2%;
	text-align: right;
}
.datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump,
.datepick-rtl .datepick-cmd-clear {
	float: right;
	padding-left: 0%;
	padding-right: 2%;
	text-align: right;
}
.datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today {
	float: right;
}
.datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump,
.datepick-rtl .datepick-cmd-close {
	float: left;
	padding-left: 2%;
	padding-right: 0%;
	text-align: left;
}
.datepick-month-nav {
	float: left;
	text-align: center;
}
.datepick-month-nav div {
	float: left;
	width: 12.5%;
	margin: 1%;
	padding: 1%;
}
.datepick-month-nav span {
	color: #888;
}
.datepick-month-row {
	clear: left;
}
.datepick-month {
	float: left;
	width: 17em;
	border: 1px solid #e0cfc2;
	text-align: center;
}
.datepick-month-header, .datepick-month-header select, .datepick-month-header input {
	height: 1.5em;
	background-color: #cb842e;
	color: #fff;
	font-weight: bold;
}
.datepick-month-header select, .datepick-month-header input {
	height: 1.4em;
	border: none;
}
.datepick-month-header input {
	position: absolute;
	display: none;
}
.datepick-month table {
	width: 100%;
	border: 2px solid transparent;
	border-collapse: collapse;
}
.datepick-month th, .datepick-month td {
	margin: 0em;
	padding: 0.125em;
	font-weight: normal;
	text-align: center;
}
.datepick-month td.datepick-week,
.datepick-month td.datepick-week * {
	background-color: #cb842e;
	color: #fff;
	border: 1px solid #cb842e;
}
.datepick-month a {
	display: block;
	width: 100%;
	padding: 0.125em 0em;
	background-color: #ede4d4;
	color: #000;
	border: 1px solid #cdc3b7;
	text-decoration: none;
}
.datepick-month a, .datepick-month span {
	display: block;
	margin-top: 0.25em;
}
.datepick-month a {
	background-color: #ede4d4;
	color: #444;
	border: 1px solid #cdc3b7;
	text-decoration: none;
}
.datepick-month td span {
	color: #888;
}
.datepick-month td .datepick-other-month {
	background-color: #f4f0ec;
}
.datepick-month td .datepick-today {
	background-color: #f5f5b5;
	border: 1px solid #d9bb73;
}
.datepick-month td .datepick-highlight {
	background-color: #f5f0e5;
	color: #1e1b1c;
	border: 1px solid #f5ad66;
}
.datepick-month td .datepick-selected {
	background-color: #cb842e;
	color: #fff;
	border: 1px solid #cb842e;
}
.datepick-status {
	clear: both;
	text-align: center;
}
.datepick-clear-fix {
	clear: both;
}

/* FROM HERE I HAVE NOT TESTED YET - COULD BE DELETED THOUGH*/

tr {
}
tr.trMenu{
}
tr.trAdd{
    font-siza: medium;
	font-style: normal;
}
td {
}
td.tdDisplay { 
	background-color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	border: 0px outset #000000;
}
td.tdNavigateRep {
	color: #000000;
	link: #FFFFFF;
	font-size: medium;
	margin: 0px;
	padding: 0px;
	border: 0px solid #666666;
}
td.tdDetailRep {
	margin: 0px;
	padding: 0px;
	border: 0px solid #FFFFFF;
}
td.tdDetail1{
    color: #FFA200;
	margin: 0px;
	padding: 2px;
	border: 1px solid #666666;
}
td.tdDetail2 {
    color: #CFCFCF;
	margin: 0px;
	padding: 2px;
	border: 0px solid #666666;
}
td.tdDetail3 {
    color: #00811B;
	margin: 0px;
	padding: 2px;
	border: 0px solid #666666;
}
td.tdDetail4 {
    color: #D70000;
	margin: 0px;
	padding: 2px;
	border: 0px solid #666666;
}
h1 {
	color: #000000;
	text-transform: capitalize;
	text-decoration: underline;
}
h1.h1Header { /*Header text */
	color: #FFFFFF;
	text-transform: none;
	text-decoration: none;
	background-color: #336799;
}
h2 {
	color: #FFFF66;
}
h3, h4 {
	color: #333333;
	text-transform: capitalize;
}
h5, h6 {
	color: #6699CC;
}