/* 
 * ---------------------------------------------------------------------
 * Filename:            Karlstads.css
 * Description:         Design for the moveon 4 Publisher 
 * Version:             0.0.9 (18/07/2014)
 * Website:             moveon4.com
 * Author:  			Luciana Pintilie
 * --------------------------------------------------------------------- 
 */
 

.pageCover {
background: url("https://static.moveon4.com/se-karlstads/images/logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
padding-top: 135px;
background-size: 15%;
}

.logo{
	display:none;
}

.loginBar {
padding-top: 30px;
top: -15px !important;
}

.loginBar a:hover {
background-color: none !important;
}

.pageCover h1 {
margin-top: 50px;
color : #000 !important
}

.vMenu > a > li {
background-color: #000;
border: 1px solid #fff;
}

.vMenu > a > li:hover, .active {
background-color: #000 !important;
color: white !important;

}

.vMenu > a {
color: white !important;
}

.vMenu > a > li:hover {
background-color: #000 !important;
color: white !important;

}

.vMenu > a > li:hover, .active {
background-color: #fff !important;
color : #000 !important;


}

.vMenu > a > li:active {
background-color: #fff !important;
color : #000 !important;

}

.vMenu > a > li.complete {
    background: url(https://static.moveon4.com/default/icons/completed_icon.png) no-repeat 188px 8px #fff;
    color: #000;
    font-weight: 700;
}

.wizardTitleBar {
background: #f1f1f1;
border-radius: 0 0 0px 0;
padding: 16px 0;
margin-left: 0px;
overflow: hidden;
width: 100%;
color: #525252;
margin-top: -10px;
}

#progressLabel {
color: #525252;
}

.formContainer fieldset > legend {
background: #F1F1F1;
color: #005493;
}

.formContainer fieldset {
border-bottom: medium solid #F1F1F1;
}

.formHeader {
color: #005493 !important;
border-bottom: 1pt solid #005493;
}
button[kind="next_button"]{
background: url(https://static.moveon4.com/default/icons/next_button_icon.png) no-repeat right center #000;
padding-right: 20px;
color:white !important;
}
button[kind="next_button"]:hover {
background: url(https://static.moveon4.com/default/icons/next_button_icon.png) no-repeat right center #000;
}

#Disclaimer .rowControl > textarea {
margin-left: -580px;
margin-top: 25px;
}

div[name=text_block_5] {
margin-top: 20px !important;
}

#formContainer4 > .formHeader > div {
display: none !important;
}

div[name=text_block_8] {
margin-top: 20px !important;
}

.pageFooter::after {
content: " <a class="impressum" href="https://www.thm.de/site/en/impressum.html" target="blank">Impressum</a> / <a class="impressum" href="https://www.thm.de/site/en/datenschutz.html" target="blank">Datenschutzerkl�rung</a>";
}

button[kind="save_button"], button[kind="submit_button"] {
background: url(https://static.moveon4.com/default/icons/save_button_icon.png) no-repeat center left #000;
padding-left: 27px;
}
button[kind="save_button"]:hover {
background: url(https://static.moveon4.com/default/icons/save_button_icon.png) no-repeat center left #000;
padding-left: 27px;
}

button[kind="previous_button"] {
background: url(https://static.moveon4.com/default/icons/prev_button_icon.png) no-repeat center left #000;
padding-left: 20px;
color: #fff;
}
button[kind="previous_button"]:hover {
background: url(https://static.moveon4.com/default/icons/prev_button_icon.png) no-repeat center left #000);
}

button[kind="previous_button"]{
background: url(https://static.moveon4.com/default/icons/prev_button_icon.png) no-repeat center left #000;
}
button[kind="previous_button"] : hover{
background: url(https://static.moveon4.com/default/icons/prev_button_icon.png) no-repeat center left #000;
}

button[kind="previous_button"]:hover {
    background: url(https://static.moveon4.com/default/icons/prev_button_icon.png) no-repeat center left #000;
}

.addSection {
background: url(https://static.moveon4.com/default/icons/add_icon.png) no-repeat 5px 4px #000;
height: 25px;
color: #fff;
border: 1px solid transparent;
padding: 0px 5px 3px 25px;
cursor: pointer;
float: left;
margin: 5px 0px 5px 1px;
opacity: 1;
}

.addSection:hover, .addButtonTabular:hover {
background: url(https://static.moveon4.com/default/icons/add_icon.png) no-repeat 5px 4px #000;
opacity: 1;
}

li.currentLanguage {
background: none repeat scroll 0 0;
background-color: #000;
border-bottom: 4px solid #000;
color: white;
padding: 4px 8px;

}
#languageButtons li a {
padding: 2px 5px;
width: 100%;
color: #666;
display: block;
text-decoration: none;
}
#languageButtons li a:hover {

color: #000;
}

.formContainer fieldset > legend {
background: #F1F1F1;
color: #000;
}
.formHeader {
color: #000 !important;
border-bottom: 1pt solid #000;
}

.mark-complete{
	color: #000 !important;
}

.blue span {
    background-color: #000;
}