@import url("reset.css");
.ui-icon-trash-red {
	display: block;
	overflow: hidden;
	width: 16px;
	height: 16px;
	background-image: url(/assets/images/ui-icons_cd0a0a_256x240.png);
	background-repeat: no-repeat;
	background-position: -176px -96px;
}

.ui-icon-trash-grey {
	display: block;
	overflow: hidden;
	width: 16px;
	height: 16px;
	background-image: url(/assets/images/ui-icons_888888_256x240.png);
	background-repeat: no-repeat;
	background-position: -176px -96px;
}

.ui-icon-star-blue {
	display: block;
	overflow: hidden;
	width: 16px;
	height: 16px;
	background-image: url(/assets/images/ui-icons_2e83ff_256x240.png);
	background-repeat: no-repeat;
	background-position: -224px -112px;
}

.ui-icon-star-red {
	display: block;
	overflow: hidden;
	width: 13px;
	height: 16px;
	background-image: url(/assets/images/ui-icons_cd0a0a_256x240.png);
	background-repeat: no-repeat;
	background-position: -226px -112px;
}

.ui-icon-down-blue {
	display: block;
	overflow: hidden;
	width: 16px;
	height: 16px;
	background-image: url(/assets/images/ui-icons_2e83ff_256x240.png);
	background-repeat: no-repeat;
	background-position: -64px -48px;
}

.ui-icon-up-red {
	display: block;
	overflow: hidden;
	width: 16px;
	height: 16px;
	background-image: url(/assets/images/ui-icons_cd0a0a_256x240.png);
	background-repeat: no-repeat;
	background-position: -0px -48px;
}

.ui-icon-flag-grey {
  	display: block;
	overflow: hidden;
	width: 16px;
	height: 16px;
	background-image: url(/assets/images/ui-icons_888888_256x240.png);
	background-repeat: no-repeat;
	background-position: -16px -112px;
}

.ui-icon-print-grey {
  	display: block;
	overflow: hidden;
	width: 16px;
	height: 16px;
	background-image: url(/assets/images/ui-icons_888888_256x240.png);
	background-repeat: no-repeat;
	background-position: -160px -96px;
}

.ui-icon-to-supplier { background-position: -160px -144px; }
.ui-icon-from-supplier { background-position: -176px -144px; }
.ui-icon-coins { background-position: -192px -144px; }
.ui-icon-trez-lock { background-position: -208px -144px; }

.ui-icon-to-supplier-brown { background-position: -160px -160px; }
.ui-icon-from-supplier-brown { background-position: -176px -160px; }
.ui-icon-coins-brown { background-position: -192px -160px; }
.ui-icon-trez-lock-brown { background-position: -208px -160px; }
.ui-icon-pencil-brown { background-position: -222px -160px; }
.ui-icon-print-brown { background-position: -238px -160px; }

.ui-icon-to-supplier-grey {
  	display: block;
	overflow: hidden;
	width: 16px;
	height: 16px;
	background-image: url(/assets/images/ui-icons_888888_256x240.png);
	background-repeat: no-repeat;
	background-position: -160px -144px;
}

.ui-icon-from-supplier-grey {
  	display: block;
	overflow: hidden;
	width: 16px;
	height: 16px;
	background-image: url(/assets/images/ui-icons_888888_256x240.png);
	background-repeat: no-repeat;
	background-position: -176px -144px;
}

.ui-icon-coins-grey {
  	display: block;
	overflow: hidden;
	width: 16px;
	height: 16px;
	background-image: url(/assets/images/ui-icons_888888_256x240.png);
	background-repeat: no-repeat;
	background-position: -192px -144px;
}

.ui-icon-trez-lock-grey {
  	display: block;
	overflow: hidden;
	width: 16px;
	height: 16px;
	background-image: url(/assets/images/ui-icons_888888_256x240.png);
	background-repeat: no-repeat;
	background-position: -208px -144px;
}

.ui-icon-mail-open-grey { 
  	display: block;
	overflow: hidden;
	width: 16px;
	height: 16px;
	background-image: url(/assets/images/ui-icons_888888_256x240.png);
	background-repeat: no-repeat;
	background-position: -96px -96px; 
}


.ui-icon-mail-closed-grey { 
  	display: block;
	overflow: hidden;
	width: 16px;
	height: 16px;
	background-image: url(/assets/images/ui-icons_888888_256x240.png);
	background-repeat: no-repeat;
	background-position: -80px -96px; 
}


body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color:#333
}

p {
    padding: 10px;
}

@media screen {
	.section_header {
		/* position:	absolute; */
		position:	fixed;
		left: 		3px;
		top:		18px;
		right:		3px;
		height:		47px;
	    margin:		0px;
		
	    background: #9988bb; /*#9a89b0;*/
	    border: 1px solid #8866bb; /*#896bb0;*/
	    border-radius: 5px;
	    
	    z-index: 9998;
	}
	
	.section_quick_reference {
		/* position: absolute; */
		position: fixed;
		left:		3px;
		/*top:		54px;*/
		top: 		2px;
		right:		3px;
		height:		13px;
	    margin:		0px;
	    
	    background: #ffffcc;
	    border: 1px solid #ffcc66;
	    border-radius: 2px;
	    
	    font-size: x-small;
	    color: gray;
	    padding-left: 2px;
	    
	    z-index: 9997;
	}
		
	.section_left {
		/*position:	absolute;*/
		position: relative;
		left:		3px;
		/*top:		79px;*/
		top: 79px;
		bottom:		3px;
		width:		200px;
	    margin:		0px;
		
	    background: #ccddee; /*#c5d0e6;*/
	    border-radius: 5px;
	    border: 1px solid #aabbee; /*#a1b6e6;*/
	    
	    z-index: 1;
	}

	.section_content {
		/*position:	absolute;*/
		position: relative;
		left:		3px;
		/*top:		71px;*/
		top: 71px;
		bottom:		3px;
		right:		3px;
	    margin:		0px;
		
	    background: #ddd8da; /*#d7d1e0;*/
	    border-radius: 5px;
	    border: 1px solid #ccaadd; /*#c4afe0;*/
	
		overflow: auto;
		
		z-index: 1;
	}
	
	.container {
		margin:	3px;
	}
	
	.header_left {
		float: left;
		color: #FFF;
		height: 100%;
	}
	
	.header_right {
		float: right;
		color: #FFF;
		height: 100%;
	}
	
	.breadcrumb {
		background: #ddd8da;
		text-decoration: none;
		color: #776688;
	    border-radius: 3px;
	    margin:  0px 4px 0px 4px;
		padding: 0px 4px 0px 4px;
	}
	
	.jumper {
		margin:  -2px 0px 6px 4px;
		height: 18px;
	}
		
}

@media print {
	.section_header {
		background: black;
		color: black;
	}

	.section_left {
		background: black;
		color: black;
	}

	.section_content {
		background: black;
		color: black;
	}
	
	.container {
		background: black;
		color: black;
	}

	.header_left {
		background: black;
		color: black;
	}
	
	.header_right {
		background: black;
		color: black;
	}
	
	.breadcrumb {
		background: black;
		color: black;
	}
		
}


.container_left {
	margin:	3px;
}

.message_error {
	color: #cc0000;
    background: #ffddcc;
    border-radius: 5px;
    border: 1px solid #aa6666;
	margin: 3px;
	padding:3px;
}

.message_inform {
	color: #00cc00;
    background: #ccffdd;
    border-radius: 5px;
    border: 1px solid #66aa66;
	margin: 3px;
	padding:3px;
}

.error_field {
	color: #cc0000;
    background: #ffddcc;
    border-radius: 5px;
    border: 1px solid #aa6666;
	margin: 3px;
	padding:3px;
	display: inline-block;
}

.textinput {
	width: 218px;
}

.textinput_small {
	width: 100px;
}

.textinput_tiny {
	width: 50px;
}

.textinput_pop {
	width: 193px;
}

.textinput_from_to_pop {
	width: 138px;
}

.textinput_small_pop {
	width: 100px;
}

.textinput_tiny_pop {
	width: 50px;
}

.textinput[readonly="true"], .textinput_small[readonly="true"],
.textinput_tiny[readonly="true"], .textinput_pop[readonly="true"],
.textinput_from_to_pop[readonly="true"], .textinput_small_pop[readonly="true"],
.textinput_tiny_pop[readonly="true"], .textarea[readonly="true"] {
	background: #dedadb;
}

.textarea {
	width: 218px;
}

.dropdown_tiny {
	width: 75px;
	height: 21px;
}

.form_part {
	width: 500px;
	margin: 3px;
	display: inline-block;
	vertical-align: top;
}

.form_part_long {
	margin: 3px;
	display: inline-block;
	vertical-align: top;
}

.form_label {
	width: 165px;
	float: left;
	margin-top:3px;
	margin-bottom:-3px;
}

.form_label_section {
	color: purple;
	font-weight: bold;
	margin-top:-1px;
}

.form_button {
	min-width: 82px;
}

.form_button_pop {
	margin-left:-5px;
	width: 25px;
	height: 21px;
	vertical-align: top;
}

.form_button_pop img {
	margin:2px 0px 2px -2px;
}

.line_spacer {
	height: 19px;
}

.gallery_holder {
	width: 80px;
	height: 95px;
	border-radius: 3px;
	float:left;
	text-align:center;
	border: 1px solid #8866bb;
	margin: 2px;
}

.hand_box {
	width: 181px; border: thin #A8C solid; border-radius: 3px;
	padding: 3px; display:inline-block; text-align:center;
}

.finger_box {
	float:left; border: thin #A8C solid; border-radius: 3px;
	padding: 1px; width: 30px; margin-right: 2px;
}

.datatable-custom {
	font-size: 11px;
}

.dataTable tbody td {
    vertical-align: top;
}