/**************************************************************
***************************  NORMALIZE  ***********************
**************************************************************/
@import "normalize.css";

/**************************************************************
***************************  BASE  ****************************
**************************************************************/
html {
 height: 100%;
}

body {
 height: 100%;
 font-family: 'Roboto', sans-serif;
 font-size: 100%;
}

img {
 max-width: 100%;
}

p {
 line-height: 1.5em;
}

.dm {
 margin: 0 auto;
 position: relative;
 width: 960px;
}

a{
 color: #ff7902;
 margin: 0;
 text-decoration: none;
}

a:hover
{
 text-decoration: underline;
 color: #ff7902;
}

a:active
{
 text-decoration: none;
 color: #ff7902;
}

.dmEmail
{
 color: #ff7902;
}

.dmFootnote
{
 font-size: .7em;
 vertical-align: super;
}

/**************************************************************
***************************  HEADER  **************************
**************************************************************/
.container {
 width: 960px;
 margin: 0 auto;
}

#header
{
 background: #fff;
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 width: 100%;
 height: 75px;
 position: fixed;
 top: 0;
 z-index: 999;
}

#logo {
 float: left;
}

#header ul {
 margin-top: 0;
}

#header a {
 text-decoration: none;
 margin-left: 20px;
 color: #787878;
}


#header a:hover {
 text-decoration: none;
 color: darkgray;
}

#header a:active {
 text-decoration: none;
 color: #2a2a2a;
}


#header .menuList {
 list-style: none;
 float: left;
 font-family: 'Roboto', sans-serif;
 font-size: 1em;
 font-weight: 400;
}


#header a.selected {
 color: black;
}

#header li.menuList div.dropDownContent a.selected {
 color: black;
}


#nav {
 float: right;
 padding-top: 27px;
}

#logo {
 padding-top: 18px;
}

div#logo a{
 margin-left: 0;/*to stop the default a margin*/
}

/**************************************************************
******************  DROP DOWN MENU  ***************************
**************************************************************/
#header .dropLink {
 color: #787878;
 border: none;
 cursor: pointer;
}

#header .dropDown{
 position: relative;
 display: inline-block;
}

#header .dropDownContent{
 display: none;
 position: absolute;
 /*background-color: #f9f9f9;*/
 background-color: #ffffff;
 min-width: 160px;
 box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
 border: 1px solid #d2d2d2;
 border-radius: 4px;
}

#header .dropDownContent a {
 color: #a2a2a2;
 padding: 12px 16px;
 text-decoration: none;
 display: block;
 margin-left: 0;
 font-size: 0.8em;
}

#header .dropDownContent a:hover {background-color: #f1f1f1}

#header .dropDown:hover .dropDownContent {
 display: block;
}

#header .dropDown:hover .dropLink {
 /*background-color: #3e8e41;*/
}

/**************************************************************
***************************   START  **************************
**************************************************************/
div#dmStart {
 padding-top: 30px;
 padding-bottom: 20px;
}

/*a#dmChallengeText img{*/
 /*display: block;*/
 /*margin: 60px auto 0;*/
/*}*/

/*div#dmStart > h1 {*/
 /*margin-bottom: 0;*/
 /*font-weight: 100;*/
 /*margin-top: 30px;*/
 /*font-size: 5em;*/
 /*color: #ff7902;*/
 /*text-align: center;*/
/*}*/

div#dmStart > h1 {
 margin-bottom: 0;
 font-weight: 100;
 margin-top: 100px;
 font-size: 5em;
 color: #ff7902;
 text-align: center;
}

div#dmStart > table {
 margin-top: 40px;
 margin-bottom: 100px;
}



div#dmStart > table th {
 color: #2eb82e;
 font-size: 1.5em;
 font-weight: 300;
 width: 330px;
 text-align: center;
}

div#dmStart > table td {
 color: #787878;
 font-size: 1.2em;
 font-weight: 100;
 width: 330px;
 vertical-align: 10px;
 padding: 5px 15px 20px 15px;
 text-align: center;
}

/*****************  TOOLTIP ********************/
.tooltip .tooltipText {
 font-weight: 400;
 font-size: 0.8em;
 visibility: hidden;
 width: 150px;
 color: #ffffff;
 text-align: left;
 border-radius: 4px;
 padding: 5px;
 position: absolute;
 z-index: 1;
}

/* Position of arrow */

.tooltip .tooltipTop::after {
 content: "";
 position: absolute;
 right: 100%; /* At the left of the tooltip */
 top: 80%;
 margin-top: -5px;
 border-width: 5px;
 border-style: solid;
 border-color: transparent #54afe3 transparent transparent;
}

.tooltip .tooltipRight::after {
 content: "";
 position: absolute;
 top: 100%; /* At the bottom of the tooltip */
 left: 37%;
 margin-left: -5px;
 border-width: 5px;
 border-style: solid;
 border-color: #ff7901 transparent transparent transparent;
}

.tooltip .tooltipBottom::after {
 content: "";
 position: absolute;
 top: 30%; /* At the left of the tooltip */
 right: 100%;
 margin-top: -5px;
 border-width: 5px;
 border-style: solid;
 border-color: transparent #4caf50 transparent transparent;
}

.tooltip:hover .tooltipText {
 visibility: visible;
}

span.tooltipText.tooltipTop {
 top: -35px;
 left: 100px;
 background-color: #54afe3;
}

span.tooltipText.tooltipRight {
 top: -21px;
 left: 100px;
 background-color: #ff7901;
}

span.tooltipText.tooltipBottom {
 top: 160px;
 left: 124px;
 background-color: #4caf50;
}

/*****************  CIRCLE PICTURE ********************/
.dmIm1 {
 float: left;
 margin-left: 50px;
 margin-top: -110px;
}

span#dmIm2 {
 position: relative;
 float: right;
 margin-right: 90px;
 margin-top: -50px;
}

img.blueCircle {
 position: absolute;
 top: 0;
 left: 0;
}

img.orangeCircle {
 position: absolute;
 top: 45px;
 left: 114px;
}

img.greenCircle {
 position: absolute;
 top: 120px;
 left: 21px;

}

img.blueCircle:hover, img.orangeCircle:hover, img.greenCircle:hover {
 cursor: pointer;
}

/*********************************/
.backGround1 {
 background-color: #ffffff;
}

.backGround2 {
 background-color: #ff7902;
 min-width: 960px;
}

.backGround3 {
 background-color: #f2f2f2;
 min-width: 960px;
}

.backGround4 {
 background-color: #fafafa;
 min-width: 960px;
}

.backGround5 {
 background-color: #E4E5E9;
 min-width: 960px;
}

.backGround6 {
 background-color: #f5faff;
 min-width: 960px;
}

.backGround7 {
 background-color: #555555;
 min-width: 960px;
}
.backGround8 {
 /*background-color: #66b2b2;*/
 /*background-color: #66b29f;*/
 background-color: #54afe3;
 min-width: 960px;
}


/*.backGround {*/
/*background-color:#f8f8ff;*/
/*background-color:#e9e9e9;*/
/*background-color:#eaeaea;*/
/*}*/

/* Video class */

iframe.dmVideoHide
{
 display: none;
}

iframe.dmVideoShow
{
 display: block;
 position: fixed;
 top: 100px;
}

/****************** Features ****************************************/

div#featureList{
 padding-bottom: 50px;
}
div#featureList h2{
 margin: 0;
 padding: 20px 0;
 font-size: 2.5em;
 font-weight: 300;
 text-align: center;
 color: white
}

.dmFine{
 font-weight: 100;
}

/******************Download*****************************************/
#dmDownloadPicture {
 position: relative;
}

div#dmDownloadPicture > h2 {
 color: #ffffff;
 font-size: 2.5em;
 font-weight: 300;
 padding-top: 35px;
 margin: 0;
 text-align: center;
 z-index: 1;
}

#readyIn5 {
 position: absolute;
 top: -32px;
}

.downloadImage {
 display: block;
 margin: 0 auto;
 padding: 30px;
}

.knapp1 {
 display: block;
 margin: auto;
 padding-bottom: 40px;
}

/***************PITCH**************************/
div.dmSalesPitch {
 position: relative;
}

div.dmSalesPitch > h2 {
 color: #ff7902;
 font-size: 2.9em;
 font-weight: 100;
 padding-top: 60px;
 margin: 0;
 text-align: center;
}

div.dmSalesPitch > img{
 position: absolute;
 margin-top: -32px;
}

div.dmSalesPitch > table {
 margin-bottom: 50px;
 margin-top: 50px;
 width: 100%;
}

div.dmSalesPitch > table tr th span {
 display: block;
 margin: 0;
 padding: 5px 60px;
 width: 200px;
 color: #53afe3;
 font-weight: 400;
 font-size: 1.5em;
 text-align: center;
}

div.dmSalesPitch > table tr td {
 color: #53afe3;
 font-family: Roboto, sans-serif;
 font-size: 1em;
 font-weight: 300;
 margin: 0;
 padding-left: 60px;
 padding-right: 60px;
 text-align: left;
 width: 200px;
 vertical-align: 10px;
}

/***************INTERFACE**************************/
#interFace {
 padding: 30px 0 110px;
}

div#interFace > h2 {
 color: #555555;
 font-size: 2.9em;
 font-weight: 100;
 /*margin-bottom: 100px;*/
 text-align: center;
}


h3#dmCarouselTitle
{
 font-weight: 300;
 font-size: 1.5em;
 padding: 0 0 0 0;
 margin: 0;
}

/***************VIDEO**************************/
div#video > h2 {
 color: #ffffff;
 margin: 0;
 text-align: center;
 padding-top: 70px;
 padding-bottom: 50px;
 font-weight: 100;
 font-size: 2.9em;
}

div#video > table{
 margin: 0 auto;
 width: 768px;
}

div#video > table > tbody > tr > td
{
 padding-top: 10px;
 color: #ffffff;
 font-size: 1em;
 font-weight: 400;
 width: 200px;
 text-align: center;
 vertical-align: 20px;
}


div#video > table > tbody > tr:nth-child(2) > td
{
 padding-bottom: 60px
}

div#video > table > tbody > tr > td a{
 margin: 0;
}


/***************GET STARTED**************************/

div#comeOn > h2 {
 color: #555555;
 font-weight: 300;
 font-size: 2.9em;
 text-align: left;
 margin-left: 50px;
 width: 600px;
 margin-bottom: 20px;
}

p#getStartedOptions{
 color: #555555;
 font-weight: 100;
 font-size: 1.7em;
 text-align: left;
 margin-left: 50px;
 width: 660px;
 margin-top: 0;
}


div#comeOn {
 padding-bottom: 200px;
 padding-top: 100px;
}

.cubes {
 float: right;
 margin-top: -170px;
 margin-right: 50px;
}

.knapp2 {
 float: left;
 margin-left: 50px;
}

/**************************************************************
*************************** FOOTER ****************************
**************************************************************/
div#contact {
 clear: both;
 padding-top: 100px;
 padding-bottom: 100px;
}

div#contact > h2 {
 font-size: 1.1em;
 font-weight: 400;
 color: #808080;
 margin-bottom: 30px;
}

div#contact > table{
 width: 100%;
}

div#contact > table td span{
 font-weight: 100;
 color: #53afe3;
}

div#contact > table  tbody tr td {
 color: #53afe3;
 vertical-align: 10px;
 width: 33.333%;
}

div#contact > table  tbody tr td:nth-child(2) {
 /*padding-left: 6%;*/
}

div#contact > table  tbody tr td:nth-child(3) {
 text-align: right;
}


body {
 position: relative;
}

div#dmFooter
{

}

span.dmCode
{
 font-style: italic;
}

span.dmUnderline
{
 text-decoration: underline;
}

span.dmStrong
{
 font-weight: 400;
}

span.dmStronger
{
 font-weight: 600;
}

div#dmFooter div#contact table#dmDigiCertSeal
{
 margin: 90px auto 0;
 /*position: relative;*/

}

div#dmFooter div#contact table#dmDigiCertSeal tr td
{
 /*padding: 0;*/
 /*position: relative;*/
 vertical-align: top;
 /*text-align: center;*/

}




/********************* FAQ DOWNLOAD & PRICE ************************/
div.dmFaq > h2{
 text-align: center;
 font-size: 2.2em;
 font-weight: 300;
 color: #ff7902;
 margin: 0;
 padding-bottom: 30px;
}

div.dmFaq > div{
 border-bottom: 1px solid #a3a3a3;   /*div med h3or och paragraph */
}

div.dmFaq > div h3 {
 font-size: 1.6em;
 font-weight: 300;
 padding: 10px 0;
 color: #555555;
 margin-bottom: 0;
}

div.dmFaq > div p {
 color: #555555;
 margin-top: 0;
 font-weight: 100;
}

div.dmFaq > div ol, div.dmFaq > div ul{
 color: #555555;
 font-weight: 100;
}

div.dmFaq > div a{
 color: #ff7902;
 margin: 0;
}


div.priceWrapper h2 span
{
 color: #ff7902;
}

div.priceWrapper h2
{
 color: #4caf50;
}

/**************************************************************
*************************** Download dialog ********************************
**************************************************************/

div.dmDownloadMovieDiv form,div.dmDownloadMovieDiv p, div.dmDownloadMovieDiv button
{
 margin: 30px 0;
 display: block;
 text-align: center;
}



div.dmDownloadMovieDiv p.dmDownloadMessage
{
 color:#4caf50;
}



/**************************************************************
*************************** FAQ SUPPORT ***********************
**************************************************************/
div#faqWrapper {
 padding-bottom: 100px;
}

div#faqWrapper > h1 {
 text-align: center;
 color: #ff7902;
 font-weight: 300;
 font-size: 3em;
 margin-top: 100px;
 padding-bottom: 50px;
}

.faqCategory {
 /*list*/
 font-size: 1em;
 float: left;
 list-style: none;
 padding-left: 0;
}

.faqA {
 /*class på anchor*/
 color: #53afe3;
 margin-left: 0;
}

.category {
 /*class på h2or*/
 text-align: left;
 font-size: 1.5em;
 font-weight: 400;
 margin-left: 200px;
 padding-bottom: 0;
}

#category1, #category2, #category3 {
 /*href*/
 margin-left: 0;
 color: #53afe3;
}

.faqMainContainer {
 /*div med h3or och paragraph */
 border-bottom: 1px solid #a3a3a3;
 margin-left: 200px;
}

.question {
 /*h3*/
 font-size: 1.6em;
 font-weight: 300;
 padding: 10px 0;
 color: #555555;
 margin-bottom: 0;
}

.answer, .answer ul li {
 /*paragraph*/
 color: #555555;
 margin-top: 0;
 font-weight: 100;
}

a.faq {
 color: #53afe3;
}

/**************************FAQ********************************/

.faqContainer {
 /*div med h3or och paragraph */
 border-bottom: 1px solid #a3a3a3;
}

/**************************************************************
*************************** PRICING ***************************
**************************************************************/
table.priceTable {
 width: 100%;
}

div.priceWrapper {
 padding: 0 0 100px 0; /*challenge banner*/
 /*padding: 30px 0 100px 0;*/
}

div#pricingPage > h1 {
 margin-top: 150px;
}

div.mainPriceOptions {
 background-color: #ffffff;
}

div.mainPriceOptions >.freeSpot{
}

div.paymentInfo{

 margin: 0;
 background-color: #f2f2f2;
 font-weight: 100;
 font-size: 1em;
 color: #555555;
}

.anchorInfo, .anchorInfo2 {
 color: #555555;
 font-weight: 300;
 text-align: center;
 margin: 0;
 padding-top: 10px;
 background-color: #f2f2f2;
}


.anchorInfo2 {
 padding-bottom: 20px;
}

.anchorInfo span.dmExtra {
 font-weight: 400;
 color: #ff7902;
 font-size: 1.1em;
}

div.mainPriceOptions > h2 {
 color: #404040;
 text-align: center;
 font-weight: 100;
 font-size: 2.5em;
 margin: 0;
 padding: 120px 0 20px;/*150px 0 50px;*/ /*challenge banner*/
 /*padding: 50px 0 50px;*/
 background-color: #f2f2f2;
}

p.VoucherInfoText{
 margin: 0;
 text-align: center;
 background-color: #f2f2f2;
 /*color: #ff7902;*/
 color: #4caf50;
 font-size: 1.2em;
 padding-bottom: 20px;
}

p.VoucherInfoText1{
 margin: 0;
 text-align: center;
 background-color: #f2f2f2;
 /*color: #ff7902;*/
 color: #4caf50;
 font-size: 1.2em;
 padding-top: 40px;
}

td.headerValue {
 color:#2eb82e;
 font-size: 1.2em;
 font-weight: 100;
 padding: 15px 0;
 border-bottom: 1px solid #f2f2f2;
}

td.headerValue span{
 color: #53afe3;
}

td.freeSpot{
 background-color: #2eb82e;
 color: #ffffff;
 font-size: 0.8em;
 padding: 10px 0;
}

td.noFreeSpot{
 background-color: #f2f2f2;
}

td.priceTableOption1, td.priceTableOption2, td.priceTableOption3, td.priceTableOption4, td.priceTableOption5 {
 width: 320px;
 text-align: center;
}

td.priceTableOption1 {
 border-right: 60px solid #f2f2f2;
}

td.priceTableOption2 {
 border-left: 30px solid #f2f2f2;
 border-right: 30px solid #f2f2f2;
}

td.priceTableOption3 {
 border-left: 60px solid #f2f2f2;
 background-color: #f5faff;
}

td.priceTableOption5 {
 border-left: 60px solid #f2f2f2;
 /*background-color: #f2f2f2;*/
}


td.duration1 {
 padding: 20px 0;
 font-size: 1.3em;
 font-weight: 300;
 color: #404040;
}

td.costs {
 vertical-align: 30px;
 font-size: 0.9em;
 font-weight: 100;
 color: #999999;
}

td.costs span {
 color: #2eb82e;
 font-size: 1.6em;
 font-weight: 300;
}

td.priceSpan {
 font-weight: 300;
 font-size: 1.1em;
 color: #999999;
 padding: 10px 0 10px;
}

td.priceSpan1 span{
 color: #404040;
 font-size: 2em;
 font-weight: 300;
}


td.costs span {
 color: #2eb82e;
}

td.discount1 {
 font-size: 1.1em;
 font-weight: 300;
 color: #999999;
 padding-bottom: 30px;
 border-bottom: 1px solid #f2f2f2;
}

td.discount3 {
 font-size: 1em;
 font-weight: 300;
 color:  #2eb82e;
}

td.discount3 span.smaller
{
 font-size: 0.8em;
 font-weight: 300;
 color: #999999;
}



td.discount3 span{
 color: #404040;
 font-size: 1.9em;
}


td.coffeeCup img{
 margin: -10px 0;
 width: 30px;
}

td.value, td.valueTop, td.valueBottom {
 color: #999999;
 font-weight: 300;
 text-align: left;
 line-height: 1.4em;
 font-size: 0.8em;
}

td.valueTop {
 padding-top: 20px;
}

td.valueBottom {
 padding-bottom: 5px;
 border-bottom: 1px solid #f2f2f2;
}

td.buyButton1 {
 padding: 20px 45px;
}

.currencyInfo {
 margin: 0;
 padding-left: 0;
}

.currencyInfoList {
 margin: 0;
 list-style: none;
 font-size: 0.8em;
 color: #999999;
 font-weight: 100;
 text-align: center;
}

.currencyInfoListFirst {
 padding: 10px 0 5px;
}

/*****************different payment***********************/
div#furtherPricingOptions {
 margin-bottom: 150px;
}

div#furtherPricingOptions > h2 {
 margin: 0;
 padding-top: 100px;
 color: #404040;
 text-align: center;
 font-weight: 100;
 font-size: 2.5em;
}

table.priceTable2 {
 width: 100%;
 margin-top: 50px;
 margin-bottom: 40px;
}

.payOptions {
 margin: 0;
 font-size: 1.3em;
 font-weight: 400;
 padding: 20px 0 20px 10px;
 text-align: center;
}

.options {
 font-weight: 100;
 font-size: 1.1em;
 padding: 10px 0;
}

td.boxSpace {
 min-width: 40px;
}

td.priceType {
 min-width: 446px;
 padding: 20px 0;
}

td.duration {
 min-width: 100px;
 font-weight: 400;
 font-size: 1.1em;
 padding: 20px 0;
}

td.discount {
 min-width: 100px;
 color: #2eb82e;
 font-weight: 400;
 font-size: 1.3em;
 padding: 20px 0;
}

td.buyButton {
 padding-right: 40px;
}

.knapp6 {
 display: block;
}

span.specOffer {
 font-size: 0.7em;
 line-height: 0.5em;
}

/***********************developer**************************/
div.mainPriceOptions2 {
 background-color: #f5faff;
}

div.mainPriceOptions2 > h2 {
 color: #404040;
 text-align: center;
 font-weight: 100;
 font-size: 2.5em;
 margin: 0;
 padding: 100px 0 50px;
 background-color: #f5faff;
}

div#developerWrap {
 background-color: #ffffff;
}

table#developerOption {
 margin: auto;
 width: 278px;
 background-color: #ffffff;
 text-align: center;
}

td.redApple img{
 width: 30px;
 margin: 0 0 -5px 10px;

}

td.discount4 {
 font-size: 1.1em;
 font-weight: 300;
 color: #999999;
 padding-bottom: 30px;
 border-bottom: 1px solid #f2f2f2;
}

/**************************************************************
*************************** DOWNLOAD **************************
**************************************************************/

.dmPageBlock {
 background-color: #ffffff;
 padding-top: 30px;
 padding-bottom: 30px;
}

.dmPageBlock1 {
 background-color: #ffffff;
 padding-top: 30px;
 padding-bottom: 30px;
 width: 100%;
}

.dmPageBlock2 {
 background-color: #ffffff;
 padding-top: 100px;
 padding-bottom: 100px;
}

div.dmPageBlock > h1 {
 font-weight: 100;
 text-align: center;
 font-size: 2.5em;
 color: #555555;
 margin: 0 auto;
 line-height: 1em;
 /*letter-spacing: -2px;*/
 padding-top: 120px;
}

#readyIn {
 position: absolute;
 margin-top: 75px;
 margin-left:864px;
}

#download {
 display: block;
 margin: 0 auto;
 padding-top: 40px;
 padding-bottom: 30px;
}

p.underText a{
 font-size: 1em;
}



/******************Download*****************************************/
#pos {
 position: relative;
 padding: 100px 0;
}

.nr {
 position: absolute;
 left: 2%;
 top: 20px;
}

h2.download {
 text-align: center;
 font-size: 2.2em;
 font-weight: 300;
 color: #53afe3;
 margin: 0;
 padding-bottom: 30px;
}

p.underText {
 text-align: center;
 font-size: 1.3em;
 color: #2a2a2a;
 margin-top: 0;
 font-weight: 300;
}

#buttonLeft {
 float: left;
 margin: 0 0 0 100px;
}

#buttonRight .knapp5 {
 float: right;
 margin: 0 100px 0 0;
}

img.button{
 cursor: pointer;
}

table#downloadInfo {
 margin: 0 auto;
}

table#downloadInfo td.downloadText1Button {
 padding-left: 7px;
}

table#downloadInfo td.downloadText2Button {
 padding-left: 117px;
}

table#downloadInfo td.downloadText1 {
 padding-bottom: 20px;
}

table#downloadInfo td.downloadText2 {
 padding-bottom: 20px;
 padding-left: 112px;
}

td.downloadText1, td.downloadText2 {
 font-weight: 300;
 font-size: 0.9em;
 color: dimgray;
 margin-bottom: -18px;
 text-align: center;
 vertical-align: 10px;
}

.liner {
 height: 4px;
 background-color: #fafafa;
 width: 100%;
}

/***************** download features***************************************/
div#featureList ul{
 padding-left: 150px;
 margin: 0;
 font-size: 1.2em;
 color: #ffffff;
}

td.downloadFeature1, td.downloadFeature2{
 padding-top: 30px;
 font-size: 1em;
 font-weight: 400;
 /*color: #000000;*/
 /*color: #66b2b2;*/
 /*color: #003366;*/
 /*color: #66b29f;*/
 color: #2eb82e;
 /*color: #668cb2;*/
}

/****************** Download FAQ *****************************/
/*span {*/
/*color: darkorange;*/

/*}*/
/**************************************************************
*************************    SUPPORT    ***********************
**************************************************************/
.construction{
 display: block;
 margin: 0 auto;
 padding-top: 300px;
 padding-bottom: 150px;
}


div#dmSupport{
 /* Just a place holder for dev tools to jump to */
}

div#dmSupport > h1 {
 margin-top: 100px; /*challenge banner*/
 /*margin-top: 50px;*/
 text-align: center;
 color: #ff7902;
 font-size: 3.3em;
 font-weight: 300;
 margin-bottom: 15px;
}

div#dmSupport > p {
 text-align: center;
 color: #000000;
 font-size: 1.5em;
 font-weight: 100;
 margin-bottom: 50px;
 margin-top: 0;
}

div#dmSupport > p > a{
 font-size: 1em;
}


div#dmSupport > ul {
 text-align: left;
 font-size: 1.1em;
 font-weight: 300;
 color: #555555;
 margin-bottom: 100px;
}

div#dmSupport > ul > li{
 line-height: 150%;
 list-style-type: none;
 margin-bottom: 30px;
}

div#dmSupport > ul > li > span{
 color: #000000;
 font-weight: 400;
}

div#dmSupport > ul > li > a {
 font-size: 0.9em;
}



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


/***************GET STARTED**************************/
div#comeOn {
 padding-bottom: 200px;
 padding-top: 100px;
}

div#comeOn > h2 {
 color: #555555;
 font-weight: 300;
 font-size: 2.9em;
 text-align: left;
 margin-left: 50px;
 width: 600px;
 margin-bottom: 0;
}


/**************************************************************
*************************** ARTICLE     ***********************
**************************************************************/

/********************   articleHeading    ********************/
div.backGround7 {
 margin-top: 70px;
 padding: 50px;
}

div#articleHeading > h1 {
 font-weight: 100;
 /*font-size: 6em;*/
 font-size: 3em;
 margin: 0;
 color: #ffffff;
 text-align: center;
}

/*************************    nav2   ****************************/

div#nav2 {
 float: right;
 clear: both;
 padding-right: 100px;
 padding-top: 10px;
}

div#nav2 > ul {
 margin-top: 0;
}

div#nav2 > ul > li {
 list-style: none;
 float: left;
 font-family: 'Roboto', sans-serif;
 font-size: 0.9em;
 font-weight: 400;
}

div#nav2 > ul > li > a {
 text-decoration: none;
 color: #ff7902;
 margin-left: 20px;
}
div#nav2 > ul > li > a:hover
{
 text-decoration: underline;
 color: #ff7902;
 margin-left: 20px;
}

div#nav2 > ul > li > a:active{
 text-decoration: none;
 color: #2a2a2a;
 margin-left: 20px;
}

/************************    mainArticle   ****************************/

div#mainArticle
{
 padding: 0 0 50px;
}

div#mainArticle  h1, div#mainArticle  h2{
 margin-top: 50px;
}

div#mainArticle  h1  a, div#mainArticle  h2  a {
 margin: 0;
 color: black;
}

div#mainArticle  h3 {
 font-size: 1.2em;
 font-weight: 300;
 line-height: 100%;
 color: #555555;
}

div#mainArticle  p, div#mainArticle  ol, div#mainArticle  ul
{
 font-size: 1em;
 font-weight: 300;
 color: #000000;
}

div#mainArticle  pre{
 font-size: .8em;
 font-weight: 100;
 font-family: Curier, monospace;
 color: #000000;
}

div#mainArticle  img{
 /*padding: 50px;*/
 /*margin: 50px;*/
}

div#mainArticle  a:hover
{
 text-decoration: underline;
 color: #ff7902;
}

div#mainArticle  a:active
{
 text-decoration: none;
 color: #2a2a2a;
}

div#mainArticle a
{
 text-decoration: none;
 color: #ff7902;
}


div#mainArticle a.dmEvaluation
{
 padding: 0;
 position: relative;
 display: block;
 margin: 50px auto;
}

div#mainArticle a.dmEvaluation img
{
 position: relative;
 margin: 0 auto;
 display: block;
}

/**************************************************************
**************** DM DOWNLOAD FORM *****************************
**************************************************************/
#downloadSide{
 padding-top: 150px;
}

#downloadWrapper{
 padding: 60px 0;
 width: 500px;
 margin: 0 auto;
 background-color: #F5FAFF;
 box-shadow: 5px 5px 24px #888888;
}

div.downloadWrapper> h1{
 font-size: 1.8em;
 text-align: center;
 width: 300px;
 display: block;
 margin: 0 auto;
}

div.downloadWrapper> p{
 text-align: center;
 margin-bottom: 5px;
 margin-top: 30px;
 font-size: 0.8em;
}

#getEvaluationLicenceForm input.form, #getPromoLicenceForm input.form{
 width: 274px;
 padding: 15px 10px;
 display: block;
 margin: 0 auto;
}


/**************************************************************
*************** DM DOWNLOAD LICENCE FORM **********************
**************************************************************/
#downloadSide{
 padding-top: 150px;
}

#downloadWrapper{
 padding: 60px 0;
 width: 500px;
 margin: 0 auto;
 background-color: #F5FAFF;
 box-shadow: 5px 5px 24px #888888;
}

div.downloadWrapper> h1{
 font-size: 1.8em;
 text-align: center;
 width: 300px;
 display: block;
 margin: 0 auto;
}

div.downloadWrapper> p{
 text-align: center;
 margin-bottom: 5px;
 margin-top: 30px;
 font-size: 0.8em;
}

#dmDownload{
 width: 274px;
 padding: 15px 10px;
 display: block;
 margin: 0 auto;
}


#reCap, form#getEvaluationLicenceForm div.g-recaptcha, form#getPromoLicenceForm div{
 /*padding-top: 30px;*/
 display: block;
 margin: 0 auto;
}

#reCap, form#getEvaluationLicenceForm div, form#getPromoLicenceForm div{
 margin: 0 auto;
}

/**************************************************************
*************************** Intro splash ********************************
**************************************************************/

/************************************************/
div#adQuestions
{
 font-family: 'Roboto', sans-serif;
 font-size: 100%;
 border: 1px solid #eee;
 border-radius: 10px;
 z-index: 1000;
 background: #ffffff;
 padding-bottom: 50px;
 box-shadow: 10px 20px 50px 20px #888888;
 width: 960px;
 position: fixed;
 top: 7%;
 height: 640px;
 margin: 5% auto; /* Will not center vertically and won't work in IE6/7. */
 left: 0;
 right: 0;
}

div#adQuestions div#headerDiv {
 background-color: #f2f2f2;
 padding-top: 50px;
 padding-bottom: 30px;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
}

div#adQuestions div#headerDiv > img {
 display: block;
 margin: 0 auto;
}

div#adQuestions div#headerDiv h1 {
 font-size: 2em;
 font-weight: 100;
 color: #ff7902;
 text-align: center;
 margin-top: 50px;
}

div#adQuestions div#headerDiv p {
 font-size: 1em;
 font-weight: 300;
 color: #555555;
 text-align: center;
}

/*************************************************/
div#adQuestions div#splashWrapper {
 width: 880px;
 margin: 0 auto;
}

div#adQuestions ul {
 font-size: 1.4em;
 font-weight: 300;
 color: #555555;
 margin-top: 40px;
 margin-left: 110px;
 line-height: 2em;
}

/* 2:nd since ul is the first element under div */
div#adQuestions div#splashWrapper > img:nth-child(2) {
 float: left;
 margin-left: 10px;
 padding-top: 30px;
 cursor: pointer;
}

/* 3:nd since ul is the first element under div */
div#adQuestions div#splashWrapper > img:nth-child(3) {
 float: right;
 margin-right: 10px;
 padding-top: 30px;
 cursor: pointer;
}

div#adQuestions.show
{
 display: block;
}

div#adQuestions.hide
{
 display: none;
}

/**************************************************************
***************************   USE CASES  *******************
**************************************************************/
div #dmUseCase {
 margin: 100px 0 60px;
 text-align: left;
 vertical-align: 20px;
}

table.dmApplications, table.dmApplications2 {
 padding: 0 15px;

}

div #dmUseCase th.introCase {
 font-size: 1.5em;
 padding-bottom: 10px;
 font-weight: 400;
 text-align: center;

}

div #dmUseCase th.case {
 /*font-style: italic;*/
 font-weight: 200;
 /*text-align: c;*/
 padding-bottom: 5px;
 line-height: 1.4em;
 /*color: #787878;*/
}

div #dmUseCase tr td.useCase {
 /*padding-top: 20px;*/
 padding-bottom: 60px;
 /*text-align: left;*/
 font-weight: 100;
 /*line-height: 120%;*/
 line-height: 1.4em;
 color: #787878;
}

.dmApp {
 color: #53afe3;
}

.dmSysInt {
 color: #ff7902;
}

.dmProofOfCon {
 color: #4caf50;
}

/**************************************************************
*************************** Article summary *******************
**************************************************************/

div#topPageArticleSummary div.dmArticleCallOut {
 margin: 93px 0 0;
 position: relative;
 /*color: #2eb82e;*/
 /*font-size: 1.4em;*/
 /*font-weight: 400;*/
 /*height: 200px;*/
}

/*div#topPageArticleSummary div.dmArticleCallOut span*/
/*{*/
 /*position: absolute;*/
/*}*/

/*div#topPageArticleSummary div.dmArticleCallOut span a{*/
 /*color: #ff7902;*/
 /*margin: 0;*/
 /*text-decoration: none;*/
/*}*/

/*div#topPageArticleSummary div.dmArticleCallOut span a:hover*/
/*{*/
 /*text-decoration: underline;*/
 /*color: #ff7902;*/
/*}*/

/*div#topPageArticleSummary div.dmArticleCallOut span a:active*/
/*{*/
 /*text-decoration: none;*/
 /*color: #ff7902;*/
/*}*/

div#topPageArticleSummary {
position: relative;
}

div#topPageArticleSummary h1 {
 color: #555555;
 font-size: 3.3em;
 font-weight: 300;
 /*margin-top: 150px; challenge*/
 margin-top: 50px;
 text-align: center;
}


div#topPageArticleSummary > div  {
 margin: 85px 0;
 width: 100%;
}

div#topPageArticleSummary > div table
{
 width: 450px;
 display: inline-block;
}

div#topPageArticleSummary table.dmArticlesOverviewTable td
/*,*/
/*div#topPageArticleSummary table.dmArticlesOverviewTable th*/
{
 padding: 10px 10px 85px;
}

div#topPageArticleSummary table.dmArticlesOverviewTable td {
 vertical-align: 10px;
 /*width: 200px;*/
 /*padding-left: 80px;*/
 /*padding-right: 80px;*/
 /*padding-bottom: 20px;*/
}

div#topPageArticleSummary table.dmArticlesOverviewTable  table th {
 /*width: 200px;*/
 /*padding-left: 80px;*/
 /*padding-right: 80px;*/
}

div#topPageArticleSummary table.dmArticlesOverviewTable  th.articleSubject{
 /*font-size: 1.7em;*/
 font-size: 1.4em;
 color: #53afe3;
 font-weight: 300;
 padding: 0 10px 0 0;
}




div#topPageArticleSummary table.dmArticlesOverviewTable  th.articleHeader{
 /*font-size: 1.2em;*/
 font-size: 1.1em;
 font-weight: 400;
 text-align: left;
 padding: 5px 10px 5px;
}

div#topPageArticleSummary table.dmArticlesOverviewTable  td.articleDescription{
 color: #555555;
}

div#topPageArticleSummary table.dmArticlesOverviewTable  td.articleDescription a{
 color: #ff7902;
 margin: 0;
 font-size: 0.9em;
 /*text-decoration: none;     *//*** text-decoration: none; verkar inte behövas HÄR***/
}

div#topPageArticleSummary table.dmArticlesOverviewTable td.articleDescription a:hover{
 text-decoration: underline;
 color: #ff7902;
}

div#topPageArticleSummary table.dmArticlesOverviewTable  td.articleDescription a:active{
 text-decoration: none;
 color: #ff7902;
}

/**************************************************************
*************************** Plugin list ********************************
**************************************************************/

ul.dmPluginList img.dmIcon
{
 width: .8em;
 height: .8em;
 padding: 0 10px 0 0;
 margin: 0;
}

ul.dmPluginList img.dmButton
{
 width: 1.5em;
 height: 1.5em;
 margin: 0 5px;
}


ul.dmPluginList li div:first-child {
 margin: 5px 0;
}

ul.dmPluginList li div {
 margin: 5px 0 5px 50px;
}

ul, ol, li
{
 margin: 15px 0;
}



ul.noStyle
{
 list-style-type:none;
}

ul.noStyle li
{
 margin: 10px 0;
}



ul.dmPluginList
{
 margin: 30px 0 ;
}

ul.dmPluginList li div:first-child
{
 margin: 5px 0 5px 0;
}

ul.dmPluginList li div
{
 margin: 5px 0 5px 50px;
}

/**************************************************************
*************************** Challenge ********************************
**************************************************************/

div#dmChallenge h1{
 color: #ffffff;
 text-align: center;
 margin-bottom: 30px;
 padding-top: 30px;
 font-size: 2.3em;
 font-family: Roboto, sans-serif;
 font-weight: 300;
 /*color: #ff7902;*/
}

div.leftChallenge, div.rightChallenge{
 position: relative;
 float: left;
 width: 450px;
 height: 180px;
 text-align: left;
 padding-left: 20px;
 border-radius: 5px;
 background-color: #ffffff;
}

div.rightChallenge{
 float: right;
}

div.leftChallenge p, div.rightChallenge p{
 color: #555555;
 font-size: 1.1em;
 margin-top: 0;
}

div.leftChallenge h2, div.rightChallenge h2{
 text-align: left;
 color: #ff7902;
 margin: 10px 0 0 0;
}

div.leftChallenge img, div.rightChallenge img{
 position: absolute;
 top: -25px;
 left: 350px;
}

div.leftChallenge span, div.rightChallenge span{
 color: #ff7901;
}

div.emailChallenge{
 text-align: center;
 margin-top: 20px;
 color: #ffffff;
 font-size: 1.2em;
 padding-bottom: 30px;
}

div.leftChallenge p.prizeOption, div.rightChallenge p.prizeOption{
 color: #5cf13e;
}

div.leftChallenge a,  div.rightChallenge  a{
 color: #ff7902;
 margin: 0;
 font-size: 0.9em;
 text-decoration: none;
}

div.leftChallenge a:hover, div.rightChallenge  a:hover{
 text-decoration: underline;
 color: #ff7902;
}

div.leftChallenge a:active, div.rightChallenge   a:active{
 text-decoration: none;
 color: #ff7902;
}

/**************************************************************
*************************** Challenge article ********************************
**************************************************************/

div.dmChallengeArticle span.dmChallengeStrong
{
 color: #2eb82e;
 font-weight: 400;
}