/******************************************************************************/
/* INTERNAL USE ONLY : NOT FOR DISTRIBUTION                                   */
/******************************************************************************/
/* Copyright 2013 FirstData Corporation. All rights reserved.                 */
/******************************************************************************/
/* Author:  U*N*S*K                                                           */ 
/* Description : Will reset all the default styles                            */
/******************************************************************************/
@import url("sprite.css");

body { background-color: #fff; }
#loginWrapper{ margin: 156px 0 0 0; padding: 0; background: url('../images/blueGrdVertical.jpg') repeat-x left 94px; }
#blueStrip { height: 375px; }
#logo{background: url('../images/fiservCaratEndorsedLogo.png') no-repeat left; width: 250px; height: 50px; text-indent: -2000px; margin: 16px 0 0 230px; background-size: 250px auto;}
#logo a {}
#loginForm { color: #fff; background: url('../images/masterLoginBg.jpg') no-repeat 360px top; margin-top: 44px; height: 281px; padding-left: 804px; width: 320px; position: relative; }
#loginForm h2 { font-family: 'Open Sans', sans serif; font-size: 18px; padding: 15px 0 }
#loginForm input[type='text'],
#loginForm input[type='password'] { width: 266px; display: block; margin-bottom: 15px; border: solid 1px #ccc; color: #999; font-size: 12px;  }
#loginForm input[type='submit'] { background: url('../images/arrowIcon.png') no-repeat 4px 4px; background-color: #fc6530; width: 135px; height: 20px; margin-left: 132px; border: none; padding-left: 20px; text-align: left; color: #fff; cursor: pointer; }
#loginForm input[type='button'] { background-color: #fc6530; width: 135px; height: 20px; margin-left: 132px; border: none; padding-left: 20px; text-align: left; color: #fff; cursor: pointer; }
#loginForm  #loginButton {}
#pbcLoginForm { padding-top: 15px; }
.hoverUpdate { background-image: url('../images/hoverText.png'); background-repeat: no-repeat; }
.username { background-position: 0 -6px; }
.password {  background-position: 0 -43px; }
#loginForm p { width: 280px; margin: 10px 0; font-size: 11px;}
#loginForm p  a{ color: #3cf; text-decoration: none; }

#copyrightInfo { clear: both; margin-left: 232px; font-size: 11px; color: #666; position: relative; width: 860px; text-align: center }
#copyrightInfo a { color: #666; text-decoration: underline }
#copyrightInfo p { margin-bottom: 10px; }
#copyrightSpan p { margin-top: 10px; }
#topArrow { background: url('../images/arrowRight.png') no-repeat left top; position: absolute; top: 2%; height: 747px; width:336px;  }

#login-error {
	background: #ee0101; position: absolute; z-index:5001; color: #fff; width: 210px; font-family: 'Open Sans', sans serif;
	font-size: 11px; box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; text-align: center; top: 15px; left: 862px; }

#resetPasswordForm { margin-top: 9px;}/* f5r6ld9 | 19.06 */

/*#resetPasswordForm label { display: inline-block; width: 100px }*/
#resetPasswordForm label:first-child { width: 70px; }
#resetPasswordForm input[type='text'] { width: 146px;margin-right: 5px;  }/* f5r6ld9 | 19.06 */


#resetPasswordForm input[type='submit'] { background: url('../images/arrowIcon.png') no-repeat 4px 4px; background-color: #FF6700; width: 135px; height: 20px; margin: 10px 0 0 330px; border: none; padding-left: 20px; text-align: left; color: #fff; cursor: pointer; }

/*LightBox*/
.lightBoxSpan, .LightBoxHeading { display: none; }
#fdLightBox { display: none; }

#fdLightBox { z-index: 12; width: 450px; }
#fdLightBox .tSec { width: 100%; height: 3px; clear: both; background-color: #95c0f6; } 

#fdLightBox .tSec .lt, #fdLightBox .tSec .rt
{ width: 3px; height: 3px; }

#fdLightBox .inrTSec .lt, #fdLightBox .inrTSec .rt,
#fdLightBox .inrBSec .lt, #fdLightBox .inrBSec .rt
{ width: 4px; height: 4px; }

#fdLightBox .bSec .lt, #fdLightBox .bSec .rt
{ width: 5px; height: 5px; }

#fdLightBox,
#fdLightBox .tSec, #fdLightBox .tSec .lt,
#fdLightBox .mSec,
#fdLightBox .inrTSec, #fdLightBox .inrTSec .lt,
#fdLightBox .inrBSec, #fdLightBox .inrBSec .lt,
#fdLightBox .bSec, #fdLightBox .bSec .lt,
#fdLightBox .mSec, #fdLightBox .mSec h2
{ float: left; }

#fdLightBox .tSec .rt,
#fdLightBox .inrTSec .rt,
#fdLightBox .inrBSec .rt,
#fdLightBox .bSec .rt,
#fdLightBox .mSec .closeBtn
{ float: right; }


#fdLightBox .tSec .lt { background-position: -188px -181px; }
#fdLightBox .tSec .rt { background-position: -191px -181px; }
#fdLightBox .mSec { width: 98.2%; clear: both; color: #fff; padding: 5px 5px 0 5px; } 
#fdLightBox .mSec h2 { width: 95%; margin-bottom: 5px; }
#fdLightBox .mSec .closeBtn { width: 18px; height: 18px; background-position: -208px -181px; cursor: pointer; }
#fdLightBox .mSec .gridSec { background-color: #fff; color: #000; clear:both; float: left }
#fdLightBox .inrTSec { width: 100%; clear: both;  background-color: #fff; }
#fdLightBox .inrTSec .lt { background-position: -188px -190px; }
#fdLightBox .inrTSec .rt { background-position: -191px -190px; }
#fdLightBox .inrMSec { clear: both;margin: 0 5px; background-color: #fff; float: left; width: 99%; }
#fdLightBox .inrBSec { width: 100%; clear: both; background-color: #fff; }
#fdLightBox .inrBSec .lt { background-position: -188px -193px; }
#fdLightBox .inrBSec .rt { background-position: -191px -193px; }
#fdLightBox .bSec { width: 100%; clear: both; background-color: #609ce9; }
#fdLightBox .bSec .lt { background-position: -188px -184px; }
#fdLightBox .bSec .rt { background-position: -193px -184px; }

.fdLightSml { width: 410px; padding: 10px; float: left; }
.fdLightLrg { width: 425px; padding: 10px; float: left; }
#errorSpan .icon, #successSpan .icon, 
#batchInsertSuccessSpan .icon, 
#processingSpan icon,
#sessionSpan .icon,
#browserSpan .icon { float: left; width: 57px; height: 57px; }

#validatingSpan .icon { background: url('../images/processing.gif') no-repeat left top; float: left; width: 57px; height: 57px; }
#processingSpan icon { background: url('../images/processing.gif') no-repeat left top; }
#errorSpan .icon, #sessionSpan .icon, #browserSpan .icon { background-position: -61px -225px }
#successSpan .icon, #batchInsertSuccessSpan .icon { background-position: -2px -225px }
.msgContainer,.msgContainerAln { float: left; margin: 0 0 20px 20px; } 
.msgContainer { width: 70%; }
.msgContainerAln { width: 95%; }
.LightBoxDivContainer { width: 880px; }