@charset "iso-8859-1";

/*******************************************************************************/
/* Commented imports below is added in this file
/*@import "grid.css";*/
/*@import "type.css";*/
/*@import "navigation.css";*/
/*@import "widgets.css";*/
/******************************************************************************/

/* Used in CalendarPage for page layout */
div.layoutLeftColumn { float:left;display:inline-block;width:19.5%; }
div.layoutCenterColumn { display:inline-block;width:56%; }
div.layoutCenterColumn.border { border-left:1px solid #ccc;padding-left: 30px;width: 53.8%; }
div.layoutRightColumn { float:right;display:inline-block;width:18%; }
div.layoutRightColumn.border { border-left:1px solid #ccc;padding-left: 30px;width:18%; }

/* Sprites for icons in "/images/sprites/" folder
/* Generated from: http://spritegen.website-performance.org/
/* OBS! Kontrollera background-position f�r f�ljande vid �ndring av icons.gif:
/* #navigation_level01 a
/* #navigation_divider
/* .splashlist
/* #footerarea
/* .travelplanner_small
------------------------------------------------------------------------------*/
.icon { background: url(/images/sprites/icons.png?v=2011-12-21test) no-repeat top left;display:inline-block;vertical-align:middle; }
.icontext { vertical-align:middle; }
.icontextwrapper { float:left;padding-left:4px;margin-bottom:3px; }

.sprite-1000{ background-position: 0 0; width: 16px; height: 16px; } 
.sprite-101{ background-position: 0 -66px; width: 16px; height: 16px; } 
.sprite-102{ background-position: 0 -132px; width: 16px; height: 16px; } 
.sprite-103{ background-position: 0 -198px; width: 16px; height: 16px; } 
.sprite-104{ background-position: 0 -264px; width: 16px; height: 16px; } 
.sprite-105{ background-position: 0 -330px; width: 16px; height: 16px; } 
.sprite-106{ background-position: 0 -396px; width: 16px; height: 16px; } 
.sprite-107{ background-position: 0 -462px; width: 16px; height: 16px; } 
.sprite-109{ background-position: 0 -528px; width: 16px; height: 16px; } 
.sprite-110{ background-position: 0 -594px; width: 16px; height: 16px; } 
.sprite-120{ background-position: 0 -660px; width: 16px; height: 16px; } 
.sprite-121{ background-position: 0 -726px; width: 16px; height: 16px; } 
.sprite-123{ background-position: 0 -792px; width: 16px; height: 16px; } 
.sprite-140{ background-position: 0 -858px; width: 16px; height: 16px; } 
.sprite-141{ background-position: 0 -924px; width: 16px; height: 16px; } 
.sprite-142{ background-position: 0 -990px; width: 16px; height: 16px; } 
.sprite-160{ background-position: 0 -1056px; width: 16px; height: 16px; } 
.sprite-161{ background-position: 0 -1122px; width: 16px; height: 16px; } 
.sprite-162{ background-position: 0 -1188px; width: 16px; height: 16px; } 
.sprite-163{ background-position: 0 -1254px; width: 16px; height: 16px; } 
.sprite-164{ background-position: 0 -1320px; width: 16px; height: 16px; } 
.sprite-180{ background-position: 0 -1386px; width: 16px; height: 16px; } 
.sprite-181{ background-position: 0 -1452px; width: 16px; height: 16px; } 
.sprite-182{ background-position: 0 -1518px; width: 16px; height: 16px; } 
.sprite-200{ background-position: 0 -1584px; width: 16px; height: 16px; } 
.sprite-2000{ background-position: 0 -1650px; width: 16px; height: 16px; } 
.sprite-2001{ background-position: 0 -1716px; width: 16px; height: 16px; } 
.sprite-2002{ background-position: 0 -1782px; width: 16px; height: 16px; } 
.sprite-2003{ background-position: 0 -1848px; width: 16px; height: 16px; } 
.sprite-201{ background-position: 0 -1914px; width: 16px; height: 16px; } 
.sprite-202{ background-position: -66px 0; width: 16px; height: 16px; } 
.sprite-203{ background-position: -66px -66px; width: 16px; height: 16px; } 
.sprite-204{ background-position: -66px -132px; width: 16px; height: 16px; } 
.sprite-206{ background-position: -66px -198px; width: 16px; height: 16px; } 
.sprite-207{ background-position: -66px -264px; width: 16px; height: 16px; } 
.sprite-208{ background-position: -66px -330px; width: 16px; height: 16px; } 
.sprite-209{ background-position: -66px -396px; width: 16px; height: 16px; } 
.sprite-220{ background-position: -66px -462px; width: 16px; height: 16px; } 
.sprite-221{ background-position: -66px -528px; width: 16px; height: 16px; } 
.sprite-222{ background-position: -66px -594px; width: 16px; height: 16px; } 
.sprite-223{ background-position: -66px -660px; width: 16px; height: 16px; } 
.sprite-224{ background-position: -66px -726px; width: 16px; height: 16px; } 
.sprite-225{ background-position: -66px -792px; width: 16px; height: 16px; } 
.sprite-240{ background-position: -66px -858px; width: 16px; height: 16px; } 
.sprite-241{ background-position: -66px -924px; width: 16px; height: 16px; } 
.sprite-242{ background-position: -66px -990px; width: 16px; height: 16px; } 
.sprite-500{ background-position: -66px -1056px; width: 16px; height: 16px; } 
.sprite-501{ background-position: -66px -1122px; width: 16px; height: 16px; } 
.sprite-502{ background-position: -66px -1188px; width: 16px; height: 16px; } 
.sprite-503{ background-position: -66px -1254px; width: 16px; height: 16px; } 
.sprite-504{ background-position: -66px -1320px; width: 16px; height: 16px; } 
.sprite-505{ background-position: -66px -1386px; width: 16px; height: 16px; } 
.sprite-600{ background-position: -66px -1452px; width: 16px; height: 16px; } 
.sprite-601{ background-position: -66px -1518px; width: 16px; height: 16px; } 
.sprite-602{ background-position: -66px -1584px; width: 16px; height: 16px; } 
.sprite-603{ background-position: -66px -1650px; width: 16px; height: 16px; } 
.sprite-604{ background-position: -66px -1716px; width: 16px; height: 16px; } 
.sprite-605{ background-position: -66px -1782px; width: 16px; height: 16px; } 
.sprite-606{ background-position: -66px -1848px; width: 16px; height: 16px; } 
.sprite-607{ background-position: -66px -1914px; width: 16px; height: 16px; } 
.sprite-608{ background-position: -132px 0; width: 16px; height: 16px; } 
.sprite-609{ background-position: -132px -66px; width: 16px; height: 16px; } 
.sprite-610{ background-position: -132px -132px; width: 16px; height: 16px; } 
.sprite-611{ background-position: -132px -198px; width: 16px; height: 16px; } 
.sprite-620{ background-position: -132px -264px; width: 16px; height: 16px; } 
.sprite-621{ background-position: -132px -330px; width: 16px; height: 16px; } 
.sprite-622{ background-position: -132px -396px; width: 16px; height: 16px; } 
.sprite-623{ background-position: -132px -462px; width: 16px; height: 16px; } 
.sprite-624{ background-position: -132px -528px; width: 16px; height: 16px; } 
.sprite-625{ background-position: -132px -594px; width: 16px; height: 16px; } 
.sprite-626{ background-position: -132px -660px; width: 16px; height: 16px; } 
.sprite-627{ background-position: -132px -726px; width: 16px; height: 16px; } 
.sprite-628{ background-position: -132px -792px; width: 16px; height: 16px; } 
.sprite-629{ background-position: -132px -858px; width: 16px; height: 16px; } 
.sprite-901{ background-position: -132px -924px; width: 19px; height: 18px; } 
.sprite-902{ background-position: -132px -992px; width: 19px; height: 19px; } 
.sprite-903{ background-position: -132px -1061px; width: 19px; height: 18px; } 
.sprite-904{ background-position: -132px -1129px; width: 19px; height: 19px; } 
.sprite-905{ background-position: -132px -1198px; width: 19px; height: 18px; } 
.sprite-910{ background-position: -132px -1266px; width: 17px; height: 17px; } 
.sprite-911{ background-position: -132px -1333px; width: 17px; height: 17px; } 
.sprite-912{ background-position: -132px -1400px; width: 17px; height: 17px; } 
.sprite-913{ background-position: -132px -1467px; width: 17px; height: 17px; } 
.sprite-arrow_right{ background-position: -132px -1534px; width: 12px; height: 12px; } 
.sprite-bg-top-menu-a{ background-position: -132px -1596px; width: 300px; height: 66px; } 
.sprite-bg-top-menu-left{ background-position: -132px -1712px; width: 8px; height: 66px; } 
.sprite-bg-top-menu-right{ background-position: -132px -1828px; width: 8px; height: 66px; } 
.sprite-bg_footerarea{ background-position: -132px -1944px; width: 1195px; height: 12px; } 
.sprite-bg_menu{ background-position: -1377px 0; width: 1195px; height: 2px; } 
.sprite-bg_menu_divider{ background-position: -1377px -52px; width: 1195px; height: 13px; } 
.sprite-bg_splashlist{ background-position: -1377px -115px; width: 263px; height: 444px; } 
.sprite-bil{ background-position: -1377px -609px; width: 17px; height: 15px; } 
.sprite-buss{ background-position: -1377px -674px; width: 17px; height: 16px; } 
.sprite-camera{ background-position: -1377px -740px; width: 17px; height: 16px; } 
.sprite-logo{ background-position: -1377px -806px; width: 197px; height: 30px; } 
.sprite-sok_resa_no_text_full{ background-position: -1377px -886px; width: 1175px; height: 32px; } 
.sprite-tag{ background-position: -1377px -968px; width: 17px; height: 16px; } 
.sprite-tunnelbana{ background-position: -1377px -1034px; width: 17px; height: 16px; } 

 
 




/* Grid
------------------------------------------------------------------------------*/
body
{
    background: url(cssimg/bg_main.gif) #CB9900 repeat-x scroll top;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 60%; /*	font-size: 10px;*/
    position: absolute;
    /*added for travelplanner puff*/
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 0;
}

#wrapper{
	margin: 0px;
	text-align: left;
	width: 1195px;
}

#toolboxarea{
	padding: 4px 4px;
	width:auto;
	margin: -35px 10px;
	float:left;
}

.headerarea
{
	background: url(cssimg/bg_headerarea_sthlm.jpg) #fff no-repeat 0px 0px ;
	height: 68px;
	margin: 0;
	border-top: 1px solid #f9c72d;
	
}

.headerarea_VST
{
	background: url(cssimg/bg_headerarea_sthlm.jpg) #fff no-repeat 0px 0px ;
	height: 68px;
	margin: 0;
	border-top: 1px solid #f9c72d;	
}

.headerarea_KLM{
	background: url(cssimg/bg_headerarea_oland.jpg) #fff no-repeat 0px 0px;
	height: 69px;
	margin: 0;
	border-top: 1px solid #f9c72d;
}

.headerarea_VSO{
	background: url(cssimg/bg_headerarea_oland.jpg) #fff no-repeat 0px 0px;
	height: 69px;
	margin: 0;
	border-top: 1px solid #f9c72d;
}

.headerarea_VSK{
	background: url(cssimg/bg_headerarea_skane.jpg) #fff no-repeat 0px 0px;
	height: 69px;
	margin: 0;
	border-top: 1px solid #f9c72d;
}

.headerarea_OSG{
	background: url(cssimg/headermall-smaland_sv.jpg) #fff no-repeat 0px 0px;
	height: 69px;
	margin: 0;
	border-top: 1px solid #f9c72d;
}

.headerarea_JKP{
	background: url(cssimg/headermall-jonkoping_sv.jpg) #fff no-repeat 0px 0px;
	height: 69px;
	margin: 0;
	border-top: 1px solid #f9c72d;
}

.headerarea_KRB{
	background: url(cssimg/headermall-kronoberg_sv.jpg) #fff no-repeat 0px 0px;
	height: 69px;
	margin: 0;
	border-top: 1px solid #f9c72d;
}

.headerarea_BLK{
	background: url(cssimg/headermall-blekinge_sv.jpg) #fff no-repeat 0px 0px;
	height: 69px;
	margin: 0;
	border-top: 1px solid #f9c72d;
}

#globalnavigation{
}
#contentwrapper
{
    background: url(cssimg/bg_content.gif) #fff repeat-y 0px 0px;
    min-height: 600px;
}
#contentwrapper2colstart{

/*	margin-left: 0px;  	 width leftarea */
/*	margin-right: 0px;  	 width rightarea */
	margin: -15px 0px 0px 0px;
	position: relative;
	background-color: Transparent;

}
#contentwrapper2col{
	margin-left: 0px;  	/* width leftarea */
	margin-right: 0px;  	/* width rightarea */
	position: relative;
	height:1%;
}
#contentwrapper1colfull
{
	margin-left: 30px;  	/* width leftarea */
	margin-right: 0px;  	/* width rightarea */
	position: relative;
	height:1%;
}
#contentwrapper2colfull{
	margin-left: 185px;  	/* width leftarea */
	margin-right: 0px;  	/* width rightarea */
	position: relative;
	height:1%;
}
#contentwrapper3col{
	margin-left: 185px;  	/* width leftarea */
	margin-right: 270px;  	/* width rightarea */
	position: relative;
	height:1%;
}
#contentwrapperstart{
	background: url(cssimg/bg_content_columns.gif) transparent no-repeat 0px 0px;
	height: 35px;
	margin: 0px 6px;
	padding: 10px 16px 0px 16px;
}
#contentwrapper2colstart #leftarea, #contentwrapper2col #leftarea{
	display: none;
}
#contentwrapper3col #leftarea, #contentwrapper2colfull #leftarea{
	float: left;
	position: relative;
	width: 185px;
	margin-left: -185px;
}

#leftpadding{
	padding: 0 0px 0 30px;
}

#contentwrapper3col #centerarea{
	background: url(cssimg/bg_centerarea_3col.gif) transparent no-repeat 0px 0px;
	float: left;
	overflow: hidden;
	position: relative;
	width: 514px;
	z-index: 12;
	margin:0;
}

#contentwrapper3col #cameracenterarea{
	background: url(cssimg/bg_centerarea_3col.gif) transparent no-repeat 0px 0px;
	float: left;
	overflow: hidden;
	position: relative;
	width: 450px;
	z-index: 12;
	margin:0;
}

#contentwrapper2colfull #centerarea{
	background: url(cssimg/bg_centerarea_3col.gif) transparent no-repeat 0px 0px;
	float: left;
	overflow: hidden;
	position: relative;
	z-index: 12;
	margin:0;
}
#contentwrapper1colfull #centerarea{
	float: left;
	overflow: hidden;
	position: relative;
	width: 1100px;
	z-index: 12;
	margin:0;
}

#contentwrapper3col #centerpadding, #contentwrapper2colfull #centerpadding {
	padding: 0 20px 0 20px;
}




#contentwrapper3col #rightarea{
	background-color: transparent;
	float: left;
	position:relative;
	width: 270px;
	margin-right: -270px;
}
#contentwrapper3col #rightpadding {padding: 0 0 0 150px;}

#contentwrapper3col #camerapadding {padding: 22px 0px 0 180px;}



#contentwrapper2col #centerarea{
	background-color: transparent;
	float: left;
	overflow: hidden;
	position: relative;
	width: 650px;
	z-index: 12;
	margin:0;
}
#contentwrapper2col #centerpadding {padding: 0 27px 0 40px;}

#contentwrapper2col #rightarea{
	background-color: transparent;
	float: left;
	width:395px;
}
#contentwrapper2col #rightpadding{
	padding: 0 36px 0 0;
}
#contentwrapper2colfull #rightarea
{
    display: none
 
}
#contentwrapper2colstart #centerarea{
	background-color: transparent;
	float: left;
	overflow: hidden;
	position: relative;
	width: 823px;
	z-index: 12;
	margin:0;
}

#contentwrapper2colstart #rightarea{
	background-color: transparent;
	float: left;
	width: 364px;
	margin:0;
}

#contentwrapper2colstart #centerpadding{
	padding: 0 4px 0 6px;
}

#contentwrapper2colstart #rightpadding{
	padding: 20px 0 0 2px;
}

.RightAreaContentStart {margin-top: 14px;}
#footerarea
{
    /* Position i sprite fr�n .sprite-bg_footerarea */
	background: url(../images/sprites/icons.png?v=2011-12-21test) no-repeat top left;display:inline-block;
	background-position: -132px -1944px;
	padding: 14px 8px 0px 0px;
	text-align: right;
	width: 1195px;
	z-index: 1;
	float:left;
}
#footerarea a, #footerarea img {vertical-align:middle;}


/* ------ Links -------- */
a
{
	color: #000000;
	text-decoration:underline;	
}
a:hover
{
	color: #000000;
}

div.prioritymessage
{
	text-align:right;
	margin-right:16px;
	margin-bottom:12px;
	margin-top:-10px;
}

div.prioritymessage a
{
	padding-left:290px;
}

div.fixedcam1
{
    background: url("cssimg/bg_splashlist2.gif") transparent no-repeat left top;
    position: absolute; 
    top: 22px;
    right: 5px;
	width:190px;	
	height:472px;/*158*/
    padding-left:7px;/*10*/
    padding-top:26px;
    padding-bottom:20px;
    border-style:solid;
    border-width:0px;
    border-color:Black;
    margin: 10px 2px 0px 0px;    
}

div.fixedcam2
{
    position: absolute; 
    top: 208px;
    right: 5px;
	width:190px;	
	height:158px;
    padding-left:7px;/*10*/
    padding-top:15px;     
    border-style:solid;
    border-width:0px;
    border-color:Black;	     
    margin: -2px 2px 0px 0px;    
}
div.fixedcam3
{
    position: absolute; 
    top: 374px; /*372*/
    right: 5px;
	width:190px;	
	height:156px; /*158*/
    padding-left:7px;/*10*/
    padding-top:15px;
    border-style:solid;
    border-width:0px;
    border-color:Black; 
    margin: 2px 2px 0px 0px;
}

.camerapanel 
{
    height:135px;
    width:180px;
    margin-top:-10px; /*-12px*/
    margin-left:2px;
}

.rightareadiv
{
    float:right;
    width:355px;
    position:relative;
    left:-40px;
    z-index:1;
}

* html .rightareadiv /*IE6*/
{
    float:right;
    width:355px;
    position:absolute;
    left:615px;
    z-index:1;
}

/* Type
------------------------------------------------------------------------------*/
#contentwrapper2col #centerarea h1,/* #contentwrapper2colstart #centerarea h1,*/ #contentwrapper2colstart #rightarea h1, #contentwrapper2col #rightarea h1{
	background-color: #555555;
	color: #ffc700;
	font-size: 110%;
	margin: 0;
	padding: 2px 2px 2px 4px; 
	height:1%;
}

#contentwrapper2colstart #centerarea h1{
	background-color: #555555;
	color: #ffc700;
	font-size: 110%;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 4px; 
	height:1%;
}

#contentwrapper2col #centerarea h2, #contentwrapper2colstart #centerarea h2, #contentwrapper2colstart #rightarea h2, #contentwrapper2col #rightarea h2{
	background-color: Transparent;
	color: #000;
	font-size: 100%;
	margin: 0;
	padding: 0;
}
#contentwrapper3col h1, #contentwrapper2colfull h1, #contentwrapper1colfull h1{
	font-weight: normal;
	font-size: 140%;
/*	font-size: 14px;*/
	font-weight:bold;
	margin-bottom:5px;
}
#contentwrapper3col h2, #contentwrapper2colfull h2, #contentwrapper1colfull h2{
	font-weight: normal;
	font-size: 120%;
/*	font-size: 12px;*/
	font-weight:bold;
	margin-bottom:0px;
}

#contentwrapper3col h3, #contentwrapper2colfull h3, #contentwrapper1colfull h3{
	font-weight: normal;
	font-size: 100%;
/*	font-size: 10px;*/
	font-weight:bold;
/*	font-style: italic;*/
	margin-bottom:0px;
	
}

#contentwrapper3col p
{
	 display:block;
	 margin-bottom:10px;
	 margin-top:0px; 
}

#rightarea #CongestionCharge { background-color: #555555; color: #fff; margin-bottom: 10px;padding: 2px 2px 2px 0px; text-align: left}
#rightarea #CongestionCharge h1 { display: inline; margin-right: 30px}


/*table.messagelist tr.row .col5, table.messagelist tr.alternate .col5 { background: url(../../images/map/arrows-up-down100.png) no-repeat 1px -80px; }*/
#messageTableDiv table.messagelist tr.row .col5, table.messagelist tr.row .col5, table.messagelist tr.alternate .col5 { background-image: url(../../images/map/arrows-up-down100.png); background-repeat: no-repeat; background-position: 0px -80px; white-space: nowrap;}
table.messagelist {width: 100%;}
table.messagelist tr.row:hover, table.messagelist tr.alternate:hover
{
	background-color:gray;
	color: #ffc700;
}

#ctl00_FullRegion_CenterAndRightAreaContent_CenterAreaContent_MessageListControl_MessageGridView {margin-top: 3px;}
table.messagelist tr.extramessage:hover
{
    background-color: #fff;
    color: #000;
}
 

#messageTableDiv table.messagelist .col2a ,table.messagelist .col2a {padding: 0 5 0px;width:319px;}/*width: 205px;*/   

#messageTableDiv table.messagelist tr .message, table.messagelist tr .message {display:inline;}
#messageTableDiv table.messagelist tr .message .MsgIcon, table.messagelist tr .message .MsgIcon{float:left;}
#messageTableDiv table.messagelist tr .message .MsgHeading, table.messagelist tr .message .MsgHeading {float:left;  height:auto; margin:3px 0 0 10px;text-align:left;}
.arrow { float:right; height:15px; margin: 2px 6px 0 10px; padding:0 4px 0 4px;width:0px; background-image: url(../../images/map/arrows-up-down100.png); background-repeat: no-repeat; background-position: 0px -84px;}/**/

.mooremessage{border: 1px solid #000;margin: 0 0 0 20px; width:423px; padding: 0px;}

a img {border:0}

.hidden {display: none}
	
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* Table */
table {margin-bottom: 10px;font-size:100%;}
tr {background-color: #fff;}
tr.alternate {background-color: #edeeef;}


#rightarea td {padding: 3px 0px 3px 3px;vertical-align: top;}
#rightarea .col1 {width: 19px;}
#rightarea .col2 {padding: 0 0px; width: auto;}/*width: 205px;*/
#rightarea .col3 {padding: 0 5px; width: 70px;}/**/
#rightarea .col4 {padding: 0 5px;width: 40px;}/**/
#rightarea .col5 {padding: 0;width: 15px;}/**/
#rightarea .colArrow {padding: 0;width: 18px; background-image: url(../../images/map/arrows-up-down100.png); background-repeat: no-repeat; background-position: 0px -80px;}/**/
#rightarea .mooremessage {width:330px;}/**/

#rightarea .mooremessagesticky {width:345px;padding: 5px; border: 3px solid Red;}
#rightarea table.messagelist tr.extramessagesticky {display:block;}

#centerarea td {padding: 3px 0px 3px 3px; }
#centerarea .col1 {width: 19px; white-space: nowrap;}
#centerarea .col2 {padding: 0 5px;width: 405px; white-space: normal;}
/*#centerarea .col2 {padding: 0 5px;width: 275px;}*/
#centerarea .col3 {padding: 0 5px;width: 75px; white-space: nowrap;}
#centerarea .col4 {padding: 0 5px;width: 50px; white-space: nowrap;}
#centerarea .col5 {padding: 2px 1px 1px 1px;width: 14px; white-space: nowrap;}


td{ background-image: none;}
th.orderby {background: url(cssimg/orderby_lightbg.gif) #fff left bottom repeat-x;/*border-top:3px solid #fff;border-bottom:6px solid #fff;*/}
th.activeorderby {background: url(cssimg/orderby_darkbg.gif) #fff left bottom repeat-x;/*border-top:3px solid #fff;border-bottom:6px solid #fff;*/}
th.orderby a {text-align:left;display:block;background: url(cssimg/orderby_arrowdown.gif) transparent 95% 50% no-repeat;color:#000;text-decoration:none;font-size:105%;border:1px solid #cfcfcf;padding:1px 5px;}
th.activeorderby a {text-align:left;display:block;background: url(cssimg/orderby_arrowdown.gif) transparent 95% 50% no-repeat;color:#000;text-decoration:none;font-size:105%;border:1px solid #cfcfcf;padding:1px 5px;}
th a.asc {background: url(cssimg/orderby_arrowup.gif) transparent 95% 50% no-repeat;} 

#AO{width:428px;}
/*#AO{width:305px;}*/
#Time{width:155px;}

input{
	margin: 0px 0 0px 0;
	vertical-align: middle;
}
button{
	font-size: 100%
}
label{
	font-weight: bold;}
label img{

	margin: 0px 5px 0px 6px;
	vertical-align: middle;
}
label.invalid
{
    color:Red;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* Camera images */
#cameras {}
#cameras ul, #cameras ul li {padding:0;margin:0;list-style: none}
#cameras .camerapreview {background: url(cssimg/bg_cameraimg.gif) transparent 0px 0px no-repeat;width:209px;height:210px;float:left;margin:0 4px 8px 4px; text-align: center;}
#cameras .camerapreview img {padding:19px 0 0 15px; }
#cameras .camerapreview a {text-decoration:none;}
#cameras .camerapreview h2 {font-weight:bold;color: #ffc700;font-size: 110%;padding: 3px 2px 4px 29px; margin:6px 6px 0 6px;background: url(../images/icons/camera.gif) #555 3px 2px no-repeat;}
#cameras .camerapreview span {display:block;font-weight:bold;color: #ffc700;font-size: 110%;padding: 3px 2px 4px 29px; margin:6px 6px 0 6px;background: url(../images/icons/camera.gif) #555 3px 2px no-repeat;}

.singleCamera {}
.singleCamera ul, #cameras ul li {padding:0;margin:0;list-style: none}
.singleCamera .camerapreview {background: url(cssimg/bg_cameraimg.gif) transparent 0px 0px no-repeat;width:209px;height:210px;float:left;margin:0 4px 8px 4px; text-align: center;}
.singleCamera .camerapreview img {padding:19px 0 0 15px; }
.singleCamera .camerapreview a {text-decoration:none;}
.singleCamera .camerapreview h2 {font-weight:bold;color: #ffc700;font-size: 110%;padding: 3px 2px 4px 29px; margin:6px 6px 0 6px;background: url(../images/icons/camera.gif) #555 3px 2px no-repeat;}
.singleCamera .camerapreview span {text-align: left; display:block;font-weight:bold;color: #ffc700;font-size: 110%;padding: 3px 2px 4px 29px; margin:6px 6px 0 6px;background: url(../images/icons/camera.gif) #555 3px 2px no-repeat;}

.cameralist .camerapreview {background: url(cssimg/bg_cameraimg.gif) transparent 0px 0px no-repeat;width:209px;height:210px;margin:0 4px 8px 4px;}

.cameralist ul, .cameralistul li  {
	padding: 0;
	list-style: none;
	display: block;
	margin:0;
}

.cameralist ul li {
display:inline;
float: left;
margin-left: 6px;

height:229px;
overflow: hidden;
width:210px;
}

/*#interactivecontent2{padding-top: 10px; margin-top: 5px;  width: 665px; background: url('/styles/cssimg/bf_interactivecontent_long.gif') transparent no-repeat left top;}*/
#interactivecontent2{padding-top: 10px; margin-top: 5px;  width: 900px; background: url('/styles/cssimg/bf_interactivecontent_long.gif') transparent no-repeat left top;}
#interactivecontent2 h2 , .emptyinfo{ margin: 5px 0px 5px 10px;}
#interactivecontent2 .selectImage { margin-left: 5px;}
#interactivecontent2 input {}

.whiteLabel { color: White;}

.cameralist .camerapreview img {margin: 18px 0 0 14px;border:1px solid #000;}
.cameralist .camerapreview a {text-decoration:none;}
.cameralist .camerapreview span {display:block;color: #ffc700;font-size: 110%;padding: 3px 2px 4px 29px; margin:2px 6px 0 6px;background: url(../images/icons/camera.gif) #555 3px 2px no-repeat;}

.fixedcam1 .camerapreview span {display:block;color: #ffc700;font-size: 110%;padding: 3px 2px 4px 29px; margin:2px 0px 0 0px;background: url(../images/icons/camera.gif) #555 3px 2px no-repeat;}
.fixedcam2 .camerapreview span {display:block;color: #ffc700;font-size: 110%;padding: 3px 2px 4px 29px; margin:2px 0px 0 0px;background: url(../images/icons/camera.gif) #555 3px 2px no-repeat;}
.fixedcam3 .camerapreview span {display:block;color: #ffc700;font-size: 110%;padding: 3px 2px 4px 29px; margin:2px 0px 0 0px;background: url(../images/icons/camera.gif) #555 3px 2px no-repeat;}


ul.treeview a {color:#414141;}
/* Planed event */
#eventtime { margin-bottom: 10px;}

/*Reklampuffar */
#rightarea .adContainer, .adContainer {padding: 10px; background-image: url(cssimg/adspotbg.jpg); background-repeat: repeat-x; background-color: Gray; width: 278px; }
#rightarea .adContainer p, .adContainer p{ font: normal 14px Arial;}
#rightarea .adContainer .left, .adContainer .left {float: left; margin-right: 10px;}
#rightarea .adContainer .right, .adContainer .right {float: right; margin-left: 10px;}
#rightarea .adContainer .top, .adContainer .top {float: none; margin-bottom: 10px;}

#rightarea .adContainer .adLink, .adContainer .adLink { float: right; clear: left; color: #479bbf; text-decoration: none; font-weight: bold; font-size: 10px; background: url(cssimg/linkarrow.gif) no-repeat right center; padding-right: 10px;}

/* Navigation
------------------------------------------------------------------------------*/
span.sprite-bg-top-menu-left,
span.sprite-bg-top-menu-right {
	display: none;
}

#navigation_level01{
	font-size: 120%;
	line-height: normal;
	margin: 0px 6px 0px;
	min-height: 18px;
	padding: 0px 0px 1px 10px;
}
#navigation_line{
	background: url("cssimg/bg_menu.gif") no-repeat scroll left top;
	height:2px;
	font-size:0%;
	margin: -1px 0px 0px;
	 padding: 0px 0px 0px 8px;
}

#navigation_line_end{
	background:  url("cssimg/bg_menu_end.gif") no-repeat scroll right top;
	height:2px;
	font-size:0%;
	margin: -2px 0px 0px;
	 padding: 0px 0px 0px 8px;
	 z-index: 1;
}

#navigation_level02{
	background: url("cssimg/bg_menu_level2.gif") #fff no-repeat;
	font-size: 100%;
	line-height: normal;
	margin: 0px 0px 0px 0px;
	min-height: 14px;
	height:1%;
	padding: 3px 0px 3px 0px;
}

#navigation_level01 ul {
	list-style: none;
	margin: 0;
	padding: 5px 0px 0px;
}
#navigation_level02 ul {
	list-style: none;
	margin: 0;
	padding: 0px 0px 0px;
}
#navigation_level02 li{
	border-right: 1px solid #000;
	float: left;
	margin: 0 2px 0 0px;
	padding: 0;
}

#navigation_level01 li {
	float: left;
	margin: 0 2px 0 0px;
	padding: 0px 0px 0px 3px;
}

#navigation_level01 a 
{
    /* Position i sprite fr�n .sprite-bg-top-menu-a */	
    background: url(../images/sprites/icons.png?v=2011-12-21test) no-repeat top left;display:inline-block;vertical-align:middle;
    background-position: -132px -1596px;
	color: #FBD214;
	font-family: Calibri, Arial, Helvetica, sans-serif ;
	padding: 5px 8px 3px 8px;
	text-decoration: none;
}

#navigation_level01 span {
	color: #fff;
	display: inline-block;
	font-family: Calibri, Arial, Helvetica, sans-serif ;
	height:22px;
	text-decoration: none;
}

#navigation_level02 a {
	background: none no-repeat left top;
	color: #414141;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	padding: 0px 14px 0px 14px;
	text-decoration: none;
}

#navigation_level01 .current a {
	color: #fff;
	font-weight: normal;
	padding-bottom:5px;
	
}
#navigation_level01 .current span {
	padding-bottom:2px;
}

#navigation_level02 .current a {
	text-decoration: underline;
}
#navigation_divider
{
    /* Position i sprite fr�n .sprite-bg_menu_divider */
	background: url(../images/sprites/icons.png?v=2011-12-21test) no-repeat top left;
	background-position: -1377px -52px;
	height: 7px;
	margin: 0px;
	/*font-size:0px;*/
	font-size:0%;
}

#leftarea ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#leftarea ul li{
	list-style: none;
	margin: 8px 0;
	padding: 0;
}
#leftarea ul li ul li{
	list-style: none;
	margin: 8px 0px 8px 10px;
	padding: 0;
}

#leftarea ul li a 
{
    background-color: Transparent;
	color: #000;
	text-decoration: none;
}
#leftarea ul li.selected ,#leftarea ul li.selected1 {
	text-decoration:none;
}
	
#leftarea ul li a:hover
{
	text-decoration:underline;
}
#leftarea ul li span {
	background-color: Transparent;
	color: #414141;
	text-decoration: underline;
}

#leftarea ul li a.selected1, #leftarea ul li a.selected2
{
    background-color: Transparent;
    color: #414141;
    text-decoration: none !important;
}

/* Widgets
------------------------------------------------------------------------------*/

#mapConteiner
{
    overflow: auto;       
}


#toolboxarea ul {
  list-style: none;
  margin: 0;
  padding: 0;
	text-align: left;
}
#toolboxarea ul li {
	border-right: 1px solid #000;
	display: inline;
   margin: 0;
   padding: 0 4px 0 8px;
}
#toolboxarea ul li a {
  	color: #000;
	font-weight: bold;
}
#interactivearea {
   border-bottom: 1px solid #fff;
   margin-bottom: 9px;
}

#interactivetabs {
	background: url('cssimg/bg_interactive_tabs_small.gif') no-repeat left top;/*#fff*/
	display: inline-block;	
	height:1%;
	padding: 0 0 0 2px;
	margin: 0 0 0 0px;
	width: auto;
	position: relative;
	top: 6px;
}

#interactivetabs ul {
	list-style: none;
	margin: 0 0 0 5px;
	padding: 0;
	display: inline;
}

#interactivetabs ul li {
	background: url("cssimg/bg_interactive_li.gif") transparent no-repeat right top;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#interactivetabs ul li.end {
	background: url("cssimg/bg_interactive_li_end.gif") transparent no-repeat right top;
	margin: 0 1px 0 0;
	padding: 0 4px 0 0;
}
#interactivetabs ul.end {
	background: url("cssimg/bg_interactive_li_mi.gif") transparent no-repeat left top;
	margin-right:auto;
}
#interactivetabs ul li a, #interactivetabs ul li span {
	background: url("cssimg/bg_interactive_a.gif") transparent no-repeat left top;
	color: #000;
	display: block;
	font-weight: bold;	
	padding: 10px 14px 5px 14px;
	text-decoration: none;
}
#interactivetabs ul li span {
	background: url("cssimg/bg_interactive_a_current.gif") transparent no-repeat left top;
}
#interactivetabs ul li a:hover {
	background: url("cssimg/bg_interactive_a_current.gif") transparent no-repeat left top;
}
#interactivetabs ul li.current a {
	background: url("cssimg/bg_interactive_a_current.gif") transparent no-repeat left top;
}

#interactivecontent {
	background: url("cssimg/bf_interactivecontent2.gif") transparent no-repeat left top;
	margin-top: 5px;
}

#interactivearea .interactivecontentsmall{
	background: url("cssimg/bf_interactivecontent2small.gif") transparent no-repeat left top;
	margin-left: 1px;
}

#interactivecontentBottom {margin: 0px 2px 0px 2px;  width:auto; height: 6px; background: url("cssimg/bg_interactivecontent_bottom.gif") transparent repeat-x left;}

#starttabvviswrap 
{	
    padding: 20px 0px 0px 50px;
    text-align: center;     
}

#starttabvvis
{	
	width:350px;
	text-align:left;
	padding:10px;
}

#starttabvvis .camera 
 {
    text-align:left;
    margin-bottom:10px;
}
#starttabvvis .camera .description
 {	
    text-align:left;
    margin-top:10px;   
}

#starttabvvis .vvisinfo 
{	
    text-align:left;   
}
#starttabvvis table td,#starttabvvis table tr
{
	background-color:transparent;
}

.starttabcameras {
    /*padding: 20px 0px 0px 20px;*/
    padding: 20px 0px 15px 20px;
    text-align: right; 
    width: 900px;
    height:325px;
}

* html .starttabcameras {
    /*padding: 20px 0px 0px 20px;*/
    padding: 20px 0px 15px 20px;
    text-align: right; 
    width: 900px;
    height:360px;
}

.fixedstarttabcameras {
    /*padding: 20px 0px 15px 20px;*/
    padding: 20px 0px 10px 20px;
    text-align: right; 
    width: 625px;/*614*/
    height:325px;
}

* html .fixedstarttabcameras { /*IE6*/
    /*padding: 20px 0px 10px 20px;*/
    padding: 20px 0px 0px 20px;
    text-align: right; 
    width: 614px;    
    margin-right: -25px; 
    height:360px;  
}
 
#starttabcameras .camerarow {
    display:block;
 }
 
#starttabcameras .camerarow .camera {
    float: left;
    margin: 0 18px 15px 0;
}

#starttabcameras .camerarow .camera1 {
    float: left;
    margin: 0 18px 15px 0;
    position:absolute;
    top:48px;
    left:27px;
}
#starttabcameras .camerarow .camera2 {
    float: left;
    margin: 0 18px 15px 0;
    position:absolute;
    top:48px;
    left:224px;
}
#starttabcameras .camerarow .camera3 {
    float: left;
    margin: 0 18px 15px 0;
    position:absolute;
    top:48px;
    left:421px;
}
#starttabcameras .camerarow .camera4 {
    float: left;
    margin: 0 18px 15px 0;
    position:absolute;
    top:215px;
    left:27px;
}
#starttabcameras .camerarow .camera5 {
    float: left;
    margin: 0 18px 15px 0;
    position:absolute;
    top:215px;
    left:224px;
}
#starttabcameras .camerarow .camera6 {
    float: left;
    margin: 0 18px 15px 0;
    position:absolute;
    top:215px;
    left:421px;
}
#starttabcameras .camerarow .camera7 {
    float: left;
    margin: 0 18px 15px 0;
    position:absolute;
    top:48px;
    left:618px;
}
#starttabcameras .camerarow .camera8 {
    float: left;
    margin: 0 18px 15px 0;
    position:absolute;
    top:215px;
    left:618px;
}

#starttabcameras .camerarow .camera1 select {
    font-size: 100%;
    width: 180px;
}
#starttabcameras .camerarow .camera2 select {
    font-size: 100%;
    width: 180px;
}
#starttabcameras .camerarow .camera3 select {
    font-size: 100%;
    width: 180px;
}
#starttabcameras .camerarow .camera4 select {
    font-size: 100%;
    width: 180px;
}
#starttabcameras .camerarow .camera5 select {
    font-size: 100%;
    width: 180px;
}
#starttabcameras .camerarow .camera6 select {
    font-size: 100%;
    width: 180px;
}
#starttabcameras .camerarow .camera7 select {
    font-size: 100%;
    width: 180px;
}
#starttabcameras .camerarow .camera8 select {
    font-size: 100%;
    width: 180px;
}

#starttabcameras input {
    font-size: 110%;
    margin-bottom: 10px;
}

/*Sl trafiken just nu*/
.SListHolder
{
    float: right;    
    /*min-height: 460px;*/
    
}
.SLPaddingDiv
{
    width: 1px;
    height: 540px;    
    float: right;
}
.SLList
{
    width: 253px;        
    /*min-height: 350px;*/
    margin: -1px 0px 0px 7px;
    padding-left: 11px;
    padding-top: 10px;
    background: url("cssimg/bg_splashlist.gif") no-repeat scroll left top white;
   
}
.SLListEnd
{
    background: url("cssimg/bg_splashlistend.gif") no-repeat left top;
    height: 6px;
    margin: 0;
    overflow: hidden;
    padding: 0;    
    width: 263px;
    margin-left: 7px;
}
.SLHeading
{
    width: 240px;
    height: 22px;
    background-color: #cccccc;
    font-weight: bold;
}
.SLHeadingText
{
    line-height: 22px;
    float:left;
    margin-left: 5px;
}
.SLHeadingTime
{
    line-height: 22px;
    float:right;
    margin-right: 5px;
}

.nheading
{
    font-size: 140%;
    font-weight: bold;
    margin-bottom: 5px;
}

#SLmenu{
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 238px;  
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
}

.SLIconDiv
{
    float: left;
    display: inline;
    margin-top: 6px;
    margin-left: 5px;
    border: 1px solid #666666;
}
.SLIconDiv img
{        
    border: 1px solid #999999;
}

.SLtrafficStatusIconDiv
{            
    float: right; 
    display: inline;
    margin-right:4px;
    margin-top: 6px;
    
}
.SLtrafficStatusIcon img
{            
    
}

.SLmenutextDiv
{
    margin-left: 5px;
    margin-top: 4px;
    float: left;
    display: inline;
}

/*SL search*/
.SLSearchBox div
{
    padding-top: 5px;
}

.SLSearchBox input[type=text]
{
    width: 200px;
    margin-bottom: 5px;
}

.SLNoRowsFound
{
    color: Red;
    font-weight: bold;
}

.busImageDiv
{    
    height: 20px;
    background-image: url(/images/icons/sl/b.gif);
    background-position: left;
    background-repeat: no-repeat;
    float: left;
    line-height: 20px;
    font-weight: bold;
    padding-left: 40px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.greenLineImageDiv
{
    background-image: url(/images/icons/sl/tGreen.gif);
}

.redLineImageDiv
{
    background-image: url(/images/icons/sl/tRed.gif);
}

.blueLineImageDiv
{
    background-image: url(/images/icons/sl/tBlue.gif);
}

.trainImageDiv
{
    background-image: url(/images/icons/sl/j.gif);
}

.tramImageDiv
{
    background-image: url(/images/icons/sl/l.gif);
}

.leftTD
{
    text-align: left;
    float: left;
    width: 40px;
    height: 20px;    
    line-height: 20px;        
}

.leftMetroTD
{
    text-align: left;
    float: left;
    width: 40px;       
    line-height: 16px;   
      
}

.rightTD
{
    text-align: right;
    float: right;
    height: 20px;    
    line-height: 20px;
}

.middleTD
{
    float: left;  
    line-height: 20px;   
    width: 280px;   
}

.SLRepeaterPadding
{
    clear: both;
    height: 10px;
    border-top: 1px solid #e3e3e3;
    width: 400px;
}

.SLPadding
{
    height: 10px;
}

.SLOddRow
{
    background-color: #e3e3e3;
    width: 400px;
    padding: 3px;
    clear: both;
    
    border-top: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
    vertical-align: middle;
}

.SLEvenRow a
{
    line-height: 20px;
    width: 400px;
}

.SLOddRow a
{
    line-height: 20px;
    width: 400px;
}

.SLEvenMetroRow
{
    width: 400px;
    padding: 3px;
    clear: both;
    height: 32px;
    display: block;
    vertical-align: middle;
}

.SLEvenRow
{
    width: 400px;
    padding: 3px;
    clear: both;
    height: 20px;
}

/*Textbox Watermark*/
.watermarked {
	
	height: 18px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}


.oDiv
{
    width: 235px;
    cursor: hand;
    line-height: 28px;
    
}


.menuAnchor {
  display: block;
  text-decoration: none;    
  font-weight: bold;  
}

#SLmenu li {
  border-top: 1px solid #999999;  
  margin: 0;
  padding: 0;
}

.menuAnchor {  
  background: #efefef;
  color: #333;	    
}
.menuAnchor:hover {
  background: #cccccc;
}

.eventTable
{   
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
}
.eventTable td
{
    vertical-align: top; 
    margin: 0;
    padding: 0;
    text-align: left;
}
.eventTable a
{
   text-decoration: none;
}
.eventTable a:hover
{
   text-decoration: underline;
}

.innerAccordionDiv
{
    border-top: 1px solid #999999;
}


/*camera map page*/
.cameramapcenter{
	background: url(cssimg/bg_centerarea_3col.gif) transparent no-repeat 0px 0px;
	float: left;
	overflow: hidden;
	position: relative;	
	z-index: 12;
	margin:0;	
	padding: 15px;
}

.cameramapbg {
	background: url("cssimg/bf_interactivecontentWide.gif") transparent no-repeat left top;
	margin-top: 20px;
	padding: 10px 5px 5px;
}

.cameraMapHolderDiv
{
    float: right;
    height: 459px;
    padding-right: 20px;
}

.cameramapbg .cameralist ul li
{
    padding-right: 20px;
    /*margin: 0 4px 6px 3px;*/
}

.splashlist {
    /*background: url("cssimg/bg_splashlist.gif") no-repeat left top;*/
    background: url(../images/sprites/icons.png?v=2011-12-21test) no-repeat top left;
    display:inline-block;
    background-position: -1377px -115px;
    float:left;
    /*margin: 5px 8px 0px 0px;*/
    margin: 5px 0px 0px 7px;
    min-height: 118px;
    /*width: 237px;*/
    width: 263px;
    }
.splashlist img {
    float:left;
    margin: 6px 6px 0px 6px;     
    height: 118px;
    width: 73px;
    }
.splashlistpadding {
    margin: 20px 16px 0px 83px;
    }
.splashlistpadding h1 {
    background-color: Transparent !important; 
    color: #000 !important;
    font-size:100% !important;
    margin: 0 0 0 0 !important;
    padding: 0 !important;
    }
.splashlist p 
{    
    color: #000;
    display:block;
    margin: 0 0 0 0 !important;   
    }
.splashlist a {
    color: #000;
    display:block;
    margin: 8px 0 0 0 !important;
    text-decoration: underline;
}
.splashlistend {
    background: url("cssimg/bg_splashlistend.gif") no-repeat left top;
    height: 6px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    /*width: 237px;*/
    width: 263px;
    }
.platepadding {
    padding: 14px 20px 14px 20px;
    }
.platepadding h1 {
    font-size: 100% !important;
    font-weight: bold !important;
    margin: 0 0 4px 0 !important;
    }
.platestart {
    background: url("cssimg/bg_platestart.gif") no-repeat left top;
    width: 338px;
    }
.plateend {
    background: url("cssimg/bg_plateend.gif") no-repeat left top;
    height: 6px;
    width: 338px;
    }
.plateend h1{font-size:100%}

/*Wideplate*/
.wideplatestart {
    background: url("cssimg/bg_platestart.gif") no-repeat left top;
    width: 338px;
    }


/*Informationlist*/
.informationlist 
{
    background: url("cssimg/bg_informationlist.gif") no-repeat left top;
    width: 367px;
    padding-top: 3px;
}
.informationlist h1
{
    background: url("cssimg/bg_h1_informationlist.gif") transparent no-repeat left center !important;
    color: #000 !important;
    height: 19px !important;
    line-height: 19px;
    margin: 5px 6px 0 6px !important;
    padding: 1px 0 0 25px !important;
    width: auto !important;    
}
.informationlist div.informationlistpadding 
{
    color: #000;
    margin: 0;
    padding: 10px 20px;
}
.informationlist a
{
    color: #000 !important;
    display: block;
    margin: 0 0 0 0 !important;
    padding: 0px; /*10px*/
    text-align: right;
    width: auto !important;
}
.informationlistend 
{
    background: url("cssimg/bg_informationlistend.gif") no-repeat left top;
    height: 6px;
    width: 367px;
}
/*Informationlist*/
.TrainInformationList
{
    background: url("cssimg/bg_informationlist.gif") no-repeat left top;
    width: 367px;
    padding-top: 3px;
}
.TrainInformationList h1
{
    background: url("cssimg/bg_h1_TrainInformationlist.gif") transparent no-repeat left center !important;
    color: #000 !important;
    height: 19px !important;
    line-height: 19px;
    margin: 5px 6px 0 6px !important;
    padding: 1px 0 0 25px !important;
    width: auto !important;    
}
.TrainInformationList div.informationlistpadding 
{
    color: #000;
    margin: 0;
    padding: 10px 20px;
}
.TrainInformationList a
{
    color: #000 !important;
    display: block;
    margin: 0 0 0 0 !important;
    padding: 0px; /*10px*/
    text-align: right;
    width: auto !important;
}



    
.operationinformation {
    background: url("cssimg/bg_informationlist_red.gif") no-repeat left top;
    width: 367px;
    padding-top:  1px;
}

.operationinformation h1 
{
    background: url("cssimg/bg_h1_informationlist_red.gif") transparent no-repeat left center !important;
    color: #ff3225 !important;
    /*color: #000 !important;*/
    height: 1.6em !important;
    margin: 5px 6px 0 6px !important;
    padding: 5px 0 0 25px !important;
    width: auto !important;
}

.operationdiv p {padding: 0px; margin: 0px;}
    
    .operationinformation div.operationinformationpadding {
    color: #000;
    margin: 0;
    padding: 10px 20px;
    }
    
    .operationinformation a {
    color: #000 !important;
    display: block;
    margin: 0 0 0 0 !important;
    padding: 0px; /*10px*/
    text-align: right;
    width: auto !important;
    }

    .operationinformationend {
    background: url("cssimg/bg_informationlistend_red.gif") no-repeat left top;
    height: 6px;
    width: 367px;
    }
#cameraarealist ul {
    list-style: none;
    margin:0;
    padding:0;
    }
#cameraarealist ul li {
    float: left;
    margin: 0 10px 10px 0;
    list-style: none;
    padding:0;
    width: 180px;

    }
#cameraarealist ul li label {}
#cameraarealist ul li img { 
   display: block;
    border: 0;
    padding: 0;
    }
#cameraarealist ul li a {
    color: #000;
    display: block;
    margin: 0 0 4px 0;
    text-decoration: none !important;
    }
#cameraarealist ul li a {
    text-decoration: underline;
    }
.last {
	border:0 !important;
}
#logocontainer {
	margin: 10px 0px 0px 15px;
}
.imgplate {
	margin: 0 0 12px 0;
	padding: 0px;
}

.platerco {
	background-color: #edeeef;
	margin: 0px 0px 5px 0px;
	padding: 10px;
	width: 585px;
	min-height:107px;	
}

* html .platerco { /*IE6*/
	background-color: #edeeef;
	margin: 0px 0px 5px 0px;
	padding: 10px;
	width: 607px;	
	_height:112px; /*IE6*/	
}

.plate {
	background-color: #edeeef;
	margin: 0px 0px 5px 0px;
	padding: 10px;
}
.plate a {
 color:#000;
 text-decoration: underline;
}
.plate img.map {
	border: 1px solid #858586;
	float: left;
}

.plate .chkTransportation
{	margin-bottom:4px;
	
}

.plate .skaneFilter {float: left; width: 155px;}
.plate .skaneFilter h3 {font-size: 100%; margin-bottom: 3px;}

.mapimagefilter
{
	float:left;
	
}
.mapfilter 
{
	float:right;
    overflow: hidden;
	text-align: left;
	width:120px;	
}
.alignright {
	text-align: right;
}
.clear {clear: both;}


#iframecontainer {
	position:relative;
	display:block;
	top: 0px;
	left: 0px;
	bottom:5px;
	padding:0;
	margin:0;
}

.iframeclass {
	min-width:100%;	
	display:block;
	padding:0;
	margin:0;
	border:none;
}
* HTML .iframeclass{width: 96%}
 

#rightarea table.messagelist tr {display:block;}
#rightarea table.messagelist tr.extramessage {display:none;}

#centerarea table.messagelist tr {display:block;position:relative; white-space:nowrap;}
#centerarea table.messagelist tr.extramessage {display:none; white-space:normal;}

#centerarea table.messagelist
{width:583px;}
/*{width:449px;}*/

/* START - Map Service Tab*/
.mapImage{ margin: 5px 0px 0px 5px;}

#mapservicetab {}
#mapservicetab a {color:#000; text-decoration: underline}
#mapimage {
    float: left;
    padding: 20px 0px 0px 20px;
    width: 310px;
    }
#mapselects {
    float: left;
    padding: 20px 0px 0px 0px;
    width: 155px;
    }
#mapselects table {width: 155px;}
#mapselects caption {
    color: #000 !important;
    background: url("cssimg/bg_header.gif") transparent repeat left top !important;
    font-weight: bold;
    padding: 3px 0px 2px 15px !important;
    text-align:left;
}
#mapselects table th {padding: 4px 0px 4px 15px !important;}
#mapselects table th.bg {background: url("cssimg/bg_mapselects_th.gif") #edeeef no-repeat right center !important;}
#mapselects table th.withlabel {background: none #fff !important;width: 120px;}
#mapselects table th.withlabelbold {background: none #edeeef !important;font-weight: bold !important; width: 100px;}
#mapselects table td.withinput {background-color: #fff !important;padding: 0 !important;width: 20px;}
#mapselects table td.withinputbold {background-color: #edeeef !important;padding: 0 !important; width: 20px;}
#mapselects table td.withinput input, #mapselects table td.withinputbold input {margin:0 0 0 3px;}
	
#mapselects table td.withbutton {padding: 0 2px 0 0;text-align: right;}
#mapselects table td.withbutton input {font-size: 100%;}
#mapselects table th.withlabel label {font-weight: normal}
#mapselects table th.withlabelbold label {font-weight: bold}

#mapselects div input
{
   float: right;
   vertical-align:bottom;
   margin:0;
   padding:0;
}
#maplinkarea{margin-top: 5px;padding: 0px 0px 10px 20px}
/* END - Map Service Tab*/

/* Start - Week plan */
#weekplan tr.alternate{background-color: #edeeef;}
#weekplan th, #weekplan td{ padding: 4px 0 4px 4px; vertical-align: top}
#weekplan .col1{width:200px}
#weekplan ul {margin:0;list-style: none;padding:0}
#weekplan li {margin:0;list-style: none;padding:0}
#weekplan a {color: #000; display:block; margin: 0 0 4px 0}
/* END -  Week plan */


#degradeinformation 
{
    text-align:center;
  	color: #ff0000;
	font-weight: bold;
	font-size: 16px;
}

#wrappersigns{background-color:#ffffff;border: 1px solid #edeeef;margin:20px; padding: 2px; text-align:left;width:380px}
#wrappersigns table{ margin-bottom:20px}

#wrappersigns caption, #wrappersigns th, #wrappersigns td{ text-align: left; vertical-align:top; color: #000; padding: 2px}
#wrappersigns caption
{
    background-color: #555555;
	color: #ffc700;
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	padding: 2px 2px 2px 4px;}
#wrappersigns .col1 {width: 21px}
#wrappersigns .col2 {width: 300px}

.travelplanner_small input
{
    margin-right: 5px;
}

.travelplanner_small
{
    /* Position i sprite fr�n .sprite-sok_resa_no_text_full */
    position: relative;
	z-index: 0;
	background: url(../images/sprites/icons.png) no-repeat top left;
	display:inline-block;
	background-position: -1377px -886px;
	width:1175px;
	height:32px;
	border:0;
	margin: -7px -13px;
}


.TravelPlannerTextBox
{
    width: 200px;
}

.travelplanner_small .info
{
	margin-left:40px;
	position:absolute;
	margin-top:5px;	
	FONT-WEIGHT: bold;
	left: 0px;
}

.travelplanner_small .daydatemonth
{
	float:right;
	margin-top:10px;
	margin-right:20px;
	FONT-WEIGHT: bold;
	display:inline;	
	
	position: absolute;
	right: 0px;
	margin-top: 40px;
}
.travelplanner_small .advanced
{	
	margin-left:640px;
	float:none;
	FONT-WEIGHT: bold;
	line-height: 30px;	
}



.travelplanner_small a {
    color: #000;
   
    text-decoration: underline;
}

.infoSLSmall
{
    z-index: 50000;
    float: right;
    line-height: 28px; 
    font-weight: bold;
}


.feed {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url("../images/feed-icon_orange-12px.png") no-repeat 0 50%;
} 

#bytregion 
{
margin: 0 0 0 1065px;
 width:85px;

	}
	
	
	#bytregion a
{
margin:0;
padding:0;
font-weight:bold;
color: #ffd700;
text-align:right;
 background:none;
 width:85px;
 text-decoration:underline;

	}
	.helpBtnDiv
	{
		top: 50px;
		width:20px;	
		position:absolute;
		z-index:107;		
		
		right:50px;
		}
		
		
/*Stylning av fr�gor & svar*/

#centerarea table.qa_lista tr {display:block;position:relative;}
#centerarea table.qa_lista tr.qa_lista_svar {display:none;}

#centerarea table.qa_lista
{width:409px;}

/*table.qa_lista tr.row .col5, table.qa_lista tr.alternate .col { background-image: url(../../images/map/arrows-up-down100.png); background-repeat: no-repeat; background-position: 0px -80px;}*/
table.qa_lista {width: 100%;}
table.qa_lista tr.row:hover, table.qa_lista tr.alternate:hover
{
	background-color:gray;
	color: #ffc700;
}

table.qa_lista tr.qa_lista_svar:hover
{
    background-color: #fff;
    color: #000;
}
  
.qa_lista_linje{width:409px; height:1px; color: #000; background-color: #000; border:none;}  
    
.qa_lista_svara{border: 1px solid #000;margin: 0 0 0 2px; width:400px; padding: 0px; background-color:#efefef;}
.qa_lista_svar1{ padding:4px /*4*/ }
.qa_lista_svar2{ background-color: #ffe999; padding:4px /*4*/ }


#centerarea qa_lista .col {padding: 0 5px;width: 205px;}


/*Popp-karta*/

        .symbolListWrapper { text-align:left; background-color: white; border: 1px solid black; padding: 5px; margin: 10px;}
        .symbolListWrapper h3 {font-size: 120%; margin-bottom: 0px;margin-top:5px;}
        .symbolListWrapper ul {list-style: none; margin: 5px; padding: 0px;}
        .symbolListWrapper ul span {margin-left: 10px;}

/*Operation information*/

.operationstyle
{
    border-style:solid;
    border-color:red;
	margin: 0px 0px 5px 0px;
	padding: 10px;
	white-space: normal;
}

.operationstyleh1 
{
	font-size: 110%;
    font-weight: bold;
}

.operationstylediv
{
	margin: 0px 0px 5px 0px;
}

.interactivesmall
{
    width:611px; /*605*/
}

.roadconditionh1
{
    width: 599px;
}

* html .roadconditionh1 /*IE6*/
{
    width: 607px;    
}


/*widget*/
#widget_controls { float:left; width: 570px;}
.widget_TextBox { width: 30px;}

.widget_codeText { width: 450px;}
#widget_cameraConteiner { width: 555px;}
#widget_cameraConteiner select { display:none;}
#widget_cameraConteiner .cameraSlide { margin: 5px 0px 5px 0px;}
#widget_cameraConteiner ul { margin: 0px; padding: 0px;}
#widget_cameraConteiner li { display: inline; list-style: none; margin: 0px; padding: 0px;}
#widget_cameraConteiner li div { float: left; width: 180px; margin: 0px 5px 0px 0px;}
#widget_cameraConteiner li img { margin-bottom: 5px;}

#widget_preview { float: left; width: 500px; margin-left: 10px; }
#previewDialog { overflow:hidden;}

#widget_map { float: left; width: 500px; margin-left: 10px; }

.widget_controlBox {border:1px solid #AAAAAA; padding: 2px; margin-bottom: 10px;}
.widget_controlBox div {margin: 0px 0px 10px 8px;}
div.widget_headBox { margin: 0px 0px 10px 0px; background:#CCCCCC url(/styles/jquery/images/ui-bg_highlight-soft_75_cccccc_1x100.png) repeat-x scroll 50% 50%; border:1px solid #AAAAAA; color:#222222; font-weight:bold;}
.widget_headBox h2 { margin:0px; padding: 3px;}

/*Entranceparking*/
#mapInfoBoxEntranceParking
{
     border: 1px solid black; position: absolute; margin-bottom: 10px; z-index: 50000; background-color: #ffffff;width: 250px;
}

#mapInfoBoxEntranceParking .bold
{
    font-weight: bold;
}

#mapInfoBoxEntranceParking table td
{
     vertical-align: top;
}

/*Roadsign*/
#uiRoadsignInfoBox
{
     position: absolute; margin-top: 30px; margin-left: 5px; z-index: 50000;
}

.smallRoadsignBox
{    
    width: 436px;
    height: 103px;        
   
}

.bigRoadsignBox
{   
    width: 327px;
    height: 198px;    
      
}

.roadSignIconLeft
{
    position: absolute;    
    z-index: 888888;
    width: 67px;
    height: 58px;
    margin-left: 20px;
    margin-top: 10px;
}

.roadSignIconTop
{
    position: absolute;    
    z-index: 888888;
    width: 67px;
    height: 58px;
    margin-left: 130px;
    margin-top: 10px;
}

.closebutton
{
    position: absolute;
    top: 5px;
    right: -13px;
    background-image: url(/images/map/close.png);
    z-index: 999999;
    width: 30px;
    height: 30px;
}

.signBg
{
    position: absolute;
    z-index: 777777;
}

.roadSignName
{
    padding: 2px; border: 2px solid #999999; border-bottom: none; float:left;color: #ffee00; margin-left:15px;background-color: #000000;
}

.underlined
{
    text-decoration: underline;
}


/*Roadsign previes*/

.starttabRoadsign 
{    
    padding: 20px 0px 60px 10px;   
    width: 900px;    
}

.starttabRoadsign select
{          
    width: 254px;    
}

.roadsignPreview
{    
    float: left;
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.roadSignTopPreview
{
    position: absolute;
    top: 54px;
    width: 50px;
    left: 105px;
}

.roadSignLeftPreview
{
    position: absolute;
    top: 96px;
    width: 38px;
    left: 22px;
}

/*Mobility management*/
.newsDiv
{
   position: relative; 
   width: 253px;
   float: left; 
   background-image: url('/styles/cssimg/bg_splashlist.gif');
   background-repeat: no-repeat;
   background-position: top;
}

.skurustart
{
    width:290px; 
    margin-top: 15px; 
    background-image: url('/styles/cssimg/bg_informationlist292.gif');
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 1px;
    margin-right: 20px;
}

.skuruend
{
    background: url("/styles/cssimg/bg_informationlistEnd292.gif") no-repeat left top;
    height: 6px;
    margin: 0;
    margin-top: -2px;
    padding: 0;
    overflow: hidden;   
    width: 290px;
    float: left;    
}

.wideskurustart
{
    width: 655px; 
    margin-top: 15px; 
    background-image: url('/styles/cssimg/bg_informationlist657.gif');
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 1px;
    margin-right: 20px;
}

.wideskuruend
{
    background: url("/styles/cssimg/bg_informationlistEnd657.gif") no-repeat left top;
    height: 6px;
    margin: 0;
    margin-top: -2px;
    margin-left: -1px;
    padding: 0;
    overflow: hidden;   
    width: 657px;
    float: left;    
}

.skuruH1
{
    background: url("/styles/cssimg/bg_h1_informationlist.gif") transparent no-repeat left center !important;
    color: #000 !important;
    height: 19px !important;
    line-height: 19px;
    margin: 5px 6px 0 6px !important;
    padding: 1px 0 0 25px !important;
    width: auto !important;    
}

.wideskuruH1
{
    background: url("/styles/cssimg/bg_h1_informationlist800.gif") transparent no-repeat left center !important;
    color: #000 !important;
    height: 19px !important;
    line-height: 19px;
    margin: 5px 6px 0 6px !important;
    padding: 1px 0 0 25px !important;
    width: auto !important;    
}

.skurupadding
{
    margin: 0px;
    padding: 10px 20px;
}

.skurupadding h1 
{
    background-color: Transparent !important; 
    color: #000 !important;
    font-size:100% !important;
    margin: 0 0 0 0 !important;
    padding: 0 !important;
}

.newsListLine
{
    height: 1px;background-color: #e3e3e3;clear: left;
}


.skuruCamera .camerapreview img
{
    padding: 15px 0 0;
}

/*Mina kameraval*/
.camerarow select
{
    font-size: 10px;
    height: 20px;    
}

.camerarow option
{
    background-color:#fff;
    
}
.camerarow optgroup
{
    background-color:#e3e3e3;
    padding-left: 5px;
    padding-bottom: 3px;    
}

/*Denna anv�nds i HightPriorityMessageList, d�r s�tts bredden via koden*/
#messageTableDiv .mooremessageVariableWidth, .mooremessageVariableWidth{border: 1px solid #000;margin: 0 0 0 20px; text-align:left; padding: 0px;}
#messageTableDiv .mooremessage1, .mooremessage1{ padding:0px /*4*/ }
#messageTableDiv .mooremessage2, .mooremessage2{ background-color: #ffe999; padding:4px 0 4px 0 /*4*/ }
#messageTableDiv .mooremessage3, .mooremessage3{ background-color: #ffffff; padding:1px 0 4px 0 /*4*/ }

ul.messageList { padding:0;margin:0;margin-bottom:10px; }    
ul.messageList li { list-style-type:none;padding:4px 2px 4px 2px;margin-bottom:1px; }
ul.messageList li.alternate { background-color:#edeeef; }
ul.messageList li.normal:hover, ul.messageList li.alternate:hover { cursor:pointer;background-color:#888;color:#ffc700; }
ul.messageList li.footer { display:none;text-align:center;padding-top:1px;padding-bottom:0px; }    
ul.messageList li.footer a { margin-right: 10px; } 
ul.messageList li span.icon { display:inline-block;float:left;width:28px;height:16px;margin-left:4px; }
ul.messageList li div.text { margin-top:1px; }
ul.messageList li.info { display:none;line-height:16px; }
ul.messageList li.info div { margin:0px 0 1px 28px;padding:4px;border:1px solid #888;background-color:#efeeef; }
ul.messageList li.info p.comment { background-color:#ffe999;margin:0px;padding:1px 0 1px 0; }
ul.messageList li.noinfo { background-color:#edeeef;padding:10px;cursor:default !important; }

ul.calendarMessageList { padding:0;margin:0;display: inline-block;width: 100%; }
ul.calendarMessageList li {padding: 4px;margin:0;list-style-type:none;background-color:#f0f0f0;border-bottom:1px solid #bbb; }
ul.calendarMessageList li.weekday0, ul.calendarMessageList li.weekday6 { background-color:#eaeaea; }
ul.calendarMessageList li.heading { background-color:#eaeaea;font-size: 1.5em;font-weight: bold;text-align: right; }
ul.calendarMessageList li span.day { display: inline-block;text-align: right;width: 12px;float: left;font-weight: bold;margin-top: 2px; }
ul.calendarMessageList li span.name { display: inline-block;width: 60px;padding-left: 6px;float: left;font-weight: bold;margin-top: 2px; }

ul.calendarMessageList li div.messages { display: inline-block;width: 370px;min-height: 16px; }
ul.calendarMessageList li div.messages ul.messages li { display: none;margin-top: 2px; }
ul.calendarMessageList li div.messages ul.messages li.messageheading { display: inline-block;border:1px solid #e2e805;padding: 2px 4px 2px 4px;background-color:#eaebb5; }
ul.calendarMessageList li div.messages ul.messages li.messageheading span.arrow {width: 10px !important; height: 10px !important;margin: 0 0 0 20px !important;padding: 0px !important; }
ul.calendarMessageList li div.messages ul.messages li.messageheading.hover { cursor: pointer;color:#000;border:1px solid #e2e805;background-color:#eaebb5; }

ul.calendarMessageList li span.week { float:right;display: inline-block;font-weight: bold;margin-top: -14px;clear: both; }
ul.calendarMessageList li div.messages ul { padding:0;margin:0; }
ul.calendarMessageList li div.messages ul li { background:none;list-style-type:none;padding:4px 2px;margin-bottom:1px;border: none; }
ul.calendarMessageList li div.messages ul li.messagetitle {padding: 1px;background-color:#e2e2e2;color:#000;}
ul.calendarMessageList li div.messages ul li.messagetitle.hover { cursor:pointer;background-color:#888;color:#ffc700; }

ul.calendarMessageList li div.messages ul li table { padding: 0px;margin: 2px;border-collapse: collapse; }
ul.calendarMessageList li div.messages ul li tr { background: none !important; }
ul.calendarMessageList li div.messages ul li td { padding: 0px !important;margin: 0px !important;background: none !important; }
ul.calendarMessageList li div.messages ul li td.title { width: 344px !important;height: 16px !important;text-align: left;vertical-align: top;padding-left: 4px !important;padding-top: 5px !important; } 
ul.calendarMessageList li div.messages ul li span.icon { vertical-align: top;text-align: center; }
ul.calendarMessageList li div.messages ul li span.arrow { vertical-align: top;text-align: center; }

ul.calendarMessageList li div.messages ul li.info {display:none;line-height:16px; }
ul.calendarMessageList li div.messages ul li.info div { background-color: #fff;margin:0px 0 1px 28px;padding:4px;border:1px solid #888; }
ul.calendarMessageList li div.messages ul li.info p.comment { background-color:#ffe999;margin:0px;padding:1px 0 1px 0; }
ul.calendarMessageList li div.messages ul li.noinfo { background-color:#edeeef;padding:10px;cursor:default !important; }

/*
table.calendarMessageList { border-collapse: collapse;border: none;width: 100%; }
table.calendarMessageList td { background-color:#e8e8e8; border:0;margin: 0;padding:4px !important;border-bottom: 1px solid #fff; }
table.calendarMessageList tr.message td.columnhover { border-left: 2px solid #a4a2bd;border-right: 2px solid #a4a2bd;}
table.calendarMessageList td.heading {text-align: left;font-weight: bold;font-size: 1.4em;background-color: #fff;padding: 0px;margin: 0px;line-height: 0px; }
table.calendarMessageList td.heading span.weeknumber { float: right; }
table.calendarMessageList td.column {text-align: center; width: 70px;font-weight: bold;background-color: #ccc; }
table.calendarMessageList td.weekend { }
table.calendarMessageList tr.message.hover { cursor: pointer;background-color:#888;color:#ffc700; }
table.calendarMessageList td.hover { background-color:#888;color:#ffc700; }
table.calendarMessageList td.active { background-image: url(../../images/calendarbar.png); background-repeat: no-repeat; }
table.calendarMessageList td.message span.icon { float: left;}
table.calendarMessageList td.message span.title {display: inline-block; margin-top: 2px;margin-left: 4px;}
table.calendarMessageList td.topleft {border-top: none;border-left: none;background-color:#fff;margin: 0px;padding: 0px; }
table.calendarMessageList tr.info { display: none;background-color:#fff;line-height:16px; }
table.calendarMessageList tr.info td { background: none; }
table.calendarMessageList #datevalue { font-size: 1.2em;width: 70px; }
table.calendarMessageList div.calendarnav { float: right;margin-top: 4px;margin-right: 8px; }
table.calendarMessageList div.calendarnav a { margin-left: 8px; }
table.calendarMessageList tr.info div.info {width: 500px; margin:0px 0 1px 20px;padding:4px;border:1px solid #888;background-color:#efeeef; }
table.calendarMessageList tr.info p.comment { background-color:#ffe999;margin:0px;padding:1px 0 1px 0; }
*/