body {
	font-family: Arial;
	background: #fefefe;
	color: #ffffff;
}
ul {
    list-style-type: none;
    margin: 0;
	padding: 0;
}
li {
    display: inline-block;
}
#portalMenu {
	max-height: 350px;
	height: 50vw;
	padding-top: 1%;
}
#portalMenu #bannerImg{
	margin-top: 15%;
}
#middleContent {
	min-height: 400px;
}
#portalLogin {
	width: 100%;
	margin: auto;
	margin-top: 3%;
	text-align: center;
	color: #ffffff;
}
#portalLogin a {
    text-decoration:none;
	color: #c44021;
	font-size: 0.8em;
}
#portalLogin a:hover { color: #efa734; }
#portalLogin .loginError { padding: 5px 0; color:#FF7174; }
#formLogin { margin:0; padding:0; }
#formLogin dt { display:none; }
#formLogin dd { padding:0; margin:0; display: inline; }
#formLogin .field {
	background: #fefefe;
	color: #c44021;
	width: 95%;
	padding: 0;
	font-size: 1.2em;
	margin-left: 1%;
	margin-right: 1%;
	border: 0;
}
#formLogin .fieldCss {
	margin: auto;
	width: 95%;
	max-width: 295px;
	margin-bottom: 1em;
	color: #c44021;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	background: #ffffff;
	border: 1px solid #c44021;
	text-align: right;
}
#formLogin .tdImg {
    width: 10%;
	padding-left: 2%;
	text-align: center;
}
#formLogin .tdField {
    width: 88%;
}
#formLogin .emailLogin img {
    width: 85%;
}
#formLogin .passwordLogin img {
    width: 85%;
}
#formLogin #submit_login {
    background-color: #c44021;
	color: #ffffff;
	letter-spacing: 0.08em;
	font-size: 0.9em;
	text-align: center;
	border: 1px solid #ffffff;;
	width: 95%;
	max-width: 295px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	height: 2.9em;
}
#formLogin #submit_login:hover {
    border-color: #efa734;
	color: #efa734;
}
#portalLogin .loginRecover {
	text-align: right;
	margin: auto;
	margin-top: 0.8em;
	width: 95%;
	max-width: 295px;
}
#portalLogin .loginLogout {
	font-size: 1.2em;
}
#footerContainer {
	background: #c44021;
	height: 320px;
	margin-top: 10%;
	font-size: 0.9em;
}
#footerContainer .divFooter {
	float: left;
	width: 26%;
	margin-left: 7%;
	padding-top: 50px;
}
#footerContainer .divFooter img {
	width: 30px;
}
#footerContainer .divFooter a {
	text-decoration: none;
	color: #ffffff;
}
#footerContainer .divFooter a:hover {
	color: #efa734;
}
#middleContent #recoverPanel {
	width: 95%;
}
/*change colors*/
#registrationPanel,
#recoverPanel{
	margin-left: auto !important;
	margin-right: auto;
}
#recoverTitle,
#registrationTitle,
#recoverInfo{
    color: #c44021 !important;
	margin-left: auto !important;
    margin-right: auto !important;
	 text-align: center !important;
}
#registrationTitle{
	text-align: left !important;
}
#recoverPanel #submit,
#registrationPanel #submit{
    background-color: #c44021 !important;
    color: white !important;
    background-image: none !important;
    border: 1px solid #fff !important;
    box-shadow: none !important ;
	border-radius: 0px !important;
}
#recoverPanel #submit:hover,
#registrationPanel #submit:hover {
    border-color: #efa734 !important;
	color: #efa734 !important;
}
#registrationPanel .label {
    color: black !important;
}
#registrationPanel .border,
#recoverPanel input{
    border: 1px solid #fff !important;
	color: #c44021 !important;
	background-color: #fefefe !important;
}
#questionHelp{
	color: black !important;
}

@media only screen and (max-width: 479px) {
	#footerContainer .divFooter {
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
		margin: auto;
		display: block;
		background: #c44021;
	}
}