/* BASIC */
html body
{
	margin: 0 0 0 0;
	overflow: auto;
	font-family: verdana;
	font-size: 11px;
	line-height: 120%;
	color: #000000;
}
html body table
{
	padding: 0 0 0 0;
}
html body table, img
{
	border: 0;
}


/* button


.submit
{
	font-size:11px;
	color:black;
	padding:0px 6px;
	background-color:#1974c6;
} */

/*html body form { margin: 0 0 0 0; }
html body, table, td, div { font-family: verdana; font-size: 11px; }
html body select { position: relative; padding-top: -2px; }*/
/* BASIC */

/*A:link
{
	text-decoration: underline;
	font-weight: normal;
	color: #003366;
	font-size: 11px;
}

A:active
{
	text-decoration: underline;
	font-weight: normal;
	color: #CC0000;
	font-size: 11px;
}
A:visited
{
	text-decoration: underline;
	font-weight: normal;
	color: #003366;
	font-size: 11px;
}
A:hover
{
	text-decoration: underline;
	font-weight: normal;
	color: #0082D6;
	font-size: 11px;
}*/

A.alink:link
{
	text-decoration: none;
	font-weight: bold;
	color: #003366;
	font-size: 11px;

}

A.alink:active
{
	text-decoration: none;
	font-weight: bold;
	color: #CC0000;
	font-size: 11px;
}

A.alink:visited
{
	text-decoration: none;
	font-weight: bold;
	color: #003366;
	font-size: 11px;
}

A.alink:hover
{
	text-decoration: none;
	color: #0082D6;
	font-weight: bold;
	font-size: 11px;
}

A.NavLink:link
{
	font-size: 11px; /*color: #003366;*/
	text-decoration: none;
	color:White;
}
A.NavLink:active
{
	font-size: 11px; /*color: #003366;*/
	text-decoration: none;
	color:Black;
	
}
A.NavLink:visited
{
	font-size: 11px; /*color: #003366;*/
	text-decoration: none;

	
}
A.NavLink:hover
{
	font-size: 11px;
	text-decoration: underline;
}

A.NavLink
{
	color:White;
}


.contentBlackNormal
{
	text-decoration: none;
	font-weight: bold;
	color: #003D73;
}
.accHeader
{
	text-decoration: none;
	font-weight: bold;
	color: #003D73;
	background-color: #cfcfcf;
	text-indent: 17;
	padding-bottom: 2px;
	background-image: url( '../images/expand.jpg' );
	background-position: left;
	background-repeat: no-repeat;
}
.accHeaderSelected
{
	text-decoration: none;
	font-weight: bold; /*color: #003D73;   background-color:#80CCFF; 	*/
	color: #003D73;
	background-color: #cfcfcf;
	text-indent: 17;
	padding-bottom: 2px;
	background-image: url( '../images/collapse.jpg' );
	background-position: left;
	background-repeat: no-repeat;
}
.contentBlackGroupHeader
{
	text-decoration: none;
	font-weight: bold;
	color: #003B71;
	font-size: 13px;
}

.headerA /*same as H3*/
{
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	color: #003366;
	line-height: 200%;
}

.headerB
{
	text-decoration: none;
	font-size: 24px;
	font-weight: bold;
	color: #003366;
	line-height: 200%;
}
.headerC
{
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #003B71;
	line-height: 120%;
}

.NothingToReport
{
	color: White;
	background-color: #42D346;
	border: 1px solid white;
}
.MinorDeviation
{
	color: White;
	background-color: #FE9900;
	border: 1px solid white;
}
.MajorDeviation
{
	color: White;
	background-color: #FF3300;
	border: 1px solid white;
}
.NothingReported
{
	color: White;
	border: 1px solid white;
}

H1
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #0082D6;
	line-height: 120%;
}
H2
{
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #003B71;
	line-height: 120%;
}
H3
{
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	color: #002e9b;
	line-height: 120%;
}




.dropdown
{
	width: 100px;
}

.dropdownlonger
{
	width: 150px;
}

/*
TH {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

TH {
	FONT-WEIGHT: normal; FONT-STYLE: normal
}

TABLE TH {
	BORDER-LEFT-COLOR: #abb9dc; BORDER-BOTTOM-COLOR: #abb9dc; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: #abb9dc; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-RIGHT-COLOR: #abb9dc; BORDER-BOTTOM-STYLE: solid
}

TABLE TH {
	BORDER-TOP-WIDTH: 1px; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; PADDING-BOTTOM: 10px; VERTICAL-ALIGN: bottom; PADDING-TOP: 10px; BACKGROUND-COLOR: #cee7ec; BORDER-RIGHT-WIDTH: 1px
}*/

/*
border color: #abb9dc
header text: #002e9b
alternating color: #f0f8f9
*/


.Grid
{
	margin-top: 10px;
	width: 100%;
	background-color: White;
	border-left: solid 1px #abb9dc;
	border-right: solid 1px #abb9dc;
	border-top: solid 1px #abb9dc;
	border-bottom: solid 1px #abb9dc;
	
}

/* Detta är för en grids td taggar */
.Grid td
{
	/*border-top:solid 1px;*/

	border-top: solid 0px ;
	border-bottom: solid 0px ;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.Grid .gridItem2
{
	background-color: #DFF2FF;
	text-decoration: none;
	/*color: #003D73;*/
	height: 22px;
	border-right: solid 1px #abb9dc;
	border-bottom: solid 1px #abb9dc;
}

.Grid .gridItem3
{
	background-color: white;
	text-decoration: none;
	/*color: #003D73;*/
	height: 22px;
	border-right: solid 1px #abb9dc;
}

.gridItem4
{
	background-color: white;
	text-decoration: none;
	/*color: #003D73;*/
	height: 24px;
	border-right: solid 1px #abb9dc;

}




.Grid2
{	margin-top: 10px;
	width: 100%;
	background-color: #E6F3F6;
}

.Grid2 td
{
	border-top: solid 1px #abb9dc ;
	border-bottom: solid 1px #abb9dc;
	border-right: solid 1px #abb9dc;
	border-left: solid 1px #abb9dc;
	padding-left: 10px;
	padding-right: 10px;
}
.Grid2 td td
{	border-right: solid 0px;
	border-left: solid 0px; 
	border-top: solid 0px;
	border-bottom: solid 0px;
	padding-left: 10px;
	padding-right: 10px;
}

/*Blue*/

.S1 .DarkColor
{
	background-color: white;
	color: White;
	font-weight: bold;
}

/*
#a2c273

*/


.arrowimage
{
	/*background: url(Images/bg_navigationArrow.gif) no-repeat left 50%;*/
/*	background-color:Yellow;
	background-image:url(Images/bg_navigationArrow.gif);
	height:50px;*/
	
}


.S1 .MiddleColor
{
	background-color: #EFFBFB;
	text-decoration: none;
	
}




.S1 .MiddleColor_menu	
{
	background-color: #93b75d;
	text-decoration: none;

	
}


.S1 .MiddleColor2
{
	background-color: #a2c273;
	text-decoration: none;
}

.S1 .MiddleColor3
{
	background-color: #a2c273;
	text-decoration: none;
	
}


.S1 .SelectedMiddleColor
{
	background-color: #93b75d;
	color:Black;
	
}

/*needed becouse the thirdlevel background is lighter and we want to keep this color when selected.*/
.S1 .SelectedMiddleColor_thirdlevel
{
	background-color: #a2c273;
	color:Black;
	
}

.S1 .SelectedMiddleColor_thirdlevel .NavLink
{
	color: black;
}

.test
{
	background-color:Red;
	margin-left:30px;
}

.S1 .SelectedMiddleColor .NavLink
{
	color: black;
}


.S1 .BackColor
{
	background-color: #0082D6;
}
.S1 .Grid
{
	width: 100%;
	border-collapse: collapse;
	
}

.S1 .GridHeader td
{
	background-color: #cee7ec;
	height: 22px;
	text-decoration: none;
	color: #002e9b;
	/*padding-left: 10px;*/
	font-weight: bold;
	text-transform: uppercase;
	border-top: solid 1px #abb9dc;
	border-bottom: solid 1px #abb9dc;
	border-left: solid 1px #abb9dc;
	border-right: solid 1px #abb9dc;
	padding-left:10px;
	
}

.S1 .GridHeader .Cell
{
	text-decoration: none;
	color: #002e9b;
	/*padding-left: 10px;*/
	font-weight: bold;
	text-transform: uppercase;
	border-bottom-width: 0px;
	
}
.S1 .GridHeader A
{
	color: White;
}
.S1 .GridItem
{
	background-color: #DFF2FF;
	text-decoration: none;
	/*color: #003D73;*/
	/*padding-left: 10px;
	padding-right: 10px;*/
	height: 22px;
	
}
.S1 .GridItemAlternating td
{
	background-color: #f0f8f9;
	text-decoration: none;
	/*color: #003D73;*/
	padding-left: 10px;
	padding-right:10px;
	/*padding-left: 10px;		
	padding-right: 10px;*/
	height: 22px; /*border-top:solid 1px;*/
	/*border-right: solid 1px #abb9dc;*/
	/*border-left: solid 1px #abb9dc; /*border-bottom:solid 1px #abb9dc;*/
	border-top: solid 0px;
	border-bottom: solid 0px;
}

.S1 .GridFooter
{
	color: #003D73;

	padding-left: 10px;
	padding-right: 10px;
	height: 22px;
	
}

/*Pink
.S2 {}
.S2 .DarkColor {  background-color: White;  color: White;  font-weight: bold;}
.S2 .MiddleColor {  background-color: #FBE1ED;  text-decoration: none;   color: #003D73;}
.S2 .SelectedMiddleColor {  background-color: #F5B4D1;  text-decoration: none; }
.S2 .SelectedMiddleColor .NavLink {  color: white;}
.S2 .SelectedMiddleColor .NavLink:hover{  color:White;}
.S2 .BackColor {  background-color: #ED7FB2;}*/

/*Green
.S3{}
.S3 .DarkColor {  background-color: White;  color: White;  font-weight: bold;}
.S3 .MiddleColor {  background-color: #DFFFDF;  text-decoration: none;   color: #003D73;}
.S3 .SelectedMiddleColor {  background-color: #A2E074;  text-decoration: none;   color: White;}
.S3 .SelectedMiddleColor .NavLink {  color: white;}
.S3 .SelectedMiddleColor .NavLink:hover{  color:White;}
.S3 .BackColor {  background-color: #5CA526;}
.S3 .TabUnselected{  background-color:#59A423;  color: White;  padding-top: 3px;  padding-bottom: 3px;}*/

/*Grey
.S4{}
.S4 .DarkColor {  background-color: White;  color: White;  font-weight: bold;}
.S4 .MiddleColor {  background-color: #F3F3F3;  text-decoration: none;   color: #003D73;}
.S4 .SelectedMiddleColor {  background-color: #CCCCCC;  text-decoration: none; }
.S4 .SelectedMiddleColor .NavLink {  color: white;}
.S4 .SelectedMiddleColor .NavLink:hover{  color:White;}
.S4 .BackColor {  background-color: #B3C2D1;}
.S4 .Grid { width:100%; border-collapse:collapse; width:100%; }
.S4 .GridHeader{  background-color: #CCCCCC; height: 22px;   }
.S4 .GridHeader .Cell { border: 1px solid white; text-decoration: none; color: White; padding-left:10px; padding-right:10px; font-weight:bold;  text-transform:uppercase;}
.S4 .GridHeader A {  color: White;}
.S4 .GridItem{  background-color: #F3F3F3;  text-decoration: none;   color: #003D73;  height:22px;  padding-left:10px;  padding-right:10px;  border: 1px solid white;}
.S4 .GridFooter{ color: #003D73;  border-right: 1px solid white;  border-left: 1px solid white;  padding-left:10px;  padding-right:10px;  height: 22px;}*/


.inputBoxes
{
	border: solid 1px #013567;
}

/* button


*/



/*styles for borders showing deviations*/
.C
{
	border: 2px solid green;
	background: white;
}
.D
{
	border: 2px solid red;
	background: white;
}

SELECT
{
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	font-size: 11px;
}

/*Report layout styles*/
#reportLayout
{
	width: 100%;
	overflow: hidden;
	padding-left: 10px;
}
#reportLayout div.level
{
	padding-left: 20px;
	border-left: 1px solid #BABACC;
}
#reportLayout div.section
{
	padding-left: 0px;
	border: none;
	border-bottom: 0px;
}
#reportLayout p
{
	margin: 0;
	font-weight: bold;
}
#reportLayout p a
{
	margin: 0;
	font-weight: normal;
}
#reportLayout p img
{
	position: relative;
	left: -4px;
	cursor: hand;
}
html > body #reportLayout p img
{
	cursor: pointer;
	left: 0;
	margin-right: 4px;
}
#reportLayout p a.down
{
	height: 1em;
	background-position: 0 3px;
	padding: 0 0 0 17px;
}

/*********************************/
/* Added 090715, sehmipn         */
/*********************************/
.IndexAdv_PanelOrderProposal
{
	margin: 20px 0 20px 0;
	padding: 10px 10px 10px 10px;
}
/*********************************/
/*********************************/
/* Added 100611, sehfrbj         */
/* new classes for login func.	 */
/*********************************/
.loginLiteral
{
	margin-right:5px;
	float:left;
	text-align:left;
	margin-top:8px;
}
.loginField
{
	width:50px;
	float:left;	
}
.loginButton
{
	width:95px;	
	float:right;	
	margin-top:3px;
}
.loginErrorMessage
{
	color:Red;
	text-align:left;	
	float:left;
}