@font-face {
    font-family: 'DosisRegular';
    src: url('../fonts/dosis-regular-webfont.eot');
    src: url('../fonts/dosis-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dosis-regular-webfont.woff') format('woff'),
         url('../fonts/dosis-regular-webfont.ttf') format('truetype'),
         url('../fonts/dosis-regular-webfont.svg#DosisRegular') format('svg');
    font-weight: normal;
    font-style: normal;
} 

@font-face {
    font-family: 'DosisLight';
    src: url('../fonts/dosis-light-webfont.eot');
    src: url('../fonts/dosis-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dosis-light-webfont.woff') format('woff'),
         url('../fonts/dosis-light-webfont.ttf') format('truetype'),
         url('../fonts/dosis-light-webfont.svg#DosisLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DosisBold';
    src: url('../fonts/dosis-bold-webfont.eot');
    src: url('../fonts/dosis-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dosis-bold-webfont.woff') format('woff'),
         url('../fonts/dosis-bold-webfont.ttf') format('truetype'),
         url('../fonts/dosis-bold-webfont.svg#DosisBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'NunitoBold';
    src: url('../fonts/nunito-bold-webfont.eot');
    src: url('../fonts/nunito-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nunito-bold-webfont.woff') format('woff'),
         url('../fonts/nunito-bold-webfont.ttf') format('truetype'),
         url('../fonts/nunito-bold-webfont.svg#NunitoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NunitoLight';
    src: url('../fonts/nunito-light-webfont.eot');
    src: url('../fonts/nunito-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nunito-light-webfont.woff') format('woff'),
         url('../fonts/nunito-light-webfont.ttf') format('truetype'),
         url('../fonts/nunito-light-webfont.svg#NunitoLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NunitoRegular';
    src: url('../fonts/nunito-regular-webfont.eot');
    src: url('../fonts/nunito-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nunito-regular-webfont.woff') format('woff'),
         url('../fonts/nunito-regular-webfont.ttf') format('truetype'),
         url('../fonts/nunito-regular-webfont.svg#NunitoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Conv_TheMixArabic-Plain';
	src: url('../fonts/TheMixArabic-Plain.eot');
	src: url('../fonts/TheMixArabic-Plain.woff') format('woff'), url('../fonts/TheMixArabic-Plain.ttf') format('truetype'), url('../fonts/TheMixArabic-Plain.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

#background {position:fixed;top:0;left:0;width:100%;height:100%;z-index: -1;}
 
 /**Forms Generic Styling**/
input[type=text],input[type=password], select {border: 1px solid #FFF;-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px 8px 8px 8px;
height: 18px; padding: 5px;}
input[type=password] {font-family: arial;}
input[type=submit], input[type=reset], input[type=button], .button {background: #009FB4; border: 0; color: #FFF; padding: 5px 10px;
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px 8px 8px 8px; height: auto; margin-top: 5px;}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {background: #2eccdf;}
input[type="checkbox"] {margin: 0 5px 0 0;}
select {height: 30px;}
textarea {border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 0; resize: none; padding: 5px; font-size: 12px;}
.pointer {cursor: pointer;}
.loading {width: 100%; text-align: center; color: #FFF; display: block;}
.loading img {border: 0!important; text-align: center; width: 28px; margin: 0 auto; float: none!important;}
.larger-font {font-size: 14px;}
.clear {clear:both;}
.mrgl20 {margin-left: 20px;}
.mrgt15 {margin-top: 15px;}
.unavaibleMsg {width: 100%;}
.unclickable {cursor: not-allowed;}
.borderRadius8 {border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
.fl {float: left;}
.fr {float: right;}
.printable {display: none;}
.not-printable {display: block;}

/***Text area with counter***/
.textarea, textarea {width: 141px; padding: 0 0 20px;background-color:#FFF;border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
.counter {float: right;margin: 3px 5px 0 0;}
.counter p{float: left; color: #FFF;}
.counter span {float: left; margin: 0 3px; color: #FFF;}

/***General Styling for succes/Fail/pending with icons***/
.tas .ntAvailable {width: 100%; display: inline-block;}
.tas .successStatus {color: #8dbb50; background: transparent url(../images/touch-images/succesStatus.png) top left no-repeat;}
.tas .FailureStatus {color: #cc3333; background: transparent url(../images/touch-images/failureStatus.png) top left no-repeat;}
.tas .pendingStatus {color: #ffb400; background: transparent url(../images/touch-images/pendingStatus.png) top left no-repeat;}


/*** error and warning messages ***/
.tas .error {font-family: 'NunitoBold'; background: url(../images/touch-images/error.png) top left no-repeat; color: #cc3333!important;padding: 3px 0 6px 25px;}

.tas .info {font-weight: normal; background: #009fb4 url(../images/touch-images/info.png) 25px center no-repeat; font-size: 1.4em!important; color: #FFFFFF;
padding: 11px 0 14px 68px; margin-left: -20px; width: 96.6%!important; font-family: 'NunitoRegular',"Lucida Grande", sans-serif;}
	.tas .info a:link, .info a:visited {color: #FFF!important;}

.tas .errorStrip, .editorial .error {font-weight: normal; background: #cc3333 url(../images/touch-images/errorStrip.png) 25px center no-repeat;
font-size: 1.4em!important;color: #FFF!important;padding: 11px 0 14px 68px; margin-left: -20px; width: 96.8%!important;
font-family: 'NunitoRegular',"Lucida Grande", sans-serif;text-align: left;}
	.tas .errorStrip a:link, .errorStrip a:visited {color: #FFF;}

.tas .warningStrip {font-weight: normal; background: #fcd107 url(../images/touch-images/warningStrip.png) 25px center no-repeat; font-size: 1.4em!important;
color: #49494b!important; padding: 11px 0 14px 68px; margin-left: -20px; width: 96.8%!important; font-family: 'NunitoRegular',"Lucida Grande", sans-serif;text-align: left;}
.tas .warningStrip a:link, .warningStrip a:visited {color: #FFF!important;}

.tas .success {font-weight: normal; background: #8dbb50 url(../images/touch-images/success.png) 25px center no-repeat; font-size: 1.4em!important; color: #FFF;
padding: 11px 0 14px 80px; margin-left: -20px; width: 96%!important; font-family: 'NunitoBold';}
.tas .success span {font-family: 'NunitoRegular'; font-size: 0.8em;display: block;}
.tas .success a:link, .success a:visited {color: #49494B!important;}

.tas .export {background: transparent url(../images/touch-images/export.png) top left no-repeat; position: relative; display: inline-block; padding-left: 20px;}
.tas .print {background: transparent url(../images/touch-images/print.png) no-repeat top left;padding: 5px 0;}
.tas .print:hover {cursor: pointer;}

/**generic styling**/
.tas .fl {float: left;}
.tas .fr {float: right;}

/**margin top**/
.tas .mrgt5 {margin-top: 5px;}
.tas .mrgt10 {margin-top: 10px;}
.tas .mrgt12 {margin-top: 12px;}
.tas .mrgt15 {margin-top: 15px;}
.tas .mrgt20 {margin-top: 20px;}

/**margin bottom**/
.tas .mrgb10 {margin-bottom: 10px}
.tas .mrgb15 {margin-bottom: 15px;}
.tas .mrgb20 {margin-bottom: 20px}
.tas .mrgb30 {margin-bottom: 30px}


/**margin left**/
.tas .mrgl10 {margin-left: 10px;}
.tas .mrgl20 {margin-left: 20px;}

/**margin right**/
.tas .mrgr10 {margin-right: 10px;}
.tas .mrgr20 {margin-right: 20px;}

/**padding all sides**/
.tas .pd10 {padding: 10px;}

/**text**/
.text-center {text-align: center;}

/*** Forms ***/
.editorial .forms h2 {width: 98%; background: #009fb4; color: #FFF; font-size: 1.4em; text-transform: uppercase; padding: 8px 0 8px 10px; margin-bottom: 10px;}
.editorial .forms li {display: inline-block; width: 99%; list-style-image: none; list-style-position: outside; clear: both; margin-bottom: 18px;}
.editorial .forms li label {padding-left: 8px; margin-right: 10px; font-size: 1.1em; float: left; width: 100%; padding-bottom: 6px;}
.editorial .note {font-size: 0.85em; color: #a3a3a3; width: 46%; text-align: right; line-height: 1.2em; padding-top: 6px;display: block;}
.editorial .forms li input[type=text], .editorial .forms li input[type=password] {width: 44%;}
.editorial .forms li input[type=radio] {margin: 3px 6px 0 0; float: left; border: 0; outline: 0;}
.editorial .forms li .radio-label {float: left; margin: 2px 28px 0 0;}
.editorial .forms li select {width: 46%;}
.editorial .forms li.disclaimer textarea {width: 95%;}
.editorial .forms li.disclaimer pre, .form-dialog pre {background-color:#FFF;border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
height: 200px; overflow-y: auto; color: #000; font-family: "NunitoRegular"; padding: 20px; width: 94%;}
.editorial .forms li textarea {width: 44%;}
.editorial .forms li.birthday select {width: 15%}
.editorial .forms li.birthday input[type=text] {/**position: absolute;**/width: 13%;}
.editorial .forms li.number input[type="text"] {width: 13%;}
.editorial .forms li.error {background: url(../images/touch-images/error.png) top left no-repeat; color: #b52222; padding-top: 4px; font-size: 1.2em;}
.editorial .forms li .error {color: #FF0000!important; font-size: 1.3em; background: none; font-size: 1.1em!important; margin: 0; padding: 3px 0 6px 10px;}
.editorial .submit-link:link, .editorial .submit-link:visited {display: inline-block; background: #009FB4; text-transform: capitalize;
color: #FFF;border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; text-decoration: none; border: none; padding: 5px 10px; margin-top: 10px;}
.editorial .submit-link:hover, .editorial .submit-link:active {background: #2eccdf;}


/*** Fonts ***/
body {background: #e3e4e5 url(../images/touch-images/body-bg.png) top right no-repeat; font-family: 'NunitoRegular',"Lucida Grande", sans-serif;
-moz-background-size:100% 100%; /* Firefox 3.6 */background-size:100% 100%; outline: 0;}

body.ie8 {background-color: #e3e4e5;background-image: none;}

.wideWrapper {
margin: 0 auto -25px;/* the bottom margin is the negative value of the footer's height */
min-height: 100%;
height: auto !important;
}

.head-side {
width: 75%;
float: right;
}
#wrapper {margin: 15px auto 0;max-width: 942px;}
#content-wrap {width: 100%; position: relative; padding-bottom: 50px;}

/*** Outer Head ***/

.outer-head {min-height: 35px;height: auto;display: inline-block; width: 100%; background: #e3e4e5; border-top: 2px solid #009fb4;}
.head {max-width: 942px; margin: 0 auto;text-align: center;}
.head-side {width: 75%; float: right;}

/**The Grid***/
.tas .dojoxGridRowOver table {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background-color: #C8E7EC;
cursor: pointer;
}
.tas .dojoxGridRowSelected table {background-color: #FFF;}

/** Header ***/
header {width: 100%;}
.top-social {height: 30px; float: right; width: 75%; margin-right: 170px;}
.top-social ul {float: right;}
.top-social ul li {float: left;}
.top-social ul li.twitter {margin: 0 10px;}
.top-social ul li a {display: block; height: 30px; width: 33px; text-indent: -2000px; overflow: hidden; }
.top-social ul li.facebook a {background:url(../images/touch-images/top-social.png) top left no-repeat;}
.top-social ul li.google a {background:url(../images/touch-images/top-social.png) -82px 0 no-repeat;}
.top-social ul li.twitter a {background:url(../images/touch-images/top-social.png) -41px 0 no-repeat;}
.top-social ul li.facebook a:hover {background-position: 0 -49px;}
.top-social ul li.twitter a:hover {background-position: -41px -49px;}
.top-social ul li.google a:hover {background-position: -82px -49px;}

#search {display: inline-block;float: right; width: 26%;}
#search ul {float: right; margin-top: 4px; width: 100%;}
#search ul li.text-field {background-color: #FFF;
border: 1px solid #A1A1A2;height: 20px;width: 88%;}
#search ul li {float: left;}
#search ul li.text-field {width: 90%; height: 22px; background: #FFF; border: 1px solid #a1a1a2;}
#search ul li input[type=text] {padding: 0; margin-left: 4px;background: none; border: 0; width: 96%; height: 22px;font-family: 'DosisRegular'; font-size: 14px;
color: #757575;}
#search ul li.submit-btn {width: 8%; height: 22px; float: right;background:url(../images/touch-images/search-btn.png) right -27px no-repeat;margin: 2px 0 0 0;}
#search ul li.submit-btn:hover {-moz-opacity:.70; -ms-filter:"alpha(opacity=70)"; filter:alpha(opacity=70); opacity:.70;}
#search ul li input[type=submit] {width: 8%; height: 22px; background: none; border: 0;}

#logo {width: 21.1%; float: left; margin-right: 1.8em; height: auto;margin-top: -10px;}
#logo img {width: 100%; height: auto;}
.header-side {float: right; width: 75%;position: relative; margin-top: 3px;}
nav {display: table; background-color: #818182; float: none;overflow: hidden; width: 100%;
border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
-ms-border-radius: 8px 8px 0 0;}
nav ul.mainnav {display: table-row;}
nav ul li {float: left;}
nav .mainnav li {height: 30px; margin: 3px 5px 0 3px; display: table-cell; float: none;}
nav .mainnav li a {text-align: center;display:block; height: 25px;font-family: 'NunitoBold'; font-size: 0.88em;color: #FFF;text-decoration: none;padding-top: 5px;
-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}


nav .mainnav li + li {border-left: 1px solid #FFF;}
nav .mainnav .current a {background-color: #bebec0;}
nav .mainnav a:hover {background-color: #bebec0; text-decoration: none;}

nav .mainnav .menuContent  a:hover {background-color: transparent;text-decoration: underline;}
nav .menuContent {position: absolute; width: 100%; background: #bebec0; border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px; right: 0; overflow: hidden;}

.dj_ie .dj_web kit nav .menuContent {width: 99.7%;}
.ie8 nav .main nav li a {padding: 5px 21px 0 20px;}

nav .menuContent .subnav li {display: table-cell; margin: 10px 0; width: auto; float: none; text-align: center; vertical-align: top;
 -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
/**@media screen and (-webkit-min-device-pixel-ratio:0) {
	nav .menuContent .subnav li {width: 15%;}
}
.ie8 nav .menuContent .subnav li {width: 20%;}
**/
nav .menuContent .megaMenu li:hover {background-color: transparent;}
nav .menuContent .megaMenu li +li {border-left: 1px solid #CCC;}
nav .sub2nav li a:hover {}
.ie9 nav .menuContent .megaMenu li {width: 14%;}

nav .menuContent .sub2nav {margin: 0;width: 100%;display: block;}
nav .menuContent .sub2nav li {border: none!important; display: block; line-height: 2em;}

/****Begin New Menu : Mega Menu**/
.menuContent {z-index:3; display: block;}
.ie8 .menuContent {width: 100%;}

.subnavWrap {display: table; padding: 10px 0; width: 97%; overflow: hidden; background-color: #FFF!important; border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;
 -moz-border-radius: 10px 10px 10px 10px; margin: 10px;}
.menuContent ul {background-color: #FFF;margin: 10px; display: table-row;}
.menuContent .megaMenu { border-collapse: collapse;margin: 0; overflow: hidden; padding: 10px; width: 97%;}
.menuContent .megaMenu a:link, .menuContent .megaMenu a:visited {border: none; color: #009FB4; font-family: "NunitoBold"; display: inline-block;
	-moz-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;-ms-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
	-o-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;-webkit-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
	transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s; font-size: 14.5px;/***This font is added to remove the dash from the G letter***/}
.menuContent .megaMenu .sub2nav a:link, .menuContent .megaMenu .sub2nav a:visited {color: #009FB4; font-family: "NunitoRegular"; font-size: 2em;
text-align: center; text-transform: capitalize;word-break: normal;line-height: 1.3em;}
.menuContent .megaMenu .sub2nav a:hover, .menuContent .megaMenu .sub2nav a:active {}	
.ie8.menuContent .megaMenu .sub2nav a:link, .ie8.menuContent .megaMenu .sub2nav a:visited {font-size: 2em;}

nav .menuContent li:last-child {border-right: none;}
nav .menuContent li a {font-family: 'DosisRegular'; cursor: pointer!important; background: none!important; font-weight: normal; border-radius: 0;
-webkit-border-radius: 0; -moz-border-radius: 0; padding: 6px 10px 0; height: auto; text-transform:uppercase; }
nav .menuContent li.selected a {font-family: 'DosisBold'; background: #009fb4!important;}

nav .menuContent.subnav li{background: none; border-right: 1px solid #000; width: 95px;}
.menuContent .sub2nav li {border: none; border-right: none !important; font-family: nunitoregular !important; font-size: 0.4em!important;
	height: auto !important; line-height: 1; margin: 0!important; min-height: 20px !important; overflow: hidden; padding: 5px 0; width: 90% !important;}
.spacing {border-top: 30px solid #FFF; display: block;}
.spacing:first-child {border-top: 0;}
/****End New Menu : Mega Menu**/

/**** large content ***/
.large-content-wrap {float: right; width: 850px;}
.large-content {width: 100%;}
#promotion {margin-bottom: 18px; z-index:0; position: relative;height: 440px;width: 843px;}
#promotion img {border: none;-webkit-border-radius: 8px!important; -moz-border-radius: 8px; border-radius: 8px 8px 8px 8px;display: block;float: none;
margin:0; width: 850px; height: 440px;}

/**** Side Content ***/
.side-content {width: 17%; float: right;}

/**** Boxes ****/
#container {clear: both;}
.centered {margin: 0 auto;}
.box {padding: 10px; margin: 0 0 10px 0; font-size: 11px; line-height: 1.4em;float: left; -webkit-border-radius: 8px; -moz-border-radius: 8px;
border-radius: 8px; overflow: hidden;}
.box h4 {font-size: 1.4em; font-family: 'NunitoBold'; text-transform: uppercase; color: #ba4f94; line-height: 1em;}
.box .subtitle {width: 100%; display: block; font-size: 18px; line-height: 1.4em;}
.box:hover {box-shadow: 0px 0px 4px #383B3F;-webkit-box-shadow: 0px 0px 2px #858383; /* Safari */-moz-box-shadow: 0px 0px 2px #383B3F;}

.ie8 .box:hover {filter: progid:DXImageTransform.Microsoft.Shadow(Color=#383B3F, Strength=0, Direction=0),
progid:DXImageTransform.Microsoft.Shadow(Color=#979795, Strength=0, Direction=90),
progid:DXImageTransform.Microsoft.Shadow(Color=#979795, Strength=0, Direction=180),
progid:DXImageTransform.Microsoft.Shadow(Color=#979795, Strength=0, Direction=270);}

.box a.link:link, .box a.link:visited {background: url(../images/touch-images/white-arrow.png) left 8px no-repeat; font-family: 'DosisBold'; font-size: 1.4em; 
color: #FFF;padding: 2px 0 5px 20px; text-decoration: none; line-height: 1em; display: inline-block; }
.ie8 .box a.link:link, 
.ie8 .box a.link:visited {font-size: 15px; padding-top: 2px;}
.box label {color: #FFF;display: inline-block;font-size: 1.1em;font-weight: bold;line-height: 0.9em;margin-top: 10px;}
.box select {width: 141px;}
.box textarea, .box input[type=text] {width: 131px;}

.box .success {font-size: 1em!important; background-image: none; font-family: 'NunitoRegular'; padding: 4px; width: auto!important; margin: 0 -10px;
text-align: center;}
.box .warningStrip {font-size: 0.9em!important; background-image: none; font-family: 'NunitoRegular'; padding: 5px; width: auto!important; margin: 0 -10px;
text-align: center;}
.box .closeBtn {height: 19px;margin-top: 5px;}

.ie8 .box-content {filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"!important;}

.pink {background: #ba4f94;}
.grey {background: #49494b;}
.yellow {background: #fcd107;}
.blue {background: #009fb4;}
.green {background: #80b539;}

/**.editorialBigBox p, .editorialBigBox span, .editorialBigBox li {display: inline-block;}  for some reason don't allow the dash on the li to appear**/
.ie8 .editorialBigBox  .tableoption1 table tr td  {border-top: none!important;}
.editorialBigBox .contentWrap {background-color: rgba(0, 0, 0, 0.2); margin: -3px -10px -10px; padding: 10px;
cursor: default;
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#a6707070, endColorstr=#a6707070)!important;
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#a6707070, endColorstr=#a6707070)";}
.editorialBigBox li {width: 100%;}
.yellow-box .editorialBigBox .contentWrap {
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#a6CAA706, endColorstr=#a6CAA706)"!important;}
}

/*** Blue boxes ***/
.blue-box .editorialBigBox h5 {color: #49B7C6;}	
.blue-box .editorialBigBox .services-template .services-list li.selected, 
.blue-box .editorialBigBox .services-template .services-list li:hover {background-color: #49B7C6;}
.blue-box .overlay .overlay-title {background-color: #49B7C6;}
.blue-box a:link, .blue-box a:visited {color: #49B7C6;text-decoration: underline;}
.blue-box {background: #009fb4;}
.blue-box .subtitle {color: #FFF;}
.blue-box h1, .blue-box h2, .blue-box h3, .blue-box h4, .blue-box h5, .blue-box h6 {color: #FCD107;margin-bottom: 10px;}
.ie8 .blue-box .tableoption1 table tr td {border-top: 4px solid #009fb4!important;}
.blue-box li a {color: #FFF;}
.blue-box p, .blue-box span, .blue-box li {color: #FFF;}
.blue-box a:link, .blue-box a:visited {color: #49494b;text-decoration: underline;}
.blue-box input[type="submit"], .blue-box input[type="reset"], .blue-box input[type="button"] {background-color:#2eccdf;}
.blue-box input[type="submit"]:hover, .blue-box input[type="reset"]:hover, .blue-box input[type="button"]:hover {background-color: #70dce9;}

.tas .blue-box .editorialBigBox .bigTitle {color: #FCD107;}
.blue-box .editorialBigBox a:visited, .blue-box .editorialBigBox a:link {color: #058da5;text-decoration: underline;}
.blue-box .editorialBigBox div, .blue-box .editorialBigBox p, .blue-box .editorialBigBox span, .blue-box .editorialBigBox li {color: #FFF;}
.blue-box .editorialBigBox h1, .blue-box .editorialBigBox h2, .blue-box .editorialBigBox h3, 
.blue-box .editorialBigBox h4, .blue-box .editorialBigBox h5, .blue-box .editorialBigBox h6 {color: #FCD107;font-family:"DosisBold";}
.blue-box .editorialBigBox a:link, .blue-box .editorialBigBox a:visited {color: #49494b;}

/*** pink boxes ***/
.pink-box {background: #ba4f94;}
.pink-box h1, .pink-box h2, .pink-box h3, .pink-box h4, .pink-box h5, .pink-box h6 {color: #ffc905;margin-bottom: 10px;}
.ie8 .pink-box .editorialBigBox .tableoption1 table tr td {border-top: 4px solid #ba4f94!important;}
.pink-box li a {color: #FFF;}
.pink-box p, .pink-box span, .pink-box li {color: #FFF;}
.pink-box a:link, .pink-box a:visited {color: #49494b;text-decoration: underline;}

.tas .pink-box .editorialBigBox .bigTitle {color: #ffc905;}
.pink-box .editorialBigBox a:visited, .pink-box .editorialBigBox a:link {color: #49494b;text-decoration: underline;}
.pink-box .editorialBigBox div, .pink-box .editorialBigBox p, .pink-box .editorialBigBox span, .pink-box .editorialBigBox li {color: #FFF;}
.pink-box .editorialBigBox h1, .pink-box .editorialBigBox h2, .pink-box .editorialBigBox h3, 
.pink-box .editorialBigBox h4, .pink-box .editorialBigBox h5, .pink-box .editorialBigBox h6 {color: #ffc905;font-family:"DosisBold";}


/*** yellow  boxes ***/
.yellow-box {background: #fcd107;}
.yellow-box h1, .yellow-box h2, .yellow-box h3, .yellow-box h4, .yellow-box h5, .yellow-box h6 {color: #49494B;margin-bottom: 10px;}
.ie8 .yellow-box .editorialBigBox .tableoption1 table tr td {border-top: 4px solid #fcd107!important;}
.yellow-box .editorialBigBox li {list-style-image: url(../images/touch-images/grey-dash.png);}
.yellow-box li a {color: #FFF;}
.yellow-box p, .yellow-box span, .yellow-box li {color: #FFF;}
.yellow-box a:link, .yellow-box a:visited {color: #49494b;text-decoration: underline;}

.tas .yellow-box .editorialBigBox .bigTitle {color: #49494B;}
.yellow-box .editorialBigBox a:visited, .yellow-box .editorialBigBox a:link {color: #3DB1C1;text-decoration: underline;}
.yellow-box .editorialBigBox p, .yellow-box .editorialBigBox span, .yellow-box .editorialBigBox li {color: #49494b;}
.yellow-box .editorialBigBox h1, .yellow-box .editorialBigBox h2, .yellow-box .editorialBigBox h3, 
.yellow-box .editorialBigBox h4, .yellow-box .editorialBigBox h5, .yellow-box .editorialBigBox h6 {color: #49494B;font-family:"DosisBold";}

/*** grey boxes ***/
.grey-box {background: #49494b;}
.grey-box h1, .grey-box h2, .grey-box h3, .grey-box h4, .grey-box h5, .grey-box h6 {color: #BA4F94;margin-bottom: 10px;}
.ie8 .grey-box .editorialBigBox .tableoption1 table tr td {border-top: 4px solid #49494b!important;}
.grey-box li a {color: #ffc905;}
.grey-box div, .grey-box p, .grey-box span, .grey-box li {color: #FFF;}
.grey-box a:link, .grey-box a:visited {text-decoration: underline;}

.tas .grey-box .editorialBigBox .bigTitle {color: #BA4F94;}
.grey-box .editorialBigBox a:visited, .grey-box .editorialBigBox a:link {color: #058da5;text-decoration: underline;}
.grey-box .editorialBigBox p, .grey-box .editorialBigBox span {color: #FFF;}
.grey-box .editorialBigBox h1, .grey-box .editorialBigBox h2, .grey-box .editorialBigBox h3, 
.grey-box .editorialBigBox h4, .grey-box .editorialBigBox h5, .grey-box .editorialBigBox h6 {color: #BA4F94;font-family:"DosisBold";}

/*** green boxes ***/
.green-box {background: #80b539;}
.green-box h1, .green-box h2, .green-box h3, .green-box h4, .green-box h5, .green-box h6 {color: #ffc905;margin-bottom: 10px;}
.ie8 .green-box .editorialBigBox .tableoption1 table tr td {border-top: 4px solid #80b539!important;}
.green-box li a {color: #FFF;}
.green-box div, .green-box p, .green-box span, .green-box li {color: #FFF;}
.green-box a:link, .green-box a:visited {color: #49494b;text-decoration: underline;}

.tas .green-box .editorialBigBox .bigTitle {color: #ffc905;}
.green-box .editorialBigBox a:visited, .green-box .editorialBigBox a:link {color: #49494b;text-decoration: underline;}
.green-box .editorialBigBox p, .green-box .editorialBigBox span, .green-box .editorialBigBox li {color: #FFF;}
.green-box .editorialBigBox h1, .green-box .editorialBigBox h2, .green-box .editorialBigBox h3, 
.green-box .editorialBigBox h4, .green-box .editorialBigBox h5, .green-box .editorialBigBox h6 {color: #ffc905;font-family:"DosisBold";}


/*** same3ni box ***/
.same3ni .box-content {background: #ba4f94 url(../images/touch-images/boxes-icons/same3ni-bg.png) bottom right no-repeat;height: 80px;}
.same3ni h4 {color: #fcd107;font-size: 1.9em;}
.same3ni .subtitle {color: #FFF;font-size: 0.6em;line-height: 1.3em;width: 72%;}
.same3ni .highImportance {display: block;font-size: 2em;width: 100%;}
.same3ni .lessImportance {font-size: 1em;}

/*** Locate box ***/
.locate .box-content {background: #49494b url(../images/touch-images/boxes-icons/locate-bg.png) bottom right no-repeat; padding-bottom: 10px;}
.locate h4 {color: #ba4f94;}
.locate .subtitle {color: #ba4f94; font-family: 'NunitoLight';}
.locate a.link {margin-top: 8px;}

/*** app store***/
.appStore {background: #49494b url(../images/touch-images/boxes-icons/AppStore.png) top right no-repeat; height: 142px;}
.appStore img {float:right; margin-bottom: -10px; display: inline-block;}
.appStore .box-content h4 {font-family: nunitoLight; font-size: 2.3em;}
.appStore .appStoreWrapper {color: #ba4f94; font-family: nunitoBold; display: inline-block; margin-top: 22px; width: 20%; text-transform: uppercase;}
	.appStore .appStoreWrapper span {font-size: 7em;}
	.appStore .appStoreWrapper span + span {font-size: 4em; margin-top: 15px; display: inherit;} 

/*** Auction box ***/
.auction .box-content {background: #49494b url(../images/touch-images/boxes-icons/auction-bg.png) bottom right no-repeat;}
.auction h4 {color: #ba4f94;}
.auction .subtitle {color: #ba4f94; font-family: 'NunitoLight';}
.auction a.link {margin-top: 8px;}

/*** 3G box ***/
.three-g {background: #fdd700 url(../images/touch-images/boxes-icons/3g-bg.png) bottom left no-repeat; min-height: 125px;}
.three-g h4 {color: #ba4f94; float: right; padding-top: 12px; font-size: 2.4em;}
.three-g .subtitle {color: #ba4f94; font-family: 'NunitoLight';}

.DataPackage .box-content {background: transparent url(../images/touch-images/boxes-icons/InternetPackage.png) bottom right no-repeat; height: 114px;}
	.DataPackage h4 {color: #49494b;}
		.DataPackage .subtitle {font-size: 0.65em; font-family: NunitoRegular; text-transform: lowercase; width: 72%; margin-top: 10px;}
			.DataPackage .dataLink:link, .DataPackage .dataLink:visited{background: transparent url(../images/touch-images/grey-arrow.png) bottom left no-repeat; 
			margin-right: 20px; padding-left: 16px; font-family: nunitobold; float: left; text-decoration: none; font-size: 1.7em; color: #49494b;}
	
	.DataPackage .bigTitle {color: #FCD107!important;}
	.DataPackage  .editorialBigBox .contentWrap {background-color: #5f6067;}
		
/*** My bill box ***/
.mybill {background: url(../images/touch-images/boxes-icons/mybill-bg.png) top left no-repeat; height: 191px;-webkit-border-radius: 14px;
-moz-border-radius: 14px; border-radius: 14px;}
.mybill h4 {margin-left: 12px; font-family: 'NunitoRegular'; font-size: 2.2em;}
.mybill .subtitle {font-family: 'NunitoBold';}
.mybill ul {margin: 17px 0 0 17px;}
.mybill ul li {margin-bottom: 12px; font-family: 'DosisBold';}
.mybill ul li, .mybill ul li a {color: #49484d; text-decoration: none; font-size: 1.1em;}
.mybill ul li span {color: #49484d; font-weight: bold; font-size: 0.8em; margin-right: 3px;}
.ie8 .mybill ul li a {font-size: 0.9em;}

/*** Free sms box ***/
.free-sms h4 {font-size: 2.4em;}
.free-sms .subtitle {font-size: 1em; font-family: 'NunitoRegular';}
.free-sms .box-content {background: #49494b url(../images/touch-images/boxes-icons/freesms-bg.png) top right no-repeat;}
.free-sms a.link:link, .free-sms a.link:visited {margin-top: 8px;}

::-webkit-input-placeholder {font-style: italic;font-size: 0.8em;}
::-moz-placeholder {font-style: italic;font-size: 0.8em;} /* firefox 19+ */
:-ms-input-placeholder {font-style: italic;font-size: 0.8em;} /* ie */
input:-moz-placeholder {font-style: italic;font-size: 0.8em;}


/*** Blackberry entreprise box ***/
.blackberry h4 {color: #49494b; font-size: 1.8em; line-height: 1.2em;}
.blackberry .box-content {height: 110px;}
.blackberry a.link:link, .blackberry a.link:visited {font-family: 'NunitoLight';}

/*** Our services box ***/
.services h4 {color: #fdd700; font-size: 2.3em;}
.services p {color: #FFF; font-weight: 400; width: 78%; font-size: 1.3em; margin: 12px 0 0;}
.services .box-content {background: #009fb4 url(../images/touch-images/boxes-icons/services-bg.png) top right no-repeat; padding-bottom: 10px;}

/*** benefits and tarfis box ***/
.tariffs h4 {color: #353535; font-size: 1.9em;}
.tariffs p {margin-top: 8px; width: 78%;}
.tariffs .box-content {background: #fcd107 url(../images/touch-images/boxes-icons/benefits-bg.png) top right no-repeat;}

/*** Corporate Social Responsability box ***/
.responsability h4 {color: #ffc905; font-size: 1.9em; width: 80%;}
.responsability p {margin-top: 4px; width: 69%; color: #FFF;}
.responsability .box-content {background: #009fb4 url(../images/touch-images/boxes-icons/responsability-bg.png) top right no-repeat;}

/*** Go green box ***/
.goGreen h4 {color: #80b539; font-size: 2em; padding-bottom: 40px;}
.goGreen .box-content {background: #49494b url(../images/touch-images/boxes-icons/goGreen-bg.png) bottom right no-repeat;}

/*** Get in touch box ***/
.inTouch h4, .postpaid h4 {color: #ffc905; font-size: 1.6em;}
.inTouch p, .postpaid p {font-family: 'NunitoBold'; font-size: 1em; color: #FFF; margin-top: 8px;}
.inTouch ul, .postpaid ul {margin-top: 4px; color: #FFF;}

/*** Support call 111 box ***/
.support .info {float: left; width: 40%!important; padding: 0; font-size: 1em!important; margin: 0; background: none;}
.support h4 {color: #ffc905; font-size: 4.2em;}
.support p {clear: both; color: #FFF; line-height: 1.3em;}
.support span {font-size: 1.55em; font-family: 'NunitoBold';}
.support .hotline {font-size: 9em; color: #FFF; font-family: 'NunitoBold'; float: right; width: 58%; padding-top: 36px;}

 /*Bulk MMS*/
.bulk-mms .box-content {background: #009fb4 url(../images/touch-images/boxes-icons/bulkmms-bg.png) top right no-repeat; padding-top: 30px; height: 80px;}
.bulk-mms h4 {color: #353535;font-size: 3em;}
.bulk-mms .subtitle {font-family: 'NunitoLight';}
.bulk-mms a.link:link, .bulk-mms a.link:visited{font-family: 'DosisRegular';}

/*SMS Transmission*/
.sms-transmission h4 {color: #FFF;font-size: 2.2em;}
.sms-transmission .subtitle {color: #FFF;font-size: 0.7em;}
.sms-transmission .box-content {background: #49494b url(../images/touch-images/boxes-icons/smsTransmission-bg.png) bottom center no-repeat; height: 110px;}
.sms-transmission a.link:link, .sms-transmission a.link:visited {font-family: 'DosisRegular';}

/*Machine to Machine*/
.machine-to-machine .box-content {height: 95px;padding-top: 15px; text-align: center;}
.machine-to-machine h4 {color: #353535;font-size: 1.8em;margin: 0 auto;width: 100px;}
.machine-to-machine a.link:link, .machine-to-machine a.link:visited{font-family: 'DosisRegular';}

/*SMS Broadcast*/
.sms-broadcast .box-content {background: #80b539 url(../images/touch-images/boxes-icons/sms-broadcast.png) bottom left no-repeat; height: 110px;}
.sms-broadcast h4 {color: #353535;font-size: 2.2em;}
.sms-broadcast .subtitle {font-size: 0.7em;}
.sms-broadcast a.link:link, .sms-broadcast a.link:visited{font-family: 'DosisRegular';}

/*Corporate Offers*/
.corporate-offers .box-content {height: 80px;padding-top: 30px;}
.corporate-offers h4 {color: #FFF;font-size: 1.8em;}
.corporate-offers a.link:link, .corporate-offers a.link:visited{font-family: 'DosisRegular';}

/*About Touch*/
.about-touch .box-content {background: #fcd107 url(../images/touch-images/boxes-icons/about-touch.png) bottom left no-repeat; height: 110px;}
.about-touch h4 {color: #49494b;font-size: 3em;}

/*Careers*/
.careers .box-content {background: #009fb4 url(../images/touch-images/boxes-icons/small-profile-bg.png) top right no-repeat;}
.careers h4 {color: #fcd107;font-size: 2.3em;}
.careers .subtitle {color: #49494b;}

/*Abroad */
.abroad p {color: #ffc905; font-size: 1em; text-transform:lowercase;}
.abroad h4 {font-size: 2.4em; color: #FFF;}
.abroad h4 span {font-size: 0.9em; color: #ffc905;}

/**Touch Newsroom**/
.newsroom .box-content {background: #49494b url(../images/touch-images/boxes-icons/newsroom.png) bottom left no-repeat; height: 110px;}
.newsroom h4 {color: #FFF;font-size: 2.8em;line-height: 0.8em;}
.newsroom .subtitle {font-size: 0.6em;}

/**Touch Team**/
.team .box-content {background: #009fb4 url(../images/touch-images/boxes-icons/touch-team.png) bottom right no-repeat; height: 95px;padding-top: 15px;}
.team h4 {color: #FFF;font-size: 2.4em;}
.team .subtitle {font-size: 0.9em;color: #43444c;}

/*** Roaming ***/
.roaming h4 {color: #fdd700; font-size: 3.5em;}
.roaming  p {font-size: 1.3em; color: #FFF;}
 
/*** Consumption ***/
.consumption h4 {text-align: right; width: 62%; color: #ffc905; font-size: 1.6em; float: left;}
.consumption p {float: right; color: #FFF; font-size: 4em; text-align: right;padding-top: 11px;}
.consumption p sup {font-size: 0.4em;}

/*** Feedback ***/
.feedback .box-content {background: #009fb4 url(../images/touch-images/boxes-icons/feedback-bg.png) top right no-repeat; color: #FFF; padding: 5px 0;}
.feedback h4 {color: #49494b;}
.feedback .subtitle {color: #FFF; font-size: 1.35em; line-height: 1em;}

/*** Pay your bill ***/
.pay-bill .box-content {background: #fcd107 url(../images/touch-images/boxes-icons/paybill-bg.png) center right no-repeat; height: 80px;}
.pay-bill h4 {color: #49494b;width: 90px;font-size: 2.5em;}

/*** E-Recharge ***/
.e-recharge .box-content {background: #80b539 url(../images/touch-images/boxes-icons/erecharge-bg.png) bottom right no-repeat; height: 80px;}
.e-recharge h4 {color: #49494b;font-size: 1.8em;margin-bottom: 5px;}
.e-recharge a.link:link, .e-recharge a.link:visited {display: inline;}

/*** Add a Service ***/
.add-service .box-content {background: #009fb4 url(../images/touch-images/boxes-icons/add-service-bg.png) center right no-repeat;}
.add-service h4 {color: #FFF;font-size: 1.75em;}

/*** Deactivate Service ***/
.deactivate-service .box-content {background: #80b539 url(../images/touch-images/boxes-icons/deactivate-service-bg.png) top right no-repeat;}
.deactivate-service h4 {color: #FFF;font-size: 1.8em;line-height: 0.9em;}
.deactivate-service .subtitle {font-size: 0.7em;}

/*** Magic ***/
.magic {background: #f3914b url(../images/touch-images/boxes-icons/magic.png) center 53px no-repeat;height: 261px;padding: 0;width: 336px!important;}
.magic .box-content {height: 100%;}

/*** Magic Plus***/
.magic-plus {background: #009fb4 url(../images/touch-images/boxes-icons/MagicBoxBg.png) no-repeat bottom right; height: 261px;padding: 0;width: 336px!important;}

/*** Prepaid Touch ***/
.prepaid-touch {background: #8dc548 url(../images/touch-images/boxes-icons/prepaid-touch-bg.png) -165px top no-repeat;height: 261px;padding: 0;width: 336px!important;}
.prepaid-touch .box-content {height: 100%;}
.prepaid-touch h4 {color: #FFF;font-size: 5em;padding: 100px 0 0;text-align: center;line-height: 0.8em;}
.prepaid-touch .subtitle {font-size: 0.8em;text-transform: lowercase;}

/*** Start ***/
.start {background: #e83945 url(../images/touch-images/boxes-icons/start-bg.png) -95px -65px no-repeat;height: 261px;padding: 0;width: 336px!important;}
.start .box-content {height: 100%;}
.start h4 {color: #FFF;font-size: 6.5em;padding: 100px 0 0;text-align: center;}

/*** Smart ***/
.smart {background: #8dc548 url(../images/touch-images/boxes-icons/prepaid-touch-bg.png) -190px top no-repeat;height: 261px;padding: 0;width: 336px!important;}
.smart .box-content {height: 100%;}
.smart h4 {color: #FFF;font-size: 6.5em;padding: 100px 0 0;text-align: center;}

/*** Super ***/
.super {background: #8e65a4 url(../images/touch-images/boxes-icons/super-bg.png) -95px -85px no-repeat;height: 261px;padding: 0;width: 336px!important;}
.super .box-content {height: 100%;}
.super h4 {color: #FFF;font-size: 6.5em;padding: 100px 0 0;text-align: center;}

/*** Combox - start-smart-super ***/
.combo h4 {color: #FFF;font-size: 5em;text-align: center;}
.combo h4:nth-child(1) {padding: 15px 0 0;}
.combo h4:nth-child(2) {padding: 32px 0 0;}
.combo h4:nth-child(3) {padding: 32px 0 0;}
.combo {background: transparent url(../images/touch-images/boxes-icons/combo-box.png) top left no-repeat;height: 261px;padding: 0;width: 336px!important; background-size: cover;}
.combo .box-content {height: 100%;}

/*** student plan box ***/
.student-plan h4 {color: #ffee00;text-align: center; font-family: 'DosisBold';}
.student-plan {background: #9b2172 url(../images/touch-images/boxes-icons/student-plan-box.png) top left no-repeat; height: 261px;padding: 0;width: 336px!important; background-size: cover;}
.student-plan h4:nth-child(1) {padding: 72px 0 0; font-size: 6.3em; margin-bottom: -7px;}
.student-plan h4:nth-child(2) {position: relative; letter-spacing: 2px; font-size: 7em;}
.student-plan h4:nth-child(2):before, .student-plan h4:nth-child(2):after {
position: absolute;
content: " ";
width: 40px;
height: 7px;
left: 37px;
top: 24px;
background: #ffee00;
border-radius: 50px;
}
.student-plan h4:nth-child(2):after {left: auto;right: 37px;}


/*** Video Box ***/
.video-box {background: transparent url(../images/touch-images/boxes-icons/video-box-bg.png) center center no-repeat;height: 152px;padding: 0;width: 162px !important;text-indent: -9999999px;}

/*** Pin Recharge FORM ***/
.pin-recharge h4 {color: #FFF; font-size: 2em;}
.pin-recharge .note {color: #a3a3a3;}
.box .warning {color: #BA4F94;line-height: 1.1em;margin-top: 10px;padding-left: 30px;background: transparent url(../images/touch-images/warning.png) left 1px no-repeat;}
.pin-recharge input {width: 131px;}

/*** my touch box ***/
.my-touch .box-content {background: #009FB4 url(../images/touch-images/boxes-icons/myTouch-bg.png) bottom right no-repeat;height: 125px;}
.my-touch h4 {font-size: 4.1em;color: #FCD107; text-transform:none;}
.my-touch .subtitle {color: #FFFFFF;font-family: 'DosisBold';font-size: 2em;line-height: 1em;margin-top: 15px;}
.my-touch .more {color: #49494b;}

/***Ma3ak Box***/
.ma3ak {background: #009fb4 url(../images/touch-images/boxes-icons/ma3ak.png) no-repeat top right; height: 261px; padding: 0; width: 336px!important;}

/***Visitor Line Box***/
.visitorLine {background: #80b539 url(../images/touch-images/boxes-icons/visitorLine.png) no-repeat top right; height: 261px; padding: 0; width: 336px!important;}
.visitorLine h2 {
	text-transform: uppercase;
    margin: 0 auto;
    text-align: center;
    font-family: nunitoBold;
    color: #FFF;
    font-size: 2.8em;
    width: 125px;
    line-height: 1.1em;
    margin-top: 95px;
}

/***the lawyers***/
.lawyers {background: #8e65a4 url(../images/touch-images/boxes-icons/lawyers.png) no-repeat top right; height: 261px; padding: 0; width: 336px!important;}

/***Tawasoul Box***/
.tawasoul {background: #5BC493 url(../images/touch-images/boxes-icons/Al-tawasol.png) no-repeat bottom left; height: 261px; padding: 0; width: 336px!important;}


/*** my touch small box ***/
.my-touch-small .box-content {background: #BA4F94 url(../images/touch-images/boxes-icons/myTouchSmall-bg.png) bottom left no-repeat;height: 60px;}
.my-touch-small h4 {color: #FFFFFF;font-size: 3.3em;line-height: 0.85em;text-align: right;text-transform: none;}
.my-touch-small span {color: #FCD107;margin-top: 15px;}

/*** Free SMS FORM ***/
.dojoxDialogPaneContent .errorStrip, .dojoxDialogPaneContent .success, .dojoxDialogPaneContent .warningStrip {margin-left: -15px!important;overflow-x: hidden;
width: 93.5%!important;-moz-border-radius: 0;-webkit-border-radius: 0; border-radius: 0;}

.dojoxDialogPaneContent.errorStrip, .dojoxDialogPaneContent .success {width: 91.85%!important;}
.dj_ie .dojoxDialogPaneContent.errorStrip, .dj_ie .dojoxDialogPaneContent .success {width: 735px!important;}
.free-sms-form {position: relative!important;}
	.free-sms-form .box-content {background: #49494b url(../images/touch-images/boxes-icons/freesms-form-bg.png) top right no-repeat;}
	.free-sms-form h3 {color: #ba4f94;font-size: 2.2em;font-family: 'NunitoBold'; text-transform: uppercase; line-height: 1em;}
	.free-sms-form .subtitle {font-family: 'NunitoLight';display: inline;}

.manage-contacts {background-color: #009FB5;border-radius: 8px 8px 8px 8px;display: block;font-size: 1.2em;margin: 10px 0;padding: 10px 0;}
.manage-contacts:hover {background-color: #2eccdf;}
.manage-contacts a:link, .manage-contacts a:visited {display: block;color: #FFF!important; text-decoration: none!important;
font-size: 1.2em;background: url(../images/touch-images/manage-contact-ico.png) no-repeat 10px center;padding-left: 55px;}

.dj_ie .manage-contacts a:hover, .dj_ie .manage-contacts a:active,
.dj_ie .manage-contacts a:link, .dj_ie .manage-contacts a:visited {margin-left: 10px; color: #FFF!important; font-size: 1.2em;}

.smsText {margin-top: 8px;}
.tas .dijitTextArea.web2sms-text {width: 100%!important;background-color: transparent!important;}
.dijitTextArea.web2sms-text .dijitTextAreaWrapper {background-color: transparent;}
.dijitTextArea.web2sms-text textarea {height: 90px!important;padding: 10px;background-color: #FFF!important;width: 100%; -webkit-border-radius: 7px!important; -moz-border-radius: 7px!important; border-radius: 7px!important;background-color: #FFF;}
.dijitTextArea.web2sms-text .textareaCounter {color: #FFF; float: right;}
.dijitTextArea.web2sms-text .textareaCounter div, .dijitTextArea.web2sms-text .textareaCounter span {float: left;}
.dijitTextArea.web2sms-text .textareaCounter span {margin: 0 5px;}
.dijitTextArea.web2sms-text .dijitPlaceHolder {margin: 5px 0 0 5px;}
.smsText .dijitTextAreaWrapper {height: 100px!important;background-color: transparent!important;}
.dijitTextArea.web2sms-text .dijitValidationContainer {
  display: block;
  position: absolute;
  right: 15px;
  z-index: 2;
}

.smsText .infoMsg {line-height: 1em;color: #A6A6A6;display: block;font-style: italic;margin-top: -13px;width: 250px;}

/**Confirmation Dialog**/
.dijitDialog .dialog-buttons {margin-left: 40px;}
.dijitDialog .submit {float: left;}


.sms-form .message{color: #009FB4;font-family: dosisbold;font-size: 15px; margin-top: 12px;}

.sms-form .forms {width: 313px;}
.sms-form .forms li {width: 100%;}
.sms-form .forms li.country,
.sms-form .forms li.number {float: left; width: 45%; margin-bottom: 13px;}
.sms-form .forms li.country select {width: 97%; height: 30px;}
.sms-form .forms li.number .dijitTextBox {width: 97%;}
.sms-form .forms li.plus {width: 9%; float: left; margin: 24px 0 0 3px;}
.ie8 .sms-form .forms li.plus {margin: 22px 0 0 3px;}
.ie8 .forms li.number input {height: 12px;}
.ie8 .forms li.number .dijitTextBox {height: 25px;}
.ie8 .forms li.pick-contact .dijitTextBox {height: 26px;}
.sms-form li.plus a {width: 26px; height: 33px; overflow: hidden; text-indent: -1000px; display: block; background: url(../images/touch-images/plus.png) center left no-repeat;}
.sms-form .forms li label {width: 100%; margin-bottom: 6px; font-weight: normal; line-height: 1.2em;}
.sms-form .forms li.pick-contact {width: 89%; margin-right: 3px; float: left;}
.sms-form .forms li.pick-contact .dijitTextBox {width: 100%;}
.sms-form .forms li.recipients {clear: both; margin-top: 8px; display: inline-block;}
.sms-form .forms li.recipients .wrap {background: #FFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}

.sms-form .forms li.recipients .multiTag-wrap .dijitTextBoxReadOnly .dijitInputInner, 
.tas .sms-form .forms li.recipients .dijitTextBox .dijitInputField,
.sms-form .forms li.recipients .multiTag-wrap .dijitTextBoxDisabled .dijitInputInner {background: #FFF!important;}

.free-sms-form textarea {height: 71px; width: 97%;}
.free-sms-form input[type=submit] {margin-bottom: 5px;}
.free-sms-form a.link:link, .free-sms-form a.link:visited {margin-top:10px;font-family: 'DosisLight';}
.free-sms-form .multiTag-wrap {overflow-y: auto;}
.free-sms-form .dijitTextBox .dijitPlaceHolder {font-size: 0.85em;}
.ie9 .sms-form .dijitTextBox .dijitPlaceHolder {font-size: 0.8em;}
.sms-form .dijitTextBoxError INPUT.dijitValidationInner, 
.sms-form .dijitTextBox INPUT.dijitArrowButtonInner {width:20px;}
/*** Free sms form in editorial ***/
.editorial .sms-form .manage-contacts {width: 345px;}
.editorial .sms-form .forms {width: 350px;}
.editorial .sms-form .forms li {clear: none;}
.editorial .sms-form .forms li.country {}
.editorial .sms-form .forms li label {float: none; margin-bottom: 0; display: inline-block;}
.editorial .sms-form .forms li.plus {margin-top: 19px;}
.ie8 .editorial .sms-form .forms li.plus, .dj_chrome .editorial .sms-form .forms li.plus {margin-top: 18px;}
.editorial .sms-form .forms li .dijitArrowButtonInner {width: 20px!important;}
.editorial .sms-form .forms .textarea-counter {width: 96%;}
.editorial .sms-form .multiTag-wrap {height: auto;}
.editorial .sms-form .multiTag {width:98%; margin-top: 3px;}
.editorial .sms-form .forms li.recipients {margin-top: 0;}
.editorial .sms-form .number .dijitTextBox .dijitPlaceHolder {font-size: 0.9em;}

.editorial .forms .textarea-counter {width: 282px;}
.editorial .forms .textarea-counter textarea {width: 100%; height: 100px;}
.editorial .sms-form-info {font-weight: normal; background: #009fb4 url(../images/touch-images/info.png) 25px center no-repeat; font-size: 1.4em!important;
color: #FFF;padding: 11px 0 14px 68px; margin-left: -20px; margin-bottom: 10px; width: 96.8%!important; font-family: 'NunitoRegular',"Lucida Grande", sans-serif;}
.editorial .sms-form-success {margin-top: 20px;} 
.editorial .sms-form-send {margin-bottom: 10px;}
/*** Pay my Bill FORM ***/
.pay-bill-form h4 {color: #fcd107; font-size: 2.1em;}
.pay-bill-form .subtitle {color: #FFF; font-size: 0.6em;}
.pay-bill-form input[type=text] {margin-top: 10px;}
.pay-bill-form input[type=submit] {background-color: #fcd107;color: #49494b;}
.pay-bill-form input[type=submit]:hover {background-color: #fcf307;}

/*** Current Balance ***/
.current-balance h4 {color: #ba4f94; font-size: 3em;border-bottom: 2px solid #FFF;padding-bottom: 5px;font-family: 'DosisBold';}
.ie8 .current-balance h4 {font-size: 2.5em;}
.current-balance .subtitle {font-size: 0.85em; font-family: 'DosisLight'; text-transform:lowercase;}
.current-balance .currency {color: #FFF;font-size: 2.3em; line-height: 1em;margin: 10px 0;}
.current-balance .currency span {font-size: 0.8em; font-family: 'DosisLight'; display: block; width: 100%;}
.current-balance a.link:link, .current-balance a.link:visited {font-family: 'DosisLight';}
.current-balance .current-credit {color: #FFF;font-size: 2em; line-height: 1.2em;margin: 10px 0; font-family: 'DosisRegular'}
.current-balance .current-credit span {font-family: 'DosisBold'!important; display: block; font-size: 1.5em;}
.current-balance .line-expiry {color: #FFF;font-size: 1.6em; line-height: 1em; margin: 20px 0 0 0; font-family: 'DosisRegular'}


/*** Short codes ***/
.short-codes .box-content {width: 90%; background: #80b539 url(../images/touch-images/boxes-icons/short-codes-bg.png) top right no-repeat;}
.short-codes h4 {color: #49494b; font-size: 2.4em;}
.short-codes .subtitle {font-size: 0.9em;}

/*** upgrade ***/
.upgrade .box-content {background: #009fb4 url(../images/touch-images/boxes-icons/upgrade-bg.png) top right no-repeat;}
.upgrade h4 {color: #fcd107; font-size: 2.6em;}
.upgrade .subtitle {font-size: 0.85em; font-family: 'NunitoLight';}

/*** manage ***/
.manage .box-content {background: #49494b url(../images/touch-images/boxes-icons/manage-account-bg.png) top right no-repeat;}
.manage h4 {color: #fcd107; font-size: 2.3em; font-family: 'NunitoLight';}
.manage .subtitle {font-size: 1.3em; font-family: 'NunitoBold';}

/*** magic overview ***/
.magic-overview h4 {font-size: 2em; font-family: 'NunitoBold';}
.magic-overview .subtitle {font-size: 1.1em; font-family: 'NunitoBold';}

/*** unblock sim ***/
.unblock-sim .box-content {background: #49494b url(../images/touch-images/boxes-icons/unblock-sim-bg.png) top right no-repeat;min-height: 30px;}
.unblock-sim .box-content p {color: #FECC05;font-family: nunitobold;font-size: 1em;text-align: center;width: 113px;}
.unblock-sim .box-content span {font-family: "nunitobold"; color: #FFF;}

/*** settings ***/
.settings .box-content {background: #009fb4 url(../images/touch-images/boxes-icons/services-bg.png) top right no-repeat; padding-bottom: 32px;}
.settings h4 {color: #fdd700; font-size: 2.3em; padding-top: 10px;}
.settings ul {margin-top: 10px;}
.settings ul li {float: left;}
.settings ul li a:link, .settings ul li a:visited {font-size: 1em; font-family: 'NunitoBold'; padding: 0 8px; text-decoration: none; color: #FFF; border-left: 1px solid #FFF;}
.settings ul li:first-child a:link, .settings ul li:first-child a:visited {border-left: none; padding-left: 0;}

/*** faq ***/
.faq h4 {color: #ffc905; font-size: 2.9em;}
.faq p {color: #FFF;}

/*** roaming rates ***/
.roaming-rates .box-content {background: #ba4f94 url(../images/touch-images/boxes-icons/roaming-rates-bg.png) top left no-repeat;}
.roaming-rates h4 {color: #FFF; font-size: 2.4em;padding-top: 40px;}

/*** blackberry service ***/
.blackberry-service .box-content {background: #009fb4 url(../images/touch-images/boxes-icons/blackberry-service-bg.png) top right no-repeat; height: 66px;}
.blackberry-service h4 {color: #fcd107; font-size: 3em;}

/*** mobile internet wap ***/
.mobile-wap .box-content {background: #49494b url(../images/touch-images/boxes-icons/mobile-wap-bg.png) bottom right no-repeat; padding-bottom: 30px;}
.mobile-wap h4 {color: #fcd107; font-size: 3.1em;}
.mobile-wap a.link:link, .mobile-wap a.link:visited {font-size: 2em; margin-top: 10px;}

/*** Touch events ***/
.events .box-content {background: #009fb4 url(../images/touch-images/boxes-icons/touch-events-bg.png) top right no-repeat; padding-top: 60px; height: 50px;}
.events h4 {color: #43444c;font-size: 2.4em;}
.events .subtitle {color: #FFF;}

/*** international rates ***/
.international-rates .box-content {background: #009fb4 url(../images/touch-images/boxes-icons/international-rates-bg.png) top left no-repeat;} 
.international-rates h4 {color: #fcd107; font-size: 1.4em; padding-top: 50px;} 
.international-rates .subtitle {color: #FFF;} 

/*** touch bids ***/
.bids .box-content {background: #009fb4 url(../images/touch-images/boxes-icons/bids-bg.png) bottom center no-repeat;} 
.bids h4 {font-family: 'DosisBold'; text-align: center; color: #fff; font-size: 2.5em; padding-bottom: 95px; text-transform: capitalize; letter-spacing: -1px;} 
.bids .subtitle {color: #FFF;} 

/*** Postpaid overview ***/
.postpaid-overview h4 {font-size: 2em;}

/*** RBT Manager ***/
.rbt-manager h4 {color: #fdd700; font-size: 2.3em; line-height: 1.1em;}
.rbt-manager .box-content {background: #009fb4 url(../images/touch-images/boxes-icons/services-bg.png) top right no-repeat; padding-bottom: 12px;}

/*** Press releases ***/
.press h4 {color: #49494b; font-size: 2em;}
.press .subtitle {color: #FFF;}
.press .box-content {background: #80b539 url(../images/touch-images/boxes-icons/press-releases-bg.png) top right no-repeat; height: 62px; padding-top: 48px;}

/*** Renew Service ***/
.renew-service h4 {color: #FFF; font-size: 1.8em; line-height: 0.9em;}
.renew-service .box-content {background: #80b539 url(../images/touch-images/boxes-icons/renew-service.png) top right no-repeat;}

/*** Phonebook ***/
.phonebook h4 {color: #fcd107; font-size: 3em;}
.phonebook .box-content {background: #009fb4 url(../images/touch-images/boxes-icons/phonebook-bg.png) top right no-repeat;}
.phonebook a.link:link, .phonebook a.link:visited {font-size: 1.1em; background-position: left 3px;}

/*** tones ***/
.tones h4 {color: #fcd107; font-size: 3em;}
.tones .subtitle {display: inline;}
.tones .box-content {background: #ba4f94 url(../images/touch-images/boxes-icons/tones-bg.png) top right no-repeat;}

/*** Postpaid Touch ***/
.postpaid-touch {background: #49494b url(../images/touch-images/boxes-icons/postpaid-touch-bg.png) no-repeat -112px 40px;height: 261px;padding: 0;width: 336px !important;}
.postpaid-touch .box-content {height: 100%;}
.postpaid-touch h4 {color: #FFF;font-size: 5em;padding: 100px 0 0 10px;text-align: center;line-height: 0.8em;}
.postpaid-touch .subtitle {font-size: 0.8em;text-transform: lowercase;}

/*** My Account ***/
.my-account h4 {color: #fcd107; font-size: 3.5em; line-height: 0.8em;}
.my-account p {color: #FFF;font-size: 1.1em; margin: 0;width: 78%;}
.my-account .box-content {background: #009fb4 url(../images/touch-images/boxes-icons/services-bg.png) top right no-repeat;}

/*** My Profile ***/
.my-profile h4 {color: #49494B;font-size: 2.8em;line-height: 0.8em;padding-top: 45px;}
.my-profile p {color: #FFF;font-size: 1.1em;font-weight: 700;margin: 0;}
.my-profile .box-content {background: #80b539 url(../images/touch-images/boxes-icons/profile-bg.png) top right no-repeat;}

/*** Media Center ***/
.media-center .box-content {background: #80b539 url(../images/touch-images/boxes-icons/media-center-bg.png) top right no-repeat;}
.media-center h4 {color: #FFF;font-size: 2.7em;line-height: 0.9em;padding-top: 30px;}
.media-center .subtitle {color: #49494b;}

/*About Touch*/
.touch-overview .box-content {background: #fcd107 url(../images/touch-images/boxes-icons/about-touch.png) top left no-repeat; height: 110px;}
.touch-overview h4 {color: #49494b;font-size: 2.3em;padding-top: 55px;}

/*** contact us ***/
.contact-us h4 {color: #49494b; font-size: 3em;}
.contact-us p {font-size: 1.3em;}
.contact-us .subtitle {display: inline;}
.contact-us .box-content {background: #fbd106 url(../images/touch-images/boxes-icons/contact-us-bg.png) top right no-repeat;}

/*** Mission ***/
.mission h4 {color: #353535; font-size: 2.6em; font-weight: 300;}
.mission .subtitle {font-weight: 700;}

/*** news ***/
.news h4 {color: #ffc905; font-size: 2.1em;}
.news a:link, .news a:visited {color: #ffc905; background: url(../images/touch-images/yellow-arrow.png) center left no-repeat; text-decoration: none;
padding-left: 19px; font-size: 1.1em;}
.news p {margin-top: 8px; width: 78%; color: #FFF; height: 30px; overflow: hidden;}
.news .box-content {background: #49494b url(../images/touch-images/boxes-icons/responsability-bg.png) top right no-repeat;}

/*** Pin recharge ***/
.pin-recharge p {color: #FFF;}

/*** Internet offers ***/
.internet-offers .box-content {background: #fcd107 url(../images/touch-images/boxes-icons/internet-offers-bg.png) bottom right no-repeat; padding: 22px 0 30px 0;}
.internet-offers h4 {color: #49494b; font-size: 4.5em;}
.internet-offers a.link:link, .internet-offers a.link:visited {font-size: 2em; margin-top: 10px;}

/*** Mobile Application ***/
.mobile-app .box-content {background: #FCD107 url(../images/touch-images/boxes-icons/mobile-app-bg.png) top right no-repeat;}
.mobile-app h4 {color: #49494b; font-size: 1.28em; font-family: 'NunitoLight'; line-height: 1.2em; padding-top: 5px; width: 115px;}
.mobile-app .subtitle {font-family: 'NunitoBold'; font-size: 1.4em; line-height: 1em;}
.mobile-app a.link:link, .mobile-app a.link:visited {margin-top: 4px;}
.mobile-app ul {display: inline-block; margin: 8px -10px 0 -2px;}
.mobile-app ul li {float: left; width: 30px;}

/*** Common Yellow ***/
.common-yellow h4 {color: #49494B; line-height: 1.4em;}
.common-yellow .subtitle {font-size: 2em;line-height: 0.8em;}

.col1 {width: 142px;}
.col2 {width: 316px;}
.col3 {width: 488px;}
.col4 {width: 660px;}
.col5 {width: 829px;}

/**** Gutters 
.has-gutters .box {
  margin: 5px 0;
}

.has-gutters .col1 { width: 90px; }
.has-gutters .col2 { width: 230px; }
.has-gutters .col3 { width: 370px; }
.has-gutters .col4 { width: 550px; }

/**** Transitions ***/
.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}

/* disable transitions on container ****/
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}

/*** General Input styles and classes ***/
.text-field {border: 1px solid #a4a5a6; width: 100%;}
.text-field input[type=text] {color: #49494b; font-size: 15px; width: 100%; border: 0; background: none; font-size: normal; padding: 0; height: 21px;
font-weight: lighter;}

/***Begin FormDialog ***/
.dijitDialogCloseIcon {outline: 0;}
.tas .dijitDialog .export {float: right; height: 20px; margin-right: 10px;}
.tas .form-dialog {padding: 0 15px; font-size: 0.8em;}
	.tas .form-dialog .link {clear: right; width: 94%; float: left; margin-top: -6px; font-family: "NunitoBold"; font-size: 1.2em;}
	
	.tas .form-dialog input[type="checkbox"] {float: left;}
	.tas .serviceDialog .form-dialog h4, .serviceDialog.form-dialog h4 {margin: 10px 0 0 -15px;}
	.tas .dijitDialogPaneContent .serviceDialog label, .tas .serviceDialog .form-dialog input[type="checkbox"] {margin-top: 0;}

.tas .dialogWrapper {max-width: 851px; overflow: visible!important; /*z-index: 9999!important;*/} /*I removed the z-index because it's emssing arround the dropdown*/
.ie.tas .dialogWrapper .dijitDialogPaneContent {overflow: auto;}
.tas .dialogWrapper .dijitDialogPaneContent {padding: 0!important; width: 100%!important;}
	.tas .form-dialog table {color: #43444C;}
	
		.form-dialog td {vertical-align: bottom;}
		.form-dialog table input[type="text"], .dialogWrapper .form-dialog table input[type="password"], 
		.form-dialog table select {width: 145px!important;margin: 0 7px; color: #49494B; border: 1px solid #D1D1D1; margin-bottom: -10px;}
		.dj_ie .form-dialog table input[type="text"],
		.dj_ie .form-dialog table input[type="password"],
		.dj_ie .form-dialog table select {width: 140px!important;}
	
	.tas .form-dialog input[type="submit"] {margin: 20px auto; display: block;}
	.ie8 .form-dialog input[type="submit"] {margin: 20px auto; display: block;text-align: center;}
	.form-dialog .success, .form-dialog .errorStrip {width: 92.5% !important;}
	
.form-dialog .multivalue-container img {float: left; margin: 0 4px -5px 0;}
.form-dialog .record {margin-top: 15px; }
.form-dialog .buttons {text-align: center; margin:10px 0;}
	
	.form-dialog .buttons a {margin-left: 10px; color: #444;}
	.form-dialog .buttons a:hover {text-decoration: none;}
.form-dialog .title {color: #009FB4; font-family: "NunitoBold"; font-size: 1.2em; padding-bottom: 4px; border-bottom: 1px solid #E5E5E5;
 margin: 10px 0; display: block;}
.form-dialog pre {margin: 8px 0; font-family: "NunitoLight"; border: 1px solid #ddd; height: 70px; float: left;}
.form-dialog ul {margin-bottom: 10px; list-style-position: outside; width: 100%;}
	.form-dialog ul li {margin-bottom: 4px; font-family: "NunitoRegular"; color: #49494B;}
.form-dialog .errorStrip, .form-d

.form-dialog .success { margin-left: -15px; padding-left: 80px; width: 720px!important; margin: 10px 0;}
.form-dialog .warningStrip {margin: 10px 0 10px -20px; padding-left: 80px; width: 90%!important; font-size: 1.1em;}

/***End FormDialog ***/

.password-field {border: 1px solid #a4a5a6; width: 100%;}
.password-field input[type=password] {color: #49494b; font-size: 15px; width: 100%; border: 0; background: none; font-size: normal; padding: 0; height: 21px;}

/*** Login on homepage ***/
.login {width: 70%; word-wrap: break-word; margin: 4px 0 0; float: left;}
.login h3 {margin: 5px 10px 0 0; float: left; text-align: left; color: #009fb4; font-family: 'NunitoLight';font-size: 14px;}
.login h3 span {font-weight: bold; margin-right: 5px;}
.login ul {width: 80%; display: block; float: left; text-align: left;}
.login ul li {margin-bottom: 5px;}
.login ul li.text-field {width: 40%; background: #FFF;float: left;}
.login .text-field input[type="text"], .login .password-field input[type="password"] {width:152px; overflow: hidden;padding-left: 5px;font-size: 12px;
color: #757575;}
.login ul li label {display: none;}
.login ul li.password-field {width: 40%; background: #FFF; float: left; margin-left: 10px;}
.login ul li.submit-btn {margin-left: 3px; overflow: hidden; width: 3%; margin-top: 1px;float: left;
background: transparent url(../images/touch-images/search-btn.png) no-repeat top right ;height: 22px;}

.login ul li.submit-btn:hover {background-position: 1px -28px; overflow:hidden;}

.login ul li.submit-btn input[type=button] {border: 0; background: none;width: 5%; text-indent: 100px; overfow: hidden;}

.login ul li.register {float: left; margin-top: -6px; text-align: left; width: 100%; clear: both;}
.login ul li.register a {text-decoration: none; text-transform:capitalize; font-family: 'NunitoRegular'; font-size: 0.65em; color: #888;}
.login ul li.register a:hover {text-decoration: underline;}
.login ul li.register span {font-size: 12px; margin: 0 5px; color: #777;}
.login .logout:link, .login .logout:visited {margin: 6px 0 0 20px;background: url(../images/touch-images/grey-arrow.png) center left no-repeat;
font-size: 0.8em;text-decoration: none; padding: 0 0 4px 16px; text-decoration: none; color: #383838; font-weight: normal;float: left; display: block;}

.login .logout:hover, .login .logout:active {text-decoration: underline;}
.login .username {color: #43444C;float: left;line-height: 1.5em;margin-right: 5px;}
.login .touchname {float: left; color: #3DB1C1;line-height: 1.5em; border-right: 1px solid #c2c2c2; padding-right: 20px;}
.login #login-warning {text-align: left; background: none;display: inline-block!important;font-size: 0.75em;padding-left: 0;}

/*** Login template ***/
.editorial .login-page h3 {font-weight: bold; color: #43444c; font-size: 1.6em; font-family: 'NunitoBold'; background: #FFF; padding: 8px 20px 6px 12px;
-webkit-border-radius: 0 18px 18px 0; -moz-border-radius: 0 18px 18px 0; border-radius: 0 18px 18px 0; clear: both; display: inline-block;margin: 10px 0 10px -20px;}
.editorial .login-page h3 span {color: #494949;}
.editorial .login-page ul li {width: 100%; clear: both; margin-bottom: 18px; list-style-image: none; border: none;}
.editorial .login-page ul li label {padding-bottom: 6px; display: block; float: left; width: 100%; font-size: 1.1em; margin-right: 10px; padding-left: 8px;}
.editorial .login-page ul li.text-field input[type="text"] {background: #FFF; width: 44%; padding: 5px; font-size: 1.1em;}
.editorial .login-page ul li.password-field input[type="password"] {background: #FFF; width: 44%; padding: 5px; font-size: 1.1em;}
.editorial .login-page ul li.submit-btn {width: auto; margin: 30px 0 22px; overflow: visible; height: auto;}
.editorial .login-page ul li.register {margin: -72px 0 44px 0; width: auto;}
.editorial .login-page ul li.register span {padding: 0 14px;}
.editorial .login-page #login-warning {font-size: 1em; color: #b52222; margin-top: 10px;}
.ie8 .editorial .login-page ul li.register  {margin: -100px 0 60px 0;}
.ie8 .editorial .login-page ul li.submit-btn {margin-bottom: 45px;}


/*** customer service ***/
.customer-service {margin: 0 0 10px 0;background: #80b539; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-family: 'NunitoRegular'; color: #58585a; padding: 10px; }
.customer-service .customer-content {background: url(../images/touch-images/boxes-icons/customer-service-bg.png) bottom right no-repeat; padding-bottom: 8px;}
.customer-service h4 {font-size: 18px; font-weight: bold; text-transform: uppercase;}
.customer-service div {font-weight: lighter; text-transform: uppercase;}
.customer-service span {font-family: 'DosisBold'; color: #FFF; font-size: 2em;}

/*** twitter widget ***/
.twitter-widget {background: #FFF; height: 278px; width: 100%; border: 1px solid #c7c7c8;}
.twtr-ft {display: none!important;}
.twitter-follow {margin: 10px;}

/*** Editorial ***/
.editorial {background: #5f6067 url(../images/touch-images/curveBG.png) top left no-repeat;-moz-background-size:100% 100%; /* Firefox 3.6 */
background-size:100% 100%; background-repeat:no-repeat; padding-top: 20px;/*max-width: 840px; */ padding: 10px 20px; margin: 0 0 10px 0; font-size: 11px;
line-height: 1.4em;-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;overflow: hidden;color: #FFF;}

/*** Breadcumbs ***/
.editorial .breadcrumbs li {float: left; list-style: none; background: transparent url(../images/touch-images/single-white-arrow.png) no-repeat left center;
font-size: 1.2em; padding: 0 8px 0 12px;}
.editorial .breadcrumbs li:first-child {background: none; padding-left: 0;}
.editorial .breadcrumbs li a:link, .editorial .breadcrumbs li a:visited {font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;
color: #009fb4!important; text-decoration: none;}
.editorial .breadcrumbs li a:hover, .editorial .breadcrumbs li a:active {color: #FFF;}

/*** Editorial upper tabs ***/
.editorial .tabs {background-color: #009FB4;border-radius: 20px 20px 20px 20px;-webkit-border-radius: 20px 20px 20px 20px ;overflow: hidden;
-moz-border-radius: 20px 20px 20px 20px; width: auto;display: inline-block;margin: 10px 0;}
.editorial .tabs li {float: left;list-style-image: none;margin:0;list-style-position: outside;}
.editorial .tabs li + li {border-left: 1px solid #f0f0f0;}
.editorial .tabs li a {text-decoration: none; display: block; float: left;font-size: 1.15em; color: #FFF; border: none;padding: 7px 12px;} 
.editorial .tabs li a:hover {background: #98d1da; color: #5F6067;border-color: #FFF;}
.editorial .tabs li.selected a, .editorial .tabs li.selected a:hover {background: #FFF; cursor: default;color: #43444C; border-color: #009fb4;}


/*** All generic editorial styling ***/
.editorial h2 {margin-left: -2px;}
.editorial h2 {font-size:1.5em; font-family:"Lucida Grande", verdana; color: #FFF; text-transform: capitalize; font-weight: normal;}
.editorial h3 {font-size: 2.9em; font-family: 'DosisBold'; color: #FFF; text-transform: uppercase; font-weight: normal; line-height: 1.3em;}
.editorial h4 {color: #43444c; font-size: 1.6em; font-family: 'NunitoBold'; background: #FFF; padding: 8px 20px 8px 22px;-webkit-border-radius: 0 18px 18px 0;
-moz-border-radius: 0 18px 18px 0; border-radius: 0 18px 18px 0; clear: both; display: inline-block; margin: 10px 0 10px -20px;}
.editorial h5 {color: #009fb4;font-size: 1.4em;font-weight: 700;margin: 20px 0 10px;}
.editorial p, .editorial span, .editorial font {color: #FFF; outline: 0;}
.editorial p {font-family: 'NunitoRegular'; font-size: 1.1em; font-weight: normal;}
.editorial ul, .editorial ol {margin-top: 10px; width: 100%; display: inline-block; }
.editorial ul li {margin-bottom: 5px; font-family: 'NunitoRegular'; list-style-image: url(../images/touch-images/dash.png);list-style-position: inside;
font-size: 1em;color: #FFF;}
.editorial ol li {margin-bottom: 5px; font-family: 'NunitoRegular'; font-size: 1.1em; color: #FFF;list-style-position: inside;}
.editorial img {float: left; margin: 5px 12px 10px 0; max-width: 789px;}
.editorial table {margin: 10px 0; clear: both;}
.editorial table tr {background: #009fb4;}
.editorial table tr + tr {background: none;}
.editorial table tr td {text-align: center; font-size: 1.2em; font-family: 'NunitoBold'; color: #FFF; vertical-align: middle; padding: 5px;}
.editorial table tr + tr td {font-family: 'NunitoRegular'; font-size: 1em; color: #FFF; border: 1px solid #a5a5a5;}
.editorial a:link, .editorial a:visited {color: #3db1c1; text-decoration: none;}
.editorial a:hover, .editorial a:active {text-decoration: underline;}
.editorial a.extraLink:link, .editorial a.extraLink:visited {background: transparent url(../images/touch-images/blue-next-arrows.png) no-repeat left center;
padding-left: 15px;margin-top: 5px;display: inline-block;}
.editorial .attachmentsList {margin-top: 0;}
.editorial .attachmentsList li {list-style-image: none;}
.boxGeneric h4 {font-size: 25px;}
.boxGeneric ol {margin-left: 16px;}

.boxGeneric ul li {list-style-image: url(../images/touch-images/dash.png);list-style-position: inside;}

/*** Generic table with alternating color rows ***/
.editorial .alternating-tbl {border-top: 1px solid #5e5e5e;border-left: 1px solid #5e5e5e;margin: 30px 0;}
.editorial .alternating-tbl tr:nth-child(even) {background: #4c4c4c;}
.editorial .alternating-tbl tr:nth-child(odd) {background: #424242;}
.editorial .alternating-tbl td, .editorial .alternating-tbl tr + tr td {color: #EFEFEF;font-family: 'NunitoLight';font-size: 1.2em;text-align: left;padding: 15px 25px;border: none;border-right: 1px solid #5e5e5e;border-bottom: 1px solid #5e5e5e;}
.alternating-tbl .receipt-fields {background: transparent url(../images/touch-images/payment-receipt-icons.png) no-repeat 15px top;padding-left: 60px!important;}
.alternating-tbl .receipt-num {background-position-y: 10px;}
.alternating-tbl .gsm {background-position-y: -87px;}
.alternating-tbl .contract {background-position-y: -189px;}
.alternating-tbl .transaction {background-position-y: -289px;}
.alternating-tbl .unbilled {background-position-y: -389px;}
.alternating-tbl .paid {background-position-y: -489px;}
.print-receipt {margin: 10px 0;display: inline-block;}
.print-ico {background: transparent url(../images/touch-images/print-ico-link.png) no-repeat left top;width: 20px;height: 15px;display: block;float: left;}

/*** All generic big box editorial styling ***/
.editorialBigBox {background: none; padding: 0; overflow: visible; margin: 0;}
.editorialBigBox .bigTitle {font-size: 2.3em!important; font-family: 'DosisBold'; color: #FFF; text-transform: uppercase; font-weight: normal;
line-height: 1.3em; width: 100%; margin-top: -9px; padding: 3px 0;}
.editorialBigBox h4 {margin: 10px 0 10px -10px; color: #43444C!important;}
.editorialBigBox table {width: 100%;}
.editorialBigBox a.link:link, .editorialBigBox a.link:visited {padding:0; background: none;}
.editorialBigBox p {display: block;}


.col1 .editorialBigBox img {max-width: 123px!important;}
.col2 .editorialBigBox img {max-width: 295px!important;}
.col3 .editorialBigBox img {max-width: 467px!important;}
.col4 .editorialBigBox img {max-width: 638px!important;}
.col5 .editorialBigBox img {max-width: 805px!important;}

/*** Photo album ***/
.editorial .album li {text-align: center; float: left; list-style-image: none; margin: 0 0 12px 12px; width: 176px; height: 155px; overflow: hidden;padding: 10px; background: #FFF;}
.editorial .album li img {text-align: center; float:none; max-width: 184px; max-height: 108px; width: auto; height: auto; border-width: 0; margin: 0 0 5px 0; overflow: hidden;}
.editorial .album h2 {text-align: center; margin-bottom: 5px;}
.editorial .album h2 a:link, .editorial .album h2 a:visited {color: #49494b; font-weight: 700; font-size: 0.7em; text-decoration: none; border-bottom: 1px dotted #49494b;}
.editorial .album h2 a:hover, .editorial .album h2 a:active {border-bottom: none;} 
.editorial .album p {color: #797979; font-size: 1em; text-align: left;}

/*** Social sharing ***/
.social-sharing {margin: 18px 0 10px 0;clear: both; width: 100%; display:inline-block;}
.social-sharing .share {margin-right: 10px; font-family: 'NunitoBold'; font-size: 1.4em; color: #FFF; padding-right: 10px; padding-top: 1px; float: left;}
.social-sharing .facebook {display: inline-block; width: 90px; height: 24px;}
.social-sharing .twitter {display: inline-block; width: 70px;}
.social-sharing .google {display: inline-block; width: 75px;}
.social-sharing .fwb {color: #FFF!important;}

.social-sharing .fb-like {margin-right: 8px;}

/*** Search result ***/
.search-template {background: #FFF; padding-bottom: 0;}
.search-template .search-header {background: #49494b; margin: -10px -20px 0 -20px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 15px 10px;}
.search-template .search-header h2 {font-size: 2em; line-height: 1.1; margin: 0;border-bottom: 1px solid #49494b;}
.search-template .search-header p {font-size: 1.4em!important; padding-top: 4px; color: #FFF;}
.search-template .search-header span {color: #009fb4;}
.search-template h2 {margin-bottom: 6px; text-transform: uppercase; font-family: 'NunitoBold'; color: #009fb4;padding-bottom: 10px;}
.search-template img {margin-top: 0; border-color: #49494b; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; max-width: 145px;
width: auto; height: auto;}
.search-template .search-result {padding: 20px 0; border-bottom: 3px solid #bdbdbd;}
.search-template .search-result-summary {max-height: 122px; overflow: hidden;color: #49494b;}
.search-template p {color: #49494b; font-size: 1em;}
.search-template p, .search-template span, .search-template ul, .search-template font, .editorial.search-template tr + tr td {color: #49494b;
font-size: 1em!important; font-family: 'NunitoRegular'!important;}
.editorial.search-template ul li {list-style-image: url(../images/touch-images/dark-dash.png); color: #49494b;}
.editorial.search-template ol li {color: #49494b;}
.editorial.search-template h4 {background: none;}

.editorial.search-template ul.breadcrumbs li {list-style-image:none; padding-left: 0;}
.editorial.search-template ul.breadcrumbs li + li {background: url(../images/touch-images/single-blue-arrow.png) no-repeat center left;padding: 0 10px;}
.editorial.search-template .breadcrumbs li a:link, .editorial.search-template .breadcrumbs li a:visited {color: #49494b!important;}
.editorial.search-template ul.breadcrumbs li.selected a:link, .editorial.search-template ul.breadcrumbs li.selected a:visited {color: #009FB4!important;}
.editorial.search-template .breadcrumbs li a:hover, .editorial.search-template .breadcrumbs li a:active {text-decoration: underline;}

/*** Services filter ***/
.services-template .filter {width: auto; background: #d6d6d6; margin: 18px 0 10px -20px; border-radius: 0 8px 8px 0; -webkit-border-radius: 0 8px 8px 0;
-moz-border-radius: 0 8px 8px 0; }
.services-template .filter li {float: left; color: #43444c; margin: 3px 0 0 0; list-style-image: none;}
.services-template .filter li:first-child {background: #FFF; border-radius: 0 8px 8px 0; -webkit-border-radius: 0 8px 8px 0; -moz-border-radius: 0 8px 8px 0;
padding: 3px 13px 3px 22px; margin: 0 10px 0 0;}
.services-template .filter li + li a:link, .services-template .filter li + li a:visited {color: #43444c; display: inline-block; padding: 0 8px;}
.services-template .filter li + li + li a:link, .services-template .filter li + li + li a:visited {border-left: 1px solid #43444c;}

/*** Services list ***/
.services-template .services-list li {margin-left: 3px; font-size: 1em; cursor: pointer; width: 132px; height: 44px; overflow: hidden; float: left;
list-style-image: none; background: #FFF; text-align: center;border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
	.services-template .services-list li span {padding: 0 10px;}
		.services-template .services-list li a:link, .services-list li a:visited {width: 120px; line-height: 1.2em; display: block; color: #000; height: 44px;
		vertical-align: middle; display: table-cell;text-transform: uppercase; word-wrap: break-word;}


@media screen and (-webkit-min-device-pixel-ratio:0) {
.services-template .services-list li a:link, .services-list li a:visited {padding: 0 10px;}
}
.services-template .services-list li {width: 130px; margin: 4px; background-position-x: 96%!important; cursor: pointer; padding: 5px 20px 0 0!important;
height: 40px; overflow: hidden;}
.services-template .services-list.active li {color: #FFF; background: #009fb4 url(../images/touch-images/deactivate-ico.png) 130px center no-repeat;}
	.services-template .active li a:link, .services-template .active li a:visited {color: #FFF;}
	.services-template .active li a:hover, .services-template .active li a:active, .services-template .services-list.active li:hover {text-decoration: none;}


/**My Services**/
.myusage-service .services-list li {display: table; height: 60px;}
	.myusage-service .services-list li span {padding: 6px 0 0 6px;}

	/**Active Services**/
	.services-template .services-list.active li:hover {background-color: #49b7c6; color: #444;}

	/**InActive Services**/
	.services-template .services-list.inactive li {color: #009fb4; background: #fff url(../images/touch-images/activate-ico.png) 130px center no-repeat;}
	.services-template .services-list.inactive li:hover {background-color: #49b7c6;}
		.myusage-service.services-template .services-list.inactive li a:link, 
		.myusage-service .services-list.inactive li a:visited {color: #009FB4; text-decoration: none;}

	.myusage-service.services-template .services-list.inactive li a:hover, 
	.myusage-service .services-list.inactive li a:active,
	.myusage-service.services-template .services-list.inactive:hover {color: #FFF; text-decoration: none;}

	.services-template .services-list.inactive li:hover a {color: #FFF!important;}
.services-template .errorStrip, .services-template .success, .services-template .warningStrip {width: auto!important;}

/*** how to subscribe list ***/
.services-template aside {display: table; width: 104.7%;}
.services-template .subscribeList {display: table-row;}
	.services-template .subscribeList li {padding: 0 5px; display: table-cell; vertical-align: middle;}
	.services-template .subscribeList li + li  {border-left: 1px solid #43444C; margin-left: 10px;}
	.services-template .subscribeList img {border: none; margin-right: 10px;}

/*** Services overlay ***/
.overlay {padding-bottom: 14px; position: relative; margin-top: 10px; background: #ebebeb; width: 100%; border-radius: 8px; -webkit-border-radius: 8px;
-moz-border-radius: 8px;}
.overlay .overlay-title {display: inline-block; width: 97.6%; background: #009fb4; font-transform: uppercase; border-radius: 8px 8px 0 0;
-webkit-border-radius:8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; font-weight: 400; padding: 9px 0 8px 20px;}
.overlay h2 {font-family: 'DosisBold'; font-size: 1.6em; float: left; padding-right: 10px;}
.overlay .overlay-title h5 {color: #FFF; float: left; margin: 0px 0 0 2px; border-left: 2px solid #FFF; padding-left: 13px;}
.overlay .close {position: absolute; right: 0; font-size: 2em; color: #FFF; right: 10px; top: 9px;}
.overlay .close a {color: #FFF; text-decoration: none;}
.overlay .close a:hover {color: #d6d6d6;}
.overlay p {color: #353535;}
.overlay h4 {color: #009fb4; font-family: 'DosisBold'; margin-left: -20px; text-transform: uppercase;}

/** Used for the FAQ**/
.overlay-content {color: #353535!important; padding: 10px 20px;}
.editorial .overlay-content p, .editorial .overlay-content span, .editorial .overlay-content font, .editorial .overlay-content ol li,
.editorial .overlay-content tr + tr td {color: #353535;}
.editorial .overlay-content ul li {list-style-image: url("../images/touch-images/dark-dash.png"); color: #353535; padding-left: 36px;}

/**Confirmation Dialog**/
.tas .confMsg {text-align: center; display: block; padding: 0 15px;}
	.tas .confMsg .overlay-content p {text-align: center; line-height: 1.2em;}
	.tas .confMsg .overlay-content .dialog-buttons {display: inline-block; margin-top: 15px; margin-left: 0;}

.tas .serviceDialog input[type="submit"] {display: inline-block!important;}
.tas.ie8 .serviceDialog input[type="submit"] {display: inline-block!important;}

/*** Dialog msg (error, success) ***/
.tas .serviceDialog .errorStrip, .serviceDialog .success {margin-top: 20px; font-size: 1em !important; display: inline-block; width: 100%!important;}
.tas .serviceDialog .error {float: left; width: 96%; margin: 10px 0;}

.tas .serviceDialog .warningStrip, .tas .serviceDialog .errorStrip, .tas .serviceDialog  .success {
float: left; margin: 0; width: 100%!important; margin-left: -15px; padding-left: 30px; margin-top: 10px;}
.tas .serviceDialog .warningStrip {width: 96%!important;}

		.tas .serviceDialog .error {margin-left: 0;}
		.tas .serviceDialog .errorStrip p, .tas .serviceDialog .success p {width: 700px; padding-left: 30px;}

	.tas .serviceDialog .warningStrip {border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;font-size: 1em!important;
	margin: 10px 0!important; display: inline-block;}
.tas .serviceDialog .dijitDialogPaneContent {width: auto!important;}
.tas .serviceDialog .link {float: none;}

/*** FAQ ***/
.tas .faq-services .services-list li { margin-left: 3px; font-size: 1em;
cursor: pointer; width: 132px; height: 44px; overflow: hidden; float: left; list-style-image: none;
background: #FFF; text-align: center;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.tas .faq-services .services-list li.selected, .tas .faq-services .services-list li:hover {background: #009FB4;}
	.tas .faq-services span {padding: 0!important;}
	
		.tas .faq-services .services-list li a:link, .tas .faq-services .services-list li a:visited {text-decoration: none;
		width: 125px; line-height: 1.2em; color: #000; height: 44px; vertical-align: middle; display: table-cell; text-transform: uppercase;}
		
		.tas .faq-services .services-list li a:hover, .tas .faq-services .services-list li a:active {text-decoration: none; color: #FFF;}


.overlay section {padding: 10px 20px;}
.overlay section .question {color: #009fb4; font-size: 1.5em; margin-bottom: 5px;}
.overlay section .answer {color: #000; font-size: 1.1em;}

/*** Services Aside ***/
.tas .editorial aside {margin: 22px -20px 0;}
	.tas .editorial aside h6 {padding:6px 0 6px 20px; background: #009fb4; color: #FFF; font-family: 'DosisBold'; font-size: 1.6em; margin-bottom: 10px;
	display: table-caption; width: 98%;}
	
	.tas .editorial aside ul {margin: 10px 0 0 20px; width: 96%;}
		.tas .editorial aside ul li {height: 40px; list-style-image: none;}
		.tas .editorial aside ul li.care {background: url(../images/touch-images/mobile.png) 5px top no-repeat;}
		.tas .editorial aside ul li.touch-center {padding-left: 64px; background: url(../images/touch-images/small-logo.png) 10px top no-repeat;}
		.tas .editorial aside ul li.mytouch {background: url(../images/touch-images/arrow.png) 10px top no-repeat; padding-left: 45px;}
		.tas .editorial aside ul li.mobileApp {background: url(../images/touch-images/mobileApplication.png) 5px top no-repeat; padding-left: 40px;}
		.tas .editorial aside ul li.SMS {background: url("../images/touch-images/boxes-icons/freesms-form-bg.png") no-repeat scroll 10px top transparent; padding-left: 45px;}

/***Items listing Template***/
.tas .items-listing-template article {border-bottom: 1px solid #a5a5a5; display: inline-block; width: 100%;margin-bottom: 20px;}
.tas .items-listing-template img {border: 10px solid #fff; margin-right: 10px; position: relative; z-index: 1;}
.tas .items-listing-template h4 {background-color: #009fb4;color: #FFF;}

/***Sitemap Template***/
.sitemap li {font-size: 16px!important;font-weight: 700!important;margin-bottom: 20px!important;}
.sitemap li ul {margin-left: 20px;width: 97%;}
.sitemap li ul li {font-size: 0.9em!important;font-weight: 400!important;margin-bottom: 5px!important;}
.sitemap li ul li ul li {font-size: 0.9em!important;font-weight: 300!important;}

/*** Mobile app landing page ***/
.mobile-application .app-header {border-bottom: 1px dashed #FFF; padding-bottom: 22px;}
.mobile-application .fnt26 {padding-bottom: 27px; width: 100%; font-size: 26px; display: block; font-weight: bold; font-family: 'DosisRegular'; color: #FFF;}
.mobile-application .fnt28 {padding: 10px 0 17px 0; width: 100%; font-size: 28px; display: block; font-weight: bold; font-family: 'DosisBold'; color: #FFF;}
.mobile-application .fnt45 {padding-bottom: 20px; width: 100%; font-size: 45px; display: block; font-weight: bold; font-family: 'DosisBold'; color: #FFF;}
.mobile-application .fnt65 {padding-bottom: 20px; width: 100%; font-size: 65px; display: block; font-weight: bold; font-family: 'DosisBold'; color: #FFF;}
.mobile-application .image {margin-top: -15px; width: 356px; float: right;}
.mobile-application .image img {float:none; border: 0;}
.mobile-application .app-info {float: left; margin-top: 62px; width: 280px;}
.mobile-application .app-info ul {padding-bottom: 50px; border-bottom: 1px dashed #FFF;}
.mobile-application .app-info ul li {font-family: 'NunitoBold'; font-size: 14px; margin-bottom: 10px;}
.mobile-application .app-info h6 {font-family: 'NunitoBold'; font-size: 20px; line-height: 1em;}
.mobile-application .app-info .stores {margin-top: 20px; padding-bottom: 0; border-bottom: 0;}
.mobile-application .app-info .stores li {margin-right: 4px; list-style-image: none; float: left;}
.mobile-application .app-info .stores li img {border: 0; float: none; margin: 0;}

/*** Maintenance page ***/
.maintenance-page {font-family: 'DosisRegular'; background: url(../images/touch-images/maintenance-page-bg.png) top left no-repeat; height: 610px;}
.maintenance-page p {margin-left: 4%; color: #49494a; font-family: 'DosisBold'; font-size: 4.5em; line-height: 0.82em;}
.ie8 .maintenance-page p {margin-left: 4%; font-size: 4.35em; line-height: 0.85em;}
.maintenance-page p span {color: #009fb4;}
.ie8 .maintenance-page p span {font-size: 1.04em;}
.maintenance-page p + p {color: #49494b; font-weight: 300; font-size: 1.5em; font-weight: 400; margin: 10px 0 0 30px; line-height: 1em;}
.maintenance-page p + p span {font-weight: 700; color: #49494b;}

/***404 Template***/
.error404 {background: url(../images/touch-images/404.png) center center no-repeat;margin: 0 auto;height: 600px;}
.error404 .errorText {display: table-cell; font-family: 'DosisRegular'; height: 500px; margin: 0 auto; text-align: center; vertical-align: middle;
width: 760px;}
.error404 h2 {color: #49494b; font-weight: 700;font-size: 2.3em;}
.error404 h2 span {text-transform: uppercase; font-weight: 200;}
.error404 p {color: #FFF; font-weight: 700; font-size: 2em; text-transform: uppercase; text-align: left; margin-left: 300px;}
.error404 p span {font-size: 2em;}
.error404 .last {font-size: 0.9em;font-weight: 400;}
.error404 a:link, .error404 a:visited {background-color: #49494b;border-radius: 8px;-moz-border-radius: 8px; -webkit-border-radius: 8px;
color: #FFF;display: inline-block;font-family: "NunitoBold";font-size: 0.9em;margin-top: 3px;padding: 3px 15px;text-decoration: none;text-transform: uppercase;}

.error404 a:hover, .error404 a:active {background-color: #6b6b6d;}

/***server error Template***/
.serverError {width: 742px;}
.serverError h2 {margin-left: -59px;}
.serverError p {
height: 125px;
margin-left: 235px;
overflow: hidden;
text-overflow: ellipsis;
width: 380px;
}

/***Free SMS history***/
.col4.editorial .portlet {overflow: visible!important;}
.col4.editorial h3 span {display: inline;}
.col4.editorial:hover{box-shadow: none;-webkit-box-shadow: none; /* Safari */-moz-box-shadow: none;}

/***Store Locator***/
.editorial .mapContainer {height:450px;margin-bottom: 10px;}
.editorial .mapContainer img {border: 0!important; float: none; margin: 0; max-width:none;}
.editorial .mapSelector {width: 830px;margin: 10px 0px 25px -20px;background: transparent;background: rgba(130,130,130,0.5);padding: 0 20px;}
.editorial .mapSelector form {display: table;width: 100%;}
.editorial .mapSelector ul {display: table-row;margin-top: 0;}
.editorial .mapSelector .separatedContent {display: table-cell;padding: 10px 15px;border-left: 1px solid #9d9d9e;}
.editorial .mapSelector .separatedContent:first-child {border: none;margin: 0;padding-left: 0;}
.editorial .mapSelector .separatedContent:first-child select {width: 230px;}
.editorial .mapSelector label {display: inline-block;font-family: "NunitoRegular";font-size: 13px;margin-top: 7px;padding-right: 10px;}
.editorial .mapSelector label:first-child {margin-left: 0;}
.editorial .mapSelector select {font-family: "NunitoRegular"; line-height: 5;padding: 4px;text-transform: capitalize; width: 140px;}
.editorial .mapSelector .clear-filter {float: none; margin-top: 0;}
.editorial .mapSelector .submit-link {margin-top: 0;}
.editorial .mapSelector .exception {border-top: 1px solid #9d9d9e;padding: 15px 20px 15px 65px;margin-left: -20px;font-size: 1.3em;background: transparent url(../images/touch-images/info.png) 20px center no-repeat;line-height: 1.3em;}
.editorial .mapSelector .serviceCenter {background:transparent url(../images/touch-images/serviceCenterIcon.png) no-repeat left -4px;}
.ie8 .editorial .mapSelector label {font-size: 1.33em;}
.ie8 .editorial .mapSelector select {width: 210px;}
.ie8 .editorial .mapSelector select, ie9 .mapSelector select {font-family:"Verdana"; font-weight: bold;}
.editorial .mapSelector select option {font-family:"NunitoRegular";}
.ie8 .editorial .mapSelector select option, .ie9 .mapSelector select option {font-size: 1em;font-family:"Verdana"; font-weight: bold; text-transform: capitalize; font-size: 1.4em!important;}
.editorial .mapSelector .social-sharing {clear: none;display: inline-block;margin: 7px 0 10px;width: auto;}
.dropdownParent {display: block; color: #009FB4; font-family: 'NunitoBold'!important; border-bottom: 1px solid #009FB4; font-size: 16px!important;margin-top: 5px;}
.gm-style-iw div{paddong:0px!important; max-height:2000px!important;}

/**Store locator legend**/
.tas .editorial .mapLegend {height: 95px;width:150px;line-height: 27px;background:rgba(247, 247, 247, 0.9); margin:5px; padding:10px; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.tas .editorial .mapLegend ul {margin: 0;float: left;}
.tas .editorial .mapLegend li {height: auto;clear: both;}
.tas .editorial .mapLegend li span {font-size: 1.2em;color: #49494b;}
.tas .editorial .mapLegend .legend-info-icon:link,.tas .editorial .mapLegend .legend-info-icon:visited {background:transparent url(../images/touch-images/information-icon.png) no-repeat left top; display: block;position:absolute; left:142px;width: 18px;height: 18px;}
.tas .editorial .mapLegend li img {height: 20px;width:auto;margin-right: 10px;}

.editorial #storesData {margin-right: -14px;}
.editorial .storeInfo {padding: 10px 0;max-width: 350px;}
.editorial .storeInfo h5 {width: 100%;color: #009FB4;font-family: 'nunitoregular';margin: 0 0 10px 0;text-transform:capitalize;line-height: 0.9em;font-size: 1.3em}
.editorial .storeInfo .directionLink {display: block;}
.editorial .storeInfo p {font-size: 1em;font-weight: normal;color: #000;line-height: 1.3em;}
.editorial .storeInfo .time {margin-top: 10px;}
.editorial .storeInfo .time span {display: block;color: #000;font-family: 'Nunitobold';}
.editorial .storeInfo a:link,.editorial .storeInfo a:visited {margin-top: 8px;display: inline-block;font-family:'Nunitoregular'}
.editorial .storeInfo h5.serviceCenter {background:transparent url(../images/touch-images/serviceCenterIcon.png) no-repeat left top;padding-left: 35px;
padding-top: 16px;}
.editorial .storeInfo h5.certifiedOutlet {background: transparent url(../images/touch-images/storeLocatorMark.png) no-repeat left top;padding-left: 35px;padding-top: 16px;}
.editorial .poi-tooltip {width: 150px;}

.form-dialog.static-content {font-size: 0.9em;line-height: 1.2em;}
.static-content h4 {float: none;display: inline-block;margin-bottom: 15px;}
.static-content h5 {margin-bottom: 10px;font-size: 1.1em;}
.static-content p {margin-bottom: 15px;}
.static-content li {background: transparent url(../images/touch-images/list-bullet.gif) no-repeat left 4px;padding-left: 25px;text-transform: capitalize;}

/*** footer ***/
footer {height: 25px; width: 100%; background: #009fb4; margin-top: 10px; padding: 4px 0;}
	.footer-content {max-width: 922px; margin: 0 auto;text-align: center;}
			.footer-content ul li {margin-right: 1px; height: 25px; float: left;}
				.footer-content ul li a {height: 18px; padding: 7px 10px 0; position: relative; color: #FFF; font-size: 0.7em; font-family: 'NunitoRegular'; display: block; text-decoration: none; cursor:pointer; background: url(../images/touch-images/footer-seperator.png) left 8px no-repeat;}
				.footer-content ul li:first-child a {background: none;}
				.footer-content ul li a:hover {text-decoration: underline;}
		.footer-content .copyright {float: right; color: #FFF; font-family: 'NunitoRegular'; font-size: 12px; padding-top: 5px; display: inline-block;}
			.footer-content .copyright img {width: 51px; height: 19px; margin-top: -4px;}
			.footer-content .copyright img:hover {-moz-opacity:.50; -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50); opacity:.50;}
	.footer-content .socialMedia {
	float: left;
	width: 17%;
	margin-left: 80px;}
	.footer-content	.footerMenu {width: 37%; margin: 0 auto; display: inline-block;}
		.footer-content .socialMedia li {margin-right: 10px;}
			.footer-content .socialMedia li a:link, .footer-content .socialMedia li a:visited {background: transparent url(../images/touch-images/socialMedia20.png) no-repeat left 3px; text-indent: -99999px;}
			.footer-content .socialMedia .facebook a:link,  .footer-content .socialMedia .facebook a:visited {background: transparent url(../images/touch-images/socialMedia20.png) no-repeat left 3px}
			.footer-content .socialMedia .twitter a:link,  .footer-content .socialMedia .twitter a:visited {background-position: left -20px;}
			.footer-content .socialMedia .youTube a:link,  .footer-content .socialMedia .youTube a:visited{background-position: left -44px;}
			.footer-content .socialMedia .LinkedIn a:link,  .footer-content .socialMedia .LinkedIn a:visited {background-position: left -73px;}
			.footer-content .socialMedia .Instagram a:link,  .footer-content .socialMedia .Instagram a:visited{background-position: left -96px;}
			
			/**Hover behavior**/
		    .footer-content .socialMedia li a:hover, .footer-content .socialMedia li a:active {background: transparent url(../images/touch-images/socialMedia20Hover.png) no-repeat left 3px; text-indent: -99999px;}
			.footer-content .socialMedia .facebook a:hover,  .footer-content .socialMedia .facebook a:active {background: transparent url(../images/touch-images/socialMedia20Hover.png) no-repeat left 3px}
			.footer-content .socialMedia .twitter a:hover,  .footer-content .socialMedia .twitter a:active {background-position: left -20px;}
			.footer-content .socialMedia .youTube a:hover,  .footer-content .socialMedia .youTube a:active {background-position: left -44px;}
			.footer-content .socialMedia .LinkedIn a:hover,  .footer-content .socialMedia .LinkedIn a:active {background-position: left -73px;}
			.footer-content .socialMedia .Instagram a:hover,  .footer-content .socialMedia .Instagram a:active {background-position: left -96px;}

/***FCK EDITOR STYLING***/
h4.h4blue {color: #009fba;text-transform: uppercase;}

.tableoption1 {clear: both;margin-bottom: 10px;}

.tableoption1 table {border: 0;border-collapse: separate;border-spacing: 0 0.5em;}

.tableoption1 table tr:first-child td {background-color: #009fb4;color: #FFF!important;text-transform: uppercase;font-family: 'DosisBold';font-size: 1.4em;}

.tableoption1 table tr {padding: 5px 0;}
.tableoption1 table tr:first-child {border-top: 0;}
.tableoption1 table tr td {background: #FFF; color:#000!important;border: 0!important;border-collapse: separate;border-spacing: 0 0.5em;}
.tableoption1 table tr td:first-child {
border-radius: 10px 0 0 10px;
-webkit-border-top-left-radius: 10px; /* Safari */
-moz-border-radius-topleft: 10px; /* Firefox */
-webkit-border-bottom-left-radius: 10px; /* Safari */
-moz-border-radius-bottomleft: 10px; /* Firefox */
border-left: none;
}

.tableoption1 table tr:first-child td {border-radius: 0 0 0 0;-webkit-border-radius: 0; /* Safari */-moz-border-radius: 0; /* Firefox */}

.tableoption1 table tr td:last-child {border-radius: 0 10px 10px 0;
-webkit-border-top-right-radius: 10px; /* Safari */
-moz-border-radius-topright: 10px; /* Firefox */
-webkit-border-bottom-right-radius: 10px; /* Safari */
-moz-border-radius-bottomright: 10px; /* Firefox */
border-right: none;
}

.tableoption1 table tr:first-child td {border-radius: 0 0 0 0;-webkit-border-radius: 0; /* Safari */-moz-border-radius: 0; /* Firefox */}

.tableoption1 table tr td.rounded {border-radius: 10px;-webkit-border-radius: 10px; /* Safari */-moz-border-radius: 10px; /* Firefox */}

.ie8 .tableoption1 table tr td {border-top: 4px solid #49494b!important;}
.ie8 .tableoption1 table tr:first-child td {border-top: 0!important;}

.tableoption1 table td p,.tableoption1 table td span {color: #000;}

/*** pager styling ***/
.dojoxRotatorNumber, .dojoxRotatorPause, .dojoxRotatorPlay {display: block; float: left; height: 16px; margin-right: 5px; text-align: center; width: 16px;}

.dojoxRotatorNumber {background: url(../images/touch-images/white-circle.png) top left no-repeat;}
.dojoxRotatorNumber a, .dojoxRotatorIcon a {display: block; height: 16px; text-indent: -1000px; overflow: hidden;}
.dojoxRotatorSelected {background: url(../images/touch-images/blue-circle.png) top left no-repeat;}
.dojoxRotatorPause {background: url(../images/touch-images/pause.png) top left no-repeat;}
.dojoxRotatorPlay {background: url(../images/touch-images/play.png) top left no-repeat;}


.dojoxRotatorInfo {display: none;}

#promotion .rotator {border-radius: 8px;-webkit-border-radius: 8px; /* Safari */-moz-border-radius: 8px;background-color: transparent !important;
display: inline-block;width: 100%;height: 450px;}

#promotion .pane {display: inline-block;height: auto;width: 100%}

#promotion ul {float: left; margin: -45px 0 0 20px; position: relative; width: auto;z-index: 2;}

/****Social Media***/

/*** Social Media ***/
#socialmedia {position: fixed;left: -5px;margin-top: 0;z-index: 1000; top: 163px;}
.ie8 #socialmedia {top: 163px;}
	#socialmedia ul li {background: transparent;height: 100px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
	#socialmedia ul li:hover {margin: 0 0 0 5px;}

#socialmedia ul li .socialmedia {
	margin: -93px 45px 0;
	*margin: 0 -5px;
	padding: 0;
	position: absolute;
	width: auto;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	}
	

#socialmedia ul li#fbWidget.on {*margin: 0;}
	
#socialmedia ul li .socialmedia .socialmedia-content {background: #FFF; margin: 5px; padding: 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#socialmedia ul li .socialmedia #youtubeWrapper.socialmedia-content {max-height: 410px; overflow: hidden; *width: 290px; display: none;}
#socialmedia ul li:hover .socialmedia #youtubeWrapper.socialmedia-content {display: block;}

#socialmedia ul #youtubeWrapper ul li {background: #FFF;clear: both;display: none;font-size: 0.85em;margin: 0;}

#socialmedia ul #youtubeWrapper ul li + li {display: block;}
#socialmedia ul #youtubeWrapper ul li a {display: inline;float: left;}
#socialmedia ul #youtubeWrapper ul li label {color: #666;display: inline;float: right;font-size: 0.9em;line-height: 1.1em;margin: 5px;max-height: 80px;
overflow: hidden;width: 130px;}

#socialmedia ul #youtubeWrapper #playerContainer {height: 180px;margin: 0 0 77px;}
#socialmedia ul #youtubeWrapper #YTvideos {height: 90px;overflow-y: auto;}
#socialmedia ul li .youtube {height: 35px;padding: 3px;min-width: 275px;*width: 275px;}
#socialmedia ul li .youtube h4 {float: left;}
#socialmedia ul li .youtube button {
background: #FFFFFF; /* Old browsers */
background: -moz-linear-gradient(top, #FFFFFF 0%, #e0e0e0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FFFFFF 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FFFFFF 0%,#e0e0e0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #FFFFFF 0%,#e0e0e0 100%); /* IE10+ */
background: linear-gradient(to bottom, #FFFFFF 0%,#e0e0e0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
border: 1px solid #CCC;color: #333;cursor: pointer;
float: right; font-size: 12px; font-weight: bold; line-height: 1em;
*line-height: 1.8em;margin: -2px -5px;min-height: 25px;
padding: 0;width: 80px;}
#socialmedia ul li .youtube button:hover {background-image: linear-gradient(to bottom, #FFFFFF 0px, #C4C4C4 100%);
background: #FFFFFF; /* Old browsers */
background: -moz-linear-gradient(top, #FFFFFF 0%, #C4C4C4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#C4C4C4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FFFFFF 0%,#C4C4C4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FFFFFF 0%,#C4C4C4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #FFFFFF 0%,#C4C4C4 100%); /* IE10+ */
background: linear-gradient(to bottom, #FFFFFF 0%,#C4C4C4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#C4C4C4',GradientType=0 ); /* IE6-9 */border-color: #333;}

/* Twitter Widget */
.socialmedia #twtr-widget-1 .twtr-doc, .socialmedia #twtr-widget-1 .twtr-hd a, .socialmedia #twtr-widget-1 h3, .socialmedia #twtr-widget-1 h4, .socialmedia #twtr-widget-1 .twtr-popular {background-color: #33ccff!important; color: #000000!important;}
.socialmedia .twtr-hd {background-color: #FFF!important; margin: 5px 5px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.socialmedia #twtr-widget-1 h3, .socialmedia #twtr-widget-1 h4 {background: #FFF!important; font-family: Arial, Helvetica, sans-serif!important; font-size: 14px!Important;margin: 0 10px;}
.socialmedia #twtr-widget-1 h3 {font-size: 15px!important; font-weight: bold!important;}
.socialmedia #twtr-widget-1 h4 a:link, .socialmedia #twtr-widget-1 h4 a:visited {background: #FFF!important;}
.socialmedia #twtr-widget-1 h4 a:hover, .socialmedia #twtr-widget-1 h4 a:active {border-bottom: 1px dotted #000!important; text-decoration: none!important;}
.socialmedia #twtr-widget-1 .twtr-new-results, .socialmedia #twtr-widget-1 .twtr-results-inner, .socialmedia #twtr-widget-1 .twtr-timeline {background-color: #33ccff!important;}
.socialmedia .twtr-tweet-wrap {background: #FFF!important; margin: 5px 5px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.socialmedia #twtr-widget-1 .twtr-bd, .socialmedia #twtr-widget-1 .twtr-timeline i a, .socialmedia #twtr-widget-1 .twtr-bd p {color: #000000!important; font-family: Arial, Helvetica, sans-serif;}
.socialmedia #twtr-widget-1 .twtr-tweet a {color: #33ccff!important;}
.socialmedia #twtr-widget-1 .twtr-tweet a:hover, .socialmedia #twtr-widget-1 .twtr-tweet a:active {border-bottom: 1px dotted #33ccff!important; text-decoration: none!important;}
.socialmedia .twtr-ft span {padding-top: 3px;}
.socialmedia .twtr-ft span a {color: #FFF!important;}
.socialmedia .twtr-ft span a:hover, .socialmedia .twtr-ft span a:active {border-bottom: 1px dotted #FFF!important; text-decoration: none!important;}

/* Begin Alert */
#notifications {margin-right: 1px; padding: 7px; float: right; background:#FCD107; -moz-border-radius: 8px; -webkit-border-radius: 8px; margin: 13px 0;
border-radius: 8px; width: 98%;}
#notifications .alertContent {position: relative; background: url(../images/touch-images/attentionIcon.png) no-repeat center left;
padding-left: 36px;}
#notifications .alertContent .dojoxScrollWrapper {height: auto;}
#notifications .alertContent ul {list-style-type: circle;}
#notifications ul li {width: 97%; color: #000; font-family: 'NunitoRegular'; margin-top: -3px;}
.ie8 #notifications ul li {margin-top: -2px;}
#notifications ul li span {font-size: 0.75em;}
.closeBtn {background: url(../images/touch-images/close-black.png) no-repeat top right; float: right; width: 13px; height: 12px; text-indent: -1000px; overflow: hidden;}
.closeBtn:hover {-moz-opacity:.50; -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50); opacity:.50;}

/**Begin  Roaming ***/
.roamingPage img {width: auto; max-width: none;}
.roamingPage h5 {color: #FFF; float: left; font-weight: normal; margin: 20px 10px 10px 0; font-family: "NunitoBold";}
.roamingPage .dijitTextBox {margin-top: 12px;}
.roamingPage ul li {list-style-image: none;}
.legend {float: right; margin-top: 8px;}
.legend p {float: left; margin-right: 10px; border-right: 1px solid #FFF; padding-right: 10px;}
.legend p + p {border-right: none; padding-right: 0;}
.legend .blue-square {width: 13px; height: 13px; background: #009fb4; float: left; margin: 1px 3px 0 0;}
.legend .grey-square {width: 13px; height: 13px; background: #C1C1BD; float: left; margin: 1px 3px 0 0;}
/**End Roaming **/

/*** Begin Dary Box***/
.dary {background: #F9D940 url(../images/touch-images/boxes-icons/dary-touch.png) no-repeat left top ;height: 261px;padding: 0;width: 336px !important;}
.dary:hover {cursor: pointer;}
.dary .box-content {height: 100%;}
.dary h4 {color: #FFFFFF;font-size: 5em;padding: 100px 0 0;text-align: center;line-height: 0.8em;}
.dary .subtitle {font-size: 0.7em;text-align: center;text-transform: capitalize;width: 87%;}
/*** End Dary box***/

/*** Touch Mobile ***/
.touch-mobile {background: #2F8B98 url(../images/touch-images/boxes-icons/touch-mobile.png) no-repeat center center;height: 261px; padding: 0;width: 336px !important;}
.touch-mobile:hover {cursor: pointer;}
	.touch-mobile .box-content {height: 100%;}
		.touch-mobile h4 {color: #FFF;font-size: 5em;padding: 100px 0 0;text-align: center;line-height: 0.8em;}
			.touch-mobile .subtitle {font-size: 0.8em;margin-left: 60px;text-align: left;text-transform: lowercase;}

/*** Khedme box ***/
.khedme {background: #ffea00 url('../images/touch-images/boxes-icons/khedme-bg.png') no-repeat right bottom; height: 261px; padding: 0; width: 336px!important;}
	.khedme h4 {text-align: center; background: url(../images/touch-images/boxes-icons/service-ar-words.png) no-repeat center; height: 141px; margin-top: 60px;}


/***My Usage***/
.tas .myUsage .warningStrip {margin-bottom: 10px; margin-top: 20px;}
.tas .myUsage .lineBill {margin-top: 10px; width: 99%;display: inline-block;background-color: #009FB4; border-radius: 10px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;padding: 6px;}
	.tas .myUsage .lineBill .status {background-color: #75C9DE; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; height: 20px;
	padding: 14px 8px;}
		
		.tas .myUsage .lineBill .status p {float: left; margin-left: 6px; width: 72%;}
		
			/***The label holding the status***/
			.tas .myUsage .lineBill .statusLabel {font-family: "NunitoBold"; display: inline-block; height: 20px; padding: 5px 0 0 30px;}
			
			/****Line status****/
			.tas .myUsage .lineBill .status .inactive {color: #cc3333;  background: transparent url(../images/touch-images/error.png) no-repeat left center; padding-left: 30px;}
			.tas .myUsage .lineBill .status .suspend {color: #ef6b07; background: transparent url(../images/touch-images/suspend.png) no-repeat left center; padding-left: 30px;}
			.tas .myUsage .lineBill .status .active {color: #466929; background: transparent url(../images/touch-images/green-tick.png) no-repeat left center; padding-left: 30px;}
			.tas .myUsage .lineBill .status .terminate {color: #cc3333; background: transparent url(../images/touch-images/terminate.png) no-repeat left center; padding-left: 30px;}
						
					/****Reconnect My line****/	
					.tas .myUsage .lineBill .status a:link, .myUsage .lineBill .status a:visited {font-size: 14px; float: right; border-bottom: 1px dotted #FFF;
					background: transparent url(../images/touch-images/suspend-ico.png) no-repeat top left;padding: 0 0 2px 20px; margin-right: 20px; color: #FFF;}
					.tas .myUsage .lineBill .status a:hover, .myUsage .lineBill .status a:active {text-decoration: none;} 

.tas .myUsage .lineBill .infoContainer {display: table; overflow: hidden; padding: 10px 0; width: 100%;}
.tas .myUsage .lineBill .infowrapper {min-height: 140px; margin: 20px 2px; border-left: 1px solid #FFF;
display: table-cell; float: none; padding-bottom: 10px; padding-left: 10px;padding-right: 10px;
padding-top: 10px; width: 150px !important;}
.tas .myUsage .lineBill .mobileNumber {border: none;}
	.tas .myUsage .infowrapper span {margin-top: 10px; text-indent: -99999px; display: block; height: 65px;
	background: transparent url(../images/touch-images/myUsageIcons.png) no-repeat top center;}
	.tas .myUsage .infowrapper h4 {display: block;font-family: nunitoregular;font-size: 14px;background-color: transparent;color: #FFF;text-align: center;
	margin:0 0 4px 0; padding:0; width: 100%; text-transform: Capitalize;}
	.tas .myUsage .infowrapper p {text-align: center; font-family: "NunitoBold"; font-size: 15px; color: #EFEFEF;}

.tas .myUsage .buttons .dijitButton {margin-left: 0;}

/**Icon corporate filter -voice, data, m2m-**/
.tas .unbilledNumber span {background-position: center -89px!important;}
.tas .lineLimit span {background-position: center -170px!important;}
.tas .bank span {background-position: center -251px!important;}
.tas .lineExpiry span {background-position: center -310px!important; margin-left:-10px;}
.tas .serialNumber span {background-position: center -372px!important;}
.tas .staticIp span {background-position: center -454px!important;}
.tas .dataInternet span {background-position: center -522px!important;}
.tas .dataConsumption span {background-position: center -615px!important;}

/**Coporate Service Report**/
.tas .servicesReport .filterService {width: 98%; display: inline-block; padding: 0 5px;}
	.tas .servicesReport .filterService p {width: 50%; float: left; color: #199CB8; font-size: 1.2em;}
.tas .servicesReport ul {display: inline-block; margin-top: 10px;}
	.tas .servicesReport li {width: 25%; float: left;}
	.tas .servicesReport .dijitTextBox {min-width: 200px;}

/**My usage for a prepaid User**/
.myUsage .prepaidUser .infowrapper {width:32.5%;}
.myUsage .prepaidUser .infowrapper h4 {font-size: 16px;}
.myUsage .prepaidUser .infowrapper p {font-size: 14px;}

.tas .myUsage .unbilledInfo {margin-right: 10px; min-height: 200px; background: #FFF; /* Old browsers */
border-radius: 6px; -webkit-border-radius: 6px; /* Safari */ -moz-border-radius: 6px; -ms-border-radius: 6px; 
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2OSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjY2NjY2NkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #FFFFFF 69%, #cccccd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(69%,#FFFFFF), color-stop(100%,#cccccd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #FFFFFF 69%,#cccccd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #FFFFFF 69%,#cccccd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #FFFFFF 69%,#cccccd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #FFFFFF 69%,#cccccd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#cccccd',GradientType=0 ); /* IE6-8 */
width: 29%; float: left; clear: both;padding: 10px;margin-bottom: 10px;}

.tas .myUsage .unbilledInfo + .unbilledInfo {clear: right; float: left;}
.tas .myUsage .buttons {margin: 10px 0;}
.tas .myUsage h4 {clear: both; display: inline-block; float: left; list-style-image: none; list-style-position: outside; margin-bottom: 18px; width: auto;
line-height: 1.2em;}

	.tas .myUsage h5 {line-height: 0.85em; margin: 0 0 10px 0; color: #000; font-size: 26px; height: 45px; padding-right: 50px;}
		.tas .myUsage .Calls h5 {background: transparent url(../images/touch-images/contact-us-bg.png) no-repeat top right;}
		.tas .myUsage .Advance h5 {background: transparent url(../images/touch-images/advance.png) no-repeat top right;}
		.tas .myUsage .Data h5, .tas .myUsage .charges h5 {background: transparent url(../images/touch-images/dataIcon.png) no-repeat top right;}
		.tas .myUsage .SMS h5 {background: transparent url(../images/touch-images/freesms-bg.png) no-repeat top right;}
		.tas .myUsage .net h5 {background: transparent url(../images/touch-images/dataIcon.png) no-repeat top right;}
		.tas .myUsage .Roaming h5 {background: transparent url(../images/touch-images/roamingIcon.png) no-repeat top right;}
		.tas .myUsage .Others h5 {background: transparent url(../images/touch-images/othersIcon.png) no-repeat top right;}
		.tas .myUsage .blackberry h5 {background: transparent url(../images/touch-images/blackberry.png) no-repeat top right;}
	
	.tas .myUsage .unbilledInfo li {list-style-image: url(../images/touch-images/blackArrow.png);color: #000000;font-size: 1.33em;text-transform: capitalize;
	list-style-position: outside;margin-left: 10px;}
		.myUsage .unbilledInfo .price {color: #009FB4;font-family: nunitoregular;font-size: 21px;}
	.myUsage .unbilledInfo li .price {font-size: 12px;margin-left:6px;}

/*** My Balance ***/
.sendsmsClass {cursor: pointer;}
.sendsmsClass.no-subsms {cursor: default;}
	.sendsmsClass .view {background: transparent url(../images/touch-images/info-bubble.png) no-repeat top left;padding: 0 0 6px 20px; color: #606168;}
	.sendsmsClass.no-subsms .view {background: none; padding: 0; color: #000;}
		.subsendsms {margin-top: 5px; position: absolute; width: 170px; -webkit-border-radius: 8px; padding: 10px 10px 0 10px;-moz-border-radius: 8px;
		border-radius: 8px;
		float: right; display: inline-block; background: #009DB2; z-index: 3; margin: -24px 0 0 14px;}
		.ie8 .subsendsms {display: block; margin: -24px 0px 0px 88px;}
			.subsendsms span {margin: 0 0 0 -18px; width: 18px; display: block; float: left; height: 17px;
			background: transparent url(../images/touch-images/subsend-arrow.png) no-repeat top left;}
			.subsendsms ul {margin-top: 0;}
				.subsendsms ul li {list-style-image: none; word-break: break-all;}
			.subsendsms .clear-content {border-top: 1px solid #91D0D9; text-align: left; padding-top: 4px;}
				.subsendsms .clear-content a {color: #4B494C; font-family: "NunitoLight";}

.sentMail, .receivedMail, .mailFailure {background: #FFF url(../images/touch-images/mailStatus.png) no-repeat -100px center!important;padding-left: 20px!important;}

.mailFailure {background-position: left center!important;}
.receivedMail {background-position: -200px center!important;}

/**---Prepaid Stores Styling----**/
.prepaidStores .dijitArrowButtonInner {width: 20px!important;}

/**---Data Calculator Styling----**/	
.dataCalculator .MeansUtilityWrap {display: inline-block; width: 100%;}
	.dataCalculator .MeansUtilityWrapper {width: 28%; float: left; display: block; padding-left: 40px; height: 40px;
	background: transparent url(../images/touch-images/MeansUtility.png) no-repeat 15px top;}
	.dataCalculator .smartphone  {background-position: 15px top;}
	.dataCalculator .tablet  {background-position: 12px -59px;}
	.dataCalculator .laptop  {background-position: 12px -120px;}
	
	.dataCalculator .MeansUtilityWrapper.mediaChecked {width: 28%; float: left; display: block; padding-left: 40px; height: 40px;
	background: transparent url(../images/touch-images/MeansUtilitySelected.png) no-repeat 15px top;}
	.dataCalculator .MeansUtilityWrapper.mediaChecked label {color: #FCD107;}
	.dataCalculator .mediaChecked.smartphone  {background-position: 15px top;}
	.dataCalculator .mediaChecked.tablet  {background-position: 12px -60px;}
	.dataCalculator .mediaChecked.laptop  {background-position: 12px -120px;}
	
		.dataCalculator .laptop label {margin-left: 45px!important;}
		.dataCalculator .dijitRadio, .dataCalculator .dijitRadioIcon {margin: -1px 0 0 -40px;}
		.dataCalculator .MeansUtilityWrapper label {margin: 25px 0 0 34px;}
	.dataCalculator .mbPicker {display: inline-block; margin-top: 5px; width: 100%;}
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.dataCalculator .mbPicker {display: inline-block;}
	}
			.dataCalculator .mbPicker h5 {color: #FFF; text-transform: uppercase; float: left; font-family: NunitoRegular; font-size: 16px; font-weight: normal;}
			.dataCalculator .mbPicker table {float: right; -webkit-border-radius: 8px 8px 8px 8px; padding: 10px 10px 0 10px; margin-top: -32px;
			-moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; margin-left: 10px;}
				.dataCalculator table tr {background-color: transparent;}
					.editorial .dataCalculator table td {padding: 0;}
					.dataCalculator .dijitSliderButtonContainerH {border: none; width: 12px; height: 12px; padding: 0!important;}
						.dataCalculator .dijitSliderDecrementIconH {background:none; border: none; height: 15px;  margin: 9px 9px 1px 0 !important; width: 15px;}
						.dataCalculator .dijitSliderDecrementIconH:hover {border: none;}
						.dataCalculator .dijitSliderIncrementIconH {margin: 8px 0 1px 9px!important; border: none; width: 15px; height: 15px; background:none;}
						.dataCalculator .dijitSliderIncrementIconH:hover {border: none;}
						.dataCalculator .dijitSliderActive .dijitSliderDecrementIconH, .dataCalculator .dijitSliderActive .dijitSliderIncrementIconH, 
						.dataCalculator .dijitSliderActive .dijitSliderDecrementIconV, .dataCalculator .dijitSliderActive .dijitSliderIncrementIconV, 
						.dataCalculator .dijitSliderHover .dijitSliderDecrementIconH, .dataCalculator .dijitSliderHover .dijitSliderIncrementIconH, 
						.dataCalculator .dijitSliderHover .dijitSliderDecrementIconV, .dataCalculator .dijitSliderHover .dijitSliderIncrementIconV {
						border: none; background-color: transparent; }
						.dataCalculator table tr + tr td {border: none;}
			.dataCalculator .dijitSliderLeftBumper, .dataCalculator .dijitSliderRightBumper {display: none;}
			
			.dataCalculator .mbCounter {font-size: 13px; float:right;}
					.dataCalculator .mbCounter .number {color: #FCD107; float:left; margin-right: 5px; font-size: 20px;}
				.dataCalculator .mbCounter span {color: #FCD107;}
				.dataCalculator .mbCounter label {color: #FCD107; margin-top: 0;}
	
	.dataCalculator .dijitButton {float: right;}
		.dataCalculator .dijitButton .dijitButtonNode {background-color: #FFF!important;}
			.dataCalculator .dijitButton .dijitButtonText {color: #939393;}
		
	.dataCalculator .summaryMb {display: inline-block; height: auto; margin-bottom: 10px; width: 100%; min-height: 156px;}
		.dataCalculator .border {background-color: #3c3d41;border-bottom: 1px solid #dedede; display: block; height: 2px; margin: 15px 0;} 
		.dataCalculator .summaryMb h4 {background-color: transparent; border-radius: 0; color:#FFF!important; float: left; font-size: 20px;margin-left: 0;padding-left: 0;}
		.dataCalculator .dijitSlider .dijitSliderRemainingBarH, 
		.dataCalculator .dijitSlider .dijitSliderRightBumper {background-color: #FFF; border-radius: 10px;  -webkit-border-radius: 10px;
		-moz-border-radius: 10px; margin-top: 10px; height: 4px;}
		.dataCalculator .dijitSliderMoveable, .dataCalculator .dijitSliderMoveableH {border: none; background-color: transparent!important;}
		.dataCalculator .summaryMb .dijitSliderReadOnly *, .dataCalculator .summaryMb .dijitSliderDisabled * {background-color: transparent!important;}
		 .dataCalculator .summaryMb .packages {display: block; float: left; font-size: 12px; position: relative; width: 30px;}
			 .dataCalculator .summaryMb .packages span{color: #FCD107; font-size: 18px;}
			 
			.dj_ie .dataCalculator .data4G.packages {margin-top: 5px;}
			
			.dataCalculator .summaryMb .packages.data4G {width: 54px; margin-top:10px;}

			.dataCalculator .packages {margin-bottom: 15px;
			-webkit-transform: rotate(-61deg); /* Chrome, Safari 3.1+ */
			-moz-transform: rotate(-61deg); /* Firefox 3.5-15 */
			transform: rotate(-61deg); /* Firefox 16+, IE 10+, Opera 12.10+ */ width: 60px;}
			
			.dataCalculator .summaryMb h4 {background-color: transparent; border-radius: 0; color:#FFF!important; float: left; font-size: 20px;text-transform: uppercase;font-family: 'dosisBold';}
			.dataCalculator .summaryWrapper .dataSummary span {font-size: 35px;margin-top: 8px;font-family: 'nunitoBold';}
			.dataCalculator .dataBundles li {width: 10.2%;display: block;margin-left: 1%;border-radius: 10px;background-color: #FFF;float: left;}
			.dataCalculator .dataBundles li:first-child {margin-left: 0;}
			.dataCalculator .dataBundles li h6 {width: 100%;font-family: 'Nunitobold';background-color: #43444c;color: #FFF; font-weight: bold;text-transform: uppercase;text-align: center;font-size: 13px;padding: 7px 0;margin-bottom: 0;border-radius: 10px 10px 0 0;}
			.dataCalculator .dataBundles li p {text-align: center;font-size: 18px;text-transform: uppercase;font-weight: bold;padding: 15px 0;color: #43444c;}
			.dataCalculator .dataBundles li span {font-size: 12px!important;color: #43444c;}
			.dataCalculator .dataBundles li.selected h6 {background-color: #FCD107;color: #43444c;}
			.dataCalculator .dataBundles li.selected p, .dataCalculator .dataBundles li.selected span {color: #80b539;}
			
			
			/***3G labels***/
			.dj_ie .dataCalculator .packages {width: 40px; height: 40px;}
			.dj_ie .dataCalculator .packages .titlePackages {visibilty: hidden;}

			/***4G labels***/
			.dj_ie .dataCalculator .data4G.packages {height: 60px;}
			
			.dataCalculator .legenedTitle {margin-top: 40px;}
			.dj_ie .dataCalculator .legenedTitle {margin-top: 50px;}
			
				.dataCalculator .data4G.packages span {font-size: 15px;}
				
				.dataCalculator .summaryMb .dataWrapper span {margin: 2px 0 0 10px; color: #FFF; display: inline-block;}

			/***3g packages label**/
			.dataCalculator .summaryMb .dijitRuleLabelH {left: 0;}
				.dataCalculator .summaryMb .packages .dataUnits	{color: #FFF; display: inline-block; font-family: nunitoregular; margin-top: 10px; 
				font-size: 15px;}
					.dataCalculator .summaryMb .packages .dijitReadOnly *, 	.dataCalculator .summaryMb .packages .dijitDisabled *,
					.dataCalculator .summaryMb .packages .dijitReadOnly, .dijitDisabled {background-color: transparent;} 	
			.dataCalculator .dataSummary {float: left; font-size: 15px; margin: 8px 0 12px 13px;}
				.dataCalculator .summaryWrapper label, .dataCalculator .summaryWrapper span {float: left; font-family: nunitoregular; color: #FCD107!important; 
				font-size: 18px; margin-top: 14px;}
				.dataCalculator .summaryMb table {margin-top: 0;}
			.dataCalculator .dijitSlider .dijitSliderProgressBarH, .dataCalculator .dijitSlider .dijitSliderLeftBumper {background-color: #FCD107; 
			border-radius: 8px 8px 8px 8px;  -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px;}

	.dataCalculator .estimatedUsageSider table {background-color: transparent!important;}
		.dataCalculator .estimatedUsageSider .dijitSliderBar, .dataCalculator .estimatedUsageSider .dijitSliderBarH,
		.dataCalculator .estimatedUsageSider .dijitSliderRemainingBar, .dataCalculator .estimatedUsageSider .dijitSliderRemainingBarH {
		background-color: #FFF!important; margin-bottom: 10px;}
			.dataCalculator .estimatedUsageSider .dijitSliderProgressBar,	.dataCalculator .estimatedUsageSider .dijitSliderProgressBarH {
			background-color: #FCD107!important;}
			
		.dj_ie .dataCalculator .dataWrapper {margin: 10px 0 0 52px!important;}	
		
		/**---The Legend----**/	
		.legendWrapper li {float: left; font-size: 16px !important; list-style-image: none !important; padding-top: 20px;
		text-align: center; width: 33%; margin-bottom: 50px!important;}
	 	.legendWrapper li + li {border-left: 1px solid #575757;}
	  
			.legendWrapper li span {color: #FCD107!important; display: block; font-weight: bold; margin: 5px 0;}
			.legendWrapper .email {background: transparent url(../images/touch-images/dataLegendIcons.png) no-repeat center top; height: 9px;}
			.legendWrapper .socialMedia {background: transparent url(../images/touch-images/dataLegendIcons.png) no-repeat center -30px; height: 9px;}
			.legendWrapper .video {background: transparent url(../images/touch-images/dataLegendIcons.png) no-repeat center -60px; height: 9px;}
			.legendWrapper .webPage {background: transparent url(../images/touch-images/dataLegendIcons.png) no-repeat center -148px ; 
			height: 9px; border: none;}
			.legendWrapper .music {background: transparent url(../images/touch-images/dataLegendIcons.png) no-repeat center -90px; height: 9px;}
			.legendWrapper .game {background: transparent url(../images/touch-images/dataLegendIcons.png) no-repeat center -120px; height: 9px;}

/**---Box Generic Icon Positionning----**/	
.topLeft {float: Left;}	
.topRight {float: right;}
.bottomLeft	{float: Left;}	
.bottomRight {float: right;}

/**---Newsletter Box----**/
.subscribeNewsletter .captcha {display: inline-block;}

.subscribeNewsletter li.number {margin-right: 15px;}
	.subscribeNewsletter li.number input[type="text"] {width:89%!important;}
	.subscribeNewsletter li.number label {font-family: nunitobold; font-size: 13px;}
	
	.subscribeNewsletter .refresh {background: transparent url(../images/touch-images/refresh.png) no-repeat top left; height: 16px;text-indent: -100000px;
	width: 16px; float: right; margin: -28px 0 0 10px;}
	
	.subscribeNewsletter img {border: none; border-radius: 8px;-webkit-border-radius: 8px; -moz-border-radius: 8px;}
	.subscribeNewsletter label {padding-left: 0;}
	.editorial .subscribeNewsletter .forms {width: 494px;}
	
/**---Corporate Page---**/

/**---Corporate Header---**/
.tas .mainCorporate .companyName {font-size: 1.6em; margin: 10px 0 20px 0; font-family: 'NunitoBold';}
.tas .mainCorporate .contentTotal {width: 100.5%; background: #FFF; overflow: hidden;}
.tas .mainCorporate .dijitTab + .dijitTab {border-left: 1px solid #FFF; padding-top: 0;}
		.tas .mainCorporate .contentTotal ul {display: table; width:101%;}/*Georgina: I put the width:1015 because i have small space */
			.tas .mainCorporate .contentTotal li {display: table-cell; max-height: 100px;}
				.tas .mainCorporate .contentTotal h4 {font-size: 1.4em; width: auto; background-color: #009FB4; color: #FFF; margin: -10px 0 0 0;
				display: block; border-radius: 0; border-right: 1px solid #FFF;}
					.tas .mainCorporate .contentTotal span {color: #009FB4; height: 48px; text-align: center; margin: 0 auto; padding-top: 32px;
					vertical-align: middle; position: relative; display: block; border-right: 1px solid #CCC; font-size: 1.2em;}
		.tas .mainCorporate .totalLineWrapper {margin: 0 auto; display: table;}			
			.tas .mainCorporate .totalLines {text-align: center; width: 50px!important; margin: 5px 10px 0 0;}
			
				.tas .mainCorporate .totalLines li {color: #009FB4; display: block!important; list-style-position: outside; list-style-image: url(tasComponents/images/dots.png)!important; font-size: 1.2em;}
			.tas .mainCorporate .totalNumLine {text-align: left;}
		
			.tas .mainCorporate .bottomContainer {background-color: #EBEBEB; height: 27px; padding: 0 0 3px 7px;}
				.tas .mainCorporate .bottomContainer a:link , .tas .mainCorporate .bottomContainer  a:visited {background: transparent url(../images/touch-images/blue-arrow-small.png) no-repeat center left; 
				padding: 7px 10px; float:left; margin: 0 10px 0 5px;}
        		.tas .mainCorporate .bottomContainer span {float: right; background-color: #65CADC; color: #FFF; height: 17px; padding: 5px; font-family: 'NunitoBold';
				vertical-align: middle; display: table-cell; padding-top: 8px;}
			
	.tas .mainCorporate .myUsage {margin-top: 10px;}	
	.tas .mainCorporate h4 {text-align: center;}
	.tas .mainCorporate .dijitButton {width: auto; float: left; margin: 10px 5px;}
	.tas .mainCorporate .infowrapper p {word-wrap: break-word; padding: 0 5px;}
	.tas .mainCorporate .truncatedLabel {max-width: 140px; margin: 0 auto;}
	
	
	.tas .mainCorporate .filterContent {float: left; font-size: 12px; width: 24%;}
		.tas .mainCorporate .filterContent label {float: left; margin-right: 10px;}
		.tas .mainCorporate .filterContent .dijitComboBox {float: left; width: 44%; margin: -5px 0 }
	.tas .mainCorporate .mobilePicker {width: 26%;}
		.tas .mainCorporate .mobilePicker .dijitComboBox {width: 51%; padding-left: 5px;}
	
	.tas .mainCorporate .serialPicker {width: 30%; margin-left: 30px;}
		.tas .mainCorporate .serialPicker .dijitComboBox {width: 59%;}
		
		.tas .mainCorporate .lineBill {overflow: hidden; width: 99%;}

		/**We are doing this because we need the services tab to be aligned directly with the editorial
		tab **/		
		.tas .mainCorporate .detailsContainer {width: 100%; right: 0; overflow: hidden;}
		.ie8.tas .mainCorporate .detailsContainer {width: 100%; overflow: auto;}
		
			.tas .mainCorporate .detailsWrapper {display: table; padding: 10px 0; width: 100%; overflow: hidden;}
				.tas .mainCorporate .lineBill .infowrapper {display: table-cell; width: 150px!important; float: none; padding: 10px;}
				.ie8.tas .mainCorporate .lineBill .infowrapper {width: auto!important;}

		.tas .mainCorporate .dijitLayoutContainer {margin-left: -20px; width: 104%;}	
			.tas .mainCorporate .services-template h4 {padding-left: 39px;}	
		.tas .mainCorporate .dijitTabContainerTopStrip {margin-left: 20px;}
		.tas .mainCorporate .dijitContentPane {overflow: visible;}	
		.tas .mainCorporate	.nowrapTabStrip {margin-left: 20px;}
		.tas .mainCorporate .services-template li span {display: table-row;}
		
		
		.tas .mainCorporate .dijitTabPaneWrapper {margin-top: 20px;}
		
.tas .mainCorporate .serviceDialog .buttons .dijitButtonText {margin-top: -3px;}
.tas .mainCorporate .dialogWrapper .dijitDialogTitleBar {height: 2px;}
.tas .mainCorporate .dialogWrapper h4 {margin: -9px 0 10px -20px;}
.tas .mainCorporate  .unbilledInfo li {margin-top: 10px;}

.tas .mainCorporate .myUsage .UnavailableMsg {margin-top: -20px;}

/** Fix the center-vertical of the button **/
.tas .dialogButton .dijitButton {margin-top: -3px;}
	.tas .dialogButton .dijitButton .dijitButtonNode, 
	.tas .dialogButton .dijitDropDownButton .dijitButtonNode,
	.tas .dialogButton .dijitComboButton .dijitButtonNode, 
	.tas .dialogButton .dijitToggleButton .dijitButtonNode {padding: 5px 10px 7px;}
	
.tas .serviceDialog .dialogButton {display: inline-block; margin: 20px auto; width: 100%;}
	.tas .serviceDialog .dialogButton .cancelLink {margin-top: 5px; display: inline-table;}
	.ie8.tas .serviceDialog .dialogButton .cancelLink {padding-top: 20px; display: inline-block;}
	
.tas .serviceDialog .serviceDialog .warningStrip {width: 90%!important;}

.tas .overlay-content .unavailableMsg {margin-top: 10px;}
/**centering the line status with the icons**/	
.tas .mainCorporate .lineBill .statusLabel {padding-top: 0px!important; float: right;}

/**The success message in the dialog **/
.tas .serviceDialog .successStatus {padding: 2px 0 6px 25px;}

/**Transaction User**/

/*** Calendar ***/
.tas .calendar-container {width: 60%;}
.ie8.tas .calendar-container {margin-bottom: 15px;}

	.tas .calendar-container label {
		float: left;
		text-transform: uppercase;
		font-weight: 700;
		padding-top: 8px;
		margin-right: 10px;
	}
	.tas .calendar-container .dijitComboBox .dijitButtonNode {margin-right: -5px;}
	.tas .calendar-container .dijitTextBox {width: 75%; outline: 0; padding: 3px;}
	.tas .calendar-container .dijitButton {margin-top: 0;}
	
	.tas .calendar-field {width: 160px; float: left;}
	
	.tas .calendar-field .dijitComboBox .dijitArrowButtonInner {
		background: transparent url(../images/touch-images/calendarIcon.png) top left no-repeat;
		width: 28px;
		height: 20px!important;
		border: none;
	}
/*** inside Search ***/

	.tas .searchWrapper .dijitTextBox {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	width: 250px;
	outline: 0;
	height: 28px;
	}
	
	.tas .searchWrapper .dijitButton {margin: 0 0 0 -4px!important;height: 28px;}
	
	
	.tas .searchWrapper .dijitButton .dijitButtonNode, 
	.tas .searchWrapper .dijitDropDownButton .dijitButtonNode, 
	.tas .searchWrapper .dijitComboButton .dijitButtonNode, 
	.tas .searchWrapper .dijitToggleButton .dijitButtonNode {
	background: #169eb4 url(../images/touch-images/search.png) center center no-repeat;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	float: right;
	height: 18px;
	}
	
	.tas .searchWrapper .dijitTextBox .dijitInputField {width: 86%;}
	.tas .status {padding-left: 24px; font-size: 1.2em; text-align: left;}
	
	/**Adjust the width of the table to fit with the scroll bar of the lazy loading**/
	.tas .transaction .note, .tas .authorization .note {width: 100%;}
	
	.ie8.tas .transaction .dijitTextBox INPUT {font-size: 1.2em;}
	
	.tas .dojoxGridMasterMessages {
	background-color: #f6f6f6;
	border-radius: 0px;
	border-radius: 0;
	-webkit-border-radius: 0px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-moz-border-radius: 0;
	margin-top: 0;
	border: 2px solid #009FB4;
	}
	.tas .transaction .dojoxGridSortNode {padding-left: 0;}
	.tas .transaction .dojoxGridError, .tas .authorization .dojoxGridError {color: #cc3333;}
	
	.tas .transaction .dojoxGridRowTable tr .dojoxGridCell {text-align: left;}
	.tas .transaction .dojoxGridRowOver tr .dojoxGridCell {cursor: pointer;}
	
		.tas .dojoxGridLoading {background: #f6f6f6 url(../images/touch-images/loading.gif) center center no-repeat; color: #424242;}
.tas .dojoxGridContent {margin-top: 10px;}
.tas .dojoxGridScrollbox {max-height: 100%!important; height: auto!important;}



.tas .transaction .grid .status {padding-left: 0; background: none;}

.tas .transaction .link a {display: block; color: #5569db;}
.tas .transaction .error, .tas .authorization .error {display: inline-block; margin-top: 10px;}
.ie8.tas .transaction .error, .ie8.tas .authorization .error {margin-top: 10px; margin-bottom: 10px;}


/**Transaction Details**/
.tas .dialog-content {width: 96%;}
	.tas .transaction-header {width: 100%; display: inline-block;}
	.tas .company-info {width: 450px;}
		.tas .company-info li {padding: 3px 0; font-size: 1em; color: #009FB4;}
			.tas .company-info li span {font-size: 0.8em; color: #a5a5a5;}

.tas .transaction-header .link {padding: 0; float: none; margin: 4px 0 0; width: 32px; display: inline-block;
padding: 6px 10px; border: 1px solid #ccc; background: #fff;
-moz-box-shadow: 0 0 3px #DDDDDD inset;
-webkit-box-shadow: 0 0 3px #DDDDDD inset;
box-shadow: 0 0 3px #DDDDDD inset;}

.tas .transaction-header .link a:link, .tas .transaction-header .link a:visited {text-align: center; padding: 4px 0; font-size: 0.9em; text-decoration: none;}
.tas .transaction-header .link a:hover, .tas .transaction-header .link a:active {text-decoration: underline;}

.tas .client {color: #414141; font-family: 'PT Sans Caption', sans-serif; width: 216px;}
	.tas .client li {padding: 3px 0; width: 230px; word-break: break-word;}

.tas .tabular-data table {text-align: left; color: #454545;}

	.tas .tabular-data table tr:first-child {background: #dfdfdf; border-bottom: 1px solid #fff;}
		.tas .tabular-data table th:first-child {padding-left: 5px;}
		.tas .tabular-data table th {text-align: left; padding: 7px 0; font-weight: normal; text-transform: uppercase; color: #009FB4;}

			.tas .tabular-data table td {font-size: 0.9em;padding: 7px 5px;}

			.tas .tabular-data .url {width: 250px; word-wrap: break-word; display: block;}

	.tas .items {margin-top: 20px;}

		.tas .items li {display: inline-block; width: 100%; font-size: 1.1em; margin-bottom: 10px;}
			.tas .items li label {font-size: 0.9em; color: #009FB4; margin: 0 10px 0 0; width: 92px; float: left; font-family: NunitoLight;}
			.tas .items li span {color: #7e7e7e; float: left; line-height: 1em;width: 87%;}

.tas .transaction .dojoxGridRowTable {width: 780px!important;}

.tas .items img {max-width: 700px; width: auto; height: auto;}

.tas .dialog-content .col1 {display: inline-block;}

/**Status Transaction**/
.tas .dialog-content .status {background: none; padding-left: 0;}


/*Move Up Effect
.grid.effectUp .dojoxGridRowOdd, .grid.effectUp .dojoxGridRow  {
	-webkit-transform: translateY(200px);
	-moz-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-animation: moveUp 0.75s ease forwards;
	-moz-animation: moveUp 0.75s ease forwards;
	animation: moveUp 0.75s ease forwards;
}

@-webkit-keyframes moveUp {
	0%   {-webkit-transform: translateY(0);}
	25%  {-webkit-transform: translateY(50px);}
	50%  {-webkit-transform: translateY(100px);}
	75%  {-webkit-transform: translateY(150px);}
	100% {-webkit-transform: translateY(200px);}
}

@-moz-keyframes moveUp {
	opacity: 1;
	0%   {-webkit-transform: translateY(0);}
	25%  {-webkit-transform: translateY(50px);}
	50%  {-webkit-transform: translateY(100px);}
	75%  {-webkit-transform: translateY(150px);}
	100% {-webkit-tra\nsform: translateY(200px);}
}

@keyframes moveUp {
	0%   {-webkit-transform: translateY(0);}
	25%  {-webkit-transform: translateY(50px);}
	50%  {-webkit-transform: translateY(100px);}
	75%  {-webkit-transform: translateY(150px);}
	100% {-webkit-transform: translateY(200px);}
}
*/
/**Authorization User**/
.tas .authorization table {width: 784px!important;}
.tas .failureMsg {color: #cc3333;}
.tas .successMsg {color: #8dbb50;}

.tas .gridConfMsg {background-color: #f1f1f2; display: block; padding: 6px 0;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}

.tas .toggleWrapper {border: solid 1px #d9d6d6;
float: left;
width: 55px;
height: 25px;
background: #e5ebea;
background: -moz-linear-gradient(top, #e5ebea 0%, #cad0ce 100%);
background: -webkit-linear-gradient(top, #e5ebea 0%,#cad0ce 100%);
background: -ms-linear-gradient(top, #e5ebea 0%,#cad0ce 100%);
background: linear-gradient(top, #e5ebea 0%,#cad0ce 100%);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;}
	
.tas .tranStatus {float: left; margin: 5px 0 0 10px;}
.tas .active {color: green;}
.tas .inactive {color: red;}

	/**Authorization toggle**/
	.tas .toggleWrapper .active-icon {background: url(../images/touch-images/icon-active.png) no-repeat center center;}
	.tas .toggleWrapper .active-icon.selected {
	background: url(../images/touch-images/icon-active-selected.png), #fefefe;
	background: url(../images/touch-images/icon-active-selected.png), -moz-linear-gradient(top, #fefefe 0%, #dcdcdc 100%);
	background: url(../images/touch-images/icon-active-selected.png), -webkit-linear-gradient(top, #fefefe 0%,#dcdcdc 100%);
	background: url(../images/touch-images/icon-active-selected.png), -ms-linear-gradient(top, #fefefe 0%,#dcdcdc 100%);
	background: url(../images/touch-images/icon-active-selected.png), linear-gradient(top, #fefefe 0%,#dcdcdc 100%);
	background-repeat: no-repeat;
	background-position: center center;
	}
	.ie8.tas .toggleWrapper .active-icon.selected {background: #F1F1F1 url(../images/touch-images/icon-active-selected.png) no-repeat center center;
	border-right: solid 1px #D9D6D6;}
	.ie8.tas .toggleWrapper .inactive-icon.selected {background: #F1F1F1 url(../images/touch-images/icon-inactive-selected.png) no-repeat center center;
	border-left: solid 1px #D9D6D6;}
	
	.tas .toggle-btn .inactive-icon {background: url(../images/touch-images/icon-inactive.png) no-repeat center center;}
	.tas .toggleWrapper .inactive-icon.selected {
	background: url(../images/touch-images/icon-inactive-selected.png), #fefefe;
	background: url(../images/touch-images/icon-inactive-selected.png), -moz-linear-gradient(top, #fefefe 0%, #dcdcdc 100%);
	background: url(../images/touch-images/icon-inactive-selected.png), -webkit-linear-gradient(top, #fefefe 0%,#dcdcdc 100%);
	background: url(../images/touch-images/icon-inactive-selected.png), -ms-linear-gradient(top, #fefefe 0%,#dcdcdc 100%);
	background: url(../images/touch-images/icon-inactive-selected.png), linear-gradient(top, #fefefe 0%,#dcdcdc 100%);
	background-repeat: no-repeat;
	background-position: center center;
	}
	
	.tas .toggleWrapper .active-icon, .tas .toggleWrapper .inactive-icon {width: 27px; height: 25px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}

.tas .authorization .searchWrapper {margin-top: -62px;}
.tas .transaction .searchWrapper {margin-top: -42px;}


/*End of description */

.dj_ie .tas .authorization .searchWrapper {margin-top: -42px;}
.ie8.tas .authorization .dojoxGridMasterHeader {margin-top: 20px;}
	.ie8.tas .serviceDialog .form-dialog, .ie8.tas .serviceDialog.form-dialog {padding-left: -10px;}

	/***Corporate service dialog***/
	.tas .service-container .warningStrip {width: 730px!important;}	
		 .tas .serviceDialog .warningStrip ul {margin-left: 35px; width: 680px!important;}
		.tas .serviceDialog .error {margin-left: 0;}
		.tas .serviceDialog .errorStrip p, .tas .serviceDialog .success p {padding-left: 40px;}
		
		.ie8.tas .serviceDialog {display: block; max-width: 850px; width: 800px;}
		.ie8.tas .dialogWrapper .dijitDialogPaneContent {width: 850px!important;}


/**Loading**/		
.tas .loading {display: block; height: 60px; 
background: url(../images/touch-images/loading.gif) no-repeat center center;
width: 88%; position: absolute; z-index: 100;}

/**Loading**/	
.tas .loadingWrapper .dijitContentPane.dijitVisible  {min-height: 60px;}

/**captcha**/

.captcha .captcha-div-reload {background: url(../images/touch-images/refreshCaptsha.png) no-repeat top left;
width: 75%;
height: 22px;
float: left;
text-indent: -9999px;
margin: 10px 0;}

.captcha .image img {border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px;}
.captcha .inputContainer {width: 100%; display: inline-block;}
	.captcha .inputContainer input {float: left; width: 18.5%!important;}
.captcha .verification {background: url(../images/touch-images/questionMark.png) no-repeat top left;
 height: 22px; display: block; float: left; position: relative; margin-top: 6px; width: 75%;}

.captcha .verificationText {display: none;}
.captcha .refresh {float: left; width: 76%; height: 22px;}
	.captcha .verification:hover .verificationText:before {border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #009fb4;
	content: ""; width: 46px; top: 0; left: -19px;position: absolute;}
	.captcha .verification:hover .verificationText {display: block; background-color: #009fb4; border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px;
	width: 150px; height: 80px; padding: 5px; float: left; margin: -6px 0 0 35px;}
	.captcha .verificationText p {color: #fff;}
	
	
/*** Device listing ***/
.device-filter {margin: 10px 0 25px;background: transparent; background: rgba(130,130,130,0.5); border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; padding: 8px 10px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50828282,endColorstr=#50828282); zoom: 1;}
.device-filter .device-brand {float: left; width: 39%;}
.device-filter .device-brand .dijitTextBox {width: 70%;}
.device-filter .device-brand label {font-size: 1.1em; float: left; margin: 8px 10px 0 0;}
.clear-filter {float: right; margin-top: 8px;}
.clear-filter a:link, .clear-filter a:visited {color: #fff; border-bottom: 1px dotted #fff;font-size: 12px}
.clear-filter a:hover, .clear-filter a:active {text-decoration: none; border-bottom: none;}

.device-listing .device {
	margin: 0 15px 30px;
	background-color: transparent;
	background: rgba(130,130,130,0.5);
	float: left;
	width: 172px; 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50828282,endColorstr=#50828282); 
    zoom: 1;
}
.device-listing .tablet {width: 240px;}

.device-listing .thumbnail {height: 260px;text-align: center;}
.device-listing .tablet .thumbnail {height: 180px;}
.device-listing .thumbnail img {margin: 15px auto;float: none;width: auto;max-width: 115px; max-height: 231px;}
.device-listing .tablet .thumbnail img {max-width: 210px;max-height: 155px;}
.device-listing .device span {clear: both; background: rgba(130,130,130,0.9); color: #fff; display: block; text-align: center;
padding: 10px 0; font-size: 1.2em; border-top: 1px solid #575757;}
.load-more {display: block; width: 100%; margin-bottom: 8px;}

/**Fake dropdown**/
.fakeDropdown {float: left;position: relative;height: 25px;}
.fakeDropdown > * {outline: 0;}
.fakeDropdown .visibleArea {
	background-color: #ffffff;
	width: 30%;
	padding: 3px 5px 3px 8px;
	-o-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-moz-box-sizing: border-box;
	-opera-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	width: 230px;
}

.fakeDropdown .visibleArea p {
	width: 190px;
	float: left;
	font-family: 'NunitoRegular';
	color: #222;
	font-weight: normal;
	overflow: hidden;
	padding-top: 4px!important;
	font-size: 13px!important;
	height: 18px!important;
}

.mac-os .fakeDropdown .visibleArea p {
	padding-top: 3px!important;
    font-size: 11.5px!important;
    height: 17px!important;
}

.fakeDropdown .visibleArea .dropdownBtn {
	float: right;
	background-color: #199cb8;
	background-image: url(../images/commonFormArrows.png);
	background-position: -34px 53%;
	background-repeat: no-repeat;
	margin: 1px 0 0;
	width: 20px;
	height: 18px;
	border: 1px solid #199cb8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor:pointer;
	postion: relative;
}
.mac-os .fakeDropdown .visibleArea .dropdownBtn {height: 17px;}

.fakeDropdown .visibleArea .dropdownBtn:hover {background-color: #96CFD8;}

.fakeDropdown .droppedContent {
	position: absolute;
	background-color: #FFF;
	border: 1px solid #769dc0;
	width: 91%;
	margin-top: -4px;
	padding: 1%;
	margin-left: 3%;
}

.fakeDropdown .droppedContent .dojoxMultiSelectItemLabel {
  font-size: 1.15em;
  font-weight: normal;
}

.fakeDropdown .droppedContent .dojoxMultiSelect {
  border: none;
  width: 92%;
  color: #222;
  height: 120px;
}
.dojoDndSource, .dojoDndContainerOver {
	border: 1px solid #fff;
	padding: 5px 10px 0;
	margin-top: 10px;
}
	.dojoDndSource .dojoDndItem, .dojoDndContainerOver .dojoDndItem {
		background-color: #FFF;
   	 	color: #3db1c1;
    	padding: 5px;
        margin: 5px 0 10px;
	}
	.dojoDndContainerOver .dojoDndSourceMoved, .dojoDndContainerOver .dojoDndItemAnchor {
		background-color: #ccc;
	}


/*** Bill ***/
.pull-left {float: left;}
.pull-right {float: right;}
.pdl20 {padding-left: 20px;}
.pdl30 {padding-left: 30px!important;}
.text-uppercase {text-transform: uppercase;}
.text-capitalize {text-transform: capitalize;}
.mrgt10 {margin-top: 10px;}
.mrgt20 {margin-top: 20px;}
.mrgt25 {margin-top: 25px;}
.mrgt30 {margin-top: 30px;}
.mrgb8 {margin-bottom: 8px!important;}
.mrgb10 {margin-bottom: 10px;}
.mrgb20 {margin-bottom: 20px;}
.pdl5 {padding-left: 5px;}
.pdr5 {padding-right: 5px;}
.default-text {color: #0099B1!important;}
.theme-text {color: #BA37D0!important;}
.text-right {text-align: right;}
.arabic-font {font-family: 'Droid Arabic Kufi', sans-serif!important;}
.droid-font {font-family: 'Droid Arabic Kufi', sans-serif!important;}
.droid-bold {font-weight: 700;}
.fnt11 {font-size: 11px!important;}
.img-responsive {display: block; max-width: 100%!important;height: auto!important;}
.fixed-layout {table-layout: fixed;}
.nunito-bold {font-family: 'NunitoBold'!important;}
.tabs-menu .current a {color: #2e7da3;}
.tab-content {display: none;}
#tab-1 {display: block;}
.relative {position: relative;}
.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 6px solid #fff;
	display: none;
	position: absolute;
	top: 45%;
	left: -1px;
}
.modal-header h4 {margin-left: 0; background: #6c6d72; font-size: 1.4em; color: #fff;}
.bill-images {width: 680px; padding-right: 14px; background: #fff; padding-top: 30px;}
.bill-tabs {width: 200px;background: #AFD7E5; padding-bottom: 2000px; margin-bottom: -2000px;}
.bill-tabs .tabs-menu {margin-top: 0;}
.bill-tabs .tabs-menu li {margin: 10px 0; width: 100%; display: inline-block; position: relative;}
.bill-tabs .tabs-menu li:first-child {margin-top: 0;}
.bill-tabs .tabs-menu a {text-decoration: none; font-family: 'DosisBold'; font-size: 17px; color: #EDF6F9; background: #C2E0EB; padding: 10px 4px 10px 8px; display: block;}
.bill-tabs .tabs-menu a span {color: #009FB4; font-family: 'NunitoRegular'; width: 100%; display: block; font-size: 13px; margin-top: 5px;}
.bill-tabs .tabs-menu a:hover {background: #9acbdd;}
.bill-tabs .tabs-menu li.current a, .bill-tabs .tabs-menu li.current a:hover {background: #009FB4; color: #B5E3E9;}
.bill-tabs .tabs-menu li.current a span {color:#fff;}  
.bill-tabs .tabs-menu li.current .arrow-right {display: block;}
.bill-tabs .toggle-btn {background: #43444c; text-align: center;}
.bill-tabs .button {background: #727379; margin: 10px 0;}
.bill-tabs .button:hover {background: #8b8b8b;}
button:focus {outline: 0;}

.bill-title {border-left: 20px solid #BA37D0; padding-left: 12px; line-height: 0.9em; text-transform: uppercase; font-family: 'DosisRegular'; font-size: 43px; color: #545453;}
.bill-title span {font-family: 'DosisBold'; color: #5A5A5A; display: block;}
.bill-logo {width: 150px;}
.bill-images header{height: auto;}
.bill-images footer {background: none; height: auto; font-family: 'NunitoLight'; font-size: 13px; display: inline-block;}
.bill-images footer.step1 div:first-child {line-height: 1.2em; font-size: 11px; width: 31%;}
.bill-images footer.step1 div:nth-child(2) {line-height: 1.2em; margin-top: 25px;}
.bill-images footer.step1 div:last-child {line-height: 1.2em; font-size: 11px; width: 36%;}

.bill-images footer.step2 div:first-child {line-height: 1.2em; font-size: 11px; width: 20%;}
.bill-images footer.step2 div:nth-child(2) {line-height: 1.2em; width: 30%; text-align: right;}
.bill-images footer.step2 div:last-child {line-height: 1.2em; font-size: 11px; width: 50%;}

.bill-images h5 {font-family: 'NunitoBold'; font-size: 14px; margin: 0;}
.bill-images h3 {font-family: 'NunitoBold'; font-size: 16px;} 


.invoice-layout ul li {font-family: 'NunitoLight'; margin-bottom: 2px; font-size: 12px; list-style-image: none; color: #333;}
.touch-address {width: 240px;}

.form-control {font-size: 13px; font-family: 'NunitoLight'; margin: 6px 0;}
.form-control label {color: #333; text-transform: capitalize; font-family: 'NunitoRegular'; padding-right: 20px;}
.fixed-width .form-control label {width: 130px; text-align:right; display: inline-block;}
.fixed-width .form-control span {width: 87px; text-align:right; display: inline-block;}

.light-grey-box {background: #dddddd; padding: 10px;}
.table-display {display: table; width: 100%; color: #333;}
.row {display: table-row; width: 100%;}
.row div {display: table-cell; font-family: 'NunitoRegular'; font-size: 12px; padding: 5px 0;}
.row div span {font-family: 'NunitoLight'; font-size: 11px;}
.custom-width .row div:first-child {width: 340px;}
.custom-width .row div:last-child {width: 235px;}
.custom-width .row div:nth-child(2) {text-align: right;}
.bill-images footer div {width: 33%;}

.summary-table-width .row div:first-child {width: 270px;}
.summary-table-width .row div:last-child {width: 300px;}
.summary-table-width .row div:nth-child(2) {text-align: right;}

.total-row {width: 100%; display: inline-block;}
.total-row div:first-child {font-size: 13px; font-family: 'NunitoBold'; width: 303px;}
.total-row div:first-child span {font-family: 'NunitoLight'; font-size: 11px;}
.total-row div:nth-child(2){font-size: 13px; font-family: 'NunitoBold';}
.total-row div:last-child {font-size: 12px;}

.bill-images table.charges {background: #dbdbdb; margin: 0;}
.bill-images table.charges tr {background: none;}
.bill-images table.charges th {font-size: 14px; font-family: 'NunitoBold'; line-height:1.4em;  border-bottom: 1px solid #000; border-left: 1px dashed #000; padding: 7px 0;}
.bill-images table.charges th:first-child {border-left: none;}
.bill-images table.charges td {font-size: 13px; padding: 12px 0; border: none; border-left: 1px dashed #000; border-bottom: 1px solid #e3e3e3; color: #333;}
.bill-images table.charges td:first-child {border-left: none;}

.bill-note {font-size: 12px; line-height:1.4em; color: #777; margin-bottom: 80px;}
.bill-note .en {font-family: 'NunitoLight';}
.bill-note .en span, .bill-note .bold {font-family: 'NunitoBold';}

.editorial .modal-content p, 
.editorial .modal-content span {color: #333;}

.bill-social-media ul {margin: 0;}
.bill-social-media ul li {float: left; list-style: none;}
.bill-social-media ul li a {display: block;  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}
.bill-social-media ul li a:hover {opacity: 0.7;}
.bill-social-media ul li:last-child {margin-top: 17px; color: #999;}

.introjs-tooltiptext {text-align: left; color: #ededed; font-family: 'NunitoLight'; font-size: 12px;}
.introjs-tooltiptext h1 {margin-bottom: 8px; font-family: 'NunitoBold'; font-size: 13px; color: #fff; width: 94%;}

.editorial .modal-content .bill-number {  position: absolute;
  visibility: visible;
  left: -19px;
  top: -1px;
  z-index: 1 !important;
  padding: 2px;
  font-size: 11px;
  color: white;
  text-align: center;
  width: 14px;
  height:14px;
  line-height: 14px;
  border-radius: 50%;
  background: #333333;
  font-family: 'NunitoBold'!important;
  cursor: pointer;
  }
.left29px {left: -29px!important;}
.top1px {top: 1px!important;}
.top2px {top: 2px!important;}
.top3px {top: 3px!important;}


.modal-open {
  overflow: hidden;
}

.modal-open footer {opacity: 0;}
.modal-open .modal-dialog footer {opacity: 1;}

.modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
   -webkit-transform: none;
 -ms-transform: none; 
 transform: none;
}

.modal-dialog {
  position: relative;
  width: auto;
  border: 6px solid #0099B1;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(255,255,255,.4);
  
  
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  min-height: 16.42857143px;
  background: #f5f5f5;
}
.modal-header .close {
  margin: -6px -6px 0 0;
  background: url(../images/touch-images/dialogCloseButton.png) center right no-repeat; 
  width: 29px;
  height: 29px;
  border: none;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  color: #333;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
 .modal-lg {
   width: 900px;
   margin: 30px auto;
 }


.introjs-overlay {
  position: absolute;
  z-index: 999999;
  background-color: #000;
  opacity: 0;
  background: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.9)));
  background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
          width: 900px!important;
          display: none!important;
}

.introjs-fixParent {
/* changed!!! */
  /*z-index: auto !important;
  opacity: 1.0 !important;*/
}

.introjs-showElement,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  z-index: 9999999 !important;
}

.introjs-relativePosition,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  position: relative;
}

.introjs-helperLayer {
  position: absolute;
  z-index: 9999998;
   /*background-color: #FFF;
  background-color: rgba(255,255,255,.7);*/
  box-shadow: 0 2px 15px rgba(0,0,0,.4);
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
          
}

.bill-number.introjs-showElement {
	  -webkit-animation: sk-scaleout 0.8s ease-in-out;
  animation: sk-scaleout 0.8s ease-in-out;
  background: #5CC2CF;
}
@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0.8); background: red; }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0.5;
    background: yellow;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    background: #000;
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0.5;
    background: #008fa2;
  }
}

.bill-number.introjs-showElement {background:#008fa2!important; }

.introjs-helperNumberLayer {
  position: absolute;
  top: -16px;
  left: -16px;
  z-index: 9999999999 !important;
  padding: 2px;
  font-family: Arial, verdana, tahoma;
  font-size: 13px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0,0,0,.3);
  background: #ff3019; /* Old browsers */
  background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Chrome10+,Safari5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404)); /* Chrome,Safari4+ */
  background:    -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */
  background:     -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* IE10+ */
  background:      -o-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Opera 11.10+ */
  background:         linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);  /* W3C */
  width: 20px;
  height:20px;
  line-height: 20px;
  border: 3px solid white;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0); /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000); /* IE10 text shadows */
  box-shadow: 0 2px 5px rgba(0,0,0,.4);
}

.introjs-arrow {
  border: 5px solid white;
  content:'';
  position: absolute;
}
.introjs-arrow.top {
  top: -10px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color: #5CC2CF;
  border-left-color:transparent;
}
.introjs-arrow.top-right {
  top: -10px;
  right: 10px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color: #5CC2CF;
  border-left-color:transparent;
}
.introjs-arrow.top-middle {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color: #5CC2CF;
  border-left-color:transparent;
}
.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color:transparent;
  border-left-color: #5CC2CF;
}
.introjs-arrow.bottom {
  bottom: -10px;
  border-top-color: #5CC2CF;
  border-right-color:transparent;
  border-bottom-color:transparent;
  border-left-color:transparent;
}
.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-top-color:transparent;
  border-right-color:white;
  border-bottom-color:transparent;
  border-left-color:transparent;
}

.introjs-tooltip {
  position: absolute;
  padding: 10px;
  background-color: #5CC2CF;
  min-width: 200px;
  max-width: 300px;
  border-radius: 6px;
  -webkit-transition: opacity 0.1s ease-out;
     -moz-transition: opacity 0.1s ease-out;
      -ms-transition: opacity 0.1s ease-out;
       -o-transition: opacity 0.1s ease-out;
          transition: opacity 0.1s ease-out;
 -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.8);
 -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.8);
 -ms-box-shadow: 0px 0px 5px rgba(0,0,0,0.8);
 box-shadow: 0px 0px 5px rgba(0,0,0,0.8);
}

.introjs-tooltipbuttons {
  text-align: right;
}

/*
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
 Changed by Afshin Mehrabani
*/
.introjs-button {
  /*position: relative;*/
  overflow: visible;
  display: inline-block;
  padding: 0.3em 0.8em;
  border: 1px solid #5CC2CF;
  margin: 0;
  text-decoration: none;
  font: 11px/normal sans-serif;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  /*background-color: #ececec;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
  background-image: -moz-linear-gradient(#f4f4f4, #ececec);
  background-image: -o-linear-gradient(#f4f4f4, #ececec);
  background-image: linear-gradient(#f4f4f4, #ececec);
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  /*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
  /* IE hacks */
  zoom: 1;
  *display: inline;
  margin-top: 10px;
}

.introjs-button:hover {
  text-decoration: none!important;
  opacity: 0.9;
}

.introjs-button:focus,
.introjs-button:active {
  text-decoration: none!important;
	}

/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.introjs-skipbutton {
  margin-right: 5px;
  color: #5CC2CF!important;
  cursor: default;
  height: 0px;
  width: 0px;
  padding: 0;
}
.introjs-skipbutton:after {content:"x"; position: absolute; top: 0; right: 0; padding: 0;font-family: 'NunitoBold';margin: 2px 9px;font-size: 16px; cursor: pointer;}
.introjs-skipbutton:link:after, .introjs-skipbutton:visited:after {color: #ededed!important;}

.introjs-prevbutton {
  -webkit-border-radius: 0.2em 0 0 0.2em;
  -moz-border-radius: 0.2em 0 0 0.2em;
  border-radius: 0.2em 0 0 0.2em;
  border-right: none;
  background: url(../images/touch-images/intro-previous.png) center right no-repeat; 
  
}

.introjs-nextbutton {
  -webkit-border-radius: 0 0.2em 0.2em 0;
  -moz-border-radius: 0 0.2em 0.2em 0;
  border-radius: 0 0.2em 0.2em 0;
  	background: url(../images/touch-images/intro-next.png) center right no-repeat; 
  
}

.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
  color: #5CC2CF;
  border-color: #5CC2CF;
  box-shadow: none;
  cursor: default;
  text-decoration: none;
  opacity: 0.6;
}

.introjs-bullets {
  text-align: center;
}
.introjs-bullets ul {
  clear: both;
  margin: 15px auto 0;
  padding: 0;
  display: inline-block;
}
.introjs-bullets ul li {
  list-style: none;
  float: left;
  margin: 0 2px;
}
.introjs-bullets ul li a {
  display: block;
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-decoration: none;
}
.introjs-bullets ul li a:hover {
  background: #999;
}
.introjs-bullets ul li a.active {
  background: #999;
}
.introjsFloatingElement {
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  top: 50%;
}

/*
.tas.modal-open #content-wrap {height: 2000px;}
.tas.modal-open {padding: 0!important;}
.tas.modal-open #wrapper {margin-top:0;}
.tas.modal-open .outer-head {height: 35px; display: none;}
.invoice-layout h5 {margin: 0;}
.modal-dialog img {float:none; max-width: inherit; width: auto; margin:0;}




.tas.modal-open.current {height: 2000px;}
.tas.modal-open.current .wideWrapper {display: inline-block; width: 100%; border: 2px solid #000;}
html {height: 2000px;}
.tas.modal-open.current .large-content-wrap {height: 2000px;}
.tas.modal-open.current .large-content-wrap .large-content {height: 2000px;}
.tas.modal-open.current .editorial {overflow: visible; height: 2000px;}
.tas.modal-open.current .portlet {height: 2000px;}


div:after {display: table;}*/

@media (min-width:937px){
	.affixed {
    display: block;
    position: fixed;
    top: 0;
    width: 200px!important;
	}
}


input[readonly] {
border:none; 
}


/*** list item icon ***/
.editorial ul .list-item-icon {margin-right: 9px; margin-bottom: 9px;  float: left; width: 152px; height: 50px; background: #fff; border-radius: 8px; 
list-style-image: none; text-transform: uppercase; }
.editorial ul .list-item-icon:last-child {margin-right: 0;}
.editorial ul .list-item-icon span {display: table;}
.editorial ul .list-item-icon a {padding: 0 6px; display: table-row; color: #43444c; vertical-align: middle; height: 50px; transition: all 0.3s ease;}
.editorial ul .list-item-icon a:hover {text-decoration: none; opacity: 0.8;}
.editorial ul .list-item-icon .list-item-img {padding-left: 10px; display: table-cell; vertical-align: middle;}
.editorial ul .list-item-icon img {margin: 0 8px 0 0; float:none;}
.editorial ul .list-item-icon .list-item-title { font-family: 'DosisBold'; color: #43444c; font-size: 1.2em; display: table-cell; vertical-align: middle;}