/* =============================================================================
   LAST USER: Eduardo Zamora
      
   LAST MODIFICATION: 20/08/13 - 01:43  PM
   ========================================================================== */
/* FORM */
#PageContent .textblue {
	font-size: 18px !important;
	font-weight: bold !important;
	color: #138BCC !important;
}
.blueSmall_btn.littleSubmit {
    font-size: 15px !important;
    letter-spacing: normal;
    min-width: 79px;
}
/* BRANCHES STARTS */
#Branches aside {
	float: right;
	height: auto;
	left: auto;
	line-height: 11px;
	position: absolute;
	right: 62px;
	top: 40px;
	width: 270px;
}
#Branches h1 {
	position: relative;
}
#Branches h1 a{margin-right: 10px;}
#Branches h1 a.adb {
	right: 125px;
    top: 10px;
}
#Branches table {
	float: left;
	width:100%
}
#Branches ul p {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}
#Branches ul p span {
	color: #F2A52B;
	display: block;
}
#Branches ul li {
	/*width: 33.33%;*/
	float: left;
}
#Branches li {
	clear: both;
}
#Branches label.different {
	width: 68px;
	margin-right: 0;
}
#Branches .calendar {
	right: 20px;
	position: absolute;
	top: 5px;
}
.newbranch {
	width: 500px;
	padding-top: 20px;
	clear: both;
}
#Branches .newbranch label {
	width: 115px;
	font-weight: bold;
	text-transform: uppercase;
}
#Branches .newbranch .external label {
	width: 100%;
	padding-bottom: 15px;
}
.newbranch input {
	width: 315px;
}
#Branches .newbranch .external input {
	margin-left: 125px;
}
.newbranch .buttons {
	padding-left: 125px;
}
.newbranch .buttons input {
	width: 80px;
	margin-right: 10px;
	float: left;
}
#Branches .secured p {
	padding: 10px 0 15px 0;
	font-size: 14px;
	font-weight: normal;
	color: #666;
}
#Branches .secured {
	padding: 10px 0 40px 0;
}
#Branches .secured label {
	font-size: 11px;
	word-spacing: -1px;
}
#Branches .secured input {
	width: 225px;
}
#Branches .secured input.orange {
	width: 80px;
	margin-left: 10px;
}
/* BRANCHES ENDS */

/* TRANSACTIONS STARTS */
#PageContent.transactions > div:first-child {
}
#PageContent article h1, #Branches h1, #Recharge article h1  {
	margin: 0px 0px 20px;
	border-bottom: 1px dotted #0c92bf;
}
#Trans .calendar {
	position: absolute;
	right: 20px;
	display: block;
	z-index: 2;
	top: 4px;
}
#PageContent.transactions aside {
	width: 285px;
	float: right;
}
#Trans table {
	margin-bottom: 15px;
}
#Over {
	margin-bottom: 55px;
	border-bottom: 1px solid #999;
	height: 290px;/*background: url(../images/page/img_overview.png) no-repeat 0 72px;*/
}
#Over p:first-child {
	position: absolute;
	right: 26px;
	top: 46px;
}
#Over p:first-child span {
	color: #F2A52B;
}
#Over h1 {
	margin-bottom: 15px;
	padding: 10px 0;
	background: url(../images/defaults/dash_horizontal_dark.gif) repeat-x bottom;
}
#Over h3 {
	border-bottom: 1px solid #999999;
	float: right;
	margin-bottom: 15px;
	padding-bottom: 5px;
	text-align: right;
	width: 165px;
}
#Over ul {
	padding-bottom: 10px;
	clear: both;
	float: right;
	margin-top: -130px;
}
#Over li {
	padding-bottom: 5px;
	font-family: 'AvantGardeBkBTBook';
	font-size: 15px;
	color: #666;
}
#Over img {
	padding-right: 7px;
}
#Over table {
	border: none;
	clear: both;
	float: right;
	margin-top: -40px
}
#Over th {
	height: auto;
	padding: 0 0 3px 0;
	background: none;
	border: none;
	font-family: 'AvantGardeBkBTBook';
	text-align: right;
	color: #F2A52B;
}
#Over td {
	background: none;
	border: none;
	height: auto;
	padding: 0 0 3px 20px;
	text-align: right;
}
#Over .orange {
	clear: both;
	float: left;
	margin: 6px 0 0 20px;
}
.transactions .advertisement {
	min-height: 153px;
	border: 1px solid #CCC;
	background: #FFF;
}
/*progressbar*/
#msprogress {
	margin: 50px auto;
	text-align: center;
	position: relative;
}
#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
}
#progressbar li {
	list-style-type: none;
	color: #336699;
	text-transform: uppercase;
	font-size: 9px;
	width: 24.33%;
	float: left;
	font-weight: bold;
	position: relative;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 50px;
	line-height: 50px;
	display: block;
	font-size: 24px;
	color: #999;
	background: #eaeaea;
	border-radius: 3px;
	margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #eaeaea;
	position: absolute;
	left: -50%;
	top: 23px;
	z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
	background: #FF9966;
	color: white;
}

#progressbar li.done:before, #progressbar li.done:after {
	background:#ccc;
	color:#fff;
}
/* TRANSACTIONS ENDS */
.newUsers .newUserPromo {
	position: absolute;
	top: 44px;
	left: 25px;
}
.newUsers .btnRecharch {
	bottom: 75px;
	right: 210px;
}
.newUsers .btnCancel {
	bottom: 75px;
	right: 85px;
	position: absolute;
	padding: 0px 10px !important;
}
.newUsers .countries {
	width:42% !important;
}
/*	===================================================================================
		PROFILE
	=================================================================================== */
#Profile h1:first-child a {
	margin: 4px;
	float: right;
}
.flag div {
	height: 51px;
	position: absolute;
	right: 20px;
	top: 36px;
	width: 66px;
	z-index: 2;
}
.accordion_title {
/*clear: both;*/
}
#Profile table {
	border: none;
	float: left;
	margin-bottom: 10px;
	width: 550px;
}
#Profile th {
	padding: 5px 0 20px;
	background: none;
	border: none;
	font-family: 'AvantGardeBkBTBook';
	font-size: 24px;
	text-align: left;
	color: #F2A52B;
}
#Profile td {
	padding: 0 30px 12px 0;
	background: none;
	border: none;
	font-size: 14px;
	color: #0C92BF;
	text-align: left;
}
#Profile td span {
	color: #444;
	display: block;
	margin-bottom: 5px;
	text-align: left;
}
#editprofile .orange {
	margin: 20px 20px 0 0!important;
}

#editprofile h2 { color:#148ACB !important}
#Display li {
	clear: both;
	padding: 0 0 10px 0;
}
#Display li:first-child {
	padding-bottom: 30px;
}
#Display label {
	width: 116px;
	position: relative;
}
#Display label:first-child {
	width: 153px;
}
#Display li:first-child label {
	width: 153px;
}
#Display label img {
	position: absolute;
	top: -5px;
	left: 11px;
}
/* PROFILE ENDS */

/*	===================================================================================
		PROFILE NEW
	=================================================================================== */
#Profile .userBox {
	overflow: hidden;
}
#Profile .userBox figure {
	max-width:140px;
}
#Profile .userBox figure img {
	width:100%;
}
#Profile .userBox h3 {
	font-weight: bolder;
	font-size: 2.2em;
	margin-top: 0.5em;
	margin-bottom: 0;
}
#Profile .userBox h3 small {
	font-size: 50%;
	color: #999;
}
#Profile .userBox p {
	font-size: 1.3em;
	color: #333;
	margin-bottom: 0;
}

#Profile .userBox .personalInfo ul {
	margin: 0;
	padding: 0;
}
#Profile .userBox .personalInfo ul>li {
	margin: 1px 1em 1px 0;
	padding: 0;
	display: inline-block;
	width: 47%;
	min-width: 220px;
}
#Profile .userBox .personalInfo ul>li>span {
	font-weight: bold;
	min-width: 125px;
	display: inline-block;
	word-wrap: break-word;
	white-space: normal;
	line-height: 1em;
	padding: 0.3em;
	margin-right: 1em;
	background: #eaeaea;
}
#Profile .buttons-block{
	background: #fafafa;
	overflow: hidden;
	padding: 0.5em 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
}

#Profile .accountManager .table th {
	border: none;
	font-family: 'AvantGardeBkBTBook';
	font-size: 14px;
	text-align: left;
	color: #fff;
	text-transform: uppercase;
	padding: 0 !important;
	margin: 0;
	line-height: 2em;
	background: #148ACB;
}

#Profile .accountManager .table td {
	padding: 0.3em 0.2em;
	background: none;
	border: none;
	font-size: 14px;
	color: #0C92BF;
	text-align: left;
}

#Profile td span.label {
	display: inline-block !important;
}

#Profile .accountManager .table tr:nth-child(even) {background: #eaeaea}

#Profile .permissions {
    margin: 0;
	padding: 0;
	display: block;
}
#Profile .permissions > li {
    display: inline-block;
	position: relative;
	margin-right: 1em;
	width: 30%;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 1em;
	min-height: 65px;
}
#Profile .permissions > li > div.checkbox label small {
	color: #999;
	position: absolute;
	top: 3em;
	left: 3em;
	line-height: 1em;
}
#Profile .permissions .checkbox {
	margin: 0;
}

/*	===================================================================================
		MARKETING
	=================================================================================== */
#Files p a {
	font-size: 16px;
	color: #138ACB;
}
#Files p a:hover {
	text-decoration: underline;
}
#Files li {
	width: 16.66%;
	margin-top: 30px;
	text-align: center;
	float: left;
}
#Files li a {
	display: block;
	float: none;
	margin: 5px auto 0;
	width: 96px;
}
/* MARKETING ENDS */

/******************** ACCORDION HEADER **********************************/
.accordion_HeaderTitle, .accordion_HeaderTitle_hover {
	cursor: pointer;
	line-height: 40px;
	background-color: #148ACB;
	color: #eaeaea;
	font-size: 1.5em;
	border: 1px solid #CCC;
	font-family: 'AvantGardeBkBTBook';
	display: block;
	letter-spacing: 1px;
}
.accordion_HeaderTitle {
	background-color: #777;
	font-weight: normal;
}
.accordion_HeaderTitle_hover {
	background-color: #148ACB;
	color: #BFEFFF;
}
.accordion_HeaderTitle span, .accordion_HeaderTitle_hover span {
	padding: 0 5px 0 45px;
	background-position: left;
	background-repeat: no-repeat;
	height: 40px;
	line-height: 40px;
	float: left;
	color: #fff;
	font-weight:bold;
}
.accordion_HeaderTitle span {
	background-image: url("../images/page/accordion_a.png");
}
.accordion_HeaderTitle_hover span {
	background-image: url("../images/page/accordion_hover.png");
}
.accordion_HeaderContent {
	margin: 0px;
	display: block;
}
#Profile .accordion_HeaderContent {padding: 0px 30px;}

/******************** ACCORDION SECUNDARIO **********************************/
.topUp_col {
	border: 1px solid #B9C4CB;
	padding: 10px 0px;
	margin: 0 auto;
}
.topUp_col h2 {
	padding: 10px 0 20px;
	font-size: 27px;
	font-weight: bold;
	color: #888;
}
#no, #rno {
	padding-left: 10px;
	color: #148ACB;
}
.accordion_content label h3 {
	font-size: 16px;
	line-height: 29px;
}
.accordion_title, .accordion_title_hover {
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	background-color: #999;
	color: #FFF;
	font-size: 28px;
	border: 1px solid #CCC;
	font-family: 'AvantGardeBkBTBook';
	display: block;
	letter-spacing: 1px;
	padding: 0 0 0 10px;
	margin: 0 0 20px;
}
.specialAccordion .accordion_title, .specialAccordion .accordion_title_hover {
	line-height: 40px;
	margin: 0 14px;
	padding: 0 30px 0 10px;
	float: left;
	cursor: pointer;
	background-color: #999;
	color: #FFF;
	font-size: 20px;
	border: none;
	font-family: 'AvantGardeBkBTBook';
	display: block;
	-webkit-border-radius: 0 30px 0 0;
	-moz-border-radius: 0 30px 0 0;
	-o-border-radius: 0 30px 0 0;
	border-radius: 0 30px 0 0;
}
.accordion_title {
	background-color: #999;
}
.accordion_title_hover {
	background-image: linear-gradient(bottom, rgb(255,185,35) 0%, rgb(243,163,44) 100%);
	background-image: -o-linear-gradient(bottom, rgb(255,185,35) 0%, rgb(243,163,44) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(255,185,35) 0%, rgb(243,163,44) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,185,35) 0%, rgb(243,163,44) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255,185,35) 0%, rgb(243,163,44) 100%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(255,185,35)), color-stop(1, rgb(243,163,44)) );
	background-color:#F3A32C !important;
}
.accordion_title span, .accordion_title_hover span {
	padding: 0 5px 0 45px;
	background-position: left;
	background-repeat: no-repeat;
	height: 40px;
	line-height: 40px;
	float: left
}
.accordion_title span {
	background-image: url(../images/page/accordion_a.png);
}
.accordion_title_hover span {
	background-image: url(../images/page/accordion_hover.png);
}
.accordion_content {
	margin: 0 0 25px;
	display: block;
	padding:0px 20px;
}
.accordion_content h6 {
	display: block;
	clear: both;
	padding: 10px 0 10px 13px;
}
.accordion_content .AutoRecharge {
	float: left;
	width: 100%;
}
.accordion_content .AutoRecharge h3 img {
	padding: 0 10px 0 0
}
.accordion_content .AutoRecharge table {
	width: 100%
}
.accordion_content .AutoRecharge h3 {
	clear: both;
	line-height: 17px;
	margin: 20px 0
}
.accordion_content #SetupSummary {
	float: right
}
.RTtrans .title, .RTtrans .title img {
	width: 216px;
	height: 45px;
	margin: 7px 18px 0 0;
	float: left;
}
.RTtrans .smallRecharg, .RTtrans .blueSmall_btn {
	margin-top: 21px;
}
/******************** TABLES **********************************/

.TableBlank {
	width: 100%;
	border: none;
	margin: 20px 0;
}
.TableBlank th {
	width: 30%;
	height: 20px;
	background: none;
	font-size: 14px;
	color: #444444;
	text-align: left;
	border: none;
	padding: 0;
}
.TableBlank td {
	background: none;
	font-size: 14px;
	color: #0C92BF;
	border: none;
	height: auto;
	text-align: left;
	padding: 0;
}
.listDisplay, .listDisplay li {
	display: block;
	width: 100%;
	clear: both
}
.listDisplay {
	padding-left: 10px;
}
.listDisplay label {
	color: #444444;
	padding: 0 0 0 5px;
	line-height: 25px;
}
/*TABLE CLIENT*/
.TableClient {
	width: 100%;
	border: none;
	margin: 20px 0;
	padding: 0;
	border-collapse: separate;
	font-size: 18px;
	background: #fff;
}
.TableClient th, .TableClient td {
	border: none;
	color: #444;
	font-size: 14px;
	font-weight: normal;
	height: 40px;
	padding: 0;
	text-align: left;
	background: #fff;
}
.TableClient th span {
	color: #148ACB;
	font-size: 27px;
	font-weight: normal;
	height: 50px;
	padding: 0 10px;
	text-align: left;
}
.TableClient td span {
	color: #148ACB;
	font-size: 16px;
	font-weight: normal;
	height: 50px;
	padding: 0 10px;
	text-align: left;
}
.aligment span { padding:0 !important}

/****************************RECHARGE*********************************/
.SpanRecharge {
	float: left;
	
}
.topupPhone {z-index:2;}

#PDomestic input, #buyersPhone input, .topupPhone input {
	width: 31%;
	display: inline-block;
	margin-right:3px;
	text-align: center;
}


#buyersPhone input {
	width: 100%;
	display: inline-block;
	margin-right:3px;
	text-align: left;
}

#PDomestic #bigPhone3,  #buyersPhone #buyerPhone3,  .topupPhone #Phone3_RT {
	margin-right: 0px;}
#PDomestic_Re  input {
	width: 31%;
	display: inline-block;
	margin-right:3px;
	text-align: center;
}
.rechargebox .form-group {
	min-height: 40px;
}
#PageContent article .RechargeLogin {
	float: left;
	margin: 0px;
	position: relative; 
	border:1px solid #999;
}
.RechargeLogin img.freeIcon {
	position: absolute;
	top: -15px;
	right: -15px;
}
#PageContent article .RechargeLogin h2 {
	text-align: center;
	background: #999999;
	color: #FFF;
	height: 39px;
	line-height: 39px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#PageContent .parrBanner, #PageContent .parrBanner img {
	width: 263px;
	height: 141px;
	position: relative;
	bottom: 0;
	left: 0;
}
#PageContent .parrBanner {
	margin: 10px auto 30px;
	margin-left: 60px;
}
#PageContent article .RechargeLogin h4 span {
	display: block;
	font-size: 31px;
}
/*updated for create account */

#PageContent article .RechargeLogin label {
	display: block;
	font-weight: bold;
	padding: 7px;
	text-align:right;
}
#PageContent article .RechargeLogin .trialLabel {
	float:left;
	text-align:left;
	width:75px;
}
.number02 
{
padding-top:10px;
}
#PageContent article .RechargeLogin form .manageUsersForm {
	width: 520px;
	position: absolute;
	right: 30px;
	top: 30px;
}
#PageContent article .RechargeLogin form li input
{
width: 120px;
}
/*updated for create account */
#PageContent article .RechargeLogin form {
	padding: 20px;
}
#PageContent article .RechargeLogin #thisForm2 {
	padding: 25px;}
#PageContent article .RechargeLogin form li {
	padding-bottom: 15px;
	margin-left: 60px;
	clear:both;
	margin-bottom:35px;
	padding-bottom: none;
	float: none;
	position: none;
}
#PageContent article .RechargeLogin form li select {
	width: 41%;
	position:relative;
	float:left;
}
#PageContent article .RechargeLogin form li input.small {
	width: 40px;
	margin: 0 8px 0 0
}
input.bigInput {
	width: 239px !important;
	display: block;
}
#PageContent article .RechargeLogin .manageAccount {
	position: relative;
	margin: 0 60px;
	}
#PageContent article .RechargeLogin .addMoney, #PageContent article .RechargeLogin .addMoney img {
	width: 218px;
	height: 43px;
	position: relative;
	margin: 9px 0 0 30px;
}
#PageContent article .RechargeLogin form li input.smallRecharg, input.smallRecharg, .RechargeMobile form li input.smallRecharg, .RepRechargeMobile form li input.smallRecharg {
	height: 30px;
	line-height: 30px;
	margin: 0 8px 0 0;
	width: 44px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	background: url("../images/defaults/bkgd_inputrecharg.jpg") repeat-x scroll 0 0 transparent !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}
#Phone1, #Phone2, #Phone3 {
	font-size: 18px!important;
	color: #148ACB;
}

#PageContent article .RechargeLogin form li input.bigRecharg, input.bigRecharg, .RechargeMobile form li input.bigRecharg, .RepRechargeMobile form li input.bigRecharg {
	height: 35px;
	line-height: 30px;
	margin: 0 8px 0 0;
	width: 75px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	background: url("../images/defaults/bkgd_inputrecharg.jpg") repeat-x scroll 0 0 transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	padding:5px !important;
}
#bigPhone1, #bigPhone2, #bigPhone3, #bigPhone1_Re, #bigPhone2_Re, #bigPhone3_Re, #Phoneinter, #Phoneinter_Re, #Phone1_Re, #Phone2_Re, #Phone3_Re {
	font-size: 18px!important;
	color: #148ACB;
}
.bigPhone4 {position: relative;
top: -55px;
left: 175px;
width: 200px !important;}
.bigPhone5 { width: 200px !important;}
[disabled], input:disabled {
color: #999999 !important;
background: #eaeaea !important;
}
#RTbtnSubmit {
	margin-top:20px;
}
#PageContent article .RechargeLogin form li input.littleblue {
	width: 120px;
	min-width: 120px;
}
 
#PageContent article .RechargeMobile label {
	font-weight: bold;
}
#PageContent article .RechargeMobile p {
	font-weight: bold;
	float: left;
	clear: both;
	margin: 15px 0 0 100px
}
#PageContent article .RechargeMobile form ul {
	width: 370px;
	margin-right: 7px;
	float: left
}
#PageContent article .RechargeMobile form li input.medium {
	width: 110px;
	margin: 0 10px 0 0
}
#PageContent article .RechargeMobile form li input.checkbox {
	width: auto;
	float: left;
	margin: 8px 15px 0 5px;
}
#PageContent article .RechargeMobile form li select {
	width: 195px
}
#PageContent article .RechargeMobile form li input.btnOther {
	width: 50px;
	margin: 0 0 0 10px
}
#PageContent article .RechargeMobile figure {/**/
	float: left;
	width: 450px;
	position: relative;
}
.RechargeMobile figure h3 {
	font-size: 20px;
	line-height: 24px;
	width: 444px;
}
.RechargeMobile figure img:first-child {
	position: absolute;
	top: 40px;
	right: 6px;
}
#PageContent article .RepRechargeMobile {
	display: block;
	margin: 0 20px 20px 0;/*width: 600px*/
}
#PageContent article .RepRechargeMobile label {
	width: 85px;
	font-weight: bold;
}
#PageContent article .RepRechargeMobile p {
	font-weight: bold;
	float: left;
	clear: both;
	margin: 15px 0 0 0;
}
.RepRechargeMobile .blueSmall_btn.littleSubmit {
	margin-right: 5px;
}
#PageContent article .RepRechargeMobile form ul {
	width: 370px;
	margin-right: 7px;
	float: left
}
#PageContent article .RepRechargeMobile form li input.medium {
	width: 110px;
	margin: 0 10px 0 0
}
#PageContent article .RepRechargeMobile form li input.checkbox {
	width: auto;
	float: left;
	margin: 10px;
}
#PageContent article .RepRechargeMobile form li select {
	width: 195px
}
#PageContent article .RepRechargeMobile form li input.btnOther {
	width: 50px;
	margin: 0 0 0 10px
}
#PageContent article .RepRechargeMobile figure {/**/
	float: left;
	width: 450px;
	position: relative;
}
.RepRechargeMobile figure h3 {
	font-size: 20px;
	line-height: 24px;
	width: 444px;
}
.RepRechargeMobile figure img:first-child {
	position: absolute;
	top: 40px;
	right: 6px;
}
.several {
	padding: 14px 15px 0 0;
	margin: 25px 0;
}
.no_padding {
	padding: 0 !important;
}

/*NEW RECHARGE SECTION*/
#print { 
		line-height: 18px;
		background-color: #F1EFF0;
		padding: 20px;}
#print_cont {border: 1px dashed #CCCCCC; padding:20px; background-color:#FFF}


#PageContent article .rechargeGenericStyle {
	width: 570px;
	margin: 20px auto;
	padding: 20px;
	
}
#PageContent article .rechargeGenericStyle span {
	color: #AC0005
}
#PageContent article .rechargeGenericStyle h1 {
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 24px;
	line-height: 50px;
	border: none;
	text-align: center;
	background: #0C92BF;
}
#PageContent article .rechargeGenericStyle a {
	color: #138ACB
}
#PageContent article .rechargeGenericStyle a:hover {
	text-decoration: underline
}
#PageContent article .rechargeGenericStyle .littleblue {
	width: 163px;
	height: 25px;
	line-height: 25px;
	margin: 0 33px;
	padding: 0;
	display: inline-block;
	font-size: 12px !important;
	margin: 0 12px 0 0;
	color: #FFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif
}
#PageContent article .rechargeGenericStyle .littleblue:hover {
	text-decoration: none;
}
/*Table for Recharge*/
#PageContent article .rechargeGenericStyle table {
	width: 100%;
	border: none;
	font-size: 12px;
	display: block;
}
#PageContent article .rechargeGenericStyle table tbody {
	width: 100%;
	display: table;
}
#PageContent article .rechargeGenericStyle table p {
	font-weight: bold;
	padding: 0 0 10px
}
#PageContent article .rechargeGenericStyle table span {
	color: #0C92BF;
	font-size: 24px;
	padding: 0 0 0 10px
}
#PageContent article .rechargeGenericStyle table p.nBalance {
	font-size: 18px;
	color: #0C92BF;
	font-weight: bold;
	padding: 0 0 10px
}
#PageContent article .rechargeGenericStyle table p.nBalance span {
	color: #0C92BF;
	font-size: 30px;
	padding: 0 0 0 10px
}
#PageContent article .rechargeGenericStyle figure {
	padding: 0 0 10px;
}
#PageContent article .rechargeGenericStyle table td {
	background: none;
	padding: 20px 0 0;
	border: 1px solid #FFF
}
#PageContent article .rechargeGenericStyle table h2 {
	padding: 20px 0;
	font-size: 21px;
	font-weight: bold
}
#thank {
	width: 100%;
	font-family: 'AvantGardeBkBTBook';
	color: #333333;
	font-size: 21px;
	font-weight: bold;
}
#thank span {
	font-size: 21px!important;
	font-weight: bold;
}
#earn {
	width: 307px;
	height: 70px;
	font-size: 30px!important;
	font-family: 'AvantGardeBkBTBook';
	font-weight: bold;
	line-height: 70px;
	color: #1090d1;
	border: solid 1px #1090d1;
	display: block;
	margin: 20px auto 0;
}
#earn span {
	min-width: 70px;
	height: 70px;
	line-height: 70px;
	font-family: 'Arial';
	font-size: 48px!important;
	color: #fff;
	font-weight: bold;
	background: #1090d1;
	margin: 0!important;
	padding: 0!important;
	display: block;
	float: right;
}
#PageContent article .rechargeGenericStyle #earn span {
	font-size: 40px;
	color: #FFF
}
.ClientName {
	float: left;
	padding: 5px 0 10px
}
.Price {
	float: right;
	font-size: 12px;
	color: #666666;
	line-height: 12px;
	padding: 0 0 20px
}
.Price span {
	color: #66CC66;
	font-size: 40px
}
.speedForm {
	width: 528px;
	display: block;
	float: left;
}
.speedForm h3 {
	padding-bottom: 20px;
	font-size: 17px;
}
.speedForm li {
	padding-left: 60px;
}
.speedForm label img {
	float: left;
}
.speedForm label span {
	display: block;
	margin-left:20px;
}
.speedForm .orange {
	padding: 0 10px !important;
	width: auto;
}
#lightbox {
	display: none;
	background: #fff;
	opacity: 0.5;
	filter: alpha(opacity=90);
	position: absolute;
	top: 0px;
	left: 0px;
	min-height: 1600px;
	min-width: 1500px;
	z-index: 1000;
}
/* Lightbox panel with some content */
#lightbox-panel {
	display: none;
	left: 50%;
	margin-left: -155px;
	margin-top: 100px;
	padding: 10px 15px;
	position: fixed;
	top: 100px;
	width: 400px;
	z-index: 1001;
}
/* Newly Added for speeddail */
#RightColumn {
	width: 300px;
	padding-right: 10px;
	float: right;
}
#RightColumn img {
	padding: 5px 0 20px;
}
#RightColumn h3 {
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #138BCC;
}
#RightColumn p {
	padding-bottom: 20px;
}
.TitleGray {
	font-size: 17px;
	color: #444;
	padding: 0 0 20px 20px
}
.TableSpace {
	margin: 0 0 0 10px;
}
#formAccount {
	float: left;
	width: 310px;
	padding: 30px 0 0;
	clear: both
}
#formAccount div {
	clear: both;
	line-height: 25px;
	height: 25px;
	padding: 15px 0
}
#formAccount div label {
	padding: 0px
}
#formAccount p {
	line-height: 25px;
	float: left;
	padding: 0 35px 0 0
}
#formAccount input.orange {
	width: auto;
	margin: 0 15px 0 0;
	padding: 0 10px !important;
}
#formAccount input.blue {
	height: 40px;
	position: absolute;
	left: 400px;
	min-width: 150px;
}
#formAccount div label {
	margin: 0 20px 0 7px;
}
.FLeftParrot {
	float: left;
	width: 265px;
	padding: 25px 0 0;
}
#MyDiscounts {
	width: 100%;
}
#MyDiscounts table th {
	text-align: left;
}
#MyDiscounts .TableBlank th, #MyDiscounts .TableBlank td {
	padding: 0;
}
.myDiscPerc {
	font-size: 24px;
	color: #0C92BF;
	text-align: left;
	padding: 0;
}
#MyDiscounts h2 {
	color: #0C92BF;
	border-bottom: 1px dashed #0C92BF;
	font-size: 31px;
	padding: 10px 0;
	margin: 0 20px 15px 0
}
#MyDiscounts table {
	width: 100%;
	float: left;
	margin: 10px 0 0;
}
.FrmTotal {
	width: 100%
}
.AccountPreference {
	width: 250px;
	padding: 0 35px 0 0;
	float: left
}
.AccountPreference h3 {
	font-size: 17px;
	color: #444444;
	padding: 0 0 15px
}
/******************************CCOUNT PAYMENT****************************/
#Autorecharge #PageContent > div:first-child {
	border: none;
	padding: 0px;
}
#PageContent article#Payment {
	
}
#PageContent article#PaymentRecharge {
	/*width: 560px;*/
	float: left;
}

#PageContent article#PaymentRecharge .orange{ width:77px;}

#PageContent article#Pay {
	width: 570px;
	float: left;
	border: 1px solid #B9C4CB;
	padding: 20px
}
#PageContent article#Pay table {
	width: 100%
}
#PageContent article#Pay h3 {
	margin: 20px 0;
	line-height: 17px;
	clear: both
}
#PageContent article#Pay h3 img, #PageContent article#Payment h3 img {
	padding: 0 10px 0 0
}
#Summary {
	
}
#SetupSummary {
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid #FFF;
	background: #F2F2F2;
	-moz-box-shadow: 5px 5px 5px #ccc;
	-webkit-box-shadow: 5px 5px 5px #ccc;
	box-shadow: 5px 5px 5px #ccc;
	display: none;
}
#SetupSummary h2 {
	color: #FFF;
	font-size: 20px !important;
	text-align: center;
	height: 38px;
	line-height: 38px;
	background: #999999;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 5px 0 !important;
}
#SetupSummary div {
	padding: 15px;
	display: block
}
#SetupSummary div input.orange {
	float: right;
	margin: 15px 0 0;
}
.Amount input.small {
	width: 40px;
	margin: 0 8px 0 0
}
#SetupSummary div p {
	font-size: 14px;
	line-height: 20px
}
#SetupSummary div strong {
	font-size: 12px;
	padding: 0 0 10px;
	display: block
}
#SetupSummary div p.subtotal strong, #SetupSummary div p.total strong {
	display: inline
}
#SetupSummary div p.subtotal {
	line-height: 45px;
	border-top: 1px dotted #444;
	margin: 15px 0 0
}
#SetupSummary div p.total {
	line-height: 45px;
	border-bottom: 1px dotted #444;
	border-top: 1px dotted #444
}
.Amount {
	border-bottom: 1px dotted #444;
	padding: 0 0 20px
}
.Amount p {
	float: left;
	padding: 0 10px 0 0;
	line-height: 24px;
}
.Amount span {
	font-size: 11px;
	margin: 0 0 0 10px;
	text-align: left;
	width: 180px;
}
.Amount.FormDotted span, .FrmStep span {
	width: 155px;
}
.FormDotted label, .FrmStep label {
	font-size: 16px;
	line-height: 16px;
	margin-left: 10px;
}
/*.FrmStep div.clearfix {
	padding-top: 10px;
}
.FrmStep div.clearfix label {
	margin: 0;
}
.FrmStep div.clearfix input {
	margin-left: 10px;
}*/
#Card1 img, #Card2 img, .TableProcess img {
	margin: 0 9px 0 8px;
	float: left;
}
.FrmStep {
	padding: 0 0 20px;
	display: block
}
.FrmStep p {
	padding: 0 10px 10px 0
}
.FrmStep .promoC{
	margin: 12px 0;
}
.FrmStep span {
	float: left;
	font-size: 11px;
	padding: 0 0 0 3px
}
.step1 input {
	margin-top: 2px;
	clear: left;
}
.step1 .spaceLine input {
	clear: none;
}
.step1 input.small {
	float: left;
	clear: none;
}
.step1 label {
	padding-bottom: 21px;
}
.step2 label {
	margin-left: 5px;
	font-size: 14px;
}
.step2 input {
	margin-top: 2px;
}
.FrmStep input.small {
	width: 40px;
	margin: 0 8px 0 0
}
.please {
	padding-top: 0 !important;
}
.line {
	width: 880px;
	height: 1px;
	margin-bottom: 30px;
	border-top: 1px dashed #0C92BF;
	display: block;
}
h3.selectcard a {
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	position: relative;
	top: -4px;
}
#Payment h6.balance {
	color: #138BCC;
}
h6.balance {
	color: #FFFFFF;
	font-size: 12px;
	float: right;
	font-weight: normal;
	text-align: right;
	padding: 5px 0 0
}
h6.balance span, h6.balance div {
	font-weight: bold;
	display: inline-block;
}
h6.balance span.amount {
font-size: 32px;
	line-height: 30px;
}
.steps {
	padding: 15px 0
}
.ProcessPay {
	width: 570px;
	border: 0px;
	padding: 0 0 20px;
	margin-bottom: 20px;
}
.ProcessPay tr {
	width: 570px;
}
.ProcessPay th {
	font-size: 15px;
	color: #444;
	text-align: left;
	background: none;
	border: 0px;
	border-bottom: 1px solid #CCCCCC
}
.ProcessPay th p {
	font-size: 11px;
	color: #444;
	text-align: left
}
.ProcessPay td {
	color: #0C92BF;
	font-size: 17px;
	background: none;
	border: 0px;
	border-bottom: 1px dotted #CCCCCC
}
.ProcessPay td strong {
	font-size: 12px;
	color: #444;
	padding: 0 10px 0 0
}
.BtnEdit {
	width: 15px;
	height: 15px;
	background: url(../images/page/btn_edit.jpg);
	text-indent: -10000px
}
.BtnDelete {
	width: 15px;
	height: 15px;
	background: url(../images/page/btn_delete.jpg);
	text-indent: -10000px
}
.Thanks {
	font-weight: bold;
	padding: 10px 0
}
#SignUp {
	padding: 160px 0 0;
	float: left;
	width: 310px;
}
#thanksParrot {
	float: right;
	padding: 70px 0 0
}
#SignUp h5 {
	font-size: 17px;
	padding: 10px 0 20px
}
#SignUp h2, #SignUp h5 {
	float: left
}
.TableProcess {
	width: 100%;
	margin: 0 0 20px 0;
	clear: both;
	float: left;
	background: none !important;
	border: 0px none !important;
	border-bottom: 1px solid #138ACB !important;
}
.TableProcess th {
	background: none !important;
	border-left: 0px !important;
	font-weight: none important;
	text-align: left;
	border-bottom: 1px solid #138ACB;
	color: #138ACB!important;
	font-size: 14px!important;
	margin: 0;
}
.TableProcess td {
	border: 0px none !important;
	background: none !important;
	padding: 5px !important;
	text-align: left;
}
.amount{
	font-size: 16px;
}
.TableProcess input {
	margin-right: 7px;
}
.TdBtn {
	text-align: center
}
.TdBtn input.orange {
	width: 150px;
	margin: 15px 200px !important
}
.Typep {
	width: 100%;
	clear: both;
	display: block;
	font-weight: bold;
	padding: 25px 0;
	height: 25px;
}
.Typep p {
	line-height: 25px;
	padding: 0 10px 0 0
}
.Typep form, .Typep p {
	float: left
}
#Payment h1 {
	padding-left: 0;
}
#Payment h3 {
	padding-bottom: 20px;
}
.radiobuttons ul {
	padding: 10px 0 20px;
	display: block;
	float: left;
	clear: both
}
.radiobuttons ul li {
	clear: both;
	height: 15px;
	line-height: 15px;
	padding: 0 0 10px
}
.radiobuttons ul li input {
	float: left;
	height: 15px;
	line-height: 15px
}
.radiobuttons ul li label {
	padding: 0 0 0 5px;
	float: left;
	height: 15px;
	line-height: 15px
}
/***
#CardInfo1 div {
	display: block;
	clear: both;
	padding: 0 0 10px;
	float: left
}
#CardInfo1 input, #CardInfo1 select {
	margin: 0 10px 0 0
}
#CardInfo2 li, #CardInfo3 li {
	padding: 0 0 10px;
	float: left;
	padding: 0 10px 15px 0;
	width: 270px
}
#CardInfo2 li input, #CardInfo3 li input, #CardInfo3 li textarea {
	width: 150px
}
#CardInfo1 div label, #CardInfo2 label, #CardInfo3 label {
	font-size: 14px;
	color: #138ACB;
	width: 92px;
	float: left;
	margin: 0px
}
#CardInfo1 div input, #CardInfo2 input, #CardInfo3 input {
	float: left
}
#CardInfo1 div.radiobuttons label{width:82px}
.csc p {
	font-size: 11px;
	line-height: 25px;
	padding: 0 0 0 5px;
	float: left
}
#CardInfo3 .radiobuttons label {
	font-size: 12px;
	color: #666666;
	width: auto;
	padding: 0 5px 0 10px;
	line-height: 25px;
}
#CardInfo3 .radiobuttons input {
	width: auto
}
***/

/* BOTTOM STARTS */
#Bottom {
	width: 100%;
	clear: both;
	margin: 20px 0 0;
	display: block;
	float: left;
}
#Bottom #controlers {
	float: right;
	margin-top: 7px;
	width: 110px;
	position: relative;
	top: 6px;
	height: 20px;
}
#Bottom #paginador { 
	left: 525px;
	position: absolute;
	top: 9px;
	width: 86px;
	height: 20px;
}
#Bottom article {
	float: left;
	min-height: 350px;
	width: 570px;
	position: relative;
	background: url(../images/defaults/dash_vertical.gif) repeat-y 644px 0; /**/
}
#Bottom .colRight {
	float: right;
	width: 280px;
}
#Bottom h1 {
	width: 100%;
	height: 38px; /**/
	margin: 0 0 20px;
	padding: 0 0 5px;
	background: url(../images/defaults/dash_horizontal.gif) repeat-x bottom;
	color: #138ACB;
}
#current_promotion ul {
	width: 610px;
}
#current_promotion h3 {
	color: #138ACB;
	font-size: 17px;
	text-align: center;
	padding: 12px 0;
	line-height: 17px;
}
#current_promotion p {
	font-size: 12px;
	color: #444444;
	text-align: center
}
#current_promotion img {
	display: block;
	margin: 0 auto
}
#current_promotion li { /**/
	float: left;
	padding: 0 10px 40px 0;
	width: 31.6%;
}
.colRight li {
	display: block;
	padding: 0 0 15px
}
.colRight h2 {
	font-size: 17px;
	color: #444
}
.colRight a {
	font-size: 12px;
	color: #138ACB
}

/*** Payment: Security Questions ***/
#veratedprocess { padding: 10px 20px; }
#veratedprocess p { margin: 10px 0px; }

.CbxGroup, .Radiogroup {
width: 95%;
margin: 10px 40px;
display: block;
clear: both;
}
.CbxGroup label {
float: none;
clear: both;
display: inline-block;
min-width: 230px;
}
.Radiogroup label {
float: none;
clear: both;
display: inline-block;
min-width: 75px;
}
.CbxGroup input[type="checkbox"], .Radiogroup input[type="radio"] {
padding: 0px !important;
height: auto;
margin-right: 5px;
float: none;
}
.intro {
	position: relative;
	padding-left: 125px;
	padding-top: 20px;
	padding-bottom: 25px;
}
.intro img {
	position: absolute;
	top: 0px;
	left: 0px;
}
#veratedform br {
	display: none;
}
#veratedprocess i{
color: #999;
font-weight: normal;
}
#everatedprocess { padding: 10px 20px; }
#everatedprocess p { margin: 10px 0px; }
.prompt {
font-weight: bold;
font-size: .8em;
margin-bottom: 10px;
}
.eCbxGroup, .eRadiogroup {
width: 95%;
margin: 10px 40px;
display: block;
clear: both;
}
.eCbxGroup label {
float: none;
clear: both;
display: inline-block;
min-width: 230px;
}
.eRadiogroup label {
float: none;
clear: both;
display: inline-block;
min-width: 75px;
}
.eCbxGroup input[type="checkbox"], .eRadiogroup input[type="radio"] {
padding: 0px !important;
height: auto;
margin-right: 5px;
float: none;
}

#everatedform br {
	display: none;
}
#everatedprocess i{
color: #999;
font-weight: normal;
}
/* BOTTOM ENDS */

#frm_Autorecharge {
	display: block;
	width: 100%;
	height: 50px;
}
/* SPECIAL TABLE GRID SPEED DIAL */
#grid {
	height: auto;
	float: left;
	display: block;
}
#grid .ui-jqgrid, .ui-jqgrid-hdiv {
	height: auto;
	display: block;
}
table.ui-jqgrid-htable {
	margin: 0!important;
	border: none!important;
}
table.ui-jqgrid-htable th {
	padding: 10px;
}
.ui-jqgrid .ui-jqgrid-bdiv {
	height: auto!important;
}
.ui-jqgrid-resize {
	display: none;
}
#ContactList {
	margin: 0;
}
#repeattrans {
	margin: 0;
}
table.ui-jqgrid-btable td, table.ui-jqgrid-htable td, table.ui-jqgrid-btable th, table.ui-jqgrid-htable th {
	padding: 10px;
}
/* EDITS BUTTON */
#ContactList td a {
	width: 28px;
	height: 27px;
	margin: 0;
	display: block;
	float: left;
	text-decoration: none;
	background: url("../images/page/speedDial_btn.png") no-repeat transparent;
}
#ContactList td a.savebtn, #ContactList td a.cancelbtn {
	background: url("../images/page/savecancel_btn.png") no-repeat transparent;
}
#ContactList td a.cancelbtn {
	background-position-x: -27px !important;
}
#ContactList td a.savebtn:hover {
	background-position:0px -27px !important;
}
#ContactList td a.cancelbtn:hover {
	background-position:-27px -27px !important;
}
.login {
 background: none!important;
 background-position: 0 0!important;
	margin-left: 7px!important;
	margin-top: 7px !important;
    text-decoration: underline!important;
    font-size: 12px!important;
    text-indent:0px!important;
}
.login:hover{
background: none!important;
margin-left: 7px!important;
margin-top: 7px !important;
    text-decoration: underline!important;
    color:#D58824!important;
    font-size: 12px!important;
    text-indent:0px!important;
}
#ContactList td a.editpimage {
	background-position: 0 0;
	margin-left: 19px;
}
#ContactList td a1.editpimage {
	background-position: 0 0;
	left: -30px;
    position: relative;
    text-decoration: underline;
    color:#148ACB;
    font-size: 12px;
}
#ContactList td a2.editpimage {
	background-position: 0 0;
	left: 32px;
    margin-top: -15px;
    position: relative;
    text-decoration: underline;
    color:#148ACB;
    font-size: 12px;
}
#ContactList td a3.editpimage {
	background-position: 0 0;
	margin-left: 7px;
    text-decoration: underline;
    color:#148ACB;
   
}
#ContactList td a1.editpimage:hover {
	background-position: 0 -27px;
	left: -30px;
    position: relative;
    text-decoration: underline;
    color:#D58824;
    font-size: 12px;
}
#ContactList td a2.editpimage:hover {
	background-position: 0 -27px;
	left: 32px;
    margin-top: -15px;
    position: relative;
    text-decoration: underline;
    color:#D58824;
    font-size: 12px;
}
#ContactList td a3.editpimage:hover {
	background-position: 0 -27px;
	margin-left: 7px;
    text-decoration: underline;
    color:#D58824;
}
#ContactList td a.delete {
	background-position: -28px 0;
	margin-left: 13px;
}
#ContactList td a.deleterimage {
	background-position: -56px 0;
	margin-left: 13px;
}
#ContactList td a.editpimage:hover {
	background-position: 0 -27px;
}
#ContactList td a.delete:hover {
	background-position: -28px -27px;
}
#ContactList td a.deleterimage:hover {
	background-position: -56px -27px;
}
/* Newly Added for speeddail */
/*#ContactList td a.deleterimage {
	background: url("../images/page/table_delete_button.png") no-repeat scroll 0 0 transparent;
	margin-left: 18px;
}
#ContactList td a.deletewimage {
	background: url("../images/page/table_delete_button.png") no-repeat scroll 0 0 transparent;
	margin-left: 18px;
}*/

/* Pager*/
.ui-jqgrid .ui-jqgrid-pager {
	border-left: 0px none !important;
	border-right: 0px none !important;
	border-bottom: 0px none !important;
	margin: 0px !important;
	padding: 0px !important;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
}
.ui-jqgrid .ui-pager-control {
	position: relative;
	border: 1px solid #B9C4CB;
	margin-bottom: 20px;
}
.ui-jqgrid .ui-pg-table {
	position: relative;
	padding-bottom: 2px;
	width: auto;
	margin: 0em;
	border: none;
}
.ui-jqgrid .ui-pg-table td {
	font-weight: normal;
	vertical-align: middle;
	padding: 10px;
	border: none;
}
.ui-jqgrid tr.jqgfirstrow td {
	height: 0;
	padding: 0;
}
.ui-jqgrid .ui-jqgrid-resize-mark {
	width: 2px;
	left: 0;
	background-color: #777;
	cursor: e-resize;
	cursor: col-resize;
	position: absolute;
	top: 0;
	height: 100px;
	overflow: hidden;
	display: none;
	border: 0 none;
	z-index: 99999;
}
.ui-jqgrid .ui-pg-button {
	display: block;
	color: #148ACB;
	text-decoration: underline;
}
.ui-jqgrid .ui-state-disabled {
	display: block;
	color: #CCC;
	text-decoration: none;
}
.ui-jqgrid .ui-pg-button span {
	display: block;
	margin: 1px 14px;
}
.ui-jqgrid .ui-pg-button:hover {
	text-decoration: none;
}
.ui-jqgrid .ui-state-disabled:hover {
	padding: 1px;
}
.ui-jqgrid .ui-pg-input {
	width: 20px;
	display: inline-block;
	float: none;
	margin: 2px 0 0;
	font-size: 13px;
}
.ui-pg-table td span {
	font-weight: bold;
}
#pager_center table td {
	float: left;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0;
}
/*.ui-jqgrid .ui-pg-selbox {
	font-size: .8em;
	line-height: 18px;
	display: block;
	height: 18px;
	margin: 0em;
}
.ui-jqgrid .ui-separator {
	height: 18px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 1px;
	float: right;
}
.ui-jqgrid .ui-paging-info {
	font-weight: normal;
	height: 19px;
	margin-top: 3px;
	margin-right: 4px;
}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div {
	padding: 1px 0;
	float: left;
	position: relative;
}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-button {
	cursor: pointer;
}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon {
	float: left;
	margin: 0 2px;
}
.ui-jqgrid td input, .ui-jqgrid td select .ui-jqgrid td textarea {
	margin: 0em;
}
.ui-jqgrid td textarea {
	width: auto;
	height: auto;
}
.ui-jqgrid .ui-jqgrid-toppager {
	border-left: 0px none !important;
	border-right: 0px none !important;
	border-top: 0px none !important;
	margin: 0px !important;
	padding: 0px !important;
	position: relative;
	height: 25px !important;
	white-space: nowrap;
	overflow: hidden;
}
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div {
	padding: 1px 0;
	float: left;
	position: relative;
}
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-button {
	cursor: pointer;
}
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div span.ui-icon {
	float: left;
	margin: 0 2px;
}
.ui-jqgrid .ui-jqgrid-bdiv {
	position: relative;
	margin: 0em;
	padding: 0;
	text-align: left;
}
.ui-jqgrid .ui-jqgrid-btable {
	margin: 0em;
	outline-style: none;
}
.ui-jqgrid tr.jqgrow {
	outline-style: none;
}
.ui-jqgrid tr.jqgroup {
	outline-style: none;
}
.ui-jqgrid tr.jqgrow td {
	overflow: hidden;
	white-space: pre;
	height: 29px;
	padding: 0 2px 0 2px;
}

.ui-jqgrid tr.jqgroup td {
	font-weight: normal;
	overflow: hidden;
	white-space: pre;
	height: 22px;
	padding: 0 2px 0 2px;
	border-bottom-width: 1px;
	border-bottom-color: inherit;
	border-bottom-style: solid;
}
.ui-jqgrid tr.jqfoot td {
	font-weight: bold;
	overflow: hidden;
	white-space: pre;
	height: 22px;
	padding: 0 2px 0 2px;
	border-bottom-width: 1px;
	border-bottom-color: inherit;
	border-bottom-style: solid;
}
.ui-jqgrid tr.ui-row-ltr td {
	text-align: center;
}
.ui-jqgrid tr.ui-row-rtl td {
	text-align: right;
	border-left-width: 1px;
	border-left-color: inherit;
	border-left-style: solid;
}
.ui-jqgrid td.jqgrid-rownum {
	padding: 0 2px 0 2px;
	margin: 0px;
	border: 0px none;
}
*/
/* Pager1*/
.ui-jqgrid .ui-jqgrid-pager1 {
	width: 528px!important;
	border-left: 0px none !important;
	border-right: 0px none !important;
	border-bottom: 0px none !important;
	margin: 0px !important;
	padding: 0px !important;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
}
.ui-jqgrid-view table {width: 100%;}
.ui-jqgrid .ui-pager1-control {
	position: relative;
	border: 1px solid #B9C4CB;
}
#pager1_center table td {
	float: left;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0;
}
#Recharge td {
	text-align: left
}
.vStateTable td {
	text-align: center!important
}
.vStateTable td.vStateTd {
	text-align: left!important;
	padding-left: 30px;
}
.vStateTable td.vStateTd a {
	margin: 0 5px;
}
/*	===================================================================================
		FREE TRIAL INDEX STARTS
	=================================================================================== */
.fortrial {
	padding: 30px;
}
article .fortrial h1 {
	height: auto;
	padding: 0 0 10px 0;
	line-height: normal;
}
.fortrial img {
	padding-bottom: 38px;
	padding-top: 6px;
}
.fortrial h3 {
	color: #444;
	font-size: 16px;
	line-height: 25px;
	padding-bottom: 20px;
}
.fortrial h4 {
	padding-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
}
.trialflag {
	width: 155px;
	height: 155px;
	background: url(../images/defaults/trial.png) no-repeat 0 0;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
}
.trialflag_esp {
	width: 155px;
	height: 155px;
	background: url(../images/defaults/trial_esp.png) no-repeat 0 0;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 998;
}
#TopRight .buycredit {
	height: 25px !important;
	font-size: 11px !important;
	position: absolute;
	left: 130px;
	top: 43px;
	border-radius: 5px 5px 5px 5px;
	line-height: 24px !important;
	width:70px;
}
.new {
	background: #CC3300;
	color:#fff !important;
}
.nav-trial, .nav-accnumber {/*min-width: 170px;*/}
.nav-reports a{min-width: 90px;}
.new:hover {
	background: #333399 !important;
}

/*	===================================================================================
		POPUP STARTS
	=================================================================================== */

/*	===================================================================================
		CUSTOM ICONS
	=================================================================================== */

.icon-calendar {
	background: url('img/calendar.png');
}
.icon-chat {
	background: url('img/chat.png');
}
.icon-check {
/*	background: url('img/check.png'); */
}
.icon-config {
	background: url('img/wrench.png');
}
.icon-error {
	background: url('img/error.png');
}
.icon-pen {
	background: url('img/pen.png');
}
.icon-help {
	background: url('img/help.png');
}
.icon-info {
	background: url('img/info.png');
}
.icon-lamp {
	background: url('img/lamp.png');
}
.icon-mail {
	background: url('img/mail.png');
}
.icon-photo {
	background: url('img/camera.png');
}
.icon-secure {
	background: url('img/unlock.png');
}
.icon-trash {
	background: url('img/trash.png');
}
.icon-user {
	background: url('img/user.png');
}
.icon-up {
	background: url('img/up.png');
}
.icon-down {
	background: url('img/down.png');
}
.icon-left {
	background: url('img/left.png');
}
.icon-right {
	background: url('img/right.png');
}
.icon-at {
	background: url('img/at.png');
}
.icon-bar {
 /*	background: url('img/bars.png');*/
}
.icon-book {
	background: url('img/book.png');
}
.icon-chart {
	background: url('img/chart.png');
}
.icon-clock {
	background: url('img/clock.png');
}
.icon-gear {
	background: url('img/cog.png');
}
.icon-document {
	background: url('img/document.png');
}
.icon-folder {
	background: url('img/folder.png');
}
.icon-heart {
	background: url('img/heart.png');
}
.icon-home {
	background: url('img/home.png');
}
.icon-key {
	background: url('img/key.png');
}
.icon-magnifier {
	background: url('img/magnifier.png');
}
.icon-pin {
	background: url('img/pin.png');
}
.icon-minus {
	background: url('img/minus.png');
}
.icon-window {
	background: url('img/window.png');
}
.icon-plus {
	background: url('img/plus.png');
}
.icon-reload {
	background: url('img/reload.png');
}
.icon-quote {
	background: url('img/quote.png');
}
.icon-star {
	background: url('img/star.png');
}
.icon-tag {
	background: url('img/tag.png');
}
#box1 {
	border-radius: 10px 10px 10px 10px;
	float: left;
	padding: 10px;
	width: 250px;
	border: 1px solid #B9C4CB;
	height: 95px;
	background: #efefef; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #efefef 0%, #ffffff 50%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(50%, #ffffff), color-stop(100%, #efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #efefef 0%, #ffffff 50%, #efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #efefef 0%, #ffffff 50%, #efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #efefef 0%, #ffffff 50%, #efefef 100%); /* IE10+ */
	background: linear-gradient(to bottom, #efefef 0%, #ffffff 50%, #efefef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#efefef', GradientType=0 ); /* IE6-8 */
}
#box1 ul, #box2 ul {
	list-style: none;
	text-align: center;
}
#box2 {
	border-radius: 10px 10px 10px 10px;
	float: left;
	margin-left: 8px;
	padding: 10px;
	width: 110px;
	border: 1px solid #B9C4CB;
	height: 95px;
	background: #efefef; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #efefef 0%, #ffffff 50%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(50%, #ffffff), color-stop(100%, #efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #efefef 0%, #ffffff 50%, #efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #efefef 0%, #ffffff 50%, #efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #efefef 0%, #ffffff 50%, #efefef 100%); /* IE10+ */
	background: linear-gradient(to bottom, #efefef 0%, #ffffff 50%, #efefef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#efefef', GradientType=0 ); /* IE6-8 */
}
.name {
	font-weight: bold !important;
}
.name_2 {
	color: #4092BF !important;
	font-size: 18px !important;
	margin-bottom: 9px !important;
}
.amount {
	color: #4092BF !important;
	font-size: 31px !important;
	padding-top: 8px !important
}

/*  POP UP ENDS */
.amttran{
	width:65px;
}
@media (max-width: 300px){
.trialflag {
    width: 26%;
    height: 101px;
    position: absolute;
    left: 264px;
    top: 84px;
    z-index: 999;
	background: url(../images/defaults/trial.png) no-repeat 0 0;
}
}
@media (max-width: 360px){
.trialflag {
width: 26%;
height: 101px;
position: absolute;
left: 267px;
top: 84px;
z-index: 999;
background: url(../images/defaults/trial.png) no-repeat 0 0;
}
}
@media (min-width: 422px){
.trialflag {
    display:none;
}
@media (max-width: 420px) {
	.trialflag {
    display:none;
	}
}
/*	===================================================================================
		UTILITY CLASSES
	=================================================================================== */

.display-block {display: block; overflow: hidden;}
.display-inline {display: inline-block; vertical-align: top; overflow: hidden;}