.uniLoginButton {
    font-family: 'Arial Bold';
	font-size: 14pt;
	font-style: normal;
	font-weight: 500;
	line-height: 26.3999996185303px;
    margin: 4px;
}

body {
    background: white;
    color: #35353d;
    font-family: arial, sans-serif;
    font-size: 62.5%;
    margin: 0;
    padding: 0;
    text-align: left;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Accessibility
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

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

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Typography
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.styled-button-12 {
    display: block;
    margin: auto;
	background: #F2F2F2;
	background: -moz-linear-gradient(top,#F2F2F2 0%,#F2F2F2 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#F2F2F2), color-stop(100%,#F2F2F2));
	background: -webkit-linear-gradient(top,#F2F2F2 0%,#F2F2F2 100%);
	background: -o-linear-gradient(top,#F2F2F2 0%,#F2F2F2 100%);
	background: -ms-linear-gradient(top,#F2F2F2 0%,#F2F2F2 100%);
	background: linear-gradient(top,#F2F2F2 0%,#F2F2F2 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#F2F2F2',endColorstr='#F2F2F2',GradientType=0);
	padding:2px 6px;
	color:#000000;
	font-family:'Helvetica',sans-serif;
	font-size:11px;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border:2px solid #55717D
}

.styled-button-12-selected {
    display: block;
    margin: auto;
	background: #F2F2F2;
	background: -moz-linear-gradient(top,#F2F2F2 0%,#F2F2F2 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#F2F2F2), color-stop(100%,#F2F2F2));
	background: -webkit-linear-gradient(top,#F2F2F2 0%,#F2F2F2 100%);
	background: -o-linear-gradient(top,#F2F2F2 0%,#F2F2F2 100%);
	background: -ms-linear-gradient(top,#F2F2F2 0%,#F2F2F2 100%);
	background: linear-gradient(top,#F2F2F2 0%,#F2F2F2 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#F2F2F2',endColorstr='#F2F2F2',GradientType=0);
	padding:2px 6px;
	color:#000000;
	font-family:'Helvetica',sans-serif;
	font-size:11px;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
    border: 3px solid #55717D;
    border-bottom: 0;
}

h1,
h2 {
    border-bottom: 1px solid #aaacae;
    font-size: 1.6em;
    font-weight: normal;
    line-height: 24px;
    margin: 0 0 15px;
    padding: 0 0 5px;
}

p, a, table {
    font-size: 1.2em;
    font-weight: normal;
    line-height: 18px;
}

a {
    color: #0567ac;
    text-decoration: none;
}

img { border: none; }

#header h1 {
    border: none;
    color: #fff;
    font-size: 3em;
    padding: 25px 0 0 3px;
}

#header h1 span { font-weight: bold; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Lists
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

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

ol {
    margin: 0;
    padding-left: 25px;
}

ol li { margin: 5px 0; }

dl {
    font-size: 1.2em;
    margin: 2px 0 0;
}

dt, dd {
    color: #414141;
    display: inline;
    margin: 0;
}

#appPlaceholder.wide dl {
    border: 1px solid #BCCCCB;
    margin-bottom: 5px;
    padding: 20px;
}

#appPlaceholder.wide dl input.submit {
    background: url(../images/bgButton.png) repeat-x 0 50%;
    border: 1px solid #919797;
    font-size: 1em;
    font-weight: bold;
    overflow: visible;
    padding: 1px 6px;
    width: auto;
} 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Formelements
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

form {
    margin: 0;
    padding: 0;
}

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

legend { display: none; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Layout DanID (RGB)
	   00  42  80 = 002a50
	Signaturgruppen 4 blue logo colors (RGB)
	   00 173 239 = 00adef
	   31 196 244 = 1fc4f5
	  127 211 247 = 7ed4f7
	  184 229 250 = b9e6fb
	Remember to change the color in tabmenu.png
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#headerWrapper {
    background: #002a50 url(../images/tabmenu.png) repeat-x 0 100%;
    width: 100%;
}

#header {
    height: 174px;
    margin: 0 auto;
    position: relative;
    width: 975px;
}

#logo {
    left: 5px;
    position: absolute;
    top: 72px;
}

.tools {
    position: absolute;
    right: 34px;
    top: 15px;
}

.tools ul {
    margin: 0;
    padding: 0;
}

.tools ul li { float: left; }

.tools ul li a {
    display: block;
    height: 25px;
    width: 32px;
}

.tools ul li#speaker a { background: url(../images/icons/speaker.png) no-repeat 50% 50%; }

.button-wrapper {
    bottom: 8px;
    position: absolute;
    right: 1px;
}

.button-wrapper a {
    background: #ff8a2c;
    color: #fff;
    display: block;
    float: left;
    line-height: 24px;
    margin-right: 5px;
    padding: 0 57px;
}

/* tab menu */

ul#tabs {
    bottom: 0;
    position: absolute;
}

ul#tabs li {
    background: url(../images/tabLeft.png) no-repeat 0 0;
    float: left;
    list-style-type: none;
    margin: 0 5px;
    padding: 0;
}

ul#tabs li a {
    background: url(../images/tabRight.png) no-repeat 100% 0;
    color: #35353d;
    display: block;
    float: left;
    height: 53px;
    padding: 0;
    text-decoration: none;
}

ul#tabs li a span {
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 1.166em;
    line-height: 24px;
    padding: 12px 30px 10px 14px;
}

ul#tabs li.selected,
ul#tabs li.selected:hover {
    background: url(../images/tabSelectedLeft.png) no-repeat 0 0;
    margin: 0 6px 0 -2px;
    padding: 0 9px 0 10px;
}

ul#tabs li.selected a,
ul#tabs li.selected:hover a {
    background: url(../images/tabSelectedRight.png) no-repeat 100% 0;
    display: block;
    margin-right: -22px;
    padding-right: 8px;
}

ul#tabs li.selected a span {
    color: #35353d;
    padding-left: 11px;
    padding-right: 33px;
}

ul#tabs li:hover { background: url(../images/tabHoverLeft.png) no-repeat 0 0; }

ul#tabs li:hover a { background: url(../images/tabHoverRight.png) no-repeat 100% 0; }

ul#tabs li a span.customLogonLogo {
    padding: 0;
	margin: 0;
}

ul#tabs li.selected a span.customLogonLogo { 
    padding: 0;
	margin: 0;
}

#contentWrapper {
    background-color: #fff;
    min-height: 600px;
    width: 100%;
}

#content {
    margin: 0 48px;
    overflow: hidden;
    padding: 50px 0 20px;
    position: relative;
    width: 964px;
}

#loginWrapper { overflow: hidden; }

#appPlaceholder.wide { width: 476px; }

#right-col {
    float: left;
    margin-left: 70px;
    width: 365px;
}

#signerWrapper .wide { width: 644px; }

#signerWrapper #right-col { width: 197px; }

ul.linkList a {
    background: url(../images/icons/arrow.png) no-repeat 0 50%;
    padding-left: 15px;
    text-decoration: none;
}

.thumbs {
    margin: 24px 0 49px;
    overflow: hidden;
    width: 350px;
}

.thumbs li {
    float: left;
    height: 100px;
    margin-right: 37px;
}

.thumbs li.last { margin: 0; }

.thumbs li p,
.thumbs li span {
    display: block;
    text-align: center;
}

.thumbs li p { width: 82px; }

.thumbs li:first-child p { width: auto; }

a.btn {
    background: #fff;
    border-bottom: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
    color: #000;
    padding: 2px 15px;
}
/* Application placeholder */

#appPlaceholder { float: left; }

#appPlaceholder form { margin-top: 7px; }

p.remember label {
    cursor: pointer;
    display: inline-block;
    padding-left: 17px;
    text-indent: -15px;
}

p.remember input {
    border: none;
    height: 13px;
    margin: 0;
    padding: 0;
    position: relative;
    top: -1px;
    vertical-align: bottom;
    width: 13px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Styling used for the demosite - frame
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#frontpage { background: #fff; }

#frontpage h1 {
    border: none;
    color: #000;
    font-size: 2.6em;
    margin-top: 100px;
}

#frontpage h2 {
    background: #757575;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #919191;
    color: #fff;
    font-size: 1.3em;
    font-weight: bold;
    margin: 0;
    padding: 7px 10px 2px;
}

#frontpage h3 {
    color: #000;
    font-size: 1.5em;
    font-weight: normal;
    margin: 45px 0 13px;
}

#frontpage p {
    color: #000;
    width: 830px;
}

#frontpage p.small {
    color: #414141;
    margin: 5px 0 0;
}

#frontpage #content ul {
    margin-top: 90px;
    overflow: hidden;
    padding-bottom: 40px;
    width: 100%;
}

#frontpage #content ul li {
    background: #a4a4a4;
    float: left;
    height: 170px;
    margin-right: 20px;
    padding-bottom: 30px;
    position: relative;
    width: 226px;
}

#frontpage #content ul li p {
    color: #fff;
    margin: 12px 10px;
    width: auto;
}

#frontpage #content ul li a {
    bottom: 5px;
    position: absolute;
    right: 5px;
}

#demosite { background: #b4b4b4; }

#demosite h1 {
    border: none;
    color: #000;
    margin-top: 10px;
    padding: 0;
}

#demosite #headerWrapper { background: #b4b4b4; }

#demosite #menu {
    bottom: 5px;
    left: 5px;
    position: absolute;
}

#demosite #menu li {
    float: left;
    margin-right: 25px;
}

#demosite #menu li a { color: #fff; }

#content .content-block {
    background: #e1e1e1;
    float: left;
    height: 481px;
    margin-right: 20px;
    padding: 2px 16px;
    position: relative;
    width: 604px;
}

#content .content-block .button-wrapper {
    bottom: 32px;
    right: 10px;
}

#content .image-block {
    float: left;
    height: 490px;
    width: 308px;
}

#content .image-block img { margin-bottom: 20px; }

#appPlaceholder.otpwidth { max-width: 300px; }

#appPlaceholder .otptextbox {
    margin-left: 20px;
    width: 180px;
}

#appPlaceholder .otpbutton { margin-left: 20px; }

#appPlaceholder .otperrorlabel {
    color: #f00;
    font-size: 1.2em;
    font-weight: normal;
}

#appPlaceholder.smswidth { max-width: 300px; }

#appPlaceholder .smstextbox {
    margin-left: 20px;
    width: 180px;
}

#appPlaceholder .smsbutton { margin-left: 20px; }

#appPlaceholder .smserrorlabel {
    color: #f00;
    font-size: 1.2em;
    font-weight: normal;
}

#appPlaceholder .statuslabel {
    font-size: 1.2em;
    font-weight: normal;
}

#appPlaceholder .regerrorlabel {
    color: #f00;
    font-size: 1.2em;
    font-weight: normal;
}

#appPlaceholder .regLinkLabel {
    font-size: 1.2em;
    font-weight: normal;
}

#appPlaceholder .regLinkLabel a {
    font-size: 1.2em;
    font-weight: normal;
    text-decoration: underline;
}

#enterCredentials.regwidth { max-width: 600px; }

#enterCredentials .regtextbox {
    margin-left: 10px;
    width: 180px;
}

#enterCredentials .regbutton { margin-left: 10px; }

#enterCredentials.awowidth { max-width: 300px; }

#enterCredentials .awotextbox {
    margin-left: 10px;
    width: 180px;
}

#enterCredentials .awodestbox {
    margin-left: 10px;
    width: 310px;
}

#enterCredentials .awobutton { margin-left: 10px; }

#enterCredentials .awoerrorlabel {
    color: #f00;
    font-size: 1.2em;
    font-weight: normal;
}

#enterCredentials .regerrorlabel {
    color: #f00;
    font-size: 1.2em;
    font-weight: normal;
}

#enterCredentials .regacceptlabel {
    color: #090;
    font-size: 1.2em;
    font-weight: normal;
}

#pwResetForm {
    background: #fff;
    color: #000;
    font-size: 1.2em;
    font-weight: normal;
    height: 100%;
    margin: 0px;
    padding: 10px;
    width: 170px;
    word-wrap: break-word;
}

#PwrnotmpForm {
    padding: 20px;
}

.PwrnotmpBox {
    font-size: 1.2em;
    font-weight: normal;
    background: #f0f0f0;
    height: 250px;
    min-height: 250px;
    max-height: 250px;
    padding: 0px;
    margin: 0px;
    width: 200px;
    min-width: 200px;
    max-width: 200px;
    word-wrap: break-word;
}

.PwrnotmpField {
    margin-bottom: 10px;
}

#errorPage {
    background: #fff;
    color: #000;
    font-size: 1em;
    font-weight: normal;
    height: 250px;
    margin: 0px;
    padding: 10px;
    width: 200px;
    word-wrap: break-word;
}

.Warning {
    color: Red;
    font-style: italic;
    font-weight: bold;
}

.Success {
    color: darkgreen;
    font-style: italic;
    font-weight: bold;
}

.IntroText {
    font-size: 1.2em;
    font-weight: normal;
}