/* GENERAL */
html 
{
	height: 100%;
	vertical-align:middle;
}
body
{
	
	background-image:url(images/background.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#003291;

}



hr.clear 
{
    clear: both;
}

ul 
{
   
}

fieldset 
{   
	margin: 0 0 1em 0;
	padding: 1em;
}

.hidden 
{
    display: none;
}

.error 
{
    color: Red;
}

.button
{  
    color:#000000;
    background-image: url(images/button_bkg.png);
	background-position: right bottom;
	background-repeat: repeat-x;
	border: solid 1px #c6c6c6;
 }
.content
{
	float:left;
	padding:5px 10px 10px 0px;
	width:100%;
}
.contentnopadd
{
	float:left;
	padding:0px;
	width:100%;
}
.textbox
{
	width:98%;
}


/* END GENERAL */

/* -- LINKS --*/
a
{
	color:#1f4cb3;
	text-decoration:none;
	font-size:100%;
}
a:hover
{
	color: #1f4cb3;
	text-decoration:underline;
	font-size:100%;
}
a:visited
{
      font-size:100%;
      color:#8994af;
      text-decoration:none;
}

/* -- END LINKS --*/

/*-- REGIONS -- */

#Page
{
	width:982px;
	margin: 0 auto;
	background-color:#ffffff;
	float:none;
}
#PageInner
{
	width:985px;
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	
	float:left;
	border-top:none;
	border-bottom:none;
}

#MainContentArea
{
    /* IE 6 doesn't support min-height so the height is set instead, */
    /* relying on that it will expand beyond it if needed */
    float:left;
   
    min-height: 45em;
    height:100%;
    _height: 45em;
 	padding:0px 0px 10px 16px;
 	width:726px;
 }
#MainContentWide
{
	float:left;
	width:695px;
	padding:0px 30px 10px 0px;
	_height: 45em;
    min-height: 45em;
    height:100%;
}


/* IE 6 doesn't understand the > selector and ignores it */
html>body #MainContentArea {height: auto;}

#MainRegion
{
	width: 945px;
	margin:0px;
	float:left;
	padding:0px 0px 10px 0px;
	border:20px solid #ffffff;
	border-bottom:none;
	border-top:none;
}
#MainBodyArea
{
	
	float:left;
	width: 446px;
	overflow: hidden;
	padding:0px 20px 0px 0px;
	_padding:0px 10px 0px 0px;
}
img.topmainbodyarea
{
	width: 451px;
}

div.topmaincontentarea
{
	float:left;
	padding-bottom:10px;
	
}

#MainBodyArea #MainBody
{	
	float:left;
	padding:0px 0px 0px 0px;
	width:98%;
}

#MainRightArea
{
	margin:0;
	padding:0;
	border:0;
	float:left;
	width:260px;
}

#MainRightAreaSubPage
{
	padding-top:23px;
	float:left;
}

/* HEADER */
#HeaderArea
{
	float:left;
	width:960px;
	padding:0px 0px 0px 0px;
	margin:0px;

	background: url(images/search_bkg.png);
	_background: url(images/search_bkg.gif);
	background-repeat:no-repeat;
	background-position:top right;
	background-color:Transparent;
	
	display:none;
}

#HeaderInner
{
	float:left;
	width:945px;
	
	padding:0px 0px 0px 0px;
	margin:0px;
	
	background-image: url(images/logo_2.png);
	_background-image: url(images/logo_2.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-color:Transparent;
	
	border-left:20px solid #ffffff;
	border-right:20px solid #ffffff;
}

#HeaderLeft
{
	float:left;
	padding:0px 0px 9px 15px;
	width:13%;
}
#HeaderLeft a 
{
	float:left;
	padding:15px 0px 9px 15px;
	width:13%;
}

#HeaderRight
{
	float: left;
	width:85%;
	height:100px;
	padding-bottom:10px;
}


#HeaderLinks
{
	float: left;
	clear:right;
	margin:0px;
	padding:0px 0px 8px 0px;
	background:Transparent;
	width:80%;
	
}
#HeaderLinks ul
{
	float:right; 
	padding:0;
	margin:10px 0px 0px 10px;
	color:#1f4cb3;
}

#HeaderLinks li
{
	list-style-type:none;
	float:right; 
	display: block;
	float: left;
	color: #000000;
	border-right: solid 1px #1f4cb3;
	padding: 0 0.4em;
	font-size:100%;
}
#HeaderLinks li.last
{
	border-right:none;
}
#listen
{
	display:none;	
}
#listen a
{
	padding-left:5px;	
	border-left: solid 1px #1f4cb3;
}

#listen
{
	margin-left:0px !important;
}
#listen li
{
	padding:0 !important;
}

#HeaderSeek
{
	float: left;
	padding:10px 0px 0px 0px;
	margin:0px;
	width:80%;

}
/* END HEADER */


/* HEADER SEARCH */
.SearchArea
{
	float:right;
	padding:0px;
	margin:0px;
	margin:0px 0px 0px 0px;
	
}
.Search
{
	float:right;
	padding:14px 0px 5px 0px; 
	width:230px;
}
input.Search
{
	border: 1px solid #cdcaca;
	float: left;
	padding:5px 0px 5px 0px;
	width: 157px;
	font-size:130%;
	background-color:#ffffff;
}
.SearchButtonLeft
{
	float: left;
	background: url(images/btn_search_left.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:7px;
	height: 31px;
	display: block; 
	
	
}
.SearchButton
{
	float: left;
	background: url(images/btn_search_mid.png);
	background-repeat:repeat-x;
	background-position:top left;
	color:#000000;
	height: 31px;
	border:none;
}

     
.SearchButtonRight
{
	float: left;
	background: url(images/btn_search_right.png) no-repeat top left;
	width: 7px;
	height: 31px;
	display: block; 
}

/* END HEADER SEARCH */


/* TOP MENU */

#MainMenuArea 
{
	float:left;
	margin:0;
	padding:0px 0px 0px 0px;
	background: url(images/top_menu_grey.png);
	background-repeat:repeat-x;
	background-position:left;
	width:777px;
	clear:left;
	
}

#MainTargetMenu
{
	float:left;	
	padding:0;
	margin:0;
}
#MainTargetMenu ul
{
	float:left;
	margin:0;
	padding:0;
	background: url(images/top_menu_blue.png);
	background-repeat:no-repeat;
	background-position:left;
	list-style-type: none;
	padding:0px 30px 0px 30px;
			
}

#MainTargetMenu li 
{
	float: left;
	margin:0;
	padding:0;
	
	background: url(images/top_menu_blue.png);
	background-repeat:repeat-x;
	background-position:left;
		
	list-style-type: none;
	padding:0px 0px 7px 0px;
	height:37px;
	
}

#MainTargetMenu li a
{
	float:left;
	color:#ffffff;
	text-decoration:none;
	padding:12px 10px 10px 10px;
	font-size:110%;
	
}

.MainTargetDetelimeter
{

	float:left;
	margin:0;
	padding:0;
	background: url(images/top_menu_blue_delimiter.png);
	background-repeat:no-repeat;
	background-position:left;
	padding:1px 1px 2px 1px;
	height:41px;
	
	
	/* ONLY FOR IE 6*/
	_height:0px;
	_margin-top:12px;
	
}
div.LastTargetMenu
{
	float:left;
	margin:0;
	padding:0;
	font-size:0px;
	background: url(images/top_menu_blue_grey.png);
	background-repeat:no-repeat;
	background-position:left;
	width:35px;
	height:42px;
	padding-bottom:2px;
}



#MainMenu
{
	float:left;	
	padding:0;
	margin:0;
}
#MainMenu ul
{
	float:left;
	margin:0;
	padding:0;
	background: url(images/top_menu_grey.png);
	background-repeat:no-repeat;
	background-position:left;
	list-style-type: none;
	padding:0px 30px 0px 30px;
			
}

#MainMenu li 
{
	float: left;
	margin:0;
	padding:0;
	
	background: url(images/top_menu_grey.png);
	background-repeat:repeat-x;
	background-position:left;
		
	list-style-type: none;
	padding:0px 0px 7px 0px;
	height:37px;
	
}

#MainMenu li a
{
	float:left;
	color:#333333;
	text-decoration:none;
	padding:12px 10px 10px 10px;
	font-size:110%;
	
}
.MainDetelimeter
{
	float:left;
	margin:0;
	padding:0;
	background: url(images/top_menu_grey_delimiter.png);
	background-repeat:no-repeat;
	background-position:left;
	padding:1px 1px 2px 1px;
	height:41px;
	
	/* ONLY FOR IE 6*/
	_height:0px;
	_margin-top:12px;
	
}
/* END TOPMENU */


/* FOOTER */
#FooterArea
{
	overflow: visible;
	/*margin: 0 -0.5em;*/
	width:100%;
	float:left;
	margin-top:20px;
	background-color:#ffffff;
}


#Footer 
{
	border-top:solid 1px #cdcaca;
	float:left;
	padding:5px;
	color:#999999;
	font-size:90%;
	text-align:center;
	background-color:#ffffff;
	width:100%;

}

#Footer a
{
	text-decoration: none;
	color: #1f4cb3;
}


/*************************/
/* STAGEAREA             */
/*************************/
#StageArea
{
   
   	overflow: hidden;
   
   	padding:0;
   	margin:0;
   	float:left;
   	_height:46em;
   	min-height:46em;
   	width: 945px;
   	height:100%;
 }


/* BREADCRUMBS */
#BreadCrumbsArea
{
	float:right;
	font-size: 90%;
	font-family: Verdana, Arial, helvetica, Sans-Serif;
	padding:7px 10px 7px 0px;
	color: #1f4cb3;
}

#BreadCrumbsArea a
{
    color: #1f4cb3;
	text-decoration: none;
}

#BreadCrumbsArea a:hover
{
	text-decoration: underline;
}

span.black
{
	color:#000000;
}
/* END BREADCRUMBS */



/* LEFT MENU */

#SubMenuArea
{
	width: 203px;
	float: left;
	overflow: hidden;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size:100%;
	min-height:1px; /*incase of no menu */
	
	display:none;
}

#SubMenuArea a
{
	color: #333333;
}
#SubMenuArea a.selected
{
	color:#ff7800;
	font-weight:bold;
}
.SelectedPagingItem
{
	font-weight:bold;
	color: #ff7800;
}
.selected
{
	color:#ff7800;
	font-weight:bold;
}

#SubMenuArea ul
{
	float:left;
	padding: 0;
	list-style-type: none;
	line-height: 1.3em;	
	margin:0px;
	padding:0px;
	float:left;
	width:100%;
}
#SubMenuArea ul ul
{
	float:left;
	margin: 0 0 0.6em 1.5em;
	border: 0;
	border-top:none;


}
#SubMenuArea ul ul li
{
	
	border: 0;
}

#SubMenuArea li
{
	border-top: 1px solid #d7d7d7;
	float:left;
	width:100%;
}

#SubMenuArea li a, #SubMenuArea li span
{
	display: block;
	padding:3px 5px 3px 0px;
	text-decoration: none;
	/*line-height:130%;*/
}

#SubMenuArea li span 
{
}

#SubMenuArea li li span 
{
	background-position: 0.7em 0.2em;
}

#SubMenuArea li li a, #SubMenuArea li li span
{
	padding: 2px 0px 2px 0px;
	
}

#SubMenuArea li li
{	
	border-bottom-color: White;
	/*font-size: 0.8em;*/
}

#SubMenuArea li li span
{
	font-weight: bold;
}

#SubMenuArea li li li
{
	/*font-size: 1em;*/
}
/* END LEFT MENU */

/* STARTPAGE */
#StartPage
{
	float:left;
	width:100%;
	padding-top:2px;

}
#StartPageTop
{
	float:left;
	width:100%;
}

#StartPageTopLeft
{
	float:left;
	width:676px;
	padding-right:9px;
	_padding-right:8px;
}
#StartPageImageTopRight
{
	margin:0;
	padding:0;
	float:left;
	width:260px;
}
/*TO REMOVE EDITOR P TAG ON TOP*/
#StartPageImageTopRight p
{
	float:left;
	margin:0;
	padding:0;
}
#StartPageImageTopRight img
{
	float:left;
	margin:0;
	padding:0;

}

#StartPageBottomLeft
{
	float:left;	
	width:395px;
	padding:0px 15px 0px 0px;
			
}
#StartPageBottomMiddle
{
	float:left;	
	width:260px;
	_width:245px;
	
}
#StartPageBottomMiddle div.pageList h4
{
	padding-top:10px;
}
#StartPageBottomMiddle div.pageList ul
{
	padding:0;	
}
#StartPageBottomRight
{
	float:left;	
	width:260px;
	_width:245px;
	margin:0px;
	padding:0px;
}
#StartPageBlogg
{
	float:left;
	width:250px;
	background: url(images/blog_bkg.png);
	background-repeat:no-repeat;
	color: #999999;
	font-weight:normal;
	padding:5px 5px 5px 10px;
	margin-bottom:10px;
}
#StartPageBlogg h2
{
	color: #999999;
	font-size:130%;
	font-weight:normal;
}
#StartPageBlogg a
{
	color: #999999;
	font-weight:normal;
}
/* END STARTPAGE */

/* EVENTLIST */
.eventtext
{
	float:left;
	font-size:100%;
	text-decoration:none;
	color:#666666;	
	width:100%;
}

a.eventlink, a.eventlink:visited
{
	
	font-size:110%;
	text-decoration:none;
	color:#333333;
	
}
a.eventlink:hover
{
	text-decoration:underline;
	font-size:110%;
	color:#333333;
}
a.eventlinkbig, a.eventlinkbig:visited
{
	
	font-size:140%;
	color:#ff7800;
	width:100%;
	float:left;
	padding-bottom:5px;
	
}
a.eventlinkbig:hover
{
	text-decoration:underline;
	font-size:140%;
	color:#ff7800;
	width:100%;
	float:left;
	padding-bottom:5px;
}
.EventTextStartPage
{
	color:#333333;
	float:left;
	width:100%;
	font-size:110%;

}
.seeMore
{
	float:left;
	width:100%;

}
.seeMore a 
{
	text-decoration:none;
	font-size:110%;
	font-weight:bold;
	color:#1f4cb3;
	float:right;
}
.eventcategory
{
	float:left;
	padding-left:5px;
	font-size:100%;
	color:#666666;
	width:98px;

}
.eventdate
{
	float:left;
	font-size:100%;
	color:#666666;
	padding:0px 5px 0px 0px;
	width:60px;
}
.eventlink
{
	Float:left;
	width:225px;

}
.eventlinkbig
{
	float:left;
	width:265px;
}
.EventListStartPage
{
	Float:left;
	width:100%;
}
.EventStartPageLeft
{
	float:left;
	width:160px;
	margin-bottom:5px;
}
.EventStartPageLeft img
{
	width:150px;	
	height:116px;
}
.EventStartPageRight
{
	float:left;
	width:220px;
	padding:10px 10px 10px 5px;
}
/* END EVENTLIST */

/* PUFF */
.puffEditor p
{
	margin:0;
	padding:0;
	border:none;
	
}

.Puff
{
	float:left;
	background-color:#f5f4f4;
	width:260px;
	_width:245px;
	margin-bottom:8px;


}
.PuffHeader
{
	float:left;
	width:245px;
	background: url(images/blue_header_bar.png);
	background-repeat:repeat-x;
	background-position:top left;
	background-color:#2462B9;
	color: #ffffff;
	font-weight:normal;
	font-size:110%;
	height:22px;
	padding:7px 5px 0px 10px;
}
.PuffText
{
	float:left;
	width:240px;
	_width:240px;
	background-color:#f5f4f4;
	padding:7px 10px 7px 10px;
	min-height:30px;

}

.PuffText ul
{
	Float:left;
	margin:0px;
	padding:0px;
}
.PuffText li
{
	margin:0px;
	Float:left;
	width:100%;
	list-style:none;
	background: url(images/dot.png);
	background-repeat:no-repeat;
	background-position:left 5px;
	padding:1px 0px 0px 10px;
	font-size:110%;
	clear:both;
}
.PuffText li.links
{
	background: url(images/arrow.png);
	background-repeat:no-repeat;
	background-position:left 5px;
}
.PuffText li a
{
	color: #1f4cb3;	
	
}
.PuffText li.withoutarrow
{
	margin:0px;
	Float:left;
	list-style:none;
	color: #000000;
	padding:0px 10px 3px 5px; 
	margin:0px;
	font-size:90%;
	background-image:none;
}

/*IMAGE INSIDE A PUFF*/
.PuffImage img
{
	float:left;
	margin-bottom:10px;
}

/*ONLY IMAGE PUFF*/
.ImagePuff 
{
	margin:0;
	padding:0;
	float:left;
	width:100%;
	padding-bottom:0px;
	
}
.ImagePuff img
{
	margin:0;
	padding:0;
	float:left;
}
/* PUFF */

/* RESPONSIBLE*/
.Responsible
{
	padding-right:15px;
}
.PageResponsible
{
	float:left;
	width:100%;
	color:#a6a6a6;
	padding:15px 0px 10px 0px;
}
.PageResponsible a
{
	text-decoration:underline;
	color:#a6a6a6;
}
.ResponsibleLeft
{
	Float:left;
	width:49%;
}
.ResponsibleRight
{
	Float:left;
	text-align:right;
	width:49%;
}
/* END RESPONSIBLE*/

/* SHARE */
#CommentsShare
{
	Float:left;
	width:100%;
	padding-top:10px;
	border:solid 1px #e6e6e6;
	border-bottom:none;
	border-left:none;
	border-right:none;
}
#Share
{
	float:left;
	width:49%;
}
/* END SHARE */

/* COMMENTS */
div.toggleHeading
{
	float:left;
	width:49%;
	text-align:right;
}
#CommentsContainer
{
	width:437px;
	clear:both;
	padding-top:20px;
}
#Commentform
{
	float:left;
	background-color:#e6e6e6;	
	padding:10px 10px 10px 10px;
	text-align:left;
}
#CommentList
{
	width:400px;
	clear:both;
	list-style:none;
	padding:0;
	margin:0;
	text-align:left;
}

#CommentList ul
{
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
	width:417px;
	clear:both;
	padding-top:10px;
}
#CommentList li
{
	border:solid 1px #e6e6e6;
	border-left:none;
	border-right:none;
	border-top:none;
	list-style:none;
	padding:10px 10px 10px 10px;
	margin:0;
}
#CommentList li p.postedBy
{
	margin-bottom:0;
}

/* END COMMENTS */

/* ------ ERROR -------- */

div.errorpanel 
{
	clear: left; 
	float: left; 
	border: #f2d594 1px solid; 
	padding:10px 10px 12px 10px;
	margin: 0px 0px 8px; 
	background-color: #ffeece;
	min-width: 734px; 
	width: 97%; 
	/* Special för IE 6 */
	_width: 96.6%;
}

div.errorsumpanel
{
	clear: left; 
	float: left; 
	border: #f2d594 1px solid; 
	padding:10px 10px 12px 10px;
	margin: 0px 0px 8px; 
	background-color: #ffeece;
	min-width: 734px; 
	width: 97%; 
	/* Special för IE 6 */
	_width: 96.6%;
	
	
	
}

div.errorsumpanel h3
{
	color: #EE0202; 
	font-weight:bold;
	font-size:110%;
	padding:0px 0px 6px 0px;
	margin:0px;

}

div.errorsumpanel li
{
	color: #EE0202; 
	font-size:110%;
	line-height:130%;
	list-style:none;
	margin:0px;
	padding:0px;
	text-indent:0px;
}

div.errorsumpanel ul
{
	padding:0px;
	margin:0px;
}




div.verybadsolution /*Summary of error returns code that is not posible to render with right css. Therefor this css is made!*/
{
	height:0px;
	font-size:0px;
}
.errorhead
{
	color: #EE0202;
}

.error
{
	_padding:0px 0px 10px 0px;
	float:left;
	clear:left;
	color: #EE0202; 
	font-size:110%;
	line-height:130%;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
}

.texthead
{
	color: #000000;
}
/* END ERROR */

/* Index */
#IndexPageListMenu
{
	padding: 0;
	margin-bottom: 10px;

}
#IndexPageListMenu ul
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style:none;

}
#IndexPageListMenu li
{
	margin: 0;
	padding:0;
	list-style: none;
	display: inline;

}
#IndexPageListMenu li.first
{
	padding:0;
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
}
#IndexPageList ul
{
	margin-left: 0;
	padding-left: 0;
	list-style:none;

}
#IndexPageList li
{
	margin: 0;
	padding: 0;
	list-style: none;
	clear:left;
}
#IndexPageList li hr
{
	clear:left;	
}
/* End Index */


/* FAQ */

#faqRoot {margin: 0;padding: 0;}

#faqindex {float: left;}
#faqindex a, #faqindex /*a:visited {text-decoration: none;color: #666;}*/
#faqindex a:active, #faqindex a:hover {color: #000;}
#faqindex ul {list-style-type: square;list-style-image: none;list-style-position: outside;padding-left:25px;line-height: 18px;margin-top: 5px;font-size:80%;}
#faqindex ul li {white-space:nowrap;}
#faqindex h4 {color: #1f4cb3; cursor:pointer; font-size:130%;font-weight:normal;padding: 0;margin-bottom: 0; }

#faq {float:left; margin-bottom:15px;margin-top:5px;padding:0;}

#faq .faqcontent {margin: 0;padding:0;font-size: 95%;  }

#faq h4 {color: #1f4cb3;padding:0; padding:5px 0px 5px 0px; font-size:1.1em; }
#faq div{ padding-bottom:20px;}
#faq h4.faqopened, #faq h4.faqclosed {cursor: pointer;}
#faq h4.faqclosed:hover {text-decoration:underline;}
#faq h4.faqclosed {background: transparent url(collapsed.png) no-repeat scroll 0 10px;}
#faq h4.faqopened {background: transparent url(expanded.png) no-repeat scroll 0 10px;}

span.published
{
	color:#a6a6a6;
}
#faq .faqcontent {margin: 0;padding:0 0 20px 0;font-size: 95%;  }
span.feedback
{
	font-style:italic;
	font-size: 1.2em;	
}
/* End FAQ */


/*************************/
/* LOGIN PAGE            */
/*************************/
.loginArea 
{
    width: 100%;
}

.loginArea label 
{
    display: block;
    line-height: 1em;
    width: 35%;
}

.loginArea input
{
    margin: 0.3em 0 1em 0;
}

/*************************/
/* REGISTER PAGE         */
/*************************/
.registerArea 
{
    width: 100%;
}

.registerArea label 
{
    display: block;
    line-height: 1em;
}

.registerArea input
{
    margin: 0.3em 0 1em 0;
}

/*************************/
/* SUBSCRIPTION PAGE     */
/*************************/
.subscriptionArea 
{
    width: 100%;
}

.subscriptionArea label.topLabel 
{
    display: block;
    line-height: 1em;
}

.subscriptionArea input, .subscriptionArea select
{
    margin: 0.3em 0 1.5em 0;
}

.subscriptionListArea input
{
    margin: 0 0.3em 0 0;
}

.subscriptionListArea td 
{
    vertical-align: text-bottom;
    padding: 0.3em 0;
}

/*************************/
/* SEARCH PAGE           */
/*************************/
#ResultArea 
{
    padding-top: 2em;
}

#ResultArea ol
{
    margin: 0;
    padding-left: 2em;
}

#ResultArea li 
{
    margin: 0; 
    padding: 0;
}

input.searchText 
{
    width: 75%;
}

/*************************/
/* SITEMAP PAGE          */
/*************************/

#SiteMap ul { margin: 0;padding: 0.1em 0;}
#SiteMap ul li{margin:0 0 1px; list-style: none;}
#SiteMap ul a{font-size:1.3em;padding:0;}
#SiteMap ul li ul a{font-size:1.0em !important; text-decoration:underline;}
#SiteMap ul li ul{margin-bottom:13px;background:#FFF url(images/sitemap/sitemap-ul-bg.gif) repeat-y 6px 0;padding:5px 0 0}
#SiteMap ul li ul li{line-height:18px;background:url(images/sitemap/sitemap-ul-1.gif) no-repeat 6px 0;margin:0;padding:0 0 0 35px}
#SiteMap ul li ul li.last{background:#fff url(images/sitemap/sitemap-ul-1-last.gif) no-repeat 6px 0}
#SiteMap ul li ul li a{background:#fff;color:#005195;font-size:1.2em;padding:0}


/*************************/
/* DOCUMENTS             */
/*************************/
#MainBody.documentList ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#MainBody.documentList li
{
    clear: both;
}

#MainBody.documentList .download 
{
    float: right;
}

#MainBody.documentList a
{
    padding: 0 0 2px 20px;
}

a.bmpExtension {background: url(images/extensions/bmp.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.docExtension, a.docxExtension {background: url(images/extensions/doc.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.gifExtension {background: url(images/extensions/gif.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.htmExtension, a.htmlExtension {background: url(images/extensions/htm.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.jpgExtension, a.jpegExtension {background: url(images/extensions/jpg.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.mp3Extension {background: url(images/extensions/mp3.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.mpgExtension {background: url(images/extensions/mpg.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.pdfExtension {background: url(images/extensions/pdf.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.pngExtension {background: url(images/extensions/png.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.pptExtension, a.pptxExtension {background: url(images/extensions/ppt.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.tifExtension, a.tiffExtension {background: url(images/extensions/tif.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.txtExtension {background: url(images/extensions/txt.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.wavExtension {background: url(images/extensions/wav.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.xlsExtension, a.xlsxExtension {background: url(images/extensions/xls.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.zipExtension {background: url(images/extensions/zip.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}


/*************************/
/* PAGELIST              */
/*************************/
.pageList
{
	float:left;
	width:100%;
	margin:0;
	padding:0;

}

.pageList ul
{
	margin: 0;
	padding:0;
	list-style-type: none;
	float:left;
	width:100%;
	padding-bottom:5px;

}

.pageList li
{
	margin: 0;
	float:left;
	list-style-type: none;
	width:100%;
	padding:2px 0px 2px 0px;
}

.pageList h2
{
	margin: 0;

}
.pageList hr
{
	clear:both;	
}

/*------- FORMS --------*/                
.votes
{
	padding:5px 0px 5px 0px; float:left; width:240px;
}
.greystat
{
	float:left; 
	background-image:url(images/poll_grey.jpg);
	background-position:left;
	background-repeat:repeat-x;
	height:15px;
}
.orangestat
{
	float:left; 
	background-image:url(images/poll_orange.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	height:15px;
}

.xForm {}

.xForm h2
{
	padding: 1em 0;
	margin: 0;
}

.xForm legend 
{
    color: Black;
}

.xForm input 
{
    float: left;
}

.xForm .heading
{
    font-weight: bold; 
    font-size: 1em; 
    padding: 0; 
    margin: 0.4em 0em;
}

.xForm #id_matrix
{
    width: 100%;
	margin: 0;
	padding: 0;
}

.xForm #id_matrix td
{
	border:0;
	margin: 0;
	padding: 0.2em 0;
}

span.xformvalidator
{
    color: Red;
}

.xForm .options 
{
    float: left;
}

.xForm label 
{
    margin-right: 0.5em;
    float: left;
}

#id_matrix br 
{
    clear: both;
}

.thankyoumessage
{
	padding: 1em 0;
	margin: 0;
	font-weight: bold;
}
/*------- END FORMS --------*/               





/**********************************/
/*    Table classes for content   */
/**********************************/
table.classic
{
	border-collapse: collapse;
	border: solid 0.1em #777777;
}

table.classic th
{
	border: solid 0.1em #777777;
	background-color: #DADADA;
	padding: 0.4em;
}

table.classic td
{
	border: solid 0.1em #777777;
	padding: 0.2em 0.4em;
}

table.color
{
	border-collapse: collapse;
	border: solid 0.1em #275569;
}

table.color th
{
	border: solid 0.1em #275569;
	background-color: #4495b9;
	color: White;
	padding: 0.4em;
}

table.color td
{
	border: solid 0.1em #275569;
	padding: 0.2em 0.4em;
}

th.highlighted, td.highlighted {}

table.classic th.highlighted
{
	background-color: #AAAAAA;
}

table.classic td.highlighted
{
	background-color: #F0F0F0;
}

table.color th.highlighted
{
	background-color: #377995;
}

table.color td.highlighted
{
	background-color: #d1e6ef;
}

th.leftalignedcontent, td.leftalignedcontent
{
	text-align: left;
}

th.rightalignedcontent, td.rightalignedcontent
{
	text-align: right;
}

/**********************************/
/*   Image  classes for content    */
/**********************************/

div.imgstartpage
{
	border-bottom:solid 10px #ff9933;
	margin-bottom:10px;
}

/* GOOGLE MAPS */
.content label
{
	font-size:120%;
	font-weight:normal;
	padding:2px 0px 2px 0px;
	/*This is for IE 6 */
	padding-right:10px;
	
}
#GoogleMapContainer 
{
	border: #dddcd9 1px solid; 
	float:left;
	width: 100%;
	
	min-height:250px;
	_height:450px;
	height:100%;
	padding:10px;
	visibility:visible;
}

img.shipmap
{
	width:150px;
}
img.shippage
{
	width:350px;
}
.TraficInfo img
{
	_width:150px;
	width:150px;
}
.contentcell
{
	float:left;
	padding:0px 10px 10px 0px;
	margin:0px;
		
}


.contentcellleft
{
	float:left;
	padding:0px 20px 0px 0px;
	margin:0px;
	width:300px;
	margin:0px;
}
.contentcellright
{
	float:left;
	padding:0px 20px 10px 0px;
	margin:0px;
	width:600px;
}
#ShowMap, #ShowList
{
    display:none;
}
#map_canvas
{
	float:left;
	border:solid 1px #dddcd9;
	visibility:visible;
	width: 100%;
	min-height:450px;
	min-width:500px;
	height:99%;

}
#ShowTraficLink
{
	padding:0px 0px 15px 0px;
}
a.traficlink, a.traficlink:hover, a.traficlink:visited
{
	font-size:110%;
	text-decoration:none;
}
span.right
{
	padding-left:7px;
	cursor:pointer;
	color: #1f4cb3;
}

span.right:hover
{
	text-decoration:underline;
}

div.shipheading
{
	float:left;
	clear:left;
	width:200px;
	font-size:100%;
	padding:2px 0px 2px 0px;
	float:left;
	display:block;
}
.shipheading label
{
	font-size:100%;
	font-weight:bold;
	display:block;
	float:left;
	width:100px;
	padding-top:0;
	
}
.shipheading span
{
	float:left;	
}
.traficlist
{
	float:left;
	padding:0px 20px 0px 0px;
	margin:0px;
	margin:0px;
}
.traficlist div.shipheading
{
	width:300px;	
}

.shipinharborlink
{
	float:right;
	
}
.shipinharbor 
{
	float:left;
	padding:0px 10px 0px 0px;

}
.traficlistdate, .traficlistharbour
{
	float:left;
	padding:0px 20px 0px 0px;
	margin:0px;
	margin:0px;
}

label.shiphead
{
	float:left;
	clear:left;
	width:100%;
	font-size:100%;
	font-weight:bold;
	padding:2px 0px 2px 0px;
}
.shiphead span
{
	font-weight:normal;
}

/* END GOOGLE MAPS */

/* START BLOG */
div.bloggerDetails img, div.bloggerDetails h3
{
	padding-top:5px;	
}
p.postedBy
{
	font-weight:bold;
	padding-bottom:3px;	
	padding-left:0;
}
div.dateTree ul
{
    padding:0;
    margin: 0;
    font-size:0.9em;
    padding-bottom:15px;
}
div.dateTree a.year
{
	float:left;
	font-size:1.1em;
	font-weight:bold;
	clear:both;
}
div.dateTree ul ul
{
    margin: 0 0 0 0;
    float:left;
    clear:both;
}

div.dateTree li
{
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
    clear:both;
    background:none;
}

/* END BLOG */

.SearchForm
{
	padding:12px;
	width:412px;
	height:30px;
	background-color:#e6e6e6;	
	margin-bottom:15px;
}
 .prevLink
 {
 	float:left;
 }
 .nextLink
 {
 	float:right;
 }
 
 img.contactPerson
 {
 	margin-right: 1em;
    margin-bottom: 1em;
	float: left;
	height:130px;
	width:100px;
 }
 
/* Image archive */
.image{display:table-cell;vertical-align:middle}
.image div{position:absolute;top:50%}
.image>div{display:table-cell;vertical-align:middle;position:static}
.image div div{position:relative;top:-50%;text-align:center}
div.picture-item{width:137px;height:auto;float:left;margin-bottom:25px; background:#FFF url(images/item-bg.jpg) top left no-repeat; padding:17px 10px 10px 10px;}
div.picture-item h2{font-size:1.1em;color:#262626;margin:0;padding:0 10px}
div.picture-item p{font-family:Arial, Verdana, sans-serif;font-size:1.1em;color:#262626;margin:0 0 2px;padding:0 10px}
div.row{width:100%; clear:both;}

div.list-pagin
{
	width:100%;	
	border-top:solid 1px #e6e6e6;
	padding-top:5px;
}
div.list-pagin a
{
	font-size:1.0em;
	font-weight:bold !important;
	padding:0 5px;	
}
div.list-pagin a.active
{
	color:#ff7800;
}

#MainContentWide div.list-pagin
{
	margin-top:20px;
}

* html img,* html .png {
/*_position:relative;*/
_behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && (this.src.toLowerCase().indexOf('.png')>-1 || this.className.toLowerCase().indexOf('png')>-1)?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "/templates/Public/Styles/Glossy/Images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
); }