body { margin: 0; padding: 0; background: #6d6e72; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; background-image: url(/content/SebNordic/content_bg_wide.gif); background-position: top center; background-repeat: repeat-y; }
div { background: transparent; }
/* menu and structure */
div#topgradient { width: 100%; height: 103px; 
    background-position: top center; background-image: url(/Content/SebNordic/topNew.jpg); 
    background-repeat: no-repeat; z-index: 10; }
div#ie { text-align: center; }
div#mainheader { padding-top: 72px; padding-left: 5px; text-align: left; width: 890px; margin-left: auto; margin-right: auto; }
div#content { z-index: 5; text-align: left; background-image: url(/Content/SebNordic/cardPiece1.gif); 
    background-repeat: no-repeat; background-position: 0px 0px; margin-left: auto; margin-right: auto; width: 901px; 
    background-color: transparent; padding-bottom: 40px; }
div.bottom { clear: both; float: none; z-index: 1050; width: 100%; margin-top: 40px; background-image: url(/Content/SebNordic/bottomGradient.jpg); background-repeat: no-repeat; background-position: top center; height: 35px; }
div#menu { margin-top: 0; margin-left: 7px; margin-right: 6px; width: 156px; float: left; clear: left; }
div.innercontent { width: 726px; float: left; clear: right; }
div.padded { margin-left: 10px; margin-right: 10px; }
div#lefthalf, div.lefthalf { background-image: url(/Content/SebNordic/vertLine.gif); background-repeat: no-repeat; 
    background-position: right bottom; padding-right: 7px; width: 463px; float: left; }
div#righthalf, div.righthalf { overflow: hidden; width: 250px; float: right; }
div#righthalf h1, div.righthalf h1 {font-weight: bold; letter-spacing: normal; font-size: 100%; margin: 0 2px 5px 2px; font-family: Verdana, Arial, Helvetica, sans-serif; }
div#righthalf h2, div.righthalf h2 {font-weight: bold; letter-spacing: normal; font-size: 100%; margin: 0 2px 5px 2px; font-family: Verdana, Arial, Helvetica, sans-serif; }
div#righthalf p, div.righthalf p { margin: 5px 2px; }
div.ads { width: 453px; float: left; clear: both;}
div.ads div { width: 360px; }
div.ads h1 { margin: 0; font-weight: bold; font-size: 100%; letter-spacing: normal; font-family:  Verdana, Arial, Helvetica, sans-serif; }
div.ads p { margin: 5px 0; }
div.innerRight p { margin: 2px 0; }
/* basic elements */
table { font-size: 100%; border-collapse: collapse }
input, textarea, select { font-family: Arial, sans-serif; font-size: 90%; color: #000; font-weight: normal; background: #f6f6f6;}
td { border-width: 0px; border-color: #fff; vertical-align: top; text-align: left; background: transparent; font-size: 100%; }
th { font-family: Verdana, Arial, Helvetica, sans-serif; background: transparent; text-align: left; padding: 0; }
th.list, .th, table.list th, tr.header td { background-color: #6d6e71; color: #fff; font-weight: normal; padding: 1px 2px; border-right: 2px solid #fff; }
tr.header td.light, tr.header th.light { color: #666; font-weight: bold; background: #fff; }
table.list th a, th.list a, .th a { color: #fff; text-decoration: underline; }
table.bordered { margin-right: 0; float: right; clear: right }
table.list td, table.list th, table.space td, table.space th { padding: 1px 5px; }
/* table.list a, table.space a, table.bordered a { color: #333; text-decoration: underline } */
.small { font-size: 90%; }
.big { font-size: 120%; font-weight: bold; color: #666 }
table.bordered td { border: solid 2px #fff; padding: 1px 7px 1px 3px; }
table.bordered th { background-color: Transparent!important; padding: 1px 7px 1px 3px; border-bottom: solid 2px #daf2fc; font-size: 90% }
a { color: #0295ca; text-decoration: none; }
div.cardshadow { clear: both; background-image: url(/content/SebNordic/CardShadow.jpg); padding: 5px; background-color: #fff; background-repeat: no-repeat; border-top: 1px solid #ccc; }
div.cardshadow b { font-size: 110%; color: #666 }
div.divider { border-top: dotted 1px #ccc; font-size: xx-small; margin-top: 20px; margin-bottom: 10px; width: 100%; clear: both }
tr.divider td { border-bottom: dotted 1px #ccc; }
a.offer { color: #333; background-color: Transparent; }
a.offer:hover { background-color: #daf2fc; text-decoration: none; }
a:hover { text-decoration: underline; }
a.toptext { text-decoration: none; font-size: 80%; letter-spacing: 1px; color: #eee; text-transform: uppercase; font-family: Times, "Times New Roman", Serif;  }
a.toptext:hover { text-decoration: underline; }
b, strong, span.bold { font-size: 100%; color: #666; font-weight: bold }
a.light { color: #f2f2f2!important; font-size: 80%; text-decoration: none;  }
a.light:hover { text-decoration: underline;  }
div.menudivider { background-image: url(/Content/SebNordic/menudivider.gif); background-repeat: no-repeat; background-position: top right; height: 20px; margin-top: -2px }
.gradienttop { background-image: url(/Content/SebNordic/gradient_line.gif); background-repeat: no-repeat; background-position: top left; padding-top: 10px; padding-bottom: 5px; margin-top: 5px; }
.gradientbottom { background-image: url(/Content/SebNordic/gradient_line.gif); background-repeat: no-repeat; background-position: bottom left; padding-bottom: 10px; margin-bottom: 10px; }
.gradient { background-image: url(/Content/SebNordic/gradient_line.gif); background-repeat: no-repeat; background-position: center left; height: 5px; font-size: 5px; }
div.smallfont { font-size: 95%; }
h1 { margin-top: 10px; color: #666; font-family: Times, Times New Roman, Serif; letter-spacing: 1px; font-weight: normal; font-size: 170%; }
h2, .h2 { margin-top: 10px; margin-bottom: 10px; color: #666; font-family: Times, Times New Roman, Serif; letter-spacing: 1px; font-weight: normal; font-size: 150%; }
h3 { margin-top: 7px; color: #666; font-family: Times, Times New Roman, Serif; letter-spacing: 1px; font-weight: bold; font-size: 120%; margin-bottom: 5px; }
form { width: 100%; margin: 0; padding: 0; background-color: Transparent }
.button { font-family: Verdana, Arial, Helvetica; background: #00bbff; padding-top: 2px; font-size: 85%; text-transform: uppercase; font-weight: bold; color: #fff }
.alternate { background: #daf2fc; }
.alternate td { background: #daf2fc; }
img { border: 0 }
.plain input, input.plain { background: transparent; }
a.plain { color: #333; text-decoration: none!important }
.info { border: 1px solid #00bbff; padding: 10px; background-color: #fff }
/* ie6 fix */
* html #fixInfo
{
	height: 0;
	he\ight: auto;
	zoom: 1;
}
#fixInfo ul
{
	margin-bottom:0px;
}

.help {  border: 1px solid #00bbff; padding: 10px; background-color: #fff; width: 200px;
    filter:alpha(opacity=95);
	opacity:0.95;
	}
a.help img { float: none; }
a.help { float: none; width: 15px; border: 0; padding: 0; background-color: Transparent; }
.success { color: #000; background: #daf2fc; border: 1px solid #00bbff; padding: 10px; text-align: center; }
.success a { color: #000; text-decoration: underline; }
.info a { font-weight: bold; }
.error { color: Red; }
div#searchbox { clear: right; border: 1px solid #ccc; float: right; padding: 5px; text-align: right; }
/*
div.bank { width: 100%;}
div.bank form { display: inline; margin-bottom: 10px; }
div.bank input { background: transparent; }
*/
div.bank { width: 350px; text-align:center; }
div.bank form { display: block; float:left; vertical-align: middle; width:115px; height:75px; }
div.bank input { background: transparent; }

pre { font-size: 90%; overflow: scroll; padding: 10px; background-color: #f0f0f0; border: solid 1px red; margin: 5px 0; }
.admin { width: 650px; clear: both; padding: 10px 10px 20px 10px; border: 1px solid #99cc00; background-color: #f2f2f2; background-image: url(/Content/SebNordic/ForAdminsOnly.gif); background-position: bottom right;  background-repeat: no-repeat; font-family: Arial, Helvetica, Sans-Serif;  }
.admin .button { border: 0; width: 60px; height: 20px; background-image: url(/FiAdmin/Images/Button.gif) }
.admin a { color: #3B7A0F; text-decoration: none; }
.admin a:hover { text-decoration: underline; }
.admin h2, .admin h3 { font-family: arial, helvetica, sans-serif; margin-top: 10px; font-weight: normal; font-size: 15px; margin-bottom: 0; color: #333333; text-align: left; }
.admin h1 { margin-top: 0px; font-weight: bold; font-size: 15px; margin-bottom: 10px; color: #333333; font-family: arial, helvetica, sans-serif; text-align: left; }
.loginstatus { margin-top: 3px; border-bottom: 1px solid #565658; font-size: 80%; padding: 5px 4px; color: #fff; float: left; width: 148px; background-color: #6d6e72;  border-bottom: 1px solid #565658; border-top: 1px solid #fff;  }
.loginstatus a { color: #fff; text-decoration: underline;  }
a.AspNet-LoginStatus { text-decoration: none; }
a:hover.AspNet-LoginStatus { text-decoration: underline; }
ul { list-style-image: url(/content/SebNordic/blueArrow0.gif); }
ul li { padding-bottom: 5px; } 
ul li a { text-decoration: none; }
ul li a:hover { text-decoration: underline; }

/* FAQ lists */
ol.faq { margin-left: 20px; padding-left: 10px;  }
ol.faq li div { background-color: #daf2fc; padding: 1px 5px 0 5px; margin-bottom: 10px; }
ol.faq li div.faqitem { background-color: #fff; color: #00abe9; margin-bottom: 5px; margin-right: 50px; cursor: pointer; padding: 5px 0 5px 0; font-weight: bold;  }

/*div.header { float: left; width: 140px; padding-top: 2px; }*/
.right { text-align: right; margin-left: auto; margin-right: 0; }
table.input td.text { padding-top: 2px;}
.inactive { color: #aaa; }
.selected { font-weight: bold; color: #000; text-decoration: none; }
div.card { border-bottom: dotted 1px #ccc; padding: 10px 5px 5px 5px; margin-bottom: 10px }
div.card_uus { border-bottom: dotted 1px #ccc;  margin-bottom: 10px }
div.logging { float: left; margin: 5px 0; width: 100%; text-align: right; }
div.logging a { text-decoration: none; }
div.logging a:hover { text-decoration: underline; }
div.inputfield { vertical-align: bottom; margin-bottom: 7px; float: left; text-align: left; }
div.inputfield label { float: left; width: 170px;  }
div.inputfield span.plain label { float: none; width: auto;  }
.validator { padding-left: 170px; }


a.navilink:visited, a.navilinkselected:visited, a.navilinkdisabled:visited 
{ 
    color: #000000; 
}
div.wizardSteps a, .navilink, .navilinkselected, .navilinkdisabled
{ 
    font-size: 90%; color: #000000; overflow: visible; 
    background-color: #eeeeee; display: block; float: left; border: 1px solid #cccccc; 
    padding: 2px 5px; margin: 0; 
}
.navilinkdisabled { color: #999999; text-decoration: none; }
div.wizardSteps a.navilinkselected { border: 1px solid #00bbff; color: #000000; background: #ffffff; text-decoration: none; }


.watermarked { width: 200px; padding:2px 0 0 2px; border: 1px solid #00bbff; background-color:#daf2fc; 
    color: #333; }
div.card input, table.card input { margin-top: 2px; background-color: #fff; border-color: #daf2fc; border-style: inset }
table.card span.info { float: left; clear: both; border: #00bbff; z-index: 30; background-color: #daf2fc; padding: 4px;  }
div.space { margin-bottom: 10px; }
td.space { padding-bottom: 10px; }
div.smallspace { margin-bottom: 5px; }
td.smallspace { padding-bottom: 5px; }
.center { text-align: center; }
/* DetailsView */
div.AspNet-DetailsView-Data ul { margin-left: 0; list-style-image: none; list-style: none; margin-bottom: 5px; }
div.AspNet-DetailsView-Data .AspNet-DetailsView-Name { display: block; float: left; width: 190px; }
div.AspNet-DetailsView-Data .nonames .AspNet-DetailsView-Name { display: none; }
div.AspNet-DetailsView-Data ul li span.title { padding-top: 2px; display: block; float: left; clear: left; width: 190px; }
/* calendar */
table.calendar { width: 180px; font-size: 90%; border: 1px solid #ccc; }
table.calendar table.header { background-color: #daf2fc!important; border: 0!important }
table.calendar td { background-color: #fff; text-align: center; border: 1px solid #ccc; }
table.calendar table.header td { border: 0!important }
table.calendar th { text-align: center; background-color: #6d6e71; color: #fff; }
table.calendar td.othermonth { background-color: #f2f2f2; }
table.calendar td.current a { text-decoration: underline!important; }
table.calendar td.selected { border-width: 2px!important; background-color: #daf2fc!important; border: 2px solid #00bbff!important; }
table.clear { clear: both;  }

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color: White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:10px;
	width:320px;
}

.modalPopupButtons 
{
	text-align: center;
	
	padding-top: 10px;
}

div.accordionHeader {  cursor: hand; background-color: #6d6e71; color: #fff; font-weight: normal; padding: 2px 5px; border: 1px solid #ccc; border-bottom: 1px solid #fff }
div.accordionHeader a { color: #fff; background: none; text-decoration: none; }
div.accordionHeader b { color: #fff; }
div.accordionHeader a:hover { background: none; text-decoration: underline; }
div.accordionContent { border: 1px solid #ccc; background-color: #f0f0f0; border-top: none; padding: 5px; margin-bottom: 5px;  }
div.right { text-align: right; margin: 3px 0; }
div.message, div.message2 { background-color: #fff; border: 2px solid #fff; padding: 5px; margin-bottom: 2px; border: 1px solid #ccc; }
div.message2 { background-color: #daf2fc; }

table.intro { border-top: solid 1px #ccc; width: 100%; }
table.intro td { border-bottom: dotted 1px #666; padding: 3px 3px 3px 10px; }
table.intro td b { font-size: 100%; color: #333; }
table.intro td.title { border-right: solid 1px #ccc; padding-left: 3px;  }
table.loose tr td { padding: 5px 0; }
table.loose tr td.left { padding-right: 15px }
ul.disc { margin: 0; list-style-image: none; list-style-position: inside; list-style-type: disc; }
span.imagepadded img { margin: 0 10px 10px 0px; }
div.contentpadded { padding: 0 5px; }
div.brown { background-color: #d0cebf; padding: 5px; }

/* Club Rewards */
.arrow { padding-top: 10px; }
.arrow a { font-weight: bold; padding-top: 0; padding-right: 15px; font-variant: small-caps; background-image: url(/content/SebNordic/blueArrow0.gif); background-position: bottom right; background-repeat: no-repeat; }
.arrowdown { padding-top: 10px; }
.arrowdown a { font-weight: bold; font-size: 110%; padding-top: 0; padding-right: 15px; font-variant: small-caps; background-image: url(/content/SebNordic/blueArrowDown.gif); background-position: bottom right; background-repeat: no-repeat; }
.black { padding-top: 0; font-size:100%; line-height: 200%; }
.black a { font-weight: normal; background: transparent; color: #000; text-decoration: none; font-variant: normal; }
a.black { font-size: 80%; line-height: normal; font-weight: normal; background: transparent; color: #000; text-decoration: none; font-variant: normal; }
a.black:hover { text-decoration: underline}
div.brown { background-color: #d0cebf; padding: 5px; }
.rewardtitle { font-size: 90%; font-weight: bold; text-transform: uppercase; color: #6f6f6f; }
/*.title { font-weight: bold; font-variant: small-caps; font-size: 100%; }*/
/*.title { font-weight: bold; color: #666; font-variant: small-caps; font-size: 100%; }*/
div.notice { color: #900; width: 275px; }
td.points { font-size: 90%; letter-spacing: -1px; padding-bottom: 10px; vertical-align: top; }
table.listwithimages td { width: 375px; vertical-align: bottom; }
table.listwithimages td.smallimage { width: 90px; height: 85px; }
.bottomborder { border-bottom: 1px solid #ccc; padding-bottom: 5px; }
.topborder{border-top: 1px solid #ccc;}
.smallcaps { color: #000; font-variant: small-caps; font-weight: bold; }
.specialbutton { background: #00bbff; border: 0; font-size: 110%; height: 17px; padding: 0px; font-variant: small-caps; font-weight: bold; color: #fff }
div.blue { background-color: #55d0ff; padding: 5px; color: #333; }
.alignright { text-align: right; }
.link { padding: 0; margin: 0; text-align: right; background: transparent; border: 0; color: #00bbff; font-size: 100%; }
.link_underlined { padding: 0; margin: 0; text-align: right; background: transparent; border: 0; color: #00bbff; font-size: 100%; text-decoration: underline}
.alignright { text-align: right; }
.leftpadded { padding-left: 20px;}
.header { font-family: Times, Times New Roman, Serif; }
.fake { font-family: Tahoma, Sans-Serif; color: #666; font-weight: bold; border: 0; }
.collapsibleHeader { padding-bottom: 5px; padding-top: 10px; margin: 20px 10x; color: #0295ca; cursor: pointer }

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.ratingReadOnly 
{
	cursor: default;
}

.filledRatingStar {
    background-image: url(/Content/SebNordic/Rating/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(/Content/SebNordic/Rating/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(/Content/SebNordic/Rating/SavedStar.png);
}

/* Edit links */
span.vbscontent_local
{
	display: inline;
	background: #99cc66;
	color: #336600;
	font-weight: bold;
}

span.vbscontent_global
{
	display: inline;
	background: #ffcccc;
	color: #993300;
	font-weight: bold;
}

/* eSaldo invoice */
div.currencyInfo
{
	clear: both;
	margin-bottom: 15px;
}

table.clubCreditOptions input
{
	background: transparent;
}
a.helpButton
{
	height:15px;
	width:15px;
	border:1px;
	display:inline-block;
	background: url(/Content/SebNordic/help.gif);
	background-repeat:no-repeat;
	clear:none;
}
div#tooltip
{
	background-color: #ffffff; 
	position: absolute; 
	border: 1px solid #00bbff; 
	padding-left:10px;
	padding-right:10px;
	color: #333;
	width: 200px;
    border-radius: 4px; /* CSS3 */
    -moz-border-radius: 4px; /* for Firefox */
    -webkit-border-radius: 4px; /* for Chrome, Safari */
}
div#tooltip h3
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-weight: bold;
    font-size: 90%;
}
div#tooltip div.body
{
    padding:5px;
    padding-bottom:10px;
    
}