/* 
 * ---------------------------------------------------------------------
 * Filename:            surrey_form.css
 * Description:         Design for the moveon 4 Form
 * Version:             0.0.9 (04/04/2014)
 * Website:             moveon4.com
 * Author:  			Martin Schwab
 * --------------------------------------------------------------------- 
 */
body {
  background: url("https://static.moveon4.com/uk-ac-surrey/images/bg.jpg") repeat-x #eeeee8;
  color: black;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.pageContainer {
  width: 1060px;
}

.pageContent {
  width: 972px;
  padding: 0 0px 0px 0px;
  border: none;
  margin: auto;
  background: transparent;
}

.pageCover {
    background: url("https://static.moveon4.com/uk-ac-surrey/images/logo_white.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
}

.wizardTitleBar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  margin-top: -58px;
    padding: 3px 10px;
width: 966px;
}

.wizardTitle {
    color: #000000;
    font-family: "Helvetica Neue","Helvetica","Arial",sans-serif;
    font-size: 22px;
    font-weight: 100 !important;
    margin-left: -5px;
    margin-top: 2px;
    text-transform: uppercase;
}

.menuContainer {
    background: #FFFFFF;
    border: 1px solid #D8D7CA;
    border-radius: 0.3em;
    float: left;
    font-size: 12px;
    margin: 50px 0 0;
    overflow: visible;
    padding: 5px 10px 20px;
    width: auto;
}

.vMenu > a > li:before {
  color: black;
  font-weight: 100 !important;
}

.vMenu > a > li.complete {
  background: url("https://static.moveon4.com/default/icons/completed_icon.png") no-repeat scroll 2px center #FFFFFF !important;
  color: black;
  font-weight: 100 !important;
  transition: none;
}

.vMenu > a > li.complete:hover, .vMenu > a > li.complete.active {
  background: url("https://static.moveon4.com/default/icons/completed_icon.png") no-repeat scroll 2px center #FFFFFF !important;
  color: #1D77B6;
  font-weight: 100 !important;
}

.vMenu > a {
  color: black;
}

.vMenu > a > li {
  background: url("https://static.moveon4.com/uk-ac-surrey/images/arrow-right-beige.png") no-repeat scroll 0 center #FFFFFF;
  width: 180px;
  padding: 7px 0 7px 25px;
  transition: none;
  font-weight: 100 !important;
  border-bottom: 1px dotted #000000;
  border-top: medium none;
}

.vMenu > a > li:hover, .active {
  background-color: white !important;
  color: #004682;
  font-weight: 100 !important;
}

.vMenu {
  margin: 0;
}

.formHeader {
    border-bottom: medium none;
    color: #000000;
    font-size: 25px;
    font-weight: 700 !important;
    margin-bottom: 15px;
    margin-top: -21px;
    padding: 14px 0 10px;
    text-transform: uppercase;
    width: 100%;
}

.formContainer {
    margin-top: 41px;
    width: 723px;
}

.formContainer fieldset > legend {
   background: none repeat scroll 0 0 transparent;
  padding: 8px 0px;
  width: 723px;
}

.rowControl {
  width: 490px;
}

.rowControl > input[type=text], .rowControl > input[type=password], .genericControl {
  width: 461px;
}

#Disclaimer .rowControl {
  width: 60px;
}

#Disclaimer .labelContainer .rowLabel {
  width: 623px;
}

#Disclaimer .labelContainer {
  width: 633px;
}

.formContainer .statusContainer {
  width: 688px;
}

.wizardNavigation {
  padding: 0;
  width: 723px;
}

.formContainer fieldset {
  border-bottom: none;
}

.addSection {
  background: url("https://static.moveon4.com/default/icons/add_icon.png") no-repeat 5px 4px black;
  border-radius: 0;
  opacity: 1;
  margin: 5px 0;
}

.addSection:hover, .addButtonTabular:hover {
  background: url("https://static.moveon4.com/default/icons/add_icon.png") no-repeat 5px 4px #004682;
  opacity: 1;
}

input[type=submit][disabled=disabled],
button[disabled=disabled],
input[type=reset][disabled=disabled],
.button[disabled=disabled] {
  background: #b2b0b0 url(https://static.moveon4.com/default/icons/alert-overlay.png) repeat-x;
  border-radius: 0;
}

button[kind="previous_button"] {
  background: url(https://static.moveon4.com/default/icons/prev_button_icon.png) no-repeat center left black;
  border-radius: 0;
}

button[kind="previous_button"]:hover {
  background: url(https://static.moveon4.com/default/icons/prev_button_icon.png) no-repeat center left #004682;
}

button[kind="next_button"] {
  background: url(https://static.moveon4.com/default/icons/next_button_icon.png) no-repeat right center black;
  border-radius: 0;
}

button[kind="next_button"]:hover {
  background: url(https://static.moveon4.com/default/icons/next_button_icon.png) no-repeat right center #004682;
}

button[kind="save_button"] {
  background: url(https://static.moveon4.com/default/icons/save_button_icon.png) no-repeat center left black;
  border-radius: 0;
}

input[type=submit]:hover, button:hover, input[type=reset]:hover, .button:hover {
  background-color: #004682;
}

button[kind="save_button"]:hover {
  background: url(https://static.moveon4.com/default/icons/save_button_icon.png) no-repeat center left #004682;
}

input[type="submit"], button, input[type="reset"], .button, .nicEdit-pane input[type="submit"] {
  background: black;
  border-radius: 0;
}

input[type="submit"]:hover, button:hover, input[type="reset"]:hover, .button:hover, .nicEdit-pane input[type="submit"]:hover {
  background: #004682;
}

.pageFooter {
    background: none repeat scroll 0 0 #272B2B;
    height: 100px;
    margin: 0;
    padding: 0;
    width: 100%;
}

.appDetails {
    color: #FFFFFF;
    padding: 40px 10px 10px;
    width: 972px;
}

.mark-complete {
  background: white;
}

li.currentLanguage {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#languageButtons li a {
    color: #fff;
}

.loginBar {
    top: -9px;
}

.pageCover h1 {
    color: #000000;
    font-size: 25px;
    line-height: 50px;
    margin-top: -69px;
    text-transform: uppercase;
}

.registerContainer.rowControl > input[type="text"], .rowControl > input[type="password"], .genericControl {
    width: 260px;
}

.registerContainer .rowControl > input{
  width: 270px !important; 
}

.fadeLayer {
    margin-top: -20px;
	padding-bottom: 20px;
}

.blue span {
    background-color: #004682;
}

.rowLabel {
  width: 210px;
}


.rowControl {
    float: right;
	}
	
.loginContainer:before {
	content: "Please register with your Surrey email and create a password which must contain letters, numbers and special characters and be at least 8 digits long. When you then log on and it does not recognise you, although you are sure you have typed in the numbers and letters from the picture authentication correctly, please ask it to show you another picture and try again. You may need to do this several times. Ensure you are using Firefox or Chrome.";
}