/* Minification failed. Returning unminified contents.
(13,9): run-time error CSS1036: Expected expression, found '#'
 */
body { /*color: #333333;*/ /*text-align: center;*/ /*background-color:whitesmoke; /*font-family: "Century Gothic", Verdana, Calibri;*/
	margin-left: 25px;
	margin-right: 25px;
	margin-bottom: 10px;
	font-family: "Century Gothic",sans-serif;
}
#bodymvc {
	margin-left: 25px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-top: 7px;
	font-family: "Century Gothic",sans-serif;
	color: ##cccccc;
}

/*****************************************************************************************/
/************************************** Start --> Master *********************************/
/*****************************************************************************************/

#div_bodycontainer {
	margin-left: auto; /* So its centered */
	margin-right: auto; /* So its centered */
	width: 810px; /* 20 (marging left div_logo) + 760 (bmmoto) + 20 (marging right div_logo) */
	/*border:solid thin;
	border-color:green;*/
}
#div_bodycontainermvc {
	margin-left: auto; /* So its centered */
	margin-right: auto; /* So its centered */
	margin-top: 9px;
	width: 810px; /* 20 (marging left div_logo) + 760 (bmmoto) + 20 (marging right div_logo) */
}
#div_topmenu {
	padding-right: 20px;
	font-size: small;
	position: relative;
	float: right;
	margin-top: 7px;
}

#div_menuandlogo {
	margin-left: auto;
	margin-right: auto;
	width: 810px;
}

a.a_div_greylink {
	color: #7e7e7e; /*  #; Greyish */
	text-decoration: underline;
}
	a.a_div_greylink:link, a.a_div_greylink:visited {
		color: #7e7e7e; /*  #; Greyish */
		text-decoration: underline;
	}
a.a_div_topmenu {
	color: white; /*  #7e7e7e; Greyish */
	text-decoration: underline;
}



#div_logo {
	margin-top: -5px;
	margin-left: 15px;
	margin-right: 5px;
	/*width: 660px; which is the width of the moto*/
	background-image: url(../images/BMmoto.png);
	background-repeat: no-repeat;
	background-position: center;
}
 
#footer {
	margin-left: auto;
	margin-right: auto;
	width: 810px;
	margin-top: 20px;
	color: white;
	background: url(../images/footer.png);
	background-repeat: no-repeat;
	height: 46px;
}


/*	NEW    */
#div_bodycontainerwx {
	margin-left: auto; /* So its centered */
	margin-right: auto; /* So its centered */
	width: 810px; /* 20 (marging left div_logo) + 760 (bmmoto) + 20 (marging right div_logo) */
}
#div_headerwithlogowx {
	margin-left: auto;
	margin-right: auto;
	height: 100px;
	background-color: #00462D;
}
.div_leftlogowx {
	float: left;
	margin: 15px 0px 0px 50px;
}
.div_rightidentity {
	float: right;
	margin: 15px 30px 0px 0px;
	color: white;
}
a.a_div_topmenuwx, a.a_div_topmenuwx:link, #a.a_div_topmenuwx:visited {
	color: white;
	text-decoration: none; /* to remove the underline */
}
	/*a.a_div_topmenuwx:link, a.a_div_topmenuwx:visited {
		color: white;*/
		/*		text-align: center;*/
		/*text-decoration: none;*/
		/*		display: inline-block;*/
	/*}*/

/***************************************************************************************/
/************************************** End --> Master *********************************/
/***************************************************************************************/


#div_bodycontainerCtrl {
	margin-left: auto;
	margin-right: auto;
	width: 100% !important; /* to override the parent width */
}

.fontloginbmmessage{
	font-size: 36px;
	font-weight: bold;
	color: white;
}
.fontloginmessage {
	font-size: 18px;
	font-weight: bold;
	color: white;
}
.fontlogintxt {
	font-size: 12px;
	color: gray;
}


a img { /* for all image links */
	border:0;
}
.img_TRElogo_topright {
	margin-top: -6px;
	margin-right: 9px;
	margin-bottom: -10px;
	/*background-image:url(../images/TRElogo/B&MTRE_WEB_200px.png);*/
	background-repeat:no-repeat;
}
.img_TRElogo_topright.woods{
	 margin-top: -1px;
}
.immg_withcaption {
	opacity: 0.3;
	position: absolute;
	transform: translate(-70%, -30%);
}
.img_Unibacktomain {
    margin :0px 5px 5px 10px; 
    background-repeat: no-repeat;
}

.div_centre {
	margin: 5px auto 5px auto; /* margin shorthand property in this order: top right bottom left */
}

/*.div_centerednowidth {
	margin-left: auto; 
	margin-right: auto;
	width: 100%;
}*/
.div_centrewidth610 {
    margin-left: auto; /* So its centered */
    margin-right: auto; /* So its centered */
    width: 610px; /* 20 (marging left div_logo) + 760 (bmmoto) + 20 (marging right div_logo) */
}
    .div_centrewidth610.marginT5 {
        margin-top: 5px;
    }

.div_centrewidth810 {
	margin-left: auto; /* So its centered */
	margin-right: auto; /* So its centered */
	width: 810px; /* 20 (marging left div_logo) + 760 (bmmoto) + 20 (marging right div_logo) */
}
.div_centrewidth810.marginT10 {
	margin-top:10px;
}
	.div_centrewidth810.marginT20padding9 {
		margin-top: 20px;
		padding: 9px 9px 9px 9px;
	}
		.div_centrewidth810.marginT20padding9.border {
			border-style: groove;
			border-width: 1px;
			border-color: #f59e33;
		}

.div_centrewidth840 {
	margin-left: auto; /* So its centered */
	margin-right: auto; /* So its centered */
	width: 840px; /* 20 (marging left div_logo) + 760 (bmmoto) + 20 (marging right div_logo) */
}
    .div_centrewidth840.marginTn4padding9border {
        margin-top: -4px;
        padding: 9px 9px 9px 9px;
        border-style: groove;
        border-width: 1px;
        border-color: #f59e33;
        background-color: #faeee4;
    }
    .div_centrewidth840.marginT4padding9border {
        margin-top: 4px;
        padding: 9px 9px 9px 9px;
        border-style: groove;
        border-width: 1px;
        border-color: #f59e33;
        background-color: #faeee4;
    }
    .div_centrewidth840.marginT1padding9 {
        margin-top: 1px;
        padding: 9px 9px 9px 9px;
    }
        .div_centrewidth840.marginT1padding9.greenish {
            border-style: groove;
            border-width: 1px;
            border-color: #99cc66;
            background-color: #fafbfa;
        }
	.div_centrewidth840.marginT10padding9 {
		margin-top: 10px;
		padding: 9px 9px 9px 9px;
	}
		.div_centrewidth840.marginT10padding9.border {
			border-style: groove;
			border-width: 1px;
			border-color: #f59e33;
            background-color: #faeee4;
		}
        .div_centrewidth840.marginT10padding9.greenish {
            border-style: groove;
            border-width: 1px;
            border-color: #99cc66;
            background-color: #fafbfa;
        }


.div_centrewidth940 {
    margin-left: auto; /* So its centered */
    margin-right: auto; /* So its centered */
    width: 1050px; /* 20 (marging left div_logo) + 760 (bmmoto) + 20 (marging right div_logo) */
    margin-top: 5px;
    margin-bottom: 5px;
}

.div_centrewidth1100marginT10 {
	margin-left: auto; /* So its centered */
	margin-right: auto; /* So its centered */
    width: 900px; /* 20 (marging left div_logo) + 760 (bmmoto) + 20 (marging right div_logo) */
	margin-top: 10px;
}

.div_imgcontainer {
	position: relative;
	text-align: left;
}

.div_containercentre {
	margin-top: 4px;
	margin-left: auto;
	margin-right: auto;    
	border:solid 1px;
	border-color:green;
	padding-right:6px;
	padding-bottom:6px;
}
	.div_containercentre.green {
		background:#99cc66; /*corp green;*/      
		border-color:#999999; /*corp grey*/
	}
.div_containermenu {
	margin: 15px 60px 10px 60px; /* margin shorthand property in this order: top right bottom left */
	border: solid 1px;
	border-color: #366e9d;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
}
	.div_containermenu.topleftborderwidthgreen {
		margin: 8px 0px 0px 150px;
		border: solid 1px;
		border-color: #99cc66; /*corp green;*/
		width: 64%;
	}
        .div_containermenu.topleftborderwidthgreen.wider {
            width: 90%;
            margin-left: 40px;
        }

		.div_containermenu.topleftborderwidthgreen.blue {
			border-color: #366e9d;
		}
		.div_containermenu.L100borderwidthgreen {
			border: solid 1px;
			border-color: #99cc66; /*corp green;*/
			width: 22%;
			margin-left: 40px;
		}
	.div_containermenu.Borderwidthgreen {
		border: 1px solid #99cc66;
		/*corp green;*/
		width: 22%;
		margin-left: 20px;
    margin-right: 31px;
    margin-top: 15px;
    margin-bottom: 10px;
}
	.div_containermenu.L100borderwidthgreen.L20 {
		margin-left: 20px;
	}
	.div_containermenu.zborderwidthgreen {
		border: solid 1px;
		border-color: #99cc66; /*corp green;*/
	}
	.div_containermenu.gray {
		border-color:gray;
	}
	.div_bordergreen {
		border: 1px solid #99cc66;
	}



/*******************************************************************************************************************************************/
/************************************** Start --> sorted A to Z (notice that tables td and th are mixed up *********************************/
/*******************************************************************************************************************************************/

.hyperlinklookup:link {
	color: black;
	background-color: transparent;
	text-decoration: underline;
}
.hyperlinklookup:hover {
	color: darkgreen;
	background-color: transparent;
	text-decoration: overline;
	font-weight: bold;
	font-size: larger;
}
.hyperlinklookup:active {
	color: green;
	background-color: darkseagreen;
	text-decoration: none; /* to remove the underline */
}
		.hyperlinklookup.bold {
			font-weight: bold;
		}
	.hyperlinklookup.marginL130 {
		margin-left: 130px;
	}
	.hyperlinklookup.marginL140 {
		margin-left: 140px;
	}
		.hyperlinklookup.marginL140.bold {
			font-weight: bold;
		}
	.hyperlinklookup.marginL300 {
		margin: 0px 0px 0px 300px;
	}
.hyperlinklookup.overunderline {
	text-decoration: overline underline;
}


.hyperlinkrecon:link {
    color: black;
    background-color: transparent;
    text-decoration: underline;
}

.hyperlinkrecon:hover {
    color: #0d55c7;
    background-color: transparent;
    text-decoration: overline;
    font-weight: bold;
}



.hyperlinkUniwhitelink:link {
	text-decoration: none; /* no underline */
}
.hyperlinkUniwhitelink:hover {
	color: yellow;
	/*background-color: transparent;*/
	/*text-decoration: overline;*/
	font-weight: bold;
}

.linkbutton {
	display: inline-block;
	padding-bottom: 1px;
	padding-top: 1px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 13px;
	font-weight:bold;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 2px solid #366e9d;
	border-radius: 6px;
	color: black;
	background-color: lightblue;
	text-decoration: none;
}


a.a_bottommenu:link {
	color: white;
	background-color: transparent;
	text-decoration: none; /* to remove the underline */
}

a.a_bottommenu:visited {
	color: #e6f7bd;
	background-color: transparent;
	text-decoration: none; /* to remove the underline */
}

a.a_bottommenu:hover {
	color: white;
	background-color: transparent;
	text-decoration: underline;
	font-weight: bold;
	font-style: oblique;
}

a.a_bottommenu:active {
	color: white;
	background-color: transparent;
	text-decoration: underline;
}


a.a_div_topmenu.login {
	color: #42A545; /* greenish */
}
a.a_div_topmenu.loggedin {
	color: white; /* new orange */
}
a.a_div_topmenu.loggedinenterdata {
	color: white; /* new orange */
	float: right;
}

a.a_linkourprocess:link {
	color: #999999; /*corp grey*/
	background-color: transparent;
	text-decoration: none;
}

a.a_linkourprocess:visited {
	color: black;
	background-color: transparent;
	text-decoration: none;
}

a.a_linkourprocess:hover {
	color: #999999;
	background-color: transparent;
	text-decoration: underline;
	font-weight: bold;
	font-style: oblique;
}

a.a_linkourprocess:active {
	color: black;
	background-color: transparent;
	text-decoration: underline;
}


a.a_tollerance {
	/*color:black;*/
	color: blue;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
	vertical-align: top;
	width: 5px;
}
	a.a_tollerance.pages {
		color: black;
		font-weight: normal;
	}

	a.a_tollerance:hover {
		color: #834224; /* Brown of the menu separator */
		/*background-color:transparent;*/
		text-decoration: none; /* to remove the underline */
		font-style: oblique;
	}

a.a_intransitsummary {
	color: #222121; /* greyish */
	font-size: 15px;
	font-weight: bold;
	text-decoration: underline;
	vertical-align: middle;
	margin-left: 5px;
}
	a.a_intransitsummary:hover {
		color: #834224; /* Brown of the menu separator */
		/*background-color:transparent;*/
		text-decoration: none;
		font-style: oblique;
	}

a.a_linkedcodes {
	/*position: absolute;
	right: 200px;*/
	color: #222121; /* greyish */
	font-size: 12px;
	font-style: italic;
	/*font-weight: bold;*/
	text-decoration: underline;
	vertical-align: middle;
   /* margin-left: 515px; */
}
a.a_linkedcodes.marginL100 {
	margin-left: 100px; 
}
	a.a_linkedcodes:hover {
		color: #834224; /* Brown of the menu separator */
		/*background-color:transparent;*/
		text-decoration: none;
		font-style: oblique;
	}

a.a_substringfiles {
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	/*vertical-align: middle;*/
	font-family: "Century Gothic",sans-serif;
	display: inline-block; /* Need this so the margin-bottom works */
	margin-bottom: 10px;
}
	a.a_substringfiles:hover {
		color: #834224; /* Brown of the menu separator */
		text-decoration: none; /* to remove the underline */
		font-style: oblique;
	}

a.a_hyperfont11 {
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}
	a.a_hyperfont11:hover {
		color: #834224; /* Brown of the menu separator */
		text-decoration: none;
		font-style: oblique;
	}


a.a_statssummaryfont14 {
	/*color: #222121;*/ /* greyish */
	font-size: 14px;
	/*font-weight: bold;*/
	text-decoration: underline;
	vertical-align: middle;
	/*margin-left: 5px;*/
}
	a.a_statssummaryfont14:hover {
		color: #834224; /* Brown of the menu separator */
		text-decoration: none; /* to remove the underline */
		font-style: oblique;
	}


a.QualityAccordion:link {
	text-decoration: none;
	font-style: normal;
	color: white;
}

a.QualityAccordion:visited {
	text-decoration: none;
	color: black;
}




.accordion_headerCssClass {
	margin-top: 5px;
	background-color: #99cc66; /*#004646;  */
	color: black;
	border: 1px solid black;
	padding: 4px;
	margin-left: 3px;
}

.accordion_headerSelectedCss {
	margin-top: 2px;
	background-color: #999999;
	color: white;
	border: 1px solid black;
	padding: 4px;
	font-weight: bold;
	margin-left: 3px;
}


.backgroundcolblueish {
	background-color: #bfd7df;
}
.backgroundcoldarkbluegreen {
	background-color: #004153;
}
.backgroundcolverypaleblue {
	background-color: #d1deeb;
}

.backgroundcolorangish {
	background-color: #fcaa6f;
}
.backgroundcolordarkred {
	background-color: #862323;
	color: white;
}

.border2marginspaddings {
	border: solid 1px;
	/*border-color: navy; *//* orange of the black tabs: fcac1b */
	margin: 0px 0px 0px 6px; /* margin shorthand property in this order: top right bottom left */
	padding: 13px 0px 13px 0px;
}
	.border2marginspaddings.darkred {
		border-color: #9f2800;
	}

.butDelete {
	/*display: inline-block;*/
	padding: 2px 10px 2px 10px;
	/*padding-bottom: 2px;
	padding-top: 2px;*/
	font-size: 17px;
	font-weight: bold;
	background-color: #dcecf2;
	color: red;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 2px solid red;
	border-radius: 12px;
	position: relative;
	/*margin-left: 270px;*/

}


.butLogin {
	display: inline-block;
	padding: 6px 12px;
	font-size: 14px;
	color: white;
	background-color: #008241;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #008241;
	width: 100px;
}


.but_okmodalpopupwood {
	color: white;
	background: #191818; /* Blackish */
	width: 50px;
	height: 33px;
	border-color: white;
	border-width: 3px;
	border-radius: 18px;
	font-size: 16px;
	/* Absolute because of the position within parent (a panel) */
	/*position: absolute; 
	right: 25px;
	bottom: 25px;
	top: 250px;*/
	position: relative;
	left: 560px;
	top: 10px;
	margin-bottom: 15px;
}
	.but_okmodalpopupwood.left460 {
		left: 480px;
	}

.butsimplenopadding {
	background-color: #2785a4; /*#11566d;*/
	border: 2px solid navy;
	color: #f8f88a;
	padding: 2px 11px; /* up&bottom  left&right*/
	font-size: 19px;
	font-weight: bold;
	cursor: pointer;
	border-radius: 4px;
}

.butupload {
	background-color: DodgerBlue;
	border: none;
	color: white;
	padding: 6px 14px;
	font-size: 15px;
	cursor: pointer;
	border-radius: 6px;
}
	.butupload.greenish {
		background-color: #3c6e0a;
	}
	.butupload.greyish {
		background-color: #424242;
	}
	.butupload.redish {
		background-color: #fa4343;
	}
	.butupload.navish {
		background-color: #053a65;
	}
	.butupload.purplish {
		background-color: #6437a7;
	}


.butuploadbrowse {
	border: none;
	margin-top: 10px;
	padding: 1px 5px;
	font-size: 15px;
	cursor: pointer;
	border-radius: 6px;
}

.button-greyblue {
	/*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #feab3a), color-stop(1, #f35626));*/
	/*background-image: linear-gradient(to bottom, #feab3a 0%, #f35626 100%);*/
	/*background-image: -webkit-linear-gradient(93deg, #f35626 0%, #feab3a 100%);*/
	background-image: -webkit-linear-gradient(top, #bfd7df 0%, #3a7183 100%); /*    #99cc66; /*corp green;*/ /* 93e5dc   1d877c                                    c7e8a7    326202  */
	/*bfd7df*/
}

.button-green {
	background-image: -webkit-linear-gradient(top, #3ee0ce 0%, #0f7a6e 100%);
}
.button-orange {
	background-image: -webkit-linear-gradient(top, #feab3a 0%, #f35626 100%);
}
.button-redish {
	background-image: -webkit-linear-gradient(top, #ca7192 0%, #93161a 100%);
}

.button-roundsq-whitefont {
	border-width: 0;
	cursor: pointer;
	font-size: 18px;
	padding: 5px 12px;
	border-radius: 100px;
	color: #fff; /* font colour */
}
	.button-roundsq-whitefont:hover,
	.button-roundsq-whitefont:focus {
		opacity: 0.75;
	}

.button-shadow {
	box-shadow: 0 4px 2px rgba(0,0,0,0.25);
	text-shadow: 0 2px 0 rgba(255,255,255,0.25);
}

.button_Duplicatemov {
	width: 33px;
	height: 33px;
	background-image: url(../images/Duplicate.png);
	background-size: 27px,27px;
	background-repeat: no-repeat;
	background-position: center;
}

.button_Fillfield {
	width: 33px;
	height: 33px;
	background-image: url(../images/FillField.png);
	background-size: 27px,27px;
	background-repeat: no-repeat;
	background-position: center;
}

.button_Search {
	width: 33px;
	height: 33px;
	background-image: url(../images/magnifier.png);
	background-size: 27px,27px;
	background-repeat: no-repeat;
	background-position: center;
}


.button_tab_nowidth {
	background-color: black;
	font-size: 16px;
	font-weight: bold;
	color: #fcac1b;
	padding: 2px 15px; /* 1 is T & B, 15 is L & R */
	border: 2px solid transparent;
	vertical-align: middle;
	border-radius: 4px;
	cursor: pointer;
}
	.button_tab_nowidth.marginL30 {
		margin: -0px 0px 0px 30px;
	}
	.button_tab_nowidth.marginL140 {
		margin: -0px 0px 0px 140px;
	}

.button_Simple {
	display: inline-block;
	padding: 4px 11px; /* up+down & left+right. If setting the left+right then don't need width */
	font-size: 18px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 3px solid #CCC;
	border-radius: 15px;
	/*background-color: #fcfcdb;*/
	background: #ebf8fc; /*light blueish*/
}
	.button_Simple.lightgreyandsaddlebrown {
		color: saddlebrown;
		font-size: 19px;
		background-color: #e0f1d2; /* d3d3d3 light grey*/
		border: 2px solid saddlebrown;
	}

	.button_Simple.lightbluefont15 {
		font-size: 15px;
		border: 2px solid saddlebrown;
		padding: 1px 9px;
		/*background-color: #ebf8fc;*/
	}
		.button_Simple.lightbluefont15.marginT8B8 {
			margin: 8px 0px 8px 0px;
		}
		.button_Simple.lightbluefont15.marginT20B3 {
			margin: 20px 0px 3px 0px;
		}
	.button_Simple.bluebackgreenborderfont15 {
		font-size: 15px;
		border: 2px solid #225716;
		padding: 1px 9px;
		background-color: #fef3f4;
	}
		.button_Simple.bluebackgreenborderfont15.marginT8B8 {
			margin: 8px 0px 8px 0px;
		}

	.button_Simple.font15padding {
		font-size: 15px;
		padding: 1px 9px;
		border-color:darkgray;
		/*background-color: #ebf8fc;*/
	}
	.button_Simple.marginL5 {
		margin-left: 5px;
	}
    .button_Simple.marginL5_pad3n10 {
        /*background-color: darkslategrey;
        color: khaki;*/
        margin-left: 5px; /* 	padding: 4px 11px;*/
        padding: 3px 10px 3px 10px;
    }
		.button_Simple.marginL5.border2 {
			border: 2px solid #CCC;
		}
	.button_Simple.marginL10 {
		margin-left: 10px;
	}


.button_Simple2 {
    display: inline-block;
    padding: 3px 10px; /* up+down & left+right. If setting the left+right then don't need width */
    /*padding: 4px 20px 0px 10px;*/
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 2px solid #641616;
    border-radius: 10px;
    /*background-color: #fcfcdb;*/
    background: #ebf8fc; /*light blueish*/
    margin-left: 5px; /* 	padding: 4px 11px;*/
    margin-bottom: -4px;
    margin-top: 4px;
}
    .button_Simple2.fontsmallerMarginL20 {
        margin-left: 20px;
        font-size: 15px;
    }
    .button_Simple2.font16MarginL20 {
        margin-left: 20px;
        font-size: 16px;
    }


.button_Simple_round {
    display: inline-block;
    padding: 1px 10px; /* up+down & left+right. If setting the left+right then don't need width */
    font-size: 19px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #c10303; /* #CCC */
    border-radius: 15px;
    /*background-color: ##fcfcdb;*/ /*light blueish      #fcfcdb;*/
    background-color: #f59e33;
}
    .button_Simple_round.marginTn8 {
        margin: -8px 0px 0px 0px; /* margin shorthand property in this order: top right bottom left */
    }
    .button_Simple_round.marginTn20 {
        margin: -20px 0px 0px 0px; /* margin shorthand property in this order: top right bottom left */
    }


.colourbrown {    
	color: #820000;
}

.colourdarkblue {    
	color: #000099;
}

.ddl_Woodcount {
	font-size: 16px;
	font-weight: bold;
	width: 140px;
}

.div_absence_dropdownyear {
	margin-top: -16px;
	margin-bottom: 4px;
	margin-left: 165px;
	width: 600px;
}

.div_bottomheader {
	margin-top:5px;
	margin-left:3px;
	margin-right:3px;
	font-weight:bold;
}
	.div_bottomheader.orange {
		Background:#ff6a00;  /* 255,106,0 */
	}
	.div_bottomheader.blue {
		Background:#0094ff; /* 0,148,255 */
	}
	.div_bottomheader.red {
		Background:red;
	}
.div_bottombottom {
	margin-top: 5px;
	vertical-align:bottom;
}

/* these two below div_centerouter & div_centerinner, are needed to be able to center a grv */
.div_centerouter {
	text-align: center;
}
.div_centerinner {
	display: inline-block;
}


.div_challenges {
	margin-top: 32px;
}

.div_containergooglemap {
	margin-left: 100px;
	font-size: 14px;
}

#div_googlemap {
	width: 500px;
	height: 380px;
}

.div_backgroundimagepleasewait {
	position: absolute;
	margin-left: 15px;
	float: left;
	background-repeat: no-repeat;
	z-index: -1 /* stack order of an element --> z-index of -1, it will be placed behind the text. */
}

.div_backgreywhitefonts11w200 {
	background-color: gray;
	border: 2px solid;
	border-color: green;
	color: white;
	width: 200px;
	font-size: 11px;
}
.div_backgreywhitefonts11w200.width651 {
	width: 651px;
}

.div_backgreywhitefonts12w730 {
	background-color: gray;
	border: 2px solid;
	border-color: yellow;
	color: white;
	width: 730px;
	font-size: 12px;
}

.div_backgreywhitefonts14w180 {
	background-color: #427d5b;
	border: 2px solid;
	border-color: green;
	color: white;
	width: 180px;
	font-size: 14px;
}

.div_backblueishwhitefonts11w620 {
	background-color: #366e9d;
	border: 2px solid;
	border-color: deeppink;
	color: white;
	width: 620px;
	font-size: 12px;
}


.div_borders {
	background-color: #f2f2f2;
	border-style: dotted;
	border-color: darkgray;
}


.div_ctrlheader_marginTm1Bm5font25 {
	text-align: center;
	margin-top: 3px;
	margin-bottom: -5px;
	color: #88947c; /* corp green 99cc66*/
	font-size: 25px;
    font-weight: bold;
}
.div_ctrlheader_marginTn25L140font16 {
	margin: -25px 0px 2px 140px; /* margin shorthand property in this order: top right bottom left */
	color: #3e1102; /* corp green 99cc66*/
	font-size: 16px;
}

.div_header_marginT10B5font34 {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
	color: #99cc66; /* corp green 99cc66*/
	font-size: 34px;
}


.div_hyperlinkbox {
	background-color: white;
	border: 1px solid;
	border-color: green;
	color: white;
	float: left;
	height: 110px;
	margin-right: 9px;
	padding-left: 2px;
	padding-right: 2px;
	width: 250px;
}

	.div_hyperlinkbox.left {
		margin-left: 12px;
	}

.div_icon {
	height: 50px;
	width: 50px;
	float: left;
	margin-left: 5px;
	margin-top: 20px;
}

	.div_icon.orange {
		background-image: url(../images/whatwedo.png);
		background-repeat: no-repeat;
	}

	.div_icon.blue {
		background-image: url(../images/system.png);
		background-repeat: no-repeat;
	}

	.div_icon.red {
		background-image: url(../images/city.png);
		background-repeat: no-repeat;
	}

.div_icontext {
	width: 190px;
	float: right;
}


.div_flexcontainer {
	margin-top: 12px;
	position: relative;
	/*	left: 1%;
	top: 10%;*/
}
.div_middlescreen {
	position: fixed;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}


.div_loginamessage {
	border: solid 1px;
	margin: 20px 0px 40px 120px; /* margin shorthand property in this order: top right bottom left */
	padding: 13px 8px 13px 8px;
	width: 490px;
}

	.div_loginamessage.red {
		color: red;
	}

	.div_loginamessage.teal {
		color: #144976;
	}
	.div_loginamessage.black {
		color: black;
	}

.div_manageuser {
	border: 1px solid #99cc66;
	height: 350px;
	padding-left: 50px;
	overflow: auto;
	width: 500px
}


.div_marginleft {
	margin-left: 6px;
	vertical-align: bottom;
}

.div_marginL3T5 {
	margin-left: 3px;
	margin-top: 5px;
}
.div_marginL3T8 {
	margin-left: 3px;
	margin-top: 8px;
}
.div_marginL3Tn40 {
	margin-left: 3px;
	margin-top: -40px;
}

.div_marginL90 {
	margin-left: 90px;
}

.div_marginL110 {
	margin-left: 110px;
}

.div_marginL165 {
	margin-left: 165px;
}
.div_marginL217 {
	margin-left: 217px;
	/*vertical-align: bottom;*/
}
.div_marginL237 {
	margin-left: 237px;
}
.div_marginL254 {
	margin-left: 254px;
}

.div_marginT5R00B5L300 {
	/*text-align: center;*/
	margin: 5px 0px 5px 300px;
}

.div_marginT10R00B1L0 {
	margin: 10px 0px 1px 0px;
}

.div_marginT10R40B1L40 {
	margin: 10px 40px 1px 40px;
}


.div_modallabel {
	padding-bottom: 5px;
}

.div_modallabeltopbelow {
	padding-top: 2px;
	padding-bottom: 2px;
}

.div_modallabelbelow {
	padding-bottom: 2px;
}

.div_negative_top_bottom {
	margin-top: -4px;
	margin-bottom: -8px;
}

.div_paddingtop3bottom4 {
	padding-top: 3px;
	padding-bottom: 4px;
}

.div_palletselected {
	margin-top: 3px;
	margin-left: 4px;
	margin-bottom: 3px;    
}

.div_pnldynamic {
	margin-left: 125px;
	margin-bottom: 3px;
}

.div_reorder_draghandle {
	margin-left: -28px;
	height: 19px;
	cursor: move;
}

.div_reorderListDemo li {
	list-style: none; /* */
	margin: 2px;
}




.div_scroll {
    max-height: 700px;
    width: 100%;
    overflow-y: auto;
    /* -ms-overflow-style: -ms-autohiding-scrollbar;/* doesn´t seem to do anything obvious */
    /*  background-color: lavender; doesnt seem to do anything valuable */
    /*   border-style:ridge; best without border */
    /*height: 1200px; don´t want to set this because when gv no loaded the footer is 1200 px at the bottom */
}
.div_scrollreconciliation {
    margin-left: auto; /* So its centered */
    margin-right: auto; /* So its centered */
    width:1200px;
    max-height: 700px;
    /*width: 100%;*/
    overflow-y: auto;
    /* -ms-overflow-style: -ms-autohiding-scrollbar;/* doesn´t seem to do anything obvious */
    /*  background-color: lavender; doesnt seem to do anything valuable */
    /*   border-style:ridge; best without border */
    /*height: 1200px; don´t want to set this because when gv no loaded the footer is 1200 px at the bottom */
}

.div_scrollbarheight260 {
	height: 260px;
	overflow: auto /* The overflow will show scroll bars if the control inside has a height greater than 260 */
}
.div_scrollbarhorizwidth500 {
	/*width: 800px;*/
	overflow: auto /* The overflow will show scroll bars if the control inside has a height greater than 260 */
}

.div_toptabs {
	margin-top: -10px;
	margin-left: 4px;
}

.div_tolleranceupdatepanel{
	width: 732px;
	margin-top: -5px;
	margin-left: -100px;
	background-color:#fbc2c2; /* pinky */
}
.div_tollerancechepupdatepanel{
	width: 760px;
	margin-top: -64px;
	margin-left: -100px;
	background-color:#beebf7; /* blueish */
}

.div_topmenu a:hover {
	color: red;
	background-color: transparent;
}

.div_woodsqueries {
	font-size: 16px;
	padding: 11px 15px 3px 15px; /* padding shorthand property in this order: top right bottom left */
}

.div_woodsquerieserrlabel {
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
}

.enterdatawoodqueries {
	font-size: 13px;
	font-family: "Century Gothic";    
}
	.enterdatawoodqueries.textbox {
		width: 130px;
	}
	.enterdatawoodqueries.marginleft {
		margin-left: 50px;
		/*text-align:right;*/
	}
	.enterdatawoodqueries.textright {
		text-align: right;
	}

.font11 {
	font-family: "Century Gothic",sans-serif;
	font-size: 11px;
}
.font12 {
	font-family: "Century Gothic",sans-serif;
	font-size: 12px;
}


.font13 {
	font-family: "Century Gothic",sans-serif;
	font-size: 13px;
}
    .font13.italic {
        font-style: italic;
    }
        .font13.italic.marginT5 {
            display: inline-block; /* Need this so the margin-bottom works */
            margin-top: 5px;
        }
	.font13.bold {
		font-weight: bold;
	}
		.font13.bold.italic {
			font-style: italic;
		}
			.font13.bold.italic.marginL400 {
				margin-left: 750px;
			}
			.font13.bold.italic.marginB7 {
				display: inline-block; /* Need this so the margin-bottom works */
				margin-bottom: 7px;
			}
			.font13.bold.italic.marginT7B7 {
				display: inline-block; /* Need this so the margin-bottom works */
				margin: 7px 0px 7px 0px;
			}


.font14 {
	font-family: "Century Gothic",sans-serif;
	font-size: 14px;
}
	.font14.italic {
		font-style: italic;
	}
		.font14.italic.marginL140T3 {
			margin-left: 300px;
		}
	.font14.italic.verticalalign {
		vertical-align: bottom;
	}
	/*.font14.darkbrownredish {
		color: #5f0a0a; /* dark brown-redish*/
	 /*   font-weight: bold;
	}*/
	.font14.alignRmarginR5 {
		margin-right: 25px;
		text-align: right; /* this is only effective within a div */
	}
	.font14.marginL5 {
		margin-left: 5px;
	}
	.font14.marginL140 {
		margin-left: 140px;        
	}
		.font14.marginL140.inline {
			display: inline-block;
			/*float:right;*/
		}

.font14bold {
	font-family: "Century Gothic",sans-serif;
	font-size: 14px;
	font-weight: bold;
}
	.font14bold.marginT5R0B0L5 {
		display: inline-block; /* Need this so the margin-bottom works */
		margin: 7px 0px 5px 0px;
	}

.font14bolditalic {
	font-family: "Century Gothic",sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color:#6d1111;
}
.font14boldi_coal {
	font-size: 14px;
	font-family: "Century Gothic";
	color: #141313;
	font-weight: bold;
}
	.font14boldi_coal.italic {
		font-style: italic;
	}
		.font14boldi_coal.italic.marginB12 {
			display: inline-block; /* Need this so the margin-bottom works */
			margin-bottom: 12px;
		}
	.font14boldi_coal.marginB3 {
		display: inline-block; /* Need this so the margin-bottom works */
		margin-bottom: 3px;
	}
		.font14boldi_coal.marginB3.darkbrownredish {
			color: #5f0a0a; /* dark brown-redish*/
		}
	.font14boldi_coal.marginT3B9L5 {
		display: inline-block; /* Need this so the margin-bottom works */
		margin: 3px 0px 9px 5px;
	}
	.font14boldi_coal.marginT13B9 {
		display: inline-block; /* Need this so the margin-bottom works */
		margin: 13px 0px 9px 0px;
	}
		.font14boldi_coal.marginT13B9.darkbrownredish {
			color: #5f0a0a; /* dark brown-redish*/
		}


.font15 {
	font-family: "Century Gothic",sans-serif;
	font-size: 15px;
}
.font15.italic {
	font-style: italic;
}
	.font15.italic.marginL300 {
		margin-left: 300px;
	}

.font15bold {
	font-family: "Century Gothic",sans-serif;
	font-size: 15px;
	font-weight: bold;
}
	.font15bold.darkbrownredish {
		color: #b72626; /* dark brown-redish*/
	}
	.font15bold.marginT7R0B5L0 {
		display: inline-block; /* Need this so the margin-bottom works */
		margin: 7px 0px 5px 0px;
	}
	.font15bold.marginT0R0B8L0 {
		display: inline-block; /* Need this so the margin-bottom works */
		margin: 0px 0px 8px 0px;
	}
	.font15bold.marginL5 {
		margin-left: 5px;
	}
	.font15bold.marginL50 {
		margin-left: 50px;
	}
	.font15bold.marginL90 {
		margin-left: 90px;
	}

.fontitalicbold {
	font-family: "Century Gothic",sans-serif;
	font-weight: bold;
	font-style: italic;
}

.font18bold {
	font-family: "Century Gothic",sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.font18bold.darkbrownredish {
	color: #b72626; /* dark brown-redish*/
}



.form-group {
	margin-bottom: 20px;
}
	.form-group.last {
		margin-bottom: 25px;
	}
	.form-group.marginL170 {
		margin-left: 170px;
	}




h1 {
    color: black; /*:#cb0000;*/
    font-size: 30px;
    margin-left: 25px;
    /*margin-bottom:15px;*/
}
	h1.white {
		color: white;
	}
	h1.green {
		color: #42A545; /*99cc66 corp green;*/
	}

hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border-right: 0px none;
	border-width: 1px 0px 0px;
	border-color: #99cc66;
}

.hyperlinkshowhide {
	font-size: 12px;
	color: green;
	margin-left: 680px;
}

input {
	background: white; /* for the buttons and textboxes */
	max-width: 240px;
	transition: border-color 0.2s;
}
	input:hover {
		border-color: green; /* for the buttons and textboxes */
	}
	input:focus,
	input.focus {
		background: #f5fbe6;
	}
	
.label_font13brown {
	font-size: 13px;
	color: #450505;  /* dark brown-redish*/
	font-style: italic;
}
	.label_font13brown.bold {
		font-weight: bold;
	}

.label_h1 {
	font-size: 30px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 17px;
	margin-top: 12px;
	margin-left: 22px;
}

.label_lblid {
	font-size: 12px;
	font-weight: bold;
	color: #ff006e; /*#99cc66;*/
}
	.label_lblid.coal {
		color: #555; /*#99cc66;*/
	}
	.label_lblid.darkpink {
		color: #c20758;
	}
	.label_lblid.green {
		color: #99cc66; /* light green */
	}

.label_font18calibri {
	font-size: 18px;
	font-family: "Calibri";
}

.label_marginleftfont13 {
	margin-left: 210px;
	font-size: 13px;
	color: #1e655d; /* less darkgreen */
	font-weight: bold;
}

.label_palletselected {
	font-size: 17px;
	font-weight: bold;
	color: #CC2900; /*orangered;*/
}

.label_responsewrite {
	color: lightyellow; /*color:#aa0d0d;*/
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
}
	.label_responsewrite.Black {
		color: black; /*color:#aa0d0d;     darkred     0a4a79*/
	}
	.label_responsewrite.Blacksmall {
		color: black;
		font-size: 12px;
		font-weight: normal;
		margin-right: 15px;        
	}
	.label_responsewrite.Blacksummary {
		color: black;
		font-size: 18px;
		font-style: normal;
	}

.label_summary_size20marginleft {
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	margin-left: 10px;
}
	.label_summary_size20marginleft.greenmargintop {
		color: #81aa58;
		margin-top: 12px;
		display: inline-block; /* Need this so the margin-top works */
	}

.label_woodsh1 {
	font-size: 26px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 14px;
	margin-top: 8px;
	margin-left: 32px;
}
	.label_woodsh1.smallerfont {
		margin-left: 5px;
		color: #99cc66;
		font-size: 24px;
	}
	.label_woodsh1.font20leftneg10 {
		font-size: 20px;
		/*margin-top: -20px;  Makes no effect whatsoever*/
		margin-left: -10px;
	}
	.label_woodsh1.font22 {
		font-size: 22px;
	}
		.label_woodsh1.font22.Blueish {
			color: #053a65;
			margin-top: -2px;
			margin-bottom: -2px;
			display: inline-block; /* Need this so the margin-top works */
		}
		.label_woodsh1.font22.Orangeish {
			color: #f34e19;
			margin-top: -2px;
			margin-bottom: -2px;
			display: inline-block; /* Need this so the margin-top works */
		}
		.label_woodsh1.font22.Greenish {
			color: #99cc66;
			margin-top: -2px;
			margin-bottom: -2px;
			display: inline-block; /* Need this so the margin-top works */
		}

.label_woodfiletoupload {
	font-size: 15px;
	font-weight: bold;
	margin-top: 190px;
	margin-left: 31px;
	margin-right: 2px;
}

.labelintransit {
	font-size: 11px;
	font-style: italic;
	color: red;
	width: 100%;
}

.labelqueriescontrols {
	font-size: 15px;
	margin: 10px 0px 5px 10px;
}
	.labelqueriescontrols.w90 {
		width: 90px;
	}
	.labelqueriescontrols.w160 {
		width: 160px;
	}
	.labelqueriescontrols.txterrorred {
		font-size: 11px;
		font-weight: bold;
		color: red;
	}

.labeloutstanding {
	font-size: 17px;
	font-family: "Century Gothic";
}

.labelsize14bold {
	font-size: 14px;
	font-family: "Century Gothic";
}

.labeltexboxabsence {
	font-size: 15px;
	font-family: "Century Gothic";
	width: 80px;
}
	.labeltexboxabsence.wider {
		width: 280px;
	}

.labeltexboxportal {
	font-size: 15px;
	font-family: "Century Gothic";
	width: 160px;
}
	.labeltexboxportal.coal {
		color: #141313;
		font-weight: bold;
		font-style: italic;
	}
		.labeltexboxportal.coal.widthmarginbott5 {
			display: inline-block; /* Need this so the margin-bottom works */
			margin-bottom: 10px;
}
		.labeltexboxportal.coal.size14 {
			font-size: 14px;
		}
	.labeltexboxportal.green {
		color: #81aa58;
		margin-top: 12px;
		font-weight: bold;
		font-style: italic;
	}
		.labeltexboxportal.green.wider {
			width: 560px;
			display: inline-block; /* Need this so the margin-top works */
			margin-top: 12px;
		}
	.labeltexboxportal.size12 {
		font-size: 12px;
	}
	.labeltexboxportal.size13 {
		font-size: 13px;
	}
	.labeltexboxportal.size14 {
		font-size: 14px;
	}
	.labeltexboxportal.txterror {
		font-size: 14px;
		font-weight: bold;
		font-style: italic;
		color: red;
	}
		.labeltexboxportal.txterror.size11 {
			font-size: 11px;
		}
	.labeltexboxportal.txterror10 {
		font-size: 10px;
		font-weight: bold;
		font-style: italic;
		color: yellow;
	}
	.labeltexboxportal.txterror11 {
		font-size: 11px;
		font-weight: bold;
		color: yellow;
	}
	.labeltexboxportal.txterrorred {
		font-size: 11px;
		font-weight: bold;
		color: red;
	}
	.labeltexboxportal.txterrorred10 {
		font-size: 10px;
		font-weight: bold;
		color: red;
	}
	.labeltexboxportal.width120 {
		width: 120px;
	}
	.labeltexboxportal.wider {
		width: 250px;
	}

.labeltexboxwoodquality {
	font-size: 14px;
	font-family: "Century Gothic";
}
	.labeltexboxwoodquality.smallerfont {
		font-size: 13px;
		font-family: "Century Gothic";
	}
	.labeltexboxwoodquality.italic {
		font-style: italic;
		font-weight: bold;
		color: #4ff154; /* bright yellow-green */
	}
	.labeltexboxwoodquality.size15bolditalic {
		font-size: 15px;
		font-style: italic;
		font-weight: bold;
		color: #b47e10; /* goldish */
	}
	.labeltexboxwoodquality.italyellcolour {
		font-style: italic;
		font-weight: bold;
		color: #fcf95d; /* a8d4f8 yellow */
	}

.linktotheright {
	text-align: right;
}

.linkUsers {
	font-size: 17px;
	background-image: url(../images/expand_red.jpg);
	color: #FFF;
	width: 500px;
	/*background-repeat: repeat-x;*/
}

.lblsize11marginleft8 {
	margin-left: 8px;
	font-size: 11px;
}

.logtable {
	/*margin-left: 25px; */
	margin-left: 15%;
	margin-top: 5px;
	margin-bottom: 10px;
}

td.textalignright {
	text-align:right;
}

td.butdeletealign {
	margin-left: 20px;
	vertical-align: bottom;
}

.marginB5 {
	display: inline-block; /* Need this so the margin-bottom works */
	margin-bottom: 5px;
}

.marginB6 {
	display: inline-block; /* Need this so the margin-bottom works */
	margin-bottom: 6px;
}

.marginB10 {
	display: inline-block; /* Need this so the margin-bottom works */
	margin-bottom: 10px;
}

.marginL5 {
	margin-left: 5px;
}

.marginL12R12 {
	margin: 0px 12px 0px 12px;
}

.marginL13 {
	margin-left: 13px;
}

.marginL15font16bold {
	margin-left: 15px;
	font-size: 16px;
	font-weight: bold;
}

.marginL20 {
	margin-left: 20px;
}

.marginL45 {
	margin-left: 45px;
}

.marginL70 {
	margin-left: 70px;
}
	.marginL70.font13 {
		font-size: 13px;
	}

.marginL80 {
	margin-left: 80px;
}
	.marginL80.font13 {
		font-size: 13px;
	}

.marginL90 {
	margin-left: 90px;
}
	.marginL90.font13 {
		font-size: 13px;
	}

.marginL110 {
	margin-left: 110px;
}
.marginL120 {
	margin-left: 120px;
}
.marginL140 {
	margin-left: 140px;
}

.marginR5L6 {
	margin-left: 6px;
	margin-right: 5px;
}

.marginT0R7B0L7 { /*   */
	margin: 0px 7px 0px 7px;
}

.marginT5 {
	margin-top: 5px;
}
	.marginT5.italic {
		font-style: italic;
	}

.marginT5R0B5L0 {
	display: inline-block;
	margin: 5px 0px 5px 0px;
}

.marginT5R0B9L0 { /*   */
	margin: 5px 0px 9px 0px;
}
.marginT5R0B9L0.font16boldmaroon { /*   */
	font-size: 16px;
	font-weight: bold;
	color:maroon;
}


.marginT5R0B0L5 { 
	margin: 5px 0px 0px 5px;
}

.marginT5R20B9L0 { /*   */
	margin: 5px 20px 9px 0px;
}


.marginT10 {
	margin-top: 10px;
}
.marginT10R0B1L110 {
	margin: 10px 0px 10px 110px;
}


.marginT15 {
	display: inline-block;
	margin-top: 15px;
}

.marginT15fontsize {
	display: inline-block;
	margin-top: 15px;
	font-size: 18px;
	font-family: Arial;
}
	.marginT15fontsize.marginTn30B10L160 {
		margin: -30px 0px 10px 160px;
	}

.marginT10R10B0L10 {
	margin: 10px 10px 0px 10px;
}

.marginT0R10B0L45 {
	margin: 0px 10px 0px 45px;
}

.marginT15B12 {
	margin: 15px 0px 12px 0px;
	/*width: 80%;*/
}

.marginT15Bn2 {
	margin: 15px 0px -2px 0px;
}

.marginT15R10B5L10 {
	margin: 15px 10px 5px 10px;
}

.marginTn6B12L80width60p {
	margin: -6px 0px 12px 80px;
	width: 60%;
}

.marginTn9 {
	margin-top: -9px;
	margin-left: 20px;
}

/*.marginTn20L20 {
	margin-top: -140px;
	margin-left: 150px;
}*/

.marginTn10B3L85 {
	margin: -10px 0px 3px 85px;
}


.margintop_neg20 {    
	margin-top: -20px;
}
.margintop_neg100 {
	margin-top: -280px;
}

.margintop_neg5 {
	position: absolute;  /* otherwise the margin below wouldn't work */
	margin-top: -5px;
}

.marginTn8B8 {
	margin-top: -8px;
	margin-bottom: 8px;
}

.margintop_35bottom8 {
	margin-top: -35px;
	margin-bottom: 8px;
}


.margintop5_s17_bold_brown {
	margin-top: 5px;
	margin-bottom: 0px;
	font-size: 17px;
	font-weight: bold;
	color: rgb(131, 66,36); /*orangered;*/
}
	.margintop5_s17_bold_brown.s16 {
		font-size: 16px;
	}
	.margintop5_s17_bold_brown.black {
		color: black;
	}
		.margintop5_s17_bold_brown.black.s16 {
			font-size: 16px;
		}

.margintop10bottom5 {
	margin-top: 10px;
	margin-bottom: 5px;
}

.modalBackground {
	background-color: green; 
	filter: alpha(opacity=50);
	opacity: 0.1;
}

.modalBackgroundWood {
	background-color: orange; 
	filter: alpha(opacity=50);
	opacity: 0.15;
}

.modalPopup {
	background-color: forestgreen; /*background-color: orangered;*/
	border: 2px groove black;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	width: 450px;
	height: 200px;
	/*clear: both;*/
	position: absolute;
	border-radius: 15px;
}

.modalPopupWood {
	background-color: #f8b935; /* Orange brownie colour f2ab54*/
	border: 1px groove black;
	padding-top: 12px;
	padding-left: 15px;
	padding-right: 15px;
	width: 650px;
	height: 200px;
	/*clear: both;*/
	border-radius: 7px;
}
	.modalPopupWood.backcolpaleOrangeW550H150 {
		background-color: #fcac67; /* Terracota */
		width: 550px;
	}

.movementstable {
	margin-left: 3px;
}


.p_footer {
	text-align: center;
	font-size: 12px;
	height: 2px;
	padding: 2px;
}

.p_icontext {
	color: black;
	font-size: 14px;
}


.p_point {
	color: #000000; /*#7e7e7e*/
	font-size: 15px; /*font-size:medium;  16px*/
	margin-left: 25px;
}
	.p_point.marginleft {
		margin-left: 70px;
		background-image: url(../images/Bulletpoint_greencircle.png);
		background-repeat: no-repeat;
		/*background-position-y:bottom;*/
	}
	.p_point.green {
		background-image: url(../images/Bulletpoint_greencircle.png);
		background-repeat: no-repeat;
	}
	.p_point.grey {
		background-image: url(../images/Bulletpoint_greycircle.png);
		background-repeat: no-repeat;
	}
	.p_point.welcome {
		margin-left: 5px;
	}
	.p_point.subheader {
		font-size: 20px; /*font-size:medium;  16px*/
		font-weight: normal;
		margin-top: 30px;
	}

.p_pointwhite {
	color: white;
	font-size: medium;
	margin-left: 25px;
	background-image: url(../images/Bulletpoint_whitecircle.png);
	background-repeat: no-repeat;
}

.p_pointgreen {
	color: #42A545; /* This is slightly darker than 99cc66 corp green;*/
	font-size: medium;
	margin-left: 25px;
	background-image: url(../images/Bulletpoint_blackcircle.png);
	background-repeat: no-repeat;
}

.p_whiteheader {
	font-size: 17px;
	font-weight: bold;
	margin-left: 2px;
	margin-right: 2px;
}

.p_whitetext {
	font-size: 15px;
	margin-left: 2px;
	margin-right: 2px;
}

.padding3left3right {
	padding: 0px 3px 0px 2px;
}

.pan_centerednowidth {
	/*width: 810px;*/
	/*position: fixed;*/
	/* center the element */
   /* right: 0;
	left: 0;*/
	margin-left: auto; /* So its centered */
	margin-right: auto; /* So its centered */
	width: 100%;
}

.pan_esinbound {
	margin-left: 5px;
	font-size: 10px;
	background-color: antiquewhite;
	color: black;
}

.pan_header_marginTm15B10 {
	text-align: center;
	margin-top: -15px;
	margin-bottom: 10px;
}

.pan_heightwidth {
	width: 170px;
	height: 390px;
}

.pan_intransitpanel {
	width: 400px;
	border-style:groove;
	background-color: #faf8e9; /* pastel orange */
}
	.pan_intransitpanel.width300 {
		width: 300px;
	}
	.pan_intransitpanel.width600margins {
		width: 417px;        
		margin: -22px 0px 0px 594px;
	}
    .pan_intransitpanel.width600marginsTn42 {
        width: 417px;
        margin: -45px 0px 0px 594px;
    }

    .pan_intransitpanel.width417margins {
        width: 417px;
        margin: -22px 0px 0px 560px;
    }
    .pan_intransitpanel.width417marginsTn50 {
        width: 417px;
        margin: -50px 0px 0px 560px;
    }


.pan_linkedcodes {
	position: absolute;
	/*right: 0;*/
	width: 265px;
	border-style: groove;
	background-color: #faf8e9; /* pastel orange */
}
.pan_linkedcodes.width330 {
	width: 330px;
}
.pan_linkedcodes3comb {
	position: absolute;
	width: 875px;
	border-style: groove;
	background-color: #faf8e9; /* pastel orange */
	font-family: "Century Gothic",sans-serif;
	font-size: 12px;
}
.pan_linkedcodes3comb_OLD_DISC {
    position: absolute;
    width: 1145px;
    border-style: groove;
    background-color: #faf8e9; /* pastel orange */
    font-family: "Century Gothic",sans-serif;
    font-size: 12px;
}

.pan_kepak {
	font-weight: bold;
	color: #b64a18;
	margin: 10px 0px 15px 20px;
	/*width: 300px;*/
	display: flex;
	/*justify-content: center;
	align-items: center;*/
	flex-direction: column;
}


.pan_marginT4B2 {
	margin-top: 4px;
	margin-bottom: 2px;
}

.pan_marginT7D5L50 {
    margin: 7px 0px 5px 50px;
}

.pan_marginT10L35p {
	margin-top: 10px;
	margin-left: 35%;
	margin-right: auto;
}

.pan_marginT12R5B12L3 {
	margin: 12px 5px 12px 3px; /* margin shorthand property in this order: top right bottom left */
}

.pan_padL35T25 {
    padding-left: 35px;
    padding-top: 25px;
}

.pan_pendingallold {
	width: 270px;
	border-style: groove;
	background-color: #edfbde; /* pastel green */
}

.pan_pendingdiscrepancies {
	width:750px;
	font-weight: bold;
	color: #671c09;
	background-color: #f8daab;
	font-size: 14px;
}

.pan_pendingnewcost {
	width: 400px;
	border-style: groove;
	background-color: #edfbde; /* pastel green */
}
	.pan_pendingnewcost.marginL260width450 {
		width: 450px;
		margin-left: 260px;
	}
	.pan_pendingnewcost.marginLn22L394 {
		margin: -22px 0px 0px 394px;
	}

.pan_upload {
	border: solid;
	border-width: 1px;
	border-color: DodgerBlue;
	padding-top: 1px;
	width: 98%;
	margin: 10px 10px 10px 10px;    
}


.panel_fileormanual {
	background-color: #d3d3d3; /* light grey*/
	font-weight: bold;
	color: #671c09;
	margin-left: 3px;
}

.panel_margin_left_top_bottom_font {
	margin-left: 8px;
	margin-top: 2px;
	margin-bottom: 10px;
	font-size: 15px;
}

.panel_margin_top_bottom {
	margin-left: 15%;
	margin-top: 15px;
	margin-bottom: 12px;
}

.panel_pnldynamic {
	color: #ffffff;
	background-color: #99cc66;  /* greenish */
	font-weight: bold;
	margin-right: 30px;
	font-size: 17px;
	padding-top: 1px;
	padding-bottom: 2px;
}
	.panel_pnldynamic.blueish {
		background-color: #053a65;
	}

.panel_pnldynamicAbsence {
	color: #000; /* #ffffff */
	background-color: #99cc66; /* #fef8db; /*lightgoldenrodyellow        99cc66 green    6eb3f5 nice blue*/
	margin-right: 5px;
	font-size: 13px;
	font-weight: bold;
	padding-top: 2px;
	padding-left: 6px;
	padding-bottom: 2px;
}



.panel_woodcountries {
	color: #ffffff;
	background-color: #99cc66; /* greenish */
	font-weight: bold;
	margin-left: 3px;
	/*margin-right: 10px;*/
	font-size: 17px;
	padding-top: 5px;
}

	.panel_woodcountries.files {
		color: #366e9d;
		padding-bottom: 5px;
	}

	.panel_woodcountries.files3 {
		color: #114a8e;
		padding-bottom: 5px;
		font-size: 15px;
	}

.panel_wooduploadcontrols {
	margin: 12px 10px 12px 40px; /* margin shorthand property in this order: top right bottom left */
}
	.panel_wooduploadcontrols.marginR5L10 {
		margin-right: 5px;
		margin-left: 10px;
	}
	.panel_wooduploadcontrols.marginL20 {
		margin-left: 20px;
	}
	.panel_wooduploadcontrols.marginL1 {
		margin-left: 1px;
	}

.plsdamagesbuttons {
	margin-top: -23px;
}
	
.regexpr_Woodcount {
	font-size: 15px;
	font-weight: bold;
	margin-left: 9%;
	color: #671c09;
}

.registerboxcol {
	width: 81%;
}
	.registerboxcol.marginL170 {
		margin-left: 170px;
	}


.marginL80 {
	margin-left: 80px;
}
.marginL100 {
	margin-left: 100px;
}
.marginL175 {
	margin-left: 180px;
}


.registerbutton {
	display: inline-block;
	padding: 6px 12px;
	font-size: 18px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 2px solid #CCC;
	border-radius: 25px;
	width: 100px;
}
    .registerbutton.darkredcolour {
        color: #620f0f;
        width: 110px;
    }
	.registerbutton.defaultview {
		color: #366e9d;
		background: #f0f2f3;
		width: 122px;
		border-radius: 10px;
	}
	.registerbutton.deletetodaysummary {
		color: red;
		background: #f0f2f3;
		width: 165px;
		border-radius: 10px;
	}
	.registerbutton.lightblue {
		background: #bfd7df;
		border: 1px solid black;
		/*border-color: black;*/
	}
	.registerbutton.login {
		margin-left: 100px;
	}
	.registerbutton.okmodalpopup {
		color: white;
		background: black;
		width: 55px;
		border-radius: 15px;
		font-size: 16px;
		border-color: black;
		margin-bottom: 15px;
		position: absolute; /* Absolute because of the position within parent (a panel) */
		left: 215px;
		bottom: 4px;
	}
    .registerbutton.outofpool {
        color: #366e9d;
        background: #f0f2f3;
        width: 155px;
        border-radius: 10px;
    }
    .registerbutton.viewall {
		color: #366e9d;
		background: #f0f2f3;
		width: 95px;
		border-radius: 10px;
	}
	.registerbutton.width90 {
		width: 90px;
	}
	/*.registerbutton.width100 {
		width: 100px;
	}*/
    .registerbutton.width110 {
        width: 110px;
    }
	.registerbutton.width130 {
		width: 130px;
	}

.registerbuttonsmall {
	display: inline-block;
	/*padding: 1px 1px 1px 1px;*/
	padding-left: 1px;
	padding-right: 1px;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 2px solid #CCC;
	border-radius: 5px;
	width: 22px;
	margin-left: 558px;
	margin-right: 10px;
	background: #bfd7df;
	border: 1px solid black;
}


.registererrortext {
	color: red;
	font-style: oblique;
}
	.registererrortext.margin5 {
		color: orange;
		margin-top: 5px;
	}

.registerform {
	width: 100%;
	padding: 2px 12px;
	font-size: 18px;
	color: #555;
	border: 1px solid #CCC;
	border-radius: 5px; /* For the textbox*/
	/*box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;*/ /*within the textbox*/
}

.registerlabelcol {
	width: 19%;
	float: left;
	font-weight: bold;
	padding-left: 15px;
	position: relative;
	min-height: 1px;
}



.tabbuttons {
	border-color: black;
	background-color: black;
	font-size: 16px;
	font-weight: bold;
	color: white;
	padding: 2px 6px;
	border: 2px solid transparent;
	vertical-align: middle;
	width: 110px;
	border-radius: 3px;
	cursor: pointer;
}
.tabbuttons.width140 {
	width: 140px;
}

.tabbuttonstats {
	border-color: black;
	background-color: #f8f3fc; /* edfafb */
	/*border: 2px solid transparent;*/
	font-size: 14px;
	font-weight: bold;
	/*color: navy;*/ /* orange of button: fcac1b  */
	padding: 1px 0px 1px 0px;
	margin-top: 5px;
	margin-left: -6px;
	vertical-align: middle;
	width: 110px;
	border-radius: 3px;
	cursor: pointer;
}
	.tabbuttonstats.darkred {
		color: #9f2800;
	}
	
.tabbuttonswood {
		border-color: black;
		background-color: black;
		font-size: 16px;
		font-weight: bold;
		color: #fcac1b;
		padding: 2px 1px 2px 1px;
		border: 2px solid transparent;
		vertical-align: middle;
		width: 170px;
		border-radius: 3px;
		cursor: pointer;
	}
	.tabbuttonswood.Widthcounts {
		width: 94px;
	}
	.tabbuttonswood.Widthupload {
		width: 110px;
	}
	.tabbuttonswood.Widthcustomer {
		width: 115px;
	}
	.tabbuttonswood.Width130 {
		width: 130px;
	}
	.tabbuttonswood.Width160 {
	   width: 160px;
	}

.tabbuttonswoodquality {
	border-color: black;
	background-color: black;
	font-size: 16px;
	font-weight: bold;
	color: white;
	padding: 1px 1px 1px 1px;
	border: 1px solid transparent;
	vertical-align: middle;
	width: 175px;
	border-radius: 3px;
	cursor: pointer;
}




table.bmportal {
	margin-left: 35px;
}
table.bmportal.search {
	margin-left: 5px;
}
td.bmportal.search {
	/*font-size:14px;*/
	vertical-align: top;
}
td.bmportal.verticalalign {
	vertical-align: top;
}
tr.bmportal.search {
	vertical-align: top;
}


table.commonproblems {
	width: 99%;
	color: white;
	font-size: 15px;
	margin-left: 7px;
}
table.commonproblems, th.commonproblems, td.commonproblems {
	border-collapse: collapse;
	border: 1px solid black;
}
td.commonproblems {
	padding: 7px 3px 7px 3px; /* padding shorthand property in this order: top right bottom left */
	vertical-align: top;
}
th.commonproblems, td.commonproblems {
	width: 50%;
	font-weight: bold;
}
th.commonproblems {
	border: 1px solid black;
	font-weight: bold;
	font-size: 22px;
	background-color: gray;
}


table.Configmapping {
	border-collapse: collapse;
	border: 1px solid black;
	margin-left: 5px;
	/*background-color: #f1efef;*/
}
th.Configmapping {
	border: 1px solid black;
	font-weight: bold;
	font-size: 11px;
	background-color: #a8b0e5;
}
td.Configmapping {
	border: 1px solid black;
	font-size: 11px;
	text-align: center;
}
	td.Configmapping.bold {
		font-weight: bold;
		color: darkred;
	}


table.controlsearch {
	text-align: center; /* just for the text */
	margin-left: auto; /* So its centered */
	margin-right: auto; /* So its centered */
	width: 350px;
	color: black;
	font-size: 14px;
}
table.controlsearch, th.controlsearch, td.controlsearch {
	border-collapse: collapse;
	border: 1px solid black;
}
	th.controlsearch.width40f13 {
		font-size: 13px;
		width: 40px;
	}
	th.controlsearch.Palepink, td.controlsearch.Palepink {
		border: 0px;
		background: #f1e4f7;
	}
		th.controlsearch.Palepink.font11 {
			font-size: 11px;
			font-weight: normal;
		}


table.Countrystats {
	border-collapse: collapse;
	border: 1px solid black;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
}
th.Countrystats {
	font-weight: bold;
}

th.Countrystatslocationheader {
	width: 154px;
}


th.Countrystatsheader {
	font-size: 13px;
	/*font-weight: bold;*/
	color: lightpink;
	background-color: black;
	width: 35px;
}
th.Countrystatsheaderother {
	font-size: 13px;
	color: lightblue;
	background-color: darkslategrey;
	width: 68px;
}


td.CountrystatsGoldishcolour {
	background-color: #fbf6b9; /*       ##fcf27c   */
	width: 30px;
}

td.Countrystatslocs {
	text-align: left;
}


td.Filenamefont11 {
	font-size: 11px;
}
td.Filenamewidth110font12 {
    width: 110px;
    font-size: 12px;
}
td.Filenamewidth330font11 {
    width: 330px;
    font-size: 11px;
}

td.StatsAdminAccounttd {
	background-color: #83faec; /*       ##fcf27c   */
	width: 80px;
}

table.Countttotalbm {
	border-collapse: collapse;
	border: 1px solid black;
	margin-left: 70px;
	width: 225px;
	background-color: #f3e6f6; /* pinky purpleish */
}
th.Countttotalbm {
	border: 1px solid black;
	font-weight: bold;
	font-size: 13px;
	background-color: #a8b0e5; /* purpleish */
	width: 50px;
}
td.Countttotalbm {
	border: 1px solid black;
	font-size: 13px;
	text-align: center;
}


table.Errperloc {
	border-collapse: collapse;
	border: 1px solid black;
	margin-left: 70px;
	/*width: 200px;*/
	background-color: #fcf27c; /* #f3e6f6 pinky purpleish */
}
th.Errperloc {
	border: 1px solid black;
	font-weight: bold;
	color: white;
	font-size: 13px;
	background-color: #673e0c; /* #a8b0e5 purpleish / #fecb71 light orange / #fecb71 dark brown */
	width: 110px;
}
th.Errperloc2 {
	border: 1px solid black;
	font-weight: bold;
	color: white;
	font-size: 13px;
	background-color: #673e0c; /* #a8b0e5 purpleish */
	width: 65px;
}
td.Errperloc {
	border: 1px solid black;
	font-size: 11px;
	text-align: center;
}


table.intransittotal {
	border-collapse: collapse;
	border: 1px solid black;
	margin-left: 70px;
	width: 260px;
	background-color: #bffac0; /* greenish */
}
td.intransittotal {
	font-size: 12px;
	text-align: center;
}
th.intransittotal {
	border: 1px solid black;
	font-weight: bold;
	font-size: 13px;
	background-color: lightgray;
	width: 50px;
}
	th.intransittotal.width90 {
		width: 80px;
	}


table.kepak {
	margin-top: 10px;
	margin-left: 25px;
	width: 94%;
	padding: 0px 2px 0px 2px;
}
th.kepak {
	border: 1px solid black;
	font-weight: bold;
	font-size: 15px;
	background-color: black;
	color: white;
	padding: 0px 2px 0px 2px;
}
td.kepak {
	border: 1px solid black;
	font-size: 14px;
	padding: 0px 4px 0px 4px;
}


table.kepuploadfile {
	margin-left: 6px;
	margin-top: 15px;
	margin-right: 6px;
}


table.Locationsmanagement {
	border-collapse: collapse;
	border: 1px solid black;
	margin-left: 70px;
	background-color: #cbd1fa; /* purpleish */
}
th.Locationsmanagement {
	border: 1px solid black;
	font-weight: bold;
	font-size: 13px;
	background-color: #99cc66; /*corp green;*/
}
td.Locationsmanagement {
	border: 1px solid black;
	font-size: 13px;
	text-align: center;
	color: darkblue;
}
	td.Locationsmanagement.width40 {
		width: 40px;
	}
	td.Locationsmanagement.bold {
		font-weight: normal;
		width: 250px;
		font-size: 15px;
	}


table.marginleft40 {
	margin-left: 40px;
}


table.plsdamages {
	margin-left: 13px;
	margin-top: -2px;
	width: 100%;
}
td.plsdamages {
	vertical-align: top;
}


table.ReconciliationMatchesSumm {
	border-collapse: collapse;
	border: 1px solid black;
	width: 160px;
	background-color: #fbebcd; /* light orange */
	float: right;
	/*position: relative; /* Testing position relative */
	/*top: 0px; */ /* Testing position relative */
}
th.ReconciliationMatchesSumm {
	border: 1px solid black;
	font-weight: bold;
	font-size: 13px;
	background-color: #feab3a; /* purpleish */
}


table.solidcollapse {
	border-collapse: collapse;
	border: 1px solid black;
	margin-left: 3px;
	width: 100%;
}
	table.solidcollapse.greyandwhite {
		background-color: dimgrey; /*#eef3f1      dimgrey*/
		color: white;
	}
	table.solidcollapse.greyandgreen {
		background-color: dimgrey; /*#e8eef3;*/
		color: #f1f7a0; /* e0fac6 */
		/*margin-left:5px;*/
	}
	table.solidcollapse.darkredandwhite {
		background-color: #584040; /*#e8eef3;*/
		color: white; /* e0fac6 */
	}
	table.solidcollapse.lightred {
		background-color: #c78b8b; /*#e8eef3;*/
		color: white; /* e0fac6 */
	}
	table.solidcollapse.grey {
		/*border: 1px solid black;*/
		border-color: #999999;
	}
	table.solidcollapse.browniebackgandgrey {
		border-color: #999999;
		/*background-color: #99cc66;*/
		background-color: #ad5024; /* brownie colour */
	}


table.solidcollapsewidth100 {
	border-collapse: collapse;
	border: 1px solid black;
	width: 100%;
	background-color: #ebe8f2;
	font-style: italic;
	margin-top: 5px;
}

th.StatsAdminAccount {
	border: 1px solid black;
	font-weight: bold;
	color: white;
	font-size: 13px;
	background-color: #673e0c; /* #a8b0e5 purpleish / #fecb71 light orange / #fecb71 dark brown    */
	width: 80px;
}

th.StatsErrperloc {
	border: 1px solid black;
	font-weight: bold;
	color: white;
	font-size: 13px;
	background-color: #673e0c; /* #a8b0e5 purpleish / #fecb71 light orange / #fecb71 dark brown    */
	width: 70px;
}



table.tab_outstanding {
	border-collapse: collapse;
	border: 1px solid black;
	margin-left: 70px;
	width: 260px;
	background-color: #bffac0; /* greenish */
}


table.Threecombined {
	border-collapse: collapse;
	text-align: left;
	margin: 11px 4px 11px 4px;
}
td.Threecombinedgreen {
	background-color: #4CAF50;
	color: white;
	border: 1px solid black;
	padding-left: 7px;
	padding-right: 7px;
}
td.Threecombinedwhite {
	background-color: white;
	color: black,;
	border: 1px solid black;
	padding-left: 7px;
	padding-right: 7px;
}
td.Threecombinedwhite.paddingreduced {
	padding-left: 5px;
	padding-right: 5px;
}


th.th_outstanding {
	border: 1px solid black;
	font-weight:bold;
	font-size: 15px;
	background-color: lightgray;
	width:300px;
	padding-top:4px;
	padding-bottom:4px;
}
td.td_outstandingalign {    
	text-align:center;
	padding-bottom:2px;
}
td.td_outstandingfooter {    
	font-size: 11px;
}


tr.verticalalign {
	vertical-align: top;
}


table.Viewmasterpallet {
	border-collapse: collapse;
	border: 1px solid black;
	margin-left: 70px;
	/*width: 225px;*/
	background-color: #f3e6f6; /* pinky purpleish */
}
th.Viewmasterpalletid {
	border: 1px solid black;
	font-weight: bold;
	font-size: 10px;
	background-color: #a8b0e5; /* purpleish */
	width: 23px;
}
th.Viewmasterpallet {
	border: 1px solid black;
	font-weight: bold;
	font-size: 13px;
	background-color: #a8b0e5; /* purpleish */
	width: 70px;
}
th.Viewmasterpalletdesc {
	border: 1px solid black;
	font-weight: bold;
	font-size: 13px;
	background-color: #a8b0e5; /* purpleish */
	width: 195px;
}
td.Viewmasterpalletid {
	border: 1px solid black;
	font-size: 10px;
	text-align: center;
}
td.Viewmasterpallet {
	border: 1px solid black;
	font-size: 12px;
	text-align: center;
}
td.Viewmasterpalletdesc {
	border: 1px solid black;
	font-size: 12px;
	text-align: left;
}



.table_dereport {
	width: 66%;
	font-size: 14px;
	margin-left: 145px;
	color: green;
	margin-top: 11px;
	background-color: #f8d2b6; /* pastel orange */
	border: 3px solid black;
	border-color: #04670c /* Greenish */
}


.tableheader_dereport {
	color: #ff6a00; /* orange */
	background-color: #0b2e2a; /* darkgreen */
	border-color: #0b2e2a;
	font-size: 15px;
	width: 16%;
	padding: 5px;
}


.tablerows_dereport {
	color: #ff6a00; /* orange */
	background-color: #1e655d; /* less darkgreen */
	border-color: #0b2e2a;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	width: 16%;
	padding: 4px;
}


.table_summpalreport {
	width: 66%;
	font-size: 12px;
	margin-left: 135px;
	margin-top: -17px;
	margin-bottom: 17px;
}
.tableheader_summpalreport {
	color: white;
	font-size: 14px;
	width: 10%;
	padding: 01px;
	border: 0px solid black; /* width style color */
	border-collapse: collapse; /* to stop displaying two parallel lines */
}
	.tableheader_summpalreport.blackfont {
		color: black;
	}
	.tableheader_summpalreport.blue {
		background-color: #0066CC;
	}
	.tableheader_summpalreport.red {
		background-color: red;
	}
	.tableheader_summpalreport.green {
		background-color: green;
	}


.tablecell_summpalreport {
	color: navy; /* orange */
	background-color: #f6f5f5; /* less darkgreen */
	/*border-color:yellow;*/ /*#0b2e2a*/
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	width: 9%;
	padding: 01px;
	border: 1px solid black; /* width style color */
	border-collapse: collapse; /* to stop displaying two parallel lines */
}
	.tablecell_summpalreport.blackfont {
		color: black;
	}


.tablerow_summpalreport {
	border: 0px solid black;
}


.table_searchctrl {
	text-align: center; /* just for the text */
	margin-left: auto; /* So its centered */
	margin-right: auto; /* So its centered */
}


.table_Woodcount {
	width:99%;
	font-size: 14px;
	margin-left:1%;
	color: white;
	margin-top: 10px;
	margin-bottom: 10px;
}
.td_Woodcount_count {
	padding: 3px; 
	text-align: center
}
.td_Woodcount_header {
	width: 16%; 
	text-align: center; 
	font-weight: bold;
}
.td_Woodcount_header.other {
	width: 15%; 
}



.txt_login {
	width: 250px;
	padding: 2px 12px;
	font-size: 18px;
	color:black;
/*	color: #555;*/
	border: 1px solid #CCC;
	/*box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;*/ /*within the textbox*/
}
	.txt_login.green {
		font-size: 14px;
		color: #008241;
	}
	
.txt_Woodcount {
	text-align:right;
	width: 75px;
	border: none;
	font-size: 14px;
}
.txt_Woodcount.total {
	font-weight: bold;
	color: brown;
}

.ul_radInseparatelinenobullets {
	list-style: none;
	margin-left: -20px;
}

.widthmintextbox {
	min-width: 35%; /*width: 440px;  this doesn't seem to set the expected width  */
}
.width90 {
	width: 178px; 
}
.width100 {
	width: 100px;
}
.width150 {
    width: 150px;
}
.width190 {
	width: 190px;
}
.width200 {
    width: 200px;
}
.width230 {
	width: 230px;
}
.width290 {
	width: 290px;
}
.width300 {
	width: 300px;
}

.woodsbutton {
	display: inline-block;
	padding-bottom: 2px;
	padding-top: 2px;
	font-size: 17px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 2px solid #366e9d;
	border-radius: 13px;
	width: 185px;
}
	.woodsbutton.uploadfile {
		color: #366e9d;
		padding: 1px 1px;
		font-size: 16px;
		font-weight: bold;
		background: #e2ebf3;
		width: 100px;
		border-radius: 9px;
	}
	.woodsbutton.search {
		color: #366e9d;
		padding: 2px 1px;
		font-size: 16px;
		font-weight: bold;
		background: #e2ebf3;
		width: 75px;
		border-radius: 6px;
	}
	.woodsbutton.delete {
		color: red;
		font-weight: bold;
		font-size: 16px;
		width: 170px;
		padding: 1px 1px;
		background: #e2ebf3;
		border-radius: 4px;
	}
	.woodsbutton.querydupdelete {
		color: red;
		font-weight: bold;
		font-size: 16px;
		width: 110px;
		padding: 1px 1px;
		background: white;
		border-radius: 12px;
		margin: 2px 10px 3px 22px; /* margin shorthand property in this order: top right bottom left */
	}
	.woodsbutton.queryqtyupdate {
		color: #366e9d;
		font-weight: bold;
		font-size: 16px;
		width: 100px;
		padding: 1px 1px;
		background: #e2ebf3;
		border-radius: 12px;
		/*margin-top: 2px;
		margin-right: 10px;
		margin-bottom: 3px;
		margin-left: 25px;*/
		margin: 2px 10px 3px 25px; /* margin shorthand property in this order: top right bottom left */
	}
	.woodsbutton.narrow {
		width: 160px;
	}
	.woodsbutton.narrower {
		width: 140px;
	}
		.woodsbutton.narrower.marginL10 {
			margin-left: 10px;
		}
		.woodsbutton.narrower.margintopbottom {
			width: 130px;
			margin-top: 6px;
			margin-bottom: 4px;
		}
	.woodsbutton.narrowest {
		width: 90px;
	}
.woodsqualitybutton {
	font-size: 13px;
	border-radius: 5px;
	width: 68px;
	padding-bottom: 1px;
	padding-top: 0px;
}
	.woodsqualitybutton.uploadimage {
		border: 2px solid #3ad446;
	}
	.woodsqualitybutton.removeimage {
		border: 2px solid #800047;
	}

	

/*****************************************************************************************************************************************/
/************************************** End --> sorted A to Z (notice that tables td and th are mixed up *********************************/
/*****************************************************************************************************************************************/












.temp {
	color: red;
}


/* below from Testing area */
.div_reorder_itemarea {    
	font-size:15px;
	font-weight:bold;
	background-color:#dff8c6;
	color:#000000; 
	/*margin-left: 1px;*/
	height: 20px;
	width:95%;
	border:groove thin green;
	margin-bottom:1px;
}
 .reorder_whendragging {
	  border:dashed medium red;
	  width:95%;
	  height:19px;
}
 
   .tdcol1 {
	   margin-left:-10px;
	  top:1px;
	 width:60%;
 }
  .tdcol2 {
	  top:1px;
	 width:40%;
 }
	.tablereorder {
	  top:1px;
	 width:95%;
 }