/*
// --------------------------------------------------------------------------------------------------------------------
// OVERRIDES
// --------------------------------------------------------------------------------------------------------------------
*/
form {
	color: #2d2d2d; /* Overrides main.css in SPK */
}

h2 {
	background: none; /* Overrides main.css in SPK */
}

ul {
	color: #2d2d2d;
}

/*
// --------------------------------------------------------------------------------------------------------------------
// Main elements
// --------------------------------------------------------------------------------------------------------------------
*/
.contentarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 550px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	background-color: #ffffff;
	color: #2d2d2d;
}

.contentarea form {
	margin: 0px;
}

h1 {
	padding: 0px 0px 12px 0px;
	margin: 0px;
	font-size: 1.67em;
	font-weight: bold;
	color: #2d2d2d;
}

h2 {
	padding: 0px 0px 12px 0px;
	margin: 0px;
	font-size: 1.33em;
	font-weight: bold;
	color: #2d2d2d;
}

h3 {
	padding: 0px 0px 12px 0px;
	margin: 0px;
	font-size: 12px;
	/* without this IE does not work correctly with font. */
	font-weight: bold;
	color: #2d2d2d;
}

.infotext {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	/* without this IE does not work correctly with font. */
	color: #2d2d2d;
}

/*
// --------------------------------------------------------------------------------------------------------------------
// Links

// --------------------------------------------------------------------------------------------------------------------
*/ /*a:link {
    text-decoration: none;
    color: #0000cc;
}*/
a:visited {
	text-decoration: none;
	color: #993399;
}

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: none;
}

p.resulttext a,p.infotext a {
	/* inside text the links are always underlined */
	text-decoration: underline;
}

.forwardlink {
	background-image: url(../images/arrow_green.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 10px;
}

/* For consumers we must use a different link-arrow */
	/* Usage: class="forwardlink consumerlink"*/
.consumerlink {
	background-image: url(../images/arrow_yellow.gif);
}

/*
// --------------------------------------------------------------------------------------------------------------------
// Parcel calculator.
// --------------------------------------------------------------------------------------------------------------------
*/ /*** Parcel type selection ***/
.parcel_type_selection {
	border: 2px solid #d4d4d4;
	padding-left: 20px;
	padding-right: 20px;
}

.header_with_link {
	background-color: #f5f5f5;
	border: none;
	border-top: 1px dashed #d4d4d4;
	margin-left: -20px;
	margin-right: -20px; /* NOTE: Must be the same as in .contentarea */
	padding: 6px 20px;
	clear: left;
}

.info_paragraph {
	padding-left: 30px;
	color: #2d2d2d;
	margin-top: 15px;
	margin-bottom: 15px;
}

.info_paragraph img {
	margin-left: -35px;
	float: left;
}

.parcelsize,.longparcelsize {
	
}

.parcel_sizes {
	margin-top: 12px;
	margin-bottom: 12px;
}

.parcelsize {
	margin-right: 40px; /* The width between two neighbouring boxes*/
	float: left;
}

.parcelsize#parcel_minsize img {
	/* Add horizontal whitespace to equalize
  /* the heights of the max and min size gifs. */
	/* You must compute this by hand. Depends on gifs. */
	margin-top: 21px;
}

.longparcelsize {
	
}

/*** Parcel calculator ***/
.parcel_calculator {
	color: #2d2d2d;
}

.parcel_calculator input {
	margin-left: 0;
}

input.weight_textbox {
	border: 1px solid #7194b2;
	vertical-align: middle;
	color: #2d2d2d;
}

#parcel_weight {
	float: left;
	margin-right: 40px;
	width: 215px;
	clear: left;
}

#parcel_additional_services {
	width: 250px;
	float: left;
}

#parcel_additional_services table {
	margin: 0;
}

#parcel_additional_services input {
	width: 12px;
}

#parcel_precomputed_prices {
	clear: both;
}

#precomputed_radio {
	float: left;
	margin-right: 40px;
	width: 215px;
	clear: left;
}

#precomputed_radio label {
	display: block;
}

.input_radio {
	float: left;
	text-align: left;
	width: 250px;
}

.input_radio input {
	margin-left: 0;
}

br.section_break {
	clear: both;
}

#parcel_tax_selection input {
	margin-left: 1em;
	vertical-align: bottom;
}

#parcel-buttons {
	text-align: center;
	margin-bottom: -8px;
}

/* Long parcel calculator */
#longparcel_pricetable_section {
	margin: 15px -20px;
	padding: 15px 20px;
	border-color: #d4d4d4;
	border-style: dashed;
	border-width: 1px 0;
}

#longparcelprices {
	border: 1px solid #c8dcff;
	border-top: 0;
	border-collapse: collapse;
}

#longparcelprices td {
	margin: 0;
	color: #2d2d2d;
	font-size: 12px;
	border: 0;
}

#longparcelprices thead td {
	background-color: #c8dcff;
	font-weight: bolder;
	text-align: center;
}

#longparcelprices  tr {
	height: 2.5em;
}

#longparcelprices tbody td {
	text-align: center;
	padding-left: .5em;
	padding-right: .5em;
}

#longparcelprices td.rowlabel {
	text-align: left;
}

#longparcelprices tr.even {
	border: 0;
	border-top: 1px;
	border-bottom: 1px;
	border-color: #c8dcff;
	border-style: solid;
}

#longparcelprices tr.even td {
	background-color: #f0f5ff;
}

/*
// --------------------------------------------------------------------------------------------------------------------
// Windows, forms
// --------------------------------------------------------------------------------------------------------------------
*/
.info-top {
	margin: 0px;
	padding: 15px 10px;
	background-color: #ffffff;
	border-top: 2px solid #d4d4d4;
	border-right: 2px solid #d4d4d4;
	border-bottom: 1px dashed #d4d4d4;
	border-left: 2px solid #d4d4d4;
}

.info-bottom {
	margin: 0px;
	padding: 15px 10px;
	background-color: #ffffff;
	border-top: 1px dashed #d4d4d4;
	border-right: 2px solid #d4d4d4;
	border-bottom: 2px solid #d4d4d4;
	border-left: 2px solid #d4d4d4;
}

.info-top * img {
	margin-right: 8px;
	float: left;
}

.info-bottom * img {
	margin-right: 8px;
	float: left;
}

.form {
	margin: 0px;
	padding: 15px 20px;
	background-color: #f5f5f5;
	border-top: 0;
	border-right: 2px solid #d4d4d4;
	border-bottom: 0;
	border-left: 2px solid #d4d4d4;
}

.form table {
	padding: 0px;
	margin: 0px 0px 16px 0px;
}

.form table tr td {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	/* without this IE does not work correctly with font. */
	color: #2d2d2d;
}

.form-end {
	border-bottom: 2px solid #d4d4d4;
}

.form-segment {
	border-bottom: 1px dashed #d4d4d4;
}

.result {
	width: 100%;
	border: 2px solid #d4d4d4;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
}

.result_left {
	width: 45%;
	margin: 0px;
	padding: 15px 20px;
	vertical-align: top;
	border-right: 1px dashed #d4d4d4;
}

.result_left#wide_result {
	width: 55%;
}

.result_right {
	padding: 15px 15px;
	vertical-align: top;
}

.resulttext {
	padding: 2px 0px;
	margin: 0px;
	color: #2d2d2d;
}

.buttonarea form {
	margin: 0px;
}

.buttonarea input.eportal {
	margin-left: 0px;
	margin-top: 16px;
}

span.result_price {
	font-size: 16px;
	font-weight: bold;
	color: #009933;
}

.radiobuttonlabel {
	width: 180px;
}

select {
	border: 1px solid #7194b2;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #2d2d2d;
	width: 320px;
}

select.small {
	width: 250px;
}

td.formlabel {
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
}

td.forminput input {
	border: 1px solid #7194b2;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #2d2d2d;
}

.blueborder {
	border-bottom: 1px solid #c8dcff;
}

/*
// --------------------------------------------------------------------------------------------------------------------
// Input elements
// --------------------------------------------------------------------------------------------------------------------
*/
input.eportal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/* must be given since otherwise some old style setting overrides bea-portal-window's font size */
	color: #0000cc;
	border: 1px solid #7194b2;
	background-image: url(../images/button_background.gif);
	background-repeat: repeat-x;
	margin: 8px;
	padding-right: 8px;
	padding-left: 8px;
	white-space: nowrap;
	height: 22px;
}

input.eportal:hover {
	background-image: none;
	background-color: #ffffff;
}

input.eportal:active {
	background-image: none;
	background-color: #c8dcff;
}

/*
// --------------------------------------------------------------------------------------------------------------------
// Feedback to user
// --------------------------------------------------------------------------------------------------------------------
*/
.user_feedback { /* For the feedback window */
	padding-bottom: 12px;
	border-width: 2px;
	border-style: solid;
	margin: 12px auto 12px 0px;
	width: 100%;
	font-size: 12px;
	/* without this IE does not work correctly with font. */
}

.user_feedback h2,.user_feedback p,.user_feedback ul,.user_feedback table
	{
	margin: 12px 20px;
}

.user_feedback tr td h2 {
	/* Set general properties for the success/alert/error -icon. */
	background-repeat: no-repeat;
	background-position: center left;
}

/* Success */
.feedback_success {
	border-color: #009933;
}

/* Indent every item by the width of the icon */
.feedback_success tr td h2,.feedback_success tr td p,.feedback_success tr td ul
	{
	padding-left: 40px;
	/* icon width + small amount, if necessary. depends on the icon */
	font-size: 1em;
	color: #2d2d2d;
}

.feedback_success tr td h2 {
	padding-top: 18px;
	/* set padding to approximately half the gif height */
	background-image: url(../images/success.gif);
}

/* Alert */
.feedback_alert {
	border-color: #ff9900;
}

.feedback_alert tr td h2,.feedback_alert tr td p {
	padding-left: 48px; /* icon gif width */
	font-size: 1em;
	color: #2d2d2d;
}

.feedback_alert tr td h2 {
	color: #2d2d2d;
	padding-top: 18px; /* Set to approximately half the gif height */
	background-image: url(../images/alert.gif);
	font-size: 16px;
	/* without this IE does not work correctly with font. */
}

/* Error */
.feedback_error {
	border-color: #b4322d;
}

/* Indent every item by the width of the icon */
.feedback_error tr td h2,.feedback_error tr td p,.feedback_error ul {
	padding-left: 40px; /* icon gif width */
	font-size: 1em;
	color: #2d2d2d;
}

.feedback_error tr td h2 {
	color: #b4322d;
	padding-top: 12px;
	/* set padding to approximately half the gif height */
	background-image: url(../images/error.gif);
	font-size: 16px;
	/* without this IE does not work correctly with font. */
}