/* ==========================================================================
   GLOBAL
   ========================================================================== */
html, body, #viewport
{
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

body
{
	font-size: 12px;

	
	font-family: Arial, Sans-Serif;
}

a
{
	color: #f4a601;
	text-decoration: none;
}

	a:hover
	{
		color: #f4a601;
		text-decoration: none;
	}

img
{
	max-width: 100%;
	height: auto;
}

p
{
	line-height: 18px;
	margin: 0;
	padding: 0 0 16px 0;
}

div, ul, ol, li, p, a, input, button, textarea, select
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

	input:focus, select:focus, textarea:focus, button:focus, a:focus, ul:focus, li:focus
	{
		outline: none;
	}

.clear
{
	clear: both;
}

.text_right
{
	text-align: right;
}

.text_center
{
	text-align: center;
}

.line_height
{
	line-height: 30px;
}

.float_right
{
	float: right;
}

.float_left
{
	float: left;
}

.div_padding
{
	padding: 0 0 16px 0;
}

.mobile_display
{
	display: none;
}

.desktop_display
{
	display: block;
}

a
{
	cursor: pointer;
}

/* ==========================================================================
   HEADERS AND LISTS
   ========================================================================== */
h1
{
	font-weight: normal;
	font-size: 30px;
	margin: 0;
	padding: 0 0 15px 0;
	color: #101887;
}

h2
{
	font-weight: normal;
	font-size: 20px;
	margin: 0;
	padding: 0 0 15px 0;
	color: #101887;
}

h3
{
	font-weight: bold;
	font-size: 18px;
	margin: 0;
	padding: 0 0 15px 0;
	color: #101887;
}

h4
{
	font-weight: normal;
	font-size: 16px;
	margin: 0;
	padding: 0 0 15px 0;
	color: #101887;
}

.main_page_header
{
	background-color: #656565;
	color: #ffffff;
	width: 100%;
	padding: 10px;
	margin: 0 0 15px 0;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul, ol
{
	margin: 0 0 0 20px;
	padding: 0 0 15px 0;
}

li
{
	line-height: 16px;
	margin: 0;
	padding: 0 0 10px 0;
}

.panel
{
	position: relative;
}

/* ==========================================================================
   BUTTONS
   ========================================================================== */
.btn_1 button, .btn_1 a, .btn_1 input, a.close_modal_btn, a.btn_1
{
	display: block;
	width: 100%;
	height: 24px;
	line-height: 24px;
	text-align: center;
	padding: 0 10px;
	background-color: #f4a601;
	color: #ffffff;
	border: none;
	cursor: pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.btn_2
{
	display: block;
	width: 100%;
	height: 24px;
	line-height: 24px;
	text-align: center;
	padding: 0 10px;
	background-color: #f4a601;
	color: #ffffff;
	border: none;
	cursor: pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.btn_med, btn_med button, .btn_med a, .btn_med input
{
	width: 150px;
}

.btn_icon, btn_icon button, .btn_icon a, .btn_icon input, a.btn_icon
{
	position: relative;
	width: 24px;
	height: 24px;
	padding: 0;
}

a.btn_icon2
{
	width: 24px;
	height: 24px;
	padding: 0;
}

a.btn_icon, a.btn_icon2
{
	float: left;
	margin: 0 8px 0 0;
}


.btn_1 button:disabled
{
	opacity: .5;
	cursor: not-allowed;
}

.help_icon
{
	background-color: #f4a601;
	color: #ffffff;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	text-align: center;
	line-height: 16px;
}

/* ==========================================================================
   COLUMN WIDTHS
   ========================================================================== */
.col_1
{
	width: 100%;
}

.col_2
{
	width: 50%;
}

.col_3
{
	width: 33.3333333333%;
}

.col_4
{
	width: 25%;
}

.col_5
{
	width: 20%;
}

.col_6
{
	width: 16.6666666667%;
}

.col_7
{
	width: 14.2857142857%;
}

.col_8
{
	width: 12.5%;
}

.col_10
{
	width: 10%;
}

.col_15
{
	width: 15%;
}

.col_20
{
	width: 20%;
}

.col_25
{
	width: 25%;
}

.col_30
{
	width: 30%;
}

.col_40
{
	width: 40%;
}

.col_60
{
	width: 60%;
}

.col_50
{
	width: 50%;
}

.col_55
{
	width: 55%;
}

.col_70
{
	width: 70%;
}

.col_75
{
	width: 75%;
}

.col_80
{
	width: 80%;
}


/* ==========================================================================
   FORM VIEW
   ========================================================================== */

.form_container
{
	position: relative;
	width: 100%;
}

.form_row
{
	position: relative;
	float: left;
	width: 100%;
	padding: 0 0 4px 0;
}

	.form_row.border_bottom
	{
		border-bottom: 1px solid #d7d7d7;
		padding: 8px 0 4px 0;
	}

		.form_row.border_bottom:first-child
		{
			padding: 0 0 4px 0;
		}

		.form_row.border_bottom:last-child
		{
			border-bottom: none;
		}

.form_item
{
	position: relative;
	float: left;
	vertical-align: top;
	padding: 0 8px 0 0;
}

.form_row .form_item:last-child
{
	padding: 0 0 0 0;
}

.form_label
{
	position: relative;
	padding: 0 0 4px 0;
	font-weight: bold;
}

.form_value
{
	position: relative;
	padding: 0 0 4px 0;
}

.form_error
{
	color: red;
	padding: 0 0 8px 0;
}

.form_btn
{
	width: 150px;
}

/* ==========================================================================
   FORM VIEW STATIC
   ========================================================================== */

.form_container.static
{
	position: relative;
	width: 100%;
	font-size: 14px;
}

	.form_container.static .form_row
	{
		position: relative;
		float: left;
		width: 100%;
		padding: 16px 0 16px 0;
		border-bottom: 1px solid #464646;
	}

	.form_container.static .form_item
	{
		position: relative;
		float: left;
		vertical-align: top;
		padding: 0 8px 0 0;
	}

	.form_container.static .form_row .form_item:last-child
	{
		padding: 0 0 0 0;
	}

	.form_container.static .form_label
	{
		position: relative;
		padding: 0 0 4px 0;
		font-weight: bold;
	}

	.form_container.static .form_value
	{
		position: relative;
		padding: 0 0 4px 0;
	}

	.form_container.static .form_error
	{
		color: red;
		padding: 0 0 8px 0;
	}

	.form_container.static .form_btn
	{
		width: 150px;
	}

/* ==========================================================================
   WYSIWYG EDITOR
   ========================================================================== */
.form_row .jqte
{
	margin: 0;
	border: 1px solid #949494;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	overflow: hidden;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
}

.form_row .jqte_source
{
	background: #e1e1e1;
}

.form_row .jqte_toolbar
{
	overflow: auto;
	padding: 4px;
	background: #bbbbbb;
	border-bottom: 1px solid #949494;
}

.form_row .jqte_tool, .form_row .jqte_tool_icon, .form_row .jqte_tool_label
{
	border: none;
	border-radius: none;
	-webkit-border-radius: none;
	-moz-border-radius: none;
}

.form_row .jqte_tool
{
	border: none;
	float: left;
	margin: 0;
	padding: 4px;
	height: 30px;
	cursor: pointer;
}

	.form_row .jqte_tool:hover
	{
		background-color: #FFF;
		border-color: none;
	}

		.form_row .jqte_tool:hover .jqte_tool_icon, .form_row .jqte_tool:hover .jqte_tool_label
		{
			border: none;
		}

.jqte_editor
{
	padding: 10px;
	background: #FFF;
	height: 500px;
	overflow: auto;
	outline: none;
	word-wrap: break-word;
	-ms-word-wrap: break-word;
	resize: vertical;
}

/* ==========================================================================
   DIV TABLE
   ========================================================================== */
.div_table_scroll
{
	position: relative;
}

.div_table_container
{
	width: 100%;
	overflow-x: auto;
	overflow-y: visible;
}

.div_table
{
	display: table;
	width: 100%;
}

.div_table_row
{
	display: table-row;
	width: 100%;
}

	.div_table_row .div_table_cell_header
	{
		position: relative;
		display: table-cell;
		min-width: 150px;
		max-width: 100%;
		padding: 4px;
		border: 1px solid #949494;
		border-bottom: none;
		border-right: none;
		color: #101887;
		font-weight: bold;
		background-color: #bbbbbb;
	}

		.div_table_row .div_table_cell_header:first-child
		{
			border-left: 1px solid #949494;
			-webkit-border-radius: 5px 0 0 0;
			border-radius: 5px 0 0 0;
		}

		.div_table_row .div_table_cell_header:last-child
		{
			border-right: 1px solid #949494;
			-webkit-border-radius: 0 5px 0 0;
			border-radius: 0 5px 0 0;
		}

		.div_table_row .div_table_cell_header a
		{
			color: #101887;
			font-weight: bold;
		}

		.div_table_row .div_table_cell_header .grabber
		{
			width: 10px;
			height: 14px;
			background-image: url(../images/table_header_grabber_icon.png);
			float: left;
			position: relative;
			margin: 0 4px 0 0;
			cursor: move;
			z-index: 2;
		}

		.div_table_row .div_table_cell_header .sort-column
		{
			position: relative;
			cursor: pointer;
		}

			.div_table_row .div_table_cell_header .sort-column .data-column
			{
				position: relative;
			}

				.div_table_row .div_table_cell_header .sort-column .data-column .DESC
				{
					position: absolute;
					top: 0px;
					right: 4px;
					width: 10px;
					height: 14px;
					background-image: url(../images/table_header_asending_icon.png);
				}

				.div_table_row .div_table_cell_header .sort-column .data-column .ASC
				{
					position: absolute;
					top: 0px;
					right: 4px;
					width: 10px;
					height: 14px;
					background-image: url(../images/table_header_desending_icon.png);
				}

	.div_table_row .div_table_cell_item
	{
		display: table-cell;
		min-width: 150px;
		max-width: 100%;
		padding: 4px;
		vertical-align: middle;
		border: 1px solid #949494;
		border-bottom: none;
		border-right: none;
	}

		.div_table_row .div_table_cell_item:last-child
		{
			border-right: 1px solid #949494;
		}

	.div_table_row:last-child .div_table_cell_item
	{
		border-bottom: 1px solid #949494;
	}

		.div_table_row:last-child .div_table_cell_item:first-child
		{
			-webkit-border-radius: 0 0 0 5px;
			border-radius: 0 0 0 5px;
		}

		.div_table_row:last-child .div_table_cell_item:last-child
		{
			-webkit-border-radius: 0 0 5px 0;
			border-radius: 0 0 5px 0;
		}

	.div_table_row:nth-child(odd) .div_table_cell_item
	{
		background-color: #f9f9f9;
	}

.div_table_row_hover:hover .div_table_cell_item
{
	background-color: #fce4b2;
	cursor: pointer;
}

.div_table_row_hover a
{
	color: #363636;
}

.div_table_row .div_table_cell_item.delete_cell, .div_table_row .div_table_cell_header.delete_cell
{
	min-width: 36px;
	width: 36px;
	text-align: center;
}

.delete_cell_btn
{
	width: 20px;
	height: 20px;
	padding: 0;
	margin: auto;
	color: #FFFFFF;
	background-color: #f4a601;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	overflow: hidden;
	cursor: pointer;
}

.manage_table_layout_nav
{
	position: absolute;
	width: 100%;
	z-index: 2000;
	top: 66px;
	text-align: center;
	padding: 0 16px;
}

.dtLayoutField
{
	display: block;
	width: 100%;
	padding: 8px;
	border: 1px solid #949494;
	border-bottom: none;
	color: #101887;
	font-weight: bold;
	background-color: #bbbbbb;
}

	.dtLayoutField:last-child
	{
		border-bottom: 1px solid #949494;
	}

	.dtLayoutField .grabber
	{
		width: 16px;
		height: 14px;
		background-image: url(../images/table_header_grabber_icon.png);
		float: left;
		position: relative;
		margin: 0 8px 0 0;
		cursor: move;
	}

		.dtLayoutField .grabber.widget-header
		{
			background-color: #bbbbbb;
		}

.item_matches
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	color: white;
	width: 16px;
	height: 12px;
	background-color: red;
	font-size: 8px;
	line-height: 12px;
	text-align: center;
	-webkit-border-radius: 5px 0px 5px 0px;
	border-radius: 5px 0px 5px 0px;
}

.div_table_total_items
{
	padding: 8px 0 0 0;
}

.div_table_row .div_table_cell_header.div_table_cell_sml, .div_table_row .div_table_cell_item.div_table_cell_sml
{
	min-width: 50px;
	width: 50px;
}

.div_table_row .div_table_cell_header.div_table_cell_med, .div_table_row .div_table_cell_item.div_table_cell_med
{
	min-width: 100px;
	width: 100px;
}

/* ==========================================================================
   TABLE PAGER
   ========================================================================== */

.pager_container
{
	position: relative;
	width: 100%;
	padding: 8px 0 0 0;
	text-align: center;
}

	.pager_container a
	{
		display: inline-block;
		padding: 0 8px 0 0;
	}

	.pager_container .pager_first, .pager_container .pager_prev, .pager_container .pager_next, .pager_container .pager_last
	{
		display: block;
		width: 24px;
		height: 24px;
		background-color: #f4a601;
		text-align: center;
		line-height: 24px;
		color: #ffffff;
		font: "Consolas", monospace;
		-webkit-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px;
	}

	.pager_container .pager_numbers
	{
		display: inline-block;
		padding: 0 12px 0 0;
	}

		.pager_container .pager_numbers strong, .pager_container .pager_numbers a
		{
			display: inline-block;
			padding: 0 4px 0 4px;
		}


/* ==========================================================================
   TABS
   ========================================================================== */
.tabs
{
	position: relative;
	width: 100%;
}

	.tabs.ui-widget-content
	{
		border: none;
		background: none;
		color: #555555;
	}

	.tabs.ui-widget
	{
		font-family: Arial, Sans-Serif;
		font-size: normal;
	}

	.tabs.ui-tabs .ui-tabs-nav
	{
		margin: 0 0 16px 0;
		padding: 0;
	}

		.tabs.ui-tabs .ui-tabs-nav li
		{
			list-style: none;
			float: left;
			position: relative;
			top: 0;
			margin: 0 0 0 0;
			padding: 8px;
			border: 1px solid #949494;
			border-top: none;
			border-left: none;
			padding: 0;
			white-space: nowrap;
			width: 12.5%;
			text-align: center;
			overflow: hidden;
		}

			.tabs.ui-tabs .ui-tabs-nav li:first-child, .tabs.ui-tabs .ui-tabs-nav li:nth-child(9)
			{
				border-left: 1px solid #949494;
			}

			.tabs.ui-tabs .ui-tabs-nav li:nth-child(-n+8)
			{
				border-top: 1px solid #949494;
			}

			.tabs.ui-tabs .ui-tabs-nav li:first-child
			{
				-webkit-border-radius: 5px 0 0 0;
				border-radius: 5px 0 0 0;
			}

			.tabs.ui-tabs .ui-tabs-nav li:nth-child(8)
			{
				-webkit-border-radius: 0 5px 0 0;
				border-radius: 0 5px 0 0;
			}

			.tabs.ui-tabs .ui-tabs-nav li:nth-child(9)
			{
				-webkit-border-radius: 0 0 0 5px;
				border-radius: 0 0 0 5px;
			}

			.tabs.ui-tabs .ui-tabs-nav li:nth-child(16)
			{
				-webkit-border-radius: 0 0 5px 0;
				border-radius: 0 0 5px 0;
			}

	.tabs.ui-tabs .user_settings.ui-tabs-nav li
	{
		width: 25%;
	}

		.tabs.ui-tabs .user_settings.ui-tabs-nav li:first-child
		{
			-webkit-border-radius: 5px 0 0 5px;
			border-radius: 5px 0 0 5px;
		}

		.tabs.ui-tabs .user_settings.ui-tabs-nav li:nth-child(4)
		{
			-webkit-border-radius: 0 5px 5px 0;
			border-radius: 0 5px 5px 0;
		}

.tabs_nav .ui-state-hover,
.ui-widget-content .tabs_nav .ui-state-hover,
.tabs_nav .ui-widget-header .ui-state-hover,
.tabs_nav .ui-state-focus,
.tabs_nav .ui-widget-content .tabs_nav .ui-state-focus,
.tabs_nav .ui-widget-header .ui-state-focus
{
	border: none;
	background: none;
	font-weight: normal;
	color: #f4a601;
}

.tabs_nav .ui-state-default a, .tabs_nav .ui-state-default a:link, .tabs_nav .ui-state-default a:visited
{
	color: #464646;
	width: 100%;
	text-decoration: none;
}

	.tabs_nav .ui-state-default a:hover
	{
		color: #f4a601;
		text-decoration: none;
	}

.tabs_nav .ui-state-default, .tabs_nav .ui-widget-content .ui-state-default, .tabs_nav .ui-widget-header .ui-state-default
{
	border: none;
	background: none;
	font-weight: normal;
	color: #ffffff;
}

.master_body .tabs_nav .ui-corner-all, .master_body .tabs_nav .ui-corner-top, .master_body .tabs_nav .ui-corner-left, .master_body .tabs_nav .ui-corner-tl
{
	border-top-left-radius: 0;
}

.master_body .tabs_nav .ui-corner-all, .master_body .tabs_nav .ui-corner-top, .master_body .tabs_nav .ui-corner-right, .master_body .tabs_nav .ui-corner-tr
{
	border-top-right-radius: 0;
}

.tabs .ui-state-active, .tabs .ui-widget-content .ui-state-active, .tabs .ui-widget-header .ui-state-active
{
	border: none;
	background: none;
	font-weight: normal;
	color: #f4a601;
}

	.tabs .ui-state-active a, .tabs .ui-state-active a:link, .tabs .ui-state-active a:visited
	{
		color: #ffffff;
		background-color: #f4a601;
	}

.tabs_nav.ui-widget-header
{
	border: none;
	background: none;
	color: #555555;
	font-weight: normal;
}

.tabs_content
{
	float: left;
	width: 100%;
	padding: 16px 0 0 0;
}

.ui-tabs .tabs_content.ui-tabs-panel
{
	display: block;
	border-width: 0;
	padding: 0;
	background: none;
}

/* ==========================================================================
   INPUT FIELDS
   ========================================================================== */
/* input box */
.text_box input, input.text_box
{
	height: 24px;
	width: 100%;
	border: none;
	padding: 0 0 0 8px;
	background-color: #e1e1e1;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
}

	.text_box input:focus, input.text_box:focus
	{
		background-color: #fce4b2;
	}

	.text_box input:disabled, input:disabled.text_box
	{
		opacity: .5;
		cursor: not-allowed;
	}

/* textarea */
.text_area textarea
{
	width: 100%;
	border: none;
	padding: 8px;
	background-color: #e1e1e1;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
}

	.text_area textarea:focus
	{
		background-color: #fce4b2;
	}

	.text_area textarea:disabled
	{
		opacity: .5;
		cursor: not-allowed;
	}

/* jquery select field */
.select_field1
{
	position: relative;
}

.ui-autocomplete li
{
	padding: 0;
}

.select_field1 .ui-state-default, .select_field1 .ui-widget-content .ui-state-default, .select_field1 .ui-widget-header .ui-state-default
{
	border: none;
	background: #e1e1e1;
	font-weight: normal;
	color: #555555;
	width: 99%;
	height: 24px;
	padding: 0 0 0 8px;
	-webkit-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
}

	.select_field1 .ui-state-default:focus
	{
		background: #fce4b2;
	}

.select_field1 .custom-combobox-toggle
{
	position: absolute;
	height: 24px;
	top: 0;
	right: 0;
	width: 24px;
	background-color: #bbbbbb;
}

.select_field1 .custom-combobox input:disabled
{
	opacity: .5;
	cursor: not-allowed;
}

.select_field1 .ui-corner-all, .select_field1 .ui-corner-bottom, .select_field1 .ui-corner-left, .select_field1 .ui-corner-bl
{
	border-bottom-left-radius: 5px;
}

.select_field1 .ui-corner-all, .select_field1 .ui-corner-top, .select_field1 .ui-corner-left, .select_field1 .ui-corner-tl
{
	border-top-left-radius: 5px;
}

.select_field1 .ui-button-icon-only .ui-icon
{
	position: absolute;
	left: 3px;
	margin-left: 0;
}

.select_field1 .ui-button-icon-only .ui-icon, .select_field1 .ui-button-text-icon-primary .ui-icon, .select_field1 .ui-button-text-icon-secondary .ui-icon, .select_field1 .ui-button-text-icons .ui-icon, .select_field1 .ui-button-icons-only .ui-icon
{
	position: absolute;
	top: 4px;
	margin-top: 0;
}

.select_field1 .ui-menu .ui-menu-item
{
	margin: 0;
	padding: 0;
	width: 100%;
}

.select_field1 .auto-complete-dropdown
{
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus
{
	border: 1px solid #fce4b2;
	background: #fce4b2;
	font-weight: normal;
	color: #555555;
}

.ui-widget-content
{
	border: 1px solid #bbbbbb;
	background: #ffffff;
	color: #555555;
}

.master_body .ui-corner-all, .master_body .ui-corner-bottom, .master_body .ui-corner-right, .master_body .ui-corner-br
{
	border-bottom-right-radius: 5px;
}

.master_body .ui-corner-all, .master_body .ui-corner-bottom, .master_body .ui-corner-left, .master_body .ui-corner-bl
{
	border-bottom-left-radius: 5px;
}

.master_body .ui-corner-all, .master_body .ui-corner-top, .master_body .ui-corner-right, .master_body .ui-corner-tr
{
	border-top-right-radius: 5px;
}

.master_body .ui-corner-all, .master_body .ui-corner-top, .master_body .ui-corner-left, .master_body .ui-corner-tl
{
	border-top-left-radius: 5px;
}

.master_body .ui-autocomplete
{
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
	max-height: 200px;
	overflow: auto;
}

/* select field */
.select_field select
{
	width: 100%;
	height: 24px;
	padding: 0 0 0 4px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #e1e1e1;
	border: none;
	outline: none;
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
}

@-moz-document url-prefix()
{
	.select_fax;

{
	padding: 4px 0 0 4px;
}

.select_field
{
	width: 100%;
	overflow: hidden;
}

	.select_field select
	{
		padding: 4px 0 0 4px;
		width: 110%;
	}

}

.select_field select option, .select_field select:focus
{
	background: #fce4b2;
}

.select_field select::-ms-expand
{
	display: none;
}

.select_field select:disabled
{
	opacity: .5;
	cursor: not-allowed;
}

@-moz-document url-prefix()
{
	.select_field select;

{
	padding: 4px 0 0 4px;
}

}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
	.select_field select
	{
		padding-right: 18px;
	}
}

.select_field
{
	position: relative;
}

	.select_field:before
	{
		content: '';
		position: absolute;
		right: 0px;
		top: 0px;
		width: 24px;
		height: 24px;
		background-image: url(../images/dropdown_arrow2.png);
		background-position: center center;
		background-repeat: no-repeat;
		pointer-events: none;
		display: block;
		background-color: #bbbbbb;
		-webkit-border-radius: 0 5px 5px 0;
		border-radius: 0 5px 5px 0;
	}


/* select field open */
.select_field_open select
{
	width: 100%;
	height: auto;
	padding: 16px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	background: #e1e1e1;
	border: none;
	outline: none;
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
}

	.select_field_open select:focus
	{
		background: #fce4b2;
	}

/* radio buttons */
.radio_button input:empty
{
	margin-left: -9999px;
}

	.radio_button input:empty + label
	{
		position: relative;
		float: left;
		padding: 0 16px 0 18px;
		font-size: 12px;
		line-height: 15px;
		white-space: nowrap;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

		.radio_button input:empty + label:before
		{
			position: absolute;
			display: block;
			top: 0;
			bottom: 0;
			left: 0;
			content: '';
			height: 12px;
			width: 12px;
			background: white;
			border: 1px solid #949494;
			box-shadow: inset 0px 0px 0px 2px white;
			-webkit-box-shadow: inset 0px 0px 0px 2px white;
			-moz-box-shadow: inset 0px 0px 0px 2px white;
			-o-box-shadow: inset 0px 0px 0px 2px white;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			-o-border-radius: 8px;
			border-radius: 8px;
		}

.radio_button input:checked + label:before
{
	background: #f4a601;
}

.radio_button input:disabled + label
{
	opacity: .5;
	cursor: not-allowed;
}

.radio_button br
{
	display: block;
	line-height: 20px;
}

/* checkbox */
.checkbox input:empty
{
	margin-left: -9999px;
}

.float_left .checkbox input:empty + label
{
	padding: 0 0 0 18px;
}

.checkbox input:empty + label
{
	position: relative;
	float: left;
	padding: 0 16px 0 18px;
	font-size: 12px;
	line-height: 15px;
	cursor: pointer;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

	.checkbox input:empty + label:before
	{
		position: absolute;
		display: block;
		top: 0;
		bottom: 0;
		left: 0;
		content: '';
		height: 12px;
		width: 12px;
		background: white;
		border: 1px solid #949494;
		box-shadow: inset 0px 0px 0px 2px white;
		-webkit-box-shadow: inset 0px 0px 0px 2px white;
		-moz-box-shadow: inset 0px 0px 0px 2px white;
		-o-box-shadow: inset 0px 0px 0px 2px white;
	}

.checkbox input:checked + label:before
{
	background: #f4a601;
}

.checkbox input:disabled + label
{
	opacity: .5;
	cursor: not-allowed;
}

.checkbox br
{
	display: block;
	line-height: 20px;
}


/* static */

.static_text span
{
	height: 24px;
	line-height: 24px;
	width: 100%;
	border: none;
}

.static_text #MatchedInquiryID, .static_text #ItemInquiryMatchedItemID
{
	color: #f4a601;
	cursor: pointer;
}

/* validation */

.select_field select.error
{
}

input.error
{
}

textarea.error
{
}

.validation
{
	color: #e21b23;
}

.errorMessage
{
	color: #e25a5f;
}

/* ==========================================================================
   GRADIENTS
   ========================================================================== */
.gradient_1
{
	background: #343a99; /* Old browsers */
	background: -moz-linear-gradient(top, #343a99 0%, #0e1573 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#343a99), color-stop(100%,#0e1573)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #343a99 0%,#0e1573 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #343a99 0%,#0e1573 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #343a99 0%,#0e1573 100%); /* IE10+ */
	background: linear-gradient(to bottom, #343a99 0%,#0e1573 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343a99', endColorstr='#0e1573',GradientType=0 ); /* IE6-9 */
}

.gradient_2
{
	background: #bbbbbb; /* Old browsers */
	background: -moz-linear-gradient(top, #bbbbbb 0%, #929292 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#929292)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bbbbbb 0%,#929292 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bbbbbb 0%,#929292 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #bbbbbb 0%,#929292 100%); /* IE10+ */
	background: linear-gradient(to bottom, #bbbbbb 0%,#929292 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#929292',GradientType=0 ); /* IE6-9 */
}

/* ==========================================================================
   MODALS
   ========================================================================== */

.modals
{
}

.modal
{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .8);
	display: none;
	z-index: 3;
}

	.modal.active
	{
		display: block;
	}

.modal_container
{
	position: fixed;
	z-index: 101;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.modal_header
{
	position: relative;
	width: 100%;
	height: 50px;
	line-height: 50px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 50px 0 16px;
	color: #ffffff;
	font-size: 15px;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

	.modal_header button
	{
		position: absolute;
		top: 10px;
		right: 10px;
		width: 30px;
		height: 30px;
		line-height: 30px;
		padding: 3px 1px 0 0;
		text-align: center;
		color: #FFFFFF;
		background-color: #f4a601;
		border: none;
		-webkit-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px;
	}

.modal_container_lg
{
	top: 16px;
	bottom: 16px;
	left: 50%;
	margin-left: -425px;
	width: 850px;
}

	.modal_container_lg .modal_body
	{
		position: absolute;
		top: 50px;
		bottom: 67px;
		width: 100%;
		padding: 16px 16px 16px 16px;
		color: #555555;
		background: #FFFFFF;
		overflow: auto;
	}

	.modal_container_lg .modal_footer
	{
		position: absolute;
		height: 67px;
		width: 100%;
		padding: 8px 16px 8px 16px;
		bottom: 0;
		border-top: 3px solid #464646;
		background-color: #ffffff;
		-webkit-border-radius: 0px 0px 5px 5px;
		border-radius: 0px 0px 5px 5px;
	}

	.modal_container_lg.modal_image .modal_body
	{
		bottom: 16px;
	}

	.modal_container_lg.modal_image .modal_footer
	{
		height: 16px;
		padding: 0;
		border-top: none;
	}

	.modal_container_lg.modal_image .modal_img
	{
		display: inline-block;
		font-size: 0px;
		padding: 0;
		margin: 8px;
		width: 45%;
		vertical-align: top;
	}

.modal_container_sml
{
	top: 16px;
	left: 50%;
	margin-left: -200px;
	width: 400px;
}

	.modal_container_sml .modal_body
	{
		position: relative;
		height: auto;
		padding: 16px 16px 0px 16px;
		color: #555555;
		background: #FFFFFF;
		overflow: auto;
	}

	.modal_container_sml .modal_footer
	{
		position: relative;
		float: left;
		height: auto;
		width: 100%;
		padding: 16px;
		bottom: 0;
		background-color: #ffffff;
		-webkit-border-radius: 0px 0px 5px 5px;
		border-radius: 0px 0px 5px 5px;
	}

    .modal_container_med
{
	top: 16px;
	left: 50%;
	margin-left: -200px;
	width: 500px;
}

	.modal_container_med .modal_body
	{
		position: relative;
		height: auto;
		padding: 16px 16px 0px 16px;
		color: #555555;
		background: #FFFFFF;
		overflow: auto;
	}

	.modal_container_med .modal_footer
	{
		position: relative;
		float: left;
		height: auto;
		width: 100%;
		padding: 16px;
		bottom: 0;
		background-color: #ffffff;
		-webkit-border-radius: 0px 0px 5px 5px;
		border-radius: 0px 0px 5px 5px;
	}

/* ==========================================================================
   ITEM IMAGE
   ========================================================================== */
.item_img
{
	display: inline-block;
	font-size: 0px;
	padding: 0px;
	margin: 8px;
	width: 45%;
	vertical-align: top;
}

	.item_img .itemImageHolder
	{
		height: 200px;
		overflow: hidden;
		margin: 0 0 8px 0;
	}

		.item_img .itemImageHolder img
		{
			height: 200px;
		}

/* ==========================================================================
   DATE PICKER
   ========================================================================== */

.master_body .ui-datepicker
{
	position: relative;
	min-width: 250px;
	display: none;
	background-color: #ffffff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 8px;
	-webkit-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, .3);
	box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, .3);
	z-index: 3 !important;
}

	.master_body .ui-datepicker .ui-datepicker-header
	{
		position: relative;
		padding: 0;
	}

	.master_body .ui-datepicker .ui-widget-header
	{
		border: none;
		background: #ffffff;
		color: #363636;
		font-weight: normal;
	}

		.master_body .ui-datepicker .ui-widget-header .ui-icon
		{
			background-image: none;
			width: auto;
			height: auto;
			display: block;
			text-indent: 0px;
			overflow: hidden;
			background-repeat: no-repeat;
		}

	.master_body .ui-datepicker .ui-datepicker-prev
	{
		position: absolute;
		top: auto;
		width: auto;
		height: auto;
		left: 0;
	}

	.master_body .ui-datepicker .ui-datepicker-next
	{
		position: absolute;
		top: auto;
		width: auto;
		height: auto;
		right: 0;
		color: #f4a601;
	}

	.master_body .ui-datepicker .ui-datepicker-next
	{
	}

	.master_body .ui-datepicker .ui-datepicker-prev span
	{
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		margin-left: 0;
		margin-top: 0;
		cursor: pointer;
		color: #f4a601;
	}

	.master_body .ui-datepicker .ui-datepicker-next span
	{
		display: block;
		position: absolute;
		left: auto;
		top: 0;
		right: 0;
		margin-left: 0;
		margin-top: 0;
		cursor: pointer;
	}

	.master_body .ui-datepicker .ui-state-hover,
	.master_body .ui-datepicker .ui-widget-content .ui-state-hover,
	.master_body .ui-datepicker .ui-widget-header .ui-state-hover,
	.master_body .ui-datepicker .ui-state-focus,
	.master_body .ui-datepicker .ui-widget-content .ui-state-focus,
	.master_body .ui-datepicker .ui-widget-header .ui-state-focus
	{
		border: none;
		background: none;
		font-weight: normal;
		color: #f4a601;
	}

	.master_body .ui-datepicker .ui-datepicker-title
	{
		text-align: center;
		padding: 0 0 8px 0;
		margin: 0;
		line-height: normal;
	}

	.master_body .ui-datepicker table.ui-datepicker-calendar
	{
		position: relative;
		width: 100%;
	}

		.master_body .ui-datepicker table.ui-datepicker-calendar th, .master_body .ui-datepicker table.ui-datepicker-calendar td
		{
			padding: 2px;
			border: 1px solid #949494;
			min-width: 25px;
			text-align: center;
		}

		.master_body .ui-datepicker table.ui-datepicker-calendar th
		{
			color: #101887;
			font-weight: normal;
			background-color: #bbbbbb;
		}

		.master_body .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day
		{
			background-color: #f4a601;
		}

	.master_body .ui-datepicker .ui-datepicker-calendar tr td .ui-state-default
	{
		border: none;
		background: #ffffff;
		text-align: center;
	}




/* ==========================================================================
   LOAD SCREEN
   ========================================================================== */

.ajax-loader-bg
{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .8);
	display: none;
	z-index: 2;
}

.ajax-loader
{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -22px 0 0 -125px;
	height: 64px;
	width: 250px;
	padding: 20px 0 0 0;
	z-index: 3;
	background-color: #f9f9f9;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, .3);
	box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, .3);
}

#fountainG
{
	position: relative;
	width: 200px;
	height: 24px;
	margin: auto;
}

.fountainG
{
	position: absolute;
	top: 0;
	background-color: transparent;
	width: 25px;
	height: 25px;
	-moz-animation-name: bounce_fountainG;
	-moz-animation-duration: 1.3s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: linear;
	-moz-transform: scale(.3);
	-moz-border-radius: 16px;
	-webkit-animation-name: bounce_fountainG;
	-webkit-animation-duration: 1.3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: linear;
	-webkit-transform: scale(.3);
	-webkit-border-radius: 16px;
	-o-animation-name: bounce_fountainG;
	-o-animation-duration: 1.3s;
	-o-animation-iteration-count: infinite;
	-o-animation-direction: linear;
	-o-transform: scale(.3);
	-o-border-radius: 16px;
	-ms-animation-name: bounce_fountainG;
	-ms-animation-duration: 1.3s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-direction: linear;
	-ms-transform: scale(.3);
	-ms-border-radius: 16px;
	animation-name: bounce_fountainG;
	animation-duration: 1.3s;
	animation-iteration-count: infinite;
	animation-direction: linear;
	transform: scale(.3);
	border-radius: 16px;
}

#fountainG_1
{
	left: 0;
	-moz-animation-delay: 0.52s;
	-webkit-animation-delay: 0.52s;
	-o-animation-delay: 0.52s;
	-ms-animation-delay: 0.52s;
	animation-delay: 0.52s;
}

#fountainG_2
{
	left: 25px;
	-moz-animation-delay: 0.65s;
	-webkit-animation-delay: 0.65s;
	-o-animation-delay: 0.65s;
	-ms-animation-delay: 0.65s;
	animation-delay: 0.65s;
}

#fountainG_3
{
	left: 50px;
	-moz-animation-delay: 0.78s;
	-webkit-animation-delay: 0.78s;
	-o-animation-delay: 0.78s;
	-ms-animation-delay: 0.78s;
	animation-delay: 0.78s;
}

#fountainG_4
{
	left: 75px;
	-moz-animation-delay: 0.91s;
	-webkit-animation-delay: 0.91s;
	-o-animation-delay: 0.91s;
	-ms-animation-delay: 0.91s;
	animation-delay: 0.91s;
}

#fountainG_5
{
	left: 100px;
	-moz-animation-delay: 1.04s;
	-webkit-animation-delay: 1.04s;
	-o-animation-delay: 1.04s;
	-ms-animation-delay: 1.04s;
	animation-delay: 1.04s;
}

#fountainG_6
{
	left: 125px;
	-moz-animation-delay: 1.17s;
	-webkit-animation-delay: 1.17s;
	-o-animation-delay: 1.17s;
	-ms-animation-delay: 1.17s;
	animation-delay: 1.17s;
}

#fountainG_7
{
	left: 150px;
	-moz-animation-delay: 1.3s;
	-webkit-animation-delay: 1.3s;
	-o-animation-delay: 1.3s;
	-ms-animation-delay: 1.3s;
	animation-delay: 1.3s;
}

#fountainG_8
{
	left: 175px;
	-moz-animation-delay: 1.43s;
	-webkit-animation-delay: 1.43s;
	-o-animation-delay: 1.43s;
	-ms-animation-delay: 1.43s;
	animation-delay: 1.43s;
}

.ajax-loader2
{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -12px 0 0 -25px;
	height: 25px;
	width: 50px;
	z-index: 3;
	background-color: #f9f9f9;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, .3);
	box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, .3);
}

	.ajax-loader2 #fountainG
	{
		position: relative;
		height: 25px;
		width: 50px;
		margin: auto;
	}

	.ajax-loader2 .fountainG
	{
		position: absolute;
		top: 8px;
		background-color: transparent;
		width: 10px;
		height: 10px;
		-moz-animation-name: bounce_fountainG;
		-moz-animation-duration: 1.3s;
		-moz-animation-iteration-count: infinite;
		-moz-animation-direction: linear;
		-moz-transform: scale(.3);
		-moz-border-radius: 16px;
		-webkit-animation-name: bounce_fountainG;
		-webkit-animation-duration: 1.3s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-direction: linear;
		-webkit-transform: scale(.3);
		-webkit-border-radius: 16px;
		-o-animation-name: bounce_fountainG;
		-o-animation-duration: 1.3s;
		-o-animation-iteration-count: infinite;
		-o-animation-direction: linear;
		-o-transform: scale(.3);
		-o-border-radius: 16px;
		-ms-animation-name: bounce_fountainG;
		-ms-animation-duration: 1.3s;
		-ms-animation-iteration-count: infinite;
		-ms-animation-direction: linear;
		-ms-transform: scale(.3);
		-ms-border-radius: 16px;
		animation-name: bounce_fountainG;
		animation-duration: 1.3s;
		animation-iteration-count: infinite;
		animation-direction: linear;
		transform: scale(.3);
		border-radius: 16px;
	}

	.ajax-loader2 #fountainG_1
	{
		left: 4px;
		-moz-animation-delay: 0.52s;
		-webkit-animation-delay: 0.52s;
		-o-animation-delay: 0.52s;
		-ms-animation-delay: 0.52s;
		animation-delay: 0.52s;
	}

	.ajax-loader2 #fountainG_2
	{
		left: 20px;
		-moz-animation-delay: 0.65s;
		-webkit-animation-delay: 0.65s;
		-o-animation-delay: 0.65s;
		-ms-animation-delay: 0.65s;
		animation-delay: 0.65s;
	}

	.ajax-loader2 #fountainG_3
	{
		left: 36px;
		-moz-animation-delay: 0.78s;
		-webkit-animation-delay: 0.78s;
		-o-animation-delay: 0.78s;
		-ms-animation-delay: 0.78s;
		animation-delay: 0.78s;
	}

@-moz-keyframes bounce_fountainG
{
	0%
	{
		-moz-transform: scale(1);
		background-color: #bbbbbb;
	}

	100%
	{
		-moz-transform: scale(.3);
		background-color: transparent;
	}
}

@-webkit-keyframes bounce_fountainG
{
	0%
	{
		-webkit-transform: scale(1);
		background-color: #bbbbbb;
	}

	100%
	{
		-webkit-transform: scale(.3);
		background-color: transparent;
	}
}

@-o-keyframes bounce_fountainG
{
	0%
	{
		-o-transform: scale(1);
		background-color: #bbbbbb;
	}

	100%
	{
		-o-transform: scale(.3);
		background-color: transparent;
	}
}

@-ms-keyframes bounce_fountainG
{
	0%
	{
		-ms-transform: scale(1);
		background-color: #bbbbbb;
	}

	100%
	{
		-ms-transform: scale(.3);
		background-color: transparent;
	}
}

@keyframes bounce_fountainG
{
	0%
	{
		transform: scale(1);
		background-color: #bbbbbb;
	}

	100%
	{
		transform: scale(.3);
		background-color: transparent;
	}
}

/* ==========================================================================
   MASTER TOP
   ========================================================================== */
.master_top
{
	width: 100%;
}

/* logo */
.logo
{
	position: relative;
	width: 25%;
	height: 100px;
	padding: 10px 10px 0 10px;
	float: left;
	text-align: center;
}

	.logo img
	{
		-webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .8);
		box-shadow: 0 0 10px 2px rgba(0, 0, 0, .8);
		height: 80px;
	}

/* main nav */

.main_navigation
{
	position: relative;
	width: 75%;
	height: 100px;
	float: left;
	border-left: 1px solid #0d1368;
	border-right: none;
}

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

		.main_navigation ul li
		{
			width: 20%;
			height: 100px;
			float: left;
			margin: 0;
			padding: 0;
			border-left: 1px solid #323999;
			border-right: 1px solid #0d1368;
			text-align: center;
		}

			.main_navigation ul li:first-child
			{
				border-left: 1px solid #323999;
			}

			.main_navigation ul li:last-child
			{
				border-right: none;
			}

			.main_navigation ul li a
			{
				display: block;
				width: 100%;
				height: 100%;
				padding: 5px 0 0 0;
			}

				.main_navigation ul li a:hover, .main_navigation ul li a.active
				{
					background: #f4ca70; /* Old browsers */
					background: -moz-linear-gradient(top, #f4ca70 0%, #f4a601 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4ca70), color-stop(100%,#f4a601)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #f4ca70 0%,#f4a601 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #f4ca70 0%,#f4a601 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, #f4ca70 0%,#f4a601 100%); /* IE10+ */
					background: linear-gradient(to bottom, #f4ca70 0%,#f4a601 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ca70', endColorstr='#f4a601',GradientType=0 ); /* IE6-9 */
				}

			.main_navigation ul li .main_nav_icon
			{
				position: relative;
				width: 70px;
				height: 50px;
				margin: auto;
			}

			.main_navigation ul li.dashboard_btn .main_nav_icon
			{
				background-image: url(../images/btn_icon_home.png);
				background-repeat: no-repeat;
			}

			.main_navigation ul li.lost_btn .main_nav_icon
			{
				background-image: url(../images/btn_icon_lost_items.png);
				background-repeat: no-repeat;
			}

			.main_navigation ul li.left_btn .main_nav_icon
			{
				background-image: url(../images/btn_icon_left_items.png);
				background-repeat: no-repeat;
			}

			.main_navigation ul li.report_btn .main_nav_icon
			{
				background-image: url(../images/btn_icon_reports.png);
				background-repeat: no-repeat;
			}

			.main_navigation ul li.admin_btn .main_nav_icon
			{
				background-image: url(../images/btn_icon_admin.png);
				background-repeat: no-repeat;
			}

			.main_navigation ul li .main_nav_text
			{
				text-transform: uppercase;
				text-shadow: 0px 0px 4px #464646;
				color: #ffffff;
				font-size: 12px;
				line-height: 18px;
			}

/* user navigation */
.user_navigation
{
	position: relative;
	width: 25%;
	padding: 0;
	float: left;
}

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

		.user_navigation ul li
		{
			position: relative;
			width: 33.3333333333%;
			height: 45px;
			float: left;
			margin: 0;
			padding: 0;
			border-left: 1px solid #323999;
			border-right: 1px solid #0d1368;
			text-align: center;
		}

			.user_navigation ul li:first-child
			{
				border-left: none;
			}

			.user_navigation ul li:last-child
			{
				border-right: none;
			}

			.user_navigation ul li a
			{
				position: relative;
				display: block;
				width: 100%;
				height: 100%;
				padding: 3px 0 0 0;
			}

			.user_navigation ul li:hover > a
			{
				background: #f4ca70; /* Old browsers */
				background: -moz-linear-gradient(top, #f4ca70 0%, #f4a601 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4ca70), color-stop(100%,#f4a601)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #f4ca70 0%,#f4a601 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, #f4ca70 0%,#f4a601 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top, #f4ca70 0%,#f4a601 100%); /* IE10+ */
				background: linear-gradient(to bottom, #f4ca70 0%,#f4a601 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ca70', endColorstr='#f4a601',GradientType=0 ); /* IE6-9 */
			}

			.user_navigation ul li .user_nav_icon
			{
				position: relative;
				width: 40px;
				height: 40px;
				margin: auto;
			}

			.user_navigation ul li.settings_btn .user_nav_icon
			{
				background-image: url(../images/btn_icon_settings.png);
				background-repeat: no-repeat;
			}

			.user_navigation ul li.favorites_btn .user_nav_icon
			{
				background-image: url(../images/btn_icon_favorites.png);
				background-repeat: no-repeat;
			}

			.user_navigation ul li.alerts_btn .user_nav_icon
			{
				background-image: url(../images/btn_icon_alerts.png);
				background-repeat: no-repeat;
			}


/* alerts button */
.alerts_container
{
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 45px;
	left: 0;
	z-index: 3;
	margin: 20px 0 0 0;
	width: 300px;
	max-height: 300px;
	overflow: auto;
	background-color: #959595;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	-webkit-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, .3);
	box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, .3);
	transition: all .2s ease-in-out;
}

.user_navigation ul li.alerts_btn:hover .alerts_container
{
	opacity: 1;
	visibility: visible;
	margin: 0;
}

.alerts_container .favorites-list .favorites-list-item
{
	position: relative;
	float: left;
	width: 100%;
	padding: 8px;
	border-bottom: 1px solid #808080;
	cursor: pointer;
}

	.alerts_container .favorites-list .favorites-list-item:last-child
	{
		border-bottom: none;
		-webkit-border-radius: 0px 0px 5px 5px;
		border-radius: 0px 0px 5px 5px;
	}

	.alerts_container .favorites-list .favorites-list-item:hover
	{
		background: #b0b0b0;
	}

	.alerts_container .favorites-list .favorites-list-item a.view_notification
	{
		position: relative;
		float: left;
		display: normal;
		width: auto;
		height: auto;
		padding: 4px 0 0 0;
		text-align: left;
		color: #ffffff;
	}

		.alerts_container .favorites-list .favorites-list-item a.view_notification:hover
		{
			background: none;
			color: #ffffff;
		}

.new-notification-count
{
	position: absolute;
	background-color: red;
	bottom: 0px;
	right: 0px;
	color: white;
	width: 25px;
	text-align: center;
	padding: 2px;
	-webkit-border-radius: 5px 0px 0px 0px;
	border-radius: 5px 0px 0px 0px;
}

/* favorites button */
.favorites_container
{
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 45px;
	left: 0;
	z-index: 3;
	margin: 20px 0 0 0;
	width: 300px;
	max-height: 300px;
	overflow: auto;
	background-color: #959595;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	-webkit-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, .3);
	box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, .3);
	transition: all .2s ease-in-out;
}

.user_navigation ul li.favorites_btn:hover > .favorites_container
{
	opacity: 1;
	visibility: visible;
	margin: 0;
}

.favorites_container .favorites-list .favorites-list-item
{
	position: relative;
	float: left;
	width: 100%;
	padding: 8px;
	border-bottom: 1px solid #808080;
	cursor: pointer;
}

	.favorites_container .favorites-list .favorites-list-item:last-child
	{
		border-bottom: none;
		-webkit-border-radius: 0px 0px 5px 5px;
		border-radius: 0px 0px 5px 5px;
	}

	.favorites_container .favorites-list .favorites-list-item:hover
	{
		background: #b0b0b0;
	}

	.favorites_container .favorites-list .favorites-list-item a.btn_icon
	{
		position: relative;
		float: left;
		display: normal;
		width: 24px;
		height: 24px;
		padding: 0;
		z-index: 3;
	}

.user_navigation ul li a.btn_icon:hover
{
	background: none; /* FF3.6+ */
	background: none; /* Chrome,Safari4+ */
	background: none; /* Chrome10+,Safari5.1+ */
	background: none; /* Opera 11.10+ */
	background: none; /* IE10+ */
	background: none; /* W3C */
	filter: none; /* IE6-9 */
	background-color: #f4a601;
}

.favorites_container .favorites-list .favorites-list-item a.user-favorite
{
	position: relative;
	float: left;
	display: normal;
	width: auto;
	height: auto;
	padding: 4px 0 0 0;
	text-align: left;
	color: #ffffff;
}

	.favorites_container .favorites-list .favorites-list-item a.user-favorite:hover
	{
		background: none;
		color: #ffffff;
	}


/* settings button */

/* user info */
.user_info
{
	position: relative;
	float: left;
	width: 45%;
	height: 45px;
	border-left: 1px solid #0d1368;
}

.user_info_txt
{
	width: 100%;
	height: 45px;
	padding: 15px 15px 0px 10px;
	border-left: 1px solid #323999;
	color: #ffffff;
}

.other-office-list
{
	position: absolute;
	top: 45px;
	left: 60px;
	z-index: 3;
	margin: 0;
	padding: 0;
	width: 300px;
	max-height: 300px;
	overflow: auto;
	background-color: #959595;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	-webkit-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, .3);
	box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, .3);
	transition: all .2s ease-in-out;
}

	.other-office-list .other-office-list-header
	{
		display: block;
		padding: 8px;
		background-color: #808080;
		;
	}

	.other-office-list a
	{
		position: relative;
		float: left;
		width: 100%;
		padding: 8px;
		border-bottom: 1px solid #808080;
		cursor: pointer;
		color: #ffffff;
	}

		.other-office-list a:hover
		{
			background: #b0b0b0;
		}

		.other-office-list a:last-child
		{
			border-bottom: none;
			-webkit-border-radius: 0px 0px 5px 5px;
			border-radius: 0px 0px 5px 5px;
		}

/* main search */
.main_search
{
	width: 30%;
	height: 45px;
	float: left;
	padding: 5px 16px 0 16px;
}

	.main_search input
	{
		width: 100%;
		padding: 0 0 0 10px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		border: none;
		height: 35px;
		background-color: #0a0f57;
		color: #ffffff;
	}

		.main_search input:focus
		{
			background-color: #0a0f57;
		}

/* ==========================================================================
   MASTER MIDDLE
   ========================================================================== */

.master_middle
{
	position: relative;
	width: 100%;
	float: left;
}

.middle_main
{
	position: relative;
	float: left;
	width: 75%;
	min-height: 750px;
	padding: 16px 16px 16px 32px;
	margin: 0 0 0 25%;
	background-color: #ffffff;
}

.middle_main_open
{
	width: 100%;
	margin: 0 0 0 0;
}

.middle_left_panel
{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 25%;
	background-color: #d7d7d7;
}

.middle_left_panel_overflow
{
	position: relative;
	height: 100%;
	width: 100%;
	overflow-x: auto;
}

.middle_left_panel_btn
{
	position: absolute;
	top: 49px;
	padding: 35px 0 0 0;
	right: -16px;
	width: 16px;
	height: 100px;
	background-color: #f4a601;
	z-index: 2;
	cursor: pointer;
	text-align: center;
	-webkit-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
}

/* Vertical menu that slides from the left or right */

.middle_left_panel
{
	left: 0;
}

	.middle_left_panel.middle_left_panel_open
	{
		left: -25%;
	}

/* Transitions */

.middle_left_panel,
.middle_main
{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* ==========================================================================
   LEFT PANEL
   ========================================================================== */

.left_panel_header
{
	width: 100%;
	padding: 16px;
	color: #ffffff;
	font-size: 15px;
}

.left_panel_content
{
	float: left;
	width: 100%;
	padding: 16px;
}
/* ==========================================================================
   MASTER BOTTOM
   ========================================================================== */

.master_bottom
{
	position: relative;
	float: left;
	width: 100%;
	min-height: 50px;
	background-color: #101887;
	color: #ffffff;
	font-size: 18px;
	padding: 0 16px;
}

.footer_left
{
	width: 50%;
	float: left;
	color: #ffffff;
	text-align: left;
	line-height: 50px;
}

.footer_right
{
	width: 50%;
	float: left;
	text-align: right;
	line-height: 50px;
}

/* ==========================================================================
   MASTER LOGIN
   ========================================================================== */
body.login_bg
{
	background-color: #ffffff;
}

.login_container
{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -200px 0 0 -200px;
	height: auto;
	width: 400px;
	padding: 15px;
	color: #ffffff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, .3);
	box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, .3);
}

	.login_container .login_logo
	{
		text-align: center;
		padding: 0 0 5px 0;
	}

		.login_container .login_logo img
		{
			-webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .8);
			box-shadow: 0 0 10px 2px rgba(0, 0, 0, .8);
		}

/* ==========================================================================
   WIDGETS GLOBAL
   ========================================================================== */
.sortable
{
}

.hidden
{
	display: none;
}

.widget
{
	position: relative;
	float: left;
	width: 100%;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

	.widget.collapsed
	{
		height: 230px;
		width: 50%;
		padding: 5px;
		overflow: hidden;
	}

		.widget.collapsed .layout-selection
		{
			display: none;
		}

	.widget.expanded
	{
		padding: 5px 5px 16px 5px;
	}

.widget-header
{
	position: relative;
	height: 30px;
	line-height: 30px;
	width: 100%;
	padding: 0px 8px;
	margin: 0 0 0 0;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #101887;
	color: white;
}

.widget_header_expand
{
	position: absolute;
	width: 30px;
	height: 30px;
	top: 0px;
	right: 8px;
	cursor: pointer;
}

.widget.collapsed .widget_content
{
	position: relative;
	padding: 16px 0 0 0;
	height: 200px;
	overflow: auto;
}

.widget_content
{
	position: relative;
	padding: 16px 0 0 0;
}

.widget.collapsed .data-table-page-count-container
{
	display: none;
}

.widget.collapsed .pager_container
{
	display: none;
}

.widget.collapsed .div_table_row .div_table_cell_header
{
	min-width: 75px;
}

.widget.collapsed .div_table_row .div_table_cell_item
{
	min-width: 75px;
}

/* ==========================================================================
   LOST AND FOUND MANAGEMENT
   ========================================================================== */

.lost_found_filter
{
}

	.lost_found_filter ul
	{
		display: table;
		width: 100%;
		padding: 0;
		margin: 0 0 16px 0;
		list-style: none;
	}

		.lost_found_filter ul li
		{
			display: table-cell;
			width: 25%;
			padding: .5em 1em;
			margin: 0;
			line-height: 16px;
			border: 1px solid #949494;
			border-left: none;
			text-align: center;
			cursor: pointer;
		}

			.lost_found_filter ul li:first-child
			{
				border-left: 1px solid #949494;
				-webkit-border-radius: 5px 0 0 5px;
				border-radius: 5px 0 0 5px;
			}

			.lost_found_filter ul li:last-child
			{
				-webkit-border-radius: 0 5px 5px 0;
				border-radius: 0 5px 5px 0;
			}

			.lost_found_filter ul li:hover
			{
				color: #f4a601;
			}

			.lost_found_filter ul li.active
			{
				color: #ffffff;
				background-color: #f4a601;
			}


/* ==========================================================================
   REGISTER NEW ITEM
   ========================================================================== */
.show_history_link
{
	padding: 0 0 16px 0;
}

.hide_history_link
{
	padding: 0 0 16px 0;
}

.item_history
{
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 16px 0;
	border-bottom: 1px solid #464646;
}

.item_history_container
{
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 16px 0;
	background-color: #ffffff;
	max-height: 300px;
	overflow: auto;
}

	.item_history_container.active
	{
		display: block;
	}

.item_options
{
	position: absolute;
	right: -8px;
	top: 0;
}

.item_details_section
{
	position: relative;
	width: 100%;
	float: left;
	border-bottom: 1px solid #464646;
	margin: 0 0 0 0;
	padding: 0 0 12px 0;
}

.item_attributes_section
{
	width: 100%;
	float: left;
	border-bottom: 1px solid #464646;
	padding: 16px 0 12px 0;
}

.item_additional_info_section
{
	width: 100%;
	float: left;
	border-bottom: 1px solid #464646;
	padding: 16px 0 12px 0;
}

.item_images_section
{
	width: 100%;
	float: left;
	border-bottom: 1px solid #464646;
	padding: 16px 0 12px 0;
}

.item_storage_location_section
{
	width: 30%;
	min-height: 300px;
	float: left;
	border-bottom: 1px solid #464646;
	border-right: 1px solid #464646;
	padding: 16px 16px 12px 0;
}

.item_currency_section
{
	width: 70%;
	min-height: 300px;
	float: left;
	border-bottom: 1px solid #464646;
	padding: 16px 0 16px 16px;
}

.item_finder_section
{
	width: 100%;
	float: left;
	padding: 16px 0 0 0;
}

/* ==========================================================================
   USER SETTINGS
   ========================================================================== */
.user_settings_company_info_section
{
	position: relative;
	width: 100%;
	float: left;
	border-bottom: 1px solid #464646;
	padding: 0 0 12px 0;
}

.user_settings_contact_info_section
{
	position: relative;
	width: 100%;
	float: left;
	padding: 16px 0 0 0;
}

/* ==========================================================================
   CREATE NEW INQUIRY
   ========================================================================== */

.inquiry_details_section
{
	position: relative;
	width: 100%;
	float: left;
	border-bottom: 1px solid #464646;
	padding: 0 0 12px 0;
}

.inquiry_customer_details_section
{
	width: 100%;
	float: left;
	padding: 16px 0 12px 0;
	border-bottom: 1px solid #464646;
}

.inquiry_attributes_section
{
	width: 100%;
	float: left;
	padding: 16px 0 12px 0;
	border-bottom: 1px solid #464646;
}

.inquiry_additional_info_section
{
	width: 100%;
	float: left;
	padding: 16px 0 0 0;
}

/* ==========================================================================
   CREATE NEW BATCH
   ========================================================================== */
.batch_details_section
{
	width: 100%;
	float: left;
	padding: 0 0 12px 0;
	border-bottom: 1px solid #464646;
}

.batch_items_section
{
	width: 100%;
	float: left;
	padding: 16px 0 12px 0;
}

/* ==========================================================================
   CREATE DEREGISTRATION BOX
   ========================================================================== */
.deregBox_details_section
{
	width: 100%;
	float: left;
	padding: 0 0 12px 0;
	border-bottom: 1px solid #464646;
}

.deregBox_items_section
{
	width: 100%;
	float: left;
	padding: 16px 0 12px 0;
}

/* ==========================================================================
   MATCHING
   ========================================================================== */
.matching_container
{
	position: relative;
	float: left;
	padding: 142px 0 0 0;
}

.matching_nav
{
	position: fixed;
	width: 850px;
	top: 66px;
	left: 50%;
	margin-left: -425px;
	background-color: #ffffff;
	z-index: 1000;
	border-bottom: 3px solid #464646;
}

.matching_back_results
{
	padding: 8px 16px 8px 16px;
}

.matching_score
{
	float: left;
	width: 50%;
	padding: 0 8px 0px 16px;
}

.matching_score_header
{
	float: left;
	width: 50%;
	font-size: 30px;
	text-align: center;
	background-color: #101887;
	height: 64px;
	line-height: 64px;
	color: #ffffff;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}

.matching_score_value
{
	float: left;
	width: 50%;
	font-size: 30px;
	text-align: center;
	background-color: #d7d7d7;
	height: 64px;
	line-height: 64px;
	-webkit-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
}

.matching_option
{
	float: left;
	width: 50%;
	padding: 0 16px 16px 8px;
}

.item_match_section
{
	float: left;
	width: 50%;
	min-height: 600px;
	padding: 0 0 0 8px;
}

.inquiry_match_section
{
	float: left;
	width: 50%;
	min-height: 600px;
	padding: 0 8px 0 0;
}

.item_match_row
{
	position: relative;
	float: left;
	width: 100%;
	border-bottom: 1px solid #d7d7d7;
}

.item_match_label
{
	position: relative;
	float: left;
	width: 50%;
	text-align: left;
	font-weight: bold;
	padding: 4px 0 4px 4px;
}

.item_match_value
{
	position: relative;
	float: left;
	width: 50%;
	text-align: right;
	padding: 4px 4px 4px 0;
}

.item_match_label2
{
	position: relative;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
}

.item_match_value2
{
	position: relative;
	padding: 0 4px 4px 4px;
}

.item_inquiry_match
{
	background-color: #00a651;
	color: #ffffff;
}

.matching_customer_details_section
{
	width: 100%;
	float: left;
	padding: 0 0 12px 0;
	border-bottom: 1px solid #464646;
}

.matching_inquiry_details_section
{
	width: 100%;
	float: left;
	padding: 16px 0 12px 0;
}

/* ==========================================================================
   REPORT BUILDER
   ========================================================================== */
.report_options_section
{
	position: relative;
	width: 100%;
	float: left;
	border-bottom: 1px solid #464646;
	padding: 0 0 12px 0;
}

.report_fields_section
{
	position: relative;
	width: 100%;
	float: left;
	border-bottom: 1px solid #464646;
	padding: 16px 0 16px 0;
}

.report_view_section
{
	position: relative;
	width: 100%;
	float: left;
	padding: 16px 0 0 0;
}

.report_fields_container
{
}

	.report_fields_container .grabber
	{
		display: block;
		width: 20px;
		height: 15px;
		background-image: url(../images/table_header_grabber_icon.png);
		position: relative;
		margin: auto;
		cursor: move;
	}

	.report_fields_container .div_table_row:first-child .div_table_cell_item:first-child
	{
		-webkit-border-radius: 5px 0 0 0;
		border-radius: 5px 0 0 0;
	}

	.report_fields_container .div_table_row:first-child .div_table_cell_item:last-child
	{
		-webkit-border-radius: 0 5px 0 0;
		border-radius: 0 5px 0 0;
	}

.report_view_section .grabber
{
	display: none;
}

/* ==========================================================================
   ADMIN - ITEM CATEGORIES
   ========================================================================== */
.admin_item_main_cat
{
	width: 20%;
	min-height: 500px;
	float: left;
	padding: 0 16px 0 0;
	border-right: 1px solid #464646;
}

	.admin_item_main_cat ul
	{
		list-style: none;
		max-height: 450px;
		overflow: auto;
		margin: 0 0 16px 0;
		padding: 0 0 0 0;
	}

		.admin_item_main_cat ul ul
		{
			list-style: none;
			max-height: none;
			overflow: visible;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
		}

.admin_item_cat_settings
{
	width: 80%;
	min-height: 500px;
	float: left;
	padding: 0 0 0 16px;
}

.admin_item_cat_attributes
{
	width: 50%;
	min-height: 340px;
	float: left;
	padding: 0 16px 0 0;
}

.admin_item_cat_attribute_question_type
{
	width: 50%;
	min-height: 340px;
	float: left;
	padding: 0 0 0 16px;
	border-left: 1px solid #464646;
}

.category-item.active
{
	color: #363636;
	font-weight: bold;
}

/* ==========================================================================
   LEFT LUGGAGE
   ========================================================================== */

.ll_order_details_section
{
	width: 100%;
	float: left;
	padding: 0 0 12px 0;
	border-bottom: 1px solid #464646;
}

.ll_finder_details_section
{
	width: 100%;
	float: left;
	padding: 16px 0 12px 0;
	border-bottom: 1px solid #464646;
}

.ll_item_info_section
{
	width: 100%;
	float: left;
	padding: 16px 0 0 0;
}

.ll_item_details_section
{
	width: 100%;
	float: left;
	padding: 0 0 12px 0;
}

/* ==========================================================================
   NOTIFICATIONS
   ========================================================================== */

.div_table_container .alert_dropdown
{
	display: none;
}

.new_notification_btn
{
	width: 150px;
	margin: 0 0 15px 0;
}

/* notification modal */

.new_notifaction_subject, .new_notifaction_date
{
	float: left;
	width: 50%;
	padding: 0 0 10px 0;
}

.new_notifaction_subject
{
	padding: 0 10px 10px 0;
}

	.new_notifaction_subject input, .new_notifaction_date input
	{
		width: 100%;
	}

.new_notifaction_message textarea
{
	width: 100%;
	height: 150px;
}

.new_notifaction_subject label, .new_notifaction_date label, .new_notifaction_message label
{
	display: block;
	font-weight: bold;
	padding: 0 0 5px 0;
}

/* ==========================================================================
   PANELS
   ========================================================================== */

.panel
{
	display: none;
}

	.panel.active
	{
		display: block;
	}


/* ==========================================================================
   USER PORTAL
   ========================================================================== */

.user_portal .master_top, .clientportal-imprint .master_top, .master.user_portal .master_top, .clientportal-iteminquiry .master_top, .clientportal-customerinquirysummary .master_top
{
	padding: 16px 0 16px 0;
}

	.user_portal .master_top img, .clientportal-iteminquiry .master_top img, .clientportal-customerinquirysummary .master_top img, .clientportal-imprint .master_top img
	{
		-webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .8);
		box-shadow: 0 0 10px 2px rgba(0, 0, 0, .8);
	}

.user_portal .master_middle, .clientportal-iteminquiry .master_middle, .clientportal-customerinquirysummary .master_middle, .clientportal-imprint .master_middle
{
	background-color: #ffffff;
	padding: 16px 0 16px 0;
	min-height: 600px;
}

.user_portal .container, .clientportal-iteminquiry .container, .clientportal-customerinquirysummary .container, .clientportal-imprint .container
{
	position: relative;
	max-width: 1100px;
	margin: auto;
}

.user_portal_search
{
	position: relative;
	float: left;
	width: 100%;
	padding: 16px 16px 8px 16px;
	margin: 0 0 16px 0;
	background-color: #e1e1e1;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

	.user_portal_search .select_field select, .user_portal_search .text_box input, .user_portal_search .select_field1 .ui-state-default
	{
		background: #ffffff;
	}

	.user_portal_search .select_field1 .custom-combobox-toggle
	{
		background-color: #bbbbbb;
	}

	.user_portal_search .form_row
	{
		padding: 0 0 8px 0;
	}

.user_portal_contact_section
{
	width: 100%;
	float: left;
	padding: 0 0 12px 0;
	border-bottom: 1px solid #464646;
}

.user_portal_item_section
{
	width: 100%;
	float: left;
	padding: 16px 0 12px 0;
}

.user_portal_summary_inquiry_section
{
	width: 100%;
	float: left;
	padding: 0 0 12px 0;
	border-bottom: 1px solid #464646;
}

.user_portal_summary_contact_section
{
	width: 100%;
	float: left;
	padding: 16px 0 12px 0;
	border-bottom: 1px solid #464646;
}

.user_portal_summary_item_section
{
	width: 100%;
	float: left;
	padding: 16px 0 12px 0;
}


/* ==========================================================================
   ATTRIBUTE TOOL TIP
   ========================================================================== */
.attributes_tool_tip
{
	visibility: hidden;
	opacity: 0;
	position: absolute;
	float: left;
	width: 100%;
	z-index: 100;
	width: 300px;
	min-height: 100px;
	background-color: #ffffff;
	cursor: auto;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, .3);
	box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, .3);
	transition: all .2s ease-in-out;
}

.itemAttrView:hover .attributes_tool_tip, .inquiryAttrView:hover .attributes_tool_tip
{
	opacity: 1;
	visibility: visible;
}

.attributes_tool_tip_header
{
	font-size: 15px;
	padding: 8px;
	color: #ffffff;
	text-align: left;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

.attributes_tool_tip_content
{
	float: left;
	width: 100%;
	padding: 8px;
	text-align: left;
	background-color: #ffffff;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}

	.attributes_tool_tip_content .form_label
	{
		padding: 0 0 0 0;
	}

/* ==========================================================================
   MOZILLA STYLES
   ========================================================================== */
@-moz-document url-prefix()
{
	.moz_74;

{
	width: 74px;
}

.moz_84
{
	width: 84px;
}

.moz_94
{
	width: 94px;
}

.moz_110
{
	width: 110px;
}

}

.green_bg input
{
	background-color: #00a651;
	color: #ffffff;
}


.inquiry-images_0, .item-images_0, .item-batch-images_0
{
	display: none !important;
}