/**************************************************************************
	Transparency support for IE5.5+
**************************************************************************/
* html img { behavior: url(/iepngfix.htc) }

/**************************************************************************
	Overrides
**************************************************************************/
body
{
	background: #E6E6E6;
	font-size: 11px;
	font-family: Verdana, Arial;
	line-height: 1.3em;
}

body *
{
	margin: 0;
	padding: 0;
}

p
{
	padding: 1em 0 0;
}

.Normal,
.SkinObject
{
	font-size: 11px;
	font-family: Verdana, Arial;
}

a, a:link
{
	text-decoration: none;
	color: #2B85BB;
}
a:hover
{
	color: #216994;
	text-decoration: underline;
}
a:visited
{
	color: #5C1195;
}



h1, h2, h3,
h1 span.Head,
h2 span.Head,
h3 span.Head
{
	font-weight: bold;
	color: #2B85BB;
	margin: 1em 0 0;
}

h1, h1 span.Head { font-size: 16px; }
h2, h2 span.Head { font-size: 14px; }
h3, h3 span.Head { font-size: 12px;	color: #FFA800; }


td
{

}

th, caption
{
    background: #2B85BB;
    color: #FFF;
    padding: 0;
    text-align: left;
    font-weight: bold;
}

.DNNAlignleft, .DNNAligncenter, .DNNAlignright
{
text-align:left;
}


/**************************************************************************
	Skin skeleton
**************************************************************************/

div.pageWrapper
{
	background: transparent url(images/right-shade.png) repeat-y right top;
	margin: 0 auto;
	padding: 0 16px 0 0;
	width: 916px;
}
div.pageWrapperContent
{
	background: transparent url(images/left-shade.png) repeat-y;
	padding: 0 0 0 16px;
	width: 900px;
}
div.pageHead
{
	background: #1B1C1B;
}
div.pageHeadTop
{
	position: relative;
}
#pageLogo
{
	position: absolute;
	left: 10px;
}
#searchBox
{
	height:30px;
}
.pageMenu
{
	padding:0px;
	margin:0px;
	background:#000000;
	margin-top:10px;
}

div.breadCrumbs
{
	background: #000;
	padding: 5px 15px;
	color: #FFF;
	font-size: 10px;
	height:60px;
}
div.breadCrumbs #dnn_dnnBREADCRUMB_lblBreadCrumb .SkinObject
{
	color: #FFF;
	font-size: 10px;
}

div.pageContent
{
	clear: both;
	height: 100%;
}

div.pageFooter
{
	min-height: 115px; _height: 115px;
	color: #FFF;
	background: #888888;
	padding: 10px;
	position: relative;
}
div.pageFooter .Normal,
div.pageFooter .SkinObject
{
	color: #FFF;
}
#dnn_dnnSITEMAPLINK_sitemapLink,
#dnn_dnnLOGIN_cmdLogin
{
	color: #006990;
}

#dnn_dnnLOGIN_cmdLogin
{
	color: 2B85BB;
}

/**************************************************************************
	Panes
**************************************************************************/

#dnn_FlashPane
{
	font-size: 0;
	line-height: 0;
	width: 898px;
	min-height: 50px; _height: 50px;
	padding: 0;
	height:175px;
}

#dnn_ContentPane
{

}
.Content_Pane_Start
{
	width:500px;
	height:575px;
	float:right;	
	
}
.content_wrap
{
	
		background: #E6E6E6 url(images/gray-bottom-shade.png) repeat-x left bottom;
	padding-bottom: 15px;
	height:100%;
	
}
#Content_Bottom
{
	height:30px;
	background:#fff;	
}

/**************************************************************************
	Skin objects
**************************************************************************/

#dnn_dnnSEARCH_cmdSearch
{
	background: #FFF;
	border: solid 1px #000;
	border-bottom: solid 1px #7C7C7C;
	color: #000;
	padding: 3px;
	margin-top: 4px;
}

* html #dnn_dnnLOGO_imgLogo
{
	width: 230px;
	height: 67px;
}

.bookmark
{
	padding: 10px 10px 10px 20px;
}

.saveAsFavourite
{
	padding-left: 20px;
	margin-top: 10px;
	background: transparent url(images/star.png) no-repeat left center;
}
* html .saveAsFavourite
{ background-image: url(images/star.gif); }
.saveAsFavourite *
{
	color: #FFF;
}


#IATA
{
	position: absolute;
	top: 10px;
	right: 10px;
}
#IATA img
{
	border: none;
}

/**************************************************************************
	Staff listing
**************************************************************************/

.staffMember
{
	float: left;
	font-size: 9px;
}

.staffMember .container
{
	width: 260px;
	padding: 10px;
}

.staffMember img
{
	float: left;
}

.staffMember .name
{
	color: #FFA800;
	font-size: 12px;
	font-weight: bold;
}

.staffMember .position
{
	font-weight: bold;
}

.staffMember .telephone
{
	padding-top: 1em;
}
.staffMember .email
{
	padding-bottom: 1em;
}

/**************************************************************************
	Map Startpage
**************************************************************************/
.map
{
	height:535px;
	width:380px;
	float:left;
	
}


.nor:hover
{
	background: url('http://ssl-int.staging.llr.se/Portals/2/start_map/norway_blue.png') no-repeat;
	position:absolute;
	z-index:9999;	
}
.swe:hover
{	height:535px;
 	position:absolute;
	width:380px;
	background:transparent url('http://ssl-int.staging.llr.se/Portals/2/start_map/sweden_blue.png') no-repeat;
}


/* --- Container configuration ---------------------------------------------------------- */
.viewport {
    border: 3px solid #eee;
    float: left;
    height: 299px;
    margin: 0 9px 9px 0;
    overflow: hidden;
    position: relative;
    width: 450px;
}

/* This is so that the 2nd thumbnail in each row fits snugly. You will want to add a similar
   class to the last thumbnail in each row to get rid of the margin-right. */
.no-margin {
    margin-right: 0;
}

/* --- Link configuration that contains the image and label ----------------------------- */
.viewport a {
    display: block;
    position: relative;
}

.viewport a img {

}

/* --- Label configuration -------------------------------------------------------------- */
.viewport a span {
    display: none;
    font-size: 3.0em;
    font-weight: bold;
    height: 100%;
    padding-top: 120px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 100%;
    z-index: 100;
}
    .viewport a span em {
        display: block;
        font-size: 0.45em;
        font-weight: normal;
    }

/* --- Dark hover background ------------------------------------------------------------ */
.dark-background {
    color: #fff;
    border:0;
}
/**
 * You could create multiple hover background classes for different looks depending on the
 * image type. Use your imagination!
 */