/* 
 * ---------------------------------------------------------------------
 * Filename:            Aston.css
 * Description:         Design for the moveon 4 Online Services
 * Website:             moveon4.com
 * Author:  			Livia Hainarosie
 * --------------------------------------------------------------------- 
 */
 
 
  body {
	background:#f1f1f1;
    color: #000;
	font-family: arial, helvetica, sans-serif;
	}

.pageCover {
 background: url("https://static.moveonca.com/pe-upca/images/logo.png")no-repeat scroll 0 40px rgba(0, 0, 0, 0);
 padding-top: 150px;
 background-size: 10%;
}

.pageCover h1 {
	color: #333333;
	font-family: arial, helvetica, sans-serif;
}

.wizardTitle {
    font-family: arial, helvetica, sans-serif;
	}
	
.pageContent {
	width: 950px;
    border: medium none;
}

.formHeader {
    font-size: 20px;
    width: 100%;
    color: #000000;
    padding: 14px 0px 10px 0px;
    border-bottom: 1pt solid #00718F;
    font-weight: normal;
    margin-bottom: 15px;
	text-transform: uppercase;
}

.formContainer {
	border: 
	padding: 
}
.formContainer fieldset > legend, .searchBox .searchHeader {
	font-family: arial, helvetica, sans-serif;
	text-transform: uppercase;
    color: #FF0000;
}

.remove {
    background: url(https://static.moveon4.com/default/icons/app_remove_icon.png) no-repeat scroll 2px 2px;
    border-radius: 13px 13px 13px 13px;
    cursor: pointer;
    height: 16px;
    opacity: 0.8;
    overflow: hidden;
    padding: 2px;
    position: absolute;
    right: 10px;
    top: -20px;
    width: 16px;
    border: 2px solid Transparent;
}

.addSection {
    background: url(https://static.moveon4.com/default/icons/add_icon.png) no-repeat 5px 4px #EC474F;
    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 #FF0000;
    opacity: 1;
}

.vMenu > a > li {
      background-color: #ffffff;
	  font-family: arial, helvetica, sans-serif;
	  color: #333333;
	  text-transform: uppercase;
	  border-bottom: 2px solid #E0E0E0;
}

.vMenu > a > li:hover, .active {
  background-color: #F1F1F1;
  color: #333333;
  cursor: pointer;
  text-transform: uppercase;
}

.vMenu > a > li.complete {
  background: url(https://static.moveon4.com/default/icons/completed_icon.png) no-repeat 188px 8px #fff;
  color: #333333;
  text-transform: uppercase;
}

.vMenu > a > li.complete:hover {
  background: url(https://static.moveon4.com/default/icons/completed_icon.png) no-repeat 188px 8px #F1F1F1;
  color: #333333;
  text-transform: uppercase;
}

.vMenu > a > li.complete.active {
  background: url(https://static.moveon4.com/default/icons/completed_icon.png) no-repeat 188px 8px #F1F1F1;
  color: #333333;
  text-transform: uppercase;
}

.vMenu > a > li.active {
  background-color: #F1F1F1;
  color: #333333;
  text-transform: uppercase;
}

.loginBar {
    font-size: 12px;
}

.loginBar a {
	color:#000;
}

.blue span {
    background-color: #FF0000;
}

button[kind="next_button"] {
    background: url("https://static.moveon4.com/default/icons/next_button_icon.png") no-repeat scroll right center #EC474F;
	color: #fff;
	font-family: arial, helvetica, sans-serif;

}
button[kind="next_button"]:hover {
    background: url("https://static.moveon4.com/default/icons/next_button_icon.png") no-repeat scroll right center #FF0000;
	font-family: arial, helvetica, sans-serif;
	color: #fff;
}
button[kind="previous_button"] {
    background: url("https://static.moveon4.com/default/icons/prev_button_icon.png") no-repeat scroll left center #EC474F;
	font-family: arial, helvetica, sans-serif;
	color: #fff;
	}
button[kind="previous_button"]:hover {
    background: url("https://static.moveon4.com/default/icons/prev_button_icon.png") no-repeat scroll left center #FF0000;
	font-family: arial, helvetica, sans-serif;
	color: #fff;
	}




button[kind="save_button"]:hover {
    background: url(https://static.moveon4.com/default/icons/save_button_icon.png) no-repeat center left #FF0000;
    padding-left: 27px;
	font-family: arial, helvetica, sans-serif;
}

button[kind="submit_button"]:hover {
    background: url(https://static.moveon4.com/default/icons/save_button_icon.png) no-repeat center left #FF0000;
    color: #fff;
	font-family: arial, helvetica, sans-serif;
}

button[kind="save_button"], button[kind="submit_button"] {
    background: url(https://static.moveon4.com/default/icons/save_button_icon.png) no-repeat center left #EC474F;
	color: #fff;
    padding-left: 27px;
	font-family: arial, helvetica, sans-serif;
}

button[kind="submit"]:hover {
    background: none repeat center left #FF0000;
    color: #fff;
	font-family: arial, helvetica, sans-serif;
}

button[kind="submit"] {
    background: none repeat center left #EC474F;
	color: #fff;
	font-family: arial, helvetica, sans-serif;
}
