/*
COMBINED STD.CSS 
merchant,admin,profile,reports,fi
*/

TABLE {
	border-collapse: collapse;
}
BODY {
	FONT-SIZE: 11px;
	MARGIN: 0px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
div.tabBox {
}
div.tabArea {
	font-size: 11px;
	font-weight: bold;
	padding: 0px 0px 3px 0px;
}
a.tab {
	background-color: #cccccc;
	border: 2px solid #000000;
	border-bottom-width: 0px;
	border-color: #000000 #000000 #000000 #000000;
	-moz-border-radius: .75em .75em 0em 0em;
	border-radius-topleft: .75em;
	border-radius-topright: .75em;
	padding: 2px 1em 2px 1em;
	position: relative;
	text-decoration: none;
	top: 3px;
	z-index: 100;
}
a.tab, a.tab:visited {
	color: #777777;
}
a.tab:hover {
	background-color: #cccccc;
	border-color: #000000 #000000 #000000 #000000;
	color: #777777;
}
a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
	background-color: #ffffff;
	border-color: #000000 #000000 #000000 #000000;
	color: #000000;
}
a.tab.activeTab {
	padding-bottom: 4px;
	top: 1px;
	z-index: 102;
}
div.tabMain {
	background-color: #ffffff;
	border: 2px solid #000000;
	border-color: #000000 #ffffff #ffffff #ffffff;
	-moz-border-radius: 0em .5em .5em 0em;
	border-radius-topright: .5em;
	border-radius-bottomright: .5em;
	padding: .5em;
	position: relative;
	z-index: 101;
}
.sidenav {
	border: solid #666 1px;
}
.navheader {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	Font-Size: 11px;
	COLOR: #000000;
	font-weight: bold;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.4em;
	background-color: #FFFFFF;
	text-align: center;
}
#myMenu {
	width: 100%;
	background-color: #FFFFFF;
}
#myMenu span {
	display: none;
	visibility: hidden;
}
#myMenu a {
	display: block;
	padding-right: 0.4em;
	padding-left: 0.5em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	text-decoration: none;
}
#myMenu a:link {
	background-color: #FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	COLOR: #000000;
	TEXT-DECORATION: none;
	Font-Size: 10px;
	font-weight: normal;
	border-top: solid #ffffff 1px;
	border-bottom: solid Black 1px;
}
#myMenu a:visited {
	background-color: #FFF;
	color: black;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	COLOR: #000000;
	TEXT-DECORATION: none;
	Font-Size: 10px;
	border-top: solid #ffffff 1px;
	border-bottom: solid Black 1px;
}
#myMenu a:hover {
	background-color: Black;
	color: white;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	Font-Size: 10px;
	font-weight: normal;
	border-top: solid #ffffff 1px;
	border-bottom: solid Black 1px;
}
#myMenu a:active {
	background-color: Black;
	color: white;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	COLOR: white;
	TEXT-DECORATION: none;
	Font-Size: 10px;
	border-top: solid #ffffff 1px;
}
.clsError {
	font-family: Arial;
	font-size: small;
	color: Red;
}
/* ADMIN RULE */
/*.label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	text-align: left;
}*/
/* MERCHANT RULE */
/* PROFILE RULE */
/*#profile .label, #merchant .label, #reports .label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	text-align: left;
	height: 18px;
	line-height: 16px;
}*/
.label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	text-align: left;
	height: 18px;
	line-height: 16px;
}

/* MERCHANT RULE */
#merchant .textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	border: solid 1px #7F9DB9;
	background-color: white;
	height: 18px;
	line-height: 17px;
}
/* PROFILE RULE */
#profile .textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	border: solid 1px #7F9DB9;
	background-color: white;
	height: 18px;
	line-height: 13px;
}
.labelRed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Red;
}
.textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	border: solid 1px #7F9DB9;
	background-color: white;
}
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor: pointer;
	height: 24px;
	line-height: 12px;
}
.dropdownlist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	border: solid 1px #7F9DB9;
	background-color: white;
	height: 19px;
	line-height: 17px;
}
.labelBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	height: 19px;
	line-height: 17px;
	font-weight: bold;
}
.link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Blue;
}
.link a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
}

.linkBold a {
	font-weight: bold;
	color: Black;
}

.linkBold {
	font-weight: bold;
	color: Black;
}
.hrBlack {
	color: Black;
	line-height: 1px;
	height: 1px;
}
.message {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Blue;
}
.rowHeader {
	background-color: #7F9DB9;
	color: White;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	height: 18px;
	padding-left: 2px;
	line-height: 18px;
}
.rowSpacer10 {
	height: 10px;
	white-space: nowrap;
}
.rowSpacer5 {
	height: 5px;
	white-space: nowrap;
}
.leftcolumnSpacer {
	width: 10px;
}
.colSpacer5 {
	width: 5px;
	white-space: nowrap;
}
.colSpacer10 {
	width: 10px;
	white-space: nowrap;
}
.readOnly {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Red;
	height: 19px;
	line-height: 17px;
	border: solid 1px Red;
}
table.padded-table {
	border-collapse: collapse;
}
table.padded-table td {
	padding: 5px;
}
#reports table.padded-table td {
	padding: 4px;
}

.selected {
	background: #ddd;
}

.divMain {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: solid 1px #7F9DB9;
	background-color: white;
}

.divSpace5 {
	height: 5px;
}
.divSpace10 {
	height: 10px;
}
.divSpace25 {
	height: 25px;
}
.clsDisplayNone {
	display: none;
}
.clsDisplay {
	display: block;
}
.labelTD {
	width: 70px;
}
/* ------------------------ CSS for GRID CONTROL ---------------------------------------------------------------------- */
.grid {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-indent: 5px;
}
.gridHeader {
	text-align: left;
	background-color: #5D7B9D;
	color: White;
}
.gridRow {
	text-align: left;
	height: 18px;
	line-height: 16px;
	background-color: #F7F6F3;
	color: #333333;
}
.gridAlternateRow {
	text-align: left;
	height: 18px;
	line-height: 16px;
	background-color: White;
	color: #284775;
}
.gridFooter {
	text-align: left;
	background-color: #5D7B9D;
	color: White;
}
.gridPager {
	text-align: left;
	background-color: #5D7B9D;
	color: White;
}
.gridPager a {
	color: White;
	text-decoration: none;
}
.gridRowBlue {
	text-align: left;
	height: 18px;
	line-height: 16px;
	background-color: White;
	color: Blue;
}
.gridRowRed {
	text-align: left;
	height: 18px;
	line-height: 16px;
	background-color: White;
	color: red;
}

/* ---------------------- CSS for HEADER CONTROL ---------------------------------------------------------------------- */
.headerDiv {
	width: 100%;
	height: 65px;
}
.headerInnerDiv {
	background-color: #E9E9E9;
	height: 5px;
}
.headerTable {
	width: 100%;
	vertical-align: top;
}
.headerInnerTable {
	width: 100%;
	text-align: right;
	vertical-align: top;
}
.headerConsoleText {
	font-size: 14px;
}
.headerText {
	font-size: 12px;
}
.headerLogout {
	font-size: 12px;
	color: Blue;
}
.headerLogout a:link {
	font-size: 12px;
	color: #63BB49;
}
.headerLogout a:visited {
	font-size: 12px;
	color: #63BB49;
}

/* ---------------------- CSS for FOOTER CONTROL ---------------------------------------------------------------------- */
.footerDiv {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 14px;
	background-color: #E9E9E9;
	font-size: 10px;
	color: Black;
}
.footerTable {
	width: 100%;
}

/* -------------------------------------------------------------------------------------------------------------------- */

.hidden {
	display: none;	
}

.redbox {
	border: 2px solid Black; 
	padding:10px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	border-radius: 15px;
}

.redbox > img{
	max-width:100%
}

#downloadFlowDiv{
	padding-bottom:20px;
/*	width: 90%; */
	height: 850px;
}

#installtbl{
	width: 90%;
}

.stepicon{
	float: left;
	width: 10%;
}

.stepicon img{
	margin: 20px 5px 20px 5px;
}

.stepdetails{
	float:left;
	width:80%;
}

.clear{
	clear:both;	
}

.blsthr {
	margin: 15px 0px 30px 0px;
	width:100%;	
	height: 2px;
	background-color: #6699CC;
}

#browserAllowInstructions{
	min-height: 450px;
}

.btnActivationCode{
	
	font-size: 16px;
	border-radius: 8px;
	height: 40px;
	font-weight: bold;
}

#manualActivationDiv, .instructionBox{
	border: 1px solid;
	padding: 5px;
	border-radius: 15px;
	background-color: #EEE;
}

.instructionBox > img 
{
	max-width: 100%;
}

.interactiveInstructions{
	cursor:pointer;
	font-weight:bold;
}