/*/////////////////////////////////////////////////////////////////////////////////////////////////////
	// Bug id 		:	PLF2.0_04977 / PLF2.0_05208
	// Modified By	: 	Prashanth P R
	// Modified Date: 	27 Jun 13
	// Description	:	2.x new stylesheet changes
	//////////////////////////////////////////////////////////////////////////////////////////////////////*/

@charset "utf-8";

*{ margin: 0; padding: 0; border: 0; outline: 0; }
/*@media print{
  body{ background-color:#FFFFFF; background-image:none; color:#000000 }
  .header{ display:block;}
  #topmenu { display:none;}
}*/

HTML, body {
	margin:0px;
	padding:0px;
	width: 100%;
	height: 100%;
	font-family:"Verdana",Tahoma,Arial,Sans-Serif;
	font-size: 11px;
	color: #3e3f3f;
	text-decoration: none;
	background: #dde9f1;
}
/* Common styles */
table, tr, td, div, span, em, p, ul, li, ol, a, h5, h4, h3, h1, dl, dt, dd{line-height: 16px; }
p {margin: 10px 0;}
form, fieldset,  input, select, option, textarea{ font-family: Verdana, Arial, Helvetica; font-size: 11px;
	line-height: normal; vertical-align: middle; color: #0E1E3D; }
ul, ol, li, dl{ list-style: none; }
select { border:#ccc 1px solid;}
input {padding:2px;}
img{ vertical-align: middle; border: 0px; outline: 0px; }
table{ width: 100%;}
a{ color: #000; text-decoration: none; }
a:hover{ color: #006ca9; text-decoration: underline; }

.black{color:#000;}
.ramco-logo-blue{color:#006ca9;}
.ramco-logo-blue-bg{ padding:0px 2px; background:#006ca9; color:#fff; line-height:45px;}
.font30px{ font-size:30px; line-height: 23px;}
.padding10{ padding:10px;}
.margin10{ margin:10px;}
.clearBoth{ margin:0px; padding:0px; clear:both;}
.heighttwentyfive { height:25px;}
.marginTopfive{ margin-top:5px;}
#wrapper{ 
	margin:0;
	padding:0;
	height:100%;
	/* PLF2.0_04977 */
	/* background:url(../images/login-images/bg-login.jpg) no-repeat -40px 0px;*/
	background:url(../images/login-images/bg-login.jpg) no-repeat -20px 0px;
	background-size:100% 100%:
}
#backgroundLogin { 
	background:url(../images/application/Login-bg.jpg) no-repeat left top;
	}
.topRow { 
	width:100%; 
	height:25%; 
	display:block; 
	clear:all;
	}
.leftColumn { 
	width:481px; 
	height: 500px; 
	display:block;
	float:left; 
	text-align:right;	
	}
		.productImage{
		background:url(../images/login-images/product-image-Tech.png) no-repeat 0px 0px;
		}
		.productImage-RAS{
		background:url(../images/login-images/product-image-RAS.png) no-repeat 0px 0px;
		}
		.productImage-Tech{
		background:url(../images/login-images/product-image-Tech.png) no-repeat 0px 0px;
		}
		.productImage-AVN{
		background:url(../images/login-images/product-image-AVN.png) no-repeat 0px 0px;
		}
		.productImage-HCM{
		background:url(../images/login-images/product-image-HCM.png) no-repeat 0px 0px;
		}
		.productImage-GRP{
		background:url(../images/login-images/product-image-GRP.png) no-repeat 0px 0px;
		}
		.productImage-ReS{
			background:url(../images/login-images/product-image-ReS.png) no-repeat 0px 0px;
		}		
	.tagline {
		margin:280px 142px 0px 0px;
		*margin:160px 142px 0px 0px;
		padding:0px;
		font-family: "Helvetica", Arial, , sans-serif;
		font-size:21px;
		color:#000;
		line-height: 32px;
	}
	.rightColumn {
	width: 480px;
	display:block;
	float:left;
	text-align:left;
	}
	.customerLogo {		
	background:url(../images/login-images/customer-logo.png) no-repeat 0 175px;
	}
	.ramcoLoginLogo {
		padding: 160px 10px 10px 10px;
		text-align:right;
		display:block;
		clear:both;
		}
	.productLogoText {
		margin: 10px;
		display:block;
		text-align:right;
		clear:both;
		}
	.loginBoxDeciosionworks{
		height: 188px;
		display:block;
		background:url(../images/login-images/login-border-decisionworks.png) no-repeat right 10px;
		clear:both;
		}
	.loginBox{
		height: 148px;
		display:block;
		background:url(../images/login-images/login-border.png) no-repeat right 10px;
		clear:both;
		}
		.loginTitle {
			margin: 0px 22px;
			font-size:20px;
			color: #000;
			}
		.credentials {
			margin:5px 10px 5px 22px;
			}
			.box {				
				width:220px;
				font-size:11px;
				margin:2px;
				display:block;
				float:left;
				}
			.username{
				padding: 12px 5px 12px 50px;
				background:url(../images/login-images/bg-username.png) no-repeat left bottom;
				}
			.username input{ width:160px;}	
			.password{
				padding: 12px 5px 12px 50px;
				background:url(../images/login-images/bg-password.png) no-repeat left bottom;
				}
			.password input{ width:160px;}
			.btn_login{
				text-align: right;
				}
			.btn_login_DW a{
				margin-left:53px;
				*margin-left:48px;
				text-align: right;
				}	
				.forceLogin { background:#fff;}	
		.loginAlert {
			height: 38px;
			padding: 7px;
			margin-left:8px;
			font-size:10px;
			line-height:11px;
			background:url(../images/login-images/bg-alert.png) no-repeat left top;
			}
			.loginAlert img { float:left; margin:2px 8px 2px 0px;}
		
			
.copyright {
	margin-left:560px;
	padding-top:25px;
	font-size:10px;
	display:block;
	}

/* Extras */
div.divider{ float: none; height: 4px; font-size: 0px; line-height: 0px; background-color: #DAD0D2; }
div.clearall{ clear: both; height: 0px; font-size: 0px; line-height: 0px; }
.date{ color: #B17D00; font-size: 9px; }
/* for modern browsers */
.clearfix:after{ content: "."; display: block; height: 0; font-size: 0; clear: both; 
	visibility: hidden; overflow: hidden; }
.clearfix { min-height: 0; }/* for IE7 */
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
* html .clearfix { display: block; }
/* End hide from IE-mac */