/*
    RESET
* { margin: 0; padding: 0; }
*/

.clear { clear: both; }
img, a img { border: none; }
input { outline: 0; }

/*
    STRUCTURE

    FOR TEST background-color set to CYAN 2021
	body { font: 14px/1.1 Helvetica, Sans-Serif; background-color: #4ff}
*/
body { font: 14px/1.1 Helvetica, Sans-Serif; }

#page-wrap { width: 1024px; margin: 6px auto; position: relative; margin-top: 45px;}
#page-wrap-90percent { width: 90%; margin: 6px auto; position: relative; margin-top: 45px;}
hr { height: 1px; background: #ccc; clear: both; margin: 20px 0; border: 0 none; display: block; }


/*
    TYPOGRAPHY
*/
a  { text-decoration: none; color: #900;  outline: none; }
h1 { font: bold 36px Helvetica, Sans-Serif; margin: 0 0 8px 0; }
h2 { margin: 0 0 10px 0; }
p { margin: 0 0 6px 0; }


/*
	BG FOR BODY
*/

.bg_admin
{
	background: url(./images/bg_admin_1.png) repeat;
}

/*
	BUTTON
*/
.button { background: url(images/button-bg.png) repeat-x; -moz-border-radius: 3px; padding: 6px 12px; 
         border: none; color: white; cursor: pointer; text-shadow: 0 1px 1px #666; 
         -webkit-border-radius: 3px; -webkit-box-shadow: 0 1px 3px #999; font: bold 16px Helvetica; }
.button:hover { background-position: bottom left; }
.button:disabled 
{
	border: 1px solid #D3D3D3;
	background: url(images/bg_dither_light.png) repeat-x;
	color: #FFF;
	text-shadow: 0 1px 1px #666;
	cursor: default;
}

.button_light { background: url(images/bg_dither_light.png) repeat-x; -moz-border-radius: 1px; padding: 5px 10px; 
         border: none; color: white; cursor: pointer; text-shadow: 0 1px 1px #666; 
         -webkit-border-radius: 1px; -webkit-box-shadow: 0 1px 3px #999; font: bold 16px Helvetica; 
	box-shadow: 0 1px 2px #ddd;
	-moz-box-shadow: 0 1px 2px #ddd;
	-webkit-box-shadow: 0 1px 2px #ddd;
    border: 1px solid #D3D3D3;
    border-collapse: collapse;
	text-align: center;
}
.button_light:hover { background-position: bottom left; }

.button_dark { background: url(images/bg_dither_medium.png) repeat-x; -moz-border-radius: 1px; padding: 5px 10px; 
         border: none; color: white; cursor: pointer; text-shadow: 0 1px 1px #666; 
         -webkit-border-radius: 1px; -webkit-box-shadow: 0 1px 3px #999; font: bold 16px Helvetica; 
	box-shadow: 0 1px 2px #ddd;
	-moz-box-shadow: 0 1px 2px #ddd;
	-webkit-box-shadow: 0 1px 2px #ddd;
    border: 1px solid #D3D3D3;
    border-collapse: collapse;
	text-align: center;
}
.button_dark:hover { background-position: bottom left; }

.button_inline
{
	display: inline-block;
}

 
/*
    HEADER
*/
#header { background-color: #eee; position: relative; }
#header h1 { float: left; margin: 5px 5px 5px 5px; height: 70px; }
#header h1 a { display: block; border: none; }

#header_location_indicator
{
	float: left;
	margin-top: 28px;
	margin-left: 20px;
}

#control { margin-right: 5px; float: right; margin-top: 28px; }
#control #icon_loggedin
{
	float: left;
	margin-right: 5px;
	margin-top: 0px;
}
#control p
{
	float: left;
}

.user_management_link
{
	color: #363636;
	padding-top: 10px;
}

div.floating-menu 
{
	position:fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	
	height: 20px;
	
	z-index:100;
	
    border: 1px solid #D3D3D3;
    border-collapse: collapse;

	padding: 5px 10px 5px 10px;
	/*border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	*/
    background: url(images/bg_dither_light.png) repeat-x; 
	
    color: #3D3D3D; 
    text-shadow: 0 1px 1px #F0F0F6; 
    font: bold 14px Helvetica;
	
	box-shadow: 0 1px 2px #ddd;
	-moz-box-shadow: 0 1px 2px #ddd;
	-webkit-box-shadow: 0 1px 2px #ddd;
	
	
}
div.floating-menu a
{
	color: #3D3D3D; 
}

.floating-menu-text
{
	margin-top: 2px;
}

.floating-menu-text-light
{
	color: #AAA;
}

.welcome_message_text
{
    color: #3D3D3D; 
    text-shadow: 0 1px 1px #F0F0F6; 
    font: bold 14px Helvetica;
	
	margin-top: 20px;
	margin-right: 20px;
	
}

#header_big_logo_block img
{
	margin-top: 5px;
	margin-right: 5px;
}

div.floating-menu-bottom
{
	position: fixed;
	right: 5px;
	bottom: 5px;
	
	color: #6D6D6D; 
    
    font: normal 10px Helvetica;
}

/*
    Position
*/

.center { text-align: center; }
.spacer { height: 20px; }


/*
	Info Messages
*/

.info_message_bad
{
	margin-top: 5px;
	background-color: #900;
	color: #FFF;
	padding: 5px;
}

.info_message_neutral
{
	margin-top: 5px;
	background-color: #E3E3E3;
	color: #000000;
	padding: 5px;
}

.info_message_good
{
	margin-top: 5px;
	background-color: #090;
	color: #FFF;
	padding: 5px;
}

.big_text
{
	font: normal 18px Helvetica;
}


/*
	forms
*/

label
{
    padding-right: 5px;
}

input
{
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: 0 1px 2px #ddd;
	-moz-box-shadow: 0 1px 2px #ddd;
	-webkit-box-shadow: 0 1px 2px #ddd;
	background: url(./images/input_bg.gif);
	border: 1px solid #AAA;
	color: #555;
	padding: 4px;
	margin: 6px;
}

input:focus, select:focus
{
/*	outline:2px solid red;*/
	box-shadow:			0 1px 9px #35588E;
	-moz-box-shadow:	0 1px 9px #35588E;
	-webkit-box-shadow: 0 1px 9px #35588E;

}

#tableArticleList input[type=text]
{
	border: 0px;
	background: transparent;
	padding:  0px;
	margin: 0px;
	
	box-shadow: 0 0px 0px #ddd;
	-moz-box-shadow: 0 0px 0px #ddd;
	-webkit-box-shadow: 0 0px 0px #ddd;
}
#tableArticleList_step5 input[type=text]
{
	border: 0px;
	background: transparent;
	padding:  0px;
	margin: 0px;
	
	box-shadow: 0 0px 0px #ddd;
	-moz-box-shadow: 0 0px 0px #ddd;
	-webkit-box-shadow: 0 0px 0px #ddd;
}
#tableArticleList_step6 input[type=text]
{
	border: 0px;
	background: transparent;
	padding:  0px;
	margin: 0px;
	
	box-shadow: 0 0px 0px #ddd;
	-moz-box-shadow: 0 0px 0px #ddd;
	-webkit-box-shadow: 0 0px 0px #ddd;
}


#container_select_lists
{
	position: relative;
}

#main_package_management #container_select_carrier
{
	float: left;
	/*margin-top: 38px;*/
}

#main_package_management #container_select_salesOrg
{
	float: left;
	/*margin-top: 38px;*/
	margin-left: 15px;
}

#container_select_mandant
{
	float: left;
	margin-left: 15px;
	
}

#container_select_mandant form
{
	margin-top: 15px;
}

#button_select_mandant
{
	display: inline-block;
}

#container_select_return_reason
{
	
}

#select_mandant
{
	max-width: 800px;
	min-width: 700px;
}

select
{
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: 0 1px 2px #ddd;
	-moz-box-shadow: 0 1px 2px #ddd;
	-webkit-box-shadow: 0 1px 2px #ddd;
	background: url(./images/soft_grey_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #AAA;
	color: #555;
	margin-top: 10px;
}

#scan_amount
{
	text-align: right;
}

/*
	TABLE
*/

table
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	border-collapse:collapse;
}
table td, table th 
{
	font-size:1em;
	border:1px solid #D3D3D3;
	padding:3px 7px 3px 7px;
}
table th 
{
	font-size:1.1em;
	text-align:left;
	padding-top:5px;
	padding-bottom:4px;
	background-color:#D3D3D3;
	color:#000000;
}
table tr.alt td 
{
	color:#000000;
	background-color:#E3E3E3;
}

table .table_row_id
{
	display: none;
}

/*
	TABLE SORTER
*/

table.tablesorter {
	font-family:arial;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
	
	box-shadow: 0 1px 2px #ddd;
	-moz-box-shadow: 0 1px 2px #ddd;
	-webkit-box-shadow: 0 1px 2px #ddd;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #F0F0F6;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(./images/table_sorter_bg.png);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;

}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	vertical-align: top;
	
	cursor: pointer;
}

table.tablesorter thead tr .headerSortUp {
	background-position: top right;
	background-image: url(./images/table_sorter_corner_top.png);
}
table.tablesorter thead tr .headerSortDown {
	background-position: bottom right;
	background-image: url(./images/table_sorter_corner_bottom.png);
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #3399FF;
	color: #FFF;
}

table.tablesorter tbody .hover
{
	background-color: #F0F0F6;
}
table.tablesorter tbody
{
	background-color: #FFF;
}

.table_checkboxes
{
	box-shadow: 0 1px 2px #ddd;
	-moz-box-shadow: 0 1px 2px #ddd;
	-webkit-box-shadow: 0 1px 2px #ddd;
	
	border:1px solid #D3D3D3;
}

.table_checkboxes td
{
	padding:1px 7px 1px 7px;
	border:0px solid #D3D3D3;
}

/*
	MISC
*/

.container_float_left
{
	float: left;
	margin-left: 15px;
}

.float_left
{
	float: left;
}

.container_float_right
{
	float: right;
	margin-right: 15px;
}

.float_right
{
	float: right;
}

.borderBlock
{
    
    border: 1px solid #D3D3D3;
    border-collapse: collapse;
    
    background-color: #F3F3F3;
	
	padding: 10px;
	
	box-shadow: 0 1px 2px #ddd;
	-moz-box-shadow: 0 1px 2px #ddd;
	-webkit-box-shadow: 0 1px 2px #ddd;
}

.blockHeader
{
    border: 1px solid #D3D3D3;
	border-bottom: 0px;
    border-collapse: collapse;

	padding: 5px 10px 5px 10px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	
    background: url(images/bg_dither_light.png) repeat-x; 
	
    color: #3D3D3D; 
    text-shadow: 0 1px 1px #F0F0F6; 
    font: bold 14px Helvetica;
	
}

.collapsibleHeader
{
    border: 1px solid #D3D3D3;
	border-bottom: 0px;
    border-collapse: collapse;

	padding: 5px 10px 5px 10px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	
    background: url(images/bg_dither_light.png) repeat-x; 
	
	cursor: pointer;
	
    color: #3D3D3D; 
    text-shadow: 0 1px 1px #F0F0F6; 
    font: bold 14px Helvetica;
}

.collapsibleHeader:hover
{
    background-position: bottom left;
}

/* Firefox Only */
@-moz-document url-prefix() 
{ 
	.collapsibleHeader p
	{
		margin-top: 3px;
	}
}


.collapsibleBody
{
    border: 1px solid #D3D3D3;
	border-top: 0px;
	border-bottom: 0px;
    border-collapse: collapse;

	padding: 5px 10px 5px 10px;
	
    background-color: #F3F3F3;
	
    color: #3D3D3D; 
    text-shadow: 0 1px 1px #F0F0F6; 
    font: normal 12px Helvetica;
}

.select_big
{
    color: #3D3D3D; 
    text-shadow: 0 1px 1px #F0F0F6; 
    font: normal 18px Helvetica;
	
	margin: 5px;
	padding: 5px;
	
	background: url(images/bg_dither_light.png) repeat-x; 
}

.select_big option
{
    text-shadow: 0 0px 0px #F0F0F6; 
	margin: 2px;
}

.hidden_id
{
	display: none;
}

/*
	Submit Data
*/

.submit_message_bad
{
	margin-top: 5px;
	background-color: #900;
	color: #FFF;
	padding: 5px;
}

.submit_message_neutral
{
	margin-top: 5px;
	background-color: #E3E3E3;
	color: #000000;
	padding: 5px;
}

.submit_message_good
{
	margin-top: 5px;
	background-color: #090;
	color: #FFF;
	padding: 5px;
}

.submit_message_bad h2
{
	margin: 0;
	padding: 0;
}

.submit_message_neutral h2
{
	margin: 0;
	padding: 0;
}

.submit_message_good h2
{
	margin: 0;
	padding: 0;
}

#footer_buttons
{
	background-color: #E3E3E3;
}

#footer_buttons a
{
	float: left;
	margin: 5px;
}

/*
	RETURN HANDLING
*/

#selectedShipment_header
{
	float: left;
}

#selectedShipment_form
{
	float: left;
	margin-left: 0px;
	
}


#selectedShipment_form label
{
	display: inline-block;
	text-align: right;
	padding-right: 1em;
	width: 180px;
	
}

#container_select_return_reason
{
	float: left;
}

#container_enter_client_return_number
{
	float: left;
	margin-left: 30px;
}

#container_close_shipment
{
	float: right;
}

#button_close_shipment
{
	margin-top: 15px;
	text-align: center;
	/*display: inline-block;*/
}

#button_submit_form_final
{
	margin-top: 15px;
	display: inline-block;
}

#enteredCustomerId_result
{
	border: 1px solid #AAA;
	margin: 3px;
	margin-left: 5px;
	padding: 3px;
	
	color: #3D3D3D;
}

/*
	RETURN HANDLING SUBMIT
*/
#button_backToReturnHandling
{
	float: left;
	margin-top: 5px;
	display: inline-block;
}

/*
	CONTAINER MANAGEMENT
*/

#main_container_management input[type=submit]
{
	margin-left: 0px;
}

/*
	RETURN OVERVIEW
*/

#buttonBack
{
	width: auto;
}

#main_return_overview #container_select_salesOrg
{
	float: left;
}

#main_return_overview #container_date_picker_from
{
	float: left;
	margin-left: 30px;
}

#main_return_overview #container_date_picker_to
{
	float: left;
	margin-left: 30px;
}

#container_date_picker_from input
{
	margin-top: 10px;
	margin-left: 0px;
}

#container_date_picker_to input
{
	margin-top: 10px;
	margin-left: 0px;
}

/*
	RETURN FORECAST
*/

#main_return_forecast .button
{
	margin-top: 10px;
}

#main_return_forecast span.ui-icon 
{
	float: left; 
	margin: 0 8px;
}

/*
	OVERVIEW INDUSTRY
*/

#main_return_overview .ui-icon
{
	margin-top: 10px;
}

/*
	USER MANAGEMENT
*/

.form_icon
{
	margin-top: 10px;
}




/*
 TEXT COLOR
*/

.text_dark
{
	color: #363636; 
	text-shadow: 0 1px 1px #FFF;
}

.text_light
{
	color: #FFF;
	text-shadow: 0 1px 1px #363636;
}

.text_green
{
	color: #090; 
	text-shadow: 0 1px 1px #FFF;
}

.text_dark_green
{
	color: #050; 
	text-shadow: 0 1px 1px #FFF;
}

.text_red
{
	color: #900 !important; 
	text-shadow: 0 1px 1px #FFF !important;
}

.text_blue
{
	color: #3399FF;
	text-shadow: 0 1px 1px #ccc;
}

.text_bold16
{
	font: bold 16px Helvetica; 	
}

.text_bold18
{
	font: bold 18px Helvetica; 	
}

.text_center
{
	text-align: center;
}

/*
	DROP DOWN MENU
*/

.drop_down_menu *
{
	margin: 0;
	padding: 0;
	
	cursor: pointer;
}

.drop_down_menu ul
{
	float: left; 
	width: 300px; 
	list-style-type: none;
	
	box-shadow: 0 1px 2px #ddd;
	-moz-box-shadow: 0 1px 2px #ddd;
	-webkit-box-shadow: 0 1px 2px #ddd;
	
}

.drop_down_menu .drop_down_menu_header
{ 
	padding: 5px 20px 5px 20px;
	font-size: 1em; 
	text-align: center; 
	border: 1px solid #D3D3D3;
	background: #E3E3E3;
	
	color: #363636; 
	text-shadow: 0 1px 1px #FFF;
	font: bold 18px Helvetica;
	
	background: url(images/bg_dither_light.png) repeat-x;
} 

.drop_down_menu .drop_down_menu_header:hover { background-position: bottom left; }

.drop_down_menu .drop_down_menu_item 
{ 
	padding: 5px 5px 5px 5px;
	
	text-decoration: none; 
	display: block; 
	border: 1px solid #ccc;
	border-top: 0px;
	
	box-shadow: 0 1px 2px #AAA;
	-moz-box-shadow: 0 1px 2px #AAA;
	-webkit-box-shadow: 0 1px 2px #AAA;
	
	text-align: center; 
	background: #F3F3F3;
	color: #3D3D3D;
} 

.drop_down_menu .drop_down_menu_item:hover 
{ 
	color: #3D3D3D;
	background: #E3E3E3;
	
	text-shadow: 0 1px 1px #FFF;
}

.drop_down_menu li 
{ 
	position: relative; 
} 

.drop_down_menu ul ul 
{ 
	position: absolute; 
	z-index: 2; 
	display: none; 
}

.drop_down_menu ul li:hover ul 
{ 
	display: block; 
}


/*
 OVERRIDE SOME jQuery UI stuff
*/

.navigation_tabs {
	padding: 0px;
	background: none;
	border-width: 0px;
}
.navigation_tabs .ui-tabs-nav {
	padding-left: 0px;
	background: transparent;
	border-width: 0px 0px 1px 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
.navigation_tabs .ui-tabs-panel {
	background: #F8F8F8;
	border-width: 0px 1px 1px 1px;
}

.navigation_tabs .ui-corner-all
{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.navigation_tabs .ui-corner-top
{
	-moz-border-top-left-radius: 2px;
	-moz-border-top-right-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.navigation_tabs .ui-corner-bottom
{
	-moz-border-bottom-left-radius: 2px;
	-moz-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}

.navigation_tabs .ui-state-default
{
	background: url(images/bg_dither_light.png) repeat-x;
}

.navigation_tabs .ui-state-active
{
	background: #F8F8F8;
}

/*
 FORM VALIDATOR
*/

.formval_msg
{
	color: #900 !important; 
	text-shadow: 0 1px 1px #FFF !important;
}


/*

report ex

*/

.container_report_ex_report
{
	position: relative;
}

.report_ex_report
{
	position: absolute;
	
	top: 0;
	right: 0;
	left: 0;
}

