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; }
/* 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 { height: 500px; z-index: 5; text-align: left; background-image: url(/content/SebNordic/cardPiece1.gif); 
    background-repeat: no-repeat; background-position: 2px -2px; margin-left: auto; margin-right: auto; width: 901px; 
    background-color: transparent; padding-bottom: 40px; }
div.bottom { z-index: 50; 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 { width: 250px; float: right; }
/* lists */
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; }
/* basic elements */
div { background: transparent; }
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 { background: transparent; text-align: left; padding: 0; }
.small { font-size: 90%; }
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 }
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 }
.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 { margin-top: 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 { background: transparent; }
a.plain { color: #333; text-decoration: none!important }
.info { border: 1px solid #00bbff; padding: 10px; background-color: #fff }
.help {  border: 1px solid #00bbff; padding: 10px; background-color: #fff; width: 200px;
    filter:alpha(opacity=95);
	opacity:0.95;
	}
.success { color: #000; background: #daf2fc; border: 1px solid #00bbff; padding: 10px; text-align: center; }
.info a, .success a { color: #000; text-decoration: underline; }
.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; }
pre { font-size: 90%; overflow: scroll; padding: 10px; background-color: #f0f0f0; border: solid 1px red; margin: 5px 0; }
.admin { 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: 2px; 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;  }
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;  }

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.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; }
.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; }
.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: 140px; }
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;
}