/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

	Stylesheet for Trumf (trumf.no)
	media: all

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

body
{
	margin: 0;
	padding: 0;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 62.5%;
	line-height: 1em;
	text-align: left;
	color: #000;
	background: #bfbebf url(/Images/BK01.png) top left repeat-x;/*#c4c2c2 url(/Images/backgroundWithBorder.gif) repeat-y; *//*#c4c2c2 url(/Images/bg.gif) repeat-x; */
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	clearing floats
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix
{
	display: inline-block;
}
.clearfix
{
	display: block;
}

.clear
{
	height: 0;
	line-height: 0;
	padding: 0;
	margin: 0;
	visibility: hidden;
	clear: both;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	accessibility, seo & print
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.accessibility
{
	position: absolute;
	top: -999em;
	left: -999em;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	elements & typography
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

h1
{
	margin: 0.2em 0 0.5em 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 2.1em;
	font-weight: bold;
	color: #d04a2a;
	line-height: 1.4em;
	padding:0;
}
h1.frontpage
{
	margin: 1em 0 1em 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 2.1em;
	font-weight: normal;
	line-height: 1.4em;
	color: #7a7a7a;
	border-bottom: 1px solid #cecac5;
}
h1.frontpagePartner
{
	margin: 1.5em 0 1em 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 2.1em;
	font-weight: normal;
	line-height: 1.4em;
	color: #7a7a7a;
	border-bottom: 1px solid #cecac5;
    border-top: 1px solid #cecac5;
}
h2
{
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
}
h2 a{color: #333333;}
h2 a:visited{color: #333333;}

h2.schemaHeader
{
	margin: 1.5em 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 1.8em;
	font-weight: normal;
	padding: 0.3em 0 0.3em 0;
	color: #7a7a7a;
    border-top: 1px solid #cecac5;
	border-bottom: 1px solid #cecac5;
	display:block;
}

/* Fix: span tag for h2 tag when it has an image floating left */
.focusarrow{background: url(/Images/pil_stor.gif) no-repeat;float:left;width:1.2em;margin:0;padding:0}

h3
{
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
}
h4
{
	margin: 0 0 0.5em 0;
	font-size: 1.2em;
}

p
{
	margin: 0;
}



dl,
dt,
dd
{
	margin: 0;
	padding: 0;
}

ul
{
	margin: 0;
	padding: 0;
}
	li
	{
		margin: 0 0 0 15px;
		padding: 0;
	}

ul.linkList
{
	margin-bottom: 20px;
	padding: 0;
}
	ul.linkList li
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
		ul.linkList li a
		{
			margin: 0;
			padding: 0;
			border: none;
		}
		ul.linkList li li
		{
			margin-left: 15px;
		}

img{border:none;}

img.border
{
	border: 1px solid #cecac5;
	margin-bottom:0.8em;
}

img.listImage{float:left; margin-right: 0.8em;}
img.mainImage{float:left; margin-right: 0.8em;margin-bottom: 5px;margin-top:5px; border: 1px solid #cecac5;}

.externalRightCol img.mainImage{border:none; margin:0}

.floatLeft
{
	float: left;
}
.floatRight
{
	float: right;
}

#skipper{display:none;}

#rightCol ul
{
	margin: 0;
	padding: 0;
        list-style:none;
}
	li
	{
		margin: 0;
		padding: 0;

	}

.intro{font-weight:bold;color: #505050;margin-bottom:1em;}
.bold{font-weight:bold;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	form elements
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

form
{
	margin: 0;
	padding: 0;
}

fieldset
{
	margin: 0;
	padding: 0;
	border: none;
}
input,
select,
textarea
{
	font-size: 1em;
	font-family: Arial, Tahoma, Verdana, sans-serif;
}
legend
{
	display: none;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	input buttons
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

div.button
{
	float: left;
	margin: 0;
	padding: 0;
	color: #000;
	/*background: url('../gfx/button/button.png') no-repeat 100% 50%;*/
	background: url('../gfx/button/button-co.png') no-repeat 100% 50%;
}
div.button.floatRight
{
	float: right;
}
	div.button span
	{
		float: left;
		/*padding: 2px 4px;*/
		padding: 3px 4px;
		/*background: url('../gfx/button/button-left.png') no-repeat 0 50%;*/
		background: url('../gfx/button/button-co-left.png') no-repeat 0 50%;
	}
	div.button input
	{
		width: auto;
		padding: 0;
		color: #000;
		font-size: 1em;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		overflow: visible;
		background: transparent;
		border: 0;
		cursor: pointer;
	}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	tables
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

table
{
	margin-bottom: 10px;
	padding: 0;
	font-size: 1em;
	border: none;
}
	tr
	{
	}
		th,
		td
		{
			padding: 2px;
			border: none;
		}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	links
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

a,
a:visited
{
	text-decoration: none;
	color: #003399;
}
a:hover{text-decoration:underline;}

a.linkWithArrow img{margin-right:0.6em;}
a.linkWithArrow{display:block;}
p.sideLongArrow
{
	background: url(/Images/pil_skraa.gif) no-repeat left;
	border-top: 1px solid #cecac5;
	border-bottom: 1px solid #cecac5;
	margin:0.8em 1em 1em 1em;
}
p.linkToPartner
{
	background: url(/Images/pil_skraa.gif) no-repeat 73%;
	border-top: 1px solid #cecac5;
	border-bottom: 1px solid #cecac5;
	margin-bottom:2em;
}
p.sideLongArrowNoBorder
{
	background: url(/Images/pil_skraa.gif) no-repeat left;
	margin:0;
}


p.arrowRightNoBorder
{
	background: url(/Images/pil_mothoyre.gif) no-repeat right;
	float:left;
}


p.partnerLink
{
	background: url(/Images/pil_skraa.gif) no-repeat left;
	border-top: 1px solid #cecac5;
	border-bottom: 1px solid #cecac5;
	width:18em;
	margin-right:1em;
	float:left;
}
a.sideLong{display:block;margin-left:1em; }
a.sideLongArrowPartner{margin-left:1em;}
a.sideLong img{padding-right: 1em;}
a.arrowRight{margin-right:1em;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	elements
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

div.button
{
	float: left;
	margin: 2px 0;
	padding: 1px 0;
	color: #000;
	background: url('../gfx/button/button.png') no-repeat 100% 50%;
}
div.button span {
	float: left;
	padding: 2px 4px;
	background: url('../gfx/button/button-left.png') no-repeat 0 50%;
}
div.button input
{
	width: auto;
	padding: 0;
	color: #000;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	overflow: visible;
	background: transparent;
	border: 0;
	cursor: pointer;
}

div.errorMesages{color: Red;}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	layout containers
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#container
{
	width: 990px;
	margin: 0 auto;
	padding: 0 0 0 0.5em;
	text-align: left;
	min-height: 400px;
	background: url(/Images/BK02.png) top left repeat-y;
}
* html #container
{
	height: 400px;
}
#container.fullWidth
{
	background: url(/Images/BK02.png) top left repeat-y;
}

#mainContainer
{
	float: left;
	width: 780px;
	font-size: 1.2em;
	line-height: 1.3em;
	color: #333333;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Trumf logo, site search and navigation coloumn
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#navCol
{
	float: left;
	width: 190px;
}

	/* logo with home link */
	#trumfLogo
	{
		height:89px; border-bottom: 1px solid #cecac5;margin:0; padding:0;
	}

	#trumfLogo a img
	{
		padding:8px 40px 0 27px;
		margin:0;
	}

	/* site search */
	#siteSearch
	{
        padding-top:5px;
		margin: 0 0 20px 0;
		padding-left: 10px;
		font-size: 1.1em;
	}
		#siteSearch label
		{
			display: block;
			margin: 0 0 8px;
		}
		#siteSearch input.searchField, #searchArea input.searchField
		{
			float: left;
			width: 11em;
			margin: 0 3px 0 0;
			padding: 3px;
			border-top: 2px solid #848484;
			border-right: 2px solid #fafafa;
			border-bottom: 2px solid #f3f3f3;
			border-left: 2px solid #848484;
		}
		#siteSearch div.button input, #searchArea div.button input
		{
			font-size: .95em;
		}
/* SearchPage */	
#mainContent #resultarea ul.results{list-style-type: none;margin:0;padding:0;}
#resultarea ul.results li{margin: 0;
		padding: 0 0 1em 0;
		list-style-type: none;}
#resultarea ul li a{margin:0;padding:0;font-weight:bold}
#resultarea ul li p{margin:0;padding:0;}
#searchArea input.searchField{float:left;width:30em;}
#searchArea input.SearchButton{float:left;margin-left:1em;}

	/* main navigation */
	#mainNav, #newsLetterBox
	{
		margin: 0;
		font-size: 1.1em;
	}
		#mainNav h3, #newsLetterBox h3
		{
			font-family: Arial, Verdana, sans-serif;
			font-size: 1.2em;
			font-weight: bold;
			color: #333333;
			background: url(/Images/leftmenuborderbottom.gif) bottom left no-repeat;
			/* background: url(/Images/leftmenuborderbottom.gif)no-repeat bottom;  */
			padding-bottom: 0.6em;
			margin-left: 0.9em;
		}
		
		/*div.headerBottomBorder{background: url(/Images/leftmenuborderbottom.gif)no-repeat bottom;height:2px;}*/
		
		#mainNav ul
		{
            margin-left: 1em;
			margin-right:1em;
			margin-bottom: 40px;
			padding: 0;
			font-family: Arial, Tahoma, Verdana, sans-serif;
			font-weight: normal;
			line-height: 1.5em;
			list-style-type: none;
		}
		#mainNav ul ul
		{
			margin-bottom: 0;
		}
			#mainNav ul li
			{
				margin: 0;
				padding: 0;
                border-bottom: 1px solid #cecac5;
			}
				#mainNav ul li li
				{
					margin-left: 10px;
				}
				#mainNav ul li a
				{
					display: block;
					margin: 0;
					padding: 0;
					color: #515151;
					border: none;
				}
				* html #mainNav ul li a
				{
					display: inline;
				}

				#mainNav ul li.current a
				{
					font-weight: bold;
					color: #cc3300;
				}

				#mainNav ul li a:hover
				{
					text-decoration: underline;
				}
				
/* newsletter left menu*/

#newsLetterBox p, #newsLetterBox input{
margin-left: 1em;
color: #515151;
line-height:1.5em;
}

#newsLetterBox .label{color: #515151;}
#newsLetterBox .NewsLetterSendButton, #siteSearch .SearchButton
{
	background: url(/Images/ButtonBackground.gif);
	border: none;
	padding: 0.3em;
	color: #FFFFFF;
	cursor: hand;
	width: 3em;
    margin:0;
    float:none;
}

#newsLetterBox input.EmailTextBox{
			width: 11em;
			margin: 0 0 0 0.9em;
			padding: 3px;
			border-top: 2px solid #848484;
			border-right: 2px solid #fafafa;
			border-bottom: 2px solid #f3f3f3;
			border-left: 2px solid #848484;
}

#newsLetterBox .NewsLetterCheckBox{color: #515151;}

.errorMessages{color:Red;}
#newsLetterBox .errorMessages{margin: 0.5em 0 0 1em}
#newsLetterBox .errorMessages ul{margin: 0 0 0 1.5em}
#newsLetterBox span.newsLetterError{float:left; margin: -3em 0.4em}
.balanceHeight{height: 1.3em;}

#contactInfoExternalForm p{
margin: 1em 0 0 1em;
color: #515151;
line-height:1.5em;
font-size: 1.2em;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	container for top content
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#topContent
{
	margin-top:5px;
	float: left;
	width: 770px;
	min-height: 66px;
}
* html #topContent
{
	height: 66px;
}

/* External register */

#topContentExternal
{
	margin-top:5px;
	float: left;
	width: 770px;
	min-height: 84px;
}
* html #topContentExternal
{
	height: 84px;
}

/* End External register */

	/* logged in status */
	p#loggedStatus
	{
		width: 570px;
		margin:0;
        padding:0;
		font-size: 1.1em;
		border-top: 4px solid #f3f1ee;
		text-align:right;
	}
	p#loggedStatus a.flust
	{
		color: #d04a2a;
	}
p.loginText{padding:0;margin:10px 0 0 0;width: 570px;}
	
	/* breadcrumb */
	p#breadcrumb
	{
		width: 551px;
		margin: 15px 0 0;
		padding: 3px 10px 4px;
		color: #515151;
        border-top:1px solid #cecac5;
		font-size: 0.9em;
	}
		p#breadcrumb a
		{
			color: #515151;
		}
		p#breadcrumb span
		{
			margin: 0 3px;
		}

/* Flust logo and text */
.flustText{float:right;margin-right:1em; margin-top:-0.6em;}
.flustLogo{float:right;margin-right:1em; margin-top:-0.6em}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	main content coloumn
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


#mainContent
{
	float: left;
	width: 550px; /* 570px - 18px margin - 2 px border */
	margin-bottom: 20px;
	margin-right: 10px;
	padding: 9px 9px;
	min-height: 500px;
	border-top: 1px solid #cecac5;
    border-right: 1px solid #cecac5;
    border-left: 1px solid #cecac5;
}
* html #mainContent
{
	height: 500px;
}

/* Partnerliste*/
#mainContent ul.partners{list-style:none; border-top:1px solid #cecac5; padding: 0; margin: 1em 0 0 0;}
#mainContent ul.partners li{float:left; padding-right:0.5em; margin:0;}

/* Frontpage */
.focusCaseWithImageOnTop{width: 268px; float:left;padding-bottom:0.8em;}
.focusCase, 
.focuscaseborder,
.focuscaseborderlong{border-bottom:1px dotted #cecac5;margin-bottom:0.8em;}
.focusCase{padding-bottom:0.8em;}
.left{margin-right: 0.9em;}
.noborderbottom{border:0;border-top:1px dotted #cecac5;padding-top:0.8em; }

.partnerlistContainer{margin-bottom: 2em; margin-top:3em;clear:both;}
ul.listing{list-style:none; border-top:1px dotted #cecac5; padding: 0.8em 0 0 0; margin:0.8em 0 0.8em 0;}
#mainContent ul.listing li{padding:0;margin:0}
.marginBottom{margin-bottom: 1em;}
/* Lister i brødteksten */
#mainContent ul li{margin:0 0 0 1em;line-height:1.5em}

/*Partnerpage */
p.homepageText{color: #999999; margin:0;}

p.partnerLinkExtra
{
	background: url(/Images/pil_skraa.gif) no-repeat left;
	border-top: 1px solid #cecac5;
	border-bottom: 1px solid #cecac5;
	width:18em;
	margin-right:1em;
 margin-top: 1.3em;
	float:left;
}

.PagingContainer{text-align:center;}
.PagingContainer .unSelected, .PagingContainer .bold {margin-right:0.5em;}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	My page
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#mainContent ul.maintabs{list-style:none;padding:0 0 2em 0;margin:0 0 2em 0;}
#mainContent ul.maintabs li.maintabnormal{margin:0;padding:0; float:left; background:url(/Images/Tab/bk-tab-right.png) top right no-repeat; border-left:1px solid #ccc;}
#mainContent ul.maintabs li.maintabnormal a{color:#666666; display:block; margin:1px 0 8px 0px; padding-left: 2px;}
#mainContent ul.maintabs li.maintabselected{margin:0;padding:0; float:left; font-weight:bold; background:url(/Images/Tab/bk-tab-right-selected.png) top right no-repeat; border-left:1px solid #ccc;}
#mainContent ul.maintabs li.maintabselected a{color: #000000; display:block; margin:1px 0 8px 0px; padding-left: 2px;}
.maintabelement{width: 15em;}
.maintabelement a{margin:0;padding:0}


.settings h2 {font-size: 1em; margin:0; clear:both;padding:0}
.settings a {font-size: 0.8em; color: #003399}



.settingView{margin:1em 0 1em 0;}
.settingViewItem{clear:both;padding:1em 0 1em 0;}
.settingViewItem a.edit{float:none;font-size: 0.9em; font-weight:bold; padding:0 0 0 0.5em;}
.settingViewItemLeft{float:left; width: 15em;}
.settingViewItemRight{float:right; margin-right:2em; width: 20em; overflow: hidden; }
.emailField {white-space: nowrap; overflow: hidden;}

.wrap {
	margin-top:1em;
	border-bottom:1px solid #CECAC5;
	height: 2.1em; 
	clear:both;
}

.wrapleft {
	float:left;
}

.wrapright {
    float:right;
    margin-right: 2em;
}

.wrappersonalia {
	border-bottom:1px solid #CECAC5;
clear:both;
height: 2em; 
width: 20em;
}

.wrapleftpersonalia  {
float:left;
}

.wraprightpersonalia  {
float:right;
}


h2.house {
	background:transparent url(/Images/Icons/House.gif) no-repeat scroll left bottom;
	padding-left: 28px;
	padding-top: 8px;
}

h2.card {
	background:transparent url(/Images/Icons/Card.gif) no-repeat scroll left bottom;
	padding-left: 28px;
	padding-top: 8px;
}

h2.person {
	background:transparent url(/Images/Icons/Person.gif) no-repeat scroll left bottom;
	padding-left: 28px;
	padding-top: 8px;
}

h2.persons {
	background:transparent url(/Images/Icons/Persons.gif) no-repeat scroll left bottom;
	padding-left: 28px;
	padding-top: 8px;
}

h4.personalia{
	padding-top: 8px;
}

a.addhouse {
	display:block;
	padding-top: 10px;
	font-size: 0.9em;
	font-weight:bold;
}
a.addcard {
	display:block;
	padding-top: 10px;
	background: url(/Images/Icons/AddCard.gif) no-repeat left;
	padding-left: 35px;
	font-size: 0.9em;
	font-weight:bold;
}

a.addperson {
	display:block;
	padding-top: 9px;
	background: url(/Images/Icons/AddPerson.gif) no-repeat left;
	padding-left: 30px;
	font-size: 0.9em;
	font-weight:bold;
}

a.addpersons {
	display:block;
	padding-top: 10px;
	background: url(/Images/Icons/Persons.gif) no-repeat left;
	padding-left: 28px;
	font-size: 0.9em;
	font-weight:bold;
}

a.editpersonalia {
	font-size: 0.9em;
	font-weight:bold;
	margin-top : 10px;
	display:block;
}


a.editpassword{font-size: 0.95em; font-weight:bold;}

.addressLeftPanel{width: 9em; float:left;margin:0 0.5em 1em 0;}
.addressRightPanel{width: 36em; float:left;margin-bottom: 1em;}

.formBorder{border-bottom: 1px solid #cecac5;clear:both;margin:0;padding:0;position:relative;}

.notification
{
	float:left;
    width: 44.3em;
    margin: 1em 0 1em 0; 
    padding:0.5em 0.5em 0.5em 0.5em;
	border:solid 1px #cecac5;
	font-family:georgia;
	background-color:#e7e6e7
 }
.notificationicon{background: url(/images/Icons/notification.png) no-repeat top left; padding: 0 1.8em}
 
 
 input.ButtonUpdate
{
	background: url(/Images/ButtonBackground.gif);
	border: none;
	padding: 0.1em;
	color: #FFFFFF;
	cursor: hand;
	width: 6em;
	margin-top: 1.8em;
}

/*Kjopsoversikt */
#PartnersCheckList, #BonusCheckList {
	width: 580px;
	margin-top:1em;
	margin-bottom: 1em;
}

#PartnersCheckList fieldset, #BonusCheckList fieldset {
	border: none;
}

#PartnersCheckList input, #BonusCheckList input {
	vertical-align: 7px;
	margin-right: 8px;
}

#PartnersCheckList .box1, #BonusCheckList .box1 {
	float:left;
	width: 180px;
	height: 30px;
	position: relative;
}

.noLogo input
{
  margin-top:10px;
}

.noLogo span
{
    position: relative;
    top: -8px;
}


.TransactionsList {
	width: 541px;
}

table.TransactionsList {
	padding:0; 
	margin:1em 0 0.5em 0;
	text-align:left;
	border-collapse:collapse;
}

.TransactionsList th {
	background: #003399;
	color: #fff;
	padding: 0.3em 0.4em 0.4em;
}

.TransactionsList th.width1 {
	width:86px;
}

.TransactionsList th.dwidth {
	width:10%;
}


.TransactionsList td {
	padding: 0.3em 0.4em;
}

.TransactionsList tr.odd td {
	background: #d7d7d7;
}

.TransactionsList .bottom {
	background: #666;
	color: #fff;
	font-weight:bold;
}

.TransactionsList .bottom td{
	padding: 0.3em 0.4em 0.4em;
	background-color: #666;
	color: #fff;
}

.TransactionsList .bottom td.width2 {
	width:86px;
}

.TransactionsList .number {
	text-align: right;
}

.TransactionsList .boldnumber,
.TransactionsList .odd .boldnumber {
	text-align: right;
	font-weight: bold;
}

.TransactionsList .description,
.TransactionsList .odd .description {
	text-align: left;
}

.TransactionsList .bolddescription,
.TransactionsList .odd .bolddescription {
	text-align: left;
	font-weight: bold;
}

.TransactionsList .marker,
.TransactionsList .odd .marker {
	text-align: center;
}

.TransactionsPeriodDate
{
	float:left;
	margin-right: 10px;
}

.TransactionsPeriodDate input
{
	float: left;
	margin: 0 3px 0 0;
	padding: 3px;
	border-top: 2px solid #848484;
	border-right: 2px solid #fafafa;
	border-bottom: 2px solid #f3f3f3;
	border-left: 2px solid #848484;
}


span.CurrentPage{text-align:center;font-weight:bold;margin-left:20em;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	right coloumn
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#rightCol
{
	float: left;
	width: 190px;
	margin-bottom: 40px;
/*padding-right:10px*/
   position:relative;

}
	#rightCol h2
	{
		margin: 0;
		padding: 6px 0 6px 10px ;
		font-family: Tahoma, Arial, Verdana, sans-serif;
		font-size: 1.1em;
		background: url(/Images/headerbackground.gif) repeat;
		border-bottom:1px solid #cecac5;
		line-height:1em;
	}
#rightCol h2 a 
{
	color:#333333;
	background: url(/Images/headerbackground.gif) repeat;
}
.banner
{
	width: 188px;/* 200-2px border - 10px padding-right*/
	margin: 0 10px 10px 0;
	border:1px solid #cecac5;
}
.banner a img.border
{
	width:170px; 
	margin: 10px 8px 0 8px;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	footer
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#footer, #shellfooter
{
	margin: 1.5em auto auto auto;
	
	padding: 0;

}
	
	#footer p#contactLinks, #shellfooter p#contactLinks
	{
		border-bottom: 4px solid #f3f1ee;
	}
	
	#footer p, #shellfooter p
	{
		font-size: 1em;
		line-height: 1.2em;
		color: #505050;
		text-align:center;
		margin: 0.5em 0 0 0;
	}
	
		#footer p strong
		{
			font-weight: normal;
			color: #000;
		}
		#footer p a
		{
			font-weight: bold;
			text-decoration: none;
		}

/* BottomMenu */
#footer ul{list-style:none;margin-left: 4em;}
#footer ul li{ float:left;padding:0; display:block;margin-top:0.5em}
#footer ul li a{background: url(/Images/Icons/MenuBottomIcon.gif) no-repeat left; padding-left:0.8em}

#shellfooter ul{list-style:none;margin-left: 13em;}
#shellfooter ul li{ float:left;padding:0 0.5em; display:block;}
#shellfooter ul li a{background: url(/Images/Icons/MenuBottomIcon.gif) no-repeat left; padding-left:0.8em}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Shell
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#mainContentShell
{
	float: left;
	width: 750px; /* 770px - 18px margin - 2 px border */
	margin-bottom: 20px;
	margin-right: 10px;
	padding: 9px 9px;
	min-height: 500px;
	border-top: 1px solid #cecac5;
    border-right: 1px solid #cecac5;
    border-left: 1px solid #cecac5;
}

#leftColShell, #leftColBottomShell{width: 520px;float:left; margin-right: 1em;}
#rightColShell, #rightColBottomShell{width: 218px; float:left}
.margintop10marginBottom30{margin-top:1em;margin-bottom:3em}
#middleColShell{width: 748px; float:left;margin-top: 1em;}

/* Shell elements & typography */
#mainContentShell h1
{
	margin: 0 0 1em 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 2.4em;
	font-weight: normal;
	line-height: 1.4em;
	color: #569898;
	border-bottom: 1px solid #d1d1d1;
}
#mainContentShell h2{
        margin: 0 0 1em 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.4em;
	color: #767676;
	border-bottom: 1px solid #d1d1d1;

}

#mainContentShell p{margin-bottom: 1em;}

/* Shell main navigation */
	#mainNavShell
	{
		margin: 0;
		font-size: 1.1em;
	}
		#mainNavShell h3
		{
			font-family: Arial, Verdana, sans-serif;
			font-size: 1.2em;
			font-weight: bold;
			color: #FFFFFF;
			background: #569898;
			padding-bottom: 0.4em;
			padding-top: 0.4em;
			margin: 0 0.8em 0 0.8em;
			border-bottom: 1px solid #FFFFFF;
		}
		
		#mainNavShell ul
		{
            margin-left: 1em;
			margin-right:1em;
			margin-bottom: 40px;
			padding: 0;
			font-family: Arial, Tahoma, Verdana, sans-serif;
			font-weight: normal;
			line-height: 1.5em;
			list-style-type: none;
			border-bottom: 4px solid #569898;
		}
		#mainNavShell ul ul
		{
			margin-bottom: 0;
		}
			#mainNavShell ul li
			{
				margin: 0;
				padding: 0;
                border-bottom: 1px solid #FFFFFF;
                background: #daeeee;
			}
				#mainNavShell ul li li
				{
					margin-left: 10px;
				}
				#mainNavShell ul li a
				{
					display: block;
					margin: 0;
					padding: 0;
					color: #000000;
					border: none;
				}
				* html #mainNavShell ul li a
				{
					display: inline;
				}

				#mainNavShell ul li.current a
				{
					font-weight: bold;
				}

				#mainNavShell ul li a:hover
				{
					text-decoration: underline;
				}
				
img.mainImageShell{}

.shellBackground{background: #eeeeee; padding: 0.5em}
.bonusText{width:20em; float:left;margin-top: 5em; padding:0 1em 0 1em}
.resultsFullWidth{width:520px;float:left;margin-right:0.8em}
.secondaryContentShellHeigth{height: 13em;}
#flashcontentcons{width:201px;float:left;}

.marginPaddingTopBottom10{margin-top:1em; margin-bottom:1em;padding-top:1em; padding-bottom: 1em;}
.margintop10{margin-top:1em;}
.grayText{color: #515151;}


.dayPickerBackground{
	background: url(/Images/Shell/DayPickerBackground.png) no-repeat;
	padding:1.4em;
	width:19em;
	float:left;
}
.dayPickerBackground table td{background: #e1f5f5;}
.dayPickerBackground table td a.InActive{color: #000000; padding-left:0.5em; padding-top:0.5em}
.dayPickerBackground table td a.Active{color: #000000; padding-left:0.5em; padding-top:0.5em; font-weight:bold;}
.dayPickerInfo{float:left; width: 20em;height: 13.5em; margin-left: 0.5em}

input.ShellSaveButton
{
	background: url(/Images/ButtonBackground.gif);
	border: none;
	padding: 0.1em;
	color: #FFFFFF;
	cursor: hand;
	width: 11em;
	margin-top: 1em
}

.smsTextWidth{width:40em;}

#mainContentShell ul.maintabs{list-style:none;margin-top:2em;}
#mainContentShell ul.maintabs li.maintabnormal{margin:0;padding:0; float:left;}
#mainContentShell ul.maintabs li.maintabnormal a{color:#666666;}
#mainContentShell ul.maintabs li.maintabselected{margin:0;padding:0; float:left; font-weight:bold;}
#mainContentShell ul.maintabs li.maintabselected a{color: #000000;}

.bonusText span.blueTextBig
{
  font-family: verdana;
  font-size: 24px;
  font-weight: normal;
  color: #054F8B;
  display:block;
margin-top:0.5em;
}

#mainContentShell input.inputWithBorder
{
	float: left;
	margin: 0 3px 0 0;
	padding: 3px;
	border-top: 2px solid #848484;
	border-right: 2px solid #fafafa;
	border-bottom: 2px solid #f3f3f3;
	border-left: 2px solid #848484;
}

ul.shellTransaction{margin:0 0 0 1em;padding:0; list-style-type: none;float:left}
ul.shellTransaction li{float:left; list-style-type: none;margin:0;padding:0;}

ul.shellTransactionHeader{margin:0.5em 0 0.5em 0;padding:0; list-style-type: none;}
ul.shellTransactionHeader li{float:left;width: 20em;list-style-type: none;margin:0;padding:0;font-weight:bold;}

ul.shellTransactionItem{margin:0.5em 0 0.5em 0;padding:0; list-style-type: none;}
ul.shellTransactionItem li{float:left;width: 20em; list-style-type: none;margin:0;padding:0;}

ul.shellSum li.sum{float:left;width: 20em;list-style-type: none;margin:0.5em 0 0 0;padding:0;font-weight:bold;}
ul.shellSum li.sumText{float:left;width: 40em; margin:0.5em 0 0 1em;list-style-type: none}

ul.shellTransactionDetails{margin:0 0 0 1em;padding:0; list-style-type: none;float:left}
ul.shellTransactionDetails li{float:left; list-style-type: none;margin:0;padding:0;}

ul.shellTransactionHeaderDetails{margin:0.5em 0 0.5em 0;padding:0; list-style-type: none;}
ul.shellTransactionHeaderDetails li{float:left;width: 9.5em;list-style-type: none;margin:0;padding:0;font-weight:bold;}

ul.shellTransactionItemDetails{margin:0.5em 0 0.5em 0;padding:0; list-style-type: none;}
ul.shellTransactionItemDetails li{float:left;width: 9.5em; list-style-type: none;margin:0;padding:0;}




/* Ajax tab */
.ajax__tab_default .ajax__tab_header {white-space:nowrap; color:#666; background:url(/Images/Tab/bk-tab-head.png) top left repeat-x; }

.ajax__tab_default .ajax__tab_outer {
                display:-moz-inline-box;
                display:inline-block;
                background: url(/Images/Tab/bk-tab-left.png) no-repeat top left;
                border:none;
                padding-left:10px;
                /*margin-left: -13px;*/

                position: relative;
                }
                
.ajax__tab_default .ajax__tab_inner {
                display:-moz-inline-box;
                display:inline-block;
                background: url(/Images/Tab/bk-tab-right.png) no-repeat top right;
                border:none;
                padding-right:40px;
                
                position: relative;
                }
                
.ajax__tab_default .ajax__tab_tab {
                margin-right:4px;
                overflow:hidden;
                text-align:center;
                cursor:pointer;
                display:-moz-inline-box;
                display:inline-block;
                height: 18px;
                margin-top: 6px;
                }

.ajax__tab_default .ajax__tab_active {
                display:-moz-inline-box;
                display:inline-block;
                background: none;
                border:none;
                font-weight: normal;
                color:#000;
                margin:0;              
                position: relative;
                z-index: 20;
                }

.ajax__tab_default .ajax__tab_active .ajax__tab_inner {
                background: url(/Images/Tab/bk-tab-right-selected.png) no-repeat top right;
}

.ajax__tab_default .ajax__tab_active .ajax__tab_outer {
                background: url(/Images/Tab/bk-tab-left-selected.png) no-repeat top left;
}
/* Forms */
.schemaBox
{
      margin: 0 0 0 0;
      padding: 10px;
      font-size: 0.9em;
      background-color: #ecedec;
      border-top: solid 1px #FFFFFF;
      border-bottom: solid 1px #FFFFFF;
}

.schemaBox .schemaBoxExtention
{
	  border: 0;
}

.confirmTerms
{
	margin-top: 1em;
	padding-top: 1em;
	border-top: solid 1px #ffffff;
}

.schemaBox fieldset {
	margin-bottom: 2em;
}

.schemaBox .smallTextField {
	width: 160px;
	float: left;
}

.schemaBox .warning {
	display:none;
	color:red;
}

.schemaBox .element {
	float:left;
	clear:both;
	width: 480px;
	margin-bottom: 0.5em;
}

.schemaBox .elementlogin {
	float:left;
	clear:both;
	margin-bottom: 0.5em;
}


.schemaBox .element table input{

	border-top: 2px solid #848484;
	border-right: 2px solid #fafafa;
	border-bottom: 2px solid #f3f3f3;
	border-left: 2px solid #848484;	
}

.bordertop{border-top: solid 1px #cecac5;}
.borderbottom{border-bottom: solid 1px #cecac5;}

.schemaBox label
{
	/* display: block; */
	/* margin: 2px 0 1px 0; */
}

.schemaBox .block
{
	display: block;
	/* margin: 2px 0 1px 0; */
}

.schemaBox .width80 {	
	width: 80px;
	float: left;
}

.schemaBox .width160 {	
	width: 160px;
	float: left;
}

.schemaBox .width285 {	
	width: 285px;
	float: left;
}

.schemaBox .widthfull {	
	width: 480px;
	float: left;
}

.schemaBox .textarea {
	float: left;
	margin: 0 3px 0 0;
	padding: 3px;
	border-top: 2px solid #848484;
	border-right: 2px solid #fafafa;
	border-bottom: 2px solid #f3f3f3;
	border-left: 2px solid #848484;
}

.schemaBox .radio {
	/* float: left; */
	margin: 0 3px 0 0;
	padding:0;
}

.schemaBox .check {
	/* float: left; */
	margin: 0 3px 0 0;
	/* padding: 3px; */
	padding: 0;
}

.schemaBox .image {
	float: left;
	margin: 0 3px 0 0;
	padding: 3px;
	border: none;
}

.schemaBox .dropdown{
	float: left;
	margin: 0 3px 0 0; 
  border-top : 2px solid #848484;
	border-right: 2px solid #fafafa;
	border-bottom: 2px solid #f3f3f3;
	border-left: 2px solid #848484;
}

.schemaBox div.button input
{
	font-size: .95em;
}

.smallTextField
{
	width: 16em;
	float: left;
}

.schemaFields
{
	width: 32em;
}

.schemaFieldsLeft
{
	width: 40%;
	float: left;
}

.schemaFieldsRight
{
	width: 40%;
	float: left;
}
		
.allWidthTextField
{
	width: 32em;
}

.width10
{
	width: 8em;
}

.width20
{
	width: 20em;
}


.schemaBox h3{
font-size: 1.2em;
color:#333333;
font-weight:bold;
border-bottom: 1px solid #ffffff;
width: 40em;
float:left;
margin-bottom: 0.5em;

}

.schemaFields h4{
width: 40em;
float:left;
margin: 0 0 0.5em 0;
font-size: 1.1em;
}
.schemaBox input.SaveButton, .schemaBox .element table input.SaveButton
{
	background: url(/Images/ButtonBackground.gif); 
	border: none;
	padding: 0.1em; 
	color: #FFFFFF; 
	cursor: hand;
	margin-top: 1em; 
	font-size: 1.1em;
	width: 6em;
	float: left;
}

.schemaBox input.AbortButton, .schemaBox .element table input.AbortButton, input.AbortButton
{
	background: none;
	border: none;
	padding: 0.1em;
	color: #003399;
	cursor: hand;
	width: 6em;
	margin-top: 1em;
    float: left;
}

.schemaBoxExtention input.SaveButton
{
	float: none;
	width: 10em;
}

.schemaBox span.gender input, .schemaBox span.account input{
float:left;
border:none;
}
.schemaBox span.gender{
width: 6em;
float:left;
}

.schemaBox span.account{
width: 40em;
float:left;
margin:1em 0 0 0;
}

.schemaBox input.DeleteButton
{
	background: url(/Images/bg-button-remove.png);
	border: none;
	padding: 0.1em;
	color: #FFFFFF;
	cursor: hand;
	width: 6em;
	margin-top: 1em;
float:right;
font-size: 1.1em;
}

span.newsLetterCheckBox input
{
	border:none;

}

span.newsLetterCheckBox p
{
float:right;
     width: 30em;
margin-bottom: 0.5em;
}

.schemaFields p.fullWidth{
width: 50em;
}
.trumfButton
{
	background: url(/Images/ButtonBackground.gif); 
	border: none;
	padding: 0.1em; 
	color: #FFFFFF; 
	cursor: hand;
	margin-top: 1em; 
	font-size: 1.1em;
}


.authentificationBox
{
	margin: 0 0 20px 0;
	padding: 10px;
	font-size: 0.9em;
	background-color: #ecedec;
}

.loginNotes
{
	font-size: 0.9em;
}

.modalPopup
{
	display: none;
	width: 500px;
	background-color: White;
	border-width: 2px;
	border-color: Black;
	border-style: solid;
	padding: 20px;
	color: Black;
}

.modalPopupHeader
{
	
}


.modalBackground
{
	background-color: Black;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.popupcalendar .ajax__calendar_container {
    border-top: 1px solid #848484;
    border-right: 1px solid #848484;
    border-bottom: 1px solid #848484;
    border-left: 1px solid #848484;
    background-color: #FFFFFF;
    color: #333333;
    padding:5px;
}

.popupcalendar .ajax__calendar_other .ajax__calendar_day
.popupcalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
    background-color: #FFFFFF;
}
.popupcalendar .ajax__calendar_hover .ajax__calendar_day,
.popupcalendar .ajax__calendar_hover .ajax__calendar_month,
.popupcalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
    text-decoration:underline;
    background-color: #FFFFFF;
}
.popupcalendar .ajax__calendar_active .ajax__calendar_day,
.popupcalendar .ajax__calendar_active .ajax__calendar_month,
.popupcalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
    background-color: #FFFFFF;
}

.popupcalendar .ajax__calendar_days,table,tr,td
{
    padding:0px;margin:0;
    background-color: #FFFFFF;
}
.popupcalendar .ajax__calendar_today{
    padding-left: 15px;
  border-top: 1px solid #333333;
  background-color: #FFFFFF;
}
.popupcalendar .ajax__calendar_header{
border-bottom: 1px solid #333333;
text-transform: uppercase;
text-align: center;
background-color: #FFFFFF;
}

.popupcalendar .ajax__calendar_dayname{
font-weight:bold;
background-color: #FFFFFF;
}

.ajax__calendar_days table tr td, .ajax__calendar_months table tr td, .ajax__calendar_years table tr td { padding:0; margin:0; background-color: #FFFFFF;}

/* For second flash on mainpage */
#altContent2 
{
	margin-top: 10px;
}

.pageing a{font-size: 1em;}
.pageing .floatleft {float: left}
.pageing .floatleft span {font-weight: bold;}
.pageing .floatleft a {font-weight: normal;}

.pagenamegray h1{color: #666666;}

/* trumf visa registerpage */
.trumfvisa-top 
{
	margin-bottom: 10px;
}