/* NOTE: Background image is set programatically to avoid having extra css files just for body css*/

/* ------------ Default Sign In Page ------------------ */

/*	This is the main login frame containing all the 
	sign in controls (should be in the centre of the screen)*/
.loginFrame_all
{
	position:absolute;
	margin-left:-300px;
	margin-top:-187px;
	margin-bottom:auto;
	margin-right:auto;
	border-radius: 12px;    
	/*behavior: url(/Website/BrandingPaths/CommonBranding/border-radius.htc); This causes problems with other script stuff (like watermarks and watermark password hack) so dont use unless you can fix them!*/	
	width: 600px;
	border: 2px solid rgb(223, 223, 223);    	   
	box-shadow: 3px 3px 10px #000000;
    background-image:url(signin-header.gif); 
	background-repeat:no-repeat;
	background-color:rgb(65,64,66);
	top:50%;
	left:50%;
}

/* This is the lower area of the login 
	frame containing the sign in controls*/
.loginFrameBody_all
{
	vertical-align:top;
	background-image:url(signin-body.gif); 
	background-repeat:repeat-x;	
    background-size: 100% 100%;
}

/* This is the cell which reserves the bar part 
	of the login frame image and determines where 
	the error bar appears vertically on the image background. */
.loginFrameHeader_brand
{
	height:75px;
}

/* ------------ Supplier Portal Sign In Page ------------------ */

/* --- Combined (where position is dependent on branding) --- */

/* This is the main login frame for the supplier portal containing all the 
	sign in controls and registration info (should be in the centre of the screen)
	NOTE: This is specifically tailored to the login frame image. Changes to the image size would require adjustments here.	
*/
.supplierLoginFrame_all
{
	position:absolute;
	margin-left:-410px;
	margin-top:-200px;
	margin-bottom:auto;
	margin-right:auto;
	border-radius: 12px;    	
	width: 820px;
	border: 2px solid rgb(223, 223, 223);    	   
	box-shadow: 3px 3px 10px #000000;
	background: url(signin_sup-header.gif) no-repeat rgb(223,223,223);
	overflow:hidden;
	top:50%;
	left:50%;
}

/* This is the supplier registration section of the
	supplier portal login frame */
.regDiv_all
{
	background-image: url(createaccount.gif);
	width:380px;	
}


/* This is the registration blurb text in the supplier portal
	login frame */
.regText_all
{
	float:left; 
	width:178px; 	
	margin: 0px 10px 10px 10px;
}

/* --- Positional --- */

/* This is the lower area of the supplier portal login 
	frame containing the sign in controls and registration info*/
.supplierLoginFrameBody_pos
{
	vertical-align:top;
}

/* This is the title bar of the supplier portal login frame*/
.portalTitle_pos
{
	padding-left:20px;
	padding-bottom:10px;	
	vertical-align:bottom;			
}

/* This is the information cell on 
	the left hand side of the portal login frame*/
.portalInfoCell_pos
{
	width:40%; 
	padding-left:20px; 
	background:url(signin_sup-body.gif) no-repeat 0 0;
}

.portalLoginCell_pos
{
	background:url(signin_sup-body.gif) no-repeat 99% 0;
}

/* This is the bullet point list of 
	information in the supplier portal login frame*/
.portalInfoList_pos
{		
	padding-left:0px; 
	margin-top:8px;  
}

/* This is the register button on the supplier portal
	login frame */
input.regBtn_pos
{
	margin-top: 16px;   
	padding:7px;
}

/* This is the header of the register section on the supplier
	portal login frame */
.regHeader_pos
{
	padding:10px;
}


/* --- Branding --- */

.portalTitle_brand
{
	color:rgb(255, 255, 255);
	font-size:30px;	
	height:122px;	/* This will need adjusting if the size of the login frame image changes*/	
}

/* This is the copyright label on the supplier portal page. 
	Separate one for standard page as text color depends on background image*/
.supplierCopyrightLabel_brand
{
	color:rgb(255, 255, 255);	
}

/* ------------  Common Positional ------------------ */

.bottomRightCorner_pos
{
	bottom: 3px;
	right: 3px;
    position: fixed;
}


/* ------------  Common Branding ------------------ */

body
{   
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: top;
    background-size:cover;
    background-origin: padding-box;
    background-clip: border-box;
    background-color: transparent;	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}

/* This is the 'Powered by Wax Digital' image for the both buyer and supplier sign in pages*/
.companyLogoImg_brand
{
    width: 204px;
    height: 67px;
    right: 0px;
    bottom: 0px;
    position: fixed;	
}

/* This is the copyright label on the standard sign in page. 
	Separate one for supplier portal as text color depends on background image*/
.copyrightLabel_brand
{
	color:rgb(255, 255, 255);	
}

.infoText_brand
{
	font-size:15px;
}

.bigText_brand
{
	font-size:14px;
}

.headerText_brand
{
	font-size:16px;
}