@charset "utf-8";
/* Total Merchant Account Styles */

body {
	background-image: url(images/bg.png);
	background-repeat: repeat-x;
	background-color: #000;
	margin-top: 0px;
	margin-bottom: 0px;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.main-content {
	background-color:#FFF; 
	height:200px; 
	vertical-align:top;
	text-align:left;
	padding:10px;
}
.form-bottom-content {
	background-color:#FFF; 
	vertical-align:top;
	text-align:left;
	padding:5px;
	border-top:1px solid #000000;
}
.index-main-content {
	background-color:#FFF; 
	height:200px; 
	vertical-align:top;
	text-align:left;
}
.index-content-left {
	width:30%; 
	vertical-align:top; 
	text-align:left; 
	border-right:1px solid #333333;
	padding:10px;
}
.index-content-right {
	width:70%; 
	vertical-align:top; 
	text-align:left;
	padding:10px;
}
.top-services {
	font-size: 18px;
	color: #FFF;
	font-weight: bold;
}
.sidenav-bg {
	background-image:url(images/side-nav.png); 
	width:294px; 
	height:200px; 
	vertical-align:top; 
	text-align:left;
}
.sidenav-bg-backend {
	background-image:url(images/side-nav2.png); 
	background-repeat:repeat-x;
	border-left:1px solid #666;
	background-color:#141414;
	width:344px; 
	height:200px; 
	vertical-align:top; 
	text-align:left;
}
.sidenav-links {
	border-bottom:2px dotted #666;
}
a.sidenav {
	font-size: 13px;
	color: #CCC;
	font-weight:bold;
}
a.sidenav:link {
	text-decoration: none;
}
a.sidenav:visited {
	text-decoration: none;
	color: #CCC;
}
a.sidenav:hover {
	text-decoration: underline;
	color: #FFF;
}
a.sidenav:active {
	text-decoration: none;
	color: #CCC;
}
.topnav-bg {
	background-image:url(images/main-nav.png); 
	width:900px; 
	height:40px;
}
.topnav-links {
	text-align:center; 
	border-right:2px solid #ddd;
}
a.topnav {
	font-size: 16px;
	color: #333333;
	font-weight:bold;
}
a.topnav:link {
	text-decoration: none;
	color: #333333;
}
a.topnav:visited {
	text-decoration: none;
	color: #333333;
}
a.topnav:hover {
	text-decoration: none;
	color: #FF6600;
}
a.topnav:active {
	text-decoration: none;
	color: #333333;
}
.footer-bg-left {
	font-size:11px;
	color:#FFF;
	background-color:#000; 
	padding:10px; 
	text-align:left; 
	vertical-align:middle;
	width:50%;
}
.footer-bg-right {
	font-size:11px;
	color:#FFF;
	background-color:#000; 
	padding:10px; 
	text-align:right; 
	vertical-align:middle;
	width:50%;
}
a.footer {
	font-size: 11px;
	color: #FFF;
}
a.footer:link {
	text-decoration: none;
	color: #FFF;
}
a.footer:visited {
	text-decoration: none;
	color: #FFF;
}
a.footer:hover {
	text-decoration: underline;
	color: #FFF;
}
a.footer:active {
	text-decoration: none;
	color: #FFF;
}
h1 {
	font-size: 18px;
	margin-top:0px;
}
h2 {
	font-size: 18px;
	margin-top:0px;
}
.orange {
	color: #FF6600;
}

.myaccount {
background-color: #F2F0EA;
font: normal 12px arial,verdana;
padding: 2px 5px;
border: 1px solid #D8D2C2;
}
.msg {
padding: 5px;
width: 600px;
margin: 2px;
color: #c00;
border: 1px solid #c00;
background-color: #FEF1ED;
font: bold 13px  verdana;
} 
 
.error {
font: normal 11px arial, verdana;
color: #c00;
border: 1px solid #c00;
padding: 2px;
margin: 5px;
float: left;
background-color: #FEF1ED;
}
 
 .example {
font: normal 10px arial;
color: red;
}
.approved {
font: normal 10px arial;
color: green;
}

.loginform {
font: 16px normal arial;
background-color: #F2F0EA;
font: normal 12px arial,verdana;
padding: 3px;
border: 1px solid #D8D2C2;
margin-left:auto;
margin-right:auto;
}

.loginform #txtbox {
font: bold 16px arial;
color: #f00;
}

.err {
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 12px;
	color: red;
}
.contact-list {
	font-size:10px;
	vertical-align:middle;
	text-align:center;
}
.application-details {
	font-size:12px;
	vertical-align:middle;
	text-align:left;
}
.form-text {
	text-align:left;
	background-color:#CCC;
	width:50%;
}
.form-input {
	text-align:left;
	background-color:#EEE;
	width:50%;
}