*{
    margin:0px;
    padding:0px;
}

div.quiz-content{ /*  Skrift på svaralternativer*/
    color:#444444;
    font-size:13px;
    font-family:"Century Gothic", Helvetica, sans-serif;
    text-align:center;
    width:600px;
    position:relative;
    height:100%;
	margin: 20px auto 20px auto; /* centered */	
}

div.quiz-wrapper{
    width:600px;
    overflow:hidden;
	
    /* Styles */
    background: #fffaf6;
    border-radius: 4px;
    color: #7e7975;
    box-shadow:
        0 2px 2px rgba(0,0,0,0.2),        
        0 1px 5px rgba(0,0,0,0.2),        
        0 0 0 12px rgba(255,255,255,0.4); 
}
div.steps{
    width:600px;
    /*margin-top:40px;*/
    overflow:hidden;
}
.step{
    float:left;
    width:600px;
    /*height:320px;*/
}
div.steps form fieldset{
    background: url('../img/bg.gif');
    border:none;
    padding-bottom:20px;
	min-height: 200px;
}

div.steps form .resultset,
div.steps form legend{
    text-align:left;
    color:#555;
    font-size:16px;   /* Overskrift spørsmål*/ 
  /*  font-weight:normal; */
    float:left;
    width:590px;
    padding:5px 0px 10px 10px;
    margin:10px 0px;
    border-bottom:1px solid #fff;
    border-top:1px solid #d9d9d9;
    text-shadow: 0px 0px 1px rgba(0,0,0,.4);
    font-family: verdana, futura, 'gill sans',  helvetica, arial;
}
div.steps form .resultset{
    text-align:center;
}

div.steps h3{
    background-color:transparent;
    text-align:center;
    text-shadow:1px 1px 1px #fff;
    font-weight:bold;
    color:#666;
    width:590px;
    padding:5px 0px 0px 10px;
    font-size:22px;
}

div.steps h3.skill{
    border-bottom:1px solid #fff;
    border-top:1px solid #d9d9d9;
    background-color:#595959;
    text-align:center;
    text-shadow:1px 0px 0px #fff;
    font-weight:bold;
    color:#fff;
    width:590px;
    padding:10px;
    font-size:22px;
}

div.steps form p{
    cursor:pointer;
    text-align:left;
    float:left;
    clear:both;
    margin:5px 0px;
    background-color:#f4f4f4;
    width:420px;
    padding:10px;
    margin-left:80px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border:1px solid #aaa;	
	-webkit-box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    3px 3px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         3px 3px 5px rgba(50, 50, 50, 0.75);
    color: #000;	
}

div.steps form p.selected:hover,
div.steps form p.selected:active,
div.steps form p.selected.active,
div.steps form p.selected.disabled,
div.steps form p.selected[disabled] {
  background-color: #2f96b4;
  *background-color: #2a85a0;
}

div.steps form p.selected, div.steps form p.right {
  color: #fff;
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(top, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

div.steps form p.right:hover {
	background-color:#49afcd;	
}

div.steps form p.wrong{
    color: #FFFFFF;
    background-color: #da4f49;
    background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: linear-gradient(top, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
div.steps form p.wrong:hover {
	background-color:#da4f49;
}

div.steps form .final-result{
    display:none;
}
div.steps form #your-score{
    display:block;
}
#quiz-notice{
    background: url('../img/bg.gif');
    color: #FF0000;
    text-align:center;
    display:none;
    padding-bottom: 10px;
}

#quiz-navigation{
    height:45px;
    background-color:#FFFAF6;
    border-top:1px solid #595959;
    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    border-bottom:1px solid #fff;
    border-top:1px solid #d9d9d9;
	
}
#quiz-navigation ul{
    list-style:none;
    float:left;
    margin-left:22px;
    margin-bottom: 0px;
}
#quiz-navigation ul li{
    float:left;
    /*border-right:1px solid #ccc;
    border-left:1px solid #ccc;*/
    position:relative;
    margin:0px 2px 0px 0px;
}
#quiz-navigation ul li a{
    display:block;    
    background-color:#444;
    color:#777;
    outline:none;
    font-weight:bold;
    text-decoration:none;    
    padding:0px 20px;
    /*border-right:1px solid #fff;
    border-left:1px solid #fff;*/
	margin-top: 7px;
	line-height: 30px; 
	height: 30px;
    background:#f0f0f0;
	border:1px solid #D9D9D9;	
	background-color: #e3e3e3;
	*background-color: #f0f0f0;
	background-image: -ms-linear-gradient(top, #f0f0f0, #e3e3e3);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f0f0), to(#e3e3e3));
	background-image: -webkit-linear-gradient(top, #f0f0f0, #e3e3e3);
	background-image: -o-linear-gradient(top, #f0f0f0, #e3e3e3);
	background-image: -moz-linear-gradient(top, #f0f0f0, #e3e3e3);
	background-image: linear-gradient(top, #f0f0f0, #e3e3e3);
	background-repeat: repeat-x;
	border-color: #e3e3e3 #e3e3e3 #387038;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#e3e3e3', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	
	/*
	-moz-box-shadow: 2px 2px 2px #999;
	-webkit-box-shadow: 2px 2px 2px #999;
	box-shadow: 2px 2px 2px #999;	
	*/
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;	
}
#quiz-navigation ul li a:hover,
#quiz-navigation ul li.selected a{
    background:#d8d8d8;
    color:#666;
    text-shadow:1px 1px 1px #fff;

}
a#end{
cursor: pointer;
    display: block ;
    font-size: 0.8em;
    font-weight: bold;
   -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: -moz-linear-gradient(center top , #F0F0F0, #E3E3E3) repeat-x scroll 0 0 #E3E3E3;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-image: none;
    border-radius: 50px 50px 50px 50px;
    border-style: solid;
    border-width: 1px;
    color: #777777;
    display: block;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin-top: 7px;
    outline: medium none;
    padding: 0 10px;
    text-decoration: none;
        position: absolute;
    right: 5px;
    top: 10px;
}
a#feedback{
    cursor: pointer;
    display: block ;
    font-size: 1.2em;
    font-weight: bold;
   -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: -moz-linear-gradient(center top , #F0F0F0, #E3E3E3) repeat-x scroll 0 0 #E3E3E3;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-image: none;
    border-radius: 50px 50px 50px 50px;
    border-style: solid;
    border-width: 1px;
    color: #777777;
    display: block;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin-top: 7px;
    outline: medium none;
    padding: 0 10px;
    text-decoration: none;
    position: absolute;
    right: 5px;
    top: 55px;
    font-size:1.1em;
}
a#retake{
cursor: pointer;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
   -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: -moz-linear-gradient(center top , #F0F0F0, #E3E3E3) repeat-x scroll 0 0 #E3E3E3;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-image: none;
    border-radius: 50px 50px 50px 50px;
    border-style: solid;
    border-width: 1px;
    color: #777777;
    display: block;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin-top: 7px;
    outline: medium none;
    padding: 0 10px;
    text-decoration: none;
        position: absolute;
    right: 5px;
    top: 10px;
}
a#end:hover{
    background:#d8d8d8;
}
a#retake:hover{
    background:#d8d8d8;
}
#quiz-navigation ul li.disabled a{
    background:#d8d8d8;
    color:#666;
    text-shadow:1px 1px 1px #fff;
    cursor: default;
}



#quiz-navigation ul li.page-number {
    margin: 0px 140px 0px 160px;
}

#quiz-navigation ul li.page-number  a{
    cursor: default;
    font-weight: normal;
    background: none;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 2px 2px 2px #666;
	-webkit-box-shadow: 2px 2px 2px #666;
	box-shadow: 2px 2px 2px #666;	
}

span.label {
    background-color: #999999;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-size: 9.75px;
    font-weight: bold;
    padding: 1px 3px 2px;
    text-transform: uppercase;
    text-shadow: none;
    margin-right: 5px;    
}

span.label a{
    text-decoration: none;
}

span.label a:hover{
    text-decoration: underline;
}

span.label-important {
    background-color: #B94A48;
}

span.label-info {
    background-color: #3A87AD;
}
span.label-success {
    background-color: #468847;
}
span.label-warning {
    background-color: #F89406;
}

span.link-white a{
    color: #fff;
}

.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 18px;
  color: #c09853;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.alert-heading {
  color: inherit;
}

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 18px;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-danger,
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

[class^="qicon-"] {
background-image: url("../img/glyphicons-halflings.png");
background-position: 14px 14px;
background-repeat: no-repeat;
display: inline-block;
height: 14px;
vertical-align: text-top;
width: 14px;
}
.qicon-ok {
    background-position: -288px 0;
}
.qicon-remove {
    background-position: -312px 0;
}
.qicon-exclamation-sign {
    background-position: 0 -120px;
}
.qicon-backward {
  background-position: -240px -72px;
}
.qicon-asterisk {
  background-position: -456px -96px;
}
.qicon-forward {
  background-position: -336px -72px;
}
.qicon-white {
    background-image: url("../img/glyphicons-halflings-white.png");
}

.quiz-explain{
    clear: both;
    display: block;
    padding-top: 10px;
}

.simple-modal-link{
    background: url("../img/information.png") no-repeat scroll 0 -3px transparent;
    color: #000000;
    height: 25px;
    padding-left: 25px;
    padding-top: 2px;
    text-decoration: none;
}
/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:360px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}