/* Comments
 #footer , #ul_ofta, #header and #spot_form all have the classes "#ID"_yellow or "#ID"_green to determin the bg-image.
*/


/* Global
---------------------------------------------------*/
html, body {	height: 100%; }
body { background: url(../Images/top_bg.jpg) no-repeat top center; text-align: center; }


#container {
	height: auto !important;
	height: 100%;
	margin: 0 auto -138px; /* the bottom margin is the negative value of the footer's height */
	min-height: 100%;
	padding: 0 7px 0 7px;
	position:relative;
	text-align: left;
	width:854px;
}


/* Header
-------------------------------------------------*/
#header {
	height:160px;
	left:7px;
	padding: 0 9px 0 9px;
	position: absolute;
	top:0;
	width:836px;
}
.header_yellow { background: url(../Images/header_bg_yellow.png) repeat-x top left;}
.header_green { background: url(../Images/header_bg_green.png) repeat-x top left;}



#header #header_logo {
	width: 66px;
	height: 66px;
	display: block;
	left: 33px;
	position: absolute;
	text-indent: -9999px;
	top: 41px;	
}

#header #header_logo A {
	background: url(../Images/header_logo.png) no-repeat top left;
	width: 66px;
	height: 66px;
	display: block;
	text-indent: -9999px;
}


/* Top Menu */
#top_menu { 
	margin:0 0 0 17px; 
	height:25px; 
	position: absolute;
	top:0;
	left:-4px;
	text-transform: uppercase;
}

#top_menu li{ 
	display: inline;
	float: left;
	display:block;
	height: 25px;	
}

#top_menu li:before { content: "| "; }
#top_menu li:first-child:before { content: ""; }

#top_menu a, #top_menu span{
	height: 25px;
	line-height:25px;
	padding: 0 8px 0 8px;
}			
#top_menu span {
	padding: 0 0 0 8px;
}
/* Breadcrumbs */
#breadcrumbs {
	left: 41px;
	position: absolute;
	top: 140px;
}

/* Main Menu
-------------------------------------------------*/

#main_nav {
	position:absolute;
	top:96px;
	left:124px;
	z-index:1;	
}

#nav, #nav ul { margin: 0;}


#nav .li1_level_1_sv a, #nav .li2_level_1_sv a, #nav .li1_level_1_en a, #nav .li2_level_1_en a { /* regionaltrafik nivå 1*/
	background: url(../Images/main_nav_regional_top.png) no-repeat top left;
	display: block;
	height: 33px;
	width: 228px;
	text-indent: -9999px;
}

#nav .li1_level_1_sv a { background: url(../Images/sv_main_nav_regional_top.png) no-repeat top left; } /* regionaltrafik nivå 1*/
#nav .li2_level_1_sv a { background: url(../Images/sv_main_nav_lokal_top.png) no-repeat top left;	margin-left:3px;} /* lokaltrafik nivå 1 */
#nav .li1_level_1_en a { background: url(../Images/en_main_nav_regional_top.png) no-repeat top left; } /* regionaltrafik nivå 1*/
#nav .li2_level_1_en a { background: url(../Images/en_main_nav_lokal_top.png) no-repeat top left;	margin-left:3px;} /* lokaltrafik nivå 1 */

#nav .li1_level_1_sv .nav_selected {	background: url(../Images/sv_main_nav_regional_top_selected.png) no-repeat top left;}
#nav .li2_level_1_sv .nav_selected { background: url(../Images/sv_main_nav_lokal_top_selected.png) no-repeat top left;}
#nav .li1_level_1_en .nav_selected {	background: url(../Images/en_main_nav_regional_top_selected.png) no-repeat top left;}
#nav .li2_level_1_en .nav_selected { background: url(../Images/en_main_nav_lokal_top_selected.png) no-repeat top left;}

#nav .li1_level_2 a, #nav .li2_level_2 a { /* nivå 2 o 3*/
	background: #fff url(../Images/main_nav_sub_bg.gif) repeat-x bottom left;	
	display: block;
	height: 18px;
	padding: 6px 0 0 8px;
	text-indent: 0px;
	width: 218px; 
	border-left:1px solid #e5e5e5; 
	border-right:1px solid #e5e5e5;
}

#nav .li1_level_1_sv .more a, #nav .li2_level_1_sv .more a, #nav .li1_level_1_en .more a, #nav .li2_level_1_en .more a  { background: #fff url(../Images/main_nav_sub_more_bg.gif) no-repeat bottom left;  width: 218px;}


#main_nav #nav li li:hover a{ background-image:none; background-color: #e5e5e5;}

#main_nav #nav li.more:hover  a{ background-image: url(../Images/main_nav_sub_more_hover_bg.gif); }
#main_nav #nav li.more:hover li  a{ background-image: none; }

#main_nav #nav li li:hover li a{ background: #fff url(../Images/main_nav_sub2_bg.gif) no-repeat bottom left; width: 155px;}

#main_nav #nav li:hover li .more a  { background: #fff url(../Images/main_nav_sub2_more_bg.gif) no-repeat bottom left;}

#container #main_nav #nav li li li:hover a{ background-image:none; background-color: #e5e5e5;}

#container #main_nav #nav li li li:hover li a{ background: #fff url(../Images/main_nav_sub2_bg.gif) no-repeat bottom left; }

#container #main_nav #nav li li li li:hover a{ background-image:none; background-color: #e5e5e5;}

#container #main_nav #nav li li li.more:hover  a{ background-image: url(../Images/main_nav_sub2_more_hover_bg.gif); }
#container #main_nav #nav li li li.more:hover li a{ background-image: none; }


#main_nav #nav .first_link  a{ padding-top: 5px; border-top:1px solid #e5e5e5; }

#main_nav #nav .last_link  a{
	padding-top: 5px;
	border-bottom:1px solid #e5e5e5;
	background-image:none;
}

#nav  li.li1_level_1_sv, #nav  li.li2_level_1_sv, #nav  li.li1_level_1_en, #nav  li.li2_level_1_en { 
	float: left;
	width: 226px;
	height: 33px;
}


#nav  li.li1_level_2, #nav  li.li2_level_2, #nav  li.li1_level_3, #nav  li.li2_level_3,  #nav  li.li1_level_4, #nav  li.li2_level_4 { /* nivå 2 o 3*/
	float: left;
	height: 24px;
	position: relative;
	top: -4px;
}

#nav  li.li1_level_2,#nav  li.li2_level_2 { width: 209px;}

#nav  li.li1_level_3, #nav  li.li2_level_3 {	width: 163px; }

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#nav li:hover ul {
	left: auto;
	height: 1%;
}

#nav  li.li1_level_1_sv ul ul,#nav  li.li2_level_1_sv ul ul, #nav  li.li1_level_1_en ul ul,#nav  li.li2_level_1_en ul ul {
	margin: -17px 0 0 227px;
}
#nav  li.li1_level_1_sv ul ul ul ,#nav  li.li2_level_1_sv ul ul ul, #nav  li.li1_level_1_en ul ul ul ,#nav  li.li2_level_1_en ul ul ul{
	margin: -17px 0 0 164px;
}


#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}

#nav li:hover ul ul, #nav li.sfhover ul ul, #nav li:hover ul ul ul , #nav li.sfhover ul ul ul{
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul,#nav li li li.sfhover ul {
	left: auto;
}




/* Content
-------------------------------------------------*/
#shadow {
	background: url(../Images/shadows.png) repeat-y top left;
	padding: 129px 9px 0 9px;
	position:relative;
}

#content {background-color: #fff; padding-top: 31px;}

#left_col {
	float:left;
	position:relative;
	left: -390px; /* sett leftcol to right place */
	width:200px;
}

.left_col_padding {padding-bottom: 20px;}

#main_col {
	float:left;
	margin: 232px 0 20px 17px;
	position:relative;
	left: 200px;/* sett maincol to right place */
	width:390px;
}

#right_col {
	margin: 241px 0 20px 0;
	float:left;
	width:208px;
	text-align:right;	
					
}
#flash_banner {
	position: absolute;
	top:170px;
	right:35px;
	width:587px;
	height: 218px;					
}


#news { margin: 0 31px 0 24px; }

#news .news_post {
	padding: 12px 0 12px 0;
	border-bottom: solid 1px #e3dfdf;
}

#news .news_post p{ display: inline;	margin-right: 8px; }


#news .more_posts {
	margin-bottom: 12px;
	font-weight: bold;
	padding: 12px 0 12px 0;
}


/* Left Menu */

#left_menu {
	background: url(../Images/left_menu_bg.jpg) no-repeat top left;
	padding: 5px 0 15px 20px;
	min-height: 200px;	
}
#left_menu_bottom {
	background: url(../Images/left_menu_bg_bottom.jpg) no-repeat bottom left;
	padding: 1px 0 9px 0;
}
#left_menu a {
	position: relative;
	left: 4px;
}


.left_select { 
	border:1px solid #d7d5d5;
	margin-bottom: 2px;
	padding: 3px 4px 3px 4px;
	width:151px;
}
.left_input { 
	background: url(../Images/textfield_bg_151.png) no-repeat;
	border:none;
	margin-bottom: 2px;
	padding: 6px 4px 6px 4px;
	width:143px;

}
.left_search_btn { 	
	background: url(../Images/btn_bg_search_left.png) no-repeat;
	border: none;
	height:24px; 
	width:37px; 
	margin-bottom: 2px;
	text-align:center;
	padding:0px;
}

.left_login_btn { 	
	background: url(../Images/btn_bg_login_left.png) no-repeat;
	border: none;
	height:25px; 
	width:58px; 
	margin-bottom: 2px;
	text-align:center;
	padding:0px;
}

#tim {
	margin-top: 12px;
}

#traffic {
	background: url(../Images/tmspot_background.jpg) repeat-y top left;
	margin-left: 2px; /* Align with other spots */
	width: 186px;
	margin-top: 17px;
}
#traffic_bottom {
	background: url(../Images/tmspot_bottom.jpg) no-repeat bottom left;
	
}
#traffic_top {
	background: url(../Images/tmspot_top.jpg) no-repeat top left;
	
}
#traffic .padding {padding: 15px 18px 15px 19px;}
#traffic H1 {font-family: Arial, Sans-Serif; font-size: 1em; font-weight: bold; color: #272626; border-bottom: solid 1px #e9e8e8; padding-bottom: 5px; }
#traffic H2 {font-family: Arial, Sans-Serif; font-size: 0.95em; font-weight: bold; color: #262626;  }

#traffic .news_post {border-bottom: solid 1px #e9e8e8; padding: 5px 0;}
#traffic A {color: #262626; font-weight: normal; font-size: 0.95em;}
#traffic .info {color: #262626; font-weight: normal; font-size: 0.95em;padding-top: 5px;}
#traffic .tm_more A {font-weight: bold;}
/* Ul Ofta */

#ul_ofta DIV.padding { padding: 75px 0 28px 20px; }

.ul_ofta_yellow { background: url(../Images/ul_ofta_background_yellow.jpg) no-repeat top left; }
.ul_ofta_green { background: url(../Images/ul_ofta_background_green.jpg) no-repeat top left; }

#left_col .ul_ofta_loggedin_yellow { background: url(../Images/ul_ofta_loggedin_bg_yellow.jpg) no-repeat top left; height: 170px;}
#left_col .ul_ofta_loggedin_green{ background: url(../Images/ul_ofta_loggedin_bg_green.jpg) no-repeat top left; height: 170px;}

#ul_ofta label{
	position: relative;
	top:-2px;
	font-weight:normal;
}
#ul_ofta_bottom {width: 190px; height: 9px; background: transparent url(../Images/ul_ofta_bottom.jpg) no-repeat top left;}
#ul_ofta p{
margin:0;
}
#ul_ofta_dropdown {display: none;}

#ul_ofta .ul_ofta_link{
margin-top:15px;
}

#ul_ofta span { font-weight: bold;}

/* Right spots */

#spot_form {

	height: 88px;
	padding: 20px 0 0 25px;
	text-align: left;
}

#spot_form.yellow {background: url(../Images/spot_bg_yellow.jpg) no-repeat top right;}
#spot_form.green {background: url(../Images/spot_bg_green.jpg) no-repeat top right;}
#left_col .ul_ofta_loggedin_yellow { background: url(../Images/ul_ofta_loggedin_bg_yellow.jpg) no-repeat top left; height: 170px;}
#left_col .ul_ofta_loggedin_green{ background: url(../Images/ul_ofta_loggedin_bg_green.jpg) no-repeat top left; height: 170px;}

.right_select { 
	background-color: #fff;
	border:1px solid #d7d5d3;
	margin-bottom: 2px;
	padding: 5px 4px 5px 4px;
	width:165px;
	}
	
.right_input { 
	background: url(../Images/textfield_bg_120.png) no-repeat;
	border:none;
	margin-bottom: 2px;
	padding: 7px 4px 8px 4px;
	width:112px;
}

.right_search_btn {
	vertical-align: top;
	background: url(../Images/btn_bg_right.png) no-repeat;
	border: none;
	height:28px; 
	width:43px; 
	text-align:center;
	padding:0px;
}


/* Footer
-------------------------------------------------*/

#footer {
	height: 49px;
	padding: 12px 9px 0 9px;
	margin-bottom: 20px;
	text-align: center;
	width: 836px;
}
.footer_yellow { background: url(../Images/footer_bg_yellow.jpg) repeat-y top left;}
.footer_green { 	background: url(../Images/footer_bg_green.jpg) repeat-y top left;}
#footer p  {margin:0;}

/* Site Map
-------------------------------------------------*/
#site_map_push, #site_map {
	height: 138px; /* .push must be the same height as .footer */
}

#site_map {
	background: url(../Images/sitemap_bg.jpg) repeat-x top center;
	position:relative;
}
#site_map_container {
	margin: 0 auto;
	padding-top: 25px;
	text-align:left;
	width: 836px;	
}

	
.site_map_col {
	float:left;
	margin:0 30px 0 30px;
}

.site_map_col ul{margin:0;}

.site_map_col li{
	line-height:1.2em;
	background: url(../Images/site_map_bullet.gif) no-repeat left center;
	padding-left : 10px;
	margin-left : 2px;
}

	
	
/* Misc Classes 
------------------------------------------------*/

.inline { display:inline;}


/*Clear fix*/
.selfClear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.selfClear { display: inline-block; }

/* Hide from IE-mac \*/
* html .selfClear { height: 1%; }

.selfClear { display: block; }
/* End hide from IE-mac */

/* IMPORTED FROM OLD CSS */
#toolbar {
	margin: 10px 31px 0 24px;
}
#toolbar a {
	margin: 0 10px 0 0;
}
.sitemap {
	margin: 20px 0;
	font-size: .9em;
	line-height: 11px;
}
.sitemap td {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.language_en .watermarked_psw { 
	background: url(../Images/wmPassword_en.png) no-repeat;
	color: #fff;
	text-align: right;
}
.language_en .watermarked_user { 
	background: url(../Images/wmUsername_en.png) no-repeat;
	color: #fff;
}

.language_sv .watermarked_psw { 
	background: url(../Images/wmPassword.png) no-repeat;
	color: #fff;
	text-align: right;
}
.language_sv .watermarked_user { 
	background: url(../Images/wmUsername.png) no-repeat;
	color: #fff;
}


/*.watermarked_user  { color: White; text-align: right; padding: 0 1px; height: 16px; width: 94px; line-height: 16px; border: solid 1px #b8b9ba; color: #ffffff; font-size: 10px; vertical-align: middle; background: transparent url(../images/wmk_username.gif) 3px center no-repeat; }*/

#travelPlannerRegion {
	margin: 0 0 0 18px;
}
#fullRegion {
	margin: 0 0 0 24px;
}
#titlelink A
{
	font-family: Verdana, Sans-Serif;
	font-size: 1.1em;
	font-weight:bold;
	color: #a12830;
	padding-left: 6px;
	text-decoration: none;
	background: transparent url(../images/bullet.gif) center left no-repeat;
}
#titlelink2 A
{
	font-family: Verdana, Sans-Serif;
	font-size: 1.1em;
	font-weight:bold;
	color: #a12830;
	padding-left: 6px;
	text-decoration: none;
	background: transparent url(../images/bullet.gif) center left no-repeat;
}
#titlelink2
{
	margin-bottom: 0.75em;
}

.tmheader {color: #a12830; font-weight:bold;}
.tmlink {background: transparent url(../images/icon_redarrow.gif) center left no-repeat; padding-left: 12px;color: #464646 !important; text-decoration: underline !important; font-weight:bold;}
.tmsections {color: #464646;}
.frmField, .frmArea {
	font-family: Arial, Verdana, Sans-Serif;
	width: 300px;
	font-size: 12px;
}

A.imagepopup {position: relative;}
IMG.imagepopup {position: absolute;display:none; width: 300px;}

/* GOOGLE SEARCH */
.gsc-tabsArea {
	display: none;
}
.gsc-branding {
	display: none;
}
.gs-result .gs-title, .gs-result .gs-title * {
	color: #252525 !important;
}

.timetable TD {padding-right: 20px;}
.popup {background: transparent url(/Templates/Public/Images/interactivemap/bg.png) no-repeat; width: 578px; height: 323px; position: absolute; x-index: 901; text-align: left;}
.popup .padding {padding: 20px 30px 20px 30px;}
.popupoverlay {position: absolute; top: 0px; left:0px; z-index: 900; width: 100%;}
.popup .close {position: absolute; top: 21px; right: 31px; cursor: pointer;}
.popup P {font-size: 12px; color: #484848; font-family: Arial, Sans-serif;}
.popup IMG.header {display: block; margin: 0 0 10px 0;}
.popupcontent {display: none;}

/*.helplist {width: 516px; height: 281px; overflow: scroll;}*/
.helplist {list-style: disc; overflow: hidden;}
.helplist LI {font-size: 12px; color: #333333; cursor: pointer;padding: 0 0 7px 0;}
.helplist LI SPAN {text-decoration: underline;}
.helplist LI DIV {text-decoration: none; color: #000000; display: none; padding: 7px 0;}

TABLE.travelcampaign {margin-bottom: 20px;}
TABLE.travelcampaign TD {padding: 2px 3px;}
TABLE.travelcampaign LABEL {font-weight: normal;}

.invisible
{
	visibility: hidden;
	width:0px;
	height:0px;
}

.sitemaptree {padding-top: 20px;}
.sitemaptree UL {padding:0; margin:0; list-style-type:none;background: transparent url(/templates/public/images/sitemap/elementBack.gif) top left repeat-y;}
.sitemaptree UL LI {padding: 0 0 0 24px;background: transparent url(/templates/public/images/sitemap/elementLine.gif) top left no-repeat;}

.companycardform TABLE.checkbox {margin: 0 0 12px 0;}
.companycardform TABLE.checkbox TD {padding: 0 0 6px 0;}
.companycardform .row {padding: 0 0 6px 0;}
.companycardform INPUT.textbox {width: 300px; padding: 2px;}
.companycardform INPUT.shorttextbox {width: 80px; margin-right:20px; padding: 2px;}
.companycardform INPUT.mediumtextbox {width: 194px; padding: 2px;}
.companycardform INPUT.numbertextbox {width: 50px; margin-right:10px; padding: 2px;}


.tmspot H2 {color: #212121; font-size: 15px; font-weight: bold; font-family: Arial, Sans-Serif; margin: 0 0 8px 0;}
.tmspot H3 {color: #212121; font-size: 11px; font-weight: bold; font-family: Arial, Sans-Serif; margin: 0 0 3px 0;}
.tmspot .divider {background-color: #f1f1f1; height: 1px; margin: 5px 0;}
.tmspot .smalldivider {background-color: #f1f1f1; height: 1px; margin: 0;}
.tmspot .bigdivider {background-color: #f1f1f1; height: 1px; margin: 25px 0;}

.tmbox {width: 200px; float:left; text-align:left; font-family: Arial, Sans-Serif; }
.tmspot {width: 192px; background: transparent url(../images/trafficmessages/background.png) top left repeat-y; font-size: 0.8em;}
.tmspottop {width: 192px; background: transparent url(../images/trafficmessages/top.png) top left no-repeat;}
.tmspotbottom {width: 192px; background: transparent url(../images/trafficmessages/bottom.png) bottom left no-repeat;}
.tmspot .padding {padding: 9px 9px 9px 9px;}
.tmspot .grey {padding: 6px 10px; background-color: #f8f8f8;}
.tmbox H2 {color: #4a4a4a; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; margin: 0; padding:0 0 0 6px;}
.tmspot .green H1 { width: 152px; height: 31px; background: #ffffff url(../images/trafficmessages/h1green.png) top left no-repeat; color: #272626; font-family: Arial, Sans-Serif; font-weight: bold; font-size: 12px; line-height: 31px; padding: 0 11px; margin: 0 0 3px 0;}
.tmspot .yellow H1 { width: 152px; height: 31px; background: #ffffff url(../images/trafficmessages/h1yellow.png) top left no-repeat; color: #272626; font-family: Arial, Sans-Serif; font-weight: bold; font-size: 12px; line-height:31px; padding: 0 11px; margin: 0 0 3px 0;}
.tmspot H2 {color: #272626; font-family: Arial, Sans-Serif; font-size: 11px; font-weight: bold; padding: 0; margin: 0 0 3px 0; line-height: 17px; vertical-align:text-bottom;}
.tmspot H2 IMG {vertical-align: text-bottom;}
.tmspot UL {list-style-type:square; margin:0; padding: 0 0 0 15px;}
.tmbox A {color: #272626; text-decoration: underline;}

UL.messages {margin: 0 0 5px 0; padding: 0; list-style-position: outside; list-style-type:none;}
UL.messages LI {padding: 5px 0px 5px 0px; border-bottom: solid 1px #f1f1f1;}
UL.messages H2 {margin: 0; padding:0; }

UL.trafficmessageslist {list-style-type: none; list-style-position: inside; margin:0; padding:0;}
UL.trafficmessageslist LI {border-bottom: 1px solid #E3DFDF; padding: 12px 0; font-family:Arial,Helvetica,Verdana,Sans-Serif; font-size: 1em; font-weight: bold;}