* {
 margin: 0 auto;
 padding: 0;
}

body {
 padding: 15px;
 background: url(images/main-bckg.jpg) 0 0 repeat-x #FFF;
 font-size: 14px;
 font-weight: normal;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
}

img {
	border: 0;
}

h1,h2,h3,h4 {
 font-size: 14px;
 font-weight: bolder;
 font-family:  Arial, Helvetica, sans-serif;
 line-height: normal;
}

h1 {
 border-bottom: solid 1px #d9d9d9;
 font-weight: bolder;
 font-size: 180%;
 text-indent: 5px;
 letter-spacing: -1px;
}

a {
	color: #871A2F;
}

a:hover {
	text-decoration:none;
}

b {
	font-size: 12px;
}

hr {
	margin:5px 0;
	border:none;
	height:1px;
	width:100%;
	color: #bc7d27;
	background-color: #bc7d27;
}

div {
	padding:4px;
}

/*********************** Modifying Button Sprite ***********************/
 .remove, .revisions, .add , .switcharrows, .shortcut, .print, .rightinvarrow, .copylink, .history, .rightarrow, .leftarrow, .search, .help, .link{
	margin: 0 1px !important;
	padding: 0 6px 0 7px !important;
	height: 13px !important;
	border: 1px solid black !important;
	font-size: 11px !important;
	float: right;
	background-image: url(smoothness/images/ui-icons_454545_256x240.png) !important;
	background-color: #DFDFDF !important;
	background-repeat: no-repeat !important;
}

.revisions:hover, .switcharrows:hover, .shortcut:hover, .print:hover, .rightinvarrow:hover, .copylink:hover, .history:hover, .rightarrow:hover, .leftarrow:hover, .search:hover, .help:hover, .link:hover{
	background-color: #BFBFBF !important;
}

.add:hover{
	background-color: #4DAF20 !important;
}

.remove:hover{
	background-color: #FF3F3F !important;
}

.link{
	background-position: -241px -114px !important;
}


.copylink{
	background-position: -178px -130px !important;
}

.help{
	background-position: -50px -146px !important;
}

.search{
	background-position: -162px -114px !important;
}

.shortcut{
	background-position: -33px -82px !important;
}

.revisions{
	background-position: -33px -98px !important;
}

.history{
	background-position: -82px -114px !important;
}

.rightinvarrow{
	height: 14px !important;
	padding: 0 7px 0 7px !important;
	background-position: -113px -193px !important;
}

.print{
	background-position: -162px -98px !important;
}

.switcharrows{
	background-position: -114px -82px !important;
}

.remove {
	background-color: #FF8F8F !important;
	background-position: -178px -98px !important;
}

.uparrow {
	background-position: -1px -49px !important;
}

.downarrow {
	background-position: -66px -49px !important;
}

.rightarrow {
	background-position: -33px -50px !important;
}

.leftarrow {
	background-position: -98px -50px !important;
}

.view {
	background-position: -161px -130px !important;
}

.add {
	background-color: #AFDF99 !important;
	background-position: -34px -130px !important;
}

.hidding{
	display: none;
}
#product_update_text ol,ul {
    counter-reset: item;
	margin:4%;
}

#product_update_text ol,ul > li {
    counter-increment: item;
}
/*********************** Program widths ***********************/
.default {
	width: 750px;
	font-size: 12px;
}

.loto_tool {
	width: 775px;
	font-size: 12px;
}

.msds_tool {
	width: 100%;
	font-size: 12px;
}

.jsa_tool {
	width: 100%;
	font-size: 12px;
}

.hr_tool {
	width: 775px;
}

.incentive_tool {
	width: 750px;
	font-size: 12px;
}

.incident_tool {
	width: 100%;
	font-size: 12px;
}

.help_tools {
	width: 750px;
	font-size: 12px;
}

.sanitation_tool {
	width: 100%;
	font-size: 12px;
}

.safety_shop {
	width: 800px;
	font-size: 12px;
}

.policy_tool {
	width: 750px;
	font-size: 12px;
}

.tool {
	width: 750px;
	font-size: 12px;
}

.website {
	width: 100%;
}

/*********************** <div id="container"> ***********************/
#container {
	z-index:0;
	background-color: #F3F3F3;
	padding:0;
	border: 1px solid #4A4A4A;
}

	/*********************** <div id="header"> ***********************/
	#header {
		z-index:1;
		height: 130px;
		margin: 0;
		padding:0;
	}

		#content_header {
			z-index:2;
			background-color: #026CE4;
			height:100px;
			padding:0;
			clear:both;
		}

			#logo {
				z-index:3;
				float:left;
				height:88px;
				padding:12px 0 0 20px;
				font-size:16px;
				font-weight:bold;
				background-color: transparent;
			}

			#logo img {
				border: none;
			}

			#logo a{
				color: #ffffff;
				font-weight:bold;
				font-size:12px;
				text-transform:uppercase;
			}

			#right_header {
				z-index:3;
				float:right;
				height: 98px;
				padding:2px 20px 0 0;
				text-align: right;
				color: #ffffff;
				letter-spacing: 0;
				background-color: transparent;
				font-size: 18px;
				font-weight: bold;
			}

			#right_header #title{
				color: #ffffff;
				padding:0;
				font-size: 26px;
			}

		#menu {
			z-index:2;
			background-color: #FAA634;
			padding:0;
			height:30px;
		}
	/*********************** </div> header ***********************/


	/*********************** <div id="main"> ***********************/
	#main, #main-side {
		z-index:1;
		width:100%;
		float:left;
		padding:20px 0 0 0;
	}

	#main-side {
		background:url(images/sidebar_bckg.jpg) repeat-y top right;
	}

	#main li, #main-side li{
		line-height:20px;
	}

		/*********************** right sidebar area styling ***********************/
		#sidebar {
			z-index:2;
			float:right;
			width:270px;
			padding: 0 20px 0 10px;
			font-size:13px;
		}

		/*********************** content area styling ***********************/
		#content-side {
			z-index:2;
			min-height: 300px;
			margin: 0 320px 10px 20px;
			background: url(images/accidents.gif) no-repeat top right;
			padding:0;
		}

		#content{
			z-index:2;
			margin: 0 20px 10px;
			padding:0;
		}

		#content p , #content-side p{
			padding:0 20px 10px 0;
		}

			table.datatable, table.input {
				margin: 5px auto 10px;
				border-collapse: collapse;
				background-color: #FFFFFF;
			}

			table.datatable th.header, table.input th.header,
			table.divdatatable th.header, table.popup th.header,
			table.popup td.footer, table.datatable tr th.header a,
			table.input tr th.header a, table.divdatatable tr th.header a,
			table.popup tr th.header a, table.popup tr td.footer a {
				/*background-color: #fdd39a;*/
				color: #3f2a0d;
			}
			
			table.datatable th.header2{
				background-color: #FAA634;
				color: #000000;
			}
			
			table.datatable th, table.input th,
            table.datatable tfoot,
			table.divdatatable th, table.popup th,
			table.datatable tr th a, table.input tr th a,
			table.divdatatable tr th a, table.popup tr th a{
				/*background-color: #81b6f2;*/
				color: #000000;
			}


			div.jeditableheader{
				background-color: #2882e8;
				color: #ffffff;
				font-weight: bold;
				font-size: 1.4em;
			}

			div.jeditableheader span{
				cursor: pointer;
			}

			div.input, table.datatable td, table.input th{
				border: 1px solid #bc7d27;
			}
			div.input{
				background-color: #FFFFFF;
			}

			.secondary-background{
				background: #bc7d27;
			}

			.selected-breadcrumb{
				/*background: #FAA634;*/
				color: #7d531a;

			}

			table.datatable td {
				text-align: left;
				padding: 3px 3px;
			}

			table.datatable th, table.datatable th.header {
				text-align: center;
				padding: 3px 3px;
				border: 1px solid #bc7d27;
			}

			table.datatable th a {
				color: white;
			}

			table.input  {
				border: 1px solid #bc7d27;
			}


			table.input td {
				padding: 5px 5px;
				border: 1px solid #bc7d27;
				border-width: 0;
			}

			table.input th, table.input th.header {
				text-align: center;
				padding: 5px 3px;
			}

			table.popup {
				background-color:#FFFFFF;
				/*border: 8px solid #bc7d27*/;
				color: #000;
			}

			table.popup td {
				margin:0;
				padding:0;
			}

			table.popup td div {
				text-align: left;
				overflow-y:scroll;
				height: 400px;
				padding:0;
			}

			table.popup th, table.popup th.header {
				text-align: center;
				padding: 3px 3px;
				/*border-bottom: 5px solid #bc7d27*/;
			}

			table.divdatatable td.footer,
			table.popup td.footer {
				text-align: center;
				padding: 3px 3px;
				/*border-top: 5px solid #bc7d27;*/
			}

			table.divdatatable td div {
				text-align: left;
				overflow: auto;
				height: auto;
				border-bottom:1px solid #bc7d27;
				padding:2px 5px;
			}

			table.divdatatable {
				margin:0px;
				background-color: #FFFFFF;
				width:100%;
				color: #000;
			}

			table.divdatatable th, table.divdatatable th.header {
				text-align: left;
				padding:0 3px;
				/*border: 1px solid #bc7d27;
				border-bottom: 5px solid #bc7d27;
				border-right: 2px solid #bc7d27;*/
			}

			table.divdatatable td {
				padding: 2px 5px;
				/*border-bottom: 1px solid #bc7d27;
				border-right: 2px solid #bc7d27;*/
			}

			table.noborder td{
				padding:0;
				border:none;
				/*border-right:2px solid #bc7d27;*/
			}

			table.divdatatable td.noresults,
			table.popup td.noresults {
				text-align: center;
				font-weight:bolder;
				padding:20px 0 20px 25px;
				/*border-bottom:5px solid #bc7d27;*/
			}

			table.popup div.noresults,
			table.divdatatable div.noresults {
				margin: 150px auto;
				overflow: auto;
				text-align: center;
				font-weight:normal;
				height: auto;
				padding:20px 0;
				/*border-top:5px solid #bc7d27;
				border-right:2px solid #bc7d27;
				border-bottom:5px solid #bc7d27;*/
			}

			.borderbottom {
				/*border:none !important;
				border-bottom:1px solid #bc7d27 !important;*/
			}

			tr.altcolor {
				background-color: #E6E6E6;
			}

			td.altcolor {
				background-color: #E6E6E6;
			}

			tr.selected {
				background-color: #191105;
				color: #fdd39a;
			}

			div.divbox, div.divboxlong {
				text-align:left;
				margin-right: 2px;
				margin-bottom: 2px;
				border: 1px solid #808080;
			}

			div.divbox {
				width: 156px;
				float:left;
			}

			div.divboxlong {
				margin: 2px;
				width: 95%;
			}

			.letters {
				cursor: pointer;
				float: left;
				margin-bottom: 6px;
				padding: 1px 4px;
				border: 1px solid #808080;
				margin-right: 3px;
				font-size: 1.2em;
				background-color: #FFF;
			}

			.required, .error {
				font-weight:bold;
				color: #ff0000;
				font-size:12px;
			}

			.small {
				font-size:10px;
				font-weight:bold;
			}

			ul.hover_list li {
				background-color: #fff7eb;
				border: 1px solid #bc7d27;
				border-width: 0 0 1px 0;
				color: #7d531a;
				list-style: none;
			}

			ul.hover_list .input, ul.hover_list .input {
				color: #000;
			}

			ul.hover_list li a{
				background-color: #fff7eb;
				height: 40px;
				color: #7d531a;
				display: block;
				line-height: 40px;
				padding-left: 10px;
			}

			ul.hover_list li a:hover, ul.hover_list li a:focus, ul.hover_list li:hover, ul.hover_list li:focus {
				background-color: #3f2a0d;
				color: #fdd39a;
			}

	/*********************** </div> main ***********************/

	.dialog { /** Hides the dialog boxes so when page loads slow it does not show them at bottom. **/
		display:none;
	}

	/*********************** <div id="footer"> ***********************/
	#footer {
		z-index:1;
		background-color: #fbb352;
		height:60px;
		padding:0;
		clear:both;
	}

		#left_footer, #right_footer , #copyright {
			z-index:2;
			text-transform:uppercase;
			color: #000000;
			font-weight:bold;
			font-size:12px;
		}

		#copyright {
			float:left;
			min-height: 50px;
			margin: 3px 0 0 20px;
			background: url(images/logo.png) no-repeat top left;
			padding:28px 0 0 152px;
			color: #000000;
			cursor: pointer;

		}

		#copyright:hover{
			color: #000000;
			text-decoration:underline;
		}

		#left_footer {
			float:left;
			padding:5px 0 0 15px;
		}

		#right_footer {
			float:right;
			padding:5px 20px 0 0;
			text-align:right;
		}

		#left_footer a, #right_footer a{
			color: #000000;
			text-decoration:none;
		}

		#left_footer a:hover, #right_footer a:hover {
			color: #000000;
			text-decoration:underline;
		}
	/*********************** </div> footer ***********************/
/*********************** </div> container ***********************/

/*****************Autocomplete***********************************/
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/*************************** Action Table ***********************
.divider {
	margin: 20px 0;
	}


.button:hover {
	/* appearance */
	background-color: #6495ed;
	-webkit-box-shadow: 0 0 3px #6495ed;
	-moz-box-shadow: 0 0 3px #6495ed;
	box-shadow: 0 0 3px #6495ed;
	}

.myTableWrapper {
	width: 800px;
	height: 500px;
	}

.fancyTable td, .fancyTable th {
	/* appearance */
	border: 1px solid #778899;

	/* size */
	padding: 5px;
	}

.fancyTable {
	/* text */
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}

.fancyTable tbody tr td {
	/* appearance */
	background-color: #eef2f9;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);

	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));

	/* text */
	color: #262c31;
	font-size: 16px;
	}

.fancyTable tbody tr.odd td {
	/* appearance */
	background-color: #d6e0ef;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);

	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
	}

.fancyTable thead tr th,
.fancyTable tfoot tr td {
	/* appearance */
	background-color: #8ca9cf;

	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);

	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));

	/* text */
	color: #121517;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 0 1px 1px #e8ebee;
	}

	/*!
* jquery.fixedHeaderTable. The jQuery fixedHeaderTable plugin
*
* Copyright (c) 2011 Mark Malek
* http://fixedheadertable.com
*
* Licensed under MIT
* http://www.opensource.org/licenses/mit-license.php
*
* Launch  : October 2009
* Version : 1.2
* Released: TBA
*/

/* @group Reset */

.fht-table,
.fht-table thead,
.fht-table tfoot,
.fht-table tbody,
.fht-table tr,
.fht-table th,
.fht-table td {
    margin: 0;
	padding: 3px;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	}

.fht-table {
    border-collapse: collapse;
    border-spacing: 0;
	}

/* @end */

/* @group Content */

div.fht-table-wrapper {
	overflow: hidden;
	}

div.fht-tbody {
    overflow-y: auto;
    overflow-x: auto;
	}

.fht-table .fht-cell {
	overflow: hidden;
    height: 1px;
	}

.bottomContainer{
	display: inline-block;
}

/* To Dropdown navbar dropdown on hover */
.navbar-nav > li:hover > .dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

#menuDiv {
	margin-top: 15px;
	padding: 0;
}
#employeeTable{
	table-layout: fixed;	
}
#employeeTable td {
  overflow-wrap: break-word;
}

/*Use this class on html inputs where type=file to limit file name display*/
.truncateFileName {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 250px;
}
/* @end */