/*
	//------------------------------------------------------//
		Author: 
		Emil Löfquist, Mogul AB
		emil.lofquist@mogul.com
	
		Last changed:
		Last changed:
		2007-05-03 - created rules for link header on start page
		2007-05-03 - added rule for press search legend position		
	//------------------------------------------------------//
*/
/*
	Total width		 	990px
	Sub menu total		180px
	One column			810px
	
	sub menu margin right 38px
	sub menu margin left  38px???
	one column			772px
	
	column with calendar 460px
	calendar 			312px
	category container	
	
	Colors
	// - blue 		#4b92db
	// - green	 	#b6bf00
	// - orange 	#de6800
	// - pink		#ca3c5d
    // - grey	    #939598
	
	Name		CMYK			RGB
	- orange:	0-65-100-0		#f47920
	- grå: 		0-0-0-50		#939598
	- blå:		70-35-0-0		#4a8ecc
	- rubinröd:	0-100-20-0		#ed0677
	- grön:		31-0-100-0		#bcd631
	*/
/*
	General template rules
*/
div#contentTextContainer{
	margin-top:10px;
}
div#contentTextContainer hr{	
	border:none;
	color:#ccc;
	background:#ccc;
	height:1px;
	margin:15px 0;	
}
div#contentTextContainer ul{
	list-style-type:disc;
	margin:1em 0;
}
div#contentTextContainer ul,
div#contentTextContainer ol{
	margin-left:2em;
}
div#contentTextContainer ul li,
div#contentTextContainer ol li{	
	font:normal 1.1em arial;
	line-height:1.5em;
	margin-bottom:.5em;
}
div#contentTextContainer table.border{	
	border-top:solid #ccc 1px;
	border-left:solid #ccc 1px;	
	margin-bottom:1em;	
}
div#contentTextContainer td,
div#contentTextContainer th{
	padding:.3em;
	line-height:1.5em !important;	
}
div#contentTextContainer table.border td{	
	border-bottom:solid #ccc 1px;
	border-right:solid #ccc 1px;	
}
div#contentTextContainer td{
	font:normal 1.1em arial;
}
div#contentTextContainer th{
	font:bold 1.1em arial;
}
div#contentTextContainer img{
	/*margin:15px 0;*/
}
div#contentTextContainer h1{
	font:bold 1.2em arial;
	margin-bottom:15px;
}
div#contentTextContainer p{
	font:normal 1.1em arial;	
	line-height:1.5em;
	margin-bottom:1.4em;
}

/*
	Header images
*/
body.templateStartPage div#headContainer,
body.templateKongressEvents div#headContainer,
body.templateVisitor div#headContainer,
body.templateExhibit div#headContainer,
body.templateTravel div#headContainer,
body.templateGeneral div#headContainer{

}

/*
	Sub navigation headline
*/
div#subNavigationContainer h2{
	font:bold 1.2em arial;
	text-transform:uppercase;
	margin-bottom:0;
}
body.templateVisitor div#subNavigationContainer h2{	
	color:#ed0677;	
}
body.templateKongressEvents div#subNavigationContainer h2{
	color:#4a8ecc;
}
body.templateExhibit div#subNavigationContainer h2{
	color:#b6bf00;
}
body.templateTravel div#subNavigationContainer h2{
	color:#939598;
}
body.templateGeneral div#subNavigationContainer h2{
	color:#de6800;
}

/*
	Template start page
*/

div#contentWrapper.startPage div#contentStartPageContainer {
	width: 735px;
	float: left;
}

div#contentWrapper.startPage #buyTickets {
	width: 735px;
	height: 78px;
	background: url(/Images/bg_buyTickets.gif) 0 0 no-repeat;
	position: relative;
}

div#contentWrapper.startPage #buyTickets h1 {
	font: bold 2.1em Arial, Helvetica, sans-serif;
	color: #fff;
	width: 200px;
	line-height: 1em;
	position: absolute;
	left: 20px;
	top: 16px;
	z-index: 1;	
}

div#contentWrapper.startPage #buyTickets p {
	font:  normal 1.2em Arial, Helvetica, sans-serif;
	color: #fff;
	width: 230px;
	line-height: 1.2em;
	position: absolute;
	left: 250px;
	top: 16px;
}

div#contentWrapper.startPage #buyTickets a.button {
	font: normal 1.8em Arial, Helvetica, sans-serif;
	position: absolute;
	left: 571px;
	top: 27px;
	text-decoration: none;		
}

div#contentWrapper.startPage #buyTickets a.button:hover {
	text-decoration: underline;
}
div#contentWrapper.startPage #buyTickets a.clickable {
	width: 735px;
	height: 78px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;	
	z-index: 9;
}

div#contentWrapper.startPage ul#events {
	margin: 14px 0 0 0;
	list-style:none;
}

div#contentWrapper.startPage ul#events li.event {
	width: 235px;
	height: 368px;
	background:url(/Images/bg_event.gif) 0 0 no-repeat;
	float: left;
	position: relative;
	margin: 0 10px 16px 0;
}

div#contentWrapper.startPage ul#events li.event a {
	text-decoration: none;
}

div#contentWrapper.startPage ul#events li.event img {
	border: none;
	margin: 8px 0 0 8px;
}

div#contentWrapper.startPage ul#events li.event p {
	font: normal 1.2em Arial, Helvetica, sans-serif;
	color: #6a6a6a;
	line-height: 1.6em;
	width: 210px;
	padding: 18px 0 0 8px;
}

div#contentWrapper.startPage ul#events li.event .actions {
	height: 47px;
	width: 235px;
	position: absolute;
	left: 0;
	bottom: 42px;
	border-top:1px solid #e7eef2;
	border-bottom:1px solid #e7eef2;
	list-style:none;
}

/* stefan, för att fixa streck för de som inte har någon social medie ikon */
div#contentWrapper.startPage ul#events li.event .noactions {
	width: 235px;
	position: absolute;
	left: 0;
	bottom: 42px;
	list-style: none;
	border-color: #e7eef2;
	border-style: solid;
	border-width: 0 0 1px 0;
}

div#contentWrapper.startPage ul#events li.event .actions li {
	float: left;
	margin: 10px 6px 0 26px;
}

div#contentWrapper.startPage ul#events li.event .actions li a {
	display: block;
	background-image:url(/Images/icons/bg_icons.png);
	background-repeat:no-repeat;
	position: relative;
}

div#contentWrapper.startPage ul#events li.event .actions li a span {
	display: none;
}

div#contentWrapper.startPage ul#events li.event .actions li a:hover span {
	display: block;
	position: absolute;
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center; 
	top: 20px;
	left:-36px;
	width: 80px;
	height: 15px;
	padding-top: 7px;
	background-image:url(/Images/icons/bg_icons.png);
	background-repeat:no-repeat;
	z-index: 999;
}

div#contentWrapper.startPage ul#events li.event .actions li a.articles {
	width: 26px;
	height: 26px;
	background-position: right -38px;	
}

div#contentWrapper.startPage ul#events li.event .actions li a.articles:hover {
	background-position: right -64px;	
}

div#contentWrapper.startPage ul#events li.event .actions li a.articles:hover span {
	background-position: right -90px;
}

div#contentWrapper.startPage ul#events li.event .actions li a.comments {
	width:42px;
	height: 36px;
	background-position: right -112px;	
}

div#contentWrapper.startPage ul#events li.event .actions li a.comments:hover {
	background-position: right -148px;	
}

div#contentWrapper.startPage ul#events li.event .actions li a.comments:hover span {
	background-position: right -184px;
	left:-21px;
}

div#contentWrapper.startPage ul#events li.event .actions li a.films {
	width:42px;
	height: 21px;
	background-position: right -206px;
	margin: 6px 0 0 0;	
}

div#contentWrapper.startPage ul#events li.event .actions li a.films:hover {
	background-position: right -227px;	
}

div#contentWrapper.startPage ul#events li.event .actions li a.films:hover span {
	background-position: right -248px;
	left: -7px;
	top: 14px;
}

div#contentWrapper.startPage ul#events li.event .eventLink,
div#contentWrapper.startPage #articles .articlesLink {
	font:bold 1.2em arial;
	color: #2cb1ef;
	background:url(/Images/icons/bg_icons.png) right -20px no-repeat;
	padding-right:28px;
	text-decoration: none;
	padding-top: 2px;
	height: 16px;
	display: block;
	text-align: right;
	position: absolute;
	bottom: 12px;
	right: 25px;
	z-index:999;
}

div#contentWrapper.startPage ul#events li.event .eventLink:hover,
div#contentWrapper.startPage div#articles .articlesLink:hover {
	text-decoration: underline;
}

div#contentWrapper.startPage div#articles {
	width: 725px;
	background:url(/Images/bg_articles.gif) -725px bottom no-repeat;		
	position: relative;
	padding-bottom: 37px
}

div#contentWrapper.startPage div#articles ul {
	background:#fff url(/Images/bg_articles.gif) 0 0 no-repeat;
	list-style: none;	
	overflow: hidden;
}

div#contentWrapper.startPage div#articles li {
	float:left;
	min-height:230px;
	padding:24px 11px 20px 8px;
	width:221px;
	border-right:1px solid #e6edf1;
	border-bottom:1px solid #e6edf1;  
}

div#contentWrapper.startPage div#articles li.middleCol {
	width: 224px;
}

div#contentWrapper.startPage div#articles li.rightCol {
	border-right: none;
}

div#contentWrapper.startPage div#articles li a {
	text-decoration: none;
}

div#contentWrapper.startPage div#articles li h2 {
	font: bold 1.5em Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	margin: 0 0 1px 0;
	color: #2cb1ef;
}

div#contentWrapper.startPage div#articles li h2 a {
	color: #2cb1ef;
}

div#contentWrapper.startPage div#articles li h2 a:hover {
	text-decoration: underline;
}

div#contentWrapper.startPage div#articles li p {
	font: normal 1.2em Arial, Helvetica, sans-serif;
	color: #6a6a6a;
	line-height: 1.6em;
	display: inline;
}

div#contentWrapper.startPage div#articles li p a {
	font: normal 1.0em Arial, Helvetica, sans-serif;
	color: #6a6a6a;
	line-height: 1.6em;
	display: inline;
}

div#contentWrapper.startPage div#articles li a.articleLink {
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #2cb1ef;
	margin-left: 3px;
	display: block;
}

div#contentWrapper.startPage div#articles li a.articleLink:hover {
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #2cb1ef;
	white-space: nowrap;
	text-decoration: underline;	
}

div#contentWrapper.startPage div#articles .articlesLink{
	bottom: 9px;
}

/* General subpages styles */
div#mainContentWrapper {
	width: 725px;
	float: left;
	background: #fff url(/Images/bg_subPage.gif) -725px bottom no-repeat;
}
div#mainContentWrapper div.backgroundTop {
	width: 725px;
	float: left;
	background: url(/Images/bg_subPage.gif) left top no-repeat;
}


/* Wide subpages styles */
div#mainContentWrapperWide {
	width: 990px;
	float: left;
	background: #fff url(/Images/bg_subPageWide.gif) -990px bottom no-repeat;
}
div#mainContentWrapperWide div.backgroundTop {
	width: 990px;
	float: left;
	background: url(/Images/bg_subPageWide.gif) left top no-repeat;
}



/*
	Template generic no calendar
*/
div.genericOneColumn{
	float:right;
	width:772px;	
}

/*
	Template generic with calendar
*/
div.genericTwoColumn{
	width:460px;
	float:left;
}



/*
	Template webtv
*/
div#contentTextContainer.webTv{
	float: left;
	width: 540px;
	margin: 18px 0 0 20px;
	position: relative;
}

div#contentTextContainer.webTv h2 {
	font: bold 24px Arial, sans-serif;
	background: url(/Images/Icons/bg_icons.png) 0 -422px no-repeat;
	padding: 0 0 0 53px;
}

div#contentTextContainer.webTv .share {
	position: absolute;
	right: -2px;
	top: 9px;
}

div#contentTextContainer.webTv h1 {
	color: #333;
	font-size: 15px;
	margin: 18px 0 0 0;
}

div#contentTextContainer.webTv p {
	font-size: 13px;
	color: #787878;
}

div#webTvListContainer {
    float: right;
    margin: 0 30px 0 0;
    padding: 28px 0 0 20px;
    width: 330px;
}

div#webTvListContainer h2.moreMovies {
	color: #202020;
	font: bold 15px Arial, sans-serif;
	background: url(/Images/Icons/bg_icons.png) 0 -395px no-repeat;
	padding: 0 0 0 34px;
	text-decoration: none;	
}

.templateWebTv ul.movie-listing {
    margin: 14px 0 0 0;
    width: 332px;
		list-style: none;
}

.templateWebTv ul.movie-listing li {
	display: block;
	overflow: hidden;
	width: 332px;
	height: 73px;
	padding-bottom: 2px;
	margin-bottom: 2px;
	border-bottom: 1px solid #cdcdcd;	
}

.templateWebTv ul.movie-listing li a {
	display: block;
	width: 328px;
	padding: 0 5px 0 0;
	height: 73px;
	text-decoration: none;
	overflow: hidden;
}

.templateWebTv ul.movie-listing li a:hover,
.templateWebTv ul.movie-listing li.active a {
	background: url(/Images/webtv_item_act_bg.png) left top no-repeat;
}

#webTvListContainer ul.movie-listing li a:hover p,
#webTvListContainer ul.movie-listing li a:hover h2,
#webTvListContainer ul.movie-listing li.active a p,
#webTvListContainer ul.movie-listing li.active a h2 {
	color: #fff;
}

#webTvListContainer ul.movie-listing li a img {
		float: left;
		margin: 1px 6px 1px 1px;
		width: 122px;
		height: 71px;
}

#webTvListContainer h2 {
	color: #2cb1ef;
	font: bold 12px Arial, sans-serif;
	padding: 5px 0 3px 0;
}

#webTvListContainer p {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #787878; 
}

#webTvListContainer div.pagination {
	width: 332px;
	height: 17px;
	position: relative;
	margin: 5px 0 0 0;
}

#webTvListContainer div.pagination .prev,
#webTvListContainer div.pagination .next {
	display: block;
	width: 17px;
	height: 17px;
	background: url(/Images/Icons/bg_icons.png) right -270px no-repeat;
	position: absolute;
	left: 0;
	top: 0;	
}

#webTvListContainer div.pagination .next {
	background-position:  right -287px;
	right: 0;
	left: auto;	
}

#webTvListContainer div.pagination span.prev {
	background-position:  right -466px;
}
#webTvListContainer div.pagination span.next {
	background-position:  right -483px;
}

#webTvListContainer div.pagination ul {
	position: absolute;
	left: 20px;
	top: 0;
	width: 292px;
	height: 17px;
	overflow: hidden;
	list-style:none;
	text-align: center;
}
#webTvListContainer div.pagination ul li {
	display: inline-block;
	padding: 0 1px;
}

#webTvListContainer div.pagination ul li a {
	display: block;
	padding: 2px 0 0 0;
	width: 17px;
	height: 15px;
	background: url(/Images/Icons/bg_icons.png) right -304px no-repeat;
	text-align: center;
	color: #666;
	font: bold 10px Arial, Helvetica, sans-serif;
	text-decoration: none;
	overflow: hidden;
}

#webTvListContainer div.pagination ul li a:hover,
#webTvListContainer div.pagination ul li.active a {
	background: url(/Images/Icons/bg_icons.png) right -321px no-repeat;
	color: #fff;
}

/*
	Common generic template with category listing
*/
div.genericCategory{
	width:460px;
	float:left;
}
div.genericCategory div#categoryTextContainer{
	float:left;
	width:269px;
	padding-right:10px;
	border-right:solid #e4e4e5 1px;
}
div.genericCategory div#informationContainer{
	float:right;
	width:173px;
	min-height:200px;
	padding:0 0 0 7px;
}
div.genericCategory div#informationContainerUnder{
	padding:0 0 0 7px;
}
div.genericCategory div#informationContainer h2,
div.genericCategory div#informationContainerUnder h2,
div.genericOneColumn div#informationContainerUnder h2{
	font:bold 1.2em arial;
	text-transform:uppercase;
	margin-bottom:0;
}

body.templateKongressEvents div#contentTextContainer.genericCategory div#informationContainer h2,
body.templateKongressEvents div#contentTextContainer.genericCategory div#informationContainerUnder h2,
body.templateKongressEvents div#contentTextContainer.genericOneColumn div#informationContainerUnder h2{
	color:#4a8ecc;	
}
body.templateExhibit div#contentTextContainer.genericCategory div#informationContainer h2,
body.templateExhibit div#contentTextContainer.genericCategory div#informationContainerUnder h2,
body.templateExhibit div#contentTextContainer.genericOneColumn div#informationContainerUnder h2{
	color:#b6bf00;
}
body.templateTravel div#contentTextContainer.genericCategory div#informationContainer h2,
body.templateTravel div#contentTextContainer.genericCategory div#informationContainerUnder h2,
body.templateTravel div#contentTextContainer.genericOneColumn div#informationContainerUnder h2{
	color:#939598;
}
body.templateGeneral div#contentTextContainer.genericCategory div#informationContainer h2,
body.templateGeneral div#contentTextContainer.genericCategory div#informationContainerUnder h2,
body.templateGeneral div#contentTextContainer.genericOneColumn div#informationContainerUnder h2{
	color:#f47920;
}
div.genericCategory div#informationContainer ul,
div.genericCategory div#informationContainerUnder ul,
div.genericOneColumn div#informationContainerUnder ul{	
	margin:10px 0 0 0 !important;
}
div.genericCategory div#informationContainer ul li,
div.genericCategory div#informationContainerUnder ul li,
div.genericOneColumn div#informationContainerUnder ul li{
	list-style-type:none;
	margin-bottom:10px;
}
div.genericCategory div#informationContainer ul li a{
	color:#000;
	text-decoration:none;
	font:normal 1em arial;
	padding-right:10px;
	background:url(/Images/icons/link_arrow.gif) no-repeat center right;
}
div.genericCategory div#informationContainerUnder ul li a,
div.genericOneColumn div#informationContainerUnder ul li a{
	color:#000;
	text-decoration:none;
	font:bold 1.1em arial;
	padding-right:10px;
	padding-left:10px;
	background:url(/Images/icons/link_arrow.gif) no-repeat center left;
}
/*
div.genericCategory div#informationContainer ul li a:visited,
div.genericCategory div#informationContainerUnder ul li a:visited,
div.genericOneColumn div#informationContainerUnder ul li a:visited,*/
div#informationContainerUnder ul li a:hover,
div#informationContainer ul li a:hover{
	color:#666;
}

/*
	Press page with search area
*/
div.pressCategory{
	/*width:498px;*/
	width:460px;
	float:left;
	position:relative;
	margin-top:10px;	
}


div.pressCategory div#pressFairSelectContainer{
	float: left;
	width: 460px;
	background-color: #f2f6f7;
	margin-bottom: 10px;
}
div.pressCategory select {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 250px;
}
.fairSelectText {
	font: 1.1em/1.5em arial;
	font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
}


div.pressCategory div#categoryTextContainer{
	float:left;
	width:287px;
	padding-right:10px;
	border-right:solid #e4e4e5 1px;
}
div.pressCategory div#categoryTextContainer em{
	font:italic 1.0em arial;
	color:#666;
	clear:both;
	display:inline;
	margin:10px 0 17px 0;
}
div.pressCategory div#categoryTextContainer h2{
	font:bold 1.2em arial;
}

div.pressCategory div#pressSearchContainer{
	float:right;
	width:155px;
	min-height:200px;
	padding:0 0 0 7px;
}
div.pressCategory div#pressSearchContainer fieldset{
	border:none;
	position:relative;
	padding-top:20px;	
}
div.pressCategory div#pressSearchContainer fieldset legend{	
	color:#000;	
}
div.pressCategory div#pressSearchContainer fieldset legend span{
	position:absolute;
	right:3px;
	top:-20px;
	font:normal 1em verdana;
}
div.pressCategory div#pressSearchContainer fieldset input.txtPressSearch{
	width:110px;
}
div.pressCategory div#pressSearchContainer ul{
	list-style-type:none;	
	margin:20px 0 0 0 !important;
}
div.pressCategory div#pressSearchContainer ul li{	
	margin-bottom:15px;
}
div.pressCategory div#pressSearchContainer ul li a{
	color:#000;
	text-decoration:none;
	font:normal 1em arial;	
}

/*div.pressCategory div#pressSearchContainer ul li a:visited,*/
div.pressCategory div#pressSearchContainer ul li a:hover{
	color:#666;
}

div.pressCategory div#pressSearchContainer dl{
	
}
div.pressCategory div#pressSearchContainer dl dt,
div.pressCategory div#pressSearchContainer dl dd{
	line-height:2em;
}
div.pressCategory div#pressSearchContainer dl dt{
	font:bold 1.2em arial;
	margin-top:1em;
	margin-bottom:.5em;
}
div.pressCategory div#pressSearchContainer dl dd a{
	font:normal 1.2em arial;
	text-decoration:none;
}
div.pressCategory p.calendarDate{	
	margin:.2em 0 .5em 0 !important;
} 

/*
	News page
*/
div.newsCategory{
	/*width:678px;*/
	width:640px;
	margin-left:38px;
	float:left;
	position:relative;
	margin-top:10px;
}

div#newsItem{
	width:287px;
	padding-right:10px;
	margin-top:7px;
	float:left;
	border-right:solid #E1E2E3 1px;
}
div#newsItem div{
	clear:both;
}
div.newsCategory div#newsItem em{
	font:italic 1.0em arial;
	color:#666;
	clear:both;
	display:block;
	margin:10px 0 17px 0;
}
div#newsArchiveItemList{
	padding-left:270px;
	background:url(/Images/NewsArchive/newsarchive.gif) no-repeat top left;	
	margin-top:7px;
	min-height: 315px;
}
div.newsCategory div#newsArchiveItemList ul{
	list-style-type:none;	
	margin:15px 0 0 0;
}

div#newsItemList{
	padding-left:7px;
	width:155px;	
	float:right;
	margin-top:7px;
}
div#newsItemList h2{
	text-transform:uppercase;
	margin-top:12px;
	font:bold 1.2em arial;
	color:#ed0677;
	border:none;
}
div.pressCategory div#newsItemList ul,
div.newsCategory div#newsItemList ul{
	margin:15px 0 0 0 !important;
	list-style-type:none;
}
div.pressCategory div#newsItemList ul li,
div.newsCategory div#newsItemList ul li{	
	margin-bottom:15px;
}
div.pressCategory div#newsItemList ul li a,
div.newsCategory div#newsItemList ul li a{
	color:#000;	
	/*background:url(/Images/icons/link_arrow_list.gif) no-repeat bottom right;
	padding-right:10px;*/
	text-decoration:none;
	font:normal 1em arial;
	
}
div.newsCategory h2{	
	font:bold 1.2em arial;
	text-transform:uppercase;
	position:relative;
	color:#f47920;
	border-bottom:solid #f47920 3px;
}
div.newsCategory h2 span{
	position:absolute;
	right:0;
	color:#000;
	font-weight:normal;
}
div#newsItemList li.selected a{	
	color:#f47920 !important;		
}
/*
	Search results
*/
div#pressSearchContainer li.selected a{	
	color:#f47920 !important;	
}
div#pressSearchContainer h2{	
	text-transform:uppercase;
	margin-top:12px;
	font:bold 1.2em arial;
	color:#939598;
	border:none;
}
div#pressSearchContainer select{
	margin-top:10px;
	width:150px;
}
div#searchResultItemList{
	padding-left:270px;
	background:url(/Images/NewsArchive/newsarchive.gif) no-repeat top left;	
	min-height:301px;
	margin-top:7px;
}
div#searchResultItemList ul{
	list-style-type:none;	
	margin:15px 0 0 0;
}