@import url(https://fonts.googleapis.com/css?family=Roboto:500);
@import url(https://fonts.googleapis.com/css?family=Fredoka+One);

@font-face {
	font-family: 'MyriadPro-Regular';
	src: url('fonts/MyriadPro-Regular.eot');
	src: url('fonts/MyriadPro-Regular.woff') format('woff'), 
		url('fonts/MyriadPro-Regular.ttf') format('truetype'), 
		url('fonts/MyriadPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueLTStd-Bd';
	src: url('fonts/HelveticaNeueLTStd-Bd.eot');
	src: url('fonts/HelveticaNeueLTStd-Bd.woff') format('woff'), 
		url('fonts/HelveticaNeueLTStd-Bd.ttf') format('truetype'), 
		url('fonts/HelveticaNeueLTStd-Bd.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body
{    
	font-size: 1em;
	font-family: 'MyriadPro-Regular', 'Roboto', Verdana, Arial;
	padding:0;
	margin:0;
	color: black;
}

::selection {
	background: #9E0044;
	color: White;
}

::-moz-selection {
	background: #9E0044;
	color: White;
}

a, a:visited {
	/*color:#9E0044;*/
	color: Blue;
	text-decoration: none;	
}

a:hover {
	text-decoration:underline;
}

input, select {
	font-size: 1em;
}

input[type="button"], input[type="submit"], input[type="reset"] , input[type="checkbox"], input[type="radio"], select, label  {
	cursor:pointer;
}

input[type="checkbox"]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.2); /* IE */
  -moz-transform: scale(1.2); /* FF */
  -webkit-transform: scale(1.2); /* Safari and Chrome */
  -o-transform: scale(1.2); /* Opera */
}

textarea {
	font-family: 'MyriadPro-Regular', 'Roboto', Verdana, Arial;
}

#pagewrapper
{    
	min-width:300px;
	text-align:center;
	margin: 0 auto 0 auto;
}

#header {
	/*width:768px;*/
	margin: 0 auto 0 auto;
	text-align:center;
	
	width:100%;
	z-index: 99;
}

#top-space {
	position:relative;
	min-height:70px;
}

#logo {
	position:absolute;
	margin: 0;
	left: 5px;
	top: 0px;
}

	#logo img {
		width:165px;
	}

#title{
	font-family: 'Fredoka One', Verdana, Arial;
	font-size: 1.2em;
	font-weight: bold;
	color: #666666;

	position:absolute;
	margin: 0;
	right: 5px;
	bottom: 1px;
}

#cart {
	position:fixed;
	top:0px;
	right:0px;
	width:40px;
	height: 32px;
	padding: 5px;
	
	border:solid 1px silver;
	background-color: #fefefe;
	
	font-weight:bold;
	text-align:left;
	vertical-align: middle;
	
	cursor:pointer;
	z-index: 100;
	opacity:0.9;
	-moz-border-radius: 15%; 
	border-radius: 15%;	
}

	#cart:hover {
		opacity:1;
	}

	#cart .rotate {
		-ms-transform: rotate(270deg); /* IE 9 */
		-ms-transform-origin: 100% 0%; /* IE 9 */
		-webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
		-webkit-transform-origin: 100% 0%; /* Chrome, Safari, Opera */
		transform: rotate(270deg);
		transform-origin:100% 0%;
	}

	#cart-qty {
		position:fixed;
		top:3px;
		right:4px;
		height:15px;
		width:15px;
		padding:3px;
		background-color:#9E0044;
		color:White;
		
		text-align:center;
		font-size:0.8em;
		font-weight:bold;

		-moz-border-radius: 50%; 
		border-radius: 50%;
		
		z-index:1;
	}
	
#cart-message {
	width: 300px;
	height: 20px;
	padding: 20px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
	background-color:#dfd;
	color:#333;
	font-size: 1.2em;
	font-weight:bold;
	border: double 3px #333;
	display: none;
}
	
#cart-content {
	text-align:center;
}
	
#cart-table {

}

	#cart-table table {
		margin:auto;
		width:95%;
		max-width:970px;
		border-spacing:0;
	}
	
	#cart-table .row {
		outline-style:solid;
		outline-color:silver;
		outline-width:1px;
		background-color: #fcfcfc;
	}
	
	#cart-table .row:hover {
		background-color: #ffd;
	}
	

#topbar {
	background-color: #9E0044;
	color: White;
	height: 30px;
	margin: 0 auto 0 auto;
	padding: 0;
	font-weight:bold;
	clear:both;
}

#header_search {
	margin-top:-37px;
	padding-right:10px;
	float:right;
	text-align:left;
}

#search_edp {

}

.select2 {
	width: 100% !important;
	min-width:300px;
	max-width:300px;
}

#login {
	float:left;
	font-size: 0.9em;
	font-weight: bold;
	color: Orange;
	margin: 5px 0 0 10px;
}

#logout {
	float:right;
	cursor:pointer;
	margin: 5px 10px 0 0;
}

#cssmenu {
	clear:both;
}

#loginbox {
	background-color: #FFF3D1;
	border: solid 1px #331600; 
	width:380px; 
	padding: 5px;
	text-align:center;
	margin: 20px auto 0 auto;
}

#main{
	margin: 0 auto 0 auto;
	padding: 0 0 30px 0;
	clear:both;
	min-height:300px;
}
		
#host {
	color: #1166FF;
	font-size: 0.8em; 
	font-weight: bold; 
	font-style: italic;
	margin: 0 0 10px 0;
}		
		
#footer {
	background-color: #F2F2F2;
	color: #666666;
	margin: 0 auto 0 auto;
	padding: 5px;
	font-size:0.8em;
	font-weight:bold;
	clear:both;
	text-align:center;
}

#footer a {
	color:#9E0044;
}

#footer a:visited {
	color:#9E0044;
}

.successmsg {
	color: Green;
	font-weight: bold;
}

.warnmsg {
	color: Orange;
	font-weight: bold;
}

.errmsg {
	color: Red;
	font-weight: bold;
}

.msg_red {
	color: Red;
	font-weight: bold;
}

.msg_green {
	color: Green;
	font-weight: bold;
}

.msg_orange {
	color: Orange;
	font-weight: bold;
}

.msg_grey {
	color: Grey;
}

.readonly {
	background-color: #F0F0F0;
	color: #666666;
}

#searchbox {
	background-color: White;
	/*border: solid 2px #9E0044;*/
	max-width:98%;
	min-width:220px;
	margin: 5px auto 5px auto;
}

	#searchbox .search-block {
		display:inline-block; 
		padding:5px;
		vertical-align: top;
		min-height:55px;
	}

#search-not-found {
	background-color:#FFFFDD;
	color:OrangeRed;
	margin:10px auto 10px auto;
	padding:20px;
	max-width:90%;
	border:solid 1px silver;
	font-weight:bold;
	font-size:1.5em;
}

#ttBox {
	background-color: White;
	/*border: solid 2px #9E0044;*/
	max-width:98%;
	min-width:220px;
	min-height: 200px;
	padding: 10px;
	margin: 5px auto 5px auto;
}

#ttSel{
	font-weight:bold;
	font-size:1.3em;
}

	#ttSel .ttSel{
		background-color:#CFAE78;
		color: White;
		width:200px;
		margin: 5px auto 5px auto;
		padding: 10px;
		cursor: pointer;
	}

#detail_page {
	text-align: left;
	padding: 0 10px 0 10px;
}

#main .details {
	padding: 10px;
	background-color: #ffffdd;
}

#main_popup {
	width: 640px;
	text-align: center;
	font-family: 'MyriadPro-Regular', 'Roboto', Verdana, Arial;
}

#main_popup .details {
	padding: 10px;
	background-color: #ffffdd;
}

.selectionblock {
	display:inline-block;
	vertical-align: top;
	text-align:center;
	min-height:80px;
	min-width:100px;
	background-color: White;
	border:solid 1px #dddddd;
	padding: 10px;
	margin: 1px;
}

	.selectionblock:hover {
		/*background-color: #FFDCA8;*/
		cursor: pointer;
	}

.radioselection {
	vertical-align: middle;
	text-align:left;
	min-height:20px;
	min-width:100px;
	background-color: White;
	padding: 10px;
}

	.radioselection:hover {
		/*background-color: #FFDCA8;*/
		cursor: pointer;
	}

.checkbox {
	cursor:pointer;
}

.radiobutton {
	cursor:pointer;
}

.label {
	cursor:pointer;
	text-align:center;
}

.field-label {
	font-weight:bold;
}

.subtitle {
	margin: 10px;
	font-size: 1.8em;
	font-weight: bold;
	color: #9E0044;
}

.flute {
	padding:5px 10px 0 10px;
	background-color:#9E0044;
	color:White;
	font-size:2em;
	font-weight:bold;
	
	-moz-border-radius: 30%; 
	border-radius: 30%;
}

.icon {
	width:50px; 
	height:50px;
	vertical-align:middle;
}

.matgrp_icon {
	display:inline-block;
	font-size:0.9em;
	padding:3px;
	margin:0 0 1px 0;
	cursor: default;
}

.shadow {
	box-shadow: 5px 5px 5px #DDD;
}

/* Swiper */
#swiper {
	margin: 0 auto;
}

	.swiper-container {
		width: 95%;
		height: 50%;
		padding-top: 10px;
	}
	.swiper-slide {
		text-align: center;
		font-size: 1.3em;
		background: #fff;
		cursor: pointer;
		
		background-position: center;
		background-size: cover;
		width: 300px;
		height: 300px;
	}
		
	.swiper-slide .proc-block {
		padding: 20px;
		color: #222;
		text-align: center;		
		font-weight:bold;
	}
		
	.swiper-slide .proc-block:hover{
		/*background-color: #9E0044;
		color: White;
		cursor:pointer;*/
	}	
	
/* Search Results */	
#results {
	margin: 10px auto 10px auto;
	/*text-align:left;*/
	max-width:98%;
}

	#results .result_header {
		background-color:#9E0044;
		padding:5px;
		height:30px; 
		margin-bottom: 5px;
	}

	#results .subtitle {
		margin: 0;
		color:White;
		font-size:1.3em;
		text-align:left;
	}
	
	#results .result-block  {		
		position:relative;
		display: none;
		text-align: center;		
		vertical-align: top;
		
		margin: 10px 8px 10px 8px;
		width: 265px;
		min-width: 265px;
		border:solid 1px silver;
		
		background: #fcfcfc;
		color: #222;
		font-weight:bold;
	}
	
	#results .result-block:hover {
		cursor:pointer;
	}
	
	#results .result_top {
		height:50px;
	}
	
	#results .result_edp {
		
	}
	
	#results .result_icons {
		
	}
	
	#results .result_bottom {
		margin-bottom:10px;
	}
	
	#results .result_edp_photo {
		height:80px;
		max-height:80px;
		padding:10px 10px 0 10px;
		display:table-cell;
		vertical-align:middle;
		text-align:center;
	}
	
	#results .result_no_image {
		height:50px;
		padding-top:40px;
		color:#888;
		font-size:0.6em;
	}
	
	#results .result_edp_code {
		height:15px;
		padding:5px;
		font-size:1.5em;
	}
	
	#results .result_edp_name {
		height:30px;
		padding:5px;
		font-size:0.9em;
		overflow:hidden;
	}
	
	#results .result_ct_icons {
		overflow:hidden;
		height:55px;
		padding:2px;
		font-size:0.8em;
	}

	#results .result_cp_icons {
		overflow:hidden;
		height:55px;
		padding:2px;
		font-size:0.8em;
	}
	
	#results .btnMore{
		background-color:#ffffdd;
		color:#9E0044;
		height:20px;
		padding:10px;
		border-top: solid 1px silver;
	}		

		#results .btnMore:hover{
			background-color: #9E0044;
			color: White;
		}		
	
	#results .btnAdd {
		height:35px;
		padding:5px;
		border-top: solid 1px silver;
	}

		#results .btnAdd:hover{
			background-color: #CFAE78;
			color: White;
		}		
		
	#results .top_icons {
		position:absolute;
		display:inline;
		top:0;
		left:0;
		z-index: 9;	

		text-align:left;
	}
	
	#results .flute_icon {		
		position:absolute;
		display:inline;
		top:0;
		right:0;
		z-index: 9;
		
		text-align:right;
	}

#btnLoadMore {
	background: #fcfcfc;
	color: #222;
	font-size:1.2em;
	font-weight:bold;
	height:30px;
	margin: 20px auto 20px auto;
	padding:10px;
	width:100%;
	max-width: 300px;
	border: solid 1px silver;
	box-shadow: 5px 5px 5px #DDD;
}

#search_sort {
	margin-top:-38px;
	padding-right:5px;
	float:right;
	text-align:left;
}
	#search_sort #sort_options {
		width: 100%;
		min-width:250px;
		max-width:250px;
	}
	

#sku {
	text-align: left;
	padding: 0 10px 0 10px;
}

	#sku .flute_icon {
		margin:5px;
		float:right;
	}
	
	#sku .sku_code {
		font-size:1.5em;
		font-weight:bold;
		padding:5px 0 2px 0;
	}

	#sku .sku_edp_name {
		font-size:1.3em;
		font-weight:bold;
		padding:5px 0 2px 0;
	}	
	
	#sku .sku_edp_code {
		font-size:1.5em;
		font-weight:bold;
	}
	
	#sku .sku_photos {
		margin:20px 10px 20px 10px;
		text-align:center;
		vertical-align:center;
	}
	
	#sku .sku_side_view {
		display:inline-block;
		padding:10px;
		font-size:0.8em;
	}

	#sku .sku_side_view img {
		min-height:30px;
		max-height:150px;
		max-width:150px;
		width:100%;
	}
	
	#sku .sku_photo {
		display:inline-block;
		padding:10px;
	}
	
	#sku .sku_photo img {
		min-height:30px;
		max-height:150px;
		max-width:600px;
		width:100%;
	}
	
	#sku .sku_no_image {
		height:35px;
		padding-top:30px;
		text-align:center;
		color:#888;
		font-size:0.6em;
	}
	
	#sku .sku_top_view {
		display:inline-block;
		padding:10px;
		font-size:0.8em;
	}
	
	#sku .sku_top_view img {
		min-height:30px;
		max-height:150px;
		max-width:150px;
		width:100%;
	}
	
	#sku .sku_icons {
		margin:10px 0 5px 0;
		font-size:0.8em;
	}
	
	#sku .sku_matgrp_icons {
		margin:5px 0;
		font-size:1em;
	}
	
		
#sku-table {
	font-size:0.9em;
	margin-bottom: 10px;
}	

	#sku-table table {
		font-size:0.9em;
		width: 100%;
		border-spacing: 0;
		background-color: #ffffee;
		text-align: center;		
	}

	#sku-table tr:hover {
		
	}
	
	#sku-table th {
		border: solid 1px silver;
		padding: 3px;
		background-color: #ffffbb;
		vertical-align:middle;
	}

	#sku-table td {
		border: solid 1px silver;
		padding: 3px;
		vertical-align:middle;
	}


#sku-cutting-param {

}

	#sku-cutting-param .param_header {
		font-weight:bold;
		margin-top:20px;
		padding:5px;
		background-color:Orange;
	}
	
	#sku-cutting-param .param_subheader {
		position:relative;
		font-size:1.3em;
		font-weight:bold;
		margin-top:10px;
		padding:2px;
		min-height:40px;
	}

	#sku-cutting-param .param-table {
		font-size:0.9em;
		margin-bottom: 10px;
	}	

	#sku-cutting-param .param-table table {
		font-size:0.9em;
		width: 100%;
		border-spacing: 0;
		background-color: #cceeff;
		text-align: center;		
	}

	#sku-cutting-param .param-table tr:hover {

	}
	
	#sku-cutting-param .param-table th {
		border: solid 1px silver;
		padding: 3px;
		background-color: Navy;
		color: white;
		vertical-align:middle;
	}

	#sku-cutting-param .param-table td {
		border: solid 1px silver;
		padding: 3px;
		vertical-align:middle;
	}

	#sku-cutting-param .param-table .section-header {
		text-align:left;
		background-color:#66B5FF; 
		color: Black;
		font-size: 1.5em;
	}

	#sku-cutting-param .param-table .section-subheader {
		text-align:left;
		background-color:#A3D2FF; 
		color: Black;
		font-size: 1.2em;
	}	
	
/* Table formats */
.table {
	padding: 5px;
	clear: both;
}

	.table TABLE {
		background-color: #ffffee;
		text-align: center;
		border-spacing: 0;
		border-collapse: collapse;
		margin-left: auto;
		margin-right: auto;
	}

	.table TH
	{
		background-color: #ffffbb;
		padding:3px;
		border: 1px solid #000
	}

	.table TD
	{
		padding:3px;
		border: 1px solid #000
	}

	.table a, a:visited {
		
	}

	.table a, a:hover {
		
	}

	.table .flute {
		padding:0 5px 0 5px;
		font-size: 1.5em;
	}	

#matiso-table {
	font-size:0.9em;
}	

	#matiso-table table {
		font-size:0.9em;
		width: 100%;
		border-spacing: 0;
		background-color: #cceeff;
		text-align: center;		
	}
	
	#matiso-table tr:hover {
		background-color: #FFFFBB;
		color: blue;
	}
	
	#matiso-table th {
		border: solid 1px silver;
		padding: 5px;
		background-color: Navy;
		color: white;
		vertical-align:middle;
		font-size:1em;
	}

	#matiso-table td {
		border: solid 1px silver;
		padding: 5px;
		height:20px;
		vertical-align:middle;
		cursor: pointer;
		font-size:1em;
	}

	#matiso-table .section-header {
		text-align:left;
		color: Black;
		font-size: 1.3em;
		font-weight:bold;
	}
	
	
.record_count {
    font-weight:bold;
	font-style:italic;
	font-size:0.85em;
}

.align_left {
	text-align: left;
}

.align_mid {
	text-align: center;
}

.align_right {
	text-align: right;
}

.pagination {
	margin-top: 10px;
}

.smallbox{	
	background-color: #FFF3D1;
	border: solid 1px #331600; 
	width:420px; 
	padding: 5px;
	text-align:center;
	margin: 20px auto 0 auto;	
}

.smallbox TH, .smallbox TD
{
	text-align: left;
}

/* Buttons */

button {
	cursor:pointer;
}

.buttonbox{
	margin-top: 10px;
	margin-bottom: 5px;
	clear:both;
}

.buttons{
	cursor:pointer;
	padding: 5px 35px 5px 35px;
	text-align: center;
	min-width: 120px;
	min-height: 40px;	
	background-color:White;
	font-size: 1em;
	color: #9E0044;
	
	border:solid 1px #9E0044;
	-moz-border-radius: 10%; 
	border-radius: 10%;	
}

	.buttons:hover {
		background-color:#9E0044;
		color:White;
	}

.button_search {
	cursor:pointer;
	background-image:url('../images/search_small.png');
	background-repeat: no-repeat;
}

.button_select {
	cursor:pointer;
}

#btnLogin {
	font-weight: bold;
	background-image:url('../images/login.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnResetPwd {
	font-weight: bold;
	background-color: Blue;
	color: White;
	
	background-image:url('../images/keys.png');
	background-repeat: no-repeat;
	background-position: 2px center;	
}

#btnDelete {
	font-weight: bold;
	background-color: Red;
	color: White;

	background-image:url('../images/delete.png');
	background-repeat: no-repeat;
	background-position: 2px center;	
	}

#btnSearch{
	background-image:url('../images/search.png');
	background-repeat: no-repeat;
	background-position: 2px center;	
}

#btnPrint{
	background-image:url('../images/print.png');
	background-repeat: no-repeat;
	background-position: 2px center;	
}

#btnClear{
	background-image:url('../images/recycle.png');
	background-repeat: no-repeat;
	background-position: 2px center;	
}

#btnNew{
	background-image:url('../images/add.png');
	background-repeat: no-repeat;
	background-position: 2px center;	
}

#btnEdit{
	background-image:url('../images/edit.png');
	background-repeat: no-repeat;
	background-position: 2px center;	
}

#btnSave {
	background-image:url('../images/save.png');
	background-repeat: no-repeat;
	background-position: 2px center;	
}

#btnSaveTop {
	background-image:url('../images/save.png');
	background-repeat: no-repeat;
	background-position: 2px center;	
}

#btnRefresh {
	background-image:url('../images/refresh.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnBack {
	background-image:url('../images/back.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnAssignWorker {
	background-image:url('../images/workers.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

.menu_buttons {
	cursor:pointer;
	font-weight:bold;
	min-width: 220px;
	min-height: 40px;
	padding: 5px 35px 5px 35px;
	text-align: center;
	background-color:#F0F0F0;
	font-size: 1em;
}

#btnHome{
	background-image:url('../images/home.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnCustomers{
	background-image:url('../images/customers.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnWorkers{
	background-image:url('../images/workers.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnUsers{
	background-image:url('../images/users.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnAuditLog{
	background-image:url('../images/notepad.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnJobs{
	background-image:url('../images/job.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnPay{
	background-image:url('../images/dollar.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnReports{
	background-image:url('../images/report.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnRptJobList {
	background-image:url('../images/report.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnRptWorkerWages{
	background-image:url('../images/report.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnRptOutstandingWages{
	background-image:url('../images/dollar.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnChgPwd{
	background-image:url('../images/keys.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnClose {
	background-image:url('../images/exit.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnPDF {
	background-image:url('../images/pdf.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

#btnLogout{
	color: OrangeRed;	
	background-image:url('../images/logout.png');
	background-repeat: no-repeat;
	background-position: 2px center;
}

.btnBrowse {
	background-image:url('../images/search_small.png');
	background-repeat: no-repeat;
	background-position: 2px center;
	width: 25px;
	height: 25px;
	cursor: pointer;
	border:none;
	background-color:white;	
	-moz-border-radius: 20%; 
	border-radius: 20%;
}

.link {
	color:Blue;
}

	.link:hover {
		text-decoration: underline;
		cursor: pointer;
	}

.admin_access {
	
}

.admin_access .menu_buttons{
	/*background-color:#FFEEEE;*/
}

.common_access {
	
}

/* Expand/Collapse DIV */
    .container{
	  border: solid 1px silver;
	  margin:10px;
	}

		.header{
		  background:#9E0044 url('../images/arrow_up.png') no-repeat right 10px center;
		  cursor:pointer;
		  padding: 10px;
		  font-weight: bold;
		  color: White;
		}

		.collapsed .header{
		  background-image:url('../images/arrow_down.png');
		}

		.content{
		  background-color: #fffffa;
		  height:auto;
		  min-height:100px;
		  overflow:hidden;
		  transition:all 0.3s linear;
		  -webkit-transition:all 0.3s linear;
		  -moz-transition:all 0.3s linear;
		  -ms-transition:all 0.3s linear;
		  -o-transition:all 0.3s linear;
		}

		.collapsed .content{
		  min-height:0px;
		  height:0px;	  
		}	
		
		.close_window {
			float:right;
			background:url('../images/close_window.png') no-repeat right center;			
			cursor:pointer;
			width:24px;
			height:24px;
		}
	
.detail_footer {
	text-align: right;
	background-color:#E8FAFF;
	padding: 5px;
	font-weight: bold;	
	border-top: solid 1px #DDDDDD;
}

.section_box {
	background-color: #FDFDFD;
	margin: 10px 0 10px 0;
	width: 600px; 
	border: solid 1px silver; 
	min-height: 100px;
}

.section_header {
	background-color:#EEEEEE;
	padding: 5px;
	font-weight: bold;	
	font-size: 1.2em;
	color: Black;
	border-bottom: solid 1px silver;
}

.section_footer {
	text-align: right;
	background-color:#E8FAFF;
	padding: 5px;
	font-weight: bold;	
	border-top: solid 1px #DDDDDD;
}

.red_footer {
	background-color:Red;
	color: White;
}

.outstanding {
	background-color:Yellow;
}

.scrollup{
	width:60px;
	height:60px;
	opacity:0.5;
	position:fixed;
	bottom:25px;
	right:30px;
	display:none;
	outline:none;
	text-indent:-9999px;
	z-index: 998;    
	background-image:url('../images/icon_top.png');
	background-repeat: no-repeat;
	background-size: 100% auto; 
}

.scrollup:hover {
	opacity:0.8;
}

.scrollsearch{
	width:60px;
	height:60px;
	opacity:0.5;
	position:fixed;
	bottom:90px;
	right:30px;
	display:none;
	outline:none;
	text-indent:-9999px;
	z-index: 998;      
	background-image:url('../images/icon_search.png');
	background-repeat: no-repeat;
	background-size: 100% auto; 
}

.scrollsearch:hover {
	opacity:0.8;
}

#disable-page {
	background-image:url('../images/disable_bg.png');
	width:100vw;
	height:100vh;
	position:fixed;
	top:0;
	z-index:999;
	display:none;
}

#loading {
	background-image:url('../images/loading.gif');
	background-repeat:no-repeat;
	background-position:center;
	font-size:3em;
	color:White;
	text-align:center;
	vertical-align:middle;
	width:100%;
	height:100%;
	margin:0 auto 0 auto;
	z-index:1000;
	display:none;
}


/* Tooltip */
.ToolText{position:relative; }
.ToolTextHover{position:relative;}

.ToolText span{display: none;}
.ToolTextHover span{
  display:block;
  position:absolute;
  border:1px solid black;
  top:1.3em;
  left:5px;
  background-color:#ffff66; 
  color:Blue;
  text-align: left;
  font-weight: normal;
  width: 280px;
  padding: 5px;
  z-index: 1;
} 

.show_field_1 {
	display:none;
}
.show_field_2 {
	display:none;
}
.show_field_3 {
	display:none;
}
.show_field_4 {
	display:none;
}

/* Media Queries */
@media screen and (max-width: 1050px) {
	.subtitle {
		/*font-size: 1.6em;*/
	}

	#matiso-table th {
		font-size:0.95em;
	}
	#matiso-table td {
		font-size:0.95em;
	}
	
	.hidden_field_1 {
		display:none;
	}	
	.show_field_1 {
		display:inherit;
	}	
}

/* Media Queries */
@media screen and (max-width: 800px) {
	.subtitle {
		/*font-size: 1.4em;*/
	}

	#matiso-table th {
		font-size:0.9em;
	}
	#matiso-table td {
		font-size:0.9em;
	}
	
	.hidden_field_2 {
		display:none;
	}	
	.show_field_2 {
		display:inherit;
	}		
}

/* Media Queries */
@media screen and (max-width: 600px) {
	#logo{
		position:static;
	}
	#title{
		position:static;
		margin-top: -8px;
		margin-bottom: 5px;
		font-size: 1em;
	}		
	
	#header_search {
		margin:0 0 10px 0;
		float:none;
	}

	#search_edp {

	}
	
	.select2 {
		min-width:250px;
		max-width:600px;
		margin: 5px auto 5px auto;
	}
	
	
	.subtitle {
		/*font-size: 1.2em;*/
	}
	
	#results  {		
		/*text-align:center;*/
	}

		#results .subtitle {
			text-align:center;
		}
	
		#results .result-block  {	
			width:90%;
		}

		#results .result_edp_photo {
			display:inline-block;
			height: auto;
			max-height:none;
		}		

	#btnLoadMore {
		width:90%;
		max-width: none;
	}		
			
	#search_sort {
		margin:0 0 10px 0;
		float:none;	
	}

		#search_sort #sort_options {
			min-width:250px;
			max-width:600px;
		}
		
	#matiso-table th {
		font-size:0.85em;
	}
	#matiso-table td {
		font-size:0.85em;
	}
	
	.hidden_field_3 {
		display:none;
	}	
	.show_field_3 {
		display:inherit;
	}		
}

/* Media Queries */
@media screen and (max-width: 480px) {
	.subtitle {
		/*font-size: 1em;*/
	}

	.hidden_field_4 {
		display:none;
	}	
	.show_field_4 {
		display:inherit;
	}		
	
	.buttons {
		text-indent:-9999px;
		background-position: center center;
		padding:10px;
		min-width: 40px;
		min-height: 40px;
	}
	
}