/************************************** 
 General 
**************************************/
@font-face {
	font-family: 'Dax-Regular';
	src: url('fonts/Dax-Regular.eot');
	src: url('fonts/Dax-Regular.woff') format('woff'), url('fonts/Dax-Regular.ttf') format('truetype'), url('fonts/Dax-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1, h2, h3 {font-family:Dax-Regular,Verdana, Arial;}

body {margin:0;background-color:#a09c93;color:#000000; font-family:Verdana; font-size:11px; font-weight:normal;line-height: 18px;}

.page1 {background-image: url(/templates/game/brandloyalty/images/background/headerBg.jpg);background-repeat:repeat-x;}
.tail-top {background-image: url(/templates/game/brandloyalty/images/background/contentBackground.jpg);background-repeat:repeat-x;background-position:left 135px; overflow: hidden;}
.tail-bottom {position:relative;width:100%;background-image: url(/templates/game/brandloyalty/images/background/footerBg.jpg);background-repeat:repeat-x;background-position:left top;}

.topPage {background: url("/templates/game/brandloyalty/images/background/headerBg.png") repeat-x;}
.groundPage {margin:0 auto;width:970px;  }

img {border:none;}
a {text-decoration:none;}

/* background */
div.footerBackgroundWrapper {background: url(/templates/game/brandloyalty/images/background/bottomLargeBackgroundRepeat.jpg) repeat-x;}
div.centeredBackgroundSafe {background: url("/templates/game/brandloyalty/images/background/bottomLargeBackgroundSafe.jpg") no-repeat top center;}
div.centeredBackground {background: url("/templates/game/brandloyalty/images/background/bottomLargeBackground.jpg") no-repeat top center;}
div.contentBackground {width: 970px; margin: 0 auto; height: 239px; overflow: hidden; position: relative;}

/* activity */
div.topLine {height:15px; overflow: hidden; margin-top: 67px;}
div.centerLine {height:15px;overflow: hidden;}
div.bottomLine {height:15px;overflow: hidden;}
div.activityBlock {border: solid 1px #000; height: 9px; overflow: hidden; float: left; cursor: pointer;position: absolute;z-index:15;}
div.topLine div.activityBlock, div.bottomLine div.activityBlock {background: url("/templates/game/brandloyalty/images/background/timebarYellow.png") repeat-x;}
div.centerLine div.activityBlock {background: url("/templates/game/brandloyalty/images/background/timebarGrey.png") repeat-x;}

/* cloud */
#timelinenformationBlock {position: absolute; display: none; z-index: 99999;}
#timelinenformationBlock.showItem {display: block;}
#timelinenformationBlock p {margin: 0; font-size: 11px; font-family: Verdana; padding: 11px 23px;}
#timelinenformationBlock div.contentCloud {background-color: #f2ad27;}
#timelinenformationBlock div.arrowCloud {height: 5px; background: url("/templates/game/brandloyalty/images/background/BackgroundCloud.png") no-repeat 10px 0;}

/**************************************
 header 
**************************************/
#headerBlock {height:136px; overflow:hidden; margin:0 auto;width:970px; background-image: url(/templates/game/brandloyalty/images/background/headerBackground.jpg); background-repeat:no-repeat; }
#main {margin:0 auto;width:980px;}
.logo   {float:left;margin:10px 15px 0 15px; overflow: hidden;}

#menuContainer {overflow: hidden; margin:49px 0 0 200px;font-family:Dax-Regular,Arial;font-size:16px;font-weight: normal;}
#menuContainer ul {list-style-type:none; margin: 12px 0 4px 25px; padding: 0; list-style-type:none; height: 20px; margin-top: 10px; }
#menuContainer li{float:left;margin:0; padding:0; margin-right:11px;}
#menuContainer li a{color:#9b9a9a;background: url("/templates/game/brandloyalty/images/icons/topMenuArrow.jpg") no-repeat scroll 0px 4px transparent;padding: 0 0 0 15px;} 
#menuContainer li a:hover{color:#000000;}
#menuContainer li.active{}
#menuContainer li.active a{color:#000000;}

div.menuMainContainer {margin-top: 24px; clear: both;} 
div.menuMainContainer ul {overflow: hidden; margin: 0 0 0 18px; font-family:Dax-Regular,Arial; font-size:18px;font-weight: normal; list-style-type: none; padding: 0;}
div.menuMainContainer li{float:left;margin:0; padding:0; margin-right:11px;}
div.menuMainContainer li a{color:#000000;background: url("/templates/game/brandloyalty/images/icons/menuArrow.png") no-repeat scroll 0px 2px transparent;padding: 0 0 0 15px;} 
div.menuMainContainer li a:hover{color:#fcaf17;}
div.menuMainContainer li.active{}
div.menuMainContainer li.active a{color:#fcaf17;}
 

/**************************************
 content 
**************************************/

/*
rowOne 
*/

#rowOne {height:308px; width:100%;}

#dashBoard {float:left;height: 308px;margin: 0;overflow: hidden;width: 334px;}
#dashBoard p { margin:20px 25px 20px 15px;color: #000000;text-align:justify;}
#currentScore {float:left;height: 308px;margin: 0;overflow: hidden;width: 334px;}
#currentScore h1 {margin: 40px 15px 21px 15px;}
body.page_1 #profileBox {margin-left: 673px;}
#profileBox {position:relative;background-image: url(/templates/game/brandloyalty/images/features/profileBox.png); background-repeat:no-repeat;background-position:-17px top;height: 308px;margin: 0;overflow: hidden;width: 302px; margin-left: 668px;}

#profileBox h2 {font-weight: normal; text-align: center; width: 245px; font-size: 18px; margin: 80px 0 10px 22px;}

.profileName { position:absolute;top:170px;left:144px; }
.profileSubText { position:absolute;top:230px;width:220px;left:34px;background-image: url(/templates/game/brandloyalty/images/features/companyLine.png); background-repeat:no-repeat;background-position:left top; }
.scoreInfo { float:left;margin-top:10px; }
.score { float:right;margin-top:10px; }

div.profileName h3 {font-weight: bold; font-size: 14px; margin: 0; width: 120px;}

/* 
rowTwo 
*/

#rowTwo {height:140px; width:100%;margin-bottom:20px;}

#imgBox { overflow: hidden;float:left;width:324px; height:140px; }
#calculationBox { overflow: hidden;float:left;width:323px; height:140px; }
#messageBox { overflow: hidden;float:left;width:323px; height:140px; }

.topBoxLarge { overflow: hidden; width:324px; height:18px;background-image: url(/templates/game/brandloyalty/images/features/topStamp.png); background-repeat:no-repeat; }
.middleBox { overflow: hidden; width:324px; height:108px;background-image: url(/templates/game/brandloyalty/images/features/middleStamp.png); background-repeat:repeat-y; }
.bottomBoxLarge { overflow: hidden; width:324px; height:18px;background-image: url(/templates/game/brandloyalty/images/features/bottomStamp.png); background-repeat:no-repeat; }

/*
rowThree
*/

#rowThree {height:210px; width:100%;margin-bottom:20px;}

#youKnewBox { overflow: hidden;float:left;width:324px; height:210px; }
#actionsBox { overflow: hidden;float:left;width:323px; height:210px; }
#newsBox { overflow: hidden;float:left;width:323px; height:210px; }

.topBoxLarge2 { overflow: hidden;float:left;width:324px; height:18px;background-image: url(/templates/game/brandloyalty/images/features/topStamp.png); background-repeat:no-repeat; }
.topBoxLargeActions2 { overflow: hidden;float:left;width:324px; height:57px;background-image: url(/templates/game/brandloyalty/images/features/topStampActions.png); background-repeat:no-repeat;background-position:left -4px; }
.middleBox2 { overflow: hidden;float:left;width:324px; height:175px;background-image: url(/templates/game/brandloyalty/images/features/middleStamp.png); background-repeat:repeat-y; }
.middleBoxActions2 { overflow: hidden;float:left;width:324px; height:140px;margin-top:-5px;background-image: url(/templates/game/brandloyalty/images/features/middleStamp.png); background-repeat:repeat-y; }
.bottomBoxLarge2 { overflow: hidden;float:left;width:324px; height:18px;margin-top:-5px;background-image: url(/templates/game/brandloyalty/images/features/bottomStamp.png); background-repeat:no-repeat; }

/*
subpage 
*/

#subContent {height:100%; width:100%;overflow:visible;margin: 0 0 0 5px;}
#subContentBox {float:left;overflow: hidden;width: 668px;padding:0 0 20px 0;}
#subContentBox p { margin:1px 25px 20px 15px;color: #000000;text-align:justify;}
#subContentBox h1 { font-family:Dax-Regular,Arial;font-size:28px;font-weight: normal;margin:40px 15px 25px 15px; }

div.detailBox div.topBoxLarge { overflow: hidden;margin:0 0 0 10px;float:left;width:648px; height:18px;background-image: url(/templates/game/brandloyalty/images/features/topStampLarge.png); background-repeat:no-repeat; }
div.detailBox div.middleSubBox { overflow:hidden;margin:0 0 0 10px;padding:0;height:100%;margin-bottom:0;float:left;width:648px;background-image: url(/templates/game/brandloyalty/images/features/middleStampLarge.png); background-repeat:repeat-y; }
div.detailBox div.bottomBoxLarge { overflow: hidden;margin:0 0 0 10px;padding:0;float:left;width:648px; height:18px;background-image: url(/templates/game/brandloyalty/images/features/bottomStampLarge.png); background-repeat:no-repeat; }


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

.timeLine { position:absolute;z-index:10;top:60px;left:0;width:100%;height:57px; background-image: url(/templates/game/brandloyalty/images/features/timeLine.png);background-repeat:repeat-x;background-position:left top; }

#footer {height:231px; width:100%;overflow:hidden;background-image: url(/templates/game/brandloyalty/images/background/footerBackground.jpg); background-repeat:no-repeat;}

/*  
Elements 
*/

h1 {font-size:28px;font-weight: bolder;margin:40px 15px 35px 15px; }
h2 {font-size:18px;font-weight: bolder;margin:80px 15px 15px 45px;color:#fcaf17; }
h3 {font-size:16px;font-weight: normal;margin:5px; }

div.noheaderMargin h2 {margin: 5px 0 0 5px;}

.clear { clear:both; }
.clear2 { clear:both;margin-bottom:15px; }
.scoreRowLine { margin:0 25px 3px 15px; overflow: hidden;}
.measureText  { overflow:hidden;line-height:13px; margin-bottom: 4px; float: left; width: 140px; padding-top: 14px;}
.measurePanel {position:relative;width:135px;height:30px;margin:0;overflow:visible; margin-left: 150px;  }
.measureIcon { position:absolute;width:27px;height:19px;left:20px;top:-2px;z-index:10;background-image: url(/templates/game/brandloyalty/images/icons/slideIcon.png); }
.measureLine { position:absolute;width:134px;height:13px;left:0;top:17px;z-index:1;background-image: url(/templates/game/brandloyalty/images/features/slider.jpg); }
.measureVolume { position:absolute;height:13px;left:0;top:17px;z-index:10;background-image: url(/templates/game/brandloyalty/images/features/scoreVolume.jpg); }
.imgBox1 { margin:3px 0 0 25px;float:left; }
.imgBox2 { margin:3px 10px 0 22px;float:left; }
.middleBox p { margin:5px 22px 5px 0; }
.middleBox2 p { margin:20px 22px; }
.middleBox h1 { margin:5px 22px 5px 0;font-family:Dax-Regular,Arial;font-size:18px;font-weight: normal; }
.middleBox2 h1 { margin:5px 22px;font-family:Dax-Regular,Arial;font-size:18px;font-weight: normal; }

.middleBox2 ul { list-style-type:none;margin:20px 22px 10px 22px;padding: 0;  }
.middleBox2 ul li { width:100%;margin-bottom:5px;background: url("/templates/game/brandloyalty/images/icons/actionIcon.jpg") no-repeat scroll 0px 1px transparent;padding: 0 0 0 18px; }
.middleBoxActions2 ul { list-style-type:none;margin:10px 22px 10px 22px;padding: 0;  }
.middleBoxActions2 ul li {margin-bottom:5px;background: url("/templates/game/brandloyalty/images/icons/actionIcon.jpg") no-repeat scroll 0px 1px transparent;padding: 0 0 0 18px; }
.middleBoxActions2 ul.action a {color: #000;}

.profilePicture { margin:10px 10px 10px 40px; }

/* form area */
div.formArea label {float: left; width: 140px;}
div.formArea div.value {margin-left: 140px;}
div.formArea div.formLine {overflow: hidden; padding: 4px 0; border-bottom: solid 1px #e6e4de;}
div.formArea div.formLine.weeklyArea.nopadding {padding: 0;}
div.formArea div.formLine.weeklyArea.nopadding h3 {margin: 5px 5px 5px 0;}
div.formArea div.formLine.last {border-bottom: none;}
div.buttonControls {margin: 15px 35px 7px 0; padding-left: 216px;}
div.buttonControls input.submit {width: 125px; height: 26px; background: url("/templates/game/brandloyalty/images/buttons/buttonBackground.png") no-repeat; border: none; font-size: 12px; font-family:Dax-Regular, Verdana, Arial; cursor: pointer; margin-left: 10px;}
div.buttonControls.strategyArea {text-align: right; padding-left: 0; margin: 15px 30px 7px 0;}

/* profile area */
div.detailBox {overflow: hidden;}
div.profileArea {margin-left: 24px; width: 610px;}
#subContentBox div.profileArea p {margin: 0 0 8px 87px;}
div.profileArea h2 {color: #000; font-size: 18px; font-weight: normal; margin: 0 0 4px 87px; }
div.profileArea h2 span { margin-left: 8px; font-size: 12px; color: #9B9A9A;}
div.profileArea h2 a {color: #9B9A9A;}
div.profileArea h2 a:hover {color: #FCAF17;}
div.profileArea img {float: left; max-width: 73px; max-height: 102px;}
div.profileArea div.formArea {margin-left: 87px; width: 330px;}
div.profileArea div.formArea.longArea {width: 500px;}
h2.globalHeader {font-size: 22px; margin: 20px 0 5px 20px; color: #000; font-weight: normal;}
h2.globalHeader span {margin-left: 8px; font-size: 12px; color: #000;}
h2.globalHeader a {color: #000;}
h2.globalHeader a:hover {color: #FCAF17;}

/* decisions */
div.decisionItem h2 {font-size: 18px; color: #000; font-weight: normal; margin: 0;}
div.decisionItem div.leftDecisionArea {float: left; width: 105px; overflow: hidden; margin-left: 20px;}
div.decisionItem div.centerDecisionArea {float: left; width: 445px; overflow: hidden;}
#subContentBox div.decisionItem div.centerDecisionArea p {margin: 0;}
div.decisionItem div.rightDecisionArea {margin-left: 588px; background: url("/templates/game/brandloyalty/images/decisions/arrow_top.png") no-repeat; height: 69px;}
div.decisionItem div.rightDecisionArea.checked {background: url("/templates/game/brandloyalty/images/decisions/arrow_bottom.png") no-repeat;}
div.innerDecision {clear: both; background: url("/templates/game/brandloyalty/images/decisions/backgroundInnerBlock.png") repeat-x; margin: 8px 20px 0 20px; padding-top: 6px; display: none;}

/* default loyalty campaign */
div.noproductAvailable {display: none;}

/* Pricebox on decisions */
#priceBox {position: relative;}
#ticketBaloon {position: absolute; display: none; background-color: #fff; background: url("/templates/game/brandloyalty/images/results/baloonleft.png") no-repeat; width: 247px; height: 133px; left: 40px;}
#priceBox #ticketBaloon h2 {margin: 14px 0 0 20px;}
div.calculationContent ul {padding: 0 0 0 10px; margin: 0 0 0 10px;}
#cancelItem {margin: 14px 10px 0 14px; text-align: right;}
#cancelItem input {background: url("/templates/game/brandloyalty/images/buttons/buttonBackground.png") no-repeat; width: 125px; height: 26px; font-size: 12px; border: none; line-height: 12px;}

/* inner decisions */
div.decisionOverview div.decisionSliderWrapper {overflow: hidden;}
div.decisionOverview div.decisionSliderArea {position: relative; height: 60px; overflow: hidden; width: 320px; padding: 0 20px;}
div.decisionOverview div.decisionSlider {background: url("/templates/game/brandloyalty/images/businessplan/sliderNotSelected.png") no-repeat; height: 13px; border: solid 1px #000; width: 299px; margin-top: 25px}
div.decisionOverview .ui-slider-range {background: url("/templates/game/brandloyalty/images/businessplan/sliderSelected.png") repeat-x; position: absolute; display: block; z-index: 1; left: 0; height: 100%;}
div.decisionForm div.buttonControls {margin: 0 0 0 149px; padding-left: 0;}
div.decisionForm div.formLine select, div.decisionForm div.checkbox input {margin-left: 20px;}
div.decisionForm select {padding: 2px 0 2px 8px; border: solid 1px #FDC351;}
#storeUpgradeExplanation {margin-left: 20px; display: block;}
span.explanation {display: block; margin-left: 20px;}
#subContentBox p.explainBusinessPlan { margin: 1px 25px 0 5px;}
div.decisionForm ul.customRadio {list-style-type: none; margin: 6px 0 0 13px; padding: 0;}
div.decisionForm ul.customRadio li {height: 24px; padding: 4px 0 0 36px; background: url("/templates/game/brandloyalty/images/buttons/cirkel.png") no-repeat; margin-bottom: 6px; cursor: pointer; overflow: hidden; }
div.decisionForm ul.customRadio li.checked {background: url("/templates/game/brandloyalty/images/buttons/cirkel_vink.png") no-repeat; }

div.decisionForm ul.customCheckBox {list-style-type: none; margin: 6px 0 0 13px; padding: 0;}
div.decisionForm ul.customCheckBox li {height: 25px; padding: 4px 0 0 36px; background: url("/templates/game/brandloyalty/images/buttons/vierkant.png") no-repeat; margin-bottom: 6px; cursor: pointer; overflow: hidden; }
div.decisionForm ul.customCheckBox li.checked {background: url("/templates/game/brandloyalty/images/buttons/vierkant_vink.png") no-repeat; }

/* special area on the bottom */
body.page_2000 #subContentBox{margin-bottom: 239px;}
body.page_2000 div.footerBackgroundWrapper{position: fixed; bottom: 0; width: 100%; z-index: 10;}

/* Error messages */
div.errorMessageArea {background: url("/templates/game/brandloyalty/images/background/ErrorMessages.png") no-repeat; width: 464px; height: 57px; margin-left: 104px; margin-bottom: 6px;  overflow: hidden; margin-top: 10px;}
div.errorMessageArea ul {padding: 0; margin: 10px 0 0 70px;}

/* ticket area */
div.calculationContent li.marked {font-weight: bold; color: #F2AD27;}

/* supporting options */
div.supporting {display: none;}

/* Business plan */
div.businessPlanItem h2 {margin: 8px 0 6px 5px; color: #000; font-weight: normal;}
div.businessPlanItem {clear: both; background: url("/templates/game/brandloyalty/images/decisions/backgroundInnerBlock.png") repeat-x; margin: 8px 20px 0 20px; overflow: hidden;}
div.businessPlanItem.first {background: none; margin: 0 20px 0 20px;}
div.businessPlanItem.first h2 {margin: 4px 0 6px 5px;}

/* business plan sliders */
div.sliderArea {position: relative; height: 60px; overflow: hidden;}
div.slider {background: url("/templates/game/brandloyalty/images/businessplan/sliderNotSelected.png") no-repeat; height: 13px; border: solid 1px #000; width: 599px; margin-top: 25px}
a.ui-slider-handle {height: 26px; position: absolute; width: 38px; z-index: 2; background: url("/templates/game/brandloyalty/images/businessplan/sliderButton.png") no-repeat; top: -22px; margin-left: -19px;}
.ui-slider {position: relative; }
.ui-slider-range {background: url("/templates/game/brandloyalty/images/businessplan/sliderSelected.png") repeat-x; position: absolute; display: block; z-index: 1; left: 0; height: 100%;}
#subContentBox p.sliderValue {position: absolute; margin: 0 0 0 -9px;}

/* help area */
#cityMap {margin-left: 28px; background: url("/templates/game/brandloyalty/images/help/citymap.png") no-repeat; width: 598px; height: 301px; margin-bottom: 10px; position: relative;}
h2.genericHeader {margin: 8px 0 0 16px; color: #000;}
div.helpArea h2 {margin: 0 0 8px 20px; color: #000;}
#subContentBox div.helpArea p {margin: 1px 25px 20px 20px;}

/* different headings */

/* Maps */
#cityMap ul {padding: 0; margin: 1px 0 0 4px; list-style-type: none;}
#cityMap li {color: #fff; font-size: 10px; margin: 0 0 4px 0; line-height: 11px;}
#cityMap div.header {width: 50px; height: 50px; position: absolute; cursor: help; }
#cityMap div.explain {width: 110px; height: 46px; position: absolute; display: none;}
#cityMap div.explain.hovering { display: block;}

#cityMap div.blue.header {left: 487px; top: 40px; }
#cityMap div.blue.explain {background: url("/templates/game/brandloyalty/images/help/mouseover/b2.png") no-repeat; left: 487px; top: 86px;}
#cityMap div.blue.header.hovering {background: url("/templates/game/brandloyalty/images/help/mouseover/b1.png") no-repeat; }

#cityMap div.yellow.header {left: 364px; top: 92px; }
#cityMap div.yellow.explain {background: url("/templates/game/brandloyalty/images/help/mouseover/y2.png") no-repeat; left: 364px; top: 138px; }
#cityMap div.yellow.header.hovering {background: url("/templates/game/brandloyalty/images/help/mouseover/y1.png") no-repeat; }
#cityMap div.yellow.explain li {color: #000;}

#cityMap div.orange.header { left: 325px; top: 192px; }
#cityMap div.orange.explain {background: url("/templates/game/brandloyalty/images/help/mouseover/o2.png") no-repeat; left: 325px; top: 238px;}
#cityMap div.orange.header.hovering {background: url("/templates/game/brandloyalty/images/help/mouseover/o1.png") no-repeat;}

#cityMap div.green.header {left: 247px; top: 92px; }
#cityMap div.green.explain {background: url("/templates/game/brandloyalty/images/help/mouseover/g2.png") no-repeat; left: 247px; top: 138px;}
#cityMap div.green.header.hovering {background: url("/templates/game/brandloyalty/images/help/mouseover/g1.png") no-repeat; }
#cityMap div.green.explain li {color: #000;}

#cityMap div.red.header {left: 14px; top: 187px; }
#cityMap div.red.explain {background: url("/templates/game/brandloyalty/images/help/mouseover/r2.png") no-repeat; left: 14px; top: 233px;}
#cityMap div.red.header.hovering {background: url("/templates/game/brandloyalty/images/help/mouseover/r1.png") no-repeat; }


/* results */
div.resultGraphArea div.wrapper{background: url("/templates/game/brandloyalty/images/results/backgroundSmallBlock.png") no-repeat; width: 318px; height: 232px; float: left; overflow: hidden;}
div.resultGraphArea div.wrapper.leftBlock {margin-left: 8px;}
div.resultGraphArea h3 {margin: 12px 0 0 12px;}
div.resultGraphArea span.showDetails {float: right; background: url("/templates/game/brandloyalty/images/results/showdetails.png") no-repeat; width: 84px; height: 18px; padding-left: 5px; margin-top: 14px; margin-right: 6px; cursor: pointer;}
div.resultGraphArea div.graphItem{margin-left: 8px; margin-right: 8px; overflow: hidden; background: url("/templates/game/brandloyalty/images/decisions/backgroundInnerBlock.png") repeat-x; height: 70px;}
div.resultGraphArea div.graphBackground {background: url("/templates/game/brandloyalty/images/results/smallGraphBackground.png") no-repeat; width: 274px; height: 11px; overflow: hidden; margin: 9px 0 0 12px;}
div.resultGraphArea div.innerWrapper {background: url("/templates/game/brandloyalty/images/results/smallGraphInnerBar.png") repeat-x; height: 9px; margin: 1px;}
div.resultGraphArea div.graphItem.first {background: none; margin-top: 4px;}

div.overlayElement.first {margin-left: 19px;}
div.overlayElement {float: left; height: 250px; margin-top: 15px}
div.overlayElement.hovering {cursor: help;}

li.currentYear {background: url("/templates/game/brandloyalty/images/results/graph/bulletCurrent.png") no-repeat left center; padding-left: 14px;   }
li.previousYear {background: url("/templates/game/brandloyalty/images/results/graph/bulletPrevious.png") no-repeat left center; padding-left: 14px;}

/* Results baloon */
#subContent.relativePositioning {position: relative;}
#baloonHoverArea {display: none; position: absolute; height: 133px; width: 247px; background: url("/templates/game/brandloyalty/images/results/baloonleft.png"); }
#baloonHoverArea.right {background: url("/templates/game/brandloyalty/images/results/baloonright.png"); }

#graphHoverArea {display: none; position: absolute; height: 133px; width: 247px; background: url("/templates/game/brandloyalty/images/results/baloonleft.png");}
#graphHoverArea h3 {margin: 12px 0 0 26px;}
#graphHoverArea ul {margin-top: 6px;}


#resultGraphImage {overflow: hidden; clear: both; margin: 0 0 0 8px; padding: 0; height: 341px;}
#resultGraphImage h3 {font-size: 16px; color: #000; margin: 17px 0 0 19px;}
#resultGraphImage span.graphMargins {color: #f0a230;}
#baloonHoverArea ul{list-style-type: none; padding: 0; margin: 6px 0 10px 15px;}
#baloonHoverArea p {margin: 0 0 0 15px; line-height: 15px;}

/* Ticket design */
#priceBox {margin-left: 668px; overflow: hidden; width: 300px; margin-bottom: 239px;}
#priceBox h2 {margin: 4px 0 0 35px; color: #6c6c6c; font-family: Courier New; font-size: 15px;}
#priceBox.fixedPosition {position: fixed; top: 0;}

#ticketHeader {background: url("/templates/game/brandloyalty/images/results/receipt/topReceipt.png") no-repeat; height: 120px; overflow: hidden;}
#ticketHeader div.centeredBox {text-align: center; width: 227px; margin-left: 20px; margin-top: 40px;}

#ticketContent {background: url("/templates/game/brandloyalty/images/results/receipt/bottomReceipt.png") no-repeat bottom left; overflow: hidden; padding-bottom: 140px; }
div.calculationContent h3 {color: #6c6c6c; font-size: 13px; font-family: Courier New; margin: 0; font-weight: bold; margin-bottom: 4px; }
div.calculationContent {margin-left: 21px; background: url("/templates/game/brandloyalty/images/results/receipt/largeSeperator.png") no-repeat top left; padding-top: 12px;}
div.calculationContent li {font-family: Courier New; color: #6c6c6c; font-size: 13px;}
div.calculationContent p {font-family: Courier New; color: #6c6c6c; font-size: 13px;}
div.calculationBlock {background: url("/templates/game/brandloyalty/images/results/receipt/smallSeperator.png") no-repeat bottom left; padding: 0 0 0px 6px; overflow: hidden; width: 228px; margin-bottom: 8px;}
div.calculationBlock.last {background: url("/templates/game/brandloyalty/images/results/receipt/largeSeperator.png") no-repeat bottom left;}

/* Ranking design */
div.rankBox1{background: url("/templates/game/brandloyalty/images/ranking/place1bg.png") no-repeat bottom left;margin:0 5px 0 16px;padding:0;}
div.rankBox2{background: url("/templates/game/brandloyalty/images/ranking/place2bg.png") no-repeat bottom left;margin:0 5px 0 5px;padding:0;}
div.rankBox3{background: url("/templates/game/brandloyalty/images/ranking/place3bg.png") no-repeat bottom left;margin:0 5px 0 5px;padding:0;}
div.rankBox {overflow: hidden; display:block; width: 200px;height:260px;float:left;}

.rankLogo1{margin-left:108px;margin-top:23px;}
.rankLogo2{margin-left:112px;}
.rankLogo3{margin-left:106px;}
.rankLogo {margin-top:23px;width:53px;height:54px;overflow:hidden;background:#000000;}

h2.rank {font-size:20px;font-weight: normal;margin:20px 15px 15px 30px;color:#000000;}
#subContentBox p.explainRanking {margin: 1px 25px 20px 30px;}

div.rankResult { margin:100px 0 0 0; }
#subContentBox p.rankLine1 {font-size:16px;font-weight: normal;display:block;margin:0;width:200px;height:30px;text-align:center;color:#000000;font-family:Dax-Regular,Verdana, Arial; }
#subContentBox p.rankLine2 {font-size:18px;font-weight: normal;display:block;margin:0;width:200px;height:25px;text-align:center;color:#ffffff; }
#subContentBox p.rankLine3 {font-size:12px;font-weight: normal;display:block;margin:0;width:200px;height:10px;text-align:center;color:#504028; }

.rankListHead { font-size:14px;font-weight: normal;display:block;margin:8px 0 0 0;height:40px;color:#000000;font-family:Dax-Regular,Verdana, Arial;  }
.rankRow { overflow:hidden; }
.rankListItem { margin:0;padding: 10px 0 0 0;overflow:hidden;background: url("/templates/game/brandloyalty/images/ranking/rankBorder.png") no-repeat 15px 0; }
.rankListItemContent {display: none;margin:0; }

.rankNumber {margin-left:30px;float:left;width:50px;height:40px;display:block;text-align:left;overflow:hidden;}	
.rankName {float:left;width:190px;height:40px;display:block;text-align:left;overflow:hidden;}	
.rankScore {float:left;width:190px;height:40px;display:block;text-align:center;overflow:hidden;}	
.rankChange {float:left;width:120px;height:40px;display:block;text-align:center;overflow:hidden;}	
.rankDetails {float:left;width:60px;height:40px;display:block;text-align:center;overflow:hidden;}

.rankDetailContent { overflow:hidden;width:473px;height:79px;display:block;margin:0 0 21px 80px;float:left;background: url("/templates/game/brandloyalty/images/ranking/hoverInformationbg.png") no-repeat top left; }
#subContentBox  .rankDetailContent p { margin:5px 10px;color: #000000; }
.rankDetailArrow { display:block;float:left;width:24px;height:20px;margin:59px 0 0 42px;background: url("/templates/game/brandloyalty/images/ranking/itemUp.png") no-repeat top left;cursor:pointer;  }

.rankArrowUpGreen { margin-left:15px;display:block;width:24px;height:20px;float:left;background: url("/templates/game/brandloyalty/images/ranking/itemUpGreen.png") no-repeat top left; }
.rankArrowDownRed { margin-left:15px;display:block;width:24px;height:20px;float:left;background: url("/templates/game/brandloyalty/images/ranking/itemDownRed.png") no-repeat top left; }
.rankArrowUp {margin-left:15px;display:block;width:24px;height:20px;background: url("/templates/game/brandloyalty/images/ranking/itemUp.png") no-repeat top left;cursor:pointer; }
.rankArrowDown {margin-left:15px;display:block;width:24px;height:20px;background: url("/templates/game/brandloyalty/images/ranking/itemDown.png") no-repeat top left;cursor:pointer;   }
.rankArrowDown.checked {background: url("/templates/game/brandloyalty/images/ranking/itemUp.png") no-repeat top left; }

/* Login page */
div.loginpage {min-height: 600px;}
div.loginpage fieldset legend {display: none;}
div.loginpage fieldset {border: none;}
div.loginpage table {margin: 4px 0 0 15px;}
div.loginpage td {padding: 0 0 10px 0;}
div.loginpage tr.note {display: none;}
div.loginpage td.DefaultDecisionContent {width: 150px;}
div.loginpage td.DefaultDecisionValues input {padding: 4px 10px; width: 250px;}
div.loginpage td.DefaultDecisionValues select {padding: 4px 10px; width: 272px;}
div.loginpage div.errormessage {display: none;}

div.loginpage div.submit {margin: 15px 35px 7px 0; padding-left: 158px;}
div.loginpage div.submit input.submitbutton {width: 125px; height: 26px; background: url("/templates/game/brandloyalty/images/buttons/buttonBackground.png") no-repeat; border: none; font-size: 12px; font-family:Dax-Regular, Verdana, Arial; cursor: pointer; margin-left: 10px;}

/* Admin area */
/* main page */
div.adminDashboard {overflow: hidden; float: left; width: 324px; height: 211px; margin: 0 2px 40px 0;}
#profileBox.adminPage {margin-left: 673px;}
div.adminDashboard.toprow {margin: 17px 2px 0 0;}
div.adminDashboard h1 {font-size: 16px; margin: 15px 0 0 20px;}
div.adminDashboard h2 {margin: 0 0 0 20px;}
div.adminDashboard div.middleBox2 p {margin: 10px 20px 5px 20px;}
div.adminDashboard p.linkArea {margin: 0;}
div.adminDashboard p.contentBlock {margin: 20px 20px;}
div.adminDashboard dl {margin: 10px 20px 0 20px;}
div.adminDashboard #currentScore {float: none; height: auto; width: auto; margin: 0 20px 0 20px;}
div.adminDashboard dt {float: left; width: 200px; padding-top: 6px;}
div.adminDashboard dd {margin-left: 200px;}

/* detail page */
div.adminPage div.middleSubBox {overflow: hidden; padding-left: 20px;}
body.page_1700 div.adminPage div.middleSubBox {padding-left: 0;}
div.adminPage #subContentBox div.middleSubBox p {margin-left: 5px;}
div.adminPage div.teamOverview {overflow: hidden; margin-bottom: 20px; background: url("/templates/game/brandloyalty/images/features/companyLine.png") repeat-x bottom left; width: 610px;}
div.adminPage div.teamData {float: left; width: 200px;}
div.adminPage div.teamData h4 {margin-left: 5px;}
div.adminPage div.teamAchievements {margin-left: 200px;}
div.adminPage div.teamAchievements dt {float: left; width: 200px;}
div.adminPage div.teamAchievements dd {margin-left: 200px;}

td.decisionNotFound {background: url("/templates/game/brandloyalty/images/buttons/cirkel.png") no-repeat center center; }
td.decisionMade {background: url("/templates/game/brandloyalty/images/buttons/cirkel_vink.png") no-repeat center center; }
div.teamDecisions td{padding: 20px; width: 75px;}
div.teamDecisions td.titleDescription {width: 100px; text-align: left; padding: 20px 20px 20px 0}