/* DOMINO'S STYLESHEET */
/* STYLE-GUIDE */

body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; margin: 0px; padding: 0px; }
td { vertical-align: top; }
img { border: 0px; }
fieldset { border: none; }
form, p, ul, ol, fieldset, dl, dt, dd { margin: 0px; padding: 0px; }
a { outline: none; text-decoration: none; }


.colend, .clear { clear: both; display: block; height: 1px; font-size: 1px; line-height: 1px; }

h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }
h1 { color: #016c9e; height: 35px; margin-left: -1px; margin-bottom: 11px; }
h2 { color: #0072a5; height: 20px; margin-left: -1px; }
h3 { color: #dc0714; height: 20px; margin-top: 20px; margin-bottom: 5px; }
h4 { color: #dc0714; font-size: 12px; }
h5 { color: #dc0714; font-size: 11px; }
h6 { }

.hiddenUpdatePanel { display: none; }

/* ==================================== */
/* CENTREREN
======================================= */
#horizon { position: absolute; left: 0px; width: 100%; display: block; }
#container { position: absolute; margin-left: -452px; width: 904px; left: 50%; }

/* ===== TOOLTIP ====== */
.ttContentHolder { display: none; }
.ttContent { border: 1px solid #0072a5; padding: 10px; width: 200px; }
.ttContent h6 { color: #0072a5; font-size: 1.4em; margin-bottom: 2px; }
.ttContent b { color: #db2f36; font-style: italic; font-size: 1.1em; }

/* ===== SITE CONTENT ======*/
#colleft { float: left; width: 199px; }
#colmain { float: left; width: 483px; }
#colright { float: left; width: 222px; margin-top: 7px; }
#colmain, #colleft { margin-top: 5px; }
#header { float: left; height: 122px; width: 705px; }
#footer { margin-left: 205px; }

#logo { width: 199px; width: auto !important; min-width: 199px; margin-top: 10px; margin-bottom: 30px; }
#navContainer { float: right; margin-top: 61px; }

/* replacement navigation */
.navigation-list { height: 46px; width: 706px; background: transparent url(../img/bg_menu.gif) no-repeat scroll 0px 0px; margin-right: 1px; }
.navigation-list li { list-style: none; float: left; margin-left: 20px; margin-top: 15px; }
.navigation-list a { color: #FFF; font-weight: bold; font-size: 13px; }
.navigation-list a:hover { text-decoration: underline; }

/* html replacement */
.replacement-logo { margin-left: 2px; }
.replacement-buttonred { display: block; color: #fff; font-weight: bold; font-size: 15px; height: 60px; width: 175px; padding-top: 12px; text-align: center; background: url(     '../img/buttonRed_bg.gif' ) no-repeat left top; }
.replacement-buttonred:hover { background-position: right top; }

/* sub navigation */
.subNavContainer-header, .subNavContainer-footer, #subNavContainer { margin: 0px; padding: 0px; }
.subNavContainer-header { height: 5px; line-height: 1px; font-size: 1px; background: transparent url(../img/submenuheader.gif) no-repeat scroll 0px 0px; margin-bottom: 2px; }
.subNavContainer-footer { height: 7px; line-height: 1px; font-size: 1px; background: transparent url(../img/submenufooter.gif) no-repeat scroll 0px 0px; }

#subNavContainer { width: 186px; margin-left: 2px; background: transparent url(../img/submenubg.gif) repeat-y scroll 0px 0px; }
#subNavContainer li { list-style: none none; margin: 0px 0px 2px 0px; }
#subNavContainer a { padding-left: 9px; display: block; width: 174px; font-weight: bold; font-size: 11px; color: #fff; line-height: 18px; }
#subNavContainer ul li a { background-color: #016c9e; }
#subNavContainer a:hover, #subNavContainer a.selected { background-color: #003366; }

/* right col */
#rightInfoBlock { margin: 15px 0px 15px 0px; }
#rightButton { margin: 5px 0px 5px 25px; }
.rightInfoBlockTitle { font-size: 1.1em; font-weight: bold; }
.rightInfoBlockContent h4 { color: #dc0714; margin: 0px 0px 10px 0px; }
.rightInfoBlockContent li { list-style: none; }
.rightInfoBlockContent li, .rightInfoBlockContent h4, .rightInfoBlockTitle { margin-left: 15px; }
.rightInfoBlockContent { background: transparent url(../img/smallMiddleBlock.gif) repeat-y scroll 0 2px; }
.rightInfoBlockButtons { margin: 15px 0px 0px 40px; }
.rightInfoBlockButtons a { color: #fff; }
.rightInfoBlockButtons img { color: #fff; }

/* footer */
.copyright { margin-right: 20px; width: 90px; height: 50px; float: left; }
.footerNav { width: 375px; color: #d6d6d6; }
.footerNav li { padding: 0px 3px 0px 7px; float: left; list-style: none none; background: transparent url(../img/footer-divider.gif) no-repeat scroll 0 2px; }
.footerNav a { margin-right: 5px; color: #0477b3; }
.footerNav a:hover { text-decoration: underline; }

/* Content */
.dynContentMiddle, .contentStd, .contentMiddle { margin-left: 15px; width: 440px; min-height: 540px; height: auto !important; height: 540px; padding-bottom: 15px; }
.contentStd img { border: solid 1px #eee; }
.contentStd ul { margin: 10px 0px 0px 15px; }
.contentMiddle ul { margin: 0px 0px 0px 15px; }
.contentStd a, .contentMiddle a, .dynContentMiddle a { text-decoration: none; color: #0477b3; }
.contentStd a:hover, .contentMiddle a:hover, .dynContentMiddle a:hover { text-decoration: underline; }
.introText { font-weight: bold; }
.introText, .introDate { margin-bottom: 15px; }

/* mediapage */
.directLinksBar { background-color: #83d7ff; height: 29px; margin: 0px 10px 0px 10px; }
.directLinksBar ul { margin: 0px; padding-left: 50px; }
.directLinksBar li { list-style: none none; float: left; padding-right: 60px; margin-top: 8px; }
.directLinksBar a { text-decoration: underline; color: #000; font-weight: bold; font-size: 11px; }
.directLinksBar a:Hover { text-decoration: none; }

.mediaList { margin: 0px; padding: 0px; }
.mediaList li { list-style: none none; float: left; margin: 0px 0px 15px 0px; }
.mediaIntro { font-weight: bold; margin-bottom: 3px; height: 27px; }
.mediaProperties { font-size: 10px; margin-bottom: 7px; }
.mediaIntro, .mediaProperties, .mediaButton { width: 134px; }

.mediaButton a { text-decoration: none; color: #FFF; }
.mediaButton a:hover { text-decoration: none; }
.mediaInfo { padding-left: 78px; }
.mediaImage { margin-top: 2px; }
.mediaImage, .imageInfo { position: absolute; }

.media-list-documents { margin-left: 17px; }
.media-list-documents li { font-size: 10px; }
.media-list-documents a { text-decoration: underline; font-size: 11px; color: #0477b3; font-weight: bold; }
.media-list-documents a:Hover { text-decoration: none; }

/* news page */
.newsitems-list { margin: 25px 0px 15px 0px; list-style: none; }
.newsitems-list li { margin-bottom: 20px; }
.newsitems-list a { text-decoration: underline; font-size: 11px; color: #0477b3; font-weight: bold; }
.newsitems-list a:hover { text-decoration: none; }
.newsitems-list-date { color: #685f5f; font-size: 10px; }
.newsitems-archiveButton { margin: 40px 0px 20px 150px; text-decoration: none; }


.single a { color: #685F5F; }


/*
 .single {margin-right:10px !important;}
 */

/* newsitem page */
/*
.buttons-bottom-goback { margin:15px 0px 0px 15px; }
.buttons-header-goback { margin-right:40px; }
.buttons-header-print { margin-right:35px; }
.buttons-header-goback, .newsitem-header-print { float:right; }
*/

/* jobs page */
.jobsitems-list { margin: 25px 0px 0px 0px; }
.jobsitems-list li { margin-top: 20px; list-style: none; }
.jobsitems-list a { text-decoration: underline; font-size: 11px; color: #0477b3; font-weight: bold; }
.jobsitems-list a:hover { text-decoration: none; }
.jobsitems-list-date { color: #685f5f; font-size: 10px; }
.jobsitems-list dl { margin: 2px 0px 2px 0px; }
.jobsitems-list dt { color: #685f5f; font-size: 10px; line-height: 14px; margin-right: 2px; }
.jobsitems-list dd { min-width: 150px; width: auto !important; width: 150px; }
.jobsitems-list dd, .jobsitems-list-item dt { float: left; }

/* Outline */
.outlineTopSmall { padding-top: 10px; background: transparent url(../img/smallTopBlock.gif) no-repeat scroll 0 2px; }
.outlineBottomSmall { padding-top: 11px; background: transparent url(../img/smallBottomBlock.gif) no-repeat scroll 0 0px; }
.outlineTopLarge { padding-top: 11px; background: transparent url(../img/largeTopBlock.gif) no-repeat scroll 0 2px; }
.outlineBottomLarge { padding-top: 13px; background: transparent url(../img/largeBottomBlock.gif) no-repeat scroll 0 0px; }
.outlineMiddleLarge { background: transparent url(../img/largeMiddleBlock.gif) repeat-y scroll 0 1px; }

/* buttons */
.backButton { display: block; width: 143px; margin-top: 2px; text-align: center; background: url(     '../img/button.gif' ) no-repeat left top; }
.backButtonSmall { font-size: 11px; color: #fff; display: block; width: 73px; font-weight: bold; margin-top: 2px; text-align: center; background: url(     '../img/menuredbgsmall.gif' ) no-repeat left top; }
.backButton, .backButtonSmall { font-size: 11px; color: #fff; font-weight: bold; padding-top: 3px; height: 20px; }
.backButton:hover, .backButtonSmall:hover { background-position: right top; }

.button-goback-gray { padding-left: 7px; background: transparent url(../img/arrow.gif) no-repeat scroll 0px 5px; }
.button-normal-gray, .button-goback-gray { color: #685f5f; font-weight: bold; }
.button-normal-gray:hover, .button-goback-gray:hover { text-decoration: underline; }


.buttons-bottom-goback { margin: 15px 0px 0px 15px; }
.buttons-header-goback { margin-right: 40px; }
.buttons-header-print { margin-right: 35px; }
.buttons-header-goback, .buttons-header-print, .single { float: right; }

.buttons-large-red { margin: 20px 0px 0px 150px; }
.buttons-large-red a, .formButtons a { text-decoration: none; color: #fff; }
.buttons-large-red a:hover, .formButtons a:hover { text-decoration: none; }
.formButtons { height: 50px; }
.formButtons a { margin: 10px 20px 0px 40px; float: left; }

/* infoblock */
.infoBlock, .infoBlockForm { margin: 0px 0px 15px 5px; background-color: #83d7ff; padding-top: 5px; }
.infoBlock { min-height: 50px; height: auto !important; height: 50px; }
.infoBlockForm { min-height: 70px; height: auto !important; height: 70px; }
.infoHeader { font-weight: bold; font-size: 14px; margin-bottom: 5px; }
.infoHeader, .infoBlock-list { margin-left: 5px; }
.infoBlock-list dt { min-width: 90px; width: auto !important; width: 90px; }
.infoBlock-list dd { min-width: 120px; width: auto !important; width: 125px; font-weight: bold; }
.infoBlock-list dt, .infoBlock-list dd { float: left; }

/* FAQ */

.faqContainer { margin-left: -15px; }
.faq-accordion { list-style: none; min-width: 400px; width: auto !important; width: 400px; }
.faq-accordion li { margin-top: 5px; border: solid 1px #eee; }
.faq-accordion li.selected { border: solid 1px #016C9E; }
.faq-accordion li.selected div { border: none; }
.faq-question { color: #0477b3; font-weight: bold; background-color: #eee; padding: 5px 0px 5px 15px; cursor: pointer; }
.faq-answer { padding: 5px 5px 2px 20px; margin-right: 5px; }
.faqContainer . . . . .
div.faq-question.selected { background-color: #016C9E; color: #fff; }

/* sitemap */
.sitemap-list a { color: #000; }
.sitemap-list li { margin-left: 5px; list-style-type: disc; }
.sitemap-list ul { margin: 4px 0px 20px 20px; }
.sitemap-list-sublist ul { margin: 4px 0px 4px 20px; }

#print-info { height: 0px; display: none; }

/* ===== FORM ===== */
.dfClear { clear: both; display: block; height: 1px; line-height: 1px; width: 1px; }
.dfLabel { float: left; width: 200px; clear: both; }
.dfMandatory { float: left; width: 30px; text-align: center; }

.dfRows { list-style: none; margin: 0px; }

.dfMandatory { float: left; }

.dfCaptchaImage { margin-left: 175px; }
.dfRows div { float: left; }
.dfRows div ul { list-style: none; margin: 0px; }
.dfRows div li { list-style: none; }

.dfRadiobuttonList input { float: left; width: 10px !important; margin-right: 5px; }
.dfRadiobuttonList label { float: left; width: auto; margin-right: 5px; }
.dfCheckboxList input { float: left; width: 10px !important; margin-right: 5px; }
.dfCheckboxList label { float: left; width: 175px; margin-right: 5px; }

.small { float: left; width: 50px !important; }
.medium { width: 129px !important; margin-right: 3px; }
.dfSelect { width: auto; float: left; margin-right: 3px; }

.dfLabelBefore { float: left; margin-left: 10px; margin-right: 3px; }
.dfLabelAfter { float: left; margin-left: 5px; margin-right: 5px; width: auto !important; padding-top: 5px; }
.dfReadonlyItem { float: left; margin-right: 5px; font-size: 1.1em; line-height: 1.8em; font-weight: bold; }
.dfRows .error { clear: both; color: Red; }

.dfCustomError { font-size: 1.1em; font-weight: bold; margin-bottom: 5px; clear: both; }
div.dfCustomError { margin-left: 210px; }

.advantageLink { font-size: 1.1em; color: #0072A5; text-decoration: underline; margin-left: 210px; display: block; width: 200px; line-height: normal; }
.advantageLink:hover { text-decoration: none; }

.dfTooltip { float: left; }


.dominosForm ul { margin-left: 0px; }
.dominosForm { padding-bottom: 15px; width: 445px; }
.dominosForm .dfRows { margin-bottom: 10px; }
.dominosForm .dfControl { width: 207px; }
.dominosForm legend, .dominosForm .legend { display: none; font-size: 1.4em; color: #0072a5; font-weight: bold; margin-left: -7px; }
.dominosForm .dfLabel { font-size: 1.1em; line-height: 1.8em; width: 150px; }
.dominosForm .dfMandatory { color: #db2f36; font-size: 1.2em; line-height: 1.8em; }
.dominosForm .dfInput { float: left; }
.dominosForm .dfInput input { font-size: 1.1em; width: 193px; padding: 2px 2px 2px 5px; margin-bottom: 5px; line-height: 17px; }

.dominosForm .dfSelect select { width: 207px; }
.dominosForm .dfInput .dfStreet { width: 153px; }
.dominosForm .dfInput .dfHousenumber { width: 25px; margin-left: 5px; }
.dominosForm .dfInput .dfPostcode { width: 55px; text-transform: uppercase; }
.dominosForm .dfInput .dfCity { width: 123px; margin-left: 5px; }
.dominosForm .dfTextarea textarea { width: 200px; height: 85px; }
.dominosForm .error { font-size: 1.1em; font-weight: bold; margin-bottom: 5px; clear: both; }
.dominosForm .dfRadiobuttonList label { font-size: 1.1em; line-height: 1.8em; }
.dominosForm .dfCheckboxList label { font-size: 1.1em; line-height: 1.8em; }
.dominosForm .dfTooltip { width: 12px; height: 12px; display: block; float: left; background: url(     '../img/questionMark.gif' ) no-repeat center center; }
.dominosForm .dfControl a { color: #434444; text-decoration: underline; }
.dominosForm .dfControl a:hover { text-decoration: none; }
.dominosForm .dfFieldset3 .dfControl .dfSelect { width: 95px !important; }
.dominosForm .dfFieldset3 .dfLabelAfter { }

.dominosForm .dfRows .optin { margin-top: 10px; }

.dominosForm .dfDay { float: left; width: 50px !important; }
.dominosForm .dfMonth { float: left; width: 93px !important; }
.dominosForm .dfYear { float: left; width: 54px !important; }

/*Fosti*/
.fostiFields {background-color: #EC7205; background-image: url('../img/fosti.jpg'); background-repeat:no-repeat; background-position: 5px 5px;  width:434px; color: White; }
.fostiFields .checkBoxChanceControl label {line-height: 1.5em; width: 120px;}
.fostiFields .dropDownKnown label {padding-left: 20px; width: 100px; padding-right: 30px; line-height: 1.5em;}
.fostiFields .dropDownKnown select {margin-top: 10px;}
