/**
 * General text styles
 */

body, a, p, h1, h2, h3, button, input, td, th {
  font-family: verdana;
  font-size: 8pt;
  color: #000000;
}

a img {
  border: none;
}

h1 {
  font-size: 14pt;
  color: #113171;
}

h2 {
  font-size: 13pt;
  font-weight: bold;
  margin: 12px 15px;
  color: #113171;
}

h3 {
  font-weight: bold;
  margin-bottom: 2px;
  margin-top: 12px;
  color: #113171;
}

body {
  margin: 0px;
  padding: 0px 0px 30px 0px;
}

p {
  margin-top: 4px;
  margin-bottom: 6px;
}

.nospace {
  margin: -6px 0px 0px -6px;
}

.whiteBorder {
  border-collapse: collapse;
  margin-left: 4px;
}

td.whiteBottom {
  border-bottom: 2px solid #FFFFFF;
}

td.padded {
  padding: 6px;
}

.whiteBorder td {
  border: 3px solid #FFFFFF;
  border-left: none;
  padding: 4px 8px 8px 8px;
  vertical-align: middle;
  background: #CCDAE4;
}

.whiteBorder td.label {
  border-left: 2px solid #FFFFFF;
  border-right: none;
  padding: 5px 0px 5px 3px;
  vertical-align: top;
}

td.textLabel {
  border-right: none;
  padding: 13px 10px 13px 13px;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 13pt;
  vertical-align: top;
}

.whiteBorder td.textLabel {
  border-left: 2px solid #FFFFFF;
}

.sideBar {
  position: absolute;
  top: 0px;
  left: 725px;
  width: 225px;
}

.content {
  margin-right: 242px;
}

.boxContainer {
  border-left: 8px solid #FFFFFF; 
  width:350px; 
  background: url('../img/content_box_bottom.gif') #FCF28C bottom no-repeat;
}

div.yellowColumn {
  border-left: none; 
  width:222px; 
  background: url('../img/column_yellow_bottom.gif') #f2f2f2 bottom no-repeat;
  padding-bottom: 12px;
  margin-top: 12px;
}

.contentBoxWide {
  width: 708px;
  background: url('../img/content_box_bottom_wide.gif') bottom no-repeat #FCF28C;
  padding-bottom: 12px;
  margin-left: 8px;
}

.holder {
  padding: 0px 12px;
}
  
.boxContent {
  margin: 2px 12px 12px;
}

.boxContent p {
  margin: 2px 12px 12px 0px;
}

.boxContent p.intro {
  font-size: 12pt;
}
  
.boxContent .light {
  background: #FEFBD9;
}

.boxContent .light td {
  padding: 5px;
  border-bottom: 2px solid #FCF28C;
}

.explainButton {
  margin: 12px;
}

.loginStatus {
  background: url("../img/login_bg.gif") #CCDAE4;
  width: 222px;
  height: 44px;
  margin-top: 12px;
}  

.loginStatus div {
  padding: 7px 10px ;
}
  
.columnBlue {
  background: url("../img/column_blue.gif") #CCDAE4;
  margin-top: 12px;
  padding: 10px;
}

.columnBlue hr {
  color: #FFFFFF;
  border: 0px;
  width: 85%;
  height: 1px;
  margin: 5px auto;
  background-color: #FFFFFF;
}

.left p, .left h3 {
  margin-left: 15px;
}

.right {
  padding-top: 12px;
  padding-right: 15px;
}

.box {
  border: 1px solid #7E99AE;
  padding: 7px;
  margin: 8px 0;
  background: #ffffff;
}

.box .title {
  color: #FFFFFF;
  margin: 0 -7px;
  position: relative;
  top: -7px;
  padding: 4px;
  background: #9DB3C1;
  font-weight: bold;
}

.yellowColumn .box {
  border: 1px solid #59719f;
  margin: 8px 8px;
}

.yellowColumn .box .title {  
  background: #59719f;
}

.radioButtonList input {
  position: relative;
  top: -4px;
}

.message {
  color: red;
  font-style: italic;
}

.radioButtonList td {
  padding-bottom: 6px;
}

p.introduction {
  width: 500px;
  font-weight: bold;
  margin: 12px;
}

.blueButton {
  width: 95px;
  height: 23px;
  background: url('../img/bg_blue_button.gif') no-repeat;
  border: none;
  margin: 7px 8px 4px 8px;
  color: #FFFFFF;
  font-weight: bold;
  cursor: pointer;
}

.rowalt {
  background-color:#d4e9fc;
}

hr {
	border: 0;
	color: #6b7687;
	background-color: #6b7687;
	height: 1px;
}

.legend {
  border: 1px solid black;
}

/* styles moved from nav.spp */
  .utilNav {
    height: 33px;
    position: absolute;
    top: 8px;
    right: 12px;
    padding-left: 16px;
    padding-top: 4px;
    border-left: 1px solid #DFDFDF;
  }
  .utilNav a {
    font-family: verdana;
    font-size: 7.5pt;
    font-weight: bold;
    color: #999999;
    text-decoration: none;
    margin-right: 16px;
  }
  .navhome {
    width: 35px;
    height: 28px;
    background: url('../img/navhome.gif');
    cursor: pointer;
    position: absolute;
  }
  
  .navtab {
    color: white;
  	width: 85px;
    height: 28px;
    background: url('../img/navtab.gif');
    cursor: pointer;
    position: absolute;
    font-size: 10px;
    font-family: verdana, arial, helvetica, sans-serif;
    text-align: center;
    vertical-align: middle;
  }

#navigationBar {
	clear: both;
}

#navigationBar div {
	color: white;
	float: left;
	height: 28px;
	width: 85px;
	position: relative;
	background: url('../img/navtab.gif');
	cursor: pointer;
  font-size: 10px;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: center;
  vertical-align: text-bottom;
}

#navigationBar div.selected {
	background: url('../img/navtab_h.gif');
}

#navigationBar p { 
	margin-top: 8px;
}

#navigationBar a {
	color: white !important;
	text-decoration: none !important; 
}

.highslide-html {
  background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
  display: none;
}
.highslide-display-block {
  display: block;
}
.highslide-display-none {
  display: none;
}
.control {
	 float: right;
  display: block;
	 margin: 0 5px;
	 font-size: 10px;
	 text-decoration: underline;
	 color: #000;
}
.control:hover {
	color: black !important;
}
.highslide-move {
  cursor: move;
}
  
#xpPane .panelContent{
  overflow: hidden;
  position: relative;
  clear: both;
}
#xpPane .panelContent div{
  position: relative;
}
  
/** 
* updated colours to match the www.posten.se website 
**/

/* background for header */
.navigationBody {
	background-color: #f2f2f2;
}

/* header text in sequence navigation */
div.seqnavHeader {
	color: #d4e9fc !important;
}

tr.totals td {
	border: 1px solid #6b7687;
	border-width: 1px 0 0 0;
	padding-top: 8px !important;
}

table.formLayout td {
	padding: 2px 4px;
}

table.formLayout table td {
	padding: 2px 0;
}

table.formLayout input.total {
	border: 0;
	text-align: right;
	font-weight: bold;
}

.saveDialog {
	position: absolute !important;
	overflow: auto;
	left: 220px;
	top: 32px;
	width: 400px;
	border: 1px solid black;
	background-color: #F2f2f2;
	padding: 8px 8px 8px 8px;
}

/* price list styles */
	.prcnavtab {
    width: 100px;
    height: 28px;
    background: url('../img/navy.gif');
    cursor: pointer;
    position: absolute;
    font-size: 10px;
    font-family: verdana, arial, helvetica, sans-serif;
    text-align: center;
    vertical-align: middle;
  }

  .prcnavtab_h {
    width: 100px;
    height: 28px;
    background: url('../img/navy_h.gif');
    cursor: pointer;
    position: absolute;
    font-size: 10px;
    font-family: verdana, arial, helvetica, sans-serif;
    text-align: center;
    vertical-align: middle;
  }

  .overview {
    border: 1px solid black;
    width: 616px;
  }

.helpPage ul {list-style: url(../img/bullet_yellow.png);}
.helpPage ul > ul { list-style: url(../img/bullet_blue.png); }