/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/* * Corrects `block` display not defined in IE 8/9. */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
	display: block;
}
/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */

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

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */

[hidden] {
 display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
	font-family: sans-serif; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	-ms-text-size-adjust: 100%; /* 2 */
}
/*
 * Removes default margin.
 */


/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
	outline: thin dotted;
}
/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active, a:hover {
	outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */

h1 {
	font-size: 2em;
}
/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
	border-bottom: 1px dotted;
}
/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b, strong {
	font-weight: bold;
}
/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
	font-style: italic;
}
/*
 * Addresses styling not present in IE 8/9.
 */

mark {
	background: #ff0;
	color: #000;
}
/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */

code, kbd, pre, samp {
	font-family: monospace, serif;
	font-size: 1em;
}
/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
/*
 * Sets consistent quote types.
 */

q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}
/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
	font-size: 80%;
}
/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * Removes border when inside `a` element in IE 8/9.
 */

img {
	border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
 overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */

figure {
	margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}
/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */

button, input, select, textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 2 */
	margin: 0; /* 3 */
}
/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button, input {
	line-height: normal;
}
/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}
/*
 * Re-set default cursor for disabled elements.
 */

button[disabled], input[disabled] {
	cursor: default;
}
/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}
/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

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

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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

/*
 * Removes inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html, button, input, select, textarea {
	color: #222;
}
a {
	color: #00bfb3;
	text-decoration:none;
}
/*a:visited {
	color: #551a8b;
}*/

a:hover {
	color: #ebebeb;
}
/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
	vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */

textarea {
	resize: vertical;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */


















/* ==========================================================================
   Helper classes
   ========================================================================== */

/* Prevent callout */

.nocallout {
	-webkit-touch-callout: none;
}
.pressed {
	background-color: rgba(0, 0, 0, 0.7);
}
/* A hack for HTML5 contenteditable attribute on mobile */

textarea[contenteditable] {
	-webkit-appearance: none;
}
/* A workaround for S60 3.x and 5.0 devices which do not animated gif images if
   they have been set as display: none */

.gifhidden {
	position: absolute;
	left: -100%;
}
/*
 * Image replacement
 */

.ir {
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0;
	direction: ltr;
	display: block;
	overflow: hidden;
	text-align: left;
	text-indent: -999em;
}
.ir br {
	display: none;
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
	display: none !important;
	visibility: hidden;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
	visibility: hidden;
}
/**
 * Clearfix helper
 * Used to contain floats: h5bp.com/q
 */

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
 *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 800px) {
/* Style adjustments for viewports that meet the condition */
}
 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
/* Style adjustments for viewports that meet the condition */
}
/* ==========================================================================
   GLOBAL STYLE
   ========================================================================== */



body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	word-wrap: break-word;
	margin:0px;
	padding:0px;
	color:#666666;
}
body * {
	word-wrap: break-word;
}
p {
	margin:15px 10px;
	padding:0px;
	font-size:0.813em;
	color:gray;
}
small {
	font-size:0.846em;
}
h1, h2, h3, h4 {
	margin:0px 0px 15px 0px;
	padding:0px;
}
h2 {
	font-size:1.231em;
}
img {
	border:none;
}
ul, ol {
	list-style:none;
	margin:0 0 0 15px;
	padding:0;
}
ul li {
	padding:0px;
}
li ul li {
	padding-left:20px;
}
.f-right {
	float:right;
}
.f-left {
	float:left;
}
.alpha {
	margin-left:0px;
}
.omega {
	margin-right:0px;
}
table {
	border-collapse:collapse;
	margin-bottom:15px;
	font-size:0.923em;
}
table th, table thead {
	font-weight:bold;
	text-align:left;
}
table td {
	padding:5px 5px 5px 5px;
}
.txt {
	border-left:1px solid #9c9c9c;
	border-right:1px solid #e2e2e2;
	border-top:1px solid #9c9c9c;
	border-bottom:1px solid #e2e2e2;
	color:#666666;
	padding: 4px 5px;
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom:10px;
}
.txt-area {
	border-left:1px solid #9c9c9c;
	border-right:1px solid #e2e2e2;
	border-top:1px solid #9c9c9c;
	border-bottom:1px solid #e2e2e2;
	color:#666666;
	padding: 4px 5px;
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom:10px;
	height:55px;
}
header {
    /*background: url(../images/bg-top-header.gif) no-repeat 0 100%;*/
	background:#00bfb3;
	padding:10px 10px;
	overflow:hidden;
}
.header1 {
    background: url(../images/bg-top-header.gif) no-repeat 0 100%;
	background: #00bfb3;
	padding:10px 10px;
	overflow:hidden;
}
.container_16 .grid_16
{
    width: 940px;
}

footer {
	background:#e4e4e4;
	overflow:hidden;
	padding:10px;
}
footer p {
	margin:0 0 10px 0;
	font-size:13px;
	color:#999999;
}
.footer-links {
	float:left;
}
.footer-links a {
	display:block;
	margin-bottom:6px;
	color:#333;
	font-size:12px;
}
.footer-links a:hover {
	color:#666;
}
.follow-us {
	float:right;
	border-left:#cccccc solid 1px;
	padding:0 0 0 30px;
}
.follow-us h5 {
	margin:0 0 10px 0;
	font-size:14px;
	font-weight:bold;
	color:#666666;
}
.follow-us .fb {
	float:left;
	background:url(../Images/Mobile/social-icon.png) no-repeat 0px 0px;
	width:34px;
	height:34px;
	margin:0 10px 10px 0;
}
.follow-us .tw {
	float:left;
	background:url(../Images/mobile/social-icon.png) no-repeat -42px 0px;
	width:34px;
	height:34px;
}
.follow-us .full-site {
	color:#00bfb3;
	font-size:12px;
	background:url(../Images/mobile/icon-sprite.png) 0px -74px no-repeat;
	padding:0 0 0 15px;
	font-weight:bold;
	display:table;
	margin:10px 0 0 10px;
}
.page-logo {
	float: left;
}
.clear {
	width: 100%;
	display: block;
	clear: both;
	visibility: hidden;
}
.top-right {
	float: right;
}
.lang-holder {
	width: 125px;
	height: 27px;
	margin-bottom:10px;
	background: #007B74;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 3px 2px 3px 0 #006683 inset;
	box-shadow: 3px 2px 3px 0 #006683 inset;
}
.styled-icon {
	width: 125px;
	height: 27px;
	overflow: hidden;
	background: url("../Images/mobile/icon-select.png") no-repeat center right;
}
.lang-holder select {
	margin: 4px 0 0 10px;
	width: 140px;
	background: transparent;
	outline:0px;
	-webkit-appearance: none;
	border: none;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	height:24px;
}
.lang-holder select option {
	background: none;
	width: 100px;
	outline:0px;
	border: none;
	overflow: hidden;
	-webkit-appearance: none;
}
.search {
	float: right;
}
.search a {
	background: url(../Images/mobile/btn-top.png) no-repeat 0 0;
	display: block;
	height: 46px;
	width: 38px;
	float: left;
}
.search .btn-search {
	margin-left: 10px;
}
.search .btn-call {
	background-position: 0 -56px;
}
.welcome-box .btn-welcome a:first-child {
	margin-left: 0;
}
.btn-welcome {
	overflow: hidden;
	text-align: center;
}
.btn-welcome ul {
	text-align:center;
}
.btn-welcome li {
	display:inline-block;
	width:55px;
}
.btn-footer ul {
	text-align:center;
}
.btn-footer li {
	display:inline-block;
	width:55px;
}
.welcome-box a, .btn-footer a {
	width: 55px;
	color: #FFF;
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
	margin-left: 6px;
	display:table-cell;
}
.welcome-box a span, .btn-footer a span {
	background: url(../Images/mobile/btn-welcome.png) no-repeat 0 0;
	display: block;
	width: 46px;
	height: 46px;
	margin: 0 auto;
}
.search-box {
	background: #5DBE93;
	padding: 15px 15px;
	overflow: hidden;
}
.search-box .search-holder {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 0 #000 inset;
	box-shadow: 0 0 0 #000 inset;
	background: #FFF;
	overflow: hidden;
	height: 30px;
}
.search-box .search-holder .search {
	float: left;
	border-style: none;
	background: none;
	width: 97%;
	padding: 8px 10px 0;
}
.search-holder .btn-search {
	float: left;
	background: url(../Images/mobile/btn-search.png) no-repeat 0 0;
	border: none;
	text-indent: -9999px;
	text-transform: uppercase;
	width: 16px;
	height: 15px;
	margin: 8px 0 0 0;
}
.welcome-box .btn-mobile span {
	background-position: 0 0;
}
.welcome-box .btn-internet span {
	background-position: -59px 0
}
.welcome-box .btn-rates span {
	background-position: -118px 0
}
.welcome-box .btn-current-offers span {
	background-position: -177px 0
}
.welcome-box .btn-recharge span {
	background-position: -236px 0
}
.logo {
	float:left;
}
.header-right {
	float:right;
}
.lang-switcher {
	margin-bottom:16px;
}
.account {
	float:right;
}
.account a {
	color:#fff;
	font-size:11px;
	background:url(../Images/mobile/icon-sprite.png) no-repeat center 0;
	display:block;
	height:12px;
	padding:20px 0 0 0;
	float:left;
}
.account a.logout {
	background-position:center -36px;
}
.account span {
	background:#33a1b1;
	width:1px;
	float:left;
	display:block;
	height:32px;
	margin:0 10px;
}
.top-select {
	padding:10px;
	background:#00bf99;
	position:relative;
}
.bottom-select {
	padding:10px;
	background:#f4f3f3;
	position:relative;
}
.bottom-select-space {
	margin-bottom:15px;
}
.styled {
	height: 46px;
	left: 0;
	line-height: 29px;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: 0;
	width:100%;
	font-size:12px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
span.select {
	color: #6d6c67;
	display: block;
	font-size: 13px;
	left: 0;
	padding:10px 0px 10px 10px;
	position: relative;
	top: 0;
	width:100%;
	background:url(../Images/mobile/list-box-arrow.png) no-repeat right 3px #fff;
	margin:0px;
	border-radius:10px;
	-moz-box-shadow: inset 0 0 5px 5px #d6d6d6;
	-webkit-box-shadow: inset 0 0 5px 5px #d6d6d6;
	box-shadow: inset 0 0 6px 1px #d6d6d6;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.content h1 {
	font-size:24px;
	color:black;
	font-weight:normal;
	text-transform:uppercase;
	margin-left:10px;
}
.content h2 {
	color:black;
	font-size:15px;
	font-weight:normal;
	background:#f1f1f1;
	padding:10px;
	text-transform:uppercase;
}
.widget {
	margin-bottom:15px;
	overflow:hidden;
}
.accordian .details {
	display:none;
	margin:15px 0 0 0;
}
.accordian .active a {
	background:url(../Images/mobile/down-arrow.png) no-repeat 0px 5px;
}

.accordian .active{
	background:url(../Images/mobile/down-arrow.png) no-repeat 0px 5px;
}
.back {
	background:  #cccccc;
	color: #005389;
	border: medium none;
	border-radius: 8px 8px 8px 8px;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	margin: 0 10px 0 0;
	padding: 5px 10px;
}
.disable {
	background:  #cccccc;
	color: #FFF;
	border: medium none;
	border-radius: 8px 8px 8px 8px;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	margin: 0 10px 0 0;
	padding: 5px 10px;
}
.accordian .details .back {
	background:  #cccccc;
	color: #005389;
	border: medium none;
	border-radius: 8px 8px 8px 8px;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	margin: 0 10px 0 0;
	padding: 5px 10px;
}
.accordian .details label {
	font-size:14px;
	color:gray;
	margin:0 0 10px 0;
	display:block;
	float:none;

}
ul.list {
	margin:0px 10px 10px 10px;
	padding:0px;
}
ul.list li {
	border-bottom:#ebebeb solid 1px;
	padding:7px 0px;
	overflow:hidden;
}
ul.list li:last-child {
	border:none;
}
ul.list li strong {
	color:gray;
	font-size:13px;
	float:left;
	padding:5px 0 0 0;
}
ul.list li h3 {
	margin:0;
	padding:0 0 0 15px;
	font-weight:normal;
	color:#00bfb3;
	font-size:14px;
	background:url(../Images/mobile/icon-sprite.png) 0px -74px no-repeat;
	cursor:pointer;
}

ul.no-accordian li h3  {padding:0; background:none; cursor:default;}

ul.list li h3:hover{color:#333;}
ul.list li h3 a {
	color:#00bfb3;
	font-size:14px;
	background:url(../Images/mobile/icon-sprite.png) 0px -74px no-repeat;
	padding:0 0 0 15px;
}
ul.list li h3 a:hover {
	color:#333;
}
ul.list li label {
	color: #00bfb3;
	float:left;
	font-size: 14px;
	width: 220px;
}
ul.list li em {
	color: #00bfb3;
	float: right;
	font-size: 18px;
	font-style: normal;
	margin:0;
	padding:0px;
}
ul.list li .chk {
	float:left;
	margin-right:5px;
	margin-left:2px;
	margin-top:2px;

}
ul.list li p {
	margin:0 10px 15px 0;
}
a.more {
	color:#00bfb3;
	font-size:14px;
	background:url(../Images/mobile/icon-sprite.png) 0px -74px no-repeat;
	padding:0 0 0 15px;
	margin-left:10px;
}
a.more:hover {
	color:#333;
}
.btn {
	background: none repeat scroll 0 0 rgb(0, 191, 179);
    color: #ffffff;
	border: medium none;
	border-radius: 8px 8px 8px 8px;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	margin: 0 10px 10px 0;
	padding: 5px 10px;
}

.sele {
	width:100%;
	padding:4px 5px;
	color:#999999;
	border-left:1px solid #9c9c9c;
	border-right:1px solid #e2e2e2;
	border-top:1px solid #9c9c9c;
	border-bottom:1px solid #e2e2e2;
	margin:0 0 10px 0;
}
.less-txt {
	width:85%;
}
.less-width {
	width:47%;
	margin-right:3%;
}
.lesser-width {
	width:31%;
	margin-right:6px;
}
.less-width:last-child {
	margin:0px;
}
.lesser-width:last-child {
	margin:0px;
}
.txt-middle {
	text-align:center;
}
.txt-right {
	text-align:right;
}
.recharge-ocuur {
	font-size:13px;
	font-weight:normal;
	color:#333;
}
a.edit {
	color:#005288;
	font-size:14px;
}
a.delete {
	color:#005288;
	font-size:14px;
}
/* ==========================================================================
   LOGIN PAGE
   ========================================================================== */
   .container_16
{
    margin-right: auto;
    margin-left: auto;
    width: 960px;
}

.container {
	width:100%;
	min-width:320px;
	position:relative;
}
.content-wrapper {
	background: #00758a; /* Old browsers */
	background: -moz-linear-gradient(top, #00758a 0%, #00758a 18%, #008da1 38%, #008da1 64%, #00758a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00758a), color-stop(18%, #00758a), color-stop(38%, #008da1), color-stop(64%, #008da1), color-stop(100%, #00758a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #00758a 0%, #00758a 18%, #008da1 38%, #008da1 64%, #00758a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #00758a 0%, #00758a 18%, #008da1 38%, #008da1 64%, #00758a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #00758a 0%, #00758a 18%, #008da1 38%, #008da1 64%, #00758a 100%); /* IE10+ */
	background: linear-gradient(to bottom, #00758a 0%, #00758a 18%, #008da1 38%, #008da1 64%, #00758a 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00758a', endColorstr='#00758a',GradientType=0 ); /* IE6-9 */*/
}
.login-top {
	background:#00968D;
	padding:0 0px 15px;
	border-bottom: 1px solid #66bcc8;
}
.top {
	padding: 15px 10px 15px 10px;
    background: #0090a4 url(../images/ar/bg-header.gif) repeat-x 0 100%;
	/*background: #008a9d;*/
}
.input-wrapper {
	padding: 20px 30px 0;
    background: #00968D;
}
.login {
	color:#fff;
}
.welcome-box {
	padding-top: 15px;
	padding-bottom: 15px;
    border-bottom: 1px solid #66becb;
    background: #00968D;

}
.login h1 {
	text-align:center;
	margin:0 0 23px 0;
}
.login h3 {
	font-size:1.846em;
	text-align: center;
}
.login h2 {
	font-size:2.769em;
}
.login h4 {
	font-size:1.231em;
	font-weight:normal;
}
.login .txt {
	border:none;
	background:#FFF;
	margin-bottom:18px;
	padding:8px 10px;
	font-size:14px;
	color:#333333;
}
.button {
	font-family: Arial;
	color: #ffffff;
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width:100%;
	text-align:center;
	font-weight:bold;
	background: #007B74;
	background: -moz-linear-gradient(top, #1f6796, #004877);
	-moz-box-shadow: inset 0 0 5px 5px #3f7697;
	-webkit-box-shadow: inset 0 0 5px 5px #3f7697;
	box-shadow: inset 0 0 6px 1px #3f7697;
	border:none;
	margin-bottom:10px;
}
.button:hover {
	color:#ebebeb;
}
.input-wrapper .forgot {
	color:#f7c44b;
	margin-bottom:10px;
	display:inline-block;
	text-decoration: none;
    font-weight: bold;
}
.btn-footer {
	padding-bottom: 10px;
}
.forgot:hover {
	color:#000;
}
.login-bottom {
	background:#00968D;
	padding:15px 0px 0px 0px;
}
.login-bottom .button {
	color:#ffffff;
	margin-bottom:25px;
}

.button:hover {
    color: #cccccc;
}

.login-new {
	color:#00968D;
	padding:0px 30px
}
.login-footer {
	border-top:#33a0b0 solid 1px;
	padding-top:10px;
	text-align:center;
}
.login-copy {
	text-align:left;
	background:#f4f3f3;
	color:#999999;
	padding:15px 10px;
}
.login-down {
	background:#e4e4e4;
	padding:10px;
	text-align:left;
	color:#333333;
}
.login-down a {
	color:#333;
}
.login-down a.full-site {
	color:#00bfb3;
	font-size:12px;
	background:url(../Images/mobile/icon-sprite.png) 0px -74px no-repeat;
	padding:0 0 0 15px;
	font-weight:bold;
	display:table;
	margin:10px 0 0 0;
}
/* ==========================================================================
  HOME PAGE
   ========================================================================== */
.wrap-user {
	background:#f6f6f6;
	padding:5px 10px 5px 10px;
	color:#00bfb3;
	font-size:14px;
	font-weight:bold;
	margin-bottom:15px;
	text-transform:uppercase;
	overflow:hidden;
}
.wrap-user span {
	margin:5px 0 0 0;
	float:left;
}
.price-btn {
	background: none repeat scroll 0 0 #FDBB30;
	border-radius: 15px 15px 15px 15px;
	color: #936600;
	font-size: 14px;
	padding: 5px 10px;
	float:right;
}
.wrap-user a.back {
	background:url(../Images/mobile/top-btn.png) repeat-x 0px -36px;
	text-transform:none;
	color: #333333;
	display: block;
	float: right;
	font-size:13px;
	font-weight:bold;
	height: 27px;
	margin: 0px;
	padding: 0px; /* sliding doors padding */
	text-decoration: none;
}
.wrap-user a.back span {
	background:url(../Images/mobile/top-btn.png) no-repeat;
	display: block;
	padding:3px 12px 5px 18px;
	margin:0px;
}
/* ==========================================================================
  MANAGE CARDS
   ========================================================================== */
   
   .tab {
}
.tab li {
}
.tab li em {
	background:url(../Images/mobile/number-bg.png) no-repeat;
	color: #FFFFFF;
	display:inline-block;
	font-style: normal;
	font-weight: bold;
	height: 23px;
	margin: 0 9px 0 0;
	padding:0;
	text-align: center;
	width: 23px;
	font-size:17px;
}
.tab li h3 {
	margin-bottom:2px;
	background:#f1f1f1;
	padding:7px 10px;
	position:relative;
}
.tab li h3.active {
	background:#fdbb30;
}
.tab li h3 p {
	position:absolute;
	margin:0px;
	padding:0px;
	height:10px;
	width:20px;
	display:block;
	top:0;
	left:0;
}
.tab li h3.active p {
	background:url(../Images/mobile/tab-arrow.png) no-repeat;
	position:absolute;
	margin:0px;
	padding:0px;
	height:10px;
	width:20px;
	display:block;
	top:37px;
	left:11px;
}
.tab li h3 a {
	color:#999999;
	font-size:16px;
	text-transform:uppercase;
}
.tab li .details {
	margin:10px;
}
.tab li .details p {
	margin:0 0 10px 0;
}
.tab li .active a {
	background:none;
}
ul.wrap-form li {
	padding:0 0 15px 0;
	border:none;
}
.wrap-out {
	margin:10px;
}
.wrap-out label {
	margin-bottom:10px;
	display:block;
}
.hint {
	background: url(../Images/mobile/hint.png) no-repeat;
	display: block;
	float: right;
	height: 29px;
	margin: 0 0 0 5px;
	width: 29px;
}
/* ==========================================================================
  CARD DETAILS
   ========================================================================== */
   
   .wrap-card-details {
	margin:10px;
}
.wrap-card-details h4 span {
	color:#333333;
}
.plans-table {
}
.plans-table th {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: none repeat scroll 0 0 transparent;
	border-color: -moz-use-text-color -moz-use-text-color #CCCCCC;
	border-image: none;
	border-style: none none solid;
	border-width: 0 0 1px;
	color: black;
	font-size: 14px;
	padding: 0 0 10px;
	text-transform: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.plans-table th .stop{float:right;}

.plans-table em {
	color: #00AEC5;
	font-style: normal;
	font-weight: bold;
}
.plans-table td {
	border-bottom: 1px solid #CCCCCC;
	margin-left:0px;
	font-size: 13px;
	padding: 7px 0;

}
.plans-table th span {
	color:black;
	font-size:15px;
	
}
td.no-bord {
	border:none;
	padding-bottom:0;
}
td.thick-bord {
	border-bottom:#ccc solid 3px;
	color:black;
}
.plans-table td span {
	color:black;
	font-size:13px;
}
.plans-table td strong {
	color:black;
	font-size:14px;
}
.tbl-bottom-space {
	margin-bottom:25px;
}


.offer {
	background: #FDBB30;
	border-radius: 8px 8px 8px 8px;
	color: #936600;
	float: left;
	font-size: 10px;
	margin: 0 12px 0 0;
	padding: 6px 0 0;
	text-align: center;
}
.offer strong {
	font-size:38px;
}
.offer-details {
	float: left;
	padding: 0 0 10px;
	width:60%;
}
.offer-details h6 {
	margin:0px;
	font-size:13px;
}
.offer-details p {
	margin:0px;
}
.controll-wrap {
	margin:10px;
	overflow:hidden;
}
.controlls .next {
	background:url(../Images/mobile/controll-sprite.png) no-repeat;
	width:25px;
	height:25px;
	display:block;
	float:left;
	margin-right:10px;
}
.controlls .previous {
	background:url(../Images/mobile/controll-sprite.png) no-repeat -35px 0px;
	width:25px;
	height:25px;
	display:block;
	float:left;
}
.controlls {
	float:right;
}
.expot {
	text-align:right;
	margin-bottom:15px;
}
.expot strong {
	font-size:14px;
	color:#333333;
	margin-right:5px;
}
.expot .excel {
	background:url(../Images/mobile/export-sprite.png) no-repeat;
	width:17px;
	height:17px;
	padding-left:20px;
	margin-right:20px;
	padding-bottom:3px;
}
.expot .pdf {
	background:url(../Images/mobile/export-sprite.png) no-repeat -53px 0px;
	width:17px;
	height:17px;
	padding-left:20px;
	padding-bottom:3px;
}
.expot-down {
height:20px;
}
.expot-down strong {
	font-size:14px;
	color:#333333;
	margin-right:5px;
}
.expot-down .excel {
	background:url(../Images/mobile/export-sprite.png) no-repeat;
	width:17px;
	height:20px;
	padding-left:20px;
	margin-right:20px;
	padding-bottom:5px;
}
.expot-down .pdf {
	background:url(../Images/mobile/export-sprite.png) no-repeat -53px 0px;
	width:17px;
	height:20px;
	padding-left:20px;
	padding-bottom:5px;
	
}
.notification-chk span {
	float:left;
	margin-right:15px;
}
.notification-chk label {
	float:left!important;
}
.social-ico li {
	float:left;
}
.mandatory label:after {
	background:url(../Images/mobile/mandatory.png) no-repeat 0 0;
	content:' ';
	width:12px;
	height:10px;
	display:inline-block;
}
.error {
	color:#ff0000;
}
ul.amount-control {
	margin:0px;
	padding:0px;
}
ul.amount-control li {
	margin:0px;
	padding:0px;
	border:none;
	display:inline-table;
	margin-left:25px;
}
ul.amount-control li:first-child {
	margin-left:0px;
}
td.small-middle {
	width:3%;
}


.top-free-spacer {height:25px; width:100%;}
ul.list li label.chk-name{width:60%;}

.accordian .back{margin-right:3px;}
.accordian .btn{margin-right:3px;}










/* ==========================================================================
 15 - datepicker
 ========================================================================== */
.ui-widget-content {
	background: #fff;
	padding: 10px;
	border: 1px solid #ccc;
	display: none;
	z-index: 999 !important;
	width: 185px;
}

.ui-datepicker-prev, .ui-datepicker-next {
	position: absolute;
	display: block;
	width: 15px;
	height: 10px;
	top: 10px;
	text-indent: -999em;
	background: #ccc;
	cursor: pointer;
}

.ui-datepicker-title {
	width: 80%;
	margin: 0 auto;
}

.ui-datepicker-month {
	margin-right: 10px;
}

.ui-datepicker-prev {
	left: 5px;
	background: url(../Images/mobile/sprite-btn-arrow-prev.png) no-repeat left -42px;
}

.ui-datepicker-next {
	right: 5px;
	background: url(../Images/mobile/sprite-btn-arrow.png) no-repeat right -42px;
}

.ui-widget-header {
	background: #22afc3;
	position: relative;
	padding: 5px;
	text-align: center;
}

.ui-datepicker-calendar tr td {
	padding: 5px;
}
/* Sharethis top margin fix */
.stwrapper {
	margin-top: 150px !important;
}



.date-select {
    background: url(../Images/mobile/calander.png) no-repeat scroll 98% 4px #FFFFFF;
	







}