@font-face {
    font-family: Futura_Book;
    src: url('font/futurastd-book-webfont.eot');
    src: url('font/futurastd-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/futurastd-book-webfont.woff') format('woff'),
         url('font/futurastd-book-webfont.ttf') format('truetype'),
         url('font/futurastd-book-webfont.svg#FuturaStdBookRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: Futura_Heavy;
    src: url('font/futurastd-heavy-webfont.eot');
    src: url('font/futurastd-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/futurastd-heavy-webfont.woff') format('woff'),
         url('font/futurastd-heavy-webfont.ttf') format('truetype'),
         url('font/futurastd-heavy-webfont.svg#FuturaStdMediumBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
body
{
	font: 8pt, Futura_Book, Tahoma, Verdana, sans-serif;
	margin: 0;
}
  
/********** Tabstrip menu **********/


a.tabstrip {
    background: url('tabstrip_right.png') no-repeat right top; /* Sliding right image */
    display: block;
    float: left;
    height: 35px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    margin-right: 2px;
    padding-right: 15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
    font-family: Futura_Book, Tahoma, Arial, Helvetica;
    font-size:10pt;
    color:#707275;
    text-align:center;
}
a.tabstrip:hover {
   background: transparent url('tabstrip_right.png') no-repeat scroll top right; /*Sliding right image */
   color:#808285;
}

a.tabstrip span {
    background: transparent url('tabstrip_left.png') no-repeat; /* Background left image */
    display: block;
    height: 35px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
    padding: 7px 0 5px 13px;
} 

a.tabstrip:hover span{
    text-decoration:none;
    color:Black;
    background: transparent url('tabstrip_left.png') no-repeat; /* Background left image */
    cursor:pointer;
}

a.tabstrip_diss {
    background: url('tabstrip_right.png') no-repeat right top; /* Sliding right image */
    display: block;
    float: left;
    height: 35px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    margin-right: 2px;
    padding-right: 15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
    font-family: Futura_Book, Tahoma, Arial, Helvetica;
    font-size:10pt;
    color:#A2A3A4;
    text-align:center;
   cursor:default;
}

a.tabstrip_diss span {
    background: transparent url('tabstrip_left.png') no-repeat; /* Background left image */
    display: block;
    height: 35px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
    padding: 7px 0 5px 13px;
}

a.tabstrip_on {
    background: url('tabstrip_right_on.png') no-repeat right top; /* Sliding right image */
    display: block;
    float: left;
    height: 35px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    margin-right: 2px;
    padding-right: 15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
    font-family: Futura_Book, Tahoma, Arial, Helvetica;
    font-size:10pt;
    color:Black;
    text-align:center;
}

a.tabstrip_on span {
    background: transparent url('tabstrip_left_on.png') no-repeat; /* Background left image */
    display: block;
    height: 35px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
    padding: 7px 0 5px 13px;
} 

a.tabstrip_nada {}

/***************************************/

/*********** Settings Main page **************/

.Mainpage
{
  background-color: White;
  border-style:solid;
  border-width: 1px;
  border-color:#E8E9EA;
}

.Toolbar {
   height:32px;
   width:32px;
   margin-right:8px;

}
.LoggoArea {
   position:relative;
   top:-1px;
   height: 97px;
   width: 120px;
   background-color: #E8E9EA;
}
.Loggo {
 padding-top:40px;
}

.MenuBorderBottom {
   background-color: #E8E9EA;
   height: 18px;
    width: 100%;
   position:relative;
    float:left;
   z-index: 1;
    left:0px;
}

.ToolbarDist{
   height :30px;
}

.StatusRow {
  background-color:#E0E0E0;
}

/*************** Buttons ****************/
a.button {
    background: url('button_right.png') no-repeat right top; /* Sliding right image */
    display: block;
    float: left;
    height: 35px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    margin-right: 6px;
    padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
    font-family: Futura_Book, Tahoma, Arial, Helvetica;
    font-size:10pt;

    color:#48494B;
    z-index: 1;
    left: 0px;
    top: 0px;
    text-align:center;
}
a.button:hover {
   background: transparent url('button_right.png') no-repeat scroll top right; /*Sliding right image */
   color:#000000;
   cursor:pointer;
}

a.button span {
    background: transparent url('button_left.png') no-repeat; /* Background left image */
    display: block;
    height: 35px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
    padding: 7px 0 5px 18px;
} 

a.button:hover span{
    text-decoration:none;
    color:Black;
    background: transparent url('button_left.png') no-repeat; /* Background left image */
}
a.buttonDisabled {
    background: url('button_right.png') no-repeat right top; /* Sliding right image */
    display: block;
    float: left;
    height: 35px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    margin-right: 6px;
    padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
    font-family: Futura_Book, Tahoma, Arial, Helvetica;
    font-size:10pt;
    color:#A2A3A4;
    z-index: 1;
    left: 0px;
    top: 0px;
    text-align:center;
    cursor: default;
}
a.buttonDisabled span {
    background: transparent url('button_left.png') no-repeat; /* Background left image */
    display: block;
    height: 35px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
    padding: 7px 0 5px 18px;
} 
/* **************************/
/********************* ListView ***********************/
.lvw_odd
{
   font-family: Futura_Book, Tahoma, Arial, Helvetica;
   font-size:9pt;
   background-color: #FFFFFF;    /* radernas bakgrundsfärg */
   color: #58595B;               /* radernas textfärg */
   border-bottom: solid 1px  #E8E9EA;    /* horisontella gridlinjer */
   border-right: solid 1px #E8E9EA;      /* vertikla linjer */
   padding: 1px;
  
}
.lvw_even
{
   font-family: Futura_Book, Tahoma, Arial, Helvetica;
   font-size:9pt;
   background-color: #F7F6F3;    /* radernas bakgrundsfärg */
   color: #58595B;               /* radernas textfärg */
   border-bottom: solid 1px  #E8E9EA;    /* horisontella gridlinjer */
   border-right: solid 1px #E8E9EA;      /* vertikla linjer */
   padding: 1px;
}

.lvw_head {
    font-family:Futura_Book, Tahoma, Arial, Helvetica;
    text-align:left;
    font-size: 9pt;

    border-bottom: solid 1px #E8E9EA;
    border-right: solid 1px #E8E9EA;
    background-color: #E8E9EA;
    border-collapse: collapse;
   padding: 1px;

}

.lvw_headrow {
   background-color: #E8E9EA;
   color:Black;
}
.lvw_cell_text {
   text-align: left; 
   padding-left:5px;
   
}
.lvw_cell_number {
   text-align: right; 
   padding-right:5px;
}
.lvw_cell_center {
   text-align:center; 
}
.lvw_sortkey {
 color:Black;
 text-decoration:none;
}

/********************* ListView - end ***********************/

/********** Labels **********/
.label
{
   font-family: Futura_Book, Tahoma, Arial, Helvetica;
   font-size: 11pt;
	color:#58595B;
   margin-left: 0px;
   height:20px;
}
.label9
{
   font-family: Futura_Book, Tahoma, Arial, Helvetica;
   font-size: 9pt;
	color:#58595B;
   margin-left: 0px;
   height:20px;
}
.label10
{
   font-family: Futura_Book, Tahoma, Arial, Helvetica;
   font-size: 10pt;
	color:#58595B;
   margin-left: 0px;
   height:20px;
}
.label10center
{
   font-family: Futura_Book, Tahoma, Arial, Helvetica;
   font-size: 10pt;
	color:#58595B;
   text-align:center;
   height:20px;
}
.label11
{
   font-family: Futura_Book, Tahoma, Arial, Helvetica;
   font-size: 11pt;
	color:#58595B;
   margin-left: 0px;
   height:20px;
}
.label12
{
   font-family: Futura_Book, Tahoma, Arial, Helvetica;
   font-size: 12pt;
	color:#58595B; 
   margin-left: 0px;
   height:20px;
}
.labelError
{
   font-family: Futura_Book, Tahoma, Arial, Helvetica;
   font-size: 11pt;
	color:Red;
   margin-left: 0px;
   height:20px;
}
.optlabel
{
   font-family: Futura_Book, Tahoma, Arial, Helvetica;
   font-size: 11pt;
	color:#58595B;
   margin-left: 0px;
}
.labelBold
{
   font-family: Futura_Heavy, Tahoma, Arial, Helvetica;
   font-size: 11pt;
	color:Black;
   margin-left: 0px;
}
.labelBold10
{
   font-family: Futura_Heavy, Tahoma, Arial, Helvetica;
   font-size: 10pt;
	color:#58595B;
   margin-left: 0px;
}

.labelBold12
{
   font-family: Futura_Heavy, Tahoma, Arial, Helvetica;
   font-size: 12pt;
	color:#58595B;
   margin-left: 0px;
}

.labelBold15
{
   font-family: Futura_Heavy, Tahoma, Arial, Helvetica;
   font-size: 15pt;
	color:#58595B;
   margin-left: 0px;
}
.labelBold15center
{
   font-family: Futura_Heavy, Tahoma, Arial, Helvetica;
   font-size: 15pt;
	color:#58595B;
   margin-left: 0px;
   text-align:center;
}
.labelBold18
{
   font-family: Futura_Heavy, Tahoma, Arial, Helvetica;
   font-size: 18pt;
	color:#58595B;
   margin-left: 0px;
}
.labelBold24
{
   font-family: Futura_Heavy, Tahoma, Arial, Helvetica;
   font-size: 24pt;
	color:#58595B;
   margin-left: 0px;
}
.labelBold26center
{
   font-family: Futura_Heavy, Tahoma, Arial, Helvetica;
   font-size: 26pt;
	color:#58595B;
   margin-left: 0px;
    text-align:center;
}
.labelBold28center
{
   font-family: Futura_Heavy, Tahoma, Arial, Helvetica;
   font-size: 28pt;
	color:#58595B;
   margin-left: 0px;
    text-align:center;
}
.labelBold36
{
   font-family: Futura_Heavy, Tahoma, Arial, Helvetica;
   font-size: 36pt;
	color:#58595B;
   margin-left: 0px;
}
.labelBold36center
{
   font-family: Futura_Heavy, Tahoma, Arial, Helvetica;
   font-size: 36pt;
	color:#58595B;
   margin-left: 0px;
    text-align:center;
}
.labelBold18Dis
{
   font-family: Futura_Heavy, Tahoma, Arial, Helvetica;
   font-size: 18pt;
	color:#C8C9CA;
   margin-left: 0px;
}

/********** Textboxes **********/
.txtbox {
   font-family: Futura_Book, Tahoma, Arial, Helvetica;
   font-size: 10pt;
	color:Black;
	border-color:#A8A9AA;
	border-style:solid;
	border-width:1px;
	height:22px;
	line-height:22px;
	margin-left: 0px;
   background-image: url("txtboxn.png");
   padding-left:3px;
}

.labelError {
   font-family: Futura_Heavy, Tahoma, Arial, Helvetica;
   font-size: 12pt;
	color:Red;
   margin-left: 0px;
}
.txtboxError {
   font-family: Futura_Book, Tahoma, Arial, Helvetica;
   font-size: 10pt;
	color:Black;
	border-color:Red;
	border-style:solid;
	border-width:1px;
	height:22px;
	line-height:22px;
	margin-left: 0px;
   background-image: url('error.png'); background-position: 100%; background-repeat: no-repeat; 
   padding-left:3px;
}

.txtboxDissabled {
   font-family: Futura_Book, Tahoma, Arial, Helvetica;
   font-size: 10pt;
	border-style:none;
	height:22px;
	line-height:22px;
	margin-left: 0px;
   padding-left:3px;
   cursor:default;
}

.txtboxmulti {
   font-family: Futura_Book, Tahoma, Arial, Helvetica;
   font-size: 10pt;
	color:Black;
	border-color:#A8A9AA;
	border-style:solid;
	border-width:1px;
	height: 22px;
	line-height:22px;
	margin-left: 0px;
}

/********** Checkbox, Drop downs, pictures **********/
.chkbox
{
   font-family: Futura_Book, Tahoma, Arial, Helvetica;
   font-size: 11pt;
	color:Black;
	border-style:none;
	height: 22px;
	line-height:22px;
	margin-left: 0px;
}

select.ddl {
   font-family: Futura_Book, Tahoma, Arial, Helvetica;
   font-size: 10pt;
	color:Black;
   border:1px solid #A5A5A5; 
   background-color:#D0D0D0;
 	height: 25px;
	margin-left: 0px;
   background-image: url("txtboxn.png");
  	border-color:#A8A9AA;
}

.picture_start
{
   border-color:Black;
   border-style:solid;
   border-width:2px;
}
.picture_ovrigt
{
   border-color:Black;
   border-style:solid;
   border-width:2px;
}
.picture_bestallare
{
   border-color:Black;
   border-style:solid;
   border-width:2px;
}
.dokument
{
   font-family: Futura_Book, Tahoma, Arial, Helvetica;
   font-size: 10pt;
	color:Black;
	border-color:#A8A9AA;
	border-style:solid;
	border-width:1px;
   }
   
.Order_page
{
  background-color: White;
  border-style:solid;
  border-width: 1px;
  border-color:#E8E9EA;
}
/******************************************************************************/
/* Print */
/* offert/beställning */
.sidbrytning {
    page-break-before: always;
    }
.sidfot {
    background-color:#FFFFFF; color:black; font-size:6pt; font-family:Futura_Book, Tahoma, Arial, Helvetica;
    }
.text1 {
    background-color:#FFFFFF; color:black; font-size:8pt; font-family:Futura_Book, Tahoma, Arial, Helvetica;
    }
.text1B {
    background-color:#FFFFFF; color:black; font-size:8pt; font-family:Futura_Book, Tahoma, Arial, Helvetica;font-weight: bolder;
    }
.text2 {
    background-color:#FFFFFF; color:black; font-size:10pt; font-family:Futura_Book, Tahoma, Arial, Helvetica;
    }
.text3 {
    background-color:#FFFFFF; color:black; font-size:10pt; font-family:Futura_Book, Tahoma, Arial, Helvetica;
    }
.text3B {
    background-color:#FFFFFF; color:black; font-size:10pt; font-family:Futura_Book, Tahoma, Arial, Helvetica;font-weight: bolder;
    }
.text4B {
    background-color:#FFFFFF; color:black; font-size:12pt; font-family:Futura_Book, Tahoma, Arial, Helvetica;font-weight: bolder;
    }
.text5B {
    background-color:#FFFFFF; color:black; font-size:14pt; font-family:Futura_Book, Tahoma, Arial, Helvetica;font-weight: bolder;
    }
.rubrik{ background-color:#FFFFFF; color:black; font-size:20pt; font-family:Futura_Book, Tahoma, Arial, Helvetica;font-weight: bolder;
    }
.tabell {
    background-color:#FFFFFF; color:black; font-size:8pt; font-family:Futura_Book, Tahoma, Arial, Helvetica;
    }
    
    
/********************************* Dialog *************************************/

.dialogSmall
{
   width:600px;
   height:250px;
   background-color:#F8F9FA;
   border-style:solid;
   border-width: 1px;
   border-color:#E8E9EA;
}

.dialogMedium
{
   width:700px;
   height:360px;
   background-color:#F8F9FA;
   border-style:solid;
   border-width: 1px;
   border-color:#E8E9EA;
}

.dialogBig
{
   width:960px;
   height:400px;
   background-color:#F8F9FA;
   border-style:solid;
   border-width: 1px;
   border-color:#E8E9EA;
   vertical-align:middle;
}

.dialogTitlebar
{
   height:35px;
   /*background-image: url("titlebar.png");*/
   background-color: #E8E9EA;
    
}
.dialogTitlebarText
{
   font-family: Futura_Heavy, Tahoma, Arial, Helvetica;
   font-size: 12pt;
	color:#58595B;
	background-color:Transparent;
}
/**************************************************************************************/
/* tveksamt om de ska vara med */
/********** Error reporting ************/

.fieldWithErrors, .fieldWithNoErrors, .fieldWithNoActivityYet {
  /*padding: 2px;*/
  background-color: transparent;
  /*display: table;*/
  /*float:left;*/
  /*margin-bottom:10px;*/
}

.fieldWithErrors {
  /*background-color: #ffcccc;*/
}

.fieldWithNoErrors {
  /*background-color: #C6E0B0;*/
}

.fieldWithErrors input, .fieldWithErrors select, fieldWithErrors textarea {
  /*background-color: #ffcccc;*/
  border-color:#CC0000;
}

p.matchFieldWithErrorReporting {
  /*padding-left:2px;*/
}

#errorExplanation {
  /*width: 98%;*/
  border: 2px solid #ffcccc;
  padding: 7px;
  margin-bottom: 20px;
  background-color: #ffffff;
  color: #ff0000;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 110%;
  margin: -7px;
  background-color: #fff;
  color: #ff0000;
  letter-spacing:-1px;
}

#errorExplanation ul {
  padding-left:20px;
}

#errorExplanation p {
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: disc;
}