/* Normalization */
/* --------------------------------------------------- */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary
	{
	display: block
}

audio,canvas,video {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

audio:not ([controls] ) {
	display: none;
	height: 0
}

[hidden] {
	display: none
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

html,button,input,select,textarea {
	font-family: sans-serif
}

body {
	margin: 0
}

a:focus {
	outline: thin dotted
}

a:active,a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,strong {
	font-weight: bold
}

blockquote {
	margin: 1em 40px
}

dfn {
	font-style: italic
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}

mark {
	background: #ff0;
	color: #000
}

p,pre {
	margin: .8em 0
}

code,kbd,pre,samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}

q {
	quotes: none
}

q:before,q:after {
	content: '';
	content: none
}

small {
	font-size: 80%
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

dd {
	margin: 0 0 0 40px
}

nav ul,nav ol {
	list-style: none;
	list-style-image: none
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic
}

svg:not (:root ) {
	overflow: hidden
}

figure {
	margin: 0
}

form {
	margin: 0
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
	*margin-left: -7px
}

button,input,select,textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle
}

button,input {
	line-height: normal
}

button,select {
	text-transform: none
}

button,html input[type="button"],input[type="reset"],input[type="submit"]
	{
	-webkit-appearance: button;
	cursor: pointer;
	*overflow: visible
}

button[disabled],html input[disabled] {
	cursor: default
}

input[type="checkbox"],input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	*height: 13px;
	*width: 13px
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration
	{
	-webkit-appearance: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto;
	vertical-align: top
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

/* Defaults & Helpers & Print */
/* --------------------------------------------------- */
::-moz-selection {
	background: #b3d4fc;
	text-shadow: none
}

::selection {
	background: #b3d4fc;
	text-shadow: none
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

img {
	vertical-align: middle
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0
}

textarea {
	resize: auto
}

.chromeframe {
	margin: .2em 0;
	background: #ccc;
	color: #000;
	padding: .2em 0
}

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%
}

.hidden {
	display: none !important;
	visibility: hidden
}

.invisible {
	visibility: hidden
}

.clearfix:before,.clearfix:after {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both
}

.clearfix {
	*zoom: 1
}

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important
	}
	a,a:visited {
		text-decoration: underline
	}
	a[href]:after {
		content: " (" attr(href) ")"
	}
	abbr[title]:after {
		content: " (" attr(title) ")"
	}
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {
		content: ""
	}
	pre,blockquote {
		border: 1px solid #999;
		page-break-inside: avoid
	}
	thead {
		display: table-header-group
	}
	tr,img {
		page-break-inside: avoid
	}
	img {
		max-width: 100% !important
	}
	@page {
		margin: .5cm
	}
	p,h2,h3 {
		orphans: 3;
		widows: 3
	}
	h2,h3 {
		page-break-after: avoid
	}
}
/* Common */
/* --------------------------------------------------- */
body {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	line-height: 1.4em;
	color: #333;
	min-width: 1000px;
	margin: 0;
	background: #f1f1f1 url(images/bg_body.png) top repeat-x;
}

a {
	color: #123785;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a,a:active,a:visited,a:focus {
	outline: 0 !important;
	background: none;
}

a.disabled {
	opacity: .5;
	cursor: default;
}

h1,h2,h3,h4,h5,h6,.htext {
	font-weight: 700;
	color: #123785;
	margin: 0;
	border-bottom: #123785 solid 1px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

h1 {
	font-size: 24px;
	margin: 10px 0;
}

h2 {
	font-size: 18px;
	font-weight: 600;
}

hr {
	margin: .8em 0;
	border-color: #ddd;
}

menu,ol,ul {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

input,select {
	font-weight: bold;
	line-height: 1em;
	outline: 0;
}

p {
	margin: 0;
}

.left {
	float: left;
}

.right {
	float: right;
}
/* Form */
/* --------------------------------------------------- */
.xform {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.xform.auto {
	width: auto;
}

.xform li {
	padding-bottom: 10px;
	font-weight: 400;
}

.xform li.dotted-sep {
	border-bottom: 1px dotted #aaa;
	margin-bottom: 12px;
}

.xform li p {
	margin: .5em 0 0;
}

.xform li.col2 {
	font-size: 0;
}

.xform li.col2 p {
	margin: 0;
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
}

.xform li label {
	font-weight: normal;
	display: block;
	padding-bottom: .15em;
	text-transform: capitalize;
}

.xform.inline li label,.xform li label.inline {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
}

.xform li label.option {
	font-weight: bold;
}

.xform li .bold {
	font-weight: 700;
}

.xform label.option {
	cursor: pointer
}

.xform li em {
	font-weight: normal;
	font-size: 14px;
}

.xform input[type=text],.xform input[type=password],.xform input[type=date],.xform input[type=search],.xform input[type=email],.xform input[type=tel],.xform input[type=number],.xform textarea,.xform select
	{
	font-size: 16px;
	font-weight: 400;
	line-height: 1em;
	color: #222;
	outline: 0;
	background: #fff;
	border: 2px solid #ccc;
	border-radius: 0px;
	padding: .28em .4em .26em;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.xform input[type=text]:focus,.xform input[type=password]:focus,.xform input[type=date]:focus,.xform input[type=search]:focus,.xform input[type=tel]:focus,.xform input[type=email]:focus,.xform input[type=number]:focus,.xform textarea:focus,.xform select:focus
	{
	border-color: #123785 !important;
}

.xform input[type=text].major,.xform input[type=password].major,.xform input[type=date].major,.xform input[type=search].major,.xform input[type=email].major,.xform input[type=tel].major,.xform input[type=number].major,.xform textarea.major,.xform select.major
	{
	border-color: #ee7000;
	box-shadow: inset 0 0 .2em #fac7b2;
}

.xform input[type=text].major2,.xform input[type=password].major2,.xform input[type=date].major2,.xform input[type=search].major2,.xform input[type=email].major2,.xform input[type=tel].major2,.xform input[type=number].major2,.xform textarea.major2,.xform select.major2
	{
	border-color: #1fa92e;
	box-shadow: inset 0 0 .2em #bafab2;
}

.xform input[type=text].inline,.xform input[type=password].inline,.xform input[type=date].inline,.xform input[type=search].inline,.xform input[type=email].inline,.xform input[type=tel].inline,.xform input[type=number].inline,.xform textarea.inline,.xform select.inline
	{
	width: auto;
}

.xform input[type=text].important,.xform input[type=password].important,.xform input[type=date].important,.xform input[type=search].important,.xform input[type=email].important,.xform input[type=tel].important,.xform input[type=number].important,.xform textarea.important,.xform select.important
	{
	font-size: 28px;
	padding: .1em 0.22em;
}

.xform input[type=text].xlarge,.xform input[type=password].xlarge,.xform input[type=date].xlarge,.xform input[type=search].xlarge,.xform input[type=email].xlarge,.xform input[type=tel].xlarge,.xform input[type=number].xlarge,.xform textarea.xlarge,.xform select.xlarge
	{
	font-size: 72px;
	padding: .1em 0.25em;
}

input[type=checkbox] {
	margin-right: 4px;
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button
	{
	-webkit-appearance: none;
	margin: 0;
}

.xform input[type=button].xlarge,.xform input[type=submit].xlarge,.xform input[type=reset].xlarge,xform .gray-button.xlarge
	{
	font-size: 36px;
	padding: .15em 0.4em;
}

.xform input.read-only {
	background-color: #effaff;
}

.xform input[disabled],.xform select[disabled] {
	background-color: #f0f0f0;
}

.placeholder {
	color: #aaa !important;
}

.xform input[type=date],.xform input.date-picker {
	padding-right: 30px;
	background-image: url('../img/icon_calendar.png');
	background-repeat: no-repeat;
	background-position: 94% 50%;
}

.xform input[type="date"]::-webkit-calendar-picker-indicator,.xform input[type="date"]::-webkit-inner-spin-button
	{
	display: none;
}

.xform select {
	padding: .24em .3em .18em;
}

.xform textarea {
	resize: none;
}

.xform-cmd {
	text-align: right;
	margin-top: 5px;
	padding-top: 5px;
	border-top: #ccc solid 1px;
	clear:both;
}

.xform-cmd label {
	margin-right: 15px;
}

.xform-cmd.has-sep {
	border-top: 1px solid #123785;
	padding-top: 15px;
}

.xform-cmd .ui-button,.xform-cmd .gray-button {
	margin: 0 0 0 5px;
}

.xform-cmd .left .ui-button,.xform-cmd .left .gray-button,.xform-cmd .ui-button.left,.xform-cmd .gray-button.left
	{
	margin: 0 5px 0 0;
}

.xform .field-des {
	font-size: 12px;
	font-style: italic;
	margin-left: 2px;
}

.xform .btn {
	padding: 8px 15px;
	font-weight: 400;
	border: none;
}

.xform .btn:hover {
	opacity: 0.9;
	filter: alpha(opacity = 90);
}

.xform a.btn:hover {
	text-decoration: none;
}

.xform .btn-blue {
	background-color: #0068c3;
	color: #FFF;
}

.xform .btn-green {
	background-color: #35aa47;
	color: #FFF;
}

.xform .btn-gray {
	background-color: #CCC;
	color: #000;
}
/* Dialog */
/* --------------------------------------------------- */
.dialog {
	display: none;
	margin-top: 10px;
	line-height: 1.5em;
}

.dialog p {
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}

.dialog-export {
	width: 100%;
}

.dialog-export ul {
	margin: 20px;
}

.dialog-export li {
	display: inline-block;
	width: 170px;
}

.dialog-needhelp {
	line-height: 1.5em;
}

.dialog-needhelp h4 {
	color: #333;
	border: none;
}

.dialog-needhelp ul {
	margin: 10px;
	margin-left: 20px;
}

.dialog-forgotPass {
	margin: 0 auto;
	margin-top: 10px;
}

.dialog-forgotPass ul {
	margin-left: 30px;
	width: 430px;
}

.dialog-forgotPass .xform label {
	width: 190px;
	display: inline-block;
}

.dialog-forgotPass .xform .input {
	width: 234px;
}

.dialog-forgotPass .xform li.separation {
	margin-top: 20px;
}

.dialog-forgotPass .xform li.button-cmd {
	border-top: #CCC solid 1px;
	padding-top: 10px;
}
/* DMS Layout */
/* --------------------------------------------------- */
.wrapper {
	display: block;
	margin: 0 auto;
	width: 98%;
}

#header,#footer,.site-content,#nav,.box {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.box {
	background-color: #FFF;
	border: #CCC solid 1px;
	padding: 15px;
}

.box h3 {
	border-bottom: #CCC solid 1px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-weight: 400;
	color: #333;
	font-size: 14px;
}

.site-content {
	width: 98%;
	margin-top: 30px;
	margin-bottom: 30px;
}

#header { /*background-color: #e6e6e6;
	border-bottom: #183c88 solid 2px;*/
	min-height: 90px;
}

#header .logo {
	float: left;
	margin-top: 14px;
}

#header .menu {
	float: right;
	margin-top: 14px;
}

#header .menu li {
	display: inline-block;
	margin-left: 15px;
}

#header .menu li:first-child {
	margin-left: 0px;
}

#header .user-info {
	float: right;
	clear: right;
	margin-top: 20px;
	font-size: 15px;
}

#header .user-info li {
	display: inline-block;
	margin-left: 0px;
	padding: 5px 10px;
}

#header .user-info li strong {
	background: url(images/bg_login.png) repeat-x center;
	padding: 4px;
}

#header .user-info li:first-child {
	margin-left: 0;
}

#header .user-info li.user a {
	text-decoration: none;
	color: #333;
	cursor: pointer;
}

#header ul.userDropdown {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	padding: 10px;
	margin-left: -30px;
	z-index: 100;
	background-image: url(img/child.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	width: 200px;
	display: none;
}

#header ul.userDropdown li {
	margin: 0px !important;
	padding: px !important;
}

#header ul.userDropdown li a:hover {
	color: #123785 !important;
}

#nav {
	background-color: #FFF;
	border-bottom: #0068c3 solid 2px;
	border-top: #d9d9d9 solid 1px;
	margin-top: -2px;
	min-height: 36px;
}

#nav li {
	display: inline-block;
	padding: 7px 10px;
	text-transform: uppercase;
	margin: 0;
	margin-left: -3px;
}

#nav li:first-child {
	margin-left: 0px;
}

#nav li.menuActive,#nav li:hover {
	background: #0068c3;
}

#nav li a {
	padding: 7px 10px;
	color: #333;
}

#nav li.menuActive a,#nav li:hover a {
	color: #FFF;
	text-decoration: none;
}

.select-dist {
	margin-bottom: 30px;
}

.select-dist p {
	margin-top: 10px;
}

.select-dist span {
	display: inline-block;
	width: 125px;
}

#footer {
	background-color: #FFF;
	border-top: #183c88 solid 2px;
	min-height: 60px;
	padding-top: 10px;
	text-align: center;
}
/* Home page */
/* --------------------------------------------------- */
#homePage {
	margin-top: 10%;
	min-height: 400px;
}

#homePage .slide {
	width: 660px;
}

#homePage .slide h1 {
	border-bottom: none;
	padding-bottom: 0;
}

.loginForm {
	width: 320px;
	min-height: 263px;
	padding: 30px;
	font-size: 16px;
}

.loginForm a {
	font-weight: 400;
}

.loginForm h1 {
	font-size: 20px;
	font-weight: 600;
	border-bottom: none;
	margin: 0;
	margin-bottom: 13px;
	padding: 0;
}

.loginForm .xform .btn {
	margin-right: 15px;
}
/* Tabs */
/* --------------------------------------------------- */
#dashBoard ul.tabs {
	background: #666;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 0 !important;
}

.tabbed_area {
	border: 0px solid #CCC;
}

ul.tabs {
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 7px;
	height: 20px;
}

ul.tabs li {
	list-style: none;
	float: left;
}

ul.tabs li a {
	color: #FFF;
	padding: 8px 14px 8px 14px;
	text-decoration: none;
	background: #666;
	border-right: #333 solid 1px;
}

ul.tabs li:last-child a {
	border-right: none;
}

ul.tabs li a:hover {
	color: #FFF;
	background: #333;
}

ul.tabs li a.active {
	background-color: #ffffff;
	color: #282e32;
	border: 1px solid #ccc;
	/*border-top:#0068c3 solid 2px;*/
	border-bottom: none;
	font-weight: 700;
}

.tabbed_area .content {
	background-color: #ffffff;
	padding: 15px;
	border: 1px solid #CCC;
	border-top: 1px solid #666;
	min-height: 255px;
	display: none;
	overflow: hidden;
	margin-top: -1px;
}

.tabbed_area .contentActive {
	display: block;
}
/* Page buttons */
/* --------------------------------------------------- */
.page-buttons {
	clear: both;
}

.page-buttons .button {
	margin-bottom: 20px;
	overflow: hidden;
}

.page-buttons .button li {
	width: 235px;
	height: 73px;
	border: #cfcfcf solid 1px;
	background-color: #FFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: 15px 20px;
}

.page-buttons .button li:last-child,.page-buttons .button li.last {
	/*margin-right: 0;*/
}

.page-buttons .button li:hover {
	background-color: #0068c3;
	border: #0068c3 solid 1px;
}

.page-buttons .button li a {
	width: 235px;
	height: 73px;
	display: inline-block;
	padding-left: 67px;
	padding-top: 26px;
	font-weight: 600;
	font-size: 18px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.page-buttons .button li a:hover {
	color: #FFF;
	text-decoration: none;
}

.page-buttons .button li.invoices {
	background-image: url(images/btn_invoice.png);
}

.page-buttons .button li.deposit {
	background-image: url(images/btn_deposit.png);
}

.page-buttons .button li.addDeposit {
	background-image: url(images/btn_deposit.png);
}

.page-buttons .button li.payment {
	background-image: url(images/btn_payment.png);
}

.page-buttons .button li.retailerSale {
	background-image: url(images/btn_retailersale.png);
}

.page-buttons .button li.mbssale {
	background-image: url(images/btn_deposit.png);
}

.page-buttons .button li.topupsale {
	background-image: url(images/btn_topupsale.png);
}

.page-buttons .button li.distributor {
	background-image: url(images/btn_distributor.png);
}

.page-buttons .button li.discount {
	background-image: url(images/btn_discount.png);
}

.page-buttons .button li.commission {
	background-image: url(images/btn_commission.png);
}

.page-buttons .button li.residual {
	background-image: url(images/btn_deposit.png);
}

.page-buttons .button li.transfer {
	background-image: url(images/btn_transfer.png);
}

.page-buttons .button li.return {
	background-image: url(images/btn_return.png);
}

.page-buttons .button li.activity {
	background-image: url(images/btn_activity.png);
}

.page-buttons .button li.standings {
	background-image: url(images/btn_standings.png);
}

.page-buttons .button li.search {
	background-image: url(images/btn_search.png);
}

.page-buttons .button li.billpayment {
                background-image: url(images/btn_bill.png);
}

.page-buttons .button li.distributortopupsale {
                background-image: url(images/btn_distTopup.png);
}

.page-buttons .button li.distributortopupsale a {
                padding-top:17px;
}

.page-buttons .button li.smcommissions {
                background-image: url(images/btn_smComm.png);
}

.page-buttons .button li.usage {
                background-image: url(images/btn_usage.png);
}

.page-buttons .button li.sumReport {
	background-image: url(images/btn_sumReport.png);
}

.page-buttons .button li.pinlessreport {
	background-image: url(images/btn_pinlessReport.png);
}


/* Dashboard */
/* --------------------------------------------------- */
#dashBoard {
	
}

#dashBoard .acc-info {
	width: 340px;
	float: left;
}

#dashBoard .acc-info li {
	line-height: 2.5em;
	border-bottom: #CCC solid 1px;
}

#dashBoard .acc-info li:last-child {
	border-bottom: none;
}

#dashBoard .acc-info label {
	width: 205px;
	display: inline-block;
}

#dashBoard .report {
	width: 640px;
	float: right;
	margin-top: -10px;
}

#dashBoard .btns {
	margin: 20px 0;
	clear: both;
	text-align: right;
}

#dashBoard .btns li {
	display: inline-block;
}

#dashBoard .news {
	margin: 10px 0;
	line-height: 1.5em;
}

#dashBoard ul.tabs li a {
	padding: 8px 8px 9px 8px;
	font-size: 13px;
}

#dashBoard ul.tabs li a.active.residual-Commission {
	padding-right: 17px;
	padding-left: 13px;
}

@
-moz-document url-prefix () { #dashBoard ul.tabs li
	a.active.residual-Commission { padding-right:10px;
	padding-left: 9px;
}

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width
	: 1024px) and (orientation : landscape) {
	#dashBoard ul.tabs li a.active.residual-Commission {
		padding-right: 8px;
		padding-left: 9px;
	}
}

.tableReport {
	border: #CCC solid 1px;
	width: 100%;
}

.tableReport th,.tableReport td {
	padding: 10px 7px;
	text-align: right;
}

.tableReport tr {
	border-bottom: #e5e5e5 solid 1px;
}

.tableReport tr:last-child {
	border-bottom: none;
}

.tableReport .left {
	text-align: left;
}

.tableReport tr.total {
	font-weight: 700;
}
/* Change Password page */
/* --------------------------------------------------- */
#changePassPage {
	margin-top: 80px;
}

#changePassPage .changePassForm {
	width: 450px;
	margin: 0 auto;
	margin-top: 30px;
}

#changePassPage .changePassForm label {
	width: 225px;
	display: inline-block;
}

#changePassPage .changePassForm .input {
	width: 220px;
}

#changePassPage .changePassForm li.btn-cmd {
	border-top: #ccc solid 1px;
	padding-top: 10px;
}
/* Report pages format */
/* --------------------------------------------------- */
.reportPage {
	margin-top: 50px;
}

.reportPage .rTabs {
	margin-bottom: 7px;
	height: 19px;
}

.reportPage .rTabs li {
	float: left;
}

.reportPage .rTabs li a {
	color: #FFF;
	padding: 8px 14px 8px 14px;
	text-decoration: none;
	background-color: #666;
	border-right: #333 solid 1px;
}

.reportPage .rTabs li a:hover {
	color: #FFF;
	background-color: #333;
	border-right: #333 solid 1px;
}

.reportPage .rTabs li a.active {
	background-color: #ffffff;
	color: #282e32;
	border: 1px solid #ccc;
	/*border-top:#0068c3 solid 2px;*/
	border-bottom: none;
	font-weight: 700;
}

.reportPage .btn-tools {
	margin-bottom: 10px;
	margin-top: 10px;
}

.reportPage .btn-tools .credit-info {
	float: right;
	margin-top: 10px;
}

.reportPage .btn-tools .credit-info li {
	display: inline-block;
	margin-left: 20px;
}
.reportPage .btn-tools .inline {
	display:inline-block;
}
.reportPage .btn-tools .depositBtns {
	display:inline-block;
	margin-left:20px;
}
.reportPage .btn-tools .depositBtns p.payment {
	margin-left:10px;
}
.reportPage .btn-tools .depositBtns p.payment span {
	display:block;
	font-size:12px;
}
.reportPage .btn-tools .depositBtns #btnAddPayment {
	width:150px;
}

.reportForm p {
	margin-top: 0;
	margin-right: 10px !important;
	display: inline-block;
}

.reportForm p.last {
	margin-right: 0 !important;
}

.reportForm p.date input#dateFrom,.reportForm p.date input#dateTo, .reportForm p.date input.dateFormat,
input#creationDataFrom, input#creationDataTo{
	background-image: url(images/icon_calendar.png);
	background-repeat: no-repeat;
	background-position: 94% 50%;
}

.reportForm p.entity {
	line-height: 1.6em;
}

.reportForm p.retailer {
	/*width: 160px;*/
}

.reportForm p.date {
	width: 110px;
}

p.custom_date {
	width: 140px;
}

.reportForm p.payType {
	width: 160px;
}

.reportForm p.status {
	width: 116px;
}

.reportForm p.amount {
	width: 100px;
}

.reportForm p.type {
	width: 177px;
}

.reportForm p.bankName {
	width: 285px;
}

.reportForm p.product {
	width: 105px;
}

.reportForm p.paymentType {
	width: 105px;
}

.reportForm p.quickselect {
	width: 100px;
}

.reportForm p.saleVolume {
	width: 190px;
}

.reportForm p.business {
	width: 120px;
}

.reportForm p.owner {
	width: 120px;
}

.reportForm p.phone {
	width: 120px;
}

.reportForm p.email {
	width: 120px;
}

.reportForm p.street {
	width: 110px;
}

.reportForm p.city {
	width: 110px;
}

.reportForm p.state {
	width: 130px;
}

.reportForm p.zipcode {
	width: 65px;
}
/* Account page */
/* --------------------------------------------------- */
#accountPage {
	margin-top: 80px;
}
/* Account - Invoices */
/* --------------------------------------------------- */
#accInvoicesPage {
	
}
/* Account - Deposit */
/* --------------------------------------------------- */
#accDepositPage {
	
}
/* Account - Add Deposit */
/* --------------------------------------------------- */
.accAddDepositPage  {

}

.accAddDepositPage .addDepositForm {
	width: 800px;
	margin: 0 auto;
	margin-top: 30px;
}

.accAddDepositPage .addDepositForm label {
	width: 200px;
	display: inline-block;
	vertical-align: top;
}

.accAddDepositPage .addDepositForm .input {
	width: 335px;
}

.accAddDepositPage .addDepositForm textarea.input {
	height: 60px;
}

.accAddDepositPage .addDepositForm .amount {
	width: 110px;
	background-image: url(images/icon_dollar.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	font-weight: 700;
	font-size: 17px;
	padding-left: 18px;
}

.accAddDepositPage .addDepositForm .dateDeposit {
	width: 110px;
	background-image: url(images/icon_calendar.png);
	background-repeat: no-repeat;
	background-position: 94% 50%;
}

.accAddDepositPage .addDepositForm li.btn-cmd {
	border-top: #ccc solid 1px;
	padding-top: 10px;
}
.accAddDepositPage .addDepositForm .liAchCustomInfo table {
	margin-left:204px;
	width:500px;
}
.accAddDepositPage .addDepositForm .liAchCustomInfo table td {
	padding-right:5px;
}
.accAddDepositPage .addDepositForm .liAchCustomInfo p {
	margin-right:0px !important;
	padding-right: 2px;
	display: inline-block;
}
.accAddDepositPage .addDepositForm .liAchCustomInfo p.state {
	width: 246px;
}
.accAddDepositPage .addDepositForm .liAchCustomInfo p.country {
	width:126px;
}
.accAddDepositPage .addDepositForm .liAchCustomInfo p.zipcode {
	width:108px;
}
.accAddDepositPage ul.checkboxlist {
	margin-left: 204px;
	max-height: 120px;
	overflow-y: auto;
	line-height:1em;
	border:#ccc solid 2px;
	padding:4px;
}
.accAddDepositPage .addDepositForm .note {
	width:596px;
}



/* Account - Payment */
/* --------------------------------------------------- */
#accPaymentPage {
	
}

#accPaymentPage .reportForm p.retailer {
	width: 150px;
}

#accPaymentPage .reportForm p.type {
	width: 100px;
}

#accPaymentPage .reportForm p.invoice {
	width: 120px;
}
/* Report page */
/* --------------------------------------------------- */
#reportPage {
	margin-top: 80px;
}

.reportPage .rTabs li a.active.repCommissions {
	padding-right: 6px;
}

.reportPage .rTabs li a.active.payment {
	padding-right: 6px;
}

.reportPage.tabReport .rTabs li a {
	padding: 8px 8px 8px 7px;
}
/* Report - Retailer Sales */
/* --------------------------------------------------- */
#repRetailerSalesPage .reportForm p.retailer {
	/*width: 130px;*/
}

#repRetailerSalesPage .reportForm p.type {
	width: 105px;
}
/* Report - Top-Up Sales */
/* --------------------------------------------------- */
#repTopupSalesPage .reportForm p.retailer {
	width: 130px;
}

#repTopupSalesPage .reportForm p.type {
	width: 105px;
}
/* Report - Distributor Sales */
/* --------------------------------------------------- */
#repDistributorSalesPage .reportForm p.product {
	width: 250px;
}
/* Retailer page */
/* --------------------------------------------------- */
#retailersPage {
	margin-top: 80px;
}
/* Retailer - Activity */
/* --------------------------------------------------- */
#retActivityPage .reportForm p.status {
	width: 200px;
}
/* Retailer - Activity */
/* --------------------------------------------------- */
#retSearchPage {
	
}

#retSearchPage .reportForm p {
	margin-right: 5px !important;
}

#retSearchPage .reportForm p.retailer {
	width: 120px;
}

#retSearchPage .reportForm p.status {
	width: 130px;
}

#retSearchPage .reportForm p.paymentType {
	width: 125px;
}
/* Transfer page */
/* --------------------------------------------------- */
#transferPage {
	margin-top: 80px;
}
/* Transfer Credit page */
/* --------------------------------------------------- */
#transCreditPage {
	
}

#transCreditPage .transferForm {
	width: 600px;
	margin: 0 auto;
}

#transCreditPage .transferForm label {
	width: 160px;
	display: inline-block;
}

#transCreditPage .transferForm .retailer {
	width: 435px;
}

#transCreditPage .transferForm .amount {
	width: 84px;
	background-image: url(images/icon_dollar.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	font-weight: 700;
	font-size: 17px;
	padding-left: 18px;
}

#transCreditPage .transferForm li.separation {
	margin-top: 20px;
}

#transCreditPage .transferForm li.button-cmd {
	border-top: #CCC solid 1px;
	padding-top: 10px;
}
/* eApp */
/* --------------------------------------------------- */
.l {
	float: left;
	width: 50%
}

.r {
	float: right;
	width: 50%;
	text-align: right;
}

.red {
	color: #F00;
}

.blue {
	color: #03C;
}

.w-80 {
	width: 80px !important;
}

.w-112 {
	width: 114px !important;
}

.w-120 {
	width: 120px !important;
}

.w-160 {
	width: 160px !important;
}

.w-173 {
	width: 173px !important;
}

.w-200 {
	width: 180px !important;
}

.w-220 {
	width: 220px !important;
}

#eapp-createPage ul.tabs li a {
	display: inline-block;
	margin-bottom: -1px;
	width: 135px;
}

#eapp-createPage ul.tabs li a.step-1 {
	width: 150px;
	white-space: nowrap;
}

@
-moz-document url-prefix () { #eapp-createPage ul.tabs li a.step-1 {
	padding-right:14px;
	
}

}
#eapp-createPage .xform .btn {
	min-width: 80px;
}

#eapp-createPage ul.tabs li a strong {
	display: block;
}

#eapp-createPage .tabbed_area .content {
	margin-top: -8px;
	overflow: hidden;
	clear: both;
}

#eaap-Page .page-buttons .button li a {
	width: 358px;
}

.button-Left {
	margin-top: 20px;
}

.button-Left ul li {
	margin-right: 10px;
	float: left;
	font-weight: normal;
}

.button-Right {
	margin-top: 20px;
	text-align: right;
}

.button-Right ul li {
	margin-left: 10px;
	float: right;
	width: 80px;
}

.button-Left li.note {
	clear: both;
}
/* eApp Step1 */
#eapp-s1 h3 {
	border-bottom: 1px #CCCCCC solid;
	margin: 0;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 14px !important;
	font-weight: normal !important;
	color: #333333;
}

#eapp-s1 textarea {
	text-align: justify;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: #222;
	outline: 0;
	border: 2px solid #ccc;
	border-radius: 0px;
	padding: .28em .4em .26em;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height: 130px;
	background-color: #f3f3f3;
}

.required {
	padding: 20px 10px;
	border-bottom: 1px #CCCCCC solid;
	text-align: right;
}

#eapp-s1.content .select-dist {
	margin-left: 0px;
	line-height: 2.1em;
	border-bottom: 1px #CCCCCC dotted;
	margin-right: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px !important;
}

#eapp-s1.content .eapp-s1-Form {
	margin-left: 10px;
	line-height: 2.1em;
	margin-right: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	border-bottom: 1px #CCCCCC dotted;
}

#eapp-s1.content .eapp-s1-Form .xform {
	/*width: 900px;
	margin-left: 76px;*/
}

#eapp-s1.content .eapp-s1-Form .xform li {
	list-style-type: none;
	clear: none;
	overflow: none;
	padding: 4px 0 2px;
	float: left;
	overflow: visible;
	position: relative;
	width: 440px;
}

#eapp-s1.content .eapp-s1-Form .xform li label {
	width: 100%;
	text-align: left;
	float: left;
	line-height: 14px;
	padding-top: 5px;
	color: #222;
}

#eapp-s1.content .eapp-s1-Form .xform li label.city {
	width: 120px;
	float: left;
}

#eapp-s1.content .eapp-s1-Form .xform li label.state {
	width: 120px;
	float: left;
}

#eapp-s1.content .eapp-s1-Form .xform li label.zip-Code {
	width: 120px;
	float: left;
}

#eapp-s1.content .eapp-s1-Form .xform li label.market {
	width: 182px;
	float: left;
}

#eapp-s1.content .eapp-s1-Form .xform li label.preferred {
	width: 173px;
	float: left;
}

#eapp-s1.content .eapp-s1-Form .xform li .txt {
	width: 394px;
	text-transform: uppercase;
}

#eapp-s1.content .select-Payment {
	margin-left: 10px;
	line-height: 2.1em;
	margin-right: 10px;
	padding-bottom: 10px;
	margin-bottom: 5px !important;
	margin-top: 10px;
	overflow: hidden;
}

#eapp-s1.content .select-Payment span {
	float: left;
	width: 200px;
}

#eapp-s1.content .select-Payment ul {
	float: left;
	width: 220px;
	background: url(images/line_step1.png) no-repeat right;
}

#eapp-s1.content .select-Payment ul li input[type="radio"] {
	margin: 3px 3px 3px 4px;
}

#eapp-s1.content .select-Payment #content-Radio {
	/*float: left;*/
	margin-left: 10px;
	line-height: 24px;
}

#eapp-s1.content #credit-Application {
	border: 1px #CCCCCC solid;
	margin-left: 10px;
	line-height: 2.1em;
	margin-right: 10px;
	padding: 10px;
	overflow: hidden;
	overflow: hidden;
}

#eapp-s1.content #credit-Application .formQuestion {
	background-color:#FFF;
	margin-bottom:10px;
}
#eapp-s1.content .linkDownload {
	margin-left:10px;
}
#eapp-s1.content .linkDownload li {
	line-height:1.5em;
	margin-left:30px;
	padding-bottom: 0px;
	list-style-type: disc;
}

ul.left_pages{
	display: inline-block;
	width:430px;
	float:left;
	margin-left:72px;
	margin-top: 20px;
}
ul.right_pages{
	display: inline-block;
	width:430px;
	float:right;
	margin-top: 20px;
}
.w-128{
	width:128px !important;
} 
.w-195{
	width:195px !important;
	}

#credit-Application ul {
	margin-left: 30px;
	padding-bottom: 10px;
	overflow: hidden;
	border-bottom: 1px #CCCCCC dotted;
	margin-bottom: 10px;
}

#credit-Application ul.Requested {
	margin-left: 0px
}

#credit-Application ul.Requested li span {
	margin-left: 10px;
	font-style: italic;
}

#credit-Application ul li label {
	width: 160px !important;
	float: left;
}

#credit-Application ul li span {
	margin-right: 20px;
}

#credit-Application ul li input[type="radio"] {
	margin: 3px 3px 3px 4px;
	width: 20px !important;
}

#eapp-s1.content #credit-Application ul li label input[type="radio"] {
	margin: 3px 3px 3px 4px;
}

#credit-Application ul li .line-2 .check-Box {
	margin: 3px 3px 3px 50px;
	width: 30px !important;
	float: left !important;
}

#eapp-s1.content #credit-Application .yes {
	margin-left: 6px;
	margin-right: 86px;
}

#eapp-s1.content #credit-Application .no {
	margin-left: 6px;
	margin-right: 86px;
}

#eapp-s1.content #credit-Application ul li label {
	text-align: right;
	width: 160px !important;
	display: inline-block;
	white-space:nowrap;
}

#eapp-s1.content #credit-Application ul li label.owner-2 {
	width: 77px !important;
}

#eapp-s1.content #credit-Application ul li .right-Birth {
	float: left;
	margin-left: 4px;
	width: 165px;
}

#eapp-s1.content #credit-Application ul li .right-Number {
	float: left;
	margin-left: 4px;
	width: 223px;
}

#eapp-s1.content #credit-Application ul li .right-Name {
	float: left;
	margin-left: 4px;
	width: 185px;
}

#eapp-s1.content #credit-Application ul li .right-Number span {
	margin-right: 0px;
}

#eapp-s1.content #credit-Application ul li div {
	/*float: left;*/
	line-height: 20px;
}

#eapp-s1.content #credit-Application ul li span.text-Name {
	width: 200px;
	margin-right: 0px;
}

.empty {
	height: 50px
}
/* eApp Step2 */
#eapp-s2 h3 {
	border-bottom: 1px #CCCCCC solid;
	margin: 0;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 14px !important;
	font-weight: normal !important;
	color: #333333;
}

#eapp-s2 .setup-Dist {
	background: url(images/step_1.gif) no-repeat left;
	padding-left: 45px;
	color: #06C;
	font-size: 18px;
	height: 32px;
	margin-left: 10px;
}

#eapp-s2 .setup-Dist1 {
	background: url(images/step_2.gif) no-repeat left;
	padding-left: 45px;
	color: #06C;
	font-size: 18px;
	height: 32px;
	margin-left: 10px;
	margin-top: 10px;
}

#eapp-s2 .setup-Dist2 {
	background: url(images/step_3.gif) no-repeat left;
	padding-left: 45px;
	color: #06C;
	font-size: 18px;
	height: 32px;
	margin-left: 10px;
	margin-top: 10px;
	clear: both;
}

#eapp-s2 .setup-Dist3 {
	background: url(images/step_4.gif) no-repeat left;
	padding-left: 45px;
	color: #06C;
	font-size: 18px;
	height: 32px;
	margin-left: 10px;
	margin-top: 10px;
}

#eapp-s2 .setup-Dist span {
	line-height: 30px;
}

#eapp-s2 .setup-Dist1 span {
	line-height: 30px;
}

#eapp-s2 .setup-Dist2 span {
	line-height: 30px;
}

#eapp-s2 .setup-Dist3 span {
	line-height: 30px;
}

#eapp-s2.content .eapp-s2-Form .xform {
	width: 900px;
	margin-left: 56px;
}

#eapp-s2.content .eapp-s2-Form ul.xform {
	overflow: hidden;
	padding-bottom: 10px;
}

#eapp-s2.content .eapp-s2-Form ul.xform li {
	float: left;
}

#eapp-s2.content .eapp-s2-Form .xform1 li {
	list-style-type: none;
	clear: none;
	overflow: none;
	padding: 4px 0 2px;
	float: left;
	overflow: visible;
	position: relative;
	width: 100%;
	margin-left: 56px;
	margin-top: 10px;
	margin-bottom:
}

#eapp-s2.content .eapp-s2-Form .xform li span {
	font-weight: normal;
}

#eapp-s2.content .eapp-s2-Form .xform li label {
	width: 100%;
	text-align: left;
	float: left;
	line-height: 14px;
	padding-top: 5px;
	color: #222;
}

#eapp-s2.content .eapp-s2-Form .xform li label.sub-Account {
	float: left;
	margin-right: 4px;
	width: 175px;
	white-space: nowrap;
	line-height: 22px;
}

#table-Topup {
	margin-left: 100px;
}
/* @-moz-document url-prefix() {
  #table-Topup {
     overflow: hidden;
  }
} */
#table-Topup .tblView {
	width:620px;
	max-height:300px;
	overflow-y:auto;
}
#table-Topup table {
	border: #CCC solid 1px;
}

#table-Topup table td {
	background: #555555;
	border-right: #ccc solid 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #FFF;
	font-weight: bold;
}

#table-Topup table td input xform {
	float: left;
	font-size: 16px;
	font-weight: 400;
	line-height: 1em;
	color: #222;
	outline: 0;
	background: #fff;
	border: 2px solid #ccc;
	border-radius: 0px;
	padding: .28em .4em .26em;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#table-Topup table td.column-1 {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#table-Topup table td.column-2 {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 140px;
}

#table-Topup table td.column-3 {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 140px;
}

#table-Topup table tr.r1 td {
	background-color: #f5f5f5;
	color: #333;
	font-weight: normal;
	padding-left: 5px;
}

#table-Topup table tr.r2 td {
	background-color: #FFF;
	color: #333;
	font-weight: normal;
	padding-left: 5px;
}

#philippines-Product.product-Phi {
	width: 900px;
	margin-left: 74px;
	margin-top: 6px;
	line-height: 40px;
	overflow: hidden;
	border-bottom: 1px #CCCCCC dotted;
	overflow: hidden;
	padding-bottom: 10px;
}

#philippines-Product.product-Phi .Kumusta {
	width: 144px;
	float: left;
	margin-right: 5px;
	line-height: 23px;
}

.xform2 {
	border-bottom: 1px #CCCCCC dotted;
	padding-bottom: 10px;
}

.xform2 ul {
	margin-left: 308px;
	overflow: hidden;
	margin-right: 200px;
	border-bottom: 1px #CCCCCC dotted;
}

.xform2 ul li {
	width: 200px;
	float: left;
	overflow: hidden;
	margin-right: 6px;
}

#number-Accountt.accountt-Number {
	width: 900px;
	margin-left: 74px;
	margin-top: 6px;
	line-height: 40px;
	overflow: hidden;
	border-bottom: 1px #CCCCCC dotted;
	overflow: hidden;
	padding-bottom: 10px;
}

#number-Accountt.accountt-Number .Kumusta {
	width: 144px;
	float: left;
	margin-right: 5px;
	line-height: 23px;
}
/* eApp Step3 */
#eapp-s3 h3 {
	border-bottom: 1px #CCCCCC solid;
	margin: 0;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 14px !important;
	font-weight: normal !important;
	color: #333333;
}

#table-Fax {
	overflow: hidden;
	margin:auto;
	width:1000px;	
	margin-bottom: 20px;
}

#table-Fax table {
	border: #CCC solid 1px;
	margin-bottom: 5px;
}

#table-Fax table td {
	background: #555555;
	border-right: #ccc solid 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #FFF;
	font-weight: bold;
}

#table-Fax table td input {
	float: left;
	font-size: 16px;
	font-weight: 400;
	line-height: 1em;
	color: #222;
	outline: 0;
	background: #fff;
	border: 2px solid #ccc;
	border-radius: 0px;
	padding: .28em .4em .26em;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#table-Fax table td.column-1 {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#table-Fax table td.column-2 {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 60px;
	text-align: center;
}

#table-Fax table td.column-3 {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 400px;
}

#table-Fax table tr.r1 td {
	background-color: #f5f5f5;
	color: #333;
	font-weight: normal;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#table-Fax table tr.r2 td {
	background-color: #FFF;
	color: #333;
	font-weight: normal;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#table-Fax table td .btn-gray {
	background-color: #CCC;
	color: #000;
	margin-right: 4px;
}

#table-Fax table td .btn:hover {
	opacity: 0.9;
	filter: alpha(opacity = 90);
}

#table-Fax .btn {
	padding: 8px 15px;
	font-weight: 400;
	border: none;
}

#table-Fax .btn-blue {
	background-color: #0068c3;
	color: #FFF;
}
/* eApp Step4 */
#eapp-s4 h3 {
	border-bottom: 1px #CCCCCC solid;
	margin: 0;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 14px !important;
	font-weight: normal !important;
	color: #333333;
}

#eapp-s4 .setup-Note {
	margin-left: 10px;
	line-height: 2.1em;
	border-bottom: 1px #CCCCCC dotted;
	margin-right: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px !important;
}

#eapp-s4 .setup-Note span {
	font-weight: bold;
}

#eapp-s4 textarea {
	text-align: justify;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: #222;
	outline: 0;
	border: 2px solid #ccc;
	border-radius: 0px;
	padding: .28em .4em .26em;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height: 130px;
	background-color: #f3f3f3;
}

#eapp-s4 .term {
	border: 2px solid #ccc;
	background-color: #f3f3f3;
	padding: .28em .4em .26em;
	height: 130px;
	overflow-y: auto;
	line-height: 20px;
}

#eapp-s4.content .eapp-s4-Form {
	margin-left: 10px;
	line-height: 2.1em;
	margin-right: 10px;
	padding-bottom: 10px;
	overflow: hidden;
}
/* eApp Step5 */
#eapp-s5 h3 {
	border-bottom: 1px #CCCCCC solid;
	margin: 0;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 14px !important;
	font-weight: normal !important;
	color: #333333;
}

#eapp-s5 .setup-Information {
	padding-left: 10px;
	color: #06C;
	font-size: 18px;
	height: 32px;
	margin-left: 10px;
}

#eapp-s5.content .eapp-s5-Form {
	font-size: 15px;
	border-bottom: 1px #CCCCCC solid;
	overflow: hidden;
	width: 930px;
	margin: 0 auto;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

#eapp-s5.content .eapp-s5-Form strong {
	text-transform:uppercase;
}

#eapp-s5.content .l ul {
	margin-left: 0px !important;
}

#eapp-s5.content .r ul {
	margin-left: 0px !important;
}

#eapp-s5.content .eapp-s5-Form label {
	width: 180px;
	display: inline-block;
}

#eapp-s5.content .sale-Method {
	font-size: 15px;
	border-bottom: 1px #CCCCCC solid;
	overflow: hidden;
	width: 930px;
	margin: 0 auto;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

#eapp-s5.content .sale-Method label {
	width: 180px;
	display: inline-block;
	white-space: nowrap;
}

#eapp-s5.content ul {
	line-height: 2.0em;
	text-align: left; ! important;
	margin-left: 20px;
	margin-right: 20px;
}

#eapp-s5.content li {
	line-height: 2.0em;
}

#table-Method {
	margin-left: 20px;
	overflow: hidden;
	float: left;
}

#table-Method table {
	border: #CCC solid 1px;
}

#table-Method table td {
	background: #555555;
	border-right: #ccc solid 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #FFF;
	font-weight: bold;
}

#table-Method table td.column-1 {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 30px;
	text-align: center;
}

#table-Method table td.column-2 {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}

#table-Method table td.column-3 {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}

#table-Method table td.column-4 {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}

#table-Method table tr.r1 td {
	background-color: #f5f5f5;
	color: #333;
	font-weight: normal;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#table-Method table tr.r2 td {
	background-color: #FFF;
	color: #333;
	font-weight: normal;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#products-Discounts {
	margin-left: 20px;
	overflow: hidden;
/* 	float: left; */
}

#products-Discounts table {
	border: #CCC solid 1px;
	margin-bottom: 20px;
}

#products-Discounts table td {
	background: #555555;
	border-right: #ccc solid 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #FFF;
	font-weight: bold;
}

#products-Discounts table td.column-1 {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	width: 30px !important;
	text-align: center
}

#products-Discounts table td.column-2 {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	width: 12%;
}

#products-Discounts table td.column-3 {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	width: 13%;
}

#products-Discounts table td.column-4 {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	width: 20%;
}

#products-Discounts table tr.r1 td {
	background-color: #f5f5f5;
	color: #333;
	font-weight: normal;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#products-Discounts table tr.r2 td {
	background-color: #FFF;
	color: #333;
	font-weight: normal;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
/* eApp Step6 */
#eapp-s6 h3 {
	border-bottom: 1px #CCCCCC solid;
	margin: 0;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 14px !important;
	font-weight: normal !important;
	color: #333333;
}

#table-Retailer {
	margin-left: 20px;
	overflow: hidden;
}

#table-Retailer table {
	border: #CCC solid 1px;
	margin-bottom: 5px;
}

#table-Retailer table td {
	background: #555555;
	border-right: #ccc solid 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #FFF;
	font-weight: bold;
}

#table-Retailer table td input {
	float: left;
	font-size: 16px;
	font-weight: 400;
	line-height: 1em;
	color: #222;
	outline: 0;
	background: #fff;
	border: 2px solid #ccc;
	border-radius: 0px;
	padding: .28em .4em .26em;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#table-Retailer table td.column-1 {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 25%;
}

#table-Retailer table td.column-2 {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	wiwidth: 25%;
}

#table-Retailer table td.column-3 {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 25%;
}

#table-Retailer table td.column-4 {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 25%;
}

#table-Retailer table tr.r1 td {
	background-color: #f5f5f5;
	color: #333;
	font-weight: normal;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#table-Retailer table tr.r2 td {
	background-color: #FFF;
	color: #333;
	font-weight: normal;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#table-Retailer table td .btn-gray {
	background-color: #CCC;
	color: #000;
	margin-right: 4px;
}

#table-Retailer table td .btn:hover {
	opacity: 0.9;
	filter: alpha(opacity = 90);
}

#table-Retailer .btn {
	padding: 8px 15px;
	font-weight: 400;
	border: none;
}

#table-Retailer .btn-blue {
	background-color: #0068c3;
	color: #FFF;
	margin-right: 18px;
}
/* eApp Introduction */
#eapp-s1.content .select-Introduction {
	margin-left: 10px;
	line-height: 2.1em;
	margin-right: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px !important;
}
/* eApp Status */
#billpaymentStatusPage {
	margin-top: 80px;
}

#billpaymentStatusPage .tabbed_area .content {
	overflow: visible;
}

#eapp-s1.content .text-Top {
	float: left;
	width: 684px;
	margin-bottom: 10px;
	line-height: 30px;
}

#eapp-s1.content .text-Top span {
	width: 200px;
	float: right;
}

#eapp-s1.content .text-Right {
	width: 250px;
	loat: left;
	margin-bottom: 10px;
	line-height: 30px;
}

#eapp-s1.content .text-Right span {
	width: 200px;
	float: right;
}
/* Starting-eApp */
#eapp-s1.content ul.text-Starting {
	border-bottom: 1px #CCCCCC solid;
}

#eapp-s1.content ul.text-Starting li label {
	margin-bottom: 10px;
	line-height: 30px;
	overflow: hidden;
	width: 508px;
	float: left;
}

#eapp-s1.content .text-Starting li span {
	width: 200px;
}

#eapp-s1.content .eapp-s1-Starting {
	margin-left: 10px;
	line-height: 2.1em;
	margin-right: 10px;
	overflow: hidden;
}

#eapp-s1.content .eapp-s1-Starting ul {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}

#eapp-s1.content .eapp-s1-Starting ul li {
	border-bottom: 1px #CCCCCC dotted;
	height: 50px;
}

#eapp-s1.content .eapp-s1-Starting label.login-Id {
	width: 218px;
	float: left;
}

#startingPage.starting .page-buttons {
	margin-left: 110px;
}

#startingPage.starting .page-buttons .button li {
	width: 360px;
}

#startingPage.starting .page-buttons .button li span {
	font-size: 15px;
}

#startingPage.starting .page-buttons .button li a {
	width: 380px;
	padding-top: 16px;
	height: 40px;
}

#startingPage.starting .page-buttons .button li.download {
	background-image: url(images/btn_download.png);
}

#startingPage.starting .page-buttons .button li.setup {
	background-image: url(images/btn_setup.png);
}
/* Application form-eApp */
#eapp-s2.content .eapp-s1-Starting {
	margin-left: 10px;
	line-height: 2.1em;
	margin-right: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	border-bottom: 1px #CCCCCC dotted;
}
#eapp-s2.content .eapp-s1-Starting ul.upForm {
	margin-top: 8px;
}
#eapp-s2.content .eapp-s1-Starting ul {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}

#eapp-s2.content .eapp-s1-Starting ul li {
	border-top: 1px #CCCCCC dotted;
	clear: both;
}

#eapp-s2.content .eapp-s1-Starting ul p {
	width: 800px;
	float: left;
	font-weight: bold;
	margin-left: 10px !important;
	margin-right: 18px;
}

#eapp-s2.content .eapp-s1-Starting ul li span {
	text-align: right;
	float: right;
	background: url(images/icon_download.png) no-repeat left;
	padding-left: 25px;
	font-weight: bold;
}
#eapp-s2.content .eapp-s1-Starting ul.upForm .desc {
	padding-left: 30px;
	margin-top: -10px;
}
#eapp-s2.content .eapp-s1-Starting ul li strong {
	display: block;
}
/*Set up Commission */
#eapp-s3 .setup-Dist {
	background: url(images/step_1.gif) no-repeat left;
	padding-left: 45px;
	color: #06C;
	font-size: 18px;
	height: 32px;
	margin-left: 10px;
}

#eapp-s3 .setup-Dist span {
	line-height: 30px;
}

#eapp-s3 .eapp-s4-Form ul.xform li {
	overflow: hidden;
	padding-bottom: 10px;
	margin-right: 20px;
	float: left;
}

#eapp-s3 .eapp-s4-Form ul.xform li.text-Id {
	width: 100%
}

#eapp-s3 .eapp-s1-Starting p {
	width: 50%;
	float: left;
	margin-left: 30px;
	clear: both;
}

#eapp-s3 .eapp-s4-Form ul.xform li label {
	padding-left: 6px;
}

#eapp-s3 .eapp-s4-Form ul.xform li label.login-Id {
	width: 218px;
	float: left;
	padding-top: 6px;
}

#eapp-s3 .eapp-s4-Form ul.xform li p {
	float: left;
	margin-right: 10px;
	margin-left: 6px;
	margin-bottom: 20px;
}

#eapp-s3 .eapp-s4-Form {
	padding-left: 56px;
	padding-right: 10px;
	padding-top: 15px;
	overflow: hidden;
}

#eapp-s3 .setup-Dist1 {
	background: url(images/step_2.gif) no-repeat left;
	padding-left: 45px;
	color: #06C;
	font-size: 18px;
	height: 32px;
	margin-left: 10px;
	margin-top: 10px;
}

#eapp-s3 .setup-Dist1 span {
	line-height: 30px;
}

#eapp-s3 .eapp-s1-Starting {
	margin-left: 56px;
	line-height: 2.1em;
	margin-right: 10px;
	padding-bottom: 10px;
	overflow: hidden;
}

#eapp-s3 .eapp-s1-Starting ul {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}
#eapp-s3 .eapp-s1-Starting ul.upForm {
	margin-top: 8px;
}
#eapp-s3 .eapp-s1-Starting ul.upForm label {
	
	width: 100%;
}
#eapp-s3 .eapp-s1-Starting ul.upForm label p {
	float: left;
	width: 62%;
	font-weight: bold;
	margin-left: 10px !important;
	margin-right:18px;
}
#eapp-s3 .eapp-s1-Starting ul.upForm .docs {
	display: inline;
	float: right;
}
#eapp-s3 .eapp-s1-Starting ul.upForm .desc {
	padding-left: 30px;
	margin-top: -10px;
	clear: both;
}
#eapp-s3 .eapp-s1-Starting ul li {
	overflow-y: hidden;
}
#eapp-s3 .eapp-s1-Starting ul li span.download {
	text-align: right;
	background: url(images/icon_download.png) no-repeat left;
	font-weight: bold;
	padding-left: 25px;
	margin-right:18px;
}
#eapp-s3 .eapp-s1-Starting ul li span.upload {
	text-align: right;
	font-weight: bold;
}
#eapp-s3 .eapp-s1-Starting ul li span.upload button, #eapp-s3 .eapp-s1-Starting ul li span.upload input, #eapp-s3 .eapp-s1-Starting ul li span.upload select, #eapp-s3 .eapp-s1-Starting ul li span.upload textarea {
	border: 2px #CCCCCC solid;
	width: 300px;
}
#eapp-s3 .eapp-s1-Starting ul li {
	border-top: 1px #CCCCCC dotted;
	clear: both;
}

#eapp-s3 .eapp-s1-Starting ul li {
	border-bottom: 1px #CCCCCC dotted;
	clear: both;
}

#eapp-s3.content .eapp-s1-Starting ul li strong {
	display: block;
}

#eapp-s3 .setup-Dist2 {
	background: url(images/step_3.gif) no-repeat left;
	padding-left: 45px;
	color: #06C;
	font-size: 18px;
	height: 32px;
	margin-left: 10px;
	margin-top: 10px;
}

#eapp-s3 .setup-Dist2 span {
	line-height: 30px;
}

#eapp-s3 .eapp-s4-Form {
	margin-left: 56px;
	margin-right: 10px;
	margin-top: 15px;
	overflow: hidden;
}

#eapp-s3 .eapp-s4-Form ul.xform li label.commission {
	float: none;
	padding-left: 0px;
}

#eapp-s3 .eapp-s4-Form ul.xform li label.credit-Limit {
	float: none;
	padding-left: 0px;
}

.line-bottom {
	border-bottom: 1px #CCCCCC solid;
}

.contact-bottom {
	text-align: center;
	line-height: 20px;
	padding-top: 10px;
}

.contact-bottom span {
	font-weight: bold;
	color: #06C;
	font-size: 15px;
}

.contact-bottom a {
	font-weight: bold;
	color: #06C;
}
/* eaap-Page*/
#eaap-Page h3 {
	border: 0px
}

#eaap-Page .line-bottom {
	margin-bottom: 20px;
}

#eaap-Page .page-buttons .button {
	margin-left: 130px;
}

#eaap-Page .page-buttons .button li {
	width: 360px;
	margin-bottom: 20px;
	margin-top: 20px;
}

#eaap-Page .page-buttons .button li.eapp-Application {
	background-image: url(images/btn_download.png);
}

#eaap-Page .page-buttons .button li.bills-Application {
	background-image: url(images/btn_download.png);
}

#eaap-Page .page-buttons .button li.eapp-Status {
	background-image: url(images/btn_setup.png);
}

#eaap-Page .page-buttons .button li.bills-Status {
	background-image: url(images/btn_setup.png);
}

.hide {
	display: none;
}

#eapp-createPage ul.tabs li.hidden {
	display: none;
}

#eapp-createPage .hidden {
	display: none;
}

/* Trung update - 20130521 */
/* loader; */
/* --------------------------------------------------- */
.imgLoader {
	background-image: url(images/loader.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#dashBoard .imgLoader {
	padding-top: 35%;
}

#dialog-loader .imgLoader {
	margin-top: 10%;
}

#dialog-loader .imgLoader p {
	padding-top: 50px;
	padding-bottom: 20px;
	text-align: center;
}

.dialog-alert {
	
}

.dialog-content p {
	background-position: left;
	background-repeat: no-repeat;
	min-height: 70px;
	padding-left: 100px;
	margin-left: 10px;
}

.dialog-content p.info {
	background-image: url(images/icon_info.png);
}

.dialog-content p.warning {
	background-image: url(images/icon_warning.png);
}

.dialog-content p.question {
	background-image: url(images/icon_question.png);
}

#transCreditPage .transferForm label.extNote {
	vertical-align: top;
}

#transCreditPage .transferForm div.extNote {
	display: inline-block;
	width: 435px;
}

#transCreditPage .transferForm div.extNote textarea {
	margin-bottom: 5px;
	font-size: 14px;
	font-family: 'Open Sans', Arial, sans-serif;
	line-height: 1.5em;
	height: 60px;
}

#transCreditPage .transferForm div.extNote .btn {
	padding: 5px 12px;
}

/* Retailer - Retailer Details */
/* --------------------------------------------------- */
#retDetailsPage {
	
}

#retDetailsPage .reportPage .rTabs li a.retailerDetails {
	background-color: #ffffff;
	color: #282e32;
	border: 1px solid #ccc;
	border-bottom: none;
	font-weight: 700;
}

#retDetailsPage .retailer-info {
	width: 395px;
	display: inline-block;
}

#retDetailsPage .retailer-info li {
	border-bottom: #CCC solid 1px;
	line-height: 2.2em;
}

#retDetailsPage .retailer-info label {
	width:130px;
	display:inline-block;
	vertical-align:top;
}

#retDetailsPage .retailer-info strong {
	font-weight:700;
	width: 258px;
	display: inline-block;
	line-height:1.5em;
}

#retDetailsPage .sale-report {
	width: 510px;
	float: right;
}

#retDetailsPage .sale-report ul.tabs li {
	margin-top: -2px;
}

#retDetailsPage .sale-report ul.tabs li a {
	width: 225px;
	display: inline-block;
	text-align: center;
}

#retDetailsPage .sale-report ul.tabs li a.last {
	width: 226px;
}

#retDetailsPage .sale-report .tabbed_area .contentActive {
	clear: both;
}

#retDetailsPage .sale-report .tabbed_area .content {
	border-top: none;
	min-height: 242px;
}

#retDetailsPage .sale-report .map {
	border: #ccc solid 1px;
	margin-top: 10px;
}

#retDetailsPage .xform-cmd {
	text-align: left;
	margin-top: 20px;
}

.dialog-resetPass .xform label {
	display: inline-block;
	width: 150px;
}

.dialog-resetPass .xform input.password {
	width: 170px;
}

.dialog-increaseCredit .xform label {
	display: inline-block;
	width: 160px;
}

.dialog-increaseCredit .xform input.credit {
	width: 170px;
}

.reportPage .rTabs li {
	line-height: 37px;
}

.reportPage .rTabs {
	overflow: hidden;
	height: auto;
	margin-bottom: 0px;
	background-color: #666;
}

.reportPage.tabReport .rTabs li a {
	border-bottom: #333 solid 1px;
}

.reportForm {
	clear: both;
	margin-top: 0px;
}

.reportForm .box {
	border-top: none;
}

.reportPage .rTabs li a.active {
	border-bottom: none !important;
}


.content-holder {
                text-align:justify;
}
.content-holder h1,
.content-holder h2 {
                border:none;
                margin:0;
                padding:0;
 
}
.content-holder h1 {
                padding-bottom:10px;
}
.content-holder p {
                margin:0;
                padding:0;
                padding-bottom:10px;
}
.content-holder ul {
                list-style: disc outside none;
                margin-left: 2em;
                margin-bottom: .4em;
}
/* Summary Report */
#repSummaryReportPage .reportForm .checkList {
	height: 100px;
	overflow-y: auto;
	width: 306px;
	border: #ccc solid 1px;
	padding: 3px;
	display:block;
	margin-bottom:4px;
	float:left;
	margin-right: 7px;
}
#repSummaryReportPage .reportForm .checkList li {
	line-height:1.5em;
}
#repSummaryReportPage .reportForm .checkList li {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
#repSummaryReportPage .reportForm p.retailer_summary {
	width: 180px;
}
.w-88{
	width:132px !important;
}
.page-buttons .button li.sumReport {
	background-image: url(images/btn_sumReport.png);
}
.page-buttons .button li.pinlessreport {
	background-image: url(images/btn_pinlessReport.png);
}
.viewby-Graph{ 
   text-align:right;
   float:right;
   font-weight: 400;
   padding: 7px 15px;
    
}
#dialog-viewbygraph ul.xform, #dialog-viewbygraph-Pinless ul.xform, #dialog-viewbygraph-ITU ul.xform, #dialog-viewbygraph-DTU ul.xform, #dialog-viewbygraph-Billmex ul.xform{
   text-align:center
}
.w-145{
	width:145px !important;
}
li.left_pages {
	display: inline-block;
}

li.right_pages {
	display: inline-block;
}

.table_color {
	border: 1px solid #ccc;
	display: inline-block;
	clear: both;
	position: relative;
	bottom: -12px;
}

.table_color td {
	padding-top: 2px;
	padding-bottom: 2px;
}

.table_color td, .table_color th {
	font-size: 11px;
	line-height: 13px;
	border-bottom: 1px solid #eee;
	vertical-align: top;
	padding: 4px;
}

.table_color .table_line {
	padding: 1px;
	border: 1px solid #ccc;
}

.table_color .table_linecolor {
	display: block;
	height: 11px;
	width: 11px;
}

.table_color .color_FFDA {
	background-color: #FFDADA;
	display: block;
	height: 11px;
	width: 11px;
}

.table_color .color_DAFF {
	background-color: #DAFFDA;
	display: block;
	height: 11px;
	width: 11px;
}

.table_color .color_FFB2 {
	background-color: #FFB2B2;
	display: block;
	height: 11px;
	width: 11px;
}

.table_color .color_B2FF {
	background-color: #B2FFB2;
	display: block;
	height: 11px;
	width: 11px;
}

.table_color .color_FF66 {
	background-color: #FF6666;
	display: block;
	height: 11px;
	width: 11px;
}

.table_color .color_66FF {
	background-color: #66FF66;
	display: block;
	height: 11px;
	width: 11px;
}

.table_color .color_FF00 {
	background-color: #FF0000;
	display: block;
	height: 11px;
	width: 11px;
}

.table_color .color_00FF {
	background-color: #00FF00;
	display: block;
	height: 11px;
	width: 11px;
}

.ui-jqgrid td>span.d25 {display:block; background-color:#FFDADA;}
.ui-jqgrid td>span.d50 {display:block; background-color:#FFB2B2;}
.ui-jqgrid td>span.d75 {display:block; background-color:#FF6666;}
.ui-jqgrid td>span.d100 {display:block; background-color:#FF0000; color:#FFF;}

.ui-jqgrid td>span.i25 {display:block; background-color:#DAFFDA;}
.ui-jqgrid td>span.i50 {display:block; background-color:#B2FFB2;}
.ui-jqgrid td>span.i75 {display:block; background-color:#66FF66;}
.ui-jqgrid td>span.i100 {display:block; background-color:#00FF00; color:#000;}

/* End Summary Report */

.ui-progressbar-value {height: 22px}
.ui-dialog {z-index:9999;}
.ui-widget-content a {color: #5B80B2;}


/* Training Tracking */
/* --------------------------------------------------- */
#nav li {
	padding: 7px 5px;
}
.page-buttons .button li.tt_eapp {
	background-image: url(images/btn_download.png);
}
.page-buttons .button li.tt_eapp_status {
	background-image: url(images/btn_setup.png);
}
.page-buttons .button li.tt_eapp_status a {
	padding-top:18px;
}
.page-buttons .button li.tt_reportSum {
	background-image: url(images/btn_activity.png);
}
.page-buttons .button li.tt_reportSum a {
	padding-top: 17px;
	font-size: 16px;
}
.page-buttons .button li.tt_reportDetail {
	background-image: url(images/btn_retailersale.png);
}
.page-buttons .button li.tt_reportDetail a {
	padding-top:18px;
}

#trainer-eapp { }
#trainer-eapp .xform li label {
	text-transform: none;
}
#trainer-eapp .step {
	text-align: center;
	margin: 10px 0;
	padding-bottom: 20px;
	border-bottom: #ccc solid 1px;
}
#trainer-eapp .step p {
	background-image: url(/media/dms2/images/tt_stepBg.png);
	background-repeat: repeat-x;
	text-align: center;
	height: 40px;
}
#trainer-eapp .step strong {
	height: 40px;
	display: inline-block;
	width: 250px;
	font-size: 16px;
	vertical-align: top;
	padding-top: 10px;
	color: #666;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#trainer-eapp .step p span {
	display: inline-block;
	height: 40px;
}
#trainer-eapp .step p span.cur {
	background-image: url(/media/dms2/images/tt_stepCur.png);
	background-repeat: no-repeat;
	color: #FFF;
	vertical-align: top;
	width: 40px;
	font-weight: 700;
	font-size: 24px;
	padding-top: 8px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#trainer-eapp .step p span.arrow {
	background-image: url(/media/dms2/images/tt_stepArrow.png);
	width: 10px;
}

#trainer-eapp .step p.active {
	background-image: url(/media/dms2/images/tt_stepBg_active.png);
}
#trainer-eapp .step p.active strong {
	color: #0068c3;
}
#trainer-eapp .step p.active span.cur {
	background-image: url(/media/dms2/images/tt_stepCur_active.png);
}
#trainer-eapp .step p.active span.arrow {
	background-image: url(/media/dms2/images/tt_stepArrow_active.png);
}

#trainer-eapp .trainer-info {
	padding: 20px;
	padding-top: 0px;
	width:1000px;
	margin:auto;
}
#trainer-eapp .trainer-info .get-info {
	border-bottom: #ccc solid 1px;
	margin-bottom: 20px;
}
#trainer-eapp .trainer-info .info {
	margin-left: 100px;
	margin-bottom: 20px;
}
#trainer-eapp .trainer-info .info li {
	line-height: 1.8em;
	margin-left: 20px;
}

#trainer-eapp .trainer-info .info li strong {
	text-transform: uppercase;
}

#trainer-eapp .trainer-info input, #trainer-eapp .trainer-info select  {
	text-transform: uppercase;
}

#trainer-eapp .trainer-info .info li.h1 {
	font-size: 18px;
	font-weight: 700;
	margin-left: 0px;
}
#trainer-eapp .trainer-info .info li label {
	width: 150px;
	display: inline-block;
}
#trainer-eapp .trainer-info .info li p {
	margin-right: 30px !important;
}
#trainer-eapp .trainer-info .info li p.col1 {
	width: 300px;
}
#trainer-eapp .trainer-info .enter-info {

}
#trainer-eapp .trainer-info .enter-info li {
	margin-left: 30px;
	padding-bottom: 5px;
}
#trainer-eapp .trainer-info .enter-info li.h1 {
	font-weight: 700;
	font-size: 16px;
	margin-left: 0px;
}
#trainer-eapp .trainer-info .enter-info li.h1 label {
	font-weight: 400;
	font-size: 14px;
	display: inline-block;
	margin-left: 30px;
}
#trainer-eapp .trainer-info .enter-info li p {
	width: 320px;
	margin-right: 30px !important;
}
#trainer-eapp .trainer-info .enter-info span {
	display: inline-block;
}
#trainer-eapp .trainer-info .enter-info .city {
	width: 150px;
}
#trainer-eapp .trainer-info .enter-info .state {
	width: 80px;
}
#trainer-eapp .trainer-info .enter-info .zipcode {
	width: 82px;
}
#trainer-eapp .checklist {
	width:1000px;
	margin:auto;
}
#trainer-eapp .checklist .xform li {
	margin-left: 30px;
}
#trainer-eapp .checklist .xform li.h1 {
	margin-left: 0px;
	font-weight: 700;
	font-size: 16px;
	margin-top: 20px;
}
#trainer-eapp .checklist p.date {
	width: 259px;
}
#trainer-eapp .checklist p.date input {
	width: 150px;
}
#trainer-eapp .checklist p.time {
	width: 180px;
}
#trainer-eapp .checklist p.time .h {
	width: 70px;
}
#trainer-eapp .checklist p.time .m {
	width: 70px;
}
#trainer-eapp .checklist label {
	margin-right: 20px;
}
#trainer-eapp .checklist label.label {
	width: 250px;
	display: inline-block;
}
#trainer-eapp .checklist input.txt,
#trainer-eapp .checklist textarea.txt {
	width: 630px;
}

#trainer-eapp .checklist .alignRight {
	text-align: right;
}
#trainer-eapp .checklist li.full label.label {
	width: 520px;
}
#trainer-eapp .checklist li.keySelling label.inline {
	width: 270px;
}

#trainer-reportSum {}
#trainer-reportSum .xform label {
	display: inline-block;
	margin-right: 20px;
}
#trainer-reportSum .xform .year {
	width: 140px;
}
#trainer-reportSum .xform .quart {
	width: 190px;
}
#trainer-reportSum .tblReport {
	margin-top: 20px;
}
#trainer-reportSum .tblReport td,
#trainer-reportSum .tblReport th {
	padding: 3px 3px;
}
#trainer-reportSum .tblReport tr {
	border-bottom: #ccc solid 1px;
}
#trainer-reportSum .tblReport td {
	border-right: #ccc solid 1px;
	border-left: #ccc solid 1px;
}
#trainer-reportSum .tblReport tr:last-child {
	border-bottom: #ccc solid 1px;
}
#trainer-reportSum .tblReport th {
	background-color: #0068c3;
	color: #FFF;
	border-right: #FFF solid 1px;
}

#trainer-reportSum .tblReport .none {
	background-color: #FFF;
	border: none !important;
}
#trainer-reportSum .tblReport .noneBg {
	background-color: #FFF;
}
#trainer-reportSum .tblReport .noneBorder {
	border-top: none;
}
#trainer-reportSum .tblReport .total{
	border-top: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
}
#trainer-reportSum .tblReport .col1 {
	width: 195px;
}
#trainer-reportSum .tblReport .col2 {
	width: 304px;
}
#trainer-reportSum .tblReport .total {
	text-align: center;
	font-weight: 700;
}
#trainer-reportSum .tblReport .bonus {
	border-bottom: #FFF solid 1px;
}

#trainer-reportDetail {}
#trainer-reportDetail .reportForm p.date {
	width: 145px;
}
#trainer-reportDetail .reportForm .multiDetail {
	margin: 10px 0;
}
.dialog-trainee .xform .date {
	background-image: url(images/icon_calendar.png);
	background-repeat: no-repeat;
	background-position: 94% 50%;
}
.dialog-trainee .xform li {
	margin-left: 30px;
}
.dialog-trainee .xform li.h1 {
	margin-left: 0px;
	font-size: 15px;
	font-weight: 700;
}
.dialog-trainee .xform li.xform-cmd {
	margin-left: 0;
}
.dialog-trainee .xform p {
	display: inline-block;
	margin: .5em 0 0;
	margin-right: .5em;
}
.dialog-trainee .xform input {
	padding: .2em .3em .2em;
}
.dialog-trainee .xform .btn {
	padding: 6px 15px;
}
.dialog-trainee .xform label {
	width: 450px;
	display: inline-block;
}
.dialog-trainee .xform .date {
	width: 140px;
}
.dialog-trainee .xform .cycle {
	width: 140px;
}
.dialog-trainee .xform .numCycle {
	width: 140px;
}
.dialog-trainee .view-graph {
	margin-top: 10px;
	padding-top: 10px;
	border-top: #CCC solid 1px;
}

#dashBoard.site-content,
#homePage.site-content {
	width:1000px;
}
#RetailerInformationForm,
#eapp-s1.content .linkDownload,
#eapp-s2.content .eapp-s2-Form,
#eapp-s4 .setup-Note,
#eapp-s4.content .eapp-s4-Form,
#eapp-s5 .setup-Information,
.wrap1000,
#eapp-s1.content .eapp-s1-Starting,
#close-Step,
#startingPage.starting,
#eapp-s2.content .eapp-s1-Starting,
#eapp-s3 .setup-Dist,
#eapp-s3 .eapp-s4-Form,
#eapp-s3 .setup-Dist1,
#eapp-s3 .setup-Dist2,
.contact-bottom {
	width:1000px;
	margin:auto;
}

.xform .disable {
background-color:#f0f0f0 !important;
}

/* Phone Card */
/* --------------------------------------------------- */

#phonecardPage {
	margin-top: 80px;
}
.page-buttons .button li.pcActiDetails {
	background-image: url(images/btn_activation.png);
}
.page-buttons .button li.pcActiDetails a {
	padding-top: 17px;
}
.page-buttons .button li.pcActiSum {
	background-image: url(images/btn_pcSum.png);
}
.page-buttons .button li.pcActiSum a {
	padding-top: 17px;
}
.page-buttons .button li.pcFirstUsage {
	background-image: url(images/btn_pcUsage.png);
}
#pcActiDetails .reportForm p.date {
	width: 150px;
}
#pcActiDetails .reportForm p.retailer {
	width: 150px;
}
#pcActiDetails .reportForm p.product {
	width: 300px;
}

#pcActiSum .reportForm p.period {
	width: 120px;
}

#pcFirstUsage .reportForm p.status {
	width: 450px;
}
#pcFirstUsage .reportForm p.status label.status {
	display: inline-block;
	margin-right: 10px;
	margin-top: 3px;
}

#pcFirstUsage h4 {
	padding-bottom: 0;
	margin-top: 20px;
}

input::-ms-clear, input::-ms-reveal{
    display:none;
}

.dialog #frmEditRetailer .xform {
    width: 470px;
}

.dialog #frmEditRetailer .xform label { 
	display: inline-block; 
	width: 150px;
}

.dialog #frmEditRetailer .xform input { 
	width: 300px;
}

.parentFormfrmEditRetailer {
	margin-left: -176px;
}

/* Product tab icon (Font Awesome shopping-cart \f07a) */
.icon-product:before {
    content: "\f07a";
}