/* CSS Document */
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	line-height:24px;
	overflow-x:hidden;
	background-color:#f4f6fb;
	color: #6C7A89;
	/*background-image:url("../images/mainbackground.jpg");
	background-position:top left;
	background-repeat:repeat-x;
	background-attachment:fixed;*/
}
.container {
	min-width: 1000px;
}
.bigWarning, .warning {
	color: #900;
	font-size: 18px;
}
.normalLink{
	color:#6838d6;
}
.normalLink:hover{
	color:#ec5a4f;
}
.whiteLink{
	color: #333;
	text-decoration: underline;
}
.whiteLink:hover{
	color:#5f6062;
}
/*HEADER*/
#loginBox{
	position: relative;
	border: 1px solid #CCC;
	background-color:#FFFFFF;
	margin:20px 100px 10px 100px;
}
header {
	height: 100px;
	background-color:#6838d6;
}
header h2 {
	float: left;
	color: #FFF;
}
header.headerWhite {
	height: 100px;
	background-color:#FFF;
}
header.headerWhite h2 {
	float: left;
	color: #6838d6;
}
header img.appIcon {
	float: left;
	height: 100px;
	margin-right: 40px;
}
header img.logo {
	float: right;
	height: 70px;
	margin-top: 15px;
}
#mainbar{
	width:auto;
	height:20px;
	background-color:#002546;
	z-index:4;
}
#mainbarRed{
	width:auto;
	text-align: center;
	min-height:45px;
	padding-top: 10px;
	background-color: #ec5a4f;
	z-index:4;
}
.hide {
	display:none;
}
/*LOGIN PAGE*/
#content {
	padding: 60px 60px 100px;
}
.titleLogin{
	color:#6838d6;
	font-size:22px;
	margin:0px 0px 10px 0px;
}
#formContainer{
	margin:0 auto;
	padding:0;
	width:100%;
}
#formContainer input {
	position: relative;
	float: left;
	background: none;
	border: 1px solid #3f4c54;
	color: #898989;
	margin: 0 1% 2% 1%;
	padding: 1% 1%;
	width: 40%;
	height: 1.8em;
	font-size: 1.1em;
	vertical-align: middle;
}
textarea {
	width: 95%;
	overflow: auto;
	height: 6.5em;
	color: #898989;
	font-size: 1.1em;
	line-height: 1.8em;
	border: 1px solid #3f4c54;
	background: none;
	resize: none;
	padding: 1% 1%;
	margin: 0 1% 2% 1%;
	outline: none;
	vertical-align: middle;
}
#formContainer .submitBtn, .registerBtn {
	background-color: #6838d6!important;
	border: 1px solid #311b64!important;
	margin: 0% 1% 2% 1%!important;
	padding: 0 2%!important;
	cursor: pointer!important;
	color: #fff!important;
	font-size: 1em!important;
	text-align: center!important;
	width: auto!important;
	height: 2em!important;
	text-transform: uppercase!important;
	outline: none!important;
}
#formContainer .submitBtn:hover, .registerBtn:hover{
	background-color: #5f6062!important;
	border: 1px solid #311b64!important;
}
#formContainer input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
    color: #A3A3A3;
}
#formContainer input:-moz-placeholder, textarea:-moz-placeholder { 
    color:   #A3A3A3;
}
#formContainer input::-moz-placeholder, textarea::-moz-placeholder { 
    color:   #A3A3A3;
}
#formContainer input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
    color:   #A3A3A3;
}
/****  FOOTER  ****/
footer {
	position: absolute;
	left: 0px;
	bottom: 0px;
	text-align: center;
	font-size: 12px;
	width: 100%;
}
/*VIDEO TUTORIAL*/
.titleTutorial{
color:#6838d6;
width:auto;
font-size:15px;
margin:0px 0px 10px 5px;
}
#tutorialBox{
position:relative;
width:700px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
text-align:left;
background-color:#ffffff;
border:1px solid #666666;
}
#videoBox{
width: 650px;
height:530px;
background-color:#FFFFFF;
margin:0px auto 0px auto;
padding:8px 4px 10px 4px;
}
#video{
width: 640px;
height:auto;
background-image:url('img/loading.gif');
background-repeat:no-repeat;
background-color:#FFFFFF;
margin:15px auto 0px auto;
padding:0px 0px 0px 0px;
border:1px solid #666666;
}
#demonstrationVideo{
width:650px;
margin:0px auto 0px auto;
padding:20px 20px 10px 20px;
background-color:#FFFFFF;
}