/********************************************

			TEEVITY - CloudCost

*********************************************/





/********************************************

				Login Page

*********************************************/

.login_page {
}

.login_page body {
	background-color: #E6E6E6;
}

/* ------- Logo ------- */
.login_page .logo_top {
	position: fixed;
	top:40px;
	left:40px;
}

.login_page .logo_top .logo_image {
	background: url(../images/logoTeevityRainbow249px.png) no-repeat scroll center 0px;
	width:249px;
	height:70px;
}

/* ------- Login area ------- */
.login_page .login_area {
	margin-top: 200px;
}

/*     - For the children which are not the first */
.login_page .login_area .login_box:not(:first-child) {
	margin-top:26px;
}


/* ------- Login box / Login box alert ------- */
.login_page .login_area .login_box {
	width:380px;
	margin:auto;
	
	padding: 5px;
	padding-top:15px;
	padding-right:24px;
	padding-left:24px;
	
	background-color:white;
	border:lightgrey 1px solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	font-size:14px;
}

.login_page .login_area .login_box_no_background {
	background-color: #E6E6E6;
	border:none;
	margin-top: 17px;	
}

/* ------- Login box - With login form ------- */

.login_page .login_box input {
	width:360px;
}

.login_page .login_box .alert_container {
	width:373px;
	margin-top:8px;	
}

/* Change link color into alerts */
.login_page .login_box .alert_container a {
	color: #b94a48;
	text-decoration: underline;	
}

.login_page #login_box_form .form_bottom_panel button {
	margin-right:5px;
	margin-top:-4px;
	float:right;
}

.login_page #login_box_signup_text button {
	margin-top:-5px;
}

.login_page .ajax_loader {
	background: url(../images/ajax-loaderho-whitebg.gif) no-repeat scroll center 0px;
	width:16px;
	height:11px;
	float:right;
}

.login_page #login_box_alreadyLoggedId_checking .ajax_loader {
	background: url(../images/ajax-loaderho-yellowbg.gif) no-repeat scroll center 0px;
	width:16px;
	height:11px;
}

.login_page .login_box #submitted_form_ajax_loader {
	float:right;
	margin-top: -14px;
	margin-right:10px;
}

/* Buttons displayed when submiting form */


/* ==== Check if already logged in messages ==== */
.login_page #login_box_alert_alreadyLoggedIn * {
	margin: 0px;	
}
.login_page #checking_alreadyLoggedIn_ajax_loader {
	float:right;
	margin-top: 5px;
	margin-right: 0px;
}
.login_page #login_box_alreadyLoggedId_access_dashboard button {
	margin: 0px;
	margin-top:5px;
}
/* ==== */

.login_page .login_box #reset_password_link * {
	vertical-align:bottom;
}

.login_page .login_box .inline_inputs {
	padding-top:5px;
}



/* Hide alerts, signup and reset password elements (the JS will show them in wished time) */
.login_page .login_box .alert_container div,          			/* Alerts */
.login_page #account_creation_ok_alert,
.login_page #reset_password_ok_alert,
.login_page #company_disabled_message,

.login_page .login_box #login_input_group_company,					/* Company name input */
.login_page .login_modal_popup,										/* Popups */

.login_page .login_box #signup_form_bottom_panel,			  		/* Sign Up bottom panel */
.login_page .login_box #reset_password_form_bottom_panel,	  		/* Reset password bottom panel */
.login_page .login_box #already_loggedin_panel,				  		/* Already loggedin bottom panel */
.login_page .login_box #ie_not_supported_error_message_panel,		/* IE not supported message */

.login_page .login_box .submit_button_loading,

.login_page .login_box #form_title_box #signup_form_title,			/* Form titles */
.login_page .login_box #form_title_box #reset_password_form_title,

.login_page .login_box .ajax_loader,								/* Ajax loader gif */
.login_page #login_box_alert_alreadyLoggedIn *						/* Alert containing messages about "isAlreadyLoggedIn"*/
{        
	display: none;
}

/* ----------------- Popups ------------------ */
.login_page .login_modal_popup
{
	background-color: white;
}