
/* RESET CANVAS --------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, b, i, u, img, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, iframe {
    margin: 0; padding: 0; border: 0; outline: 0;
    -webkit-text-size-adjust: none;
}
img, input, select, label {
    vertical-align: middle; margin: 0; padding: 0;
}
/* Force all browsers to use IE's box model */
div {
    box-sizing: content-box; -moz-box-sizing: content-box; ms-box-sizing: content-box; -webkit-box-sizing: content-box;
}
/* reset some of the expected spacing */
li { margin-left: 1.5em; }
p { margin-bottom: 1em; }
/* END RESET CANVAS --------------- */


body {
	margin: 0px;
	padding: 0px;
	background-color: #e5e5e5;
	font-family:  Arial, sans-serif;
	font-size: 0.8em;
	width: 100%;
	height: 100%;
	text-align: left;
	position: relative;
	color: #070707;
}

#bodyContainer {
	max-width: 1280px;
	margin: 0 auto 0 auto;
}

.center {
	text-align: center;
}

.logo {
    position: relative;
    height: 50px;
	background-color: #0d47a1;
    padding-left: 15px;
}

.logo > img {
    height: 100%; 
}

.navbar-divider {
    position: absolute;
    top: 41px;
    height: 0;
    border-bottom: 3px solid #CC0000;
}

.navbar-divider.left {
    left: 15px;
    width: 38px;
}

.navbar-divider.right {
    left: 73px;
    width: 73px;
}

.message {
	margin: 8px 3%;
	padding: 15px 10px 15px 50px;
	border: 1px solid;
	background-repeat: no-repeat;
	background-position: 10px center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.message.error {
	background-image: url("images/error_32.png?v=2.134.0");
	color: #a11300;
	background-color: #fde6e4;
}

.message.warning {
	background-image: url("images/warning_32.png?v=2.134.0");
	color: #bd3f00;
	background-color: #ffebe0;
}

.message.success {
	background-image: url("images/success_32.png?v=2.134.0");
	color: #095e00;
	background-color: #e3fae1;
}

.message.info {
	background-image: url("images/info_32.png?v=2.134.0");
	color: #00095e;
	background-color: #e1e5fa;
}

.content {
	margin: 8px 3%;
	padding: 0;
	border: 1px solid #bebebe;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	background-color: #ffffff;
	overflow: auto;
}

.content.noBorder {
	border: none;
}

.pageContainer > .content {
	margin: 12px 3%;
	padding: 0;
	overflow: auto;
	background-color: transparent;
}

/* Loading animation */

#formLoading {
	text-align: center;
}

#formLoading h2 {
	margin: 10px 0;
	padding: 0 3%;
}

.loadingAnimation {
	margin: 10px 0;
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url("images/loading_anim_12f.gif?v=2.134.0") no-repeat scroll 0 0 transparent;
}

.formItem {
	margin: 10px 3%;
}

.formItem > .name {
	padding: 0;
	font-weight: bold;
}

.formItem > .input {
	margin: 0;
	padding: 0;
}

form input[type="text"],
form input[type="password"] {
	margin: 2px 0px 2px 0px;
	padding: 5px;
	font-size: 1.5em;
	border: 1px solid #aaaaaa;
	box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
}

input.button {
	cursor: pointer;
}

.button {
	margin: 0px 0;
	padding: 8px 0;
	color: #ffffff;
	font-size: 1.2em;
	font-weight: bold !important;
	text-shadow: 0px -1px 0px #666666;
	text-align: center;
	text-decoration: none;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: inline-block;
	-webkit-appearance: none;
	width: 100%;
	max-width: 300px;
	background: url("images/button_back_default_40.png?v=2.134.0") repeat-x scroll 0 0 transparent;
}

.button.affirmative {
	background: url("images/button_back_affirmative_40.png?v=2.134.0") repeat-x scroll 0 0 #157bcd;
}

.languageSelectItem {
    display: inline-block;
    width: 100%;
    max-width: 300px;
    padding-left: 20px;
    background: url("images/language_16.png?v=2.134.0") no-repeat scroll 0 center transparent;
    box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.languageSelectItem select {
    width: 100%;
    max-width: 280px;
}

.input_field_container {
	width: 305px;
	margin: 10px auto;
}

.button.hide {
	display: none;
}

.g-recaptcha.hide {
	display: none;
}

#cmdLogin {
	display: none;
}

#cmdLogin.button.show {
	display: inline-block;
}