body{
	background: url(cssimg/bg_main.gif) #CB9900 repeat-x scroll top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
/*	font-size: 10px;*/
	position: relative;
	/*text-align: center;*/
	margin: 0;
	padding: 0;
}
#light{
	background: url(none) #fff 0px 0px repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	/*text-align: center;*/
	margin: 0;
	padding: 0;
	
}
.floatleft {float:left;margin: 0 8px 0 0;}
.floatright {float:right;}
.clear {clear:both;}

#wrapper {margin: 0 auto 0 auto;text-align: left;padding:0;	position:relative;}

#light #contentwrapper, #light #centerarea {background-image :none;
	/*text-align:center;*/
}


/* HEADER AREA*/
#headerarea {
	background: url(none) #000 0px 0px repeat-x;
	float:left;
	height: auto;
	margin: 0;
	border:0px;
	width:100%;
	/*width: 500px;	*/
}
#logocontainer {padding:6px 0 0 5px;float:left;margin:0;}
#toptext {padding:5px 0 5px 5px;color:#ffd500;font-size:225%;font-weight:bold;font-family: Calibri, Arial, Verdana, Helvetica, sans-serif;}
.toppuff {float:right;width:225px;border:3px solid #fff;background: url(cssimg/bg_informationlist.gif) #fff 0px -6px repeat-x;margin:6px 3px 11px 0;}


/* FOOTER AREA */
#footer {width:100% -40px;background-color:#000;padding:10px 20px 10px 20px;color:#ffc600; }
/*#footer a{color:#ffc600;float:right;}*/
#footer a{color:#ffc600;float:right;}


/*CONTENT*/


a img  {border:0px solid #fff;}



#light h1, #light h2  {background-color: #555;color: #ffc600;font-size: 110%;margin: 0;padding: 2px 2px 2px 4px;}

/*TIMETABLE*/
#light #timetable{/*float:left;*/}
#light #timetable table td a  {color:#000;}
#light a.readmorelink  {float:right;clear:both;color:#000;margin-bottom:5px;}



/*MAP*/

#mapConteiner {position:relative; margin: 10px 0px; padding: 0 0 10px 0; float:none; width: 100%; clear:both;}
.mapHolder {position:relative; float: none; width: 100%;  margin-bottom:10px; }
#embeddedRWC { position:relative; float:left; margin: 0px; width: 100%;}
.rwcMapContainer 
{
	PADDING-RIGHT: 0px;	
	PADDING-LEFT: 0px;	
	PADDING-BOTTOM: 0px;	
	MARGIN: 0px;	
	OVERFLOW: hidden;	
	WIDTH: 100%;	
	COLOR: black;	
	PADDING-TOP: 0px;	
	POSITION: relative;	HEIGHT: 100%;	
	BACKGROUND-COLOR: #acd8ec}
	
.rwcLayerContainer 
{
	WIDTH: 100%;	
	POSITION: absolute;	
	HEIGHT: 100%;	
	BACKGROUND-COLOR: transparent}
/* TABLE - MESSAGES*/

#light table{/*width:100%;*/}


.alternate {background-color: #edeeef;}
table {margin-bottom: 10px;font-size:100%;}
td {padding: 3px 0px 3px 3px;vertical-align: top;}
.col1 {width: 19px;}
.col2a {padding: 5 5 0px;width:100%;text-align:left;  }/*width: 205px;*/  
 .colArrow {float:right;padding: 0;width: 17px; background-image: url(../../images/map/arrows-up-down100.png); background-repeat: no-repeat; }/**/
/*.col2 {padding: 0 5px;width: 100%;}
.col3 {padding: 0 5px;width: 90px;}
.col4 {padding: 0 5px;width: 50px;}
.col5 {padding: 2px 1px 1px 1px;width: 14px;}*/

th.orderby {background: url(cssimg/orderby_lightbg.gif) #fff left bottom repeat-x;border-top:6px solid #fff;border-bottom:6px solid #fff;}
th.activeorderby {background: url(cssimg/orderby_darkbg.gif) #fff left bottom repeat-x;border-top:6px solid #fff;border-bottom:6px solid #fff;}
a.orderby {width:auto;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;}

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

table.messagelist tr.extramessage:hover
{
    background-color: #fff;
    color: #000;
}
 
.mooremessageVariableWidth{border: 1px solid #000;margin: 0 0 0 20px; text-align:left; padding: 0px;}
.mooremessage1{ padding:0px /*4*/;width:100%;}
.mooremessage2{ background-color: #ffe999; padding:4px /*4*/ }
.mooremessage3{ background-color: #ffffff; padding:4px /*4*/ }
table.messagelist tr.row:hover, table.messagelist tr.alternate:hover
{
	background-color:gray;
	color: #ffc700;
	
	}
	
table.messagelist tr .message {display:inline;}
table.messagelist tr .message .MsgIcon{float:left;}
table.messagelist tr .message .MsgHeading {float:left;  height:auto; margin:3px 0 0 10px;text-align:left;  }
 .arrow { float:right; height:15px; margin-top:1px; padding-bottom:2px; width: 15px; background-image: url(../../images/map/arrows-up-down100.png); background-repeat: no-repeat; background-position: 0px -80px;}/**/

	/*CAMERAS*/
	#cameras {text-align:center;
		margin:0 auto; }
	#cameras {text-align:-moz-center;}
#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 {margin-top:19px; }
#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;}


.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:0 4px 8px 4px;
position:relative;
height:1%;
width:210px;
}


.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:6px 6px 0 6px;background: url(../images/icons/camera.gif) #555 3px 2px no-repeat;}

/*Reseplanerare*/

#travelplanner_small_light
{
	width:200px;
	margin:10px auto;
	text-align:left;
	background-color:#c0c0c0;
	padding:0 0 5px 0;
	}
#travelplanner_small_light .info
{ margin:10px;
	}
	#travelplanner_small_light .field
	{
		margin:10px 0;
		
		}

/*Sl trafiken just nu*/
.SListHolder
{
    /*float: right;    */
    /*min-height: 460px;*/
    
}
.SLPaddingDiv
{
    /*width: 1px;
    height: 540px;    
    float: right;*/
}
.SLList
{
    width: 253px;        
    /*min-height: 350px;*/
    margin: auto;
    padding-left: 11px;
    padding-top: 10px;
    background: url("cssimg/bg_splashlist.gif") no-repeat scroll left top white;
   margin-bottom: 10px;
}
.SLListEnd
{
    background: url("cssimg/bg_splashlistend.gif") no-repeat left top;
    height: 6px;
    margin: auto;
    overflow: hidden;
    padding: 0;    
    width: 263px;
    
}
.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;
}	

.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;
   color: #000000;
}
.eventTable a:hover
{
   text-decoration: underline;
}

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




/* Sprites for icons in "/images/icons/" folder
/* Generated from: http://spritegen.website-performance.org/
------------------------------------------------------------------------------*/
.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; }



/*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: 5px;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 span.icon { display:inline-block;float:left;width:24px;height:16px;margin-left: 0; }
ul.calendarMessageList li div.messages ul li span.title { display:inline-block;width: 84%; } 
ul.calendarMessageList li div.messages ul li span.arrow {display:inline-block;float:right;width: 10px !important; height: 10px !important;margin: 0 0 0 20px !important;padding: 0px !important; }

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; }