HTML, BODY {
	padding: 0;
	margin: 0;
	height: 100%;
}

BODY.home .wrapper .content {
	width: 1000px;
}

/* =========================================================================== */
/*                                  testbanner                                 */
/* =========================================================================== */

.testbanner {
	position: fixed;
	top: 0;
	left: 0;
	height: 28px;
	width: 100%;
	background-color: yellow;
	z-index: 1;
	text-align: center;
	font-size: 16pt;
	padding: 4px 0 0 0;
	font-weight: bold;
	border-bottom: 1px solid #bbb;
}

BODY.test-site,
BODY.old-site {
	margin-top: 40px;
}

/* =========================================================================== */
/*                                    header                                   */
/* =========================================================================== */

.header {
	height: 30px;
	text-align: right;
}

.session-box {
	padding: 10px 0 0 0;
}

.session-box SELECT {
	font-size: 9pt;
	height: 18px;
}

.session-box SELECT OPTION {
	font-size: 9pt;
}

/* =========================================================================== */
/*                                     logo                                    */
/* =========================================================================== */

.logoarea {
	float: left;
	width: 200px;
	height: 140px;
	background-color: #ffffff;
	margin-right: 14px;
	text-align: center;
}

/* =========================================================================== */
/*                                     menu                                    */
/* =========================================================================== */

.menu-bar {
	padding: 10px;
	height: 150px;
	background-color: #F57B2E;
}

.main-menu {
	float: left;
	height: 100px;
}

.main-menu H1 {
	color: #fff;
	margin: 55px 0 0 60px;
}

.main-menu UL {
	padding: 0;
	margin: 0;
}

.main-menu LI {
	list-style-type: none;
	float: left;
	width: 194px;
	margin-left: 10px;
	display: block;
	background-color: #cccccc;
	border: 2px solid #111111;
	border-radius: 4px;
	background-image: url(../images/menu/gradient.png);
}

.main-menu LI A {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.main-menu LI.active {
	background-color: #9A1510;
}

.main-menu LI A:hover {
	top: 1px;
	left: 1px;
}
	
.main-menu LI A.active:hover {
	top: 0;
	left: 0;
}
	
.main-menu LI SPAN {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	color: #ffffff;
	text-shadow: #000000 0px 0px 2px;
	-webkit-font-smoothing: antialiased;
}

.main-menu A.disabled {
	cursor: default;
}

.main-menu LI A.disabled:hover {
	top: 0;
	left: 0;
}

/* =========================================================================== */
/*                                     logo                                    */
/* =========================================================================== */

BODY.section .logoarea {
	height: 63px;
}

BODY.section .logoarea IMG {
	margin-top: 2px;
}

/* =========================================================================== */
/*                                 small menu                                  */
/* =========================================================================== */

BODY.section .menu-bar {
	height: 65px;
}

BODY.section .main-menu {
	height: 70px;
}

BODY.section .main-menu LI {
	height: 63px;
}

/* =========================================================================== */
/*                                  sub menu                                   */
/* =========================================================================== */

.sub-menu {
	background-color: #E7E7E7;
	width: 200px;
	padding: 6px;
	float: left;
}

.sub-menu UL {
	padding: 0;
	margin: 0;
	background-color: #fff;
}

.sub-menu LI {
	list-style-type: none;
	margin: 0px;
}

.sub-menu LI A {
	margin: 0px;
	padding: 4px 0 4px 10px;
	display: block;
	width: 190px;
	height: 20px;
	text-decoration: none;
	color: #444;
	line-height: 18px;
}

.sub-menu LI A.level-3 {
	padding: 4px 0 4px 30px;
	width: 170px;
}

.sub-menu LI A:hover {
	background: #b4b4b4 url(../images/menu/submenu_hover.gif) no-repeat 190px 10px;
	color: #fff;
}

.sub-menu LI A.current {
	background: #F57B2E url(../images/menu/submenu_active.gif) no-repeat 190px 10px;
	color: #fff;
}

/* =========================================================================== */
/*                                message list                                 */
/* =========================================================================== */

.message-list-item {
	background-color: #fff;
	margin: 8px 0;
}

.message-list-item-header {
	background-color: #B4B4B4;
	padding: 4px 10px;
	cursor: pointer;
}

.read .message-list-item-header {
	color: #666666;
}

.message-list-item-title {
	float: left;
	width: 800px;
}

.message-list-item-text {
	padding: 10px;
}

/* =========================================================================== */
/*                                   wizard                                    */
/* =========================================================================== */

.wizard-header {
	background-color: #B4B4B4;
	font-size: 12pt;
	width: 100%;
}

.wizard-step {
	padding: 10px 10px;
	float: left;
	width: 170px;
	text-align: center;
}

.wizard-header .active {
	color: #fff;
	font-weight: bold;
}

.wizard {
	padding: 0;
}

DIV.spreadsheet-container {
	width: 780px;
}

DIV.spreadsheet-container .message {
	text-align: center;
	padding: 3px;
	margin: 3px;
	border: 1px solid #aaa;
	color: #aa0000;
}

DIV.spreadsheet {
	height: 400px;
	overflow: scroll;
}

DIV.spreadsheet-small {
	height: 200px;
}

.spreadsheet TABLE {
	width: 100% !important;
}

.spreadsheet INPUT,
.spreadsheet SELECT {
	font-size: 8pt;
}

DIV.spreadsheet SELECT.mapping{
	font-size: 7pt;
	font-weight: bold;
	height: 16px;
}

.spreadsheet TR.odd {
	background-color: #fff;
}

.spreadsheet TD {
	font-size: 8pt;
	padding: 3px 6px 3px 6px;
	white-space: nowrap;
}

.spreadsheet TH.linenr,
.spreadsheet TD.linenr {
	width: 10px;
}

.spreadsheet TD.linenr {
	text-align: right;
	padding-right: 30px;
}

.spreadsheet TH {
	font-size: 8pt;
	padding: 3px 6px 3px 6px;
	white-space: nowrap;
	font-weight: bold;
}

.spreadsheet TH.edit,
.spreadsheet TD.edit {
	width: 20px;
	padding-right: 2px;
}

.spreadsheet TH.icon,
.spreadsheet TD.icon {
	width: 10px;
	padding-right: 2px;
}

.spreadsheet DIV.feedback {
	background-color: #f88;
	height: 12px;
	padding: 3px 6px 3px 6px;
	margin: 0;
	font-size: 8pt;
	color: black;
}

.spreadsheet TD.feedback {
	padding: 0;
}

FORM#wizardform TABLE {
	width: 100%;
}

FORM#wizardform INPUT#submit_wizardform {
	float: right;
	margin-bottom: 6px;
}

/* =========================================================================== */
/*                                    popup                                    */
/* =========================================================================== */

DIV.popup-ui {
	position: absolute;
	top: 50%;
	left: 50%;
	border: 1px solid #aaa;
	padding: 10px;
	background-color: #ffffff;
}

DIV.popup-ui IFRAME {
	width: 100%;
	height: 95%;
}

DIV.popup-ui IMG {
	float: right;
}

/* =========================================================================== */
/*                                 addressbook                                 */
/* =========================================================================== */

DIV.addressbook-add {
	width: 500px;
	height: 400px;
	margin: -200px 0 0 -250px;
}

.addressbook-selector {
	vertical-align: center;
	padding: 0 4px;
	cursor: pointer;
}

/* =========================================================================== */
/*                                 tracking mail                               */
/* =========================================================================== */

DIV.tracking-mail {
	width: 500px;
	height: 260px;
	margin: -130px 0 0 -250px;
}

FORM#tracking_mail TABLE {
	width: 90%;
}

/* =========================================================================== */
/*                                 tracking mail                               */
/* =========================================================================== */

DIV.parcel-track-trace {
	position: fixed;
	width: 820px;
	height: 520px;
	margin: -240px 0 0 -400px;
}

FORM#parcel-track-trace TABLE {
	width: 90%;
}

/* =========================================================================== */
/*                                   orders                                    */
/* =========================================================================== */

#orderdetailform TABLE {
	width: auto;
	margin-right: 30px;
}

/* =========================================================================== */
/*                                contact forms                                */
/* =========================================================================== */

#contactform TABLE {
	width: 100%;
}

#contactform TH {
	width: 150px;
}

/* =========================================================================== */
/*                                    lists                                    */
/* =========================================================================== */

.groupinglist TD,
.mailpackslist TD,
.mailinglist .name {
	white-space: nowrap;
}

.mailinglist TD._num_orders,
.mailinglist TD._num_mailpacks,
.mailinglist TD._num_groupings {
	text-align: right;
	width: 100px;
}

.mailinglist TH._num_orders,
.mailinglist TH._num_mailpacks,
.mailinglist TH._num_groupings {
	text-align: center;
	padding-left: 30px;
}

PRE.webservice-output {
	border: 1px solid #dddddd;
	padding: 6px;
	font-family: Lucida Console, Consolas;
	width: 780px;
	overflow: auto;
}

TABLE.routing {
	width: 100% !important;
}

.routing TH,
.routing TD {
	white-space: nowrap;
	empty-cells: show;
	height: 22px;
}

.routing TH {
	text-align: center;
	font-weight: bold;
	width: 100px;
}

.routing TH.spacer {
	padding-left: 40px !important;
}

.routing TH.spacer-right {
	padding-left: 10px !important;
}

.routing .odd {
	background-color: #ccc;
	width: 100%;
}

.routing-2 select.dest {
	width: 50px;
}

.routing-2 select.dest {
	width: 60px;
}

.routing-2 select.shmethod {
	width: 120px;
}

.routing-2 TH.spacer {
	padding-left: 25px !important;
}