body{background:#EEEEEE; margin:0; text-align:center; font-family:'Titillium Web', sans-serif; color:#000000; font-size:13px;}
body.bodylogin{background: #1D4872;}
body.dashboard {background: #1D4872;}
body.batch{background:#FFFFFF;}
body img{border:none;}
html{overflow:-moz-scrollbars-vertical;}
p{text-align:left;}
.floatleft{float:left;}
.floatright{float:right;}
.clearboth{clear:both;}
.space{height:5px; width:100%;} 
.spacer{height:10px; width:100%;} 
.spacer2{height:20px; width:100%;}
.spacer3{height:30px; width:100%;}
.spacer4{height:40px; width:100%;}
.imgmargin{margin:0 10px;}
.imgmargin2{margin:30px;}
.imgmargin3{margin:20px 40px;}
.padding10px{padding:10px;}
.margincenter{margin-left:auto; margin-right:auto; text-align:center;}
.imgverticalalign{vertical-align:middle;}

/* CONTAINERS */

#container{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	display: block;
	z-index: 5;
}
#container_dash{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	float: left;
}
#header{
	width: 96%;
	height: 85px;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0px 2% 0;
	top: 0;
	position: fixed;
	z-index: 5;
	background: #1D4872;
}
#header_dash{
	width: 96%;
	height: 100px;
	float: left;
	text-align: left;
	margin: 20px 2% 40px;
	padding: 0;
		
}
.login_logo {
	max-width: 185px;
	width: 100%;
	height: auto;
	text-align:center;
	margin: 65px auto 65px;
}
.login_logo img{
	width: 100%;
	height: auto;
	text-align:center;
}
#header div.headerlogo{
	width: 32%;
	height: 85px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
}
#header div.headerlogo img {
	width: 100%;
	max-width: 239px;
	height: auto;
	max-height: 70px;
	margin: 20px 12px 12px 20px;
}
#header div.header_dash{
	width: 32%;
	height: 100px;
	float: left;
	margin: 0;
	padding: 0;
	background: #102941;
	text-align: left;
}
#header div.header_dash img {
	width: auto;
	max-width: 346px;
	height: auto;
	max-height: 70px;
	margin: 15px;
}
#header ul{
	width: 500px;
	height: 38px;
	float: left;
	margin: 0px 0px 0px 16%;
	padding: 12px 0px 0px 0px;
}
#header li{ 
	width: 152px;
	height: 38px;
	float: left;
	text-align: left;
	margin: 0px 8px 0px 0px;
	padding: 0;
	display: inline;
	list-style-type: none;
	list-style-image: none;
}
#header div.headerlogin{
	width: auto;
	height: 50px;
	float: right;
	margin: 0px 50px 0px 0px;
	padding: 0;
}
#header div.headerlogin img{
	width: auto;
	height: 32px;
	float: right;
	margin: 9px 15px 0px 0px;
	padding: 0;
}
#header div.headerlogin span{
	width: auto;
	height: 32px;
	float: right;
	margin: 21px 40px 0px 0px;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
}
#header_dash div.headerlogo{
	width: 30%;
	height: 120px;
	float: left;
	margin: 0;
	padding: 0 1%;
	background: #102941;
	text-align: center;
}
#header_dash div.headerlogo img{
	width: auto;
	height: 100%;
	max-height: 80px;
	margin: 20px 0 15px 0;
}
#header_dash div.header_dash{
	width: 32%;
	height: 100px;
	float: left;
	margin: 0;
	padding: 0;
	background: #102941;
	text-align: left;
}
#header_dash div.header_dash img {
	width: auto;
	max-width: 346px;
	height: auto;
	max-height: 70px;
	margin: 15px;
}
#header_dash ul{
	width: 500px;
	height: 38px;
	float: left;
	margin: 0px 0px 0px 16%;
	padding: 12px 0px 0px 0px;
}
#header_dash li{ 
	width: 152px;
	height: 38px;
	float: left;
	text-align: left;
	margin: 0px 8px 0px 0px;
	padding: 0;
	display: inline;
	list-style-type: none;
	list-style-image: none;
}
#header_dash div.headerlogin{
	width: auto;
	height: 50px;
	float: right;
	margin: 0px 50px 0px 0px;
	padding: 0;
}
#header_dash div.headerlogin img{
	width: auto;
	height: 32px;
	float: right;
	margin: 9px 15px 0px 0px;
	padding: 0;
}
#header_dash div.headerlogin span{
	width: auto;
	height: 32px;
	float: right;
	margin: 21px 40px 0px 0px;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
}
input.submitheaderlogin, a.submitheaderlogin, a.submitheaderlogin:link, a.submitheaderlogin:visited{
	width: auto;
	height: auto;
	background: #1EA4D6;
	border: none;
	float: right;
	margin: 10px 0px 0px 0px;
	padding: 5px 20px;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
}
a.submitheaderlogin:hover, input.submitheaderlogin:hover{
	width: auto;
	height: auto;
	background: #FFFFFF;
	border: none;
	float: right;
	margin: 10px 0px 0px 0px;
	padding: 5px 20px;
	color: #333333;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
}
#headerLE{
	width: 100%;
	height: 50px;
	background: #A1B1BC;
	float: left;
	text-align: center;
	margin: 0;
	padding: 0;
}
#maincontentlogin{
	width: 100%;
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
	top: 50px;
	position: relative;
	display: block;
	z-index: -11;
}
#maincontent{
	width: 96%;
	height: auto;
	margin: 90px 0 0 0;
	padding: 0 2%;
	top: 100px;
	position: relative;
	display: block;
	z-index: 0;
}
#maincontent_full{
	width: 100%;
	height: auto;
	margin: 90px 0 0 0;
	padding: 0;
	top: 100px;
	position: relative;
	display: block;
	z-index: 0;
}
#maincontent2{
	width: 96%;
	height: auto;
	margin: 80px 0 0 0;
	padding: 0 2%;
	top: 40px;
	position: relative;
	display: block;
	z-index: 0;
}
#maincontent_dashboard{
	width: 96%;
	height: auto;
	margin: 0px 2% 0;
}
#maincontentLE{
	width: 90%;
	height: auto;
	float: left;
	margin: 15px 5% 0 5%;
	padding: 0;
	display: block;
}
#maincontentBatch{
	width: 100%;
	max-width: 1000px;
	height: auto;
	margin: 0 auto;
	top: 80px;
	position: relative;
	display: block;
	z-index: 0;
}
#maincontentProducts{
	width: 96%;
	height: auto;
	margin: 80px 0 0 0;
	padding: 0 2%;
	top: 100px;
	position: relative;
	display: block;
	z-index: 0;
}

#footer{ 
	width: 100%;
	height: 40px;
	background: #A1B1BC;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	bottom: 0;
	position: fixed;
	z-index: 5;
}
#footer div{ 
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin: 0;
	padding: 8px 0px 0px 0px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
}
#footer div a, #footer div a:visited{color:#333333;}
#footer div a:hover{color:#FFFFFF;}
#footer span{ 
	width: 49%;
	height: auto;
	float: right;
	text-align: right;
	margin: 0;
	padding: 8px 1% 0px 0px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
}

/* END OF CONTAINERS */

/* CELLS */

.cell_full_login{
	width: 90%;
	height: auto;
	min-height: 705px;
	background: #EEEEEE;
	float: left;
	text-align: left;
	margin: 0;
	padding: 2% 5% 5% 5%;
}
.cell_full_login h1{ 
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
}
h2{
	width: 50%;
	height: auto;
	background: none;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 25px;
	font-weight: 600;
	text-transform: capitalize;
	color: #232C2F;
}
h2.OL_step{width:100%; height:auto; float:left; padding:0; margin:0; font-family:'Titillium Web', sans-serif; font-size:30px; font-weight:600; text-transform:capitalize; color:#FFFFFF; text-align:center;}
.CScontent_PageTitle h2.product {
	font-size: 40px;
}
.cell_full_login h2{ 
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #888888;
}

.cell_login_dashboard{
	width: 100%;
	max-width: 500px;
	height: auto;
	background: #FFFFFF;
	float: none;
	text-align: left;
	margin: 30px auto 50px auto;
	padding: 0;

}
.cell_login_dashboard span.spanheader{
	width: 99%;
	height: auto;
	background: #A1B1BC;
	float: left;
	text-align: left;
	margin: 0;
	padding: 1% 0 1% 1%;
	-webkit-border-top-left-radius: 10px; 
    -moz-border-top-left-radius: 10px;                     
    border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px; 
    -moz-border-top-right-radius: 10px;                     
    border-top-right-radius: 10px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 17px;
	font-weight: 600;
	text-transform: uppercase;
	color: #FFFFFF;
}
.cell_login_dashboard div.divlogindash{
	width: 90%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 2% 5% 2% 5%;
}
.cell_login_dashboard div.divlogindash h3{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin: 0px 0px 20px 0px;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 17px;
	font-weight: 600;
	text-transform: uppercase;
	color: #000000;
}
.cell_login_dashboard div.divformlogin{
	width: 96%;
	height: auto;
	float: left;
	text-align: center;
	margin: 3% 0 3% 0;
	padding: 2% 2% 2%;
	background: #102941;
	transition:all 0.8s ease;
}
.cell_login_dashboard div.divformlogin h3{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin: 0px 0px 10px 0px;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 17px;
	font-weight: 600;
	text-transform: uppercase;
	color: #FFFFFF;
}
.cell_login_dashboard div.divformlogin h4{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0px 0px 20px 0px;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
}
.cell_login_dashboard div.divformlogin p{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0px 0px 25px 0px;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-transform: none;
	color: #000000;
}
.cell_login_dashboard div.divloginoptions{
	width: 40%;
	height: auto;
	background: #EEEEEE;
	border: 1px solid #DDDDDD;
	float: right;
	text-align: left;
	margin: 3% 0 0 0;
	padding: 2%;
	-webkit-border-radius: 10px; 
    -moz-border-radius: 10px;                     
    border-radius: 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-transform: none;
	color: #000000;
}
.cell_login_dashboard div.divloginoptions a:link, .cell_login_dashboard div.divloginoptions a:visited, .cell_login_dashboard div.divloginoptions a:active{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #000000;
}
.cell_login_dashboard div.divloginoptions a:hover{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #000000;
}
.cell_login_dashboard div.divloginoptions img{
	width: auto;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 7px 0 0;
	padding: 0;
}
.cell_login_dashboard div.divloginoptions h5{
	width: auto;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
}
.cell_login_dashboard div.divloginwelcome{
	width: 20%;
	height: auto;
	background: #EEEEEE;
	border: 1px solid #DDDDDD;
	float: left;
	text-align: center;
	margin: 15% 35% 15% 35%;
	padding: 5%;
	-webkit-border-radius: 10px; 
    -moz-border-radius: 10px;                     
    border-radius: 10px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 25px;
	font-weight: bold;
	text-transform: none;
	color: #000000;
}

.cell_content_full{
	width: 100%;
	float: left;
	padding-bottom: 50px;
}
.cell_content_column{}
.cell_content{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.cell_content_sections{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0px 0px;
	padding: 0;
}
.cell_content_sections h2{
	width: 50%;
	height: auto;
	background: none;
	float: left;
	text-align: left;
	margin: 20px 0;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 30px;
	font-weight: 600;
	text-transform: capitalize;
	color: #232C2F;
}
.cell_content_sections h2.H2CCS-half{
	width: 49%;
	height: auto;
	background: none;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 0 0 1%;
	font-family: 'Titillium Web', sans-serif;
	font-size: 20px;
	font-weight: 600;
	text-transform: capitalize;
	color: #333333;
}
.cell_content_sections div.divCScontent{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}
.cell_content_sections div.divCScontent ul.list2 {
	margin: 0;
	padding:0;
	list-style-type: none;
	float: left;
	height: auto;
	width: 100%;
}
.cell_content_sections div.divCScontent ul.list2 li {
	margin: 0 2% 20px;
	padding:70px 0;
	list-style-type: none;
	float: left;
	height: auto;
	width: 46%;
	text-align: center;
	font-size: 25px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	
}
.cell_content_sections div.divCScontent ul.list2 li.pink {
	background: #F574BF;
}
.cell_content_sections div.divCScontent ul.list2 li.blue {
	background: #72B7E2;
}
.cell_content_sections div.divCScontent ul.list2 li.green {
	background: #B2CC6A;
}
.cell_content_sections div.divCScontent ul.list2 li.yellow {
	background: #EDCB6D;
}
.cell_content_sections div.divCScontent ul.list2 li a {
	color: black;
	text-decoration: none;
}
.cell_content_sections div.divCScontent ul.list2 li a:hover {
	text-decoration: underline;
}
h3.salessummery {
	color: #333333;
	font-size: 20px;
	font-weight: 600;
	margin: 10px 0 15px 30px;
	padding: 0;
}
.cell_content_sections div.divCSview{
	width: 46%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 1% 2%;
}
.orderdetail_middle{
	width: 100%;
	height: auto;
	float: left;
}
.orderdetail_middle ul {
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 30px 0;
	list-style-type: none;
}
.orderdetail_middle li {
	width: 25%;
	height: auto;
	float: left;
	margin: 0;
	padding:0;
	text-align:center;
	color: #333333;
	font-size: 18px;
	font-weight: 500;
}
.orderdetail_middle li strong {
	font-weight: 600;
}
.logindetails {
	float: right;
	height: 68px;
	width: 66.5%;
	color: #ffffff;
	padding-top: 17px;
}
.logindetails_dashboard {
	float: right;
	height: 85px;
	width: 66.5%;
	color: #ffffff;
	padding-top: 35px;
	background: #102941;
}
.CScontent_pieCharts{
	width: 30%;
	height: auto;
	float: left;
	text-align: center;
	margin: 0 10%;
	padding: 0;
}
.CScontent_pieCharts h3{
	font-size: 25px;
	font-weight: 600;
}
.CScontent_img{
	width: 35%;
	height: auto;
	background: #FFFFFF;
	float: left;
	text-align: center;
	margin: 0 0 0 5%;
	padding: 1.5% 2.5%;
}
.CScontent_img img{
	width: 99%;
	max-width: 200px;
	height: auto;
	margin: 0;
	padding: 0;
}
.CScontent_info{
	width: 55%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}
.CScontent_info span.CSinfospan{
	width: 20%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 5% 0 0;
	font-weight: bold;
	color: #1EA4D6;
}
.CScontent_info div.CSinfodiv{
	width: 75%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}
.CScontent_info div.CSinfodiv a:link, .CScontent_info div.CSinfodiv a:visited, .CScontent_info div.CSinfodiv a:active{
	font-weight: bold;
	color: #1EA4D6;
}
.CScontent_info div.CSinfodiv a:hover{
	font-weight: bold;
	color: #000000;
}
.CScontent_map{
	width: 43%;
	height: auto;
	float: right;
	text-align: left;
	margin: 0 0 0 2%;
	padding: 0;
}
.CScontent_table{
	width: 50%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}

.CScontent_info_wide{
	width: 100%;
	max-width: 700px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}
.CScontent_info_slim{
	width: 100%;
	max-width: 500px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 0 0 50px;
	padding: 0;
}

.CScontent_info_full{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 1% 0 0 0;
	padding: 0;
}
.CScontent_info_full ul{
	margin: 0;
	padding: 0;
}
.CScontent_info_full li{
	width: 48%;
	height: auto;
	float: left;
	text-align: left;
	margin: 1%;
	padding: 0;
	list-style-type: none;
}
.CScontent_info_full li span{
	width: 20%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 5% 0 0;
	font-weight: bold;
	color: #1EA4D6;
}
.CScontent_info_full li div{
	width: 75%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}
.CScontent_info_full li div a:link, .CScontent_info_full li div a:visited, .CScontent_info_full li div a:active{
	font-weight: bold;
	color: #4CD2FF;
}
.CScontent_info_full li div a:hover{
	font-weight: bold;
	color: #000000;
}

.CScontent_info_small{
	width: 48%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 2% 0 0;
	padding: 0;
}

.CScontent_stats{
	width: 63%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 2% 0 0;
	padding: 0;
}
.CScontent_stats_table{
	width: 35%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}

.CScontent_job_info{
	width: 34%;
	height: auto;
	border-top: 1px #DDDDDD solid;
	float: left;
	text-align: left;
	margin: 0 0 0 2%;
	padding: 0;
}
.CScontent_job_info ul{
	margin: 0;
	padding: 0;
}
.CScontent_job_info li{
	width: 96%;
	height: auto;
	border-bottom: 1px #DDDDDD solid;
	float: left;
	text-align: left;
	margin: 0;
	padding: 1% 2%;
	list-style-type: none;
}
.CScontent_job_info li span.CSjobinfospan{
	width: 20%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 5% 0 0;
	font-weight: bold;
	color: #1EA4D6;
}
.CScontent_job_info li div.CSjobinfodiv{
	width: 75%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}
.CScontent_job_info li div.CSjobinfodiv a:link, .CScontent_job_info li div.CSjobinfodiv a:visited, .CScontent_job_info li div.CSjobinfodiv a:active{
	font-weight: bold;
	color: #4CD2FF;
}
.CScontent_job_info li div.CSjobinfodiv a:hover{
	font-weight: bold;
	color: #000000;
}
.CScontent_job_summaries{
	width: 55%;
	height: auto;
	background: #EEEEEE;
	float: left;
	text-align: left;
	margin: 0 2% 0 3%;
	padding: 2%;
}
.CScontent_job_summaries span.CSjobsummariesspan{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: bold;
	color: #1EA4D6;
}

.CScontent_product_info{
	width: 50%;
	height: auto;
	border-top: 1px #DDDDDD solid;
	float: left;
	text-align: left;
	margin: 0 0 0 2%;
	padding: 0;
}
.CScontent_product_info ul{
	margin: 0;
	padding: 0;
}
.CScontent_product_info li{
	width: 96%;
	height: auto;
	border-bottom: 1px #DDDDDD solid;
	float: left;
	text-align: left;
	margin: 0;
	padding: 1% 2%;
	list-style-type: none;
}
.CScontent_product_info li span.CSproductinfospan{
	width: 20%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 5% 0 0;
	font-weight: bold;
	color: #1EA4D6;
}
.CScontent_product_info li div.CSproductinfodiv{
	width: 75%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}
.CScontent_product_info li div.CSproductinfodiv p{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 13px;
}
.CScontent_product_info li div.CSproductinfodiv a:link, .CScontent_product_info li div.CSproductinfodiv a:visited, .CScontent_product_info li div.CSproductinfodiv a:active{
	font-weight: bold;
	color: #4CD2FF;
}
.CScontent_product_info li div.CSproductinfodiv a:hover{
	font-weight: bold;
	color: #000000;
}
.CScontent_product_IMG{
	width: 41%;
	height: auto;
	background: #EEEEEE;
	float: right;
	text-align: left;
	margin: 0 2% 0 3%;
	padding: 1%;
}
.CScontent_product_IMG img{
	width: 100%;
}
.CScontent_PageTitle{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 0 2% 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: #1EA4D6;
}
.CScontent_PageTitle h2{
	width: auto;
	margin: 0 0 5px 0;
	padding: 0;
}
.CScontent_PageTitle div{
	width: auto;
	height: auto;
	float: right;
	text-align: left;
	margin: 0 2%;
	padding: 0;
}

.cell_content_sections div.divCSreport{
	width: 29%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 1% 2%;
}

.cell_content_Pages{
	width: 98%;
	height: auto;
	min-height: 500px;
	background: #FFFFFF;
	box-shadow: 1px 1px 20px 1px #CCCCCC;
	float: left;
	text-align: left;
	margin: 0;
	padding: 1%;
	-webkit-border-radius: 10px; 
    -moz-border-radius: 10px;                     
    border-radius: 10px;
}
.cell_content_Widgets_Pages{
	width: 19%;
	height: auto;
	background: #FFFFFF;
	box-shadow: 1px 1px 20px 1px #CCCCCC;
	float: left;
	text-align: left;
	margin: 10px 0 0 2%;
	padding: 0;
	-webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.cell_content_Widgets_Pages h3{
	width: 96%;
	height: auto;
	background: #0072AC;
	float: left;
	text-align: left;
	margin: 0;
	padding: 2%;
	-webkit-border-top-left-radius: 10px; 
    -moz-border-top-left-radius: 10px;                     
    border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px; 
    -moz-border-top-right-radius: 10px;                     
    border-top-right-radius: 10px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
}
.cell_content_Widgets_Pages div.divWPcontent{
	width: 90%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 1% 5%;
}
.cell_content_Widgets_Pages div.divWPcontent p{
	text-align: left;
}
.cell_content_Widgets_Pages div.divWPcontent label{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0px 0px 3px 0px;
	padding: 0;
}
.cell_content_Widgets_Pages div.divWPcontent input.CWPinput{
	width: 80%;
	height: auto;
	border: 1px solid #999999;
	float: left;
	text-align: left;
	margin: 0px 10px 0px 0px;
	padding: 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #000000;
}
.section_report_content{width:48%; padding:0; margin:0 1%; float:left;}
.section_report_content .report_category{width:100%; padding:0; margin:0; float:left;}
.section_report_content .report_category .RC_header{background:#38474D; color:#FFFFFF; width:100%; height:40px; padding:1% 0;}
.section_report_content .report_category .RC_header h2{float:left; color:#FFFFFF; text-align:left; font-size:20px; font-weight:normal; padding:0 1%; margin:0;}
.section_report_content .report_category .RC_content{background:#F7F7F0; width:96%; height:auto; float:left; text-align:left; padding:1% 2%; margin:0;}
.section_report_content .report_category .RC_content ul{width:100%; padding:0; margin:0; background:#FFFFFF;}
.section_report_content .report_category .RC_content ul li{width:98%; list-style:none; border-bottom:1px solid #DDDDDD; padding:1%;}
.section_report_content .report_category .RC_content ul li a, .section_report_content .report_category .RC_content ul li a:link, .section_report_content .report_category .RC_content ul li a:active, .section_report_content .report_category .RC_content ul li a:visited{text-decoration:none;}
.section_report_content .report_category .RC_content ul li a:hover{text-decoration:underline;}
.sales {
	background: #102941;
	float: right;
	height: auto;
	width: 30%;
}
.sales h2 {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-size: 35px;
	font-weight: 600;
	font-family: 'Titillium Web', sans-serif;
	text-align: center;
}
.sales ul{
	margin: 10px 0 0 0;
	padding: 0 5%;
	float: left;
	list-style-type: none;
	height: auto;
	width: 90%;
	display: inline;
}
.sales li {
	background: #575C96;
	height: 130px;
	width: 30%;
	margin: 0 1.5%;
	float: left;
	color: #ffffff;
	font-size: 17px;
	font-family: 'Titillium Web', sans-serif;
	text-align:center;
	padding: 10px 0;
}
.sales li a {
	text-decoration: none;
	color: #ffffff;
}
.sales li span {
	font-size: 35px;
	margin: 0;
	padding: 0;
	line-height: 1;
	font-weight: 600;
}
.imageUpload{
	width: 94%;
	height: auto;
	background: #DDDDDD;
	float: left;
	text-align: left;
	margin: 20px 0 10px 0;
	padding: 3%;
	-webkit-border-radius: 10px; 
    -moz-border-radius: 10px;                     
    border-radius: 10px;
	color: #333333;
}
.imageUpload span.IUspan{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	color: #333333;
}

.imageUpload span.IUspanbrowse{
	width: 200px;
	height: auto;
	background: url(../images/general/browseupload1.png) right no-repeat;
	float: left;
	text-align: right;
	margin: 4px 15px 0px 0px;
	padding: 0px 30px 0px 0px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #1EA4D6;
}
.imageUpload span.IUspanmedia{
	width: 200px;
	height: auto;
	background: url(../images/general/medialibrary1.png) right no-repeat;
	float: left;
	text-align: right;
	margin: 2px 15px 0px 0px;
	padding: 0px 30px 0px 0px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #1EA4D6;
}
.imageUpload label{color: #1EA4D6;}

.imageOptions{
	width: auto;
	height: auto;
	float: left;
	text-align: left;
	margin: 10px 30px 0px 0px;
	padding: 0;
}
.imagePreview{
	width: auto;
	height: auto;
	background: #EEEEEE;
	float: left;
	text-align: left;
	margin: 20px 0px;
	padding: 15px;
	-webkit-border-radius: 10px; 
    -moz-border-radius: 10px;                     
    border-radius: 10px;
}
.imagePreview img{
	width: auto;
	height: auto;
	max-width: 300px;
	max-height: 150px;
}

/* END OF CELLS */

/* NAVS */

#subnavcontainer{
	width: 100%;
	float: left;
	text-align: left;
	margin: -5px 0 0 0;
	padding: 0px 0px 0 0;
	height: 36px;
	background: #1D4872;
	position: fixed;
	z-index: 1;
}
#subnav{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 1px auto 0;
}
#subnav ul{
	margin: 0;
	padding: 0;
}
#subnav li{
	width: auto;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 1px 1px 1px;
	padding: 0;
	font-weight: normal;
	text-transform: uppercase;
	list-style-type: none;
}
#subnav a, #subnav a:link, #subnav a:visited{
	width: auto;
	height: auto;
	float: left;
	margin: 0;
	padding: 9px 15px 8px 35px;
	font-size: 11.5px;
	font-weight: 600;
	color: #72DCFF;
	text-decoration: none;
}
#subnav a:hover{
	width: auto;
	height: auto;
	float: left;
	margin: 0;
	padding: 9px 15px 8px 35px;
	font-size: 11.5px;
	font-weight: 600;
	color: #72DCFF;
	text-decoration: none;
	background: #666666;
	text-decoration: none;
}
#subnav li.webapp_dashboard{
	width: auto;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 0.1% 1px 20px;
	padding: 0;
	font-weight: normal;
	text-transform: uppercase;
	list-style-type: none;
}
#subnav li.webapp_dashboard a, #subnav li.webapp_dashboard a:link, #subnav li.webapp_dashboard a:visited{background: url(../images/buttons/home.png) center no-repeat; width: 40px; float: right; height: 35px; padding: 0;}
#subnav li.webapp_dashboard a:hover, #subnav li.webapp_dashboard a:active{background: url(../images/buttons/home_active.png) center no-repeat;}
#subnav li.webapp_dashboardActive a, #subnav li.webapp_dashboardActive a:link, #subnav li.webapp_dashboardActive a:visited{background: url(../images/buttons/home_active.png) center no-repeat;}
#subnav li.webapp_dashboardActive a:hover, #subnav li.webapp_dashboardActive a:active{background: url(../images/buttons/home_active.png) center no-repeat;}

#subnav li.webapp_CRM a, #subnav li.webapp_CRM a:link, #subnav li.webapp_CRM a:visited{background: url(../images/general/contacts_ico.png) left no-repeat #55A2D0; color: #FFFFFF;}
#subnav li.webapp_CRM a:hover, #subnav li.webapp_CRM a:active{background: url(../images/general/contacts_ico_act.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_CRMActive a, #subnav li.webapp_CRMActive a:link, #subnav li.webapp_CRMActive a:visited{background: url(../images/general/contacts_ico_act.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_CRMActive a:hover, #subnav li.webapp_CRMActive a:active{background: url(../images/general/contacts_ico_act.png) left no-repeat #EDEDED; color: #666666;}

#subnav li.webapp_Production a, #subnav li.webapp_Production a:link, #subnav li.webapp_Production a:visited{background: url(../images/general/production_ico.png) left no-repeat #55A2D0; color: #FFFFFF;}
#subnav li.webapp_Production a:hover, #subnav li.webapp_Production a:active{background: url(../images/general/production_ico_act.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_ProductionActive a, #subnav li.webapp_ProductionActive a:link, #subnav li.webapp_ProductionActive a:visited{background: url(../images/general/production_ico_act.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_ProductionActive a:hover, #subnav li.webapp_ProductionActive a:active{background: url(../images/general/production_ico_act.png) left no-repeat #EDEDED; color: #666666;}

#subnav li.webapp_StockMovement a, #subnav li.webapp_StockMovement a:link, #subnav li.webapp_StockMovement a:visited{background: url(../images/buttons/stockmovement.png) left no-repeat #55A2D0; color: #FFFFFF;}
#subnav li.webapp_StockMovement a:hover, #subnav li.webapp_StockMovement a:active{background: url(../images/buttons/stockmovement_active.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_StockMovementActive a, #subnav li.webapp_StockMovementActive a:link, #subnav li.webapp_StockMovementActive a:visited{background: url(../images/buttons/stockmovement_active.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_StockMovementActive a:hover, #subnav li.webapp_StockMovementActive a:active{background: url(../images/buttons/stockmovement_active.png) left no-repeat #EDEDED; color: #666666;}

#subnav li.webapp_quotes a, #subnav li.webapp_quotes a:link, #subnav li.webapp_quotes a:visited{background: url(../images/buttons/quotes.png) left no-repeat #55A2D0; color: #FFFFFF;}
#subnav li.webapp_quotes a:hover, #subnav li.webapp_quotes a:active{background: url(../images/buttons/quotes_active.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_quotesActive a, #subnav li.webapp_quotesActive a:link, #subnav li.webapp_quotesActive a:visited{background: url(../images/buttons/quotes_active.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_quotesActive a:hover, #subnav li.webapp_quotesActive a:active{background: url(../images/buttons/quotes_active.png) left no-repeat #EDEDED; color: #666666;}

#subnav li.webapp_MaterialsServices a, #subnav li.webapp_MaterialsServices a:link, #subnav li.webapp_MaterialsServices a:visited{background: url(../images/general/productspec_ico.png) left no-repeat #55A2D0; color: #FFFFFF;}
#subnav li.webapp_MaterialsServices a:hover, #subnav li.webapp_MaterialsServices a:active{background: url(../images/general/productspec_ico_act.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_MaterialsServicesActive a, #subnav li.webapp_MaterialsServicesActive a:link, #subnav li.webapp_MaterialsServicesActive a:visited{background: url(../images/general/productspec_ico_act.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_MaterialsServicesActive a:hover, #subnav li.webapp_MaterialsServicesActive a:active{background: url(../images/general/productspec_ico_act.png) left no-repeat #EDEDED; color: #666666;}

#subnav li.webapp_Materials a, #subnav li.webapp_Materials a:link, #subnav li.webapp_Materials a:visited{background: url(../images/general/productspec_ico.png) left no-repeat #55A2D0; color: #FFFFFF;}
#subnav li.webapp_Materials a:hover, #subnav li.webapp_Materials a:active{background: url(../images/general/productspec_ico_act.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_MaterialsActive a, #subnav li.webapp_MaterialsActive a:link, #subnav li.webapp_MaterialsActive a:visited{background: url(../images/general/productspec_ico_act.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_MaterialsActive a:hover, #subnav li.webapp_MaterialsActive a:active{background: url(../images/general/productspec_ico_act.png) left no-repeat #EDEDED; color: #666666;}

#subnav li.webapp_Assets a, #subnav li.webapp_Assets a:link, #subnav li.webapp_Assets a:visited{background: url(../images/general/asset_ico.png) left no-repeat #55A2D0; color: #FFFFFF;}
#subnav li.webapp_Assets a:hover, #subnav li.webapp_Assets a:active{background: url(../images/general/asset_ico_act.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_AssetsActive a, #subnav li.webapp_AssetsActive a:link, #subnav li.webapp_AssetsActive a:visited{background: url(../images/general/asset_ico_act.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_AssetsActive a:hover, #subnav li.webapp_AssetsActive a:active{background: url(../images/general/asset_ico_act.png) left no-repeat #EDEDED; color: #666666;}


#subnav li.webapp_Stock a, #subnav li.webapp_Stock a:link, #subnav li.webapp_Stock a:visited{background: url(../images/general/stock_ico.png) left no-repeat #55A2D0; color: #FFFFFF;}
#subnav li.webapp_Stock a:hover, #subnav li.webapp_Stock a:active{background: url(../images/general/stock_ico_act.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_StockActive a, #subnav li.webapp_StockActive a:link, #subnav li.webapp_StockActive a:visited{background: url(../images/general/stock_ico_act.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_StockActive a:hover, #subnav li.webapp_StockActive a:active{background: url(../images/general/stock_ico_act.png) left no-repeat #EDEDED; color: #666666;}


#subnav li.webapp_Sales a, #subnav li.webapp_Sales a:link, #subnav li.webapp_Sales a:visited{background: url(../images/general/sales_ico.png) left no-repeat #55A2D0; color: #FFFFFF;}
#subnav li.webapp_Sales a:hover, #subnav li.webapp_Sales a:active{background: url(../images/general/sales_ico_act.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_SalesActive a, #subnav li.webapp_SalesActive a:link, #subnav li.webapp_SalesActive a:visited{background: url(../images/general/sales_ico_act.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_SalesActive a:hover, #subnav li.webapp_SalesActive a:active{background: url(../images/general/sales_ico_act.png) left no-repeat #EDEDED; color: #666666;}

#subnav li.webapp_PurchaseOrders a, #subnav li.webapp_PurchaseOrders a:link, #subnav li.webapp_PurchaseOrders a:visited{background: url(../images/general/purchase_ico.png) left no-repeat #55A2D0; color: #FFFFFF;}
#subnav li.webapp_PurchaseOrders a:hover, #subnav li.webapp_PurchaseOrders a:active{background: url(../images/general/purchase_ico_act.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_PurchaseOrdersActive a, #subnav li.webapp_PurchaseOrdersActive a:link, #subnav li.webapp_PurchaseOrdersActive a:visited{background: url(../images/general/purchase_ico_act.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_PurchaseOrdersActive a:hover, #subnav li.webapp_PurchaseOrdersActive a:active{background: url(../images/general/purchase_ico_act.png) left no-repeat #EDEDED; color: #666666;}

#subnav li.webapp_GoodsReceived a, #subnav li.webapp_GoodsReceived a:link, #subnav li.webapp_GoodsReceived a:visited{background: url(../images/general/despatch_ico.png) left no-repeat #55A2D0; color: #FFFFFF;}
#subnav li.webapp_GoodsReceived a:hover, #subnav li.webapp_GoodsReceived a:active{background: url(../images/general/despatch_ico_act.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_GoodsReceivedActive a, #subnav li.webapp_GoodsReceivedActive a:link, #subnav li.webapp_GoodsReceivedActive a:visited{background: url(../images/general/despatch_ico_act.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_GoodsReceivedActive a:hover, #subnav li.webapp_GoodsReceivedActive a:active{background: url(../images/general/despatch_ico_act.png) left no-repeat #EDEDED; color: #666666;}

#subnav li.webapp_Despatch a, #subnav li.webapp_Despatch a:link, #subnav li.webapp_Despatch a:visited{background: url(../images/general/despatch_ico.png) left no-repeat #55A2D0; color: #FFFFFF;}
#subnav li.webapp_Despatch a:hover, #subnav li.webapp_Despatch a:active{background: url(../images/general/despatch_ico_act.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_DespatchActive a, #subnav li.webapp_DespatchActive a:link, #subnav li.webapp_DespatchActive a:visited{background: url(../images/general/despatch_ico_act.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_DespatchActive a:hover, #subnav li.webapp_DespatchActive a:active{background: url(../images/buttons/general/despatch_ico_act.png) left no-repeat #EDEDED; color: #666666;}

#subnav li.webapp_Reports a, #subnav li.webapp_Reports a:link, #subnav li.webapp_Reports a:visited{background: url(../images/general/reports_ico.png) left no-repeat #55A2D0; color: #FFFFFF;}
#subnav li.webapp_Reports a:hover, #subnav li.webapp_Reports a:active{background: url(../images/general/reports_ico_act.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_ReportsActive a, #subnav li.webapp_ReportsActive a:link, #subnav li.webapp_ReportsActive a:visited{background: url(../images/general/reports_ico_act.png)  left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_ReportsActive a:hover, #subnav li.webapp_ReportsActive a:active{background: url(../images/general/reports_ico_act.png)  left no-repeat #EDEDED; color: #666666;}

#subnav li.webapp_media a, #subnav li.webapp_media a:link, #subnav li.webapp_media a:visited{background: url(../images/buttons/media.png) left no-repeat #55A2D0; color: #FFFFFF;}
#subnav li.webapp_media a:hover, #subnav li.webapp_media a:active{background: url(../images/buttons/media_active.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_mediaActive a, #subnav li.webapp_mediaActive a:link, #subnav li.webapp_mediaActive a:visited{background: url(../images/buttons/media_active.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_mediaActive a:hover, #subnav li.webapp_mediaActive a:active{background: url(../images/buttons/media_active.png) left no-repeat #EDEDED; color: #666666;}

#subnav li.webapp_users a, #subnav li.webapp_users a:link, #subnav li.webapp_users a:visited{background: url(../images/buttons/users.png) left no-repeat #55A2D0; color: #FFFFFF;}
#subnav li.webapp_users a:hover, #subnav li.webapp_users a:active{background: url(../images/buttons/users_active.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_usersActive a, #subnav li.webapp_usersActive a:link, #subnav li.webapp_usersActive a:visited{background: url(../images/buttons/users_active.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_usersActive a:hover, #subnav li.webapp_usersActive a:active{background: url(../images/buttons/users_active.png) left no-repeat #EDEDED; color: #666666;}

#subnav li.webapp_settings a, #subnav li.webapp_settings a:link, #subnav li.webapp_settings a:visited{background: url(../images/buttons/settings.png) left no-repeat #55A2D0; color: #FFFFFF;}
#subnav li.webapp_settings a:hover, #subnav li.webapp_settings a:active{background: url(../images/buttons/settings_active.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_settingsActive a, #subnav li.webapp_settingsActive a:link, #subnav li.webapp_settingsActive a:visited{background: url(../images/buttons/settings_active.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_settingsActive a:hover, #subnav li.webapp_settingsActive a:active{background: url(../images/buttons/settings_active.png) left no-repeat #EDEDED; color: #666666;}

#subnav li.webapp_finance a, #subnav li.webapp_finance a:link, #subnav li.webapp_finance a:visited{background: url(../images/buttons/financeicon_active.png) left no-repeat #55A2D0; color: #FFFFFF;}
#subnav li.webapp_finance a:hover, #subnav li.webapp_finance a:active{background: url(../images/buttons/financeicon.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_financeActive a, #subnav li.webapp_financeActive a:link, #subnav li.webapp_financeActive a:visited{background: url(../images/buttons/financeicon.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_financeActive a:hover, #subnav li.webapp_financeActive a:active{background: url(../images/buttons/financeicon.png) left no-repeat #EDEDED; color: #666666;}

#subnav li.webapp_reportsActive a, #subnav li.webapp_reportsActive a:link, #subnav li.webapp_reportsActive a:visited{background: url(../images/buttons/reportsicon_active.png) left no-repeat #55A2D0; color: #FFFFFF;}
#subnav li.webapp_reportsActive a:hover, #subnav li.webapp_reportsActive a:active{background: url(../images/buttons/reportsicon.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_reportsActive a, #subnav li.webapp_reportsActive a:link, #subnav li.webapp_reportsActive a:visited{background: url(../images/buttons/reportsicon.png) left no-repeat #EDEDED; color: #333333;}
#subnav li.webapp_reportsActive a:hover, #subnav li.webapp_reportsActive a:active{background: url(../images/buttons/reportsicon.png) left no-repeat #EDEDED; color: #666666;}


#subnav ul.sub{
	width: 85%;
	height: auto;
	background: #EEEEEE;
	float: left;
	margin: 0;
	padding: 5px 0 25px 15%;
	list-style-type: none;
}
#subnav li.sub{
	width: 100%;
	text-align: left;
	margin: 0 0 2px 0;
	padding: 0;
}
#subnav li.sub a{
	display: block;
	padding: 5px;
	text-transform: none;
}
#subnav li.sub a:link, #subnav li.sub a:visited{
	background: #888888;
	font-size: 15px;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	text-decoration: none;
	color: #FFFFFF;
}
#subnav li.sub a:hover{
	background: #FFFFFF;
	font-size: 15px;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	text-decoration: none;
	color: #888888;
}
.dashboardnav {
	width: 100%;
	height: auto;
	float: left;
	background: #102941;
	margin: 0px 0 19px 0;

}
.dashboardnav ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	float: none;
	text-align: center;
	width: 100%;
	max-width: 1330px;
}
.dashboardnav li {
	display: inline;
	text-align: center;
	max-width: 103px;
	height:auto;
	float: left;
	margin: 2% 0.25% 2%;
	padding: 0;
}
.dashboardnav li img {
	width: 100%;
}
.dashboardnav li a {
	float: left;
}
#dropdown{
	width: 32px;
	float: right;
	margin: 9px 25px 0 0;
	padding: 0;
	position: relative;
	display: block;
	transition: all 0.15s linear 0s;
	box-sizing: border-box;
	outline: medium none;
	vertical-align: baseline;
	cursor: pointer;
	z-index:1000;
}
#dropdown:hover{
	 }
#dropdown.open{
	}
#dropdown span{
	width: 32px;
	height: 32px;
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	display: block;
}
#dropdown img {
	transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  display: block;
}
#dropdown img:hover {
  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
} 
#dropdown ul{ 
	background: #1EA4D6;
	border-right: 4px solid #38474D;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	display: none;
	left: -174px;
	padding: 0;
	position: relative;
	top: 100%;
	width: 206px;
	height: 100%;
	float: left;
	list-style: outside none none;
	box-sizing: border-box;
	font: inherit;
	margin: 0;
	outline: medium none;
	vertical-align: baseline;
}
#dropdown ul li{
	width: 100%;
	font-size: 0.9em;
	border: 0 none;
	box-sizing: border-box;
	margin: 0;
	outline: medium none;
	padding: 0;
	vertical-align: baseline;
	text-align: right;
}
#dropdown ul li a{ 
	font-size: 15px;
	font-weight: 600;
	color: #FFFFFF;
	display: block;
	padding: 7px 15px;
	text-decoration: none;
}
#dropdown ul li a:hover{
	color: #FFFFFF;
	background: #38474D;
}

.actions{width:48%; height:auto; float:right; text-align:left; margin:0; padding:0 1%;}
.actions ul{margin:0; padding:0;}
.actions li{width:auto; height:auto; float:right; text-align:left; margin:0; padding:0; font-family:'Titillium Web', sans-serif; font-size:15px; font-weight:500; color:#000000; list-style-type:none;}
.actions li.ALright{float:right; text-align:right; margin:0 0 0 10px;}

.actionsP{width:76%; height:auto; background:#0073AC; box-shadow:1px 1px 20px 1px #CCCCCC; float:left; text-align:left; margin:10px 0; padding:15px 1%; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.actionsP ul{margin:0; padding:0;}
.actionsP li{width:auto; height:auto; float:right; text-align:left; margin:0 0 0 20px; padding:0; list-style-type:none;}
.actionsP li span{float:right; margin:-1px 15px 0 0; font-family:'Titillium Web', sans-serif; font-size:25px; font-weight:bold; text-transform:uppercase; color:#FFFFFF;}
input.actionsPsubmit, a.actionsPsubmit, a.actionsPsubmit:link, a.actionsPsubmit:visited{width:auto; height:auto; background:#1EA4D6; border:none; float:right; margin:0; padding:5px 10px; color:#FFFFFF; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}
a.actionsPsubmit:hover, input.actionsPsubmit:hover{width:auto; height:auto; background:#666666; border:none; float:right; margin:0; padding:5px 10px; color:#FFFFFF; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}

.paging ul{margin-left:auto; margin-right:auto; min-width:20%; text-align:center; padding:20px 5px; font-weight:bold; list-style-type:none;}
.paging li{display:inline-block; font-size:14px; font-weight:500; color:#666666; margin-bottom: 15px;} *:first-child+html .paging li{display:inline;}
.paging a, .paging a:visited{color:#FFFFFF; text-decoration:none; background:#1EA4D6; padding:5px 10px;}
.paging a:hover{color:#1EA4D6; background:#FFFFFF;}
.paging a#active{color:#000000; text-decoration:none; border:none; padding:5px;}
.paging select{width:50px; color:#999966; font-size:9px; padding:2px; text-align:right; border:1px solid #ccc; margin:-15px 0 0 0;}

/* END OF NAVS */

/* LISTS */

.listtiles{width:100%; height:auto; float:left; margin:10px 0; padding:0;}
.listtiles h3{width:100%; height:auto; background:none; float:left; text-align:left; margin:0; padding:0; font-family:'Titillium Web', sans-serif; font-size:25px; font-weight:600; text-transform:capitalize; color:#232C2F;}
.listtiles ul{margin:0; padding:0;}
.listtiles li{list-style-type:none;}
.listtiles li a:link, .listtiles li a:visited, .listtiles li a:active{width:20%; min-width:190px; height:60px; background:#1EA4D6; float:left; text-align:center; margin:1%; padding:2% 1%; list-style-type:none; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-family:'Titillium Web', sans-serif; font-size:27px; line-height:30px; font-weight:600; text-decoration:none; text-transform:uppercase; color:#ffffff;}
.listtiles li a:hover{width:20%; min-width:190px; height:60px; background:#666666; float:left; text-align:center; margin:1%; padding:2% 1%; list-style-type:none; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-family:'Titillium Web', sans-serif; font-size:27px; line-height:30px; font-weight:600; text-decoration:none; text-transform:uppercase; color:#FFFFFF;}
.listtiles li.listtilesEcom a:hover{background:#ECB002; border:1px solid #FFBF00; color:#FFFFBF;}
.listtiles li.listtilesCon a:hover{background:#7439AE; border:1px solid #FFBF00; color:#FFFFBF;}

.listtilesSML{width:100%; height:auto; float:left; margin:0 0 10px 0; padding:0;}
.listtilesSML h3{width:100%; height:auto; background:none; float:left; text-align:left; margin:0; padding:0; font-family:'Titillium Web', sans-serif; font-size:25px; font-weight:600; text-transform:capitalize; color:#232C2F;}
.listtilesSML ul{margin:0; padding:0;}
.listtilesSML li{list-style-type:none;}
.listtilesSML li a:link, .listtilesSML li a:visited, .listtilesSML li a:active{width:20%; min-width:190px; height:60px; background:#1EA4D6; float:left; text-align:center; margin:1%; padding:2% 1%; list-style-type:none; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-family:'Titillium Web', sans-serif; font-size:21px; line-height:25px; font-weight:600; text-decoration:none; text-transform:uppercase; color:#ffffff;}
.listtilesSML li a:hover{width:20%; min-width:190px; height:60px; background:#666666; float:left; text-align:center; margin:1%; padding:2% 1%; list-style-type:none; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-family:'Titillium Web', sans-serif; font-size:21px; line-height:25px; font-weight:600; text-decoration:none; text-transform:uppercase; color:#FFFFFF;}

.listcheckboxmedia{width:66.5%; height:auto; float:left; margin:0; padding:13px 0 0 20px;}
.listcheckboxmedia ul{margin:0; padding:0; list-style-type:none;}
.listcheckboxmedia li{width:30%; height:auto; float:left; list-style-type:none; text-align:left; margin:0 3% 2% 0; padding:0; font-weight:bold; display:inline;}
.listcheckboxmedia input{width:20px; height:auto; float:left; clear:both; list-style-type:none; text-align:left; margin:2px 3px 0 0; padding:0; color:#000000; font-weight:bold; display:inline;}
.listcheckboxmedia img{width:30px; height:30px; float:left; list-style-type:none; text-align:left; margin:-5px 5px 0 0; padding:0; color:#000000; font-weight:bold; display:inline;}

.listcheckboxFormAdv{width:100%; height:auto; float:left; margin:30px 0; padding:0;}
.listcheckboxFormAdv ul{margin:0; padding:0;}
.listcheckboxFormAdv li{width:47%; height:30px; background:#EEEEEE; float:left; text-align:left; margin:0 5px 5px 0; padding:1%; display:inline; list-style-type:none; font-family:'Roboto', sans-serif; font-size:13px; font-weight:bold;}
.listcheckboxFormAdv input{width:auto; height:auto; float:left; margin:2px 5px 0 0; padding:0;}

.listcheckbox{width:95%; height:auto; float:left; margin:10px 0 10px 5%; padding:0;}
.listcheckbox ul{margin:0; padding:0;}
.listcheckbox li{width:100%; height:auto; float:left; list-style-type:none; text-align:left; margin:0 0 8px 0; padding:0; font-size:15px; font-weight:normal; display:inline; list-style-type:none;}
.listcheckbox input{width:20px; height:auto; float:left; clear:both; list-style-type:none; text-align:left; margin:5px 3px 0 0; padding:0; color:#000000; font-weight:bold; display:inline;}

.listrecentsearches{width:100%; height:auto; float:left; margin:0; padding:0;}
.listrecentsearches ul{margin:0; padding:0;}
.listrecentsearches li{width:19%; height:auto; float:left; text-align:left; margin:0 1% 1% 0; padding:0; display:inline; list-style-type:none;}
.listrecentsearches li a:link, .listrecentsearches li a:visited, .listrecentsearches li a:active{font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase; color:#1EA4D6;}
.listrecentsearches li a:hover{font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase; color:#666666;}

.listtilesmedia ul{width:100%; text-align:center; margin:0; padding:0;}
.listtilesmedia li{width:12%; height:auto; min-height:220px; border:1px solid #CCCCCC; float:left; text-align:center; margin:5px 2px; padding:5px 0; display:block;}
.listtilesmedia p{text-align:center; clear:both; margin:0; padding:0; white-space:normal;}
.listtilesmedia img{padding:5px 0;}
.listtilesmedia div{min-height:150px;}
.listtilesmedia input{width:100%; text-align:center; margin:0 auto;}
.listtilesmedia li:hover{background:#F1F2F4;}

.listhorizontalmedia ul{width:100%; text-align:center; margin:0; padding:0;}
.listhorizontalmedia li{width:100%; height:auto; min-height:40px; border:1px solid #CCCCCC; float:left; text-align:center; margin:2px; padding:5px 0; display:block;}
.listhorizontalmedia img{height:10%; float:left; padding:5px 0; vertical-align:middle;}
.listhorizontalmedia.mainTM{width:10%;}
.listhorizontalmedia p{width:25%; float:left; margin:10px; padding:0; font-size:14px; display:block; vertical-align:middle;}
.listhorizontalmedia span{float:right; margin:0 40px; padding:0; display:block;}
.listhorizontalmedia input{width:20px; height:40px; float:left; margin:0;}
.listhorizontalmedia li:hover{background:#F1F2F4;}

.list_stock_icons{width:100%; height:auto; float:left; text-align:left; margin:5px 0 20px 0; padding:0;}
.list_stock_icons ul{margin:0; padding:0;}
.list_stock_icons li{width:auto; height:auto; float:left; text-align:left; margin:0 25px 0 0; padding:0; display:block;}
.list_stock_icons img{float:left; margin:0 5px 0 0;}

.finance_list {width:100%; height:auto; float: left; font-size: 16px;}
.finance_list ul {width:100%; height:auto; float: left; list-style-type:none; margin: 0; padding: 0; }
.finance_list li {width:96%; height:auto; float: left; list-style-type:none; margin: 15px 0 0 0; padding: 15px 2%; background:#ffffff;}
.finance_left {width: 72%; height: auto; float:left;}
.finance_list span {font-size: 20px; font-weight: 700;}
.finance_list span.large {font-size: 22px; font-weight: 700; line-height:0.7; margin-top: 5px; float: left;}
.finance_left ul {width:100%; height:auto; float: left; list-style-type:none; margin: 0; padding: 0; }
.finance_left li {width:22%; height:auto; float: left; list-style-type:none; margin: 0 3% 0 0; padding: 0; }
.finance_right {width: 28%; height: auto; float: left; margin-top: 5px;}


/* END OF LISTS */

/* FORMS */

.formsearchL{
	width: 50%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 25%;
	padding: 0;
	color: #666666;
}
h1.company {
height: auto;
	background: none;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 25px;
	font-weight: 600;
	text-transform: capitalize;
	color: #232C2F;
}
.formsearchL h2{
	width: 50%;
	height: auto;
	background: none;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 25px;
	font-weight: 600;
	text-transform: capitalize;
	color: #232C2F;
}
.formsearchL h2 img{
	width: 30px;
	height: auto;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}
.formsearchL div.FSLdivCONTENT{
	width: 96%;
	height: auto;
	background: #EEEEEE;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0px 2%;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.formsearchL div.FSLdivCONTENT label.error{
	text-align:left;
	color:#FF0000;
	margin:2px 0 5px 0;
}
.formsearchL div.FSLdivCONTENT h3{
	width: 98%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	font-family: "Titillium Web",sans-serif;
    font-size: 17px;
    font-weight: 400;
	text-transform: none;
	color: #222222;
}
.formsearchL div.uploadDIV{
	width: 94%;
	height: auto;
	background: #FFFFFF;
	float: left;
	text-align: left;
	margin: 0 0 15px 0;
	padding: 3%;
}
.formsearchL div.uploadDIV label{
	width: auto;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 2% 0 0;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	color: #333333;
}
.formsearchL span#tankDescription label{text-align:left;}
.formsearchL span#tankDescription span{width: auto;height: auto;float: none;text-align: left;margin: 0;padding: 0;}
.formsearchL span#tankDescription span.cke_top{padding:6px 8px 2px;}
.formsearchL span#tankDescription span.cke_toolbox{width:auto;float:none;height:auto;text-align:left;}
.formsearchL span#tankDescription span.cke_toolbar{float:left;}
.formsearchL span#tankDescription span.cke_combo{float:left;}
.formsearchL span#tankDescription span.cke_combo_text{float:left;padding-left:10px;width:60px;}
.formsearchL span#tankDescription span.cke_combo_open{width:5px;margin:1px 7px 1px;height:19px;}
.formsearchL span#tankDescription span.cke_toolgroup{float:left;margin:0 6px 5px 0;}
.formsearchL span#tankDescription span.cke_button_icon{width:16px;height:16px;margin-top:1px;float:left;display:inline-block;}
.formsearchL span{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin: 0 0 15px 0;
	padding: 0;
}
.formsearchL label{
	width: 28%;
	height: auto;
	float: left;
	text-align: right;
	margin: 8px 2% 0 0;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	text-transform: none;
	color: #333333;
}
.formsearchL label.error{
	text-align:left;
	color:#FF0000;
	margin:2px 0 5px 0;
}
.formsearchL label.labelFPwide {text-align:left;}
.formsearchL label.FSLlabelHeader{
	width: 200px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 0 5px 210px;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	text-transform: none;
	color: #333333;
}
.formsearchL p{
	width: 69%;
	height: auto;
	float: left;
	text-align: left;
	margin: -15px 0 15px 0%;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
	text-transform: none;
	color: #666666;
}
.formsearchL input.FSLinput{
	width: 97%;
	height: auto;
	background: #FFFFFF;
	border: none;
	float: left;
	text-align: left;
	margin: 0;
	padding: 10px 1.5%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
}
.formsearchL input.FSLinputLong{
	width: 66.4%;
	height: auto;
	background: #FFFFFF;
	border: none;
	float: left;
	text-align: left;
	margin: 0;
	padding: 10px 1.5%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
}
.formsearchL input.FSLinputLong2{
	width: 97%;
	height: auto;
	background: #FFFFFF;
	border: none;
	float: left;
	text-align: left;
	margin: 0;
	padding: 10px 1.5%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
}

.FSLinputSingle{
	width: 47%;
	height: auto;
	background: #FFFFFF;
	border: none;
	float: none;
	text-align: left;
	margin: 0 auto;
	padding: 10px 1.5%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
}
.formsearchL input.FSLinput2{
	width: 97%;
	height: auto;
	border: 1px solid #DDDDDD;
	background: #ffffff;
	float: left;
	text-align: left;
	margin: 0;
	padding: 10px 1.5%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
}
.formsearch input.FSLinput{
	width: 97%;
	height: auto;
	background: #EEEEEE;
	border: none;
	float: left;
	text-align: left;
	margin: 0;
	padding: 10px 1.5%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
}
.formsearch input.FSL2input{
	width: 97%;
	height: auto;
	background: #ffffff;
	border: none;
	float: left;
	text-align: left;
	margin: 0;
	padding: 10px 1.5%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
}
.formsearch div.FSLdivCONTENT label.error{
	text-align:left;
	color:#FF0000;
	margin:2px 0 5px 0;
}
.formsearchL input.FSLinputdate{
	width: 66%;
	height: auto;
	background: #FFFFFF;
	border: none;
	float: left;
	text-align: left;
	margin: 0;
	padding: 10px 0;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	padding-left: 2%;
	padding-right: 2%;
}
.formsearchL span.date{
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	float: left;
}
.formsearchL span.LongPage{
	width: 49%;
	height: auto;
	text-align: center;
	margin: 0 1% 10px 0;
	padding: 0;
	float: left;
}
.formpages input.FSLinputdate{
	width: 66%;
	height: auto;
	background: #FFFFFF;
	border: none;
	float: left;
	text-align: left;
	margin: 0 0 15px 0;
	padding: 10px 2%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
}
.formpages input.FSL2inputdate{
	width: 96%;
	height: auto;
	background: #FFFFFF;
	border: none;
	float: left;
	text-align: left;
	margin: 0;
	padding: 10px 2%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
}
.formpages span.date {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0;
	float: left;
}
.date label{
	font-size: 15px;
	color: #232C2F;
	width: 30%;
	float: left;
	height: auto;
	text-align: left;
	line-height: 14px;
	margin: 12px 0px 0 0;
}
.ui-datepicker-trigger {
    float: left;
    margin-top: 8px;
    margin-left: -40px;
    cursor: pointer;
    border: none;
    background: #ffffff;
}
.formsearchL input.FSLinputcheckbox{
	width: auto;
	min-width: 0;
	height: auto;
	border: none;
	float: left;
	text-align: left;
	margin: 12px 0 0 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
}
.formsearchL select{
	width: 100%;
	height: auto;
	border: none;
	text-align: left;
	margin: 0;
	padding: 9px 1.5% 9px 1.5%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/general/arrow_down.png) right center no-repeat #ffffff;
	cursor: pointer;
	float: left;
}
.formsearchL select.Long{
	width: 70%;

}
select.small {
	width: 100%;
	height: auto;
	border: none;
	text-align: left;
	margin: 0;
	padding: 9px 1.5% 9px 1.5%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/general/arrow_down.png) right center no-repeat #eeeeee;
	cursor: pointer;
	float: left;
}
.formsearchsub{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 15px 0 0px 0;
	padding: 0;
}
.formsearchsub span{
	width: auto;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}
.formsearchsub label{
	width: auto;
	height: auto;
	float: left;
	text-align: right;
	margin: 11px 5px 0 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
	text-transform: none;
	color: #333333;
}
.formsearchsub input.FSSinput{
	width: auto;
	height: auto;
	background: #FFFFFF;
	border: none;
	float: left;
	text-align: left;
	margin: 0 10px 10px 0;
	padding: 10px 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
}
.selectionbox{
	width: auto;
	height: auto;
	background: #FFFFFF;
	border: none;
	float: left;
	text-align: left;
	margin: 0 10px 15px 0;
	padding: 10px 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
}
.selectionbox label{margin:1px 0 0 5px; padding:0; color:#999999; font-weight:normal;}
.formsearchsub input.FSSinput_searchmag{
	width: 160px;
	height: auto;
	border: none;
	float: left;
	text-align: left;
	margin: 0 10px 5px 0;
	padding: 10px 10px 10px 50px;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	background: url(../images/general/mag_glass.png) left center no-repeat #ffffff;
}
.formsearchsub select{
	width: 110px;
	height: auto;
	border: none;
	float: left;
	text-align: left;
	margin: 0 10px 15px 0;
	padding: 9px 30px 9px 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	background: url(../images/general/arrow_down.png) right center no-repeat #ffffff;
	cursor: pointer;
}
.formsearchsub select.stock{width:48%; max-width:none; margin-left:20px;}
.formsearchsub select.colour{width:10%;}
.formsearchsub select.size{width:10%;}
.formsearchsub label.filter{
	text-transform:uppercase;
	font-size: 14px;
	color: #232C2F;
	width: 60px;
	float: left;
	height: auto;
	text-align: left;
	line-height: 14px;
	margin: 5px 10px 0 0;
}

.formmain{
	width: 60%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 20%;
	padding: 0;
	color: #666666;
}
.formmain h2{
	width: 50%;
	height: auto;
	background: none;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 25px;
	font-weight: 600;
	text-transform: capitalize;
	color: #232C2F;
}
.formmain h2 img{
	width: 30px;
	height: auto;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}
.formmain div.FMdivCONTENT{
	width: 90%;
	height: auto;
	background: #EEEEEE;
	float: left;
	text-align: left;
	margin: 0;
	padding: 5%;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.formmain div.FMdiv1{
	width: 73%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 0 0 27%;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
}
.formmain span{
	width: 90%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 10% 15px 0;
	padding: 0;
}
.formmain h3{
	width: auto;
	height: auto;
	float: left;
	text-align: left;
	margin: 25px 0 5px 210px;
	padding: 0;
	font-size: 25px;
	color: #000000;
}
.formmain h3.H3detailView{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: 600;
	color: #333333;
}
.formmain span.FMspan2{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 0 15px 0;
	padding: 0;
}
.formmain label{
	width: 28%;
	height: auto;
	float: left;
	text-align: right;
	margin: 8px 2% 0 0;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	text-transform: none;
	color: #333333;
}
.formmain label.labelFMwide{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 4px 10px 0px 0px;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	text-transform: none;
	color: #333333;
}
.formmain label.error{
	width: 70%;
	height: auto;
	float: left;
	text-align: left;
	color:#FF0000;
	margin:2px 0 5px 30%;
	padding:0;
}
.formmain p{
	width: 69%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 0 0 31%;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
	text-transform: none;
	color: #666666;
}
.formmain input.FMinput{
	width: 66.5%;
	height: auto;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	float: left;
	text-align: left;
	margin: 0;
	padding: 1.5%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
}
.formmain input.FMinputcheckbox{margin:12px 0 0 0;}
.formmain input.FMinputDate{
	width: auto;
	min-width: 300px;
	height: auto;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	float: left;
	text-align: left;
	margin: 0 10px 0 0;
	padding: 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
}
.formmain select{
	width: 69.8%;
	height: auto;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	float: left;
	text-align: left;
	margin: 0;
	padding: 1.5%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
}
.formmain textarea{
	width: 66.5%;
	height: auto;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	float: left;
	text-align: left;
	margin: 0;
	padding: 1.5%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
}

.formpagesWide{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	color: #666666;
}
.formpagesWide h3{
	margin: 0 0 10px 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 20px;
	font-weight: 600;
	text-transform: none;
	color: #333333;
}
.formpagesWide label{
	width: 28%;
	height: auto;
	float: left;
	text-align: right;
	margin: 8px 2% 0 0;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	text-transform: none;
	color: #333333;
}
.formpagesWide input.uploadFile{
	width: auto;
	min-width: 248px;
	height: auto;
	background: #FFFFFF;
	border: 1px solid #999999;
	float: left;
	text-align: left;
	margin: 5px 10px 0px 0px;
	padding: 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #000000;
}
.formpagesWide select{
	width: 69.8%;
	height: auto;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	float: left;
	text-align: left;
	margin: -5px 0 5px 10px;
	padding: 10px 1.5%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/general/arrow_down.png) right center no-repeat #ffffff;
	cursor: pointer;
	float: left;
}

.formpages{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 0%;
	padding: 0;
	color: #666666;
}
.formpages h2{
	width: 100%;
	height: auto;
	background: none;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 25px;
	font-weight: 600;
	text-transform: capitalize;
	color: #232C2F;
}
.formpages h2 img{
	width: 30px;
	height: auto;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}
.formpages div.FPdivCONTENT{
	width: 90%;
	height: auto;
	background: #EEEEEE;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 5%;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.formpages div.FPdivCONTENT span {
	/*width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin: 0 0 15px 0;
	padding: 0;8
	*/
}
.formpages input.FSLinput {
	width: 97%;
	height: auto;
	background: #FFFFFF;
	border: none;
	float: left;
	text-align: left;
	margin: 0;
	padding: 10px 1.5%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
}
.formpages h3.H3detailViewP{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: 600;
	color: #333333;
}
.formpages span.FPspan1{
	width: 90%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 10% 15px 0;
	padding: 0;
}
.formpages span.FPspan1 h3{
	width: 28%;
	height: auto;
	float: left;
	text-align: right;
	margin: 0 72% 0 0;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 20px;
	font-weight: 700;
	text-decoration: none;
	text-transform: none;
	color: #666666;
}
.formpages span.FPspan1 p{
	width: 69%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 0 0 31%;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
	text-transform: none;
	color: #666666;
}
.formpages span.FPspan1 p.plabel{
	width: 69%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	text-transform: none;
	color: #333333;
}
.formpages span.FPspan2{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 0 15px 0;
	padding: 0;
}
.formpages div.divwarningFP1{
	width: 69%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 0 0 31%;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
	text-transform: none;
	color: #666666;
}
.formpages label{
	font-size: 15px;
	color: #232C2F;
	width: 30%;
	float: left;
	height: auto;
	text-align: left;
	line-height: 14px;
	margin: 12px 0 0 0;
}
.formpages label.labelp{
	width: 28%;
	height: auto;
	float: left;
	text-align: right;
	margin: 0 2% 0 0;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	text-transform: none;
	color: #333333;
}
.formpages label.labelFPwide{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 4px 10px 0 0;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	text-transform: none;
	color: #333333;
}
.formpages label.error{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	color: #FF0000;
	margin: 5px 0;
	padding:0;
}
.formpages p{
	width: auto;
	height: auto;
	float: left;
	text-align: right;
	margin: 4px 0 0 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #000000;
}
.formpages input.FPinput{
	width: 66.5%;
	height: auto;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	float: left;
	text-align: left;
	margin: 0;
	padding: 1.5%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
}
.formpages input.FPinputsml{
	width: auto;
	height: auto;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	float: left;
	text-align: left;
	margin: 0;
	padding: 4px 1.5%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
}
.formpages input.FPinputDate{
	width: auto;
	min-width: 300px;
	height: auto;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	float: left;
	text-align: left;
	margin: 0 10px 0 0;
	padding: 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
}
.formpages input.uploadFile{
	width: auto;
	min-width: 248px;
	height: auto;
	background: #FFFFFF;
	border: 1px solid #999999;
	float: left;
	text-align: left;
	margin: 0 10px 0 0;
	padding: 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #000000;
}
.formpages textarea.mceNoEditor{
	width: 66.5%;
	height: auto;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	float: left;
	text-align: left;
	margin: 0 0 5px 0;
	padding: 1.5%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
}
.formpages input.FPinputcheckbox{margin: 12px 0 0 0;}
.formpages select{
	width: 100%;
	height: auto;
	border: none;
	text-align: left;
	margin: 0;
	padding: 9px 1.5% 9px 1.5%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/general/arrow_down.png) right center no-repeat #ffffff;
	cursor: pointer;
	float: left;
}
.formsearch select{
	width: 100%;
	height: auto;
	border: none;
	text-align: left;
	margin: 0 0px 15px 0;
	padding: 13px 1.5% 9px 13%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/general/arrow_down.png) right center no-repeat #ffffff;
	cursor: pointer;
	float: left;
}
.tabledashboard_add td select.bord {
	border: none;
	padding-top: 9px;
	padding-bottom: 9px;
}
.formpages select.FPselectsml{
	width: auto;
	height: auto;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	float: left;
	text-align: left;
	margin: 0 0 5px 0;
	padding: 1.5%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
}
.formpages select.image_selection{min-width: 260px;}

.formtabs{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	color: #666666;
}
.formtabs span.FTdivCONTENT{
	width: 50%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 50% 30px 0;
	padding: 0;
}
.formtabs label{
	width: 28%;
	height: auto;
	float: left;
	text-align: right;
	margin: 8px 2% 0 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	text-transform: none;
	color: #333333;
}
.formtabs p{
	width: auto;
	height: auto;
	float: left;
	text-align: right;
	margin: 4px 0px 0px 0px;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #000000;
}
.formtabs input.FTinput{
	width: 66.5%;
	height: auto;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	float: left;
	text-align: left;
	margin: 0 0 5px 0;
	padding: 10px 1.5%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
}
.formtabs input.FTinputDate{
	width: auto;
	min-width: 300px;
	height: auto;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	float: left;
	text-align: left;
	margin: 0px 10px 0px 0px;
	padding: 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
}
.formtabs input.uploadFile{
	width: auto;
	min-width: 248px;
	height: auto;
	background: #FFFFFF;
	border: 1px solid #999999;
	float: left;
	text-align: left;
	margin: 0px 10px 0px 0px;
	padding: 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #000000;
}
.formtabs textarea.mceNoEditor{
	width: 66.5%;
	height: auto;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	float: left;
	text-align: left;
	margin: 0 0 5px 0;
	padding: 1.5%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
}
.formtabs input.FTinputcheckbox{margin: 12px 0 0 0;}
.formtabs select{
	width: 69.8%;
	height: auto;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	float: left;
	text-align: left;
	margin: 0 0 5px 0;
	padding: 10px 1.5%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/general/arrow_down.png) right center no-repeat #ffffff;
	cursor: pointer;
}
.formtabs select.image_selection{min-width: 260px;}

.formpagesAdvanced{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	color: #000000;
}
.formpagesAdvanced div.FPAdiv1{
	width: auto;
	height: auto;
	float: left;
	text-align: left;
	margin: 0px 0px 0px 210px;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
}
.formpagesAdvanced span.FPAspanfull1{
	width: 97%;
	height: 60px;
	float: left;
	text-align: left;
	margin: 0 5px 5px 0;
	padding: 0 1%;
}
.formpagesAdvanced span.FPAspanhalf1{
	width: 47%;
	height: 55px;
	float: left;
	text-align: left;
	margin: 0 5px 5px 0;
	padding: 0 1%;
}
.formpagesAdvanced span.FPAspanhalf1 p{font-size: 12px;}
.formpagesAdvanced span.FPAspanhalfBG1{
	width: 47%;
	height: 55px;
	background: #EEEEEE;
	float: left;
	text-align: left;
	margin: 0 5px 5px 0;
	padding: 1%;
}
.formpagesAdvanced span.FPAspanhalfBG1 label{
	margin: 4px 3% 0px 0px;
}
.formpagesAdvanced label{
	width: 32%;
	height: auto;
	float: left;
	text-align: left;
	margin: 4px 3% 60px 0px;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	text-transform: none;
	color: #000000;
}
.formpagesAdvanced label.labelFPAwide{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 4px 10px 0px 0px;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	text-transform: none;
	color: #000000;
}
.formpagesAdvanced p{
	width: 50%;
	height: auto;
	float: left;
	text-align: left;
	margin: 4px 0px 0px 0px;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #000000;
}
.formpagesAdvanced input.FPAinput{
	width: 50%;
	height: auto;
	border: 1px solid #999999;
	float: left;
	text-align: left;
	margin: 0 5px 0 0;
	padding: 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #000000;
}
.formpagesAdvanced input.uploadFile{
	width: auto;
	min-width: 248px;
	height: auto;
	background: #FFFFFF;
	border: 1px solid #999999;
	float: left;
	text-align: left;
	margin: 0px 10px 0px 0px;
	padding: 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #000000;
}
.formpagesAdvanced textarea.mceNoEditor{
	width: auto;
	min-width: 300px;
	height: auto;
	border: 1px solid #999999;
	float: left;
	text-align: left;
	margin: 0px 10px 0px 0px;
	padding: 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #000000;
}
.formpagesAdvanced input.FPAinputcheckbox{
	margin: 6px 0px 0px 0px;
}
.formpagesAdvanced select{
	width: 50%;
	height: auto;
	border: 1px solid #999999;
	float: left;
	text-align: left;
	margin: 0;
	padding: 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #000000;
}
.formpagesAdvanced select.image_selection{
	min-width: 260px;
}

.formadvanced{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	color: #000000;
}
.formadvanced label{
	width: 35%;
	height: auto;
	float: left;
	text-align: right;
	margin: 4px 10px 0px 0px;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	text-transform: none;
	color: #000000;
}
.formadvanced input.FAinput{
	width: 50%;
	height: auto;
	border: 1px solid #999999;
	float: left;
	text-align: left;
	margin: 0px 10px 5px 0px;
	padding: 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #000000;
}
.formadvanced input.FAinputcheckbox{
	margin: 6px 0px 0px 0px;
}
.formadvanced select{
	width: 53%;
	height: auto;
	border: 1px solid #999999;
	float: left;
	text-align: left;
	margin: 0px 0px 5px 0px;
	padding: 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #000000;
}
.formadvanced textarea{
	width: 50%;
	height: auto;
	border: 1px solid #999999;
	float: left;
	text-align: left;
	margin: 0px 0px 5px 0px;
	padding: 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #000000;
}

.formview{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	color: #000000;
}
.formview span{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0px 0px 15px 0px;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
}
.formview label{
	width: 200px;
	height: auto;
	float: left;
	text-align: right;
	margin: 0px 10px 0px 0px;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	text-transform: none;
	color: #000000;
}

.formlogin{
	width: 100%;
	max-width: 360px;
	height: auto;
	float: none;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	color: #000000;
}
.formlogin label{
	width: 162px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	text-transform: none;
	color: #ffffff;
}
.formlogin input.formlogininput{
	width: 100%;
	max-width: 360px;
	height: 40px;
	border: none;
	float: left;
	text-align: center;
	margin: 0px 0px 10px 0px;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
}
.formlogin input.formlogininput::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #999999;
    opacity: 1; /* Firefox */
	text-transform: uppercase;
}
.formlogin input.formlogininput:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999999;
	text-transform: uppercase;
}
.formlogin input.formlogininput::-ms-input-placeholder { /* Microsoft Edge */
    color: #999999;
	text-transform: uppercase;
}
.formlogin input{
	width: auto;
	height: auto;
	float: left;
	text-align: left;
	margin: 3px 7px 20px 0px;
	padding: 0;
}

.formdisplay{
	width: 49%;
	height: auto;
	float: left;
	text-align: right;
	margin: 3px 1% 0 0;
	padding: 0;
	color: #000000;
}
.formdisplay label{
	width: auto;
	height: auto;
	float: right;
	text-align: left;
	margin: 0;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #1EA4D6;
}
.formdisplay input.formdisplayinput{
	width: auto;
	min-width: 150px;
	height: auto;
	border: 1px solid #999999;
	float: right;
	text-align: left;
	margin: 0 0 0 15px;
	padding: 3px;
}
.formdisplay select{
	width: auto;
	min-width: 220px;
	height: auto;
	border: 1px solid #999999;
	float: right;
	text-align: left;
	margin: 0 0 0 15px;
	padding: 3px;
}

.formsearch1{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 3px 0px 0px 0px;
	padding: 0;
	color: #000000;
}
.formsearch1 label{
	width: auto;
	height: auto;
	float: left;
	text-align: left;
	margin: 0px 15px 0px 0px;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #0072AC;
}
.formsearch1 input.formsearch1input{
	width: auto;
	min-width: 150px;
	height: auto;
	border: 1px solid #999999;
	float: left;
	text-align: left;
	margin: 0px 15px 0px 0px;
	padding: 3px;
}
.formsearch1 select{
	width: auto;
	height: auto;
	border: 1px solid #999999;
	float: left;
	text-align: left;
	margin: 0px 15px 0px 0px;
	padding: 2px 3px 2px 3px;
}
.formsearch1 img{
	width: auto;
	height: auto;
	float: left;
	text-align: left;
	margin: 0px 15px 0px -5px;
	padding: 0;
}
.formsearchL input[type=checkbox] {
	display: none;
}
 
.formsearchL input[type=checkbox] + label {
	 background: url(../images/general/checkbox.png) left top no-repeat;
	   display: block;
  min-height: 23px;
	padding-left: 50px;
	text-align: left;
}
 
.formsearchL input[type=checkbox]:checked + label {
	 background: url(../images/general/checked.png) left top no-repeat;
	padding-left: 50px;
}

.formpages input[type=checkbox] {
	display: none;
}
 
.formpages input[type=checkbox] + label {
	background: url(../images/general/checkbox.png) left top no-repeat;
	display: block;
 	min-height: 23px;
	padding-left: 50px;
	padding-top: 5px;
	text-align: left;
}
.formpages input[type=checkbox]:checked + label {
	 background: url(../images/general/checked.png) left top no-repeat;
	padding-left: 50px;
}

.formsearch100 label.floating-label {
	text-align: left;
	margin: 0 0 -11px 15px;
	position: relative;
	z-index: 99;
	float: left;
	width: auto;
	padding: 0 8px;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.formsearchL label.floating-label {
	text-align: left;
	margin: 0 0 -11px 15px;
	position: relative;
	z-index: 99;
	float: left;
	width: auto;
	padding: 0 8px;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.materialSearch{
	width: 80%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 10%!important;
	padding: 0;
	color:#666666;
}
.materialSearchForm{
	width:80%;
	float:left;
	padding:0;
	margin:0;
}
.materialsSearchSubmit{
	width:20%;
	float:left;
	padding:0;
	margin:0;
	position:fixed;
	left:67%;
}


input[readonly]{color:#1EA4D6 !important;background:#EEE !important;border: 1px solid#1EA4D6 !important;}

/* END OF FORMS */

/* TABLES */

.tableResponsive{border:none; overflow-x:auto; overflow-y:auto; width:100%;}

table{
	width: 100%;
	margin: 10px 0;
	font-size: 11px;
}
table th, td{
	border: 1px solid #DADFE0;
	text-align: left;
	padding: 2px 4px;
}
table th{
	height: 35px;
	background: none;
	font-size: 14px;
	font-weight: 600;
	color: #000000;
}
table td{
	background: #FFFFFF;
	vertical-align: top;
	text-align: left;
	padding: 3px;
	font-size: 12px;
	color: #000000;
}
table tr:hover td{
	color: #000000;
}
table img{
	vertical-align: top;
}
table a:link, table a:visited, table a:active, table a{
	font-weight: 700;
	text-decoration: none;
	color: #000000;
}
table a:hover{
	font-weight: 700;
	text-decoration: none;
	color: #000000;
}
table td.black a:link, table td.black a:active, table td.black a{
	font-weight: 700;
	text-decoration: none;
	color: #1EA4D6;
}
table td.black a:hover{
	font-weight: 700;
	text-decoration: none;
	color: #000000;
}

.tabledashboard_list{
	width: 100%;
	border: none;
	font-size: 12px;
}
.tabledashboard_list th{
	height: 40px;
	background: #1D4872;
	border: none;
	text-align: left;
	vertical-align: top;
	padding: 0 5px 0 5px;
	font-size: 15px;
	font-weight: 600;
	color: #ffffff;
	font-family:'Titillium Web', sans-serif;
}
.tabledashboard_list td{
	background: #ffffff;
	border: none;
	padding: 10px 5px 10px 5px;
	font-size: 14px;
	color: #333333;
	font-weight: 500;
	height: 20px;
	vertical-align:top;
	font-family:'Titillium Web', sans-serif;
}
.tabledashboard_list td ul{
	display: inline-block;
}
.tabledashboard_list td li{
	float: left;
	width: 98%;
	list-style-type: circle;
	padding-left: 10px;
	display: list-item;
}
.tabledashboard_list td li span{
	margin:0;
}
.addproduct_search .tabledashboard_list td p{width: 100%; text-align: left; margin-bottom: 0;}
.addproduct_search .tabledashboard_list td span{width: 100%; text-align: left; margin-bottom:6px;}
.tabledashboard_list2{
	width: 100%;
	border: none;
	font-size: 12px;
}
.tabledashboard_list2 th{
	height: 40px;
	background: #38474D;
	border: none;
	text-align: left;
	vertical-align: middle;
	padding: 0 5px 0 5px;
	font-size: 18px;
	font-weight: 600;
	color: #ffffff;
}
.tabledashboard_list2 td{
	border: none;
	padding: 10px 5px 10px 5px;
	font-size: 14px;
	color: #333333;
	font-weight: 500;
	height: 20px;
	vertical-align: middle;
}
.tabledashboard_list2 td strong {
	vertical-align: middle;
	padding: 0 5px 0 5px;
	font-size: 18px;
	font-weight: 600;
	color: #38474D;
}
.tabledashboard_list2 td input, select {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #dddddd;
}
.tabledashboard_list th.small {
	max-width: 8%;
}
.tabledashboard_list td.small {
	max-width: 8%;
	vertical-align: middle;
	text-align: center;
}
.tabledashboard_list td.small span {
	margin: 0;
	padding: 0;
	width: 100%;
}
.tabledashboard_list td input {
	max-width: 130px;
}
.tabledashboard_list td.grey {
	background: #dddddd;
	margin: 10px 0px 10px 13px;
	padding: 0 0 0;
	height: 40px;
}
.tabledashboard_list td span {
	width: 100%;
	float: left;
	margin-bottom: 6px;
	color: #666666;
}
.tabledashboard_list td span.slider {
	width: 100%;
	float: left;
}
.tabledashboard_list td span.pricesEdit {
	width: auto;
	height: auto;
	background: #1EA4D6;
	border: none;
	margin: 0px;
	padding: 3px 10px;
	color: #ffffff;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
}
.tabledashboard_list td div.transferStock {
	width: auto;
	height: auto;
	background: #1EA4D6;
	border: none;
	margin: 0px;
	padding: 3px 10px;
	color: #ffffff;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	text-align:center;
}
.tabledashboard_list td div.transferStock:hover {
	opacity: 0.5;
}
.tabledashboard_list td span.pricesEdit:hover {
	opacity: 0.5;
}
.EnterBtn {
	width: auto;
	height: auto;
	background: #1EA4D6;
	border: none;
	margin: 5px 0px 0px;
	padding: 3px 10px;
	color: #ffffff;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	text-align:center;
}
.EnterBtn:hover {
	opacity: 0.5;
}
.tabledashboard_list td span.white {
	background: #ffffff;
	padding: 10px 12% 10px 4%;
	width: 33.5%;
	margin: 0px 0 0 0.5%;
	height: 20px;
}
.tabledashboard_list td span.title {
	text-align: right;
	color: #333333;
	font-size: 17px;
	font-weight: 600;
	margin-top: 8px;
}
.tabledashboard_list td span.titletotal {
	text-align: right;
	color: #333333;
	font-size: 22px;
	font-weight: 700;
	margin-top: 2px;
}
.tabledashboard_list td.tdnamebulk{word-wrap:break-word;}
.tabledashboard_list tr:hover td{
	background: #F1F2F3;
	color: #333333;
}
.tabledashboard_list th a:link, .tabledashboard_list th a:visited, .tabledashboard_list th a:active, table a{
	font-weight: 600;
	text-decoration: none;
	color: #ffffff;
}
.tabledashboard_list th a:hover{
	font-weight: 600;
	text-decoration: underline;
	color: #FFFFFF;
}
.tabledashboard_list td a:link, .tabledashboard_list td a:visited, .tabledashboard_list td a:active{
	font-weight: 500;
	text-decoration: underline;
	color: #333333;
}
.tabledashboard_list td a:hover{
	font-weight: 500;
	text-decoration: underline;
	color: #999999;
}
.tabledashboard_list td.functions {
	min-width: 110px;
}
.tabledashboard_list td.functions img{
	margin: 0 2px;
}
.tabledashboard_list td.functions span{
	margin:0 4px;
}
.tabledashboard_add{
	width: 100%;
	border: none;
	border-collapse: collapse;
	font-size: 12px;
}
.tabledashboard_add th{
	background: #38474D;
	border: none;
	border-bottom: 2px solid #FFFFFF;
	text-align: left;
	padding: 2px 10px;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	color: #FFFFFF;
	vertical-align: middle;
}
.tabledashboard_add th.TDBAth_whitebg{
	background: #FFFFFF;
	border: none;
	border-bottom: 2px solid #FFFFFF;
	text-align: left;
	padding: 2px 10px;
	font-size: 17px;
	font-weight: bold;
	text-transform: capitalize;
	color: #000000;
	vertical-align: top;
}
.tabledashboard_add td{
	background: #EEEEEE;
	border-left: none;
	border-right: none;
	padding: 10px 7px;
	font-size: 13px;
	font-weight: 600;
	color: #333333;
}
.tabledashboard_add tr:hover td{
	background: #F1F2F3;
	color: #000000;
}
.tabledashboard_add th a:link, .tabledashboard_add th a:visited, .tabledashboard_add th a:active, table a{
	font-weight: bold;
	text-decoration: none;
	color: #005F91;
}
.tabledashboard_add th a:hover{
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
.tabledashboard_add td.functions img{
	margin: 0 10px;
}
.tabledashboard_add td input.TDAtd_input1{
	width: 90%;
	height: auto;
	border: none;
	float: left;
	text-align: left;
	margin: 0;
	padding: 10px 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.tabledashboard_add td input.TDAtd_inputDATE1{
	width: 80%;
	height: auto;
	border: 1px solid #999999;
	float: left;
	text-align: left;
	margin: 0 5px 0 0;
	padding: 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #000000;
}
.tabledashboard_add th select{
	width: 90%;
	height: auto;
	border: 1px solid #999999;
	float: left;
	text-align: left;
	margin: 0;
	padding: 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #000000;
}
.tabledashboard_add td select{
	width: 90%;
	height: auto;
	border: 1px solid #999999;
	float: left;
	text-align: left;
	margin: 0;
	padding: 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #000000;
}

.tabledashboard_view_list{
	width: 100%;
	border: none;
	border-collapse: collapse;
	border-spacing: 1px 1px;
    border-collapse: separate;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
}
.tabledashboard_view_list th{
	height: auto;
	background: #A1B1BC;
	border: none;
	border-bottom: 2px solid #FFFFFF;
	text-align: left;
	padding: 5px;
	font-size: 16px;
	font-weight: 500;
	text-transform: capitalize;
	color: #FFFFFF;
	vertical-align: top;
}
.tabledashboard_view_list td{
	height: auto;
	background: #EEEEEE;
	border-bottom: 2px solid #FFFFFF;
	border-left: none;
	border-right: none;
	border-top: none;
	padding: 10px 5px;
	font-size: 13px;
	font-weight: 500;
	color: #333333;
}
.tabledashboard_view_list td.TDBVL_whitebg{
	background: #FFFFFF;
	font-size: 15px;
}
.tabledashboard_view_list td.TDBVL_largertext{
	font-size: 15px;
	font-weight: normal;
}
.tabledashboard_view_list tr:hover td{
	background: #F1F2F3;
	color: #000000;
}
.tabledashboard_view_list th a:link, .tabledashboard_view_list th a:visited, .tabledashboard_view_list th a:active, table a{
	font-weight: bold;
	text-decoration: none;
	color: #005F91;
}
.tabledashboard_view_list th a:hover{
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
.tabledashboard_view_list td.functions img{
	margin: 0 5px;
}
.tabledashboard_view_list td a:link, .tabledashboard_view_list td a:visited, .tabledashboard_view_list td a:active, table a{
	font-weight: bold;
	text-decoration: underline;
	color: #ffffff;
}
.tabledashboard_view_list td a:hover{
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

.tableBatchControls{
	width: 100%;
	max-width: 600px;
	border: none;
	border-collapse: collapse;
	border-spacing: 1px 1px;
    border-collapse: separate;
}
.tableBatchControls td{
	background: none;
	border-bottom: 2px solid #FFFFFF;
	border-left: none;
	border-right: none;
	border-top: none;
	padding: 0;
}
.tableBatchControls td.TBC_td_batchstarted{
	width: 100%;
	height: auto;
	float: left;
	background: #FF0000;
	border: none;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 23px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
}

.tableDetail_view{
	width: 100%;
	border: none;
	border-collapse: collapse;
	border-spacing: 1px 1px;
    border-collapse: separate;
	font-size: 16px;
	margin-top: 0;
}
.tableDetail_view th{
	width: 40%;
	background: #DDDDDD;
	border: none;
	border-bottom: 1px solid #EEEEEE;
	text-align: right;
	padding: 10px 15px 0 15px;
	font-size: 16px;
	font-weight: 400;
	text-transform: capitalize;
	color: #333333;
	vertical-align: top;
}
.tableDetail_view th p{margin:10px 0;}
.tableDetail_view th.TDV_THlrg{
	font-size: 20px;
	font-weight: 700;
}
.tableDetail_view th a:link, .tableDetail_view th a:visited, .tableDetail_view th a:active{
	font-weight: bold;
	text-decoration: none;
	color: #005F91;
}
.tableDetail_view th a:hover{
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
.tableDetail_view td{
	background: #FFFFFF;
	border-bottom: 1px solid #EEEEEE;
	border-left: none;
	border-right: none;
	border-top: none;
	padding: 10px 15px;
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	vertical-align: top;
}
.tableDetail_view td p{margin:10px 0;}
.tableDetail_view td img{width:120px; margin:10px 0;}
.tableDetail_view td.TDV_TDlrg{
	font-size: 25px;
	font-weight: 700;
}
.tableDetail_view td a:link, .tableDetail_view td a:visited, .tableDetail_view td a:active{
	font-weight: bold;
	text-decoration: underline;
	color: #1EA4D6;
}
.tableDetail_view td a:hover{
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

.tableInfo_view{
	width: 100%;
	border: none;
	font-family: 'Roboto', sans-serif;
}
.tableInfo_view td{
	background: #FFFFFF;
	border: none;
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	vertical-align: middle;
	text-align: left;
}

/* END OF TABLES */

/* BUTTONS */

input.addnew_detail, a.addnew_detail, a.addnew_detail:link, a.addnew_detail:visited{
	width: 100px;
	height: 34px;
	background: url(../images/buttons/addnew1.png) center no-repeat #FFFFFF;
	border: none;
	float: left;
	margin: 0;
	padding: 0;
	color: #000000;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
a.addnew_detail:hover, input.addnew_detail:hover{
	width: 100px;
	height: 34px;
	background: url(../images/buttons/addnew1.png) center no-repeat #EEEEEE;
	border: none;
	float: left;
	margin: 0;
	padding: 0;
	color: #000000;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

input.addnew_product, a.addnew_product, a.addnew_product:link, a.addnew_product:visited{
	width: 143px;
	height: 34px;
	background: url(../images/buttons/addnewproduct1.png) center no-repeat #FFFFFF;
	border: none;
	float: left;
	margin: 0;
	padding: 0;
	color: #000000;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
a.addnew_product:hover, input.addnew_product:hover{
	width: 143px;
	height: 34px;
	background: url(../images/buttons/addnewproduct1.png) center no-repeat #EEEEEE;
	border: none;
	float: left;
	margin: 0;
	padding: 0;
	color: #000000;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

input.addnew_service, a.addnew_service, a.addnew_service:link, a.addnew_service:visited{
	width: 141px;
	height: 34px;
	background: url(../images/buttons/addnewservice1.png) center no-repeat #FFFFFF;
	border: none;
	float: left;
	margin: 0;
	padding: 0;
	color: #000000;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
a.addnew_service:hover, input.addnew_service:hover{
	width: 141px;
	height: 34px;
	background: url(../images/buttons/addnewservice1.png) center no-repeat #EEEEEE;
	border: none;
	float: left;
	margin: 0;
	padding: 0;
	color: #000000;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

input.AddSingleFilesubmit, a.AddSingleFilesubmit, a.AddSingleFilesubmit:link, a.AddSingleFilesubmit:visited{
	width: auto;
	height: auto;
	background: url(../images/buttons/addsinglefile1.png) left no-repeat #1EA4D6;
	border: none;
	float: right;
	margin: 0;
	padding: 11px 10px 11px 40px;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
a.AddSingleFilesubmit:hover, input.AddSingleFilesubmit:hover{
	width: auto;
	height: auto;
	background: url(../images/buttons/addsinglefile1.png) left no-repeat #999999;
	border: none;
	float: right;
	margin: 0;
	padding: 11px 10px 11px 40px;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

input.Activatesubmit, a.Activatesubmit, a.Activatesubmit:link, a.Activatesubmit:visited{
	width: auto;
	height: auto;
	background: url(../images/buttons/activate1.png) left no-repeat #1EA4D6;
	border: none;
	float: right;
	margin: 0;
	padding: 10px 10px 10px 40px;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
a.Activatesubmit:hover, input.Activatesubmit:hover{
	width: auto;
	height: auto;
	background: url(../images/buttons/activate1.png) left no-repeat #999999;
	border: none;
	float: right;
	margin: 0;
	padding: 10px 10px 10px 40px;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

input.De-activatesubmit, a.De-activatesubmit, a.De-activatesubmit:link, a.De-activatesubmit:visited{
	width: auto;
	height: auto;
	background: url(../images/buttons/de-activate1.png) left no-repeat #1EA4D6;
	border: none;
	float: right;
	margin: 0;
	padding: 10px 10px 10px 40px;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
a.De-activatesubmit:hover, input.De-activatesubmit:hover{
	width: auto;
	height: auto;
	background: url(../images/buttons/de-activate1.png) left no-repeat #999999;
	border: none;
	float: right;
	margin: 0;
	padding: 10px 10px 10px 40px;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

input.MultipleFilesubmit, a.MultipleFilesubmit, a.MultipleFilesubmit:link, a.MultipleFilesubmit:visited{
	width: auto;
	height: auto;
	background: url(../images/buttons/multiplefiles1.png) left no-repeat #1EA4D6;
	border: none;
	float: right;
	margin: 0;
	padding: 11px 10px 11px 40px;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
a.MultipleFilesubmit:hover, input.MultipleFilesubmit:hover{
	width: auto;
	height: auto;
	background: url(../images/buttons/multiplefiles1.png) left no-repeat #999999;
	border: none;
	float: right;
	margin: 0;
	padding: 11px 10px 11px 40px;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

input.Printsubmit, a.Printsubmit, a.Printsubmit:link, a.Printsubmit:visited{
	width: auto;
	height: auto;
	background: url(../images/buttons/printinput1.png) left no-repeat #1EA4D6;
	border: none;
	float: right;
	margin: 0;
	padding: 11px 10px 11px 40px;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
a.Printsubmit:hover, input.Printsubmit:hover{
	width: auto;
	height: auto;
	background: url(../images/buttons/printinput1.png) left no-repeat #999999;
	border: none;
	float: right;
	margin: 0;
	padding: 11px 10px 11px 40px;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

input.PDFsubmit, a.PDFsubmit, a.PDFsubmit:link, a.PDFsubmit:visited{
	width: auto;
	height: auto;
	background: url(../images/buttons/pdfinput1.png) left no-repeat #1EA4D6;
	border: none;
	float: right;
	margin: 0;
	padding: 11px 10px 11px 40px;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
a.PDFsubmit:hover, input.PDFsubmit:hover{
	width: auto;
	height: auto;
	background: url(../images/buttons/pdfinput2.png) left no-repeat #999999;
	border: none;
	float: right;
	margin: 0;
	padding: 11px 10px 11px 40px;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

input.Emailsubmit, a.Emailsubmit, a.Emailsubmit:link, a.Emailsubmit:visited{
	width: auto;
	height: auto;
	background: url(../images/buttons/emailinput1.png) left no-repeat #1EA4D6;
	border: none;
	float: right;
	margin: 0;
	padding: 11px 10px 11px 45px;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
a.Emailsubmit:hover, input.Emailsubmit:hover{
	width: auto;
	height: auto;
	background: url(../images/buttons/emailinput1.png) left no-repeat #999999;
	border: none;
	float: right;
	margin: 0;
	padding: 11px 10px 11px 45px;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
input.Downloadsubmit, a.Downloadsubmit, a.Downloadsubmit:link, a.Downloadsubmit:visited{
	width: auto;
	height: auto;
	background: url(../images/buttons/icon_download.png) left no-repeat #1EA4D6;
	border: none;
	float: right;
	margin: 0 0 0 10px;
	padding: 5px 10px 5px 30px;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}
a.Downloadsubmit:hover, input.Downloadsubmit:hover{
	opacity: 0.5;
}
input.picklistbtn, a.picklistbtn, a.picklistbtn:link, a.picklistbtn:visited{
	width: auto;
	height: auto;
	background: #1EA4D6;
	border: none;
	float: right;
	margin: 0 0 0 0px;
	padding: 5px 10px 5px 10px;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}
a.picklistbtn:hover, input.picklistbtn:hover{
	opacity: 0.5;
}
input.NewUsersubmit, a.NewUsersubmit, a.NewUsersubmit:link, a.NewUsersubmit:visited{
	width: auto;
	height: auto;
	background: url(../images/buttons/icon_add.png) left no-repeat #1EA4D6;
	border: none;
	float: right;
	margin: 0 0 0 10px;
	padding: 5px 10px 5px 30px;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}
a.NewUsersubmit:hover, input.NewUsersubmit:hover{
	opacity: 0.5;
}
input.NewUsersubmit2, a.NewUsersubmit2, a.NewUsersubmit2:link, a.NewUsersubmit2:visited{
	width: auto;
	height: auto;
	background: url(../images/buttons/addnewuser2.png) left no-repeat #FFFFFF;
	border: none;
	float: left;
	margin: 0;
	padding: 11px 10px 11px 40px;
	color: #333333;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
}
a.NewUsersubmit2:hover, input.NewUsersubmit2:hover{
	width: auto;
	height: auto;
	background: url(../images/buttons/icon_add.png) left no-repeat #1EA4D6;
	border: none;
	float: left;
	margin: 0;
	padding: 11px 10px 11px 40px;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
}

input.NewCatsubmit, a.NewCatsubmit, a.NewCatsubmit:link, a.NewCatsubmit:visited{
	width: auto;
	height: auto;
	background: url(../images/buttons/category1.png) left no-repeat #1EA4D6;
	border: none;
	float: right;
	margin: 0;
	padding: 11px 10px 11px 40px;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
}
a.NewCatsubmit:hover, input.NewCatsubmit:hover{
	width: auto;
	height: auto;
	background: url(../images/buttons/category1.png) left no-repeat #999999;
	border: none;
	float: right;
	margin: 0;
	padding: 11px 10px 11px 40px;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
}

input.Deletesubmit, a.Deletesubmit, a.Deletesubmit:link, a.Deletesubmit:visited{
	width: auto;
	height: auto;
	background: url(../images/buttons/delete1.png) left no-repeat #1EA4D6;
	border: none;
	float: right;
	margin: 0;
	padding: 10px 10px 10px 40px;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
}
a.Deletesubmit:hover, input.Deletesubmit:hover{
	width: auto;
	height: auto;
	background: url(../images/buttons/delete1.png) left no-repeat #999999;
	border: none;
	float: right;
	margin: 0;
	padding: 10px 10px 10px 40px;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
}

input.ActionGenericSubmit, a.ActionGenericSubmit, a.ActionGenericSubmit:link, a.ActionGenericSubmit:visited{
	width: auto;
	height: auto;
	background: #1EA4D6;
	border: none;
	float: right;
	margin: 0;
	padding: 11px 10px;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
}
a.ActionGenericSubmit:hover, input.ActionGenericSubmit:hover{
	width: auto;
	height: auto;
	background: #999999;
	border: none;
	float: right;
	margin: 0;
	padding: 11px 10px;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
}

input.ExportCSVsubmit, a.ExportCSVsubmit, a.ExportCSVsubmit:link, a.ExportCSVsubmit:visited{
	width: auto;
	height: auto;
	background: url(../images/buttons/exportcsv1.png) left no-repeat #FFFFFF;
	border: none;
	float: right;
	margin: 0;
	padding: 5px 10px 5px 40px;
	color: #1EA4D6;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}
a.ExportCSVsubmit:hover, input.ExportCSVsubmit:hover{
	opacity: 0.5;
}
spanButtonPlaceHolder.ButtonTest span{
	color: #CCCCCC;
	font-weight:bold;
}

input.submit, a.submit, a.submit:link, a.submit:visited{-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;font-family: 'Titillium Web', sans-serif; color:#FFFFFF; background:#38474D; border:none; text-transform:uppercase; font-size:13px; font-weight:bold; padding:5px; cursor:pointer; text-decoration:none; width:auto;} 
a.submit:hover, input.submit:hover{-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;color:#333333; background:#FFFFFF; border:none; text-transform:uppercase; font-size:13px; font-weight:bold; padding:5px; cursor:pointer; text-decoration:none; width:auto;}


input.opt_check, a.opt_check, a.opt_check:link, a.opt_check:visited{-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif; 
	color:#FFFFFF; 
	background:#38474D; 
	border:none; 
	text-transform:uppercase; 
	font-size:15px; font-weight:bold; padding:5px; cursor:pointer; text-decoration:none; width:96%; padding: 10px 1%;
	margin: 5px 1%; float: left;text-align: center;} 
a.opt_check:hover, input.opt_check:hover{background: #72B7E2;}

input.opt_check2, a.opt_check2, a.opt_check2:link, a.opt_check2:visited{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: 'Titillium Web', sans-serif; color:#FFFFFF; background:#38474D; border:none; text-transform:uppercase; font-size:15px; font-weight:bold; padding:5px; cursor:pointer; text-decoration:none; width:96%; padding: 10px 1%; margin: 5px 1%; float: left;text-align: center;} 
a.opt_check2:hover, input.opt_check2:hover{background: #72B7E2;}

input.submitlogin, a.submitlogin, a.submitlogin:link, a.submitlogin:visited{font-family: 'Titillium Web', sans-serif; color:#FFFFFF; background:#3F98D2; border:none; font-size:27px; font-weight:600; cursor:pointer; text-decoration:none; width:auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 174px; height: 47px; text-align:center; float:none; margin: 15px auto 25px;}
a.submitlogin:hover, input.submitlogin:hover{color:#333333; background:#FFFFFF; border:none; font-size:27px; font-weight:600; cursor:pointer; text-decoration:none; width: 174px; height: 47px; text-align:center; margin: 15px auto 25px;}

input.submitWA, a.submitWA, a.submitWA:link, a.submitWA:visited{font-family: 'Titillium Web', sans-serif; color:#FFFFFF; background:#1EA4D6; border:none; text-transform:uppercase; font-size:13px; font-weight:bold; padding:6px 10px; cursor:pointer; text-decoration:none; width:auto;-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;} 
a.submitWA:hover, input.submitWA:hover{color:#333333; background:#CCCCCC; border:none; text-transform:uppercase; font-size:13px; font-weight:bold; padding:6px 10px; cursor:pointer; text-decoration:none; width:auto;-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;}

button.clear, a.clear, a.clear:link, a.clear:visited{font-family: 'Titillium Web', sans-serif; color:#FFFFFF; background:#333333; border:none; text-transform:uppercase; font-size:13px; font-weight:bold; padding:5px; cursor:pointer; text-decoration:none; width:auto;} 
a.clear:hover, button.clear:hover{color:#333333; background:#FFFFFF; border:none; text-transform:uppercase; font-size:13px; font-weight:bold; padding:5px; cursor:pointer; text-decoration:none; width:auto;}

button.save, a.save, a.save:link, a.save:visited{font-family: 'Titillium Web', sans-serif; color:#FFFFFF; background:#1EA4D6; border:none; text-transform:uppercase; font-size:13px; font-weight:bold; padding:5px; cursor:pointer; text-decoration:none; width:auto;} 
a.save:hover, button.save:hover{color:#333333; background:#FFFFFF; border:none; text-transform:uppercase; font-size:13px; font-weight:bold; padding:5px; cursor:pointer; text-decoration:none; width:auto;}

.forgotmypassword a { color: #ffffff; font-size: 15px; font-family: 'Titillium Web'; 
}
.forgotmypassword a:hover { text-decoration: none; color: #ffffff;
}

input.ViewSubmit, a.ViewSubmit, a.ViewSubmit:link, a.ViewSubmit:visited{
	width: auto;
	height: auto;
	background: #A1B1BC;
	border: none;
	margin: 0;
	padding: 5px 30px;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
}
a.ViewSubmit:hover, input.ViewSubmit:hover{
	width: auto;
	height: auto;
	background: #FFFFFF;
	border: none;
	margin: 0;
	padding: 5px 30px;
	color: #1EA4D6;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
}
input.submitMedium2, a.submitMedium2, a.submitMedium2:link, a.submitMedium2:visited{
	width: auto;
	height: auto;
	color: #FFFFFF;
	text-decoration: underline;
	text-transform: none;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	text-decoration:none;
	font-size: 16px;
	background: #1EA4D6;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 7px 20px;
	text-transform:uppercase;
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	cursor: pointer;
}
a.submitMedium2:hover, input.submitMedium2:hover{
	color: #FFFFFF;
	text-decoration: underline;
	text-transform: none;
	font-weight: 600;
	text-decoration:none;
	font-size: 16px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 7px 20px;
	text-transform:uppercase;
	opacity: 0.5;
}
input.submitMedium, a.submitMedium, a.submitMedium:link, a.submitMedium:visited{
	width: auto;
	height: auto;
	color: #FFFFFF;
	text-decoration: underline;
	text-transform: none;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	text-decoration:none;
	font-size: 16px;
	background: #1EA4D6;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 7px 40px;
	text-transform:uppercase;
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	cursor: pointer;
}
a.submitMedium:hover, input.submitMedium:hover{
	color: #FFFFFF;
	text-decoration: underline;
	text-transform: none;
	font-weight: 600;
	text-decoration:none;
	font-size: 16px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 7px 40px;
	text-transform:uppercase;
	opacity: 0.5;
}

.updateStock, a.updateStock, a.updateStock:link, a.updateStock:visited{
	width: auto;
	height: auto;
	color: #FFFFFF;
	text-decoration: underline;
	text-transform: none;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	text-decoration:none;
	font-size: 16px;
	background: #1EA4D6;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 7px 40px;
	text-transform:uppercase;
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	cursor: pointer;
}
.updateStock:hover{
	color: #FFFFFF;
	text-decoration: underline;
	text-transform: none;
	font-weight: 600;
	text-decoration:none;
	font-size: 16px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 7px 40px;
	text-transform:uppercase;
	opacity: 0.5;
}
input.submitSml, a.submitSml, a.submitSml:link, a.submitSml:visited{
	width: auto;
	height: auto;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: none;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	text-decoration:none;
	font-size:16px;
	background:url(../images/general/addsales_sml.png) no-repeat left top #1EA4D6;
	border: none;
	padding: 9px 30px 9px 60px;
	text-transform:none;
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	cursor: pointer;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

a.submitSml:hover, input.submitSml:hover{
	color: #FFFFFF;
	text-decoration: underline;
	text-transform: none;
	font-weight: 600;
	text-decoration:none;
	font-size: 16px;
	padding: 9px 30px 9px 60px;
	text-transform:none;
	opacity: 0.5;
}
input.submitLarge, .submitLarge, a.submitLarge, a.submitLarge:link, a.submitLarge:visited{
	width: auto;
	height: auto;
	color: #FFFFFF;
	text-decoration: underline;
	text-transform: none;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	text-decoration:none;
	font-size: 22px;
	background: #1EA4D6;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 30px;
	text-transform:uppercase;
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	cursor: pointer;
	text-align:center;
	margin: 0 1px;
}
a.submitLarge:hover, input.submitLarge:hover{
	color: #FFFFFF;
	text-decoration: underline;
	text-transform: none;
	font-weight: 400;
	text-decoration:none;
	font-size: 22px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 30px;
	text-transform:uppercase;
	opacity: 0.5;
}

input.addorder, a.addorder, a.addorder:link, a.addorder:visited{
	width: auto;
	height: auto;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: none;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	text-decoration:none;
	font-size: 16px;
	background: #1EA4D6;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 7px 26px;
	margin: 20px 25px 20px 0;
	text-transform: none;
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	cursor: pointer;
}
a.addorder:hover, input.addorder:hover{
	color: #FFFFFF;
	text-decoration: none;
	text-transform: none;
	font-weight: 600;
	text-decoration:none;
	font-size: 16px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 7px 26px;
	text-transform: none;
	opacity: 0.5;
}

.removeSelected{
	width: 50px;
	height: auto;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: none;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	text-decoration:none;
	font-size: 16px;
	background: #1EA4D6;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 10px;
	margin: 20px 25px 20px 0;
	text-transform: none;
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	cursor: pointer;
}
.removeSelected:hover{
	color: #FFFFFF;
	text-decoration: none;
	text-transform: none;
	font-weight: 600;
	text-decoration:none;
	font-size: 16px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 10px;
	text-transform: none;
	opacity: 0.5;
}

input.submitLarge2, a.submitLarge2, a.submitLarge2:link, a.submitLarge2:visited{
	width: auto;
	height: auto;
	color: #FFFFFF;
	text-transform: none;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	text-decoration:none;
	font-size: 22px;
	background:url(../images/general/addsales_lrg.png) no-repeat left top #1EA4D6;
	border: none;
	padding: 13px 30px 13px 90px;
	text-transform:uppercase;
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	cursor: pointer;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-left: 5px;
}
a.submitLarge2:hover, input.submitLarge2:hover{
	color: #FFFFFF;
	text-decoration: underline;
	text-transform: none;
	font-weight: 400;
	text-decoration:none;
	font-size: 22px;
	padding: 13px 30px 13px 90px;
	text-transform:uppercase;
	opacity: 0.5;
	margin-left: 5px;
}

input.start_batch, a.start_batch, a.start_batch:link, a.start_batch:visited{
	width: 100%;
	height: auto;
	float: left;
	background: #00A3D9;
	border: none;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 23px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
	cursor: pointer;
}
a.start_batch:hover, input.start_batch:hover{
	width: 100%;
	height: auto;
	float: left;
	background: #666666;
	border: none;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 23px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
	cursor: pointer;
}

input.reset_batch, a.reset_batch, a.reset_batch:link, a.reset_batch:visited{
	width: 100%;
	height: auto;
	float: left;
	background: #FF0000;
	border: none;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 23px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
	cursor: pointer;
}
a.reset_batch:hover, input.reset_batch:hover{
	width: 100%;
	height: auto;
	float: left;
	background: #666666;
	border: none;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 23px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
	cursor: pointer;
}

input.add_complete, a.add_complete, a.add_complete:link, a.add_complete:visited{
	width: 100%;
	height: auto;
	float: left;
	background: #00A3D9;
	border: none;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 30px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-appearance: none;
}
a.add_complete:hover, input.add_complete:hover{
	width: 100%;
	height: auto;
	float: left;
	background: #666666;
	border: none;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 30px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-appearance: none;
}

input.pause_production, a.pause_production, a.pause_production:link, a.pause_production:visited{
	width: 100%;
	height: auto;
	float: left;
	background: #FF0000;
	border: none;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 23px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-appearance: none;
}
a.pause_production:hover, input.pause_production:hover{
	width: 100%;
	height: auto;
	float: left;
	background: #666666;
	border: none;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 23px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-appearance: none;
}

input.quit_production, a.quit_production, a.quit_production:link, a.quit_production:visited{
	width: 100%;
	height: auto;
	float: left;
	background: #003366;
	border: none;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 23px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-appearance: none;
}
a.quit_production:hover, input.quit_production:hover{
	width: 100%;
	height: auto;
	float: left;
	background: #666666;
	border: none;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 23px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-appearance: none;
}

/* END OF BUTTONS */

/* H1 TAGS */

h1.h1webapp{font-family:'Titillium Web', sans-serif; font-size:26px; font-weight:600; color:#333333; text-transform:uppercase; margin:0; padding:0; text-align:right;}
h1.h1webapp img{float:right; margin:1px 0 0 10px;}
h1.h1webapp span{font-size:25px; color:#1EA4D6; text-transform:capitalize; margin-left:5px; font-weight:600;}

h2.h2webapp{
	width: 100%;
	height: auto;
	background: #EEEEEE;
	float: left;
	text-align: center;
	margin: 12px 0 0 0;
	padding: 7px 0;
	-webkit-border-radius: 10px; 
    -moz-border-radius: 10px;                     
    border-radius: 10px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	color: #063A4A;
}
.search_stats {
	width: 100%;
	float: left;
	height: auto;
	margin-top: 20px;
}
.search_stats ul {
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
	height: auto;
	width: 100%;
}
.search_stats li {
	margin: 0 0.5%;
	padding: 0;
	float: left;
	list-style-type: none;
	width: 15.6%;
	text-align:center;
	background: #38474D;
	color: #ffffff;
	font-size: 24px;
	font-weight: 600;
	padding-top: 40px;
	height: 120px;
	line-height: 30px;
}
.search_stats li span {
	color: #999999;
}
.search_date {
	float: left;
	width: auto;
	height: auto;
}
.search_date label {
	text-transform:uppercase;
	font-size: 14px;
	font-weight: 500px;
	color: #333333;
}
.search_date img {
	float: left;
	margin-top: 8px;
	margin-left: -50px;
	cursor:pointer;
}
.addupdate_left {
	float: left;
	height: auto;
	width: 50%;
	margin-left: 20%;
}
.addupdate_right {
	float: right;
	height: auto;
	width: 25%;
	margin-right: 5%;
}
.addupdate_full {
	float: left;
	height: auto;
	width: 98%;
	margin: 20px 1%;
	padding: 0;
	text-align:left;
}
.addupdate_full h2 {
	font-size: 20px;
	font-weight:600;
	color:#333333;
	margin-left:20px
}
.addupdate_full label.labelFPwide {
	font-size: 18px; 
	color: #333333;
	height: 60px;
	width: 18%;
	float: left;
	padding: 10px 1%;
	background: #dddddd;
	margin: 0 0 10px 0;
}
.addupdate_full textarea {
	border: 0;
	width: 78%;
	height: 60px;
	float: left;
	padding: 10px 1%;
	margin: 0;
}

.addupdate_notes {
	float: left;
	height: auto;
	width: 98%;
	margin: 20px 1%;
}
.addupdate_notes label {
	float: left;
	width: 13%;
	height: 70px;
	background: #dddddd;
	font-size: 18px;
	color:#333333;
	text-align:left;
	padding: 5px 1%;
}
.addupdate_notes textarea {
	float: left;
	height: 60px;
	width: 82.8%;
	color: #333333;
	background: #ffffff;
	border: none;
	padding: 10px 1%;
	font-size: 14px;
}
.orderdetail_left {
	float: left;
	width: 24%;
	margin: 0 1% 0 0;
	background: #ffffff;
	height: 262px;
	font-size: 14px;
}
.orderdetail_left div {
	float: left;
	height: auto;
	width: 96%;
	padding: 2%;
}
.orderdetail_left span {
	font-size: 30px;
	font-weight: 600;
	color: #333333;
	clear: both;
	width: 100%;
	float: left;
}
.orderdetail_left h3 {
	float: left;
	background: #38474D;
	width: 96%;
	color: #ffffff;
	margin: 0;
	font-weight: 600;
	font-size: 18px;
	padding: 5px 2%;
	
}
.orderdetail_right{
	float: left;
	width: 50%;
	margin: 0 0 20px 0;
	height: auto;
}
.orderdetail_right ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}
.orderdetail_right li {
	background: #ffffff;
	list-style-type: none;
	margin: 0 0 2px 0;
	float: left;
	width: 100%;
	font-size: 14px;
	font-weight: 500;
	color: #333333;
}
.orderdetail_right li.con_deets {
	float: left;
	height: 118px;
}
.orderdetail_right li.con_deets div {
	float: left;
	height: 110px;
	padding: 4px 2%;
}
.orderdetail_right li div {
	background: #DDDDDD;
	width: 30%;
	float: left;
	height: 96%;
	padding: 1% 2%;
	margin-right: 2%;
}
.orderdetail_right li div.com_name {
    width: 37%;
    height: auto;
    float: left;
    margin-right: 2%;
    background: none;
    padding: 0;
	}
	.orderdetail_right li div.com_logo {
    width: 25%;
    height: auto;
    float: right;
    background: none;
    padding: 0;
    margin: 0;
}
.orderdetail_right li strong {
	font-size: 18px;
	font-weight: 600;
}

.orderdetail_right2 {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
	height: auto;
}
.orderdetail_right2 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}
.orderdetail_right2 li {
	background: #ffffff;
	list-style-type: none;
	margin: 0 0 2px 0;
	float: left;
	width: 100%;
	font-size: 14px;
	font-weight: 500;
	color: #333333;
}
.orderdetail_right2 li.con_deets {
	float: left;
	height: 118px;
}
.orderdetail_right2 li.con_deets div {
	float: left;
	height: 110px;
	padding: 4px 2%;
}
.orderdetail_right2 li div {
	background: #DDDDDD;
	width: 30%;
	float: left;
	height: 96%;
	padding: 1% 2%;
	margin-right: 2%;
}
.orderdetail_right2 li strong {
	font-size: 18px;
	font-weight: 600;
}
td.set {
	width: 10%;
}
td.half {
	float: left;
	width: 33.6%;
}
.user_icons {
	background: #ffffff;
	width: 96%;
	height: auto;
	float:left;
	padding: 30px 2%;
	border: 1px solid #dddddd;
}
.user_icons div {
	float: right;
	width: 10%;
	height: auto;
	text-align:center;
}
.checkmove {
	margin-top: -10px;
}
.imageUpload input.browse {
	background:#ffffff;
	padding: 0;
	margin-bottom: 0px;
}
.des_mov {
	float: left;
	margin: 12px 0 0 30px;
}
.floatdivleft {
	float: right;
	height: auto;
	width: 40%;
}
.split {
	float: left;
	margin: 0 1%;
	width: 48%;
	height: auto;
}
.addproduct_search h2 {
    width: 100%;
    height: auto;
    background: none;
    float: left;
    text-align: left;
    margin: 0;
    padding: 0;
    font-family: 'Titillium Web', sans-serif;
    font-size: 25px;
    font-weight: 600;
    text-transform: capitalize;
    color: #232C2F;
}
.salesorder {
	float: left;
	width: 58%;
	height: auto;
	margin: 0 2% 0 0;
}
.salesorder2 {
	float: left;
	width: 38%;
	height: auto;
	margin: 20px 0 0 2%;
}
input#Live[type="checkbox"]{display:none;}
input#Live[type="checkbox"] + label {
    background: url(../images/general/checkbox.png) left top no-repeat;
    display: block;
    min-height: 23px;
    padding-left: 50px;
	text-align: left;
}

input#Live[type=checkbox]:checked + label {
	background: url(../images/general/checked.png) left top no-repeat;
   padding-left: 50px;
}

.formwrap {
	width: 50%;
	margin: 0 25%;
	float: left;
}
.formwrap input[type=checkbox] {
	display: none;
}
 
.formwrap input[type=checkbox] + label {
	 background: url(../images/general/checkbox.png) left top no-repeat;
	   display: block;
  min-height: 23px;
	padding-left: 50px;
	text-align: left;
}
 
.formwrap input[type=checkbox]:checked + label {
	 background: url(../images/general/checked.png) left top no-repeat;
	padding-left: 50px;
}
.formwrap label {
	width: 28%;
	height: auto;
	float: left;
	text-align: right;
	margin: 8px 2% 0 0;
	padding: 0;
    padding-left: 0px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	text-transform: none;
	color: #333333;
}
.formsearch100 label.nostyle {
	text-align: left;
}
.formsearch100 label{
	width: 98%;
	height: auto;
	float: left;
	text-align: right;
	margin: 8px 2% 0 0;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	text-transform: none;
	color: #333333;
}
.formsearch100 label.error {
	text-align: left;
	color:#FF0000;
}
.formsearch100 label.labelFPwide {
	font-size: 18px;
	color: #333333;
	height: 60px;
	width: 17%;
	float: left;
	padding: 10px 1%;
	background: #dddddd;
	margin: 0 0 10px 1%;
}
.formsearch100 textarea {
	border: 0;
	width: 77%;
	height: 60px;
	float: left;
	padding: 10px 1%;
	margin: 0 1% 0 0;
}
.formsearch100 label.FSLlabelHeader{
	width: 200px;
	height: auto;
	float: left;
	text-align: left;
	margin: 0 0 5px 210px;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	text-transform: none;
	color: #333333;
}
.formsearch100 p{
	width: 69%;
	height: auto;
	float: left;
	text-align: left;
	margin: -15px 0 15px 0%;
	padding: 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
	text-transform: none;
	color: #666666;
}
.formsearch100 input.FSLinput{
	width: 97%;
	height: auto;
	background: #FFFFFF;
	border: none;
	float: left;
	text-align: left;
	margin: 0 0 15px 0;
	padding: 10px 1.5%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
}
.formsearch100 select{
	width: 100%;
	height: auto;
	border: none;
	text-align: left;
	margin: 0 0px 15px 0;
	padding: 9px 1.5% 9px 1.5%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/general/arrow_down.png) right center no-repeat #ffffff;
	cursor: pointer;
	float: left;
}
.sizeform {
	width: 50%;
	margin: 0 25%;
	float: left;
	height: auto;
}
.summary_results {
	float: left;
	width: 100%;
	height: auto;
	margin: 30px 0;
}
.summary_results ul {
	float: left;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.summary_results li {
	list-style-type: none;
	margin: 0 0.8%;
	padding: 40px 0;
	float: left;
	width: 15%;
	text-align:center;
	background: #38474D;
	color: #ffffff;
	font-size: 16px;
}
.summary_results li span {
	color: #999999;
	font-size: 18px;
	width: 100%;
	float: left;
	height:auto;
	text-align: center;
	font-weight: bold;
}
/* END OF H1 TAGS */

/* MISC */
a.bigsubmit, a.bigsubmit:active, a.bigsubmit:link, a.bigsubmit:visited {
	width: auto;
	height: auto;
	background: #1D4872;
	border: none;
	float: left;
	margin: 10px 0px 0px 1%;
	padding: 7px 25px;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-size: 20px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
}
a.bigsubmit:hover{
	width: auto;
	height: auto;
	background: #FFFFFF;
	border: none;
	float: left;
	margin: 10px 0px 0px 1%;
	padding: 7px 25px;
	color: #333333;
	cursor: pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	font-size: 20px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
}
.tv_display_container {
	height: 100%;
  	min-height: 100%;
	width: 100%;
	background: #000000;
	float: left;
	height: 100vh;
}
.tv_display_main {
	height: 85%;
  	min-height: 85%;
	width: 100%;
	background: #FFFFFF;
	float: left;
	height: 85vh;
}
.tv_col_1 {
	height: 100%;
  	min-height: 100%;
	width: 33.33333333333%;
	background: #8A6890;
	float: left;
	height: 100vh;
}
.tv_col_2 {
	height: 100%;
  	min-height: 100%;
	width: 33.33333333333%;
	background: #B2CC6A;
	float: left;
	height: 100vh;
}
.tv_col_3 {
	height: 100%;
  	min-height: 100%;
	width: 33.33333333333%;
	background: #EDCB6D;
	float: left;
	height: 100vh;
}
.tv_display_footer {
	height: 15%;
  	min-height: 15%;
	width: 100%;
	background: #203E52;
	float: left;
	height: 15vh;
}
.tv_display_footer h2 {
	color: #75DEFD;
	font-size: 32px;
	text-align: center !important;
	text-transform: uppercase;
	float: left;
	margin: 25px 0 0 10%;
	width: 20%;
}
.overflow {
	color: #75DEFD;
	font-size: 16px;
	text-align: left;
	text-transform: uppercase;
	float: left;
	margin: 40px 0 0 0%;
	width: 15%;
}
.tv_display_footer ul {
	width: 45%;
	margin: 10px 2% 10px 0;
	float: left;
	padding: 0;
	list-style-type: none;
}
.tv_display_footer li {
	width: 49%; 
	height: auto;
	float: left;
	background: #ffffff;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	margin: 0 1% 0 0;
	min-height: 68px;
}
.tv_display_footer li img {
	width: 19%;
	height: auto;
	float: left;
	margin: 5px 0 5px 1%;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	max-width: 70px;
}
.tv_display_footer span {
	width: 70%;
	margin: 0 5%;
	float: left;
	color: #333333;
	font-size: 25px;
	text-align: left;
	margin-top: 15px;
}
.tv_details {
	height: 42.5%;
  	min-height: 42.5%;
	width: 100%;
	float: left;
	height: 42.5vh;
	font-size: 16px;
}
.tv_details h2 {
	color: #ffffff;
	font-size: 32px;
	text-align: center !important;
	text-transform: uppercase;
	float: none;
	margin: 0 auto;
	width: 100%;
}
.tv_details ul {
	width: 70%;
	margin: 10px 15%;
	float: left;
	padding: 0;
	list-style-type: none;
}
.tv_details li {
	width: 100%; 
	height: auto;
	float: left;
	background: #ffffff;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	margin: 0 0 10px 0;
}
.tv_details li img {
	width: 19%;
	height: auto;
	float: left;
	margin: 5px 0 5px 1%;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	max-width: 70px;
}
.tv_details span {
	width: 70%;
	margin: 0 5%;
	float: left;
	color: #333333;
	font-size: 25px;
	text-align: left;
	margin-top: 15px;
}
.pinkbg {background: #F574BF;}
.lightblue {background: #72B7E2;}
.darkblue {background: #66A8D1;}
.tv_deet_left {
	width: 65%;
	float: left;
	height: 100%;
  	min-height: 100%;
	background: #72B7E2;
	float: left;
	height: 100vh;
}
.tv_deet_left h2 {
	color: #ffffff;
	font-size: 32px; 
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	margin: 20px 0;
}
.tv_deet_right {
	width: 35%;
	float: left;
	height: 100%;
  	min-height: 100%;
	background: #203E52;
	float: left;
	height: 100vh;
}
.tv_deet_right h2 {
	color: #ffffff;
	font-size: 32px; 
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	margin: 20px 0;
}
.tv_deet_right ul {
	width: 70%;
	margin: 0px 15% 10px 15%;
	float: left;
	padding: 0;
	list-style-type: none;
}
.tv_deet_right li {
	width: 100%; 
	height: auto;
	float: left;
	background: #ffffff;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	margin: 0 0 10px 0;
	min-height: 68px;
}
.tv_deet_right li img {
	width: 19%;
	height: auto;
	float: left;
	margin: 5px 0 5px 1%;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	max-width: 70px;
}
.tv_deet_right span {
	width: 70%;
	margin: 20px 5% 0;
	float: left;
	color: #333333;
	font-size: 25px;
	text-align: left;
}
.tv_deet_left ul {
	padding: 0;
	float: left;
	width: 80%;
	margin: 0 10%;
	padding: 0;
	list-style-type: none;
}
.tv_deet_left li {
	margin: 0;
	padding: 0;
	width: 46%;
	margin: 0 2% 20px 2%;
	float: left;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	background: #ffffff;
	text-align: left;
}
.tv_deet_left li h3 {
	margin: 10px 2% 0;
	padding: 0;
	font-size: 25px;
	color: #1D4872;
	width: 96%;
}
.tv_deet_left li h4 {
	margin: 0 2%;
	padding: 0;
	width: 96%;
	font-size: 20px;
	color: #1D4872;
	font-weight: 400;
	line-height: 1;
}
.tv_deet_left li span {
	background: #EEEEEE;
	width: 96%;
	float: left;
	height: auto;
	-webkit-border-radius: 0 0 5px 5px; 
	-moz-border-radius: 0 0 5px 5px;                  
	border-radius: 0 0 5px 5px; 
	padding: 10px 2%;
	margin-top: 15px;
}
.tv_deet_left li strong {
	color: #333333;
	font-size: 18px;
	text-transform: uppercase;
}
.tv_deet_left li p {
	margin: 0; padding: 0;
	color: #333333; font-size: 16px;
}
.fixtest {
	position: fixed;
	height: auto;
	width: 100%;
	float: left;
}
.sales_filter {
	width:50%;
	margin: 20px 25% 30px;
	float: left;
	height: auto;
}
.sales_filter  select{
	width: 65%;
	height: auto;
	border: none;
	text-align: left;
	margin: 0 5% 0 0;
	padding: 9px 1.5% 9px 1.5%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/general/arrow_down.png) right center no-repeat #eeeeee;
	cursor: pointer;
	float: left;
	}
.chart_contacts {
	height: auto;
	width: 100%;
	float: left;
}
.chart_contacts h2 {
	text-align: center;
	width: 100%;
	height: auto;
	float: left;
	color: #55A2D0;
	font-size: 28px;
	text-transform: uppercase;
}
.chart_contacts h2.OL_step{width:100%; height:auto; float:left; padding:0; margin:0; font-family:'Titillium Web', sans-serif; font-size:30px; font-weight:700; text-transform:capitalize; color:#FFFFFF; text-align:center;}
.chart_contacts h3.OL_step{width:100%; height:auto; float:left; padding:0; margin:0; font-family:'Titillium Web', sans-serif; font-size:25px; font-weight:700; text-transform:capitalize; color:#1D4872; text-align:center;}

h3.long {font-size: 22px; float: left; width: 95%;margin:0; padding:0;}
h2.long {font-size: 18px; float: left; width: 100%; margin-bottom: 30px;}
.chart_contacts {width: 100%; height: auto; float: left;}
.chart_contacts ul{ list-style-type: none;float: left; margin: 0; padding: 0;}

.chart_contacts ul.chart_left {width: 100%;height: auto;float: left;}
.chart_left li {min-height:88px;width: 31%; height: auto;float: left;margin: 8px 1%;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color: #333333; font-size: 25px;background: #ffffff;}
.chart_left li div.left {width: 19%;float: left;height: auto; margin: 3px 0 3px 1%;}
.chart_left li div.right {width: 70%;float: left;height: auto;margin: 8px 5% 0;}

.chart_contacts ul.chart_left img{width: 100%;max-width:150px;height: auto;max-height:84px; margin: 0;}
.chart_contacts ul.chart_middle {width: 30%;height: auto;float: left; text-align: center;}
.chart_contacts ul.chart_middle img {width: 100%;max-width:216px;height: auto; float: none;margin: 90px auto 0;}
.chart_contacts ul.chart_right {width: 35%;height: auto;float: left;}
.chart_contacts ul.chart_right img{width: 100%;max-width:319px;height: auto;}
.chart_contacts img {margin: 10px 0; height: 100%;float: left;}
.signedin_container {background: #5184A3; float: left; height: auto; width: 100%;}
.job_detail_left {width: 100%;height: auto;float: left; background: #72B7E2;}
.job_detail_left h2 {color: #ffffff; text-align: center;width: 100%;}
.job_detail_right h2 {color: #ffffff; text-align: center;width: 100%;}
.job_detail_left ul {list-style-type: none;float: left; margin: 0 5%; padding: 0; height: auto; width: 90%;}
.job_detail_left li {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;list-style-type: none;float: left; margin: 10px 1.5%; padding: 0; height: auto; width: 30%; background: #ffffff;}

.job_operation {width: 100%;height: auto;float: left; background: #72B7E2;}
.job_operation ul {list-style-type: none;float: left; margin: 20px 5% 20px; padding: 0; height: auto; width: 90%;}
.job_operation li {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;list-style-type: none;float: left; margin: 10px 1.5%; padding: 0; height: auto; width: 30%; background: #ffffff;}
.job_operation h2 {color: #ffffff; text-align: center;width: 100%;}
.job_operation li a {
	font-size: 25px !important; 
	background: none !important;
	margin: 0px 2% 0px !important;
	padding: 50px 0 50px 0 !important;
	font-size: 23px !important;
	color: #1D4872 !important;
	width: 96% !important;
	text-align: center !important;
	float: left;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	min-height: 73px;
	}
.job_operation li a:hover {background:#1D4872; color: #ffffff; }
.job_detail_left li h3 {
	margin: 10px 2% 0;
	padding: 0;
	font-size: 25px;
	color: #1D4872;
	width: 96%;
}
.job_detail_left li h4 {
	margin: 0 2%;
	padding: 0;
	width: 96%;
	font-size: 20px;
	color: #1D4872;
	font-weight: 400;
	line-height: 1;
}
.job_detail_left li span {
	background: #EEEEEE;
	width: 96%;
	float: left;
	height: auto;
	-webkit-border-radius: 0 0 5px 5px; 
	-moz-border-radius: 0 0 5px 5px;                  
	border-radius: 0 0 5px 5px; 
	padding: 10px 2%;
	margin-top: 15px;
}
.job_detail_left li strong {
	color: #333333;
	font-size: 18px;
	text-transform: uppercase;
}
.job_detail_left li p {
	margin: 0; padding: 0;
	color: #333333; font-size: 16px;
}
.job_detail_left li a {text-decoration: none;}
.job_detail_right {background: #203E52;width: 25%;height: auto;float: left;}
a.log_btn {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 22px; font-weight: 600; color: #ffffff; background: #55A2D0; float: right; padding: 7px 43px; cursor: pointer; margin: 0 5px 5px 5px;}
.canvascontainer{width:90%; margin:0 5%;}

#tanda-okbtnid{background:#55A2D0; padding:27px 11px; font-size:20px;}

.operationsLogin {width: 100%;height: auto;float: left; background: #72B7E2;}
.operationsLogin h2 {width:100%; height:auto; float:left; color:#ffffff; text-align:center; padding:0; margin:0; font-size:30px; text-transform:capitalize; font-weight:700;}
.operationsLogin h3.OL_step {width:100%; height:auto; float:left; font-size:25px; color:#1D4872; text-align:center; margin:0; font-weight:700; text-transform:capitalize;}
.operationsLogin ul {list-style-type: none;float: left; margin: 0 5%; padding: 0; height: auto; width: 90%;}
.operationsLogin li {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;list-style-type: none;float: left; margin: 10px 1.5%; padding: 0; height: auto; width:30%; background: #ffffff;}
.operationsLogin li h3 {margin: 10px 2% 0; padding: 0; font-size: 25px; color: #1D4872; width: 96%;}
.operationsLogin li h4 {margin: 0 2%; padding: 0; width: 96%; font-size: 20px; color: #1D4872; font-weight: 400; line-height: 1;}
.operationsLogin li span {background: #EEEEEE; width: 96%; float: left; height: auto; -webkit-border-radius: 0 0 5px 5px;  -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;  padding: 10px 2%; margin-top: 15px;}
.operationsLogin li strong {color: #333333; font-size: 18px; text-transform: uppercase;}
.operationsLogin li p { margin: 0; padding: 0; color: #333333; font-size: 16px;}
.operationsLogin li a {text-decoration: none;}

.validateTips{padding:0;margin:0;}

#UpdateForm{width:100%; height:auto; float:left; padding:0; margin:0;}
#UpdateForm div{width:100%; height:auto; float:left; padding:0; margin:0;}
#UpdateForm div label{width:auto; height:auto; margin:0 0 20px 0; padding:0; display:inline-block;}

#accordian2 h3.ui-state-active{width:96.7%; height:auto; float:left; text-align:left; margin:0 0 1px 0; padding:15px 0 15px 40px; border-bottom:2px solid #999;background:url('../images/general/faqsbg1Active.png') left center no-repeat; color:#333333; font-family:'Titillium Web', sans-serif; font-size:18px;}
#accordian2 h3{width:96.7%; height:auto; float:left; text-align:left; margin:0 0 1px 0; padding:15px 0 15px 40px; border-bottom:2px solid #999;background:url('../images/general/faqsbg1.png') left center no-repeat; color:#333333; font-family:'Titillium Web', sans-serif; font-size:18px;}
#accordian2 .ui-widget-content{background:#CCCCCC;}
#accordian2 .acc_container{max-width:100%!important; width:94%; height:auto!important; text-align:left; margin:0; padding:2% 3%; border:none; color:#333333;}

.acc_trigger h3{padding:0 0 0 30px;}
.acc_trigger a:hover{width:96%; height:33px; float:left; text-align:left; margin:0; padding:7px 2% 0 2%; border:none; color:#999999; font-family:'Roboto', sans-serif; font-size:20px; font-weight:400; text-decoration:none; display:block; cursor:pointer;}
.acc_trigger_active {background:url('../images/general/faqsbg1Active.png') left center no-repeat;}

.acc_trigger_sub h3{font-weight:600; color:#666666; padding:15px 0;}

.aboveTabletHide{display:block;}
.tabletHide{display:block;}

.stock{background:#47C351;}
.outofstock{background:#D61212;}
.lowstock{background:#F8AE38;}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

/* Curl Bottom Right */
.hvr-trim {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-trim:before {
  content: '';
  position: absolute;
  border: white solid 3px;
  top: 2px;
  left: 3px;
  right: 2px;
  bottom: 4px;
  opacity: 0;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  height: 93px;
}
.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
  opacity: 1;
}
.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

.fade-in.one {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.fade-in.two {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay:0.2s;
  animation-delay: 0.2s;
}

.fade-in.three {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.fade-in.four {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.fade-in.five {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.fade-in.six {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.fade-in.seven {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
.fade-in.eight {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.fade-in.nine {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.created_deets{background:#DDDDDD; float:left; width:100%; margin:10px 0; text-align:center; color:#333333; font-size:16px; font-weight:500; text-transform:capitalize; padding:15px 0; height:20px;}
.created_deets div{float:left; width:50%; text-align:center;}
.created_deets div span{font-weight:600; margin-left:40px;}

.addproduct_search {
	background: #dddddd;
	float: left;
	height: auto;
	width: 96%;
	padding: 10px 1% 0;
	margin: 10px 1%;
	text-align:center;
	
}
.addproduct_search span {
	float: left;
	width: 19%;
	margin: 10px 1% 10px 0;
}
.addproduct_search span input {
	width: 98%;
	padding: 10px 1%;
	float: left;
	border: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 15px;
	color: #999999;
	font-family: 'Roboto', sans-serif;
}
.addproduct_search span select {
	width: 98%;
	padding: 9px 1%;
	float: left;
	border: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 15px;
	color: #999999;
	font-family: 'Roboto', sans-serif;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/general/arrow_down.png) right center no-repeat #ffffff;
	cursor: pointer;
}
.wrap_stat {
	float: left;
	width: 70%;
}
.clearable{
  background:url(../images/general/x.png) no-repeat right 0px center #FFF;
 	width: 97%;
	height: auto;
	background: #EEEEEE;
	border: none;
	float: left;
	text-align: left;
	margin: 0 0 15px 0;
	padding: 10px 1.5%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #999999;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;                     
	border-radius: 5px;
}
.clearable.x{
  background-position: right 5px center;
}
.clearable.onX{
  cursor:pointer;
}

.formBG1{
	width: 94%;
	height: auto;
	background: #FFFFFF;
	float: left;
	margin: 0 0 15px 0;
	padding: 3%;
	-webkit-border-radius: 10px; 
    -moz-border-radius: 10px;                     
    border-radius: 10px;
}
.formBG1 h3{
	margin: 0 0 20px 0;
	font-family: 'Titillium Web', sans-serif;
	font-size: 20px;
	font-weight: 600;
	text-transform: none;
	color: #333333;
}

.sitetext{color:#000000;}
.sitetext2{color:#666666; font-size:9px; text-decoration:none;}

a, a:visited{color:#999999;}
a:hover{color:#333333;}

hr{height:1px; border:none; background-color:#CCCCCC; clear:both;}

div.dialog{display:none;}

#work_order_stats{width:20%; height:auto; float:left; padding:0; margin:88px 0 0 0;}
#work_order_stats .stats{width:93%; height:auto; background:#102941; float:left; padding:1.5% 2.5%; margin:0 2% 20px 0;}
#work_order_stats .stats h2{width:100%; float:left; padding:0; margin:0 0 10px 0; font-size:25px; font-weight:600; text-align:center; font-family:'Titillium Web', sans-serif;}
#work_order_stats ul{width:100%; float:left; padding:0; margin:0;}
#work_order_stats li{width:98%; float:left; height:80px; background:#55A2D0; color:#FFFFFF; text-align:center; padding:2% 0; margin:2% 1%; list-style:none; border-radius:5px;}

.stats{
	width: 93%;
	height: auto;
	background: #102941;
	float: left;
	margin: 0 2% 20px 0;
	padding: 1.5% 2.5%;
}
.stats h2{
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	color: #ffffff;
	font-size: 25px;
	font-weight: 600;
	font-family:'Titillium Web', sans-serif;
	text-align:center;
}
.stats span{
	width: 15%;
	height: auto;
	float: left;
	text-align: center;
	margin: 0;
	padding: 20px 0 0 0;
	font-family:'Titillium Web', sans-serif;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	color: #333333;
}
.stats ul{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}
.stats li{
	width: 23%;
	height: 80px;
	background: #55A2D0;
	float: left;
	text-align: center;
	margin: 0 1%;
	padding: 2% 0;
	list-style-type: none;
}
.stats li span{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family:'Titillium Web', sans-serif;
	font-size: 54px;
	font-weight: 600;
	line-height: 50px;
	color: #ffffff;
}
.stats li p{
	width: 100%;
	height: auto;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
	font-family:'Titillium Web', sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #5F5F5F;
}
.stats li a {
	color: #75DEFD;
	font-size: 16px;
	font-weight: 600;
	font-family:'Titillium Web', sans-serif;
}
.stats li a:hover {
	text-decoration:none;
}

.stats2{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}
.stats2 ul{
	margin: 0;
	padding: 0;
}
.stats2 li{
	width: 42.5%;
	height: 163px;
	background: #1EA4D6;
	float: left;
	text-align: center;
	margin: 0 5% 5% 0;
	padding: 2.5%;
	list-style-type: none;
}
.stats2 li:nth-child(5){margin:0 0 5% 0;}
.stats2 li.LIstats3rd{
	width: 26%;
	height: 163px;
	background: #1EA4D6;
	float: left;
	text-align: center;
	margin: 0 5% 5% 0;
	padding: 2%;
	list-style-type: none;
}
.stats2 li.LIstats3rd:nth-child(3){margin: 0 0 5% 0;}
.stats2 li span{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family:'Titillium Web', sans-serif;
	font-size: 37px;
	font-weight: 700;
	line-height: 40px;
	color: #FFFFFF;
}
.stats2 li p{
	width: 100%;
	height: auto;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
	font-family:'Titillium Web', sans-serif;
	font-size: 80px;
	font-weight: 700;
	line-height: 80px;
	color: #FFFFFF;
}
.stats3{
	width: 93%;
	height: auto;
	background: #102941;
	float: left;
	margin: 0 2% 20px 0;
	padding: 1.5% 2.5%;
}
.stats3 h2{
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	color: #ffffff;
	font-size: 25px;
	font-weight: 600;
	font-family:'Titillium Web', sans-serif;
	text-align:center;
}
.stats3 span{
	width: 15%;
	height: auto;
	float: left;
	text-align: center;
	margin: 0;
	padding: 20px 0 0 0;
	font-family:'Titillium Web', sans-serif;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	color: #333333;
}
.stats3 ul{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}
.stats3 li{
	width: 18%;
	height: 80px;
	background: #55A2D0;
	float: left;
	text-align: center;
	margin: 0 1%;
	padding: 2% 0;
	list-style-type: none;
	border-radius:5px;
}
.stats3 li span{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family:'Titillium Web', sans-serif;
	font-size: 54px;
	font-weight: 600;
	line-height: 50px;
	color: #ffffff;
}
.stats3 li p{
	width: 100%;
	height: auto;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
	font-family:'Titillium Web', sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #5F5F5F;
}
.stats3 li a {
	color: #75DEFD;
	font-size: 16px;
	font-weight: 600;
	font-family:'Titillium Web', sans-serif;
}
.stats3 li a:hover {
	text-decoration:none;
}
.stats4{
	width: 95%;
	height: auto;
	background: #102941;
	float: left;
	margin: 30px 0;
	padding: 1.5% 2.5%;
}
.stats4 h2{
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	color: #ffffff;
	font-size: 25px;
	font-weight: 600;
	font-family:'Titillium Web', sans-serif;
	text-align:center;
}
.stats4 span{
	width: 15%;
	height: auto;
	float: left;
	text-align: center;
	margin: 0;
	padding: 20px 0 0 0;
	font-family:'Titillium Web', sans-serif;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	color: #333333;
}
.stats4 ul{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}
.stats4 li{
	width: 48%;
	height: 80px;
	background: #55A2D0;
	float: left;
	text-align: center;
	margin: 0 1%;
	padding: 2% 0;
	list-style-type: none;
	border-radius:5px;
}
.stats4 li span{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family:'Titillium Web', sans-serif;
	font-size: 54px;
	font-weight: 600;
	line-height: 50px;
	color: #ffffff;
}
.stats4 li p{
	width: 100%;
	height: auto;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
	font-family:'Titillium Web', sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #5F5F5F;
}
.stats4 li a {
	color: #75DEFD;
	font-size: 22px;
	font-weight: 600;
	font-family:'Titillium Web', sans-serif;
}
.stats4 li a:hover {
	text-decoration:none;
}
.statsContainerLarge{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin: 2.5% 0 0 0;
	padding: 0;
}
.statsL{
	width: 43%;
	height: auto;
	background: url(../images/general/statsbg.png) repeat;
	float: left;
	text-align: center;
	margin: 0 1% 20px 1%;
	padding: 15px 2.5% 40px 2.5%;
}
.statsL span{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family:'Titillium Web', sans-serif;
	font-size: 50px;
	font-weight: 600;
	line-height: 100px;
	color: #FFFFFF;
}
.statsL p{
	width: 100%;
	height: auto;
	float: left;
	margin: 0px 0 10px 0;
	padding: 0;
	text-align: center;
	font-family:'Titillium Web', sans-serif;
	font-size: 23px;
	font-weight: 600;
	color: #F8AE38;
}
.statsLicon{
	width: auto;
	height: auto;
	background: none;
	float: left;
	text-align: center;
	margin: 2.5% 5%;
	padding: 0;
}
.statsContainerSmall{
	width: 95%;
	height: auto;
	float: left;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 0 1.5%;
	background: #102941;
}
.statsContainerSmall input.FSSinput {
	width: 86%;
	padding-left: 12%;
	padding-right: 2%;
	float: left;
	background: url(../images/general/mag_glass.png) left center no-repeat #ffffff;
}
.statsContainerSmall .formsearchsub {
	width: 48%;
	margin-left: 1%;
	margin-right: 1%;
}
.statsSML{
	width: 20%;
	height: auto;
	background: #1EA4D6;
	float: left;
	text-align: center;
	margin: 0 1% 20px 1%;
	padding: 15px 1.5% 40px 1.5%;
	-webkit-border-radius: 10px; 
    -moz-border-radius: 10px;                     
    border-radius: 10px;
}
.statsSML span{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family:'Titillium Web', sans-serif;
	font-size: 100px;
	font-weight: 700;
	line-height: 100px;
	color: #FFFFFF;
}
.statsSML p{
	width: 100%;
	height: auto;
	float: left;
	margin: -10px 0 10px 0;
	padding: 0;
	text-align: center;
	font-family:'Titillium Web', sans-serif;
	font-size: 25px;
	font-weight: 600;
	color: #FFFFFF;
}
.statsSMLicon{
	width: auto;
	height: auto;
	background: none;
	float: left;
	text-align: center;
	margin: 2.5% 5%;
	padding: 0;
}

.overallLEheader{
	width: auto;
	height: auto;
	background: url(../images/general/lineefficienyicon1.png) right no-repeat;
	float: right;
	text-align: right;
	margin: 0 20px 0 0;
	padding: 0 90px 0 0;
	font-family:'Titillium Web', sans-serif;
	font-size: 40px;
	font-weight: 600;
	text-transform: uppercase;
	color: #FFFFFF;
}
.NewBatchheader{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin: 0;
	padding: 0;
	font-family:'Titillium Web', sans-serif;
	font-size: 50px;
	font-weight: 600;
	text-transform: uppercase;
	color: #FFFFFF;
}
.batchProductionHeader{
	width: 94%;
	height: auto;
	background: #004181;
	float: left;
	text-align: left;
	margin: 0;
	padding: 10px 3%;
	font-family:'Titillium Web', sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #FFFFFF;
	top: 50px;
	position: relative;
	display: block;
	z-index: 0;
}
.batchProductionHeader span{
	float: right;
}
.validation_warining{
	width: 98.5%;
	height: auto;
	background: #FF6600;
	border: 2px solid #FF3300;
	float: left;
	text-align: center;
	margin: 0px 0px 10px 0px;
	padding: 0.5%;
	-webkit-border-radius: 10px; 
    -moz-border-radius: 10px;                     
    border-radius: 10px;
	font-family:'Titillium Web', sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
}

#dialog-checkin{max-width:100%!important; height:auto!important;}
#dialog-checkout{max-width:100%!important; height:auto!important;}
#dialog-checkout p{text-align:center; margin-top:0;}
#dialog-materialsconsumption{max-width:100%!important; }
#dialog-update{max-width:100%!important; }
#dialog-updatequalitycheck{max-width:100%!important; height:auto!important;}

.canvas_container{width:100%; height:auto; float:left; margin:0; padding:0;}
.canvas_container span{width:96%; height:auto; background:#A1B1BC; border-bottom:2px solid #FFFFFF; float:left; text-align:left; margin:0; padding:1% 2%; font-size:17px; font-weight:bold; text-transform:uppercase; color:#FFFFFF;}
.canvas_container div.CCBG{width:96%; height:auto; background:#EEEEEE; float:left; margin:0; padding:2% 2% 1% 2%;}
.canvas_container div.CCBG span{width:99%; height:auto; background:#FFFFFF; float:left; margin:0 0 1% 0; padding:0.5%;}
.canvas_container div.CCBG canvas{width:99%; height:auto; background:#FFFFFF; float:left; margin:0 0 1% 0; padding:0.5%;}

#header2_HIDE{width:100%; height:50px; background:#A1B1BC; float:left; text-align:left; margin:0; padding:0; top:0; position:fixed; z-index:5; display:none;}
#header2{position:relative; top:0; left:0; right:0; height:50px; background:#102941;}
#header2 label{padding:5px; font:24px Arial;}
#header2 span.spanlogo{width:auto; height:50px; float:left; margin:0 0 0 10px; padding:0;}
#header2 span.spanlogo img{max-height:45px; width:auto; margin:2.5px 0;}
#header2 span.spanlogin{width:auto; height:50px; float:right; margin:0 50px; padding:0; display:block;}
#header2 span.spanlogin img{width:auto; height:32px; float:left; margin:9px 15px 0 0; padding:0;}
#header2 span.spanlogin p{width:auto; height:32px; float:right; margin:17px 35px 0 0; padding:0; font-family:'Roboto', sans-serif; font-size:13px; font-weight:normal; color:#ffffff;}

#header3_HIDE{width:100%; height:50px; background:#A1B1BC; float:left; text-align:left; margin:0; padding:0; top:0; position:fixed; z-index:5; display:block;}
#header3{position:relative; top:0; left:0; right:0; height:50px; background:#A1B1BC;}
#header3 span.spanlogo{width:auto; height:50px; float:left; margin:0 0 0 10px; padding:0;}
#header3 span.spandashboard{width:auto; height:50px; float:right; margin:0 10px 0 0; padding:0;}

#menu1 label{padding: 5px; font:24px Arial;}
#menu1 .sub-nav label{padding: 5px; font:24px Arial; top:0;}
#header2 label:hover, #menu1 label:hover{color:#ccc;}
#main-nav-check, #menu1 .sub-nav-check{position:absolute; top:-9999px; left:-9999px;}
.toggle{position:absolute; top:4px; right:0.15em; cursor:pointer; color:#fff;}
#menu1, #menu1 .sub-nav{position:absolute; top:0; bottom:0; width:13.75em; background:#222; z-index:9999; left:-13.75em;}
#menu1, #menu1 .sub-nav{   
	-webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);
	-webkit-transition:-webkit-transform .25s ease; transition:transform .25s ease; background:#222;
}
#menu1 ul{background:#222; line-height:2.75em; text-decoration:none; padding:0; list-style:none; margin-top:0px; border-top:1px solid #444; text-align: left;}
#menu1 li{border-bottom:1px solid #444; font-family : 'Montserrat',sans-serif; text-align: left;}
#menu1 li a{display:block; font-size:0.875em; padding-left:1.5em; color:#fff; text-decoration:none; background:#222; font-family : 'Montserrat',sans-serif; text-align: left;}
#menu1 li a:hover, #menu1 .toggle-sub:hover{background:#333;}
#menu1 li a:hover, #menu1 .toggle-sub2:hover{background:#333;}
#menu1 .sub-nav{margin-top:-1px;}
#menu1 .sub-heading{margin-top:42px; padding-left:1.3125em; color:#999;}
#menu1 .sub-heading:before{content:""; display:block; height:1px; width:13.75em; margin-left:-1.3125em; background:#444;}
#menu1 .toggle-sub{font:bold 1em/2.2em Arial !important; color:#fff; background:#222; float:right; top:auto; margin-top:-2.75em; width:2.25em; border-left:1px solid #444; cursor:pointer; text-align:center;}
#menu1 .toggle-sub2{display:block; font-size:0.875em; padding-left:1.5em; padding-top:1em;padding-bottom:1em; color:#fff; text-decoration:none; background:#222; font-family : 'Montserrat',sans-serif; text-align: left; }
.container, #menu1, #menu1 .sub-nav{-webkit-transform:translate3d(0,0,0);} /* http://davidwalsh.name/translate3d */

/* #### - define ids of animated container, menu1 and sub-menu1s here - #### */
#main-nav-check:checked ~ .container,
#main-nav-check:checked ~ #menu1,
#menu1 .sub-nav-check:checked ~ #fof-sub, 
#menu1 .sub-nav-check:checked ~ #fof-sub2, 
#menu1 .sub-nav-check:checked ~ #fof-sub3, 
#menu1 .sub-nav-check:checked ~ #fof-portfolio-sub, 
#menu1 .sub-nav-check:checked ~ #fof-portfolio-graphics-sub,
#menu1 .sub-nav-check:checked ~ #fof-portfolio-graphics-art-sub,
#menu1 .sub-nav-check:checked ~ #fof-portfolio-graphics-art-paintings-sub,
#menu1 .sub-nav-check:checked ~ #fof-services-sub, 
#menu1 .sub-nav-check:checked ~ #fof-services-seo-sub,
#menu1 .sub-nav-check:checked ~ #fast-apps-sub{-webkit-transform:translate(13.75em,0); -ms-transform:translate(13.75em,0); transform:translate(13.75em,0); position:fixed;}

.sub_bar{float:left; width:100%; min-height:35px; height: auto;margin:0; padding:10px 0 0 0; border-bottom:2px solid #FFFFFF; position:fixed; z-index:1; top:120px; background:#EDEDED;}
.sub_bar ul{margin:0 auto; padding:0; height:auto; width:100%; text-align:center;}
.sub_bar ul.sub_bar{margin-top:15px; border:none;}
.sub_bar li{margin:0 1%; padding:0; list-style-type:none; text-align:center; width:auto; display:inline-block; color:#1EA4D6; font-size:14px; font-weight:600;}
.sub_bar li.blue_sml{background:url(../images/general/blue_sml.png) no-repeat left center; text-align:left; padding-left:22px; width:auto; margin-left:30px;}
.sub_bar li.green_sml{background:url(../images/general/green_sml.png) no-repeat left center; text-align:left; padding-left:22px; width:auto; margin-left:30px;}
.sub_bar li.yellow_sml{background:url(../images/general/yellow_sml.png) no-repeat left center; text-align:left; padding-left:22px; width:auto; margin-left:30px;}
.sub_bar li.red_sml{background:url(../images/general/red_sml.png) no-repeat left center; text-align:left; padding-left:22px; width:auto; margin-left:30px;}
.sub_bar li.purple_sml{background:url(../images/general/purple_big.png) no-repeat left center; text-align:left; padding-left:22px; width:auto; margin-left:30px;}
.sub_bar li.purple_sml{background:url(../images/general/purple_big.png) no-repeat left center; text-align:left; padding-left:22px; width:auto; margin-left:30px;}
.sub_bar li.orange_sml{background:url(../images/general/orange_big.png) no-repeat left center; text-align:left; padding-left:22px; width:auto; margin-left:30px;}
.sub_bar li a{color:#1EA4D6; text-decoration:none; font-size:14px; font-weight:600;}
.sub_bar li a:hover{color:#232C2F;}

.forgotmypassword{width:183px; margin:0 auto; height:100px; padding-left:5px;}
.contacttypeCheckbox{margin-top:11px;}

.addSpecifications{width:60%; height:auto; float:left; padding:0; margin:0;}
.workordersorderform .planningAddWorkOrders{width:265px; height:auto; float:left; padding:0; margin:55px 0 0 0;}

.filtertitle {
	float: left;
	width: 10%;
	height: auto;
	font: 'Titillium Web', sans-serif;
	font-weight: 600;
	color: #232C2F;
	font-size: 22px;
	margin-top: 20px;
}
.allo {
	margin: 0;
	padding: 0;
	float: left;
	width: 90%;
}
.allo ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	list-style-type: none;
}
.allo li {
	margin: 0 1% 0;
	padding: 0;
	float: left;
	width: 23%;
}

 
.dashboard_column_left{
 	width: 50%;
	padding: 0;
	margin: 0;
	float: left;
	height: auto;
 }
 .dashboard_column_right{
 	width: 50%;
	padding: 0;
	margin: 0;
	float: right;
	height: auto;
	text-align: center;
 }
.dashboard_column_right h2{
 	text-align: center;
	background: #FFFFFF;
	color: #7E0630;
	font-size: 30px;
	text-transform: none;
	font-weight: 600;
 }
 ul.dashboard_boxes{
 	width: 100%;
	height: 200px;
	float:left;
	padding: 0;
	margin: 0 0%;
	text-align: center;
 } 
ul.dashboard_boxes li.maroon{
 	list-style: none;
	float:left;
	width: 31%;
	height: 200px;
	margin: 0 1%;
	background: #7D0D32;
	color: #FFFFFF;
	text-align: center;
	border-radius: 5px;
 }
ul.dashboard_boxes li.maroon h1{
 	width: 96%;
	font-weight: 700;
	font-size: 90px;
	padding: 0 2%;
	margin: 0;
	color: #FFFFFF;
 }
ul.dashboard_boxes li.maroon h3{
 	width: 96%;
	font-weight: 400;
	font-size: 18px;
	padding: 1% 2%;
	margin: 0;
	color: #FFFFFF;
	text-transform: none;
	text-align: center;
 }
 ul.dashboard_boxes li.white{
 	list-style: none;
	float:left;
	width: 20%;
	height: 150px;
	margin: 0 1%;
	background: #FFFFFF;
	color: #7D0D32;
	text-align: center;
	display:none;
 }
  ul.dashboard_boxes li.cream{
 	list-style: none;
	float:left;
	width: 98%;
	height: auto;
	margin: 0 1% 10px;
	background: #1EA4D6;
	color: #ffffff;
	text-align: center;
	padding-bottom: 10px;
	border-radius: 5px;
 }
ul.dashboard_boxes li.cream h1{
 	width: 100%;
	font-weight: 700;
	font-size: 50px;
	padding: 0;
	margin: 0;
	color: #ffffff;
 }
ul.dashboard_boxes li.cream h3{
 	width: 100%;
	font-weight: 400;
	font-size: 18px;
	padding: 0;
	margin: 0;
	color: #ffffff;
	text-transform: none;
	text-align: center;
		
 }
 .dashboard_search{
 	width: 100%;
 }
  .dashboard_search select{
 	width: 130px;
	height: 30px;
	border-radius: 5px;
	border: 1px solid #DDDDDD;
	color: #333333;
	font-size: 13px;
	padding: 1%;
	margin: 1% 0;
	float: none;
 }
 .dashboard_search input[type=submit]{
 	background: #BBA956;
	border-radius: 5px;
	border: 1px solid #BBA956;
	font-size: 15px;
	text-transform: none;
	text-align: center;
	color: #FFFFFF;
	width: 90px;
	height: 30px;
	float: none;
	margin: 1% 0;
	cursor: pointer;	
 }
.dashboard_search input[type=submit]:hover{
 	background: #FFFFFF;
	border: 1px solid #BBA956;
	color: #BBA956;	
 }
 .dashboard_funnel{
 	background: url('../images/general/funnel.png') no-repeat;
	background-position: 30%;
	height: 387px;
	text-align: center;
	margin-bottom: 3%;
 }
 .level1{
 	width: 100%;
	float: left;
 }
 #level1-middle{
 	float: left;
	text-align: center;
	color: #7D0C32;
	font-weight: 600;
	width: 300px;
	margin: 0 0 0 17%;
	position: relative;
 }
 #level1-middle a {color:#232C2F;}
 #level1-middle h1{
 	color: #7D0C32;
	font-size: 30px;
	text-align: center;
	margin-top: 0;
 }
 #level1-right{
 	background: #1D4872;
	color: #FFFFFF;
	border-radius: 5px;
	width: 130px;
	height: 90px;
	float:right;
	margin: -5% 0 0 0;
 }
 #level1-right a {color: #ffffff;}
#level1-right h1{
 	font-size: 40px;
	padding: 0;
	margin: 0;
	text-align: center;
	font-weight: 600;
 }
#level1-right h3{
 	font-size: 18px;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
	text-align: center;
	font-weight: 600;
 }
 
.level2{
 	width: 100%;
	float: left;
	height: 70px;
	position: center;
 }
#level2-left{
	float:left;
	line-height: 20px;
	text-align: right;
	font-size: 20px;
	color: #232C2F;
	font-weight: 600;
	margin: 5% 0 0 2%;
	position: relative;
}
#level2-middle{
 	float: left;
	text-align: center;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: 600;
	width: 270px;
	margin: -3% 0 0 24%;
	position: relative;
 }
 #level2-middle a {color: #ffffff;}
#level2-right{
	float:left;
	line-height: 20px;
	text-align: right;
	font-size: 20px;
	color: #232C2F;
	font-weight: 600;
	margin: 5% 0 0 0;
	position: relative;
}
.level3{
 	width: 100%;
	float: left;
	height: 70px;
 }
#level3-left{
	float:left;
	line-height: 20px;
	text-align: right;
	font-size: 20px;
	color: #232C2F;
	font-weight: 600;
	margin: 4% 0 0 8%;
	position: relative;
}
#level3-middle{
 	float: left;
	text-align: center;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: 600;
	width: 250px;
	margin: -5% 0 0 18%;
 }
#level3-middle a, #level4-middle a, #level5-middle a, #level6-middle a    {color :#ffffff;}
#level3-right{
	float:left;
	line-height: 40px;
	text-align: right;
	font-size: 20px;
	color: #232C2F;
	font-weight: 600;
	margin: 2% 0 0 -2%;
}
.level4{
 	width: 100%;
	float: left;
	height: 70px;
 }
#level4-left{
	float:left;
	line-height: 20px;
	text-align: right;
	font-size: 20px;
	color: #232C2F;
	font-weight: 600;
	margin: 2% 0 0 14%;
	position: relative;
}
#level4-middle{
 	float: left;
	text-align: center;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: 600;
	width: 200px;
	margin: -7% 0 0 13%;
 }
#level4-right{
	float:left;
	line-height: 40px;
	text-align: right;
	font-size: 20px;
	color: #232C2F;
	font-weight: 600;
	margin: 0;
}
.level5{
 	width: 100%;
	float: left;
	height: 70px;
 }
#level5-left{
	float:left;
	line-height: 20px;
	text-align: right;
	font-size: 20px;
	color: #232C2F;
	font-weight: 600;
	margin: 0 0 0 16%;
	position: relative;
}
#level5-middle{
 	float: left;
	text-align: center;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: 600;
	width: 170px;
	margin: -8% 0 0 16%;
 }
#level5-right{
	float:left;
	line-height: 20px;
	text-align: right;
	font-size: 20px;
	color: #232C2F;
	font-weight: 600;
	margin: 0 0 0 -2%;
}
.level6{
 	width: 100%;
	float: left;
	height: 50px;
 }
#level6-middle{
 	float: left;
	text-align: center;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: 600;
	width: 130px;
	padding: 2% 0 0 0;
	margin: -9% 0 0 34.5%;
 }
 #level6-middle p{
 	padding: 0;
	margin: 0;
 }
 #level6-middle p.small{
 	padding: 0;
	margin: 0;
	font-size: 15px;
 }
 .level7{
 	width: 130px;
	height: 90px;
	background: #1EA4D6;
	color: #FFFFFF;
	float:left;
	border-radius: 5px;
	margin: -3% 0 0 5%;
 }
 .level7 a {color: #ffffff;}
 #cold h1{
 	color: #FFFFFF;
	font-weight: 600;
	font-size: 40px;
	padding: 0;
	margin: 0;
	width: 100%;
 }
 #cold h3{
 	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 600;
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
 }
 .piecharts{
 	margin: 40px 0 20px ;
 }
.wrapper{
	width: 600px;
	margin: 0 15%;
}
.wrapper2{
	width: 95%;
	margin: 0 2.5%;
}
.sales_dashboard{
	width: 100%;
	padding: 0;
	margin: 20px 0 0 0;
	float: left;
	background: #FFFFFF;
}
.sales_dashboard div.left{
	width: 50%;
	padding: 0;
	margin: 0;
	text-align: center;
	float: left;
	margin: 0 4% 0 2%;
}
.sales_dashboard div.right{
	width: 35%;
	padding: 0;
	margin: 0;
	text-align: center;
	float: left;
	margin: 0 2%;
	padding: 0 0 0 5%;
}
.sales_dashboard div.left h2 {
    text-align: center;
    background: #FFFFFF;
    color: #7E0630;
    font-size: 30px;
    text-transform: none;
    font-weight: 600;
}
.percentbox {
	color: #ffffff;
	background: #C7A465;
	padding: 30px 60px;
	float: left;
	text-align: center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 30px;
}
.switch{position:relative; display:inline-block; width:60px; height:34px;}
.switch input{opacity:0; width:0; height:0;}

.slider{position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#44FB57; -webkit-transition:.4s; transition:.4s}
.slider:before{position:absolute; content:""; height:26px; width:26px; left:4px; bottom:4px; background-color:white; -webkit-transition:.4s; transition:.4s;}
input:checked + .slider{background-color:#F21919;}
input:focus + .slider{box-shadow:0 0 1px #F21919;}
input:checked + .slider:before{-webkit-transform:translateX(26px); -ms-transform:translateX(26px); transform:translateX(26px);}
.job_min {float: left; height: auto; width: 100%; min-height:70px;}
h2.checkin {line-height:1.5;font-family: 'Titillium Web', sans-serif;color:#55A2D0; font-size:40px; line-height:45px; text-align: center;width: 100%;height: auto;margin: 0 auto;padding:0;}
h3.checkin {line-height: 1.5;font-family: 'Titillium Web', sans-serif;color:#ffffff; font-size:25px; text-align: center;width: 100%;height: auto;margin: 0 auto;padding:0;}

.pageBreak{height:40px; width:100%; float:left; padding:0; margin:0;}

.table-fixed-columns{width:100%; overflow:auto;}
.table-fixed-columns table{margin-left:23%;}
.table-fixed-columns table tr th{height:46px;}
.table-fixed-columns table tr th:nth-child(1), .table-fixed-columns table tr td:nth-child(1){width:14.3%; position:absolute; margin-left:-23%; border-right:2px solid #EEEEEE;}
.table-fixed-columns table tr th:nth-child(2), .table-fixed-columns table tr td:nth-child(2){width:7.3%; position:absolute; margin-left:-7.85%; border-right:2px solid #EEEEEE;}
.table-fixed-columns table tr th, .table-fixed-columns table tr td{white-space: normal;}

.table-fixed-columns table tr:nth-child(2) td:nth-child(1),.table-fixed-columns table tr:nth-child(2) td:nth-child(2){height:42px;}
.table-fixed-columns table tr:nth-child(3) td:nth-child(1),.table-fixed-columns table tr:nth-child(3) td:nth-child(2){height:62px;}

.table-fixed-columns2{width:100%; overflow:auto;}
.table-fixed-columns2 table{margin-left:16%;}
.table-fixed-columns2 table tr th:nth-child(1), .table-fixed-columns2 table tr td:nth-child(1){width:14.3%; position:absolute; margin-left:-15%; border-right:2px solid #EEEEEE;}
.table-fixed-columns2 table tr th{height:46px;}
/* .table-fixed-columns2 table tr th:nth-child(2), .table-fixed-columns2 table tr td:nth-child(2){width:7.3%; position:absolute; margin-left:-7.85%; border-right:2px solid #EEEEEE;} */
.table-fixed-columns2 table tr th, .table-fixed-columns2 table tr td{white-space: normal;}

.table-fixed-columns2 table tr:nth-child(2) td:nth-child(1),.table-fixed-columns2 table tr:nth-child(2) td:nth-child(2){height:42px;}

#tvDash{margin:115px 25px auto 25px;}

.supplementary_info_options{margin-top: 30px;}
.supplementary_info_options > h2 {color: red;}
.supplementary_info_options:nth-child(5){display: flex; flex-wrap: wrap;}
.supplementary_info_submenus > label {width: 65%;}
.supplementary_info_options:nth-child(5) > .supplementary_info_submenus{width: 25%;}
.supplementary_info_options:nth-child(5) > .supplementary_info_submenus:nth-child(6){width: 100%;}
.supplementary_info_options:nth-child(5) > .supplementary_info_submenus:nth-child(n+7):nth-child(-n+10){width: 50%;}

/* END OF MISC */

@media only screen and (min-width:0px) and (max-width:767px){
	.sales_dashboard div.left {width: 100%;margin: 10px 0; padding: 0;}
	.sales_dashboard div.right {width: 100%;margin: 10px 0; padding: 0;}
	.sales_filter {width: 98%; margin: 20px 1%;}
	.formsearchL span.LongPage {width: 99%;}
	.formsearchL input.FSLinputLong {width: 47%;}
	.formsearchL select.Long {width: 50%;margin-bottom: 0px;}
	.statsContainerSmall{display:none;}
	.dashboardnav{margin-top:70px;}
	#header_dash{display:none;}
	body.dashboard{background-size:auto 100%;}
	#header{display:none;}
	#header2_HIDE{display:block;}
	#header2 span.spanlogo{width:70%; height:50px; float:left; margin:0 0 0 10px; padding:0;}
	#header2 span.spanlogo img{width:auto; max-width:370px;}
	#header2 span.spanlogin{display:none;}
	#header3_HIDE{display:none;}
	#maincontentlogin{width:100%; max-width:none;}
	#maincontent{width:98%; margin:2% 1%; min-width:0; padding: 0 1%;}
	#maincontentLE{width:96%; margin:10% 2% 0 2%;}
	#maincontentBatch{width:100%; max-width:none; top:50px;}
	#footer{margin:30px 0 0 0; position:inherit; z-index:5;}
	.cell_login_dashboard { margin: 10px auto;}
	.cell_login_dashboard span.spanheader{width:98%; padding:1% 0 1% 2%;}
	.cell_login_dashboard div.divformlogin{width:86%; margin:0 2%; padding:2% 5%;}
	.cell_login_dashboard div.divloginoptions{width:94%; margin:3% 0; padding:2% 3%;}
	.cell_content_column{margin-left:0;}
	.cell_content_sections div.divCScontent{width:94%; padding:1% 3%;}
	.cell_content_sections h2{width:98%; padding:0.5% 0 0.5% 2%;}
	#subnavcontainer{display:none;}
	.formsearchL div.FSLdivIMG{display:none;}
	.formsearchL div.FSLdivCONTENT{width:100%;}
	.formmain div.FMdiv1{margin:0;}
	.formmain h3{margin:25px 0 5px 0;}
	.formmain label{width:100%; text-align:left; margin:0 0 5px 0; padding:0;}
	.formmain input.FMinput{width:93%; min-width:0; margin:0; padding:3%;}
	.formmain select{width:100%; min-width:0; margin:0; padding:10px 5px;}
	.formmain textarea{width:93%; min-width:0; margin:0; padding:3%;}
	.formpages{width:100%; margin:0;}
	.formpages span.FMspan1 p{margin:5px 0 0 0;}
	.formpages label{width:100%; text-align:left; margin:0 0 5px 0; padding:0;}
	.formpages label.labelFPwide{width:100%; margin:4px 10px 0 0; padding:0;}
	.formpages input.FPinput{width:93%; min-width:0; margin:0; padding:3%;}
	.formpages input.FPinputDate{width:76%; min-width:0; margin:0 10px 0 0; padding:4%;}
	.formpages input.uploadFile{min-width:0; max-width:100%;}
	.formpages textarea.mceNoEditor{width:93%; min-width:0; margin:0; padding:3%;}
	.formpages select{width:100%; min-width:0; margin:0 0 15px 0; padding:10px 5px;}
	.formpages select.image_selection{min-width:0; max-width:100%;}
	.formpagesAdvanced span.FPAspanfull1{width:96%; height:70px; margin:1%;}
	.formpagesAdvanced span.FPAspanhalf1{width:46%; height:70px; margin:1%;}
	.formpagesAdvanced span.FPAspanhalfBG1{width:46%; height:70px; margin:1%; padding:1%;}
	.formpagesAdvanced span.FPAspanhalfBG1 label{margin:4px 3% 0px 0px;}
	.formpagesAdvanced label{width:39%; margin:4px 2.5% 60px 0px;}
	.formpagesAdvanced input.FPAinput{width:50%; margin:0 0.5% 0 0; padding:1.5%;}
	.formpagesAdvanced select{width:50%; padding:1.5%;}
	/*.formsearchL span{width:100%; height:auto; float:left; text-align:left; margin:0px 0px 15px 0px; padding:0;}*/
	.formsearchL label{width:50%; margin:0 0 5px 0;}
	.formsearchL label.FSLlable-hide{display:none;}
	.formsearchL label.FSLlabelHeader{width:100%; margin:5px 0; font-size:17px; text-transform:uppercase;}
	.formsearchL input.FMinput{width:93%; min-width:0; margin:0; padding:3%;}
	.formsearchL input.FMinputdate{width:76%; min-width:0; margin:0 10px 0 0; padding:4%;}
	.formsearchL select{width:100%; min-width:0; margin:0 0 15px 0; padding:10px 5px;}
	.formtabs span.FTdivCONTENT{width:100%; margin:0 0 30px 0;}
	.formtabs label{width:100%; text-align:left; margin:8px 0 0 0;}
	.formtabs input.FTinput{width:96.5%;}
	.formtabs textarea.mceNoEditor{width:96.5%;}
	.formtabs select{width:99.8%;}
	.tabledashboard_list{width:100%;}
	.tabledashboard_list th{font-size:14px; vertical-align:top;}
	.tabledashboard_list td{font-size:13px; vertical-align:top;}
	.tabledashboard_list td.functions img{margin:0 5px 5px 0;}
	.tabledashboard_add{width:100%;}
	.tabledashboard_add th{padding:2px 5px; font-size:15px; vertical-align:top;}
	.tabledashboard_add th.TDBAth_whitebg{padding:2px 5px; font-size:15px; vertical-align:top;}
	.tabledashboard_add td{padding:10px 10px 10px 5px; vertical-align:top;}
	.tabledashboard_add td.functions img{margin:0 10px;}
	.tabledashboard_add td input.TDAtd_input1{width:80%; margin:0; padding:5px;}
	.tabledashboard_add td input.TDAtd_inputDATE1{width:45%; height:auto; border:1px solid #999999; float:left; text-align:left; margin:0 3px 0 0; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-decoration:none; text-transform: none; color:#000000;}
	.tabledashboard_add th select{width:90%; margin:0; padding:5px;}
	.tabledashboard_add td select{width:90%; margin:0; padding:5px;}
	.tableDetail_view{width:100%; max-width:none;}
	.tableDetail_view th{width:auto; padding:5px; font-size:16px;}
	.tableDetail_view td{padding:5px; font-size:16px;}
	.stats{width:97%; margin:10px 0; padding:1.5%;}
	.stats p{margin:5px 0 0 0; font-size:17px;}
	.statsContainerLarge{margin:10% 15%;}
	.statsL span{font-size:40px; line-height:70px;}
	.statsLicon{width:90%; margin:0 5%;}
	.actions li{height:50px; margin:15px 10px 5px 10px;}
	.actions li.ALright{float:left; margin:0 10px;}
	.tableResponsive{border:none; overflow-x:auto; overflow-y:auto; width:100%;}
	.CScontent_map{width:95%; float:left; padding:3% 5% 0 0;}
	.CScontent_table{width:100%;}
	.overallLEheader{width:auto; height:auto; background:none; text-align:center; margin:25px 0 0 0; padding:0; font-size:40px;}
	.sales{display:none;}
	.wrap_stat{width:100%;}
	.statsContainerLarge{margin:20px 0 0 0;}
	.statsL{padding:0;}
	.stats li{height:110px;}
	.statsL span{font-size:35px;}
	.formsearchL{width:90%; margin-left:5%; margin-right:5%;}
	.formsearchL input.FSLinputdate{width:100%;}
	.addupdate_left{margin:0 0 10px 0; width:100%;}
	.addupdate_right{margin-right:0;}
	.formpages h2{width:100%;}
	.addupdate_full label.labelFPwide{font-size:18px; color:#333333; height:60px; width:18%; float:left; padding:10px 1%; background:#dddddd; margin:0 0 10px 0;}
	.addupdate_full textarea{border:0; width:78%; height:60px; float:left; padding:10px 1%; margin:0;}
	.sizeform{width:90%; margin:0 5%;}
	.CScontent_pieCharts{width: 48%; height: auto; float: left; text-align: center;margin: 0 1%; padding: 0;}
	.tabledashboard_list2 th{height: 40px; background: #38474D; border: none; text-align: left; vertical-align: middle; padding: 0 3px 0 3px; font-size: 14px; font-weight: 500; color: #ffffff;}
	.tabledashboard_list2 td{ border: none; padding: 10px 5px 10px 5px; font-size: 14px; color: #333333; font-weight: 500; height: 20px; vertical-align: middle;}
	.finance_left li {width: 48%; margin: 0 1%;}
	.summary_results li{width:30%; margin:10px 1.5%;}
	.listtilesSML li a:link, .listtilesSML li a:visited, .listtilesSML li a:active{width:46%;}
	.listtilesSML li a:hover{width:46%;}
}
@media only screen and (min-width:0px) and (max-width:479px){
	#header_dash{display:none;}
	body.dashboard{background-size:auto 100%;}
	.dashboardnav{margin-top:70px;}
	.stats li{width:31%; margin-bottom:10px;}
	.statsL{width:96%; padding:1%;}
	.statsContainerSmall .formsearchsub{width:98%;}
	.dashboardnav li{width:31.3%; margin:1%; max-width:none; text-align:center;}
	.dashboardnav li img{width:100%;}
	.addproduct_search span{width:99%;}
	.addupdate_full label.labelFPwide{font-size:18px; color:#333333; height:60px; width:98%; float:left; padding:10px 1%; background:#dddddd; margin:0;}
	.addupdate_full textarea{border:0; width:98%; height:60px; float:left; padding:10px 1%; margin:0 0 10px 0;}
	.listtiles li a:link, .listtiles li a:visited, .listtiles li a:active{width:96%;}
	.listtiles li a:hover{width:96%;}
	.listtilesSML li a:link, .listtilesSML li a:visited, .listtilesSML li a:active{width:96%;}
	.listtilesSML li a:hover{width:96%;}
	.tabledashboard_list th{padding:2px; height:auto;}
	.tabledashboard_list td{padding:2px;}
	.CScontent_pieCharts{width: 98%;height: auto;float: left;text-align: center;margin: 0 1%;padding: 0;}
	.hvr-trim:before {height: auto;}
	input.submitMedium2, a.submitMedium2, a.submitMedium2:link, a.submitMedium2:visited{clear:none; margin: 0;}
	a.submitMedium2:hover, input.submitMedium2:hover{clear:none; margin-bottom: 0;}
	.finance_left li {width: 98%; margin: 0 1%;}
	.finance_right {width: 100%; margin: 0;}
	.finance_left {width: 100%; margin: 0;}
	.summary_results li {width: 45%;margin: 10px 2.5%;}
	.materialSearch{width:90%; margin:0 5%!important;}
	.materialSearchForm{width:100%;}
	.materialsSearchSubmit{width:100%;}
}
@media only screen and (min-width:768px) and (max-width:1025px){
	#maincontent_full{top:0; margin-top:45px;}
	.stats{width:96%; padding-left:2%; padding-right:2%;}
	.wrap_stat{float:left; width:100%;}
	.dashboardnav{margin-top:70px;}
	#header_dash{display:none;}
	#header{display:none;}
	#header2_HIDE{display:block;}
	#header3_HIDE{display:none;}
	#maincontentlogin{width:100%; max-width:none;}
	#maincontentLE{width:96%; margin:10% 2% 0 2%;}
	#maincontentBatch{width:100%; max-width:none;}
	.cell_content_column{margin-left:0;}
	.cell_content_sections div.divCScontent{width:98%; padding:1%;}
	#subnavcontainer{display:none;}
	.formsearchL div.FSLdivIMG{display:none;}
	.formsearchL div.FSLdivCONTENT{width:100%;}
	.formpages{width:100%; margin:0;}
	.formpagesAdvanced span.FPAspanfull1{width:96%; height:70px; margin:1%;}
	.formpagesAdvanced span.FPAspanhalf1{width:46%; height:70px; margin:1%;}
	.formpagesAdvanced span.FPAspanhalfBG1{width:46%; height:70px; margin:1%; padding:1%;}
	.formpagesAdvanced span.FPAspanhalfBG1 label{margin:4px 3% 0px 0px;}
	.formpagesAdvanced label{width:39%; margin:4px 2.5% 60px 0px;}
	.formpagesAdvanced input.FPAinput{width:50%; margin:0 0.5% 0 0; padding:1.5%;}
	.formpagesAdvanced select{width:50%; padding:1.5%;}
	.formtabs span.FTdivCONTENT{width:100%; margin:0 0 30px 0;}
	.tabledashboard_list{width:100%;}
	.tabledashboard_list th{font-size:15px; vertical-align:top;}
	.tabledashboard_list td{font-size:13px; vertical-align:top;}
	.tabledashboard_list td.functions img{margin:0 5px 5px 0;}
	.tabledashboard_add{width:100%;}
	.tabledashboard_add th{padding:2px 5px; font-size:15px; vertical-align:top;}
	.tabledashboard_add th.TDBAth_whitebg{padding:2px 5px; font-size:15px; vertical-align:top;}
	.tabledashboard_add td{padding:10px 10px 10px 5px; vertical-align:top;}
	.tabledashboard_add td.functions img{margin:0 10px;}
	.tabledashboard_add td input.TDAtd_input1{width:80%; margin:0; padding:5px;}
	.tabledashboard_add td input.TDAtd_inputDATE1{width:45%; height:auto; border:1px solid #999999; float:left; text-align:left; margin:0 3px 0 0; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-decoration:none; text-transform:none; color:#000000;}
	.tabledashboard_add th select{width:90%; margin:0; padding:5px;}
	.tabledashboard_add td select{width:90%; margin:0; padding:5px;}
	.tableResponsive{border:none; overflow-x:auto; overflow-y:auto; width:100%;}
	.statsContainer{width:96%; margin:0 2%;}
	.statsContainerLarge{width:100%; margin: 2.5% 0 0 0;}
	.statsL {padding: 0;}
	.stats li {height: 100px;}
	.statsL span{width:100%; font-size:50px; line-height:70px;}
	.statsL p{width:100%; font-size:23px;}
	.statsLicon{margin:2.5% 0; padding:0;}
	.statsContainerSmall { width: 100%; padding: 0;}
	.CScontent_map{width:85%; float:left; padding:3% 15% 0 0;}
	.CScontent_table{width:100%;}
	.actions li{height:50px;}
	.overallLEheader{width:auto; height:70px; margin:0 10px 10px 0; padding:10px 110px 0 0; font-size:40px;}
	.sales{display: none;}
	.formsearchL{width:90%; margin-left:5%; margin-right:5%;}
	.materialSearch{width:90%; margin:0 5%!important;}
	.materialSearchForm{width:75%;}
	.materialsSearchSubmit{width:25%;}
	.sizeform{width:70%; margin:0 15%;}
	.addupdate_left{width:75%; margin-left:0;}
	.addupdate_right{width:25%; margin-right:0;}
	.orderdetail_middle li{font-size:16px;}
	.created_deets{font-size:15px;}
	.created_deets div span{margin-left:0;}
	.tabletHide{display:none;}
	.tabledashboard_list2 th{height: 40px; background: #38474D; border: none; text-align: left; vertical-align: middle; padding: 0 3px 0 3px; font-size: 14px; font-weight: 500; color: #ffffff;}
	.tabledashboard_list2 td{ border: none; padding: 10px 5px 10px 5px; font-size: 14px; color: #333333; font-weight: 500; height: 20px; vertical-align: middle;}
	.chart_contacts ul.chart_left img{max-width:63px; width:auto; max-height:63px; height:63px; margin:0;}
	.operationsLogin ul{width:95%; margin:0 2.5%;}
	.operationsLogin li{width:100%; margin:10px 0;}
	input.opt_check2, a.opt_check2, a.opt_check2:link, a.opt_check2:visited{width:29%; font-size:14px;}
	.listtilesSML li a:link, .listtilesSML li a:visited, .listtilesSML li a:active{width:46%;}
	.listtilesSML li a:hover{width:46%;}
}
@media only screen and (min-width:1025px) and (max-width:1200px){
	#maincontentlogin{width:100%; max-width:100%;}
	#maincontentLE{width:96%; margin:8% 2% 0 2%;}
	#maincontentBatch{width:100%; max-width:100%;}
	.statsContainer{width:96%; margin:0 2%;}
	.statsContainerLarge{width:100%; margin: 2.5% 0 0 0;}
	.statsL span{width:100%; font-size:50px; line-height:70px;}
	.statsL p{width:100%; font-size:23px;}
	.statsLicon{margin:2.5% 0; padding:0;}
	.CScontent_table{width:100%;}
	.overallLEheader{height:80px; margin:0 10px 0 0; padding:0 110px 0 0;}
	.formpages{width:100%; margin:0;}
	.formtabs span.FTdivCONTENT{width:100%; margin:0 0 30px 0;}
	.stats li {height: 100px; }
	.sales li span {font-size: 26px;}
	#subnav li{margin: 0 1px 1px 0;}
	#subnav a, #subnav a:link, #subnav a:visited{padding:9px 5px 8px 30px; font-size:11px;}
	#subnav a:hover{padding:9px 5px 8px 30px; font-size:11px;}
	#subnav li.webapp_dashboard{margin:0 0.1% 1px 0.1%;}
	.sizeform{width:70%; margin:0 15%;}
	.sales ul{margin:10px 0 0 0; padding:0 5%; width:90%;}
	.sales li{height:auto; width:90%; margin:0 0 20px 0; padding:5%;}
	.aboveTabletHide{display:none;}
	.formsearchsub input.FSSinput{width:145px;}
	.orderdetail_middle li{font-size:16px;}
	.created_deets{font-size:15px;}
	.created_deets div span{margin-left:0;}
	.listtilesSML li a:link, .listtilesSML li a:visited, .listtilesSML li a:active{width:29%;}
	.listtilesSML li a:hover{width:29%;}
}
@media only screen and (min-width:1201px) and (max-width:1700px){
	.statsContainer{width:96%; margin:0 2%;}
	.statsContainerLarge{width:100%; margin: 2.5% 0 0 0;}
	.statsL{width:44.8%; margin: 0% 1% 0% 1%; padding:2% 1.5%;}
	.statsL span{width:100%; font-size:50px; line-height:70px;}
	.statsL p{width:100%; font-size:23px;}
	.statsLicon{margin:2.5% 0; padding:0;}
}
@media only screen and (min-width:0px) and (max-width:1025px){
	.sub_bar{display:none;}
	#maincontent{margin:0; top:50px;}
	.actions{display:none;}
	.formsearchsub{display:none;}
	.tabsC{display:none;}
	input.submitMedium2, a.submitMedium2, a.submitMedium2:link, a.submitMedium2:visited{clear:both; float:left; margin: 1%;}
	a.submitMedium2:hover, input.submitMedium2:hover{clear:both;float: left;margin-bottom: 1%;}
}
@media only screen and (min-width:0px) and (max-width:1025px){
	#maincontent_full{top:0;margin-top:45px; background: #72B7E2;height:auto;min-height: 92.5%;min-height: 92.5%;width: 100%;float: left;min-height: 92.5vh;}
	.chart_contacts h2{color: #ffffff; margin:0;}
	.chart_contacts h3{font-size:25px; color:#1D4872; text-align:center; width:100%; margin:0;}
	.chart_left li{font-size: 18px;}
	.chart_left li div.left{width: 26%;}
	.chart_left li div.right{width: 63%;}
}
@media only screen and (min-width:0px) and (max-width:767px){
	.chart_left li {font-size: 16px; width: 48%; margin: 5px 1%;}
	.materialSearch{width:90%; margin:0 5%!important;}
	.materialSearchForm{width:100%;}
	.materialsSearchSubmit{width:100%;}
}
@media only screen and (min-width:0px) and (max-width:479px){
	.chart_left li{font-size:16px; width:98%; margin:5px 1%;}
	a.log_btn{margin-top:10px;}
}
@media print{
	#maincontent{width:auto; height:auto; margin:0; padding:0; top:0; position:relative; display:block; z-index:0;}
	.tabledashboard_list th.functions, .tabledashboard_list td.functions, .tabledashboard_list th.empty, .tabledashboard_list td.empty, .tabledashboard_list th img, #header, #subnavcontainer, .formsearchsub, .sub_bar, .actions, .updateStock, a.updateStock, a.updateStock:link, a.updateStock:visited {display: none;}
	.pageBreak{display:none; height:0; margin:0; padding:0;}
	.spacer, .spacer2{height:0;}
	.split{width: 98%;}
	.cell_content_sections h2{display:none;}
	#timeAttendanceReportTable{border-collapse:collapse;}
	#timeAttendanceReportTable tr th{height:auto!important; border-bottom:1px solid #000000!important; border-left:none!important; border-right:none!important;}
	#timeAttendanceReportTable tr, #timeAttendanceReportTable td{border:none!important;}
	#timeAttendanceReportTable td{padding:2px 0;}
	#timeAttendanceReportTable td.TA_employee_total{padding:10px 20px 10px 0; font-weight:600;}
	#timeAttendanceReportTable td.TA_employee_total_value{padding:10px 0px 10px 0; font-weight:600;}
	table{margin:0;}
	.tabledashboard_list{border-collapse:collapse;}
	.tabledashboard_list th{border:1px solid #000000!important;}
	.tabledashboard_list td{font-size:13px;}
	.tabledashboard_list td.category{border:none!important;}
	.tabledashboard_list td{border-left:1px solid #000000!important;border-right:1px solid #000000!important;}
	.tabledashboard_list td{padding:0;}
	.tabledashboard_list tr{page-break-inside:avoid!important;border-bottom:1px solid #000000!important;}
	.tabledashboard_list tr th{width:auto!important;}
	html,
	body{margin:0; padding:0; height:100%;}
	h2{margin:0;}
}