BODY{ 
		position: absolute;
		left: 40%;
        margin-left: -25%;
		background: #666666;
}

body, p, td, div, th {
	font-family: Arial, Helvetica!important;
}

h1,h2,h3,h4,h5,h6,h7 {
	font-family: Arial, Helvetica!important;
	color: #000000;
	padding: 0;
	clear: left;
}	



th{
	text-align: left;
}

td{
	text-align: left;
}


a {
	color: #006666;
	text-decoration: none;
}

a:hover {
	color: #00a0c6;
	text-decoration: underline;
}


a.em-link {
	text-transform: uppercase;

}

#container {
	background: #FFFFFF;
	width:800px;
	margin-bottom:5px;
}

#container h2{
	font-size : 14px;
	text-align : left;
	margin-left: 5px;
	color:#666669;
}

#container h1{
	color: #003399;
	margin-left:150px;
}

#container HH{
	color: #003399;
	margin-left:15px;
}



/********* Manual **************************/

#manual{
	width:200px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}

#manual p {
	font-family: Arial, Helvetica!important;
	font-size : 8pt;
	
}


/*************** Login ***************** */
#login{
	width:200px; 
    border: 1px solid #000000;
	background:#CCCCCC;

}

#login p {
	font-family: Arial, Helvetica!important;
	font-size : 8pt;
	
}

.loginButton {
	font-family: Arial, Helvetica!important;
	font-size : 9pt;
	margin-bottom:10px;
	margin-left:20px;
	padding:1px;
	background-color: #3399CC;
	color: #FFFFFF;
	font-weight: bold;
}

.loginQuestionButton {
	font-family: Arial, Helvetica!important;
	font-size : 9pt;
	margin-bottom:10px;
	padding:1px;
	background-color: #FF6600;
	color: #FFFFFF;
	font-weight:bolder;
}


.loginLabel {
	font-family: Arial, Helvetica!important;
	font-size : 10px;
	text-align : left;
	margin-left:20px;
	margin-top:10px;
	padding-bottom:0px;
	margin-bottom:0;
}

.loginErrorLabel {
	font-family: Arial, Helvetica!important;
	color:#FF3300;
	font-size : 10px;
	text-align : left;
	margin-left:20px;
	margin-top:10px;
	padding-bottom:0px;
	margin-bottom:0;
}


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


.frameButton {
	font-family: Arial, Helvetica!important;
	font-size : 10pt;
	width : 100px;
	margin-bottom:20px;
	margin-top:20px;
}

.frameLabel {
	font-family: Arial, Helvetica!important;
	font-size : 10px;
	text-align : left;
	padding-top : 20px;
	padding-bottom:0px;
	margin-bottom:0;
}

#footer {
	margin-top:-3px;
	margin-left:20px;
	color: #cccccc;
	font-size: 9px;
	font-weight: bold;
}

#footer A {
	color: #cccccc;
	text-decoration: underline;
	font-size:9px;
}


.tillbakabutton {
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-WEIGHT: normal;
	color:#000099;
	font-family: Arial, Helvetica!important;
	font-size : 10pt;
	width : 110px;
	margin-bottom:5px;
	padding:1px;
	margin-left:5px;
}

.kvartalbutton {
	font-family: Arial, Helvetica!important;
	font-size : 8pt;
	width : 110px;
	margin-bottom:5px;
	padding:1px;
	margin-left:5px;
}

.resetbutton {
	font-family: Arial, Helvetica!important;
	font-size : 10pt;
	font-weight:normal;
	width : 110px;
	margin-bottom:5px;
	padding:1px;
	margin-left:5px;
	color:#CC0000;
}

.savebutton {
	font-family: Arial, Helvetica!important;
	font-size : 10pt;
	font-weight:normal;
	width : 110px;
	margin-bottom:5px;
	padding:1px;
	margin-left:5px;
	color:#336600;
}


.inputfield {
	font-family: Arial, Helvetica!important;
	font-size : 10pt;
	margin-bottom:5px;
	padding:2px;
}

.text {
	font-family: Arial, Helvetica!important;
	font-size : 10pt;
		
}

.header2 {
	color:#003399;
	font-family: Arial, Helvetica!important;
	margin-left:5%;
	font-size:12px;
	margin-bottom:5px;
}




.resultatradrub{
	COLOR: #FFFFCC;
	BACKGROUND-COLOR: #000066;
	font-family: Arial, Helvetica!important;
	font-size : 10pt;
	font-weight:lighter;
	padding:2px;
	padding-left:10px;
}

.resultatrad{
    COLOR: #000000;
    BACKGROUND-COLOR: #ffffff;
	
}
.resultatrad2{
    COLOR: #000000;
    BACKGROUND-COLOR: #cfe7cf;
}

/*******************************   Design     ************************************************************/


/***********************   header Start  ********************/
#header {
	background:#333333;
	width:800px;
	margin-bottom:5px;
	margin-top:-10px;
	background-image: url(/bilsweden/images/bg2.gif);
}

#header h1{
		color:#FF9900;
		font-family: Arial, Helvetica!important;
		margin-left:20%;
		font-size:28px;
}


.headroundbottom {
	/*background: rgb(193, 209, 219);*/
	background: #666666;
}

.headr1{
	margin: 0 5px; height: 1px; overflow: hidden; background:#3C3C3C;
	}
.headr2{
	margin: 0 3px; height: 1px; overflow: hidden; background: #3C3C3C;
	}
.headr3{
	margin: 0 2px; height: 1px; overflow: hidden; background: #3C3C3C;
	}
.headr4{
	margin: 0 1px;
	height: 2px;
	overflow: hidden;
	background-color: #3C3C3C;
}

.headcontent {
	padding: 10px;
	
}

/*******************  Header end *******************************************/


.roundtop {
	background: rgb(193, 209, 219);
}
.roundbottom {
	background: rgb(193, 209, 219);
}

.r1{
	margin: 0 5px; height: 1px; overflow: hidden; background: #FFFFFF;
	}
.r2{
	margin: 0 3px; height: 1px; overflow: hidden; background: #FFFFFF;
	}
.r3{
	margin: 0 2px; height: 1px; overflow: hidden; background: #FFFFFF;
	}
.r4{
	margin: 0 1px; height: 2px; overflow: hidden; background: #FFFFFF;
}

.content {
	padding: 10px;
	height:472px;
}

.left {
    margin-left:20px;
    margin-top:20px;
    border: 1px solid #000000;
    padding:10px;
    width:250px;
    background-color:#CCCCCC;
}

.leftdown{
    margin-left:20px;
    margin-top:20px;
    border: 1px solid #000000;
    padding:10px;
    width:250px;
    background-color:#CCCCCC;
	border: 1px solid #000000;
}

.right {
    margin-left:20px;
	margin-top:20px;
    border-left:1px solid #000000;
}

.containerButton {
	font-family: Arial, Helvetica!important;
	font-size : 10pt;
	width : 200px;
	margin-bottom:5px;
	padding:1px;
	margin-left:20px;
	background-color: #3399CC;
	color: #FFFFFF;
	font-weight: bold;
}

.Button {
	font-family: Arial, Helvetica!important;
	font-size : 10pt;
	margin-bottom:5px;
	padding:1px;
	margin-left:20px;
	background-color: #3399CC;
	color: #FFFFFF;
	font-weight: bold;
}

.sparradButton {
	font-family: Arial, Helvetica!important;
	font-size : 10pt;
	margin-bottom:5px;
	padding:1px;
	margin-left:20px;
	background-color: #FF3300;
	color: #FFFFFF;
	font-weight: bold;
}

.godkanndButton {
	font-family: Arial, Helvetica!important;
	font-size : 10pt;
	margin-bottom:5px;
	padding:1px;
	margin-left:20px;
	background-color: #009900;	
	color: #FFFFFF;
	font-weight: bold;
}



/***************************  Fixa scrollande table ******************************************************/
/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
	clear: both;
	border: 1px solid #CC6600;
	height: 378px;
	overflow: auto;
	width: 750px;
	MARGIN: 0px auto;
}


/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer {
	height: 378px;
	overflow: auto;
	width: 750px;
	MARGIN: 0px auto;
}

/* define width of table. IE browsers only                 */
div.tableContainer table {
	float: left;
	width: 733px;
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer table {
	float: left;
	width: 733px;
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
	position: relative;
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader tr {
	display: block;
}

/* make the TH elements pretty */
thead.fixedHeader th {
	text-align: left;
	display:block;
}

/* make the A elements pretty. makes for nice clickable headers                */
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
	display: block;
	text-decoration: none;
	width: 100%;
}

/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.fixedHeader a:hover {
	display: block;
	text-decoration: underline;
	width: 100%;
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent {
	display: block;
	OVERFLOW-X: hidden;	
	OVERFLOW: auto;	
	/*width: 85%;*/
}


/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent td, tbody.scrollContent 
tr.normalRow td {
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px;
	COLOR: #000000;
    BACKGROUND-COLOR: #ffffff;
	font-size:small;	
	overflow: auto;
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/
*/
tbody.scrollContent td, tbody.scrollContent tr.normalRow:hover td {
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px;
	COLOR: #336699;
	background-color: #ccf;
	overflow: auto;
}

tbody.scrollContent td,  tbody.scrollContent tr.alternateRow td {
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px;
	COLOR: #000000;
	BACKGROUND-COLOR: #000033;
}

tbody.scrollContent tr.alternateRow td {
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px;
	COLOR: #000000;
	BACKGROUND-COLOR: #FF0000;
}
/***************************  END scrollande table ******************************************************/
div.mottableContainer {
	clear: both;
	/* border around table */
	border: 1px solid #000033;
	height: 240px;
	overflow: auto;
	width: 350px;
	MARGIN: 0px auto;
}

div.adminmottableContainer {
	clear: both;
	/* border around table */
	border: 1px solid #000033;
	height: 350px;
	overflow: auto;
	width: 650px;
	MARGIN: 0px auto;
}



/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.mottableContainer {
	height: 240px;
	overflow: auto;
	width: 350px;
	MARGIN: 0px auto;
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.adminmottableContainer {
	height: 350px;
	overflow: auto;
	width: 650px;
	MARGIN: 0px auto;
}

/* define width of table. IE browsers only                 */
div.mottableContainer table {
	float: left;
	width: 333px;
}

/* define width of table. IE browsers only                 */
div.adminmottableContainer table {
	float: left;
	width: 633px;
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.mottableContainer table {
	float: left;
	width: 333px;
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.adminmottableContainer table {
	float: left;
	width: 633px;
}


/******************** Scrolling inside div **************************/

#scroll {
height: 380px;
width: 470px;
overflow: auto;
/*border: 1px solid #666;
background-color: #ccc;
*/
padding: 8px;
margin-top:10px;

font-family: Arial, Helvetica!important;
	font-size : 10pt;

}

#scroll h1{
	font-family: Arial, Helvetica!important;
	font-size:16px;
	margin-left:15px;
	color: #336600;
}

#scroll em{
	font-family: Arial, Helvetica!important;
	color: #336633;
		font-size : 10pt;
}


.startrubrik{
	font-family: Arial, Helvetica!important;
	color: #003399;
	padding: 0;
	font-size:22px;
	clear: left;
	margin-left:10%;
	margin-bottom:15px;
	font-weight: bold;
}	


/**************************   Start Tooltip    **********************************************************/
.xstooltip {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	font: normal 8pt sans-serif;
	padding: 8px;
	border: solid 2px;
	background-color: rgb(193, 209, 219);
}
/**************************   End Tooltip    ************************************************************/