/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */
/*/////////////////////////////////////////////////////////////////////////////////////////////////////
// Bug id 		:	PLF2.0_06981
// Modified By	: 	Giridharan V / Prasanth P R
// Modified Date: 	07 Dec 13
// Description	:	New CSS for Logout and Login Styles for default new logout and login pages
///////////////////////////////////////////////////////////////////////////////////////////////////////
// Bug id 		:	PLF2.0_07056
// Modified By	: 	Giridharan V / Prasanth P R
// Modified Date: 	16 Dec 13
// Description	:	Changes in Ext Client Runtime for About page
///////////////////////////////////////////////////////////////////////////////////////////////////////
// Bug id 		:	PLF2.0_07071
// Modified By	: 	Giridharan V
// Modified Date: 	19 Dec 13
// Description	:	Theme alignment changes - 2
///////////////////////////////////////////////////////////////////////////////////////////////////////
// Modified By	: Prasanth P R / Prabhakaran S S
// Date			: 27-Jun-2014
// Bug id		: PLF2.0_08926
// Bug Desc		: Style tuning for logout page.
///////////////////////////////////////////////////////////////////////////////////////////////////////
// Modified By	: Prasanth P R / Prabhakaran S S
// Date			: 22-Dec-2014
// Bug id		: PLF2.0_11124
// Bug Desc		: Alerts implementation
//////////////////////////////////////////////////////////////////////////////////////////////////////////
//  Bug ID		        : TECH-13333
//  Modifed on          : 03-Oct-2017
//  Modifed By          : Giridharan V
//  Modification Desc   : Since changes are huge, inline comments not provided /
//  					  Popup blocker error handled and message changed
////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@charset "utf-8";

/* Common Styles */

body{
	margin:0px !important;
	background:url(../images/logout-images/bg_line.png) repeat top left !important;
	font-family:"Calibri", Arial, Helvetica, sans-serif !important;
	}

#loginbody{
	margin:0px !important;
	background:url(../images/logout-images/bg_line.png) repeat top left !important;
	font-family:"Calibri", Arial, Helvetica, sans-serif !important;
	}

#wrapper{
		width:100% !important;
		background: url(../images/logout-images/bgg_bluestrip.png) repeat-x top left !important;
}

.maindiv{
	margin: 0 auto !important;
	width:1000px !important;
	background: url(../images/logout-images/bgg_img.png) no-repeat center top !important;
	}

	
.fl{
	float:left !important;
	}
	
.fr{
	float:right !important;
	}

.clearboth{
	clear:both !important;
	height:0px !important;
	}
	
a, a img{
	border:0px !important;
	outline:none !important;
	outline-width:0px !important;
	}
	
.link, link:link, link:visited{
	font-size:13px !important;
	color:#ffffff !important;
	text-decoration:none !important;
	}
	
.link:hover{
	text-decoration:underline !important;
	}

/* Header */
.headerContent{
	width:1000px !important;
	height:537px !important;
	margin:0 auto !important;
	}

/* Ramco Logo */
/* pending */
.ramcoLogoPar{
	width:450px;
	height:164px;
	float:right;
	}

.ramcoLogo{
	width:137px;
	height:64px;
	float:right;
	padding:100px 10px 0 0px;
	background:url(../images/logout-images/loginimages.png) no-repeat -786px -12px !important;
	}
		
/* App Caption */	
	
.appName{
	float:right;
	width: 450px;
	padding:100px 0 0 30px;
	/* background:url(../images/logout-images/title_app.png) no-repeat 60px 30px !important; */
	background:url(../images/logout-images/loginimages.png) no-repeat -1360px -12px !important;
	}
	
/* Login Form */
	
.loginForm{
	font-family:"Calibri", Arial, Helvetica, sans-serif !important;
	float:right !important;
	width:550px !important;
	padding:20px 35px 35px 35px !important;
	}
.loginFrmField{
	margin:20px 0 0 0 !important;
	}
	
.loginFrmField table tr td{
	font-size:12px !important;
	color:#232323 !important;
	white-space:nowrap !important;
	}

.username{
	width:203px !important;
	height:31px !important;
	/* background:url(../images/logout-images/text_field.png) no-repeat !important; */
	background:url(../images/logout-images/loginimages.png) no-repeat -935px -14px !important;
	padding:5px 8px 0 0px !important;
	}
	
.username input{
	border:0px !important;
	background:none !important;
	width:152px !important;
	height:20px !important;
	outline-width: 0 !important;
	padding-left: 40px !important;	
	}
.password{
	width:203px !important;
	height:31px !important;
	/* background:url(../images/logout-images/text_field_password.png) no-repeat !important; */
	background:url(../images/logout-images/loginimages.png) no-repeat -1145px -14px !important;
	padding:5px 8px 0 0 !important;
	}
	
.password input{
	border:0px !important;
	background:none !important;
	width:152px !important;
	height:20px !important;
	outline-width: 0 !important;
	padding-left: 40px !important;	
	}

.ldapauth{
	width: 203px!important;
	height:31px!important;	
	background:url(../images/logout-images/loginimages.png) no-repeat -520px -14px !important;
	/* background:url(../images/logout-images/ldap_description.png) no-repeat !important; */
}

.ldapauth select{
	width: 164px!important;
    height: 21px!important;
    position: relative;
	left: 36px;
    border: none !important;
    top: 5px;
    outline: none;
}

/* PLF2.0_07071 */
/* .ext-ie .password input, .ext-ie .username input{
	margin-top:3px;
	} */
	
.virtualKeyboard{
	background:url(../images/logout-images/ico_keyboard.png) no-repeat !important;
	display:block !important;
	width:26px !important;
	height:23px !important;
	cursor:pointer !important;
	}	
	
.appFeatureText{
	position:relative !important;
	left:10px !important;
	top:220px !important;
	height:75px !important;
	width:500px !important;
	padding:10px 25px 0 25px !important;
	line-height:20px !important;
	text-align:left !important;
	background-color:#1b2f4a !important;
	}
	
.featureSmall{
	font-size:14px !important;
	color:#FFF !important;
	text-align:left !important;
	}

.dots{
	width:44px !important;
	height:12px !important;
	background:url(../images/logout-images/dots.png) no-repeat !important;
	margin: 55px auto 0 auto !important;
	
}
/* social media */

.followUs{
	float:right !important;
	width:174px !important;
	height:40px !important;
	text-align:center !important;
	color:#00a1ff;
	font-weight:bold;
	padding:35px 100px;	
}
.followUs ul{
	padding:10px;
	margin:0px;	
}
.followUs ul li{
	float:left;
	width:32px;
	height:32px;
	margin:0px 3px 3px 3px;
	list-style:none;
	cursor:pointer;
}

.submitclass{
	background:url(../images/logout-images/loginimages.png) no-repeat -171px -14px !important;
	width: 83px;
	height:30px;
}

.twitter{
	background:url(../images/logout-images/loginimages.png) no-repeat -480px -13px !important;
	/* background:url(../images/logout-images/icon_twitter.png) no-repeat; */
}
.facebook{
	background:url(../images/logout-images/loginimages.png) no-repeat -354px -13px !important;
	/* background:url(../images/logout-images/icon_facebook.png) no-repeat;	*/
}
.in{
	background:url(../images/logout-images/loginimages.png) no-repeat -438px -13px !important;
	/* background:url(../images/logout-images/icon_in.png) no-repeat; */
}
.gPluse{
	background:url(../images/logout-images/loginimages.png) no-repeat -396px -13px !important;
	/* background:url(../images/logout-images/icon_gpluse.png) no-repeat; */
}
	
/* Fotter */

.footer{
	width:100%;
	}
		
.footerContent{
	text-align:right;
	padding: 0 40px 0 0;
	font-size:13px;
	color:#6b6b6b;
	}
	
/* Ticker */
	
.infoTicker{
	width:500px;
	/*height:85px;*/
	float:right;
	margin: 10px 50px 0 0;
	padding: 10px;
	display:block;
	border-radius:8px;
	background-color:#ffffff;
	}
	

.infoTickerText{
	margin:0;
	padding:0 13px 0 13px;
	list-style:none;
	}

.infoTickerText li{
	padding-top:8px;
	}
	
.infoTickerText li .tickerIcon{
	width:32px;
	height:32px;
	background:url(../images/logout-images/ico_alert.png) no-repeat;
	float:left;
	margin:5px 5px 0px 5px;
	}
		
.infoTickerText li .tickerItem{
	width:400px;
	background:url(../images/logout-images/spliter.png) no-repeat;
	height:45px;
	color:#4f4f4f;
	font-size:15px;
	line-height:20px;
	float:left;
	padding:0 0 0 15px;
	}

/* PLF2.0_11124 */
.alerts{
	position:absolute;
	left: 750px;
	bottom: 200px;
	width:450px;	
	color:#a3c1c8;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
}
.alertIcon{
	float:left;
	 /* padding-top:10px; */
}
.alertSeperator{
	float:left; 
	padding:0 10px
}
.alertText{
	float:left; 
	width: 400px; 
	padding-top:8px;
}
.alertNav{
	text-align:right;
}
.alertNav img{
	padding:10px 3px 3px 3px;
}

#nav {
	width: 80px;
	margin: 16px auto;
	text-align: center;
}
#nav a {
	margin: 0 3px;
	background: url(../images/login-images/dot.png) center center no-repeat;
	width: 8px;
	height: 8px;
	float: left;
	font-size: 0px;
}
#nav .activeSlide {
	background: url(../images/login-images/dotSelected.png) center center no-repeat;
}

.whiteText, .blueText{
	line-height:13px;
	}
		
.whiteText{
	font-size:13px;
	color:#fff;
	}
	
.blueText{
	font-size:16px;
	color:#86ceff;
	text-transform:uppercase;
	}
	
/* Logout */
.logoutdiv{
	margin: 0 auto;
	width:1000px;
	}
.logout{
	width:334px;
	margin:0 auto;
	padding-top:90px;
	}
	
.ramcoLogoWhite{
	/* PLF2.0_08926 */
	/*width:111px;
	height:64px;
	margin:0 auto;*/
	width:370px;
	height:64px;
	margin:0 auto;
	background:url(../images/logout-images/ramco_logo.png) no-repeat center;
	}

.logoutBox{
	background:url(../images/logout-images/login_boxbg.png) no-repeat left top;
	width:369px;
	height:260px;
	margin-top:25px;
	}
	
.logoutMsgBox{
	padding:80px 0 30px 30px;
	}
	
.logoutMsgIcon{
	width:39px;
	height:58px;
	background:url(../images/logout-images/lock.png) no-repeat;
	float:left;
	padding-right:14px;
	}
	
.logoutMsgText{
	float:left;
	text-align:left;
	border-left:1px solid #b9b9b9;
	padding-left:14px;
	height:50px;
	color:#403333;
	font-size:19px;
	line-height:22px;
	}

.logoutRedText{
	color:#bb1e1e;
	font-weight:bold;
	font-size:24px;
	}
	
.logoutBackBtn{
	padding:35px;
	margin-left: 60px;
	}

	
.alertIconImg{
	width:29px; 
	height:32px;
	background:url(../images/logout-images/loginimages.png) no-repeat -315px -13px !important;
}
.alertSeperatorImg{
	width:1px; 
	height:52px;
	background:url(../images/logout-images/loginimages.png) no-repeat -1px -13px !important;
}

	
.clearfix {
min-height: 0;
}/* for IE7 */
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
* html .clearfix {
	display: block;
}
/* End hide from IE-mac

/* PLF2.0_07056 */
/* About VirtualWorks Style */
/* PLF2.0_07071 */
/*.abtAppName{
	font-family:eras_medium_itcregular !important;
	font-size:18px !important;
	color:#035b93 !important;
	background:url(../images/about/info_icon.png) no-repeat 0 6px !important;
	padding-left:30px !important;
	}	

.appVersion{
	font-family:Arial, Helvetica, sans-serif;
	color:#727272;
	font-size:11px;	
	}
	
.appUpdateStatus{
	color:#010101;
	font-size:11px;
	}	

.copyRight{
	font-size:11px;
	}
	
.link, .link:link, .link:visited{
	color:#035b93;
	font-size:11px;
	text-decoration:underline;			
	}
	
.link:hover{
	text-decoration:none;			
	}
	
sup{
	font-size:8px;
	}*/