@charset "utf-8";
/*--------------------------------------------------- CSS Document-------------------------------------------------------------- */

body
{
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 18px;
    font-weight: normal;    
    background-image: url("../media/background.jpg");
    background-repeat: repeat;
    
}
@font-face {
    font-family: 'UbuntuLight';    
    src: url('../font/Ubuntu-L-webfont.eot');
    src: url('../font/Ubuntu-L-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Ubuntu-L-webfont.woff') format('woff'),
         url('../font/Ubuntu-L-webfont.ttf') format('truetype'),
         url('../font/Ubuntu-L-webfont.svg#UbuntuLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
#outer {
	margin:0px auto;
	padding:0px;
	width:980px;
}
.clear {
	margin:0px;
	padding:0px;
	clear:both;
}
#header {
	margin:0px auto;
	padding:0px;
}
#logo {
	margin:0px;
	padding:18px 0px 16px 0px;
	text-align:center;
}
#content {
	margin:0px auto;
	padding:0px;
	background-color:#d9e5ec;
	width:980px;
	text-align:center;
	min-height:550px;
}
#contentWrapper {
	margin:0px auto;
	padding:25px 30px 25px 30px;
	background-color:#f4fbff;
	width:920px;
	min-height:500px;
}
.centerLogo {
	margin:0px 0px 15px 150px;
	padding:0px;
	float:left;
}
/*-------------------------------------------------common-----------------------------------------------------------------*/
h1 {
	margin:0px;
	padding:30px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#1a73a7;
	font-size:22px;
	font-weight:normal;
}
p {
	margin:0px;
	padding:10px 0px 0px 0px;
	font-size:15px;
	font-weight:normal;
	color:#1a73a7;
}
p span {
	margin:0px;
	padding:10px 0px 7px 0px;
	font-size:15px;
	font-weight:normal;
	color:#1a73a7;
	border-bottom:1px solid #d4d9dc;
	display:block;
}
.question {
	margin:0px;
	padding:0px 0px 11px 0px;
	text-align:left;
	font-size:12px;
	color:#555453;
}
.button {
	margin:0px;
	padding:0px;
	text-align:left;
}
/*-------------------------------------------------footer-----------------------------------------------------------------*/
#footer {
	margin:0px auto;
	padding:4px 0px 0px 0px;
	width:980px;
	min-height:54px;
}
.copyright 
{    
	margin:0px;
	padding:0px;
	float:left;
	vertical-align:top;
	color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
}
.address {
	margin:0px;
	padding:0px;
	float:right;
	text-align:right;
	color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
}
.address a {
	color:#FFF;
	text-decoration:none;
}
/*-------------------------------------------------MerchantInfo-----------------------------------------------------------------*/
#topLinkBox {
	margin:0px;
	padding:0px;
	display:inline-block;
	width:910px;
}
.mainHeading {
	margin:0px;
	padding:7px 0px 2px 0px;
	color:#1a73a7;
	font-size:30px;
	text-transform:capitalize;
	float:left;
	font-family: 'UbuntuLight'; font-weight:normal; font-size:26px;
}
#rightLinks {
	margin:0px;
	padding:0px;
	float:right;
	z-index:90;
}
#rightLinks ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
}
#rightLinks ul li {
	display:block;
	margin:0px;
	float:left;
	padding:0px;
	position:relative;
}
#rightLinks ul li a {
	display:block;
	height:37px;
	padding:0px;
	margin:0px 0px 0px 0px;
	font-size:12px;
}
/*#rightLinks ul li a.startOver {
	background:url("../media/topnav.gif") no-repeat scroll left top transparent;
	width:109px;
}
#rightLinks ul li a:hover.startOver {
	background:url("../media/topnav.gif") no-repeat scroll left -37px transparent;
}
#rightLinks ul li.active a.startOver {
	background:url("../media/topnav.gif") no-repeat scroll left -37px transparent;
}
#rightLinks ul li a.help {
	background:url("../media/topnav.gif") no-repeat scroll -109px top transparent;
	width:62px;
}
#rightLinks ul li a:hover.help {
	background:url("../media/topnav.gif") no-repeat scroll -109px -37px transparent;
}
#rightLinks ul li.active a.help {
	background:url("../media/topnav.gif") no-repeat scroll -109px -37px transparent;
}
#rightLinks ul li a.login {
	background:url("../media/topnav.gif") no-repeat scroll -171px top transparent;
	width:68px;
}
#rightLinks ul li a:hover.login {
	background:url("../media/topnav.gif") no-repeat scroll -171px -37px transparent;
}
#rightLinks ul li.active a.login {
	background:url("../media/topnav.gif") no-repeat scroll -171px -37px transparent;
}
#rightLinks ul li a.contact {
	background:url("../media/topnav.gif") no-repeat scroll -239px top transparent;
	width:90px;
}
#rightLinks ul li a:hover.contact {
	background:url("../media/topnav.gif") no-repeat scroll -239px -37px transparent;
}
#rightLinks ul li.active a.contact {
	background:url("../media/topnav.gif") no-repeat scroll -239px -37px transparent;
}
#rightLinks ul li a.reports {
	background:url("../media/topnav.gif") no-repeat scroll -329px top transparent;
	width:89px;
}
#rightLinks ul li a:hover.reports {
	background:url("../media/topnav.gif") no-repeat scroll -329px -37px transparent;
}
#rightLinks ul li.active a.reports {
	background:url("../media/topnav.gif") no-repeat scroll -329px -37px transparent;
}*/



#rightLinks ul li a.startOver {
	background:url("../media/topnav.gif") no-repeat scroll left top transparent;
	width:104px;
}
#rightLinks ul li a:hover.startOver {
	background:url("../media/topnav.gif") no-repeat scroll left -37px transparent;
}
#rightLinks ul li.active a.startOver {
	background:url("../media/topnav.gif") no-repeat scroll left -37px transparent;
}
#rightLinks ul li a.tutorial {
	background:url("../media/topnav.gif") no-repeat scroll -104px top transparent;
	width:76px;
}
#rightLinks ul li a:hover.tutorial {
	background:url("../media/topnav.gif") no-repeat scroll -104px -37px transparent;
}
#rightLinks ul li.active a.tutorial {
	background:url("../media/topnav.gif") no-repeat scroll -104px -37px transparent;
}
#rightLinks ul li a.reports {
	background:url("../media/topnav.gif") no-repeat scroll -180px top transparent;
	width:80px;
}
#rightLinks ul li a:hover.reports {
	background:url("../media/topnav.gif") no-repeat scroll -180px -37px transparent;
}
#rightLinks ul li.active a.reports {
	background:url("../media/topnav.gif") no-repeat scroll -180px -37px transparent;
}
#rightLinks ul li a.contact {
	background:url("../media/topnav.gif") no-repeat scroll -260px top transparent;
	width:80px;
}
#rightLinks ul li a:hover.contact {
	background:url("../media/topnav.gif") no-repeat scroll -260px -37px transparent;
}
#rightLinks ul li.active a.contact {
	background:url("../media/topnav.gif") no-repeat scroll -260px -37px transparent;
}
#rightLinks ul li a.logout {
	background:url("../media/topnav.gif") no-repeat scroll -340px top transparent;
	width:77px;
}
#rightLinks ul li a:hover.logout {
	background:url("../media/topnav.gif") no-repeat scroll -340px -37px transparent;
}
#rightLinks ul li.active a.logout {
	background:url("../media/topnav.gif") no-repeat scroll -340px -37px transparent;
}


/*-------------------------------------------------Navigation-----------------------------------------------------------------*/

#navigation {
	margin:0px 0px 0px 0px;
	padding:25px 0px 16px 0px;
	border-bottom:none;
	z-index:90;
}
#navigation ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
}
#navigation ul li {
	display:block;
	margin:0px;
	float:left;
	padding:0px;
	position:relative;
}
#navigation ul li a {
	display:block;
	height:42px;
	padding:0px;
	margin:0px 0px 0px 0px;
	font-size:12px;
}
#navigation ul li a.merchantInfo {
	background:url("../media/navigation.gif") no-repeat scroll left top transparent;
	width:122px;
}
#navigation ul li a:hover.merchantInfo {
	background:url("../media/navigation.gif") no-repeat scroll left -42px transparent;
}
#navigation ul li.active a.merchantInfo {
	background:url("../media/navigation.gif") no-repeat scroll left -42px transparent;
}
#navigation ul li a.pricingMethod {
	background:url("../media/navigation.gif") no-repeat scroll -122px top transparent;
	width:130px;
}
#navigation ul li a:hover.pricingMethod {
	background:url("../media/navigation.gif") no-repeat scroll -122px -42px transparent;
}
#navigation ul li.active a.pricingMethod {
	background:url("../media/navigation.gif") no-repeat scroll -122px -42px transparent;
}
#navigation ul li a.pricingDetails {
	background:url("../media/navigation.gif") no-repeat scroll -252px top transparent;
	width:127px;
}
#navigation ul li a:hover.pricingDetails {
	background:url("../media/navigation.gif") no-repeat scroll -252px -42px transparent;
}
#navigation ul li.active a.pricingDetails {
	background:url("../media/navigation.gif") no-repeat scroll -252px -42px transparent;
}
#navigation ul li a.merchantType {
	background:url("../media/navigation.gif") no-repeat scroll -379px top transparent;
	width:130px;
}
#navigation ul li a:hover.merchantType {
	background:url("../media/navigation.gif") no-repeat scroll -379px -42px transparent;
}
#navigation ul li.active a.merchantType {
	background:url("../media/navigation.gif") no-repeat scroll -379px -42px transparent;
}
#navigation ul li a.miscFees {
	background:url("../media/navigation.gif") no-repeat scroll -509px top transparent;
	width:100px;
}
#navigation ul li a:hover.miscFees {
	background:url("../media/navigation.gif") no-repeat scroll -509px -42px transparent;
}
#navigation ul li.active a.miscFees {
	background:url("../media/navigation.gif") no-repeat scroll -509px -42px transparent;
}
/***** for volume *********/
#navigation ul li a.volume {
	background:url("../media/navigation_volume.gif") no-repeat scroll -509px top transparent;
	width:100px;
}
#navigation ul li a:hover.volume {
	background:url("../media/navigation_volume.gif") no-repeat scroll -509px -42px transparent;
}
#navigation ul li.active a.volume {
	background:url("../media/navigation_volume.gif") no-repeat scroll -509px -42px transparent;
}

#navigation ul li a.equipmentInfo {
	background:url("../media/navigation.gif") no-repeat scroll -609px top transparent;
	width:131px;
}
#navigation ul li a:hover.equipmentInfo {
	background:url("../media/navigation.gif") no-repeat scroll -609px -42px transparent;
}
#navigation ul li.active a.equipmentInfo {
	background:url("../media/navigation.gif") no-repeat scroll -609px -42px transparent;
}
#navigation ul li a.commisionCalculation {
	background:url("../media/navigation.gif") no-repeat scroll -740px top transparent;
	width:180px;
}
#navigation ul li a:hover.commisionCalculation {
	background:url("../media/navigation.gif") no-repeat scroll -740px -42px transparent;
}
#navigation ul li.active a.commisionCalculation {
	background:url("../media/navigation.gif") no-repeat scroll -740px -42px transparent;
}
.requiredfield
{
    font-weight: bold;
    font-size: 12px;
    padding-right: 1px;
    color:Red;
}


/*-------------------------------------------------Navigation-----------------------------------------------------------------*/
#navigation {
	margin:0px 0px 0px 0px;
	padding:25px 0px 16px 0px;
	border-bottom:none;
	z-index:90;
}
#navigation ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
}
#navigation ul li {
	display:block;
	margin:0px;
	float:left;
	padding:0px;
	position:relative;
}
#navigation ul li a {
	display:block;
	height:42px;
	padding:0px;
	margin:0px 0px 0px 0px;
	font-size:12px;
}
#navigation ul li a.merchantInfo {
	background:url("../media/navigation.gif") no-repeat scroll left top transparent;
	width:118px;
}
#navigation ul li a:hover.merchantInfo {
	background:url("../media/navigation.gif") no-repeat scroll left -42px transparent;
}
#navigation ul li.active a.merchantInfo {
	background:url("../media/navigation.gif") no-repeat scroll left -42px transparent;
}
#navigation ul li a.pricingMethod {
	background:url("../media/navigation.gif") no-repeat scroll -118px top transparent;
	width:118px;
}
#navigation ul li a:hover.pricingMethod {
	background:url("../media/navigation.gif") no-repeat scroll -118px -42px transparent;
}
#navigation ul li.active a.pricingMethod {
	background:url("../media/navigation.gif") no-repeat scroll -118px -42px transparent;
}
#navigation ul li a.pricingDetails {
	background:url("../media/navigation.gif") no-repeat scroll -236px top transparent;
	width:114px;
}
#navigation ul li a:hover.pricingDetails {
	background:url("../media/navigation.gif") no-repeat scroll -236px -42px transparent;
}
#navigation ul li.active a.pricingDetails {
	background:url("../media/navigation.gif") no-repeat scroll -236px -42px transparent;
}
#navigation ul li a.merchantType {
	background:url("../media/navigation.gif") no-repeat scroll -350px top transparent;
	width:116px;
}
#navigation ul li a:hover.merchantType {
	background:url("../media/navigation.gif") no-repeat scroll -350px -42px transparent;
}
#navigation ul li.active a.merchantType {
	background:url("../media/navigation.gif") no-repeat scroll -350px -42px transparent;
}

#navigation ul li a.volume {
	background:url("../media/navigation.gif") no-repeat scroll -466px top transparent;
	width:75px;
}
#navigation ul li a:hover.volume {
	background:url("../media/navigation.gif") no-repeat scroll -466px -42px transparent;
}
#navigation ul li.active a.volume {
	background:url("../media/navigation.gif") no-repeat scroll -466px -42px transparent;
}

#navigation ul li a.miscFees {
	background:url("../media/navigation.gif") no-repeat scroll -541px top transparent;
	width:90px;
}
#navigation ul li a:hover.miscFees {
	background:url("../media/navigation.gif") no-repeat scroll -541px -42px transparent;
}
#navigation ul li.active a.miscFees {
	background:url("../media/navigation.gif") no-repeat scroll -541px -42px transparent;
}
#navigation ul li a.equipmentInfo {
	background:url("../media/navigation.gif") no-repeat scroll -631px top transparent;
	width:116px;
}
#navigation ul li a:hover.equipmentInfo {
	background:url("../media/navigation.gif") no-repeat scroll -631px -42px transparent;
}
#navigation ul li.active a.equipmentInfo {
	background:url("../media/navigation.gif") no-repeat scroll -631px -42px transparent;
}
#navigation ul li a.commisionCalculation {
	background:url("../media/navigation.gif") no-repeat scroll -747px top transparent;
	width:173px;
}
#navigation ul li a:hover.commisionCalculation {
	background:url("../media/navigation.gif") no-repeat scroll -747px -42px transparent;
}
#navigation ul li.active a.commisionCalculation {
	background:url("../media/navigation.gif") no-repeat scroll -747px -42px transparent;
}



#navigation ul li.complete a.merchantInfo {
	background:url("../media/navigation.gif") no-repeat scroll left -84px transparent;
	width:118px;
}
#navigation ul li.complete a.pricingMethod {
	background:url("../media/navigation.gif") no-repeat scroll -118px -84px transparent;
}
#navigation ul li.complete a.pricingDetails {
	background:url("../media/navigation.gif") no-repeat scroll -236px -84px transparent;
}
#navigation ul li.complete a.merchantType {
	background:url("../media/navigation.gif") no-repeat scroll -350px -84px transparent;
}
#navigation ul li.complete a.volume {
	background:url("../media/navigation.gif") no-repeat scroll -466px -84px transparent;
}
#navigation ul li.complete a.miscFees {
	background:url("../media/navigation.gif") no-repeat scroll -541px -84px transparent;
}
#navigation ul li.complete a.equipmentInfo {
	background:url("../media/navigation.gif") no-repeat scroll -631px -84px transparent;
}
#navigation ul li.complete a.commisionCalculation {
	background:url("../media/navigation.gif") no-repeat scroll -747px -84px transparent;
}

/*-------------------------------------------------Report Navigation-----------------------------------------------------------------*/
#reportNavigation {
	margin:0px 0px 0px 0px;
	/*padding:0px 0px 16px 0px;*/
	padding:0px 0px 0px 0px;
	border-bottom:none;
	z-index:90;
}
#reportNavigation ul {
	list-style-type: none;
	margin:0px;
	padding:20px 0px 0px 0px;
}
#reportNavigation ul li {
	display:block;
	margin:0px;
	float:left;
	padding:0px;
	position:relative;
}
#reportNavigation ul li a {
	display:block;
	height:42px;
	padding:0px;
	margin:0px 0px 0px 0px;
	font-size:12px;
}
#reportNavigation ul li a.payroll {
	background:url("../media/navigation_report.gif") no-repeat scroll left top transparent;
	width:118px;
}
#reportNavigation ul li a:hover.payroll {
	background:url("../media/navigation_report.gif") no-repeat scroll left -42px transparent;
}
#reportNavigation ul li.active a.payroll {
	background:url("../media/navigation_report.gif") no-repeat scroll left -42px transparent;
}
#reportNavigation ul li a.daterange {
	background:url("../media/navigation_report.gif") no-repeat scroll -118px top transparent;
	width:118px;
}
#reportNavigation ul li a:hover.daterange {
	background:url("../media/navigation_report.gif") no-repeat scroll -118px -42px transparent;
}
#reportNavigation ul li.active a.daterange {
	background:url("../media/navigation_report.gif") no-repeat scroll -118px -42px transparent;
}
#reportNavigation ul li a.search {
	background:url("../media/navigation_report.gif") no-repeat scroll -236px top transparent;
	width:118px;
}
#reportNavigation ul li a:hover.search {
	background:url("../media/navigation_report.gif") no-repeat scroll -236px -42px transparent;
}
#reportNavigation ul li.active a.search {
	background:url("../media/navigation_report.gif") no-repeat scroll -236px -42px transparent;
}

.col
{
    display: block;
    float: left;
}
.span_1_of_3
{
    width: 48%;
}