/***** base *****/

* {
	margin: 0;
	padding: 0;
}

ol, ul {
	list-style: none;
}

body {
	font-family: Verdana, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	margin: 0;
	text-align: center;
}

table, .onecolumnlayoutcontainer {
	border-collapse: separate;
	border-spacing: 0;
}

p, blockquote, pre, td, th, ul, ol {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

h1, h2, h3, h4, h5, h6, p, ul, ol {
	margin-top: 0;
}

h4, h5, h6, #bd .breadcrumbs, #ft {
	font-size: 0.8333333333333334em;
	line-height: 1.8em;
}

h1, #hd h2 {
	font-size: 1.6666666666666667em;
	line-height: 0.9em;
	margin-bottom: 0.9em;
}

h2 {
	font-size: 1.3333333333333333em;
	line-height: 1.125em;
	margin-bottom: 1.125em;
}

h3 {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

h4, h5, h6 {
	margin-bottom: 1em;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

fieldset {
	border: 0 none;
}

#layout {
	margin: 0 auto;
	text-align: left;
	-webkit-box-shadow: 0 0 10px #555555;
	-moz-box-shadow: 0 0 10px #555;
	box-shadow: 0 0 10px #555555;
}

/* IE7-8 Specific Code */
.ie #layout{
    filter: 
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=1, Direction=90),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=1, Direction=270);
}

.ie8 #bd .breadcrumbs{
    visibility:visible;
    display:none;
}

.ie #bd {
    min-height:0;
}

.ie7 .change-security-questions-content li.list-header .left
{
	margin-left: 50px;
}

/*.ie select {
    position: relative;
}

.ie select option {
    position: absolute;
}*/

.ie #hd .section.first {
	background-color:#00AEDB;	
	padding-left:5px;
}

.ie #hd .section {
    width:48%;
}

/* End IE7-8 Specific Code */

#hd:after, #bd:after, #ft:after, #hd .navigation:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#hd, #bd, #ft, #hd .navigation {
	clear: both;
}

#ft {
	padding: 1.5em 30px;
}

#bd {
	overflow: hidden;
	min-height: 400px;
}

#main, #sidebar {
	float: left;
	padding-bottom: 10000px;
	margin-bottom: -10000px;
	font-size: 0.9em;
	line-height: 1.4em;
	border-left: 1px solid #E0E0E0;
}

.navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#hd .navigation {
	padding-left: 22px;
}

#hd .navigation li {
	float: left;
}

#hd .navigation li a {
	display: block;
	margin-right: 2px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 2px;
	text-decoration: none;
	white-space: nowrap;
}

#hd-links {
	font-size: 0.8em;
	line-height: 1.2em;
	text-align: right;
	margin: 12px 30px 5px 0;
}

#hd p, #hd h1, #hd h2, #hd h3, #hd h4, #hd h5, #hd h6 {
	padding: 18px 30px 0 30px;
}

#hd .search {
	font-size: 0.8em;
	margin-right: 30px;
}

#hd .search input {
	padding: 0;
	margin: 0;
}

#hd .navigation li a {
	font-size: .9em;
}

#hd .section {
	float: right;
	text-align: right;
	width: 50%;
	margin-bottom: 10px;
}

#hd .section.first {
	float: left;
	text-align: left;
}

#bd .breadcrumbs {
	border-bottom: solid 1px #E0E0E0;
	display: block;
    padding: 10px 30px 2px;         
	/*padding: 2px 30px; initial padding.  
      more space between breadcrumbs and title per Brandon 20120726 
      make padding a settings in CRM for future customization*/
    background-color:transparent;
}

#content {
	/*margin: 1.5em 30px;*/
	padding: 1.5em 30px;
	background-color: #FFFFFF;
	float: left;
}

#content .frame {
	border-bottom: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
	margin: 1.5em -10px;
	padding: 0.75em 10px;
}

#sidebar .section {
	margin: 1.5em 10px;
}

#ft .section {
	float: right;
	text-align: right;
	width: 50%;
}

#ft .section.first {
	float: left;
	text-align: left;
}

#ft .navigation .weblinkset-weblinks, #ft .navigation ul, #ft .navigation li {
	display: inline;
}

#ft .navigation li {
	margin-left: 1em;
}

#ft p {
	margin: 0;
}

input, textarea {
	padding: 2px;
}

h1 .xrm-attribute, h2 .xrm-attribute, h3 .xrm-attribute, h4 .xrm-attribute, h5 .xrm-attribute, h6 .xrm-attribute {
	display: block;
}

div.copy ol {
	list-style: decimal outside;
	padding-left:1.5em;
	margin-left:0;
}

div.copy ul {
	list-style: disc outside;
	padding-left:1em;
	margin-left:0;
}

input.button {
	background: none repeat scroll 0 0 #014083;
	border: none;
	-moz-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	padding: 4px 18px;
	color: #fff;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	cursor: pointer;
}

input.button:hover {
	background: none repeat scroll 0 0 #36566b;
}

/***** Helpers *****/

.hidden {
	display: none;
}

div.clearfix { /* force container’s height to adjust to floated elements */
	clear: both;
}

.clear-both {
	clear: both;
}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/***** login *****/

#login td {
	text-align: left;
}

#login label {
	font-size: 1em;
	line-height: 1.8em;
}

#login .text {
	margin-bottom: 0.85em;
	width: 90%;
}

#login .error {
	font-style: italic;
	padding: 5px 0 0 0;
	color: Red;
}

#login .validator {
	font-style: italic;
}

#login .instruction {
	color: #666;
}

#login .success {
	background: #FFFFFF;
	border: 1px solid;
	color: #003366;
	font-size: 1em;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 3px 3px 3px 0 #CCCCCC;
	-moz-box-shadow: 3px 3px 3px 0 #CCCCCC;
	box-shadow: 3px 3px 3px 0 #CCCCCC;
}

#login .button {
	margin-top: 0.85em;
	float: left;
}

#login td.checkbox label {
	padding-left: 5px;
	text-indent: -5px;
}

#login td.checkbox input {
	width: 13px;
	height: 13px;
	padding: 0;
	margin:0;
	vertical-align: middle;
	position: relative;
	top: -1px;
	overflow: hidden;
}

#login h2 {
	color: #003366;
}

#login #signin table {
	width: 50%;
}

#login #signup table {
	width: 50%;
}

#login #signup tr td:first-child {
	width: 135px;
	text-align: right;
	vertical-align: top;
	padding-right: 7px;
}

#login #password-recovery {
	margin: 15px 0 0 0;
}

#login .title-text {
	font-weight: bold;
	font-size: 1em;
}

#login .label {
	color: #000;
}

#login #password-recovery .text {
	margin: 0;
}

/***** change-password *****/

#change-password td {
	text-align: left;
}

#change-password label {
	font-size: 1em;
	line-height: 1.8em;
}

#change-password .text {
	margin-bottom: 0.85em;
	width: 90%;
}

#change-password .error {
	font-style: italic;
	padding: 5px 0 0 0;
	color: Red;
}

#change-password .validator {
	font-style: italic;
}

#change-password .instruction {
	color: #666;
}

#change-password .success {
	background: #FFFFFF;
	border: 1px solid;
	color: #003366;
	font-size: 1em;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 3px 3px 3px 0 #CCCCCC;
	-moz-box-shadow: 3px 3px 3px 0 #CCCCCC;
	box-shadow: 3px 3px 3px 0 #CCCCCC;
}

#change-password .button {
	margin-top: 0.85em;
	float: left;
}

#change-password h2 {
	color: #003366;
}

#change-password table {
	width: 50%;
}

#change-password .title-text {
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 5px;
}

#change-password .label {
	color: #000;
	padding-bottom: 7px;
}

/**** profile *****/

#profile .message {
	background: #FFFFFF;
	border: 1px solid;
	color: #003366;
	font-size: 1em;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 3px 3px 3px 0 #CCCCCC;
	-moz-box-shadow: 3px 3px 3px 0 #CCCCCC;
	box-shadow: 3px 3px 3px 0 #CCCCCC;
}

#profile .lists {
	clear: both;
	font-size: 0.85em;
	margin: 0 0 15px 0;
}

#profile .lists .title {
	color: #003366;
	font-weight: normal;
}

#profile .lists ul {
	margin: 0;
}

#profile input[type=checkbox] {
	margin: 0 3px 0 0;
	vertical-align: middle;
}

#profile .purpose {
	font-style: italic;
	color: #666;
}

#hd-links {
	margin: 3px 30px 5px 0;
}

/***** alert banner *****/

.alertbanner {
    width: 100%;
    height: 25px;
    overflow: hidden;
    margin-bottom: 20px;
    
    border-color: #000000;
    border-width: 2px;
    border-style: none none solid none;    
    background-color: #00AEDB;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

/***** sidebar *****/

#sidebar .section {
	margin: 1.5em 20px 1.5em 20px;
}

/***** Contact Us Section *****/

.ContactUsSection {
	padding: 20px;
	margin-bottom: 5px;
}

.ContactUsTitle {
	font-size: 1.3em;
	color: #003366;
	font-weight: bold;
}

.ContactUsSecondTitle {
	color: #D1A536;
}

.ContactUsSection p {
	margin:0px;
}

.ContactUsSection .adxContactName {
	color:#003366;
	font-weight:bold;
	padding-bottom:2px;
}

.ContactUsSection .adxContactAddress {
	color:#666666;
	font-size:0.9em;
	padding-bottom:8px;
}

.ContactUsSection .adxContactEmail b {
	color:#003366;
	font-size:1.1em;
}

.ContactUsSection .adxContactEmail {
	color:#D1A536;
	font-size:0.9em;
}

.ContactUsSection .adxContactEmail a,.ContactsSection .adxContactEmail a:visited {
	color:#D1A536;
}

.ContactsSection .adxContactEmail a:hover {
	color:#D1A536;
	text-decoration:underline;
}

.ContactUsSection .adxContactPhone b {
	color:#003366;
	font-size:1.1em;
}

.ContactUsSection .adxContactPhone {
	color:#666666;
	font-size:0.9em;
}

/***** Products Section *****/

.ProductsSection {
	width:50%;
	font-size:0.7em;
	border-right:solid 1px #999999;	
	line-height:14px;
	padding:0px 0px 0px 0px;
}

.ProductsSection p {
	margin-bottom:10px;
}

.ProductsSection .ProductsTitle {
	font-size:18px;
	color:#003366;
	padding:0px 0px 10px 0px;
}

.ProductsSection .ProductsSecondTitle {
	color:#D1A536;
}

.ProductsSection ul.ProductListing {
	margin:0;
	padding:0;
	list-style: none;
}

.ProductsSection ul.ProductListing li {
	list-style: none;
	margin-bottom: 12px;
}

.ProductsSection .Summary {
	color:#666666;
	padding:0px 5px 0px 0px;
}

.ProductsSection .ProductTitle {
	font-size: 1em;
	padding:0px 5px 2px 0px;
	margin: 0 0 2px 0;
}

.ProductsSection .ProductTitle a, .ProductsSection .ProductTitle a:visited {
	font-weight:bold;
	color:#003366;
}

.ProductsSection .ProductTitle a:hover {
	font-weight:bold;
	color:#003366;
	text-decoration:underline;
}

.ProductsSection .ProductsMore a,.ProductsSection .ProductsMore a:visited {
	font-size:9px;
	font-weight:bold;
	color:#D1A536;
}

.ProductsSection .ProductsMore a:hover {
	font-weight:bold;
	color:#D1A536;
	text-decoration:underline;
}

/***** Home Page *****/

.home-toc {
	list-style:none;
	margin-left: 0px;
	font-size: 12px;
	list-style-position:inside;
	padding-left: 0px;
}

.home-toc li {}

.home-toc a {
	color: #003366;
	font-weight:bold;
}

.home-toc .display-date {
	margin-top: 5px;
	font-size: 11px;
}

.home-toc .summary {
	margin-top: 5px;
	font-size: 11px;
	margin-bottom: 10px;
}

.homeDivider {
	border-top:solid 1px #999999;
	padding-bottom:10px;
	margin-top:10px;
}

.HomeHeadingTitle {
	font-family:Verdana, Arial;
	font-size:18px;
	color:#003366;
	padding:10px 0px 10px 0px;
}

.HomeHeadingTitle .HomeSecondTitle {
	color:#D1A536;
}

.RecentNewsSection {
	width:50%;
	font-size:0.7em;
	padding:0px 0px 0px 10px;
	line-height:14px;
}

.RecentNewsSection .RecentNewsTitle {
	font-size: 18px;
	color:#003366;
	padding:0px 0px 10px 0px;
}

.RecentNewsSection .RecentNewsSecondTitle {
	color:#D1A536;
}

.RecentNewsSection .adxTOCTitle {
	padding:0px 5px 2px 0px;
}

.RecentNewsSection .adxTOCDate {
	font-size:0.9em;
	color:#666666;
	padding:0px 0px 5px 0px;
}

.RecentNewsSection .adxTOCTitle a,.BusinessServicesSection .adxTOCTitle a:visited {
	font-weight:bold;
	color:#003366;
}

.BusinessServicesSection .adxTOCTitle a:hover {
	text-decoration:underline;
	font-weight:bold;
	color:#003366;
}

.RecentNewsSection .adxTOCSummary {
	color:#666666;
}

.RecentNewsSection  a.RecentNewsMore,.RecentNewsSection  a:visited.RecentNewsMore {
	font-size:9px;
	font-weight:bold;
	color:#D1A536;
}

.RecentNewsSection  a:hover.RecentNewsMore {
	font-weight:bold;
	color:#D1A536;
	text-decoration:underline;
}

/***** Page *****/

.adxParentTitle {
	font-size:1.0em;
	color:White;
	background-color:#003366;
	padding:42px 5px 5px 15px;
	font-weight:bold;
	margin-bottom:15px;
}

.adxTitle {
	font-size:0.95em;
	padding-bottom:10px;	
	color:#003366;
	font-weight:bold;	
}

.HeadingTitle {
	border-top:solid 1px #9B9B9B;
	font-size:1.1em;
	color:#003366;
	font-weight:bold;
	padding:5px 0px 15px 0px;
}

.HeadingTitle .SecondTitle {
	color:#D1A536;
}

.adxSectionSubhead {
	font-size:0.8em;
	font-weight:bold;
	color:#D1A536;
	margin:0px 0px 12px 0px;
}
.adxSectionCopy {
	font-size:0.70em;
	color:#666666;
	padding-bottom:14px;
	line-height:14px;
}

.adxSectionCopy p {
	margin-bottom:10px;
}

.adxSectionCopy .adxSectionMediaImage {
	padding:0px 10px 0px 10px;
}

.adxSectionCopy .adxSectionMediaCaption {
	font-size:0.8em;
	color:#999999;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
}

.contentSection {
	font-size: 12px;
	color: #666666;
}

/***** Header links *****/

.HeaderSection {
	line-height: 3em;
	margin-left: 1em;
}

.HeaderSection, .HeaderSection a, .HeaderSection a:visited {
	display:inline;
	color:#D1A536;
}

.HeaderSection a:hover {
	color:#D1A536;
	text-decoration:underline;
}

.HeaderSection img {
	border:none;
}

.HeaderSection a {
	line-height: 3em;
}

.PrintSection a {
	background: url('~/xrm-adx/samples/images/printer.gif') no-repeat left center;
	padding-left: 20px;
}

.ShoppingCartSection a {
	background: url('~/xrm-adx/samples/images/cart.png') no-repeat left center;
	padding-left: 20px;
}

.LoginSection a {
	background: url('~/xrm-adx/samples/images/key.png') no-repeat left center;
	padding-left: 20px;
}

.LanguageSection {
	background: url('~/xrm-adx/samples/images/language.png') no-repeat left center;
	padding-left: 20px;
}

.PrintSection, .LanguageSection, .LoginSection {
	padding-right: 5px;
}/***** Manually Generated Forms *****/

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

.form .row:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.form .row .field
{
    float: left;
    width: 50%;
    margin-right: 25px;
}

.form .row .field:last-child
{
    margin-right: 0px;
}

.form .row.full .field
{
    margin: 0;
    width: 100%;
}

.form .row .field label
{
    display: block;
    margin-bottom: 2px;
}

.form .row .field.required label:after
{
    content: ' *';
    color: red;
}

.form .row .field input[type=text], .form .row .field select, .form .row .field textarea
{
    padding: 2px;
    width: 100%;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form fieldset
{
    margin: 0;
}

.form legend
{
    font-size: 1em;
    font-weight: bold;
    padding-bottom: 10px;
}

.form .validation-message
{
    font-size: 13px;
    font-style: italic;
    color: Red;
}

.form .validation-summary
{
    margin: 0 0 5px 0;
    font-size: 13px;
    font-style: italic;
    color: Red;
}

.form .validation-summary ul
{
    margin: 0;
    list-style: none;
}

.deactivationbuttonframe, .subscriptiondeactivationbutton
{
    margin-left: 20px;
    float: left;
}
/***** Styles for Forms generated by the CrmEntityFormView control *****/

/***** Supports one and two column forms *****/

.crmEntityFormView
{
    margin: 1.5em -10px;
    padding: 0.75em 10px;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    background: #eff5fa;
}

span.crmEntityFormView, .onecolumnlayoutcontainer
{
    display: block;
}

.crmEntityFormView table.tab, .onecolumnlayoutrow
{
    width: 100%;
    font-family: Segoe UI, Tahoma, Arial;
    font-size: 12px;
}

.crmEntityFormView table.section
{
    margin: 0 0 5px 0;
    width: 100%;
}

.crmEntityFormView table.section:last-child .onecolumnlayoutcontainer:last-child
{
    margin: 0;
}

.crmEntityFormView table.section caption, .onecolumnlayoutcontainer .onecolumnlayoutcaption
{
    margin: 0 0 5px 0;
    padding: 0 0 2px 0;
    text-align: left;
    font-weight: bold;
    font-size: 13px;
    color: #3b3b3b;
}

.crmEntityFormView table.section caption.show-bar, .onecolumnlayoutcaption.show-bar
{
    border-bottom: 1px solid #c0c0c0;
    height: 19px;
}

.crmEntityFormView .cell
{
    width: 50%;
    padding: 0 0 10px 10px;
}

.onecolumnlayoutrow
{
    width: 100%;
}

.crmEntityFormView .cell:first-child, .onecolumnlayoutrow
{
    padding: 0 10px 10px 0;
}

.crmEntityFormView .cell:last-child
{
    padding-right: 0;
}

.crmEntityFormView .cell div.info
{
    float: left;
    padding: 0 0 1px 0;
}

.onecolumnlayoutcontainer .onecolumnlayoutrow div.info
{
    clear: both;
    padding: 0 0 1px 0;
}

.crmEntityFormView .cell div.control, .onecolumnlayoutcontainer .onecolumnlayoutrow div.control
{
    clear: both;
    padding: 0 5px 0 0;
}

.crmEntityFormView .cell div.control:after, .onecolumnlayoutcontainer .onecolumnlayoutrow div.control:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.crmEntityFormView .cell div.info.required label:after
{
    content: ' *';
    color: red;
}

.crmEntityFormView .cell div.info.required div.validators
{
    display: none;
}

.crmEntityFormView .cell div.info div.validators
{
    margin: 0 0 0 3px;
    float: left;
    color: Red;
}

.crmEntityFormView .cell label, .onecolumnlayoutcontainer label, .onecolumnlayoutcontainer span
{
    float: left;
    font-weight: normal;
    font-size: 12px;
}

.crmEntityFormView .cell input[type=text], .crmEntityFormView .cell select, .crmEntityFormView .cell textarea, .onecolumnlayoutcontainer input[type=text]
{
    float: left;
    font-family: Segoe UI, Tahoma, Arial;
    font-size: 12px;
    color: #000;
    width: 100%;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.crmEntityFormView .cell input, .crmEntityFormView .cell select, .onecolumnlayoutcontainer input
{
    padding: 2px;
}

.crmEntityFormView .cell div.control span.checkbox
{
    float: left;
}

.crmEntityFormView .cell input[type=checkbox], .onecolumnlayoutcontainer input[type=checkbox]
{
    margin: 2px 0 2px 0;
}

.crmEntityFormView .cell input[type=radio], .onecolumnlayoutcontainer input[type=radio]
{
    margin: 2px 0 2px 3px;
}

.crmEntityFormView .datetime-cell input.date
{
    width: 75px;
}

.crmEntityFormView .datetime-cell select.time
{
    width: 80px;
}

.crmEntityFormView .empty-cell, .onecolumnlayoutcontainer .empty
{
    display: none;
}

.crmEntityFormView .web-resource-cell
{
}

.crmEntityFormView .web-resource-cell iframe
{
}

.crmEntityFormView .validation-summary
{
    margin: 0 0 5px 0;
    font-size: 13px;
    font-style: italic;
    color: Red;
}

.crmEntityFormView .validation-summary ul
{
    margin: 0;
    list-style: none;
}

.crmEntityFormView fieldset
{
    margin: 0;
    padding: 0;
    border: 0 none;
}

.crmEntityFormView legend
{
    font-weight: bold;
    font-size: 1em;
    margin-bottom: 5px;
}

.crmEntityFormView div.row.full div.cell, .onecolumnlayoutrow
{
    width: 100%;
}

.onecolumnlayoutrow .alignedleft
{
    width: 30%;
    float: left;
    overflow: hidden;
}

.onecolumnlayoutrow .alignedleft span
{
    float: right;
}

.onecolumnlayoutrow .alignedright
{
    width: 30%;
    float: left;
    padding-left: 5%;
    overflow: hidden;
}

.onecolumnlayoutrow .alignedright select
{
    float: left;
}

.onecolumnlayoutrow
{
    margin-bottom: 12px;
}
/***** Polls *****/

.PollSection {
	padding: 20px 20px 20px 20px;
}

.PollSection .PollTitle {
	font-size: 1.3em;
	color: #003366;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
}

.PollSection .PollSecondTitle {
	color: #D1A536;
}

.PollSection .adxPollQuestion {
	font-weight: bold;
	color: #003366;
	margin-bottom: 10px;
	padding: 0px 5px 0px 0px;
}

.PollSection .adxPollQuestion p {
	margin: 0;
}

.PollSection .adxPollResponse {
	color: #666666;
	vertical-align: middle;
}

.adxPollBar {
	background-color: #003366;
}

.adxPollButton {
	color: White;
	font-weight: bold;
	border: none;
	background-color: #D1A536;
	margin-top: 10px;
	margin-bottom: 10px;
}

.adxPollViewLink {
	color: #D1A536;
}

.adxPollViewLink a, .adxPollViewLink a:visited {
	color: #D1A536;
	font-weight: bold;
}

.adxPollViewLink a:hover {
	color: #D1A536;
	font-weight: bold;
	text-decoration: underline;
}

.adxPollViewArchivesLink {
	color: #D1A536;
	clear: both;
}

.adxPollViewArchivesLink a, .adxPollViewArchivesLink a:visited {
	color: #D1A536;
	font-weight: bold;
}

.adxPollViewArchivesLink a:hover {
	color: #D1A536;
	font-weight: bold;
	text-decoration: underline;
}

.adxPollPercentage {
	color: #003366;
}

.adxPollResponseTotal {
	color: #003366;
}

.PollSection table {
	border-spacing: 0;
	border-collapse: separate;
}

.PollSection td {
	line-height: 1em;
}

.PollSection .adxEmptyRow td {
	line-height: .65em;
}

/****** Poll Archives Page ****************/

#PollArchives {
	clear: both;
	background-color: #EFEFEF;
	border: solid 1px silver;
	margin-bottom: 15px;
	padding-bottom: 10px;
}

#PollArchives ul li {
	
	list-style-type: none;
	color: #333333;
	padding: 3px 3px 3px 3px;
}

#PollArchives ul {
	margin-bottom: 10px;
}

#PollArchives .TotalLabel {
	color: #003366;
}

#PollArchives .Total {
	color: #003366;
	font-weight: bold;
	margin-left: 5px;
}

#PollArchives .Question {
	font-size: 1.0em;
	color: #003366;
	font-weight: bold;
	margin-bottom: 7px;
}

#PollArchives li .Count {
	font-size: 0.8em;
	color: #666666;
}

#PollArchives li .Bar {
	background-color: #003366;
	color: White;
	text-align: center;
	float: left;
}

#PollArchives li .Percent {
	font-size: 1.0em;
	color: #003366;
	font-weight: bold;
	width: auto;
	margin-left: 5px;
	float: left;
}

#PollArchives li .Response {
	clear: both;
}

.PollArchivesSeperator {
	height: 1px;
	width: 90%;
	background-color: #C0C0C0;
	margin-bottom: 10px;
}

.PollArchivesNoResponses {
	clear: both;
	color: #003366;
	font-style: italic;
	margin-left: 15px;
	margin-bottom: 5px;
}

.PollArchivesEmpty {
	clear: both;
	color: #003366;
	text-align: center;
	background-color: #EFEFEF;
	border: solid 1px silver;
	padding: 30px;
	margin: 70px;
}/***** Ads *****/

.AdSection {
	margin: 0 20px;
}
.adxAdSubhead {
	font-size: 0.8em;
	color: #003366;
	font-weight: bold;
	display: block;
	padding: 0px 15px 0px 15px;
}
.adxAdSubhead a, .adxAdSubhead a:visited {
	color: #003366;
}
.adxAdSubhead a:hover {
	color: #003366;
	text-decoration: underline;
}
.adxCaption {
	text-align: center;
	font-size: 0.6em;
	color: #003366;
	padding: 2px 8px 0px 8px;
	display: block;
}
.adxCaption a, .adxCaption a:visited {
	color: #003366;
}
.adxCaption a:hover {
	text-decoration: underline;
	color: #003366;
}
.adxCaption p {
	margin: 0px;
}
.adxADCopy {
	font-size: 0.7em;
	color: #999999;
	padding: 5px 10px 10px 15px;
	line-height: 14px;
}

.adxADCopy p {
	margin: 0px;
}

.adxAdLink img {
	border: none;
}

.Ad {
	margin: 5px 0 5px 0;
	text-align: center;
}
/***** Careers - Job Postings ****/

ul.crm-listing {
	list-style: none;
	margin: 0.25em 0 1.5em 0;
	padding: 0;
	color: #666;
}

#job-postings .posting {
	background-color: #eff5fa;
	border-bottom: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
	margin: 1.5em -10px;
	padding: 0.75em 10px;
	clear: both;
}

.crm-listing {
	clear: both;
}

.crm-listing h4 {
	color: #003366;
	font-size: 12px;
	margin-bottom: 0.75em;
}

.crm-listing p {
	margin: 0.75em 0;
}

#job-postings .closingon {
	font-size: 12px;
}

#job-postings .closingon span {
	color: #003366;
}

#job-postings a.apply-link {
	display: block;
	font-weight: bold;
	text-align: right;
	margin-top: 1.5em;
	margin-bottom: 0.25em;
}

a.job-postings-feed {
	background: url("~/xrm-adx/samples/images/feed_add.png") no-repeat 7px 50%;
	display: block;
	margin: 12px 0;
	float: right;
	border: solid 1px #CCC;
	font-size: 0.85em;
	font-weight: bold;
	padding: 6px 10px 6px 30px;
}

a.job-postings-feed:hover {
	background-color: #EEE;
	text-decoration: none;
}

/***** Careers - Job Application ****/

#job-application fieldset {
	background-color: #eff5fa;
	border-style: none;
	border-bottom: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
	margin: 1.5em -10px;
	padding: 0.75em 10px;
	clear: both;
}

#job-application fieldset ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#job-application fieldset label {
	color: #003366;
	font-size: 12px;
	font-weight: bold;
	display: block;
	margin-bottom: 2px;
}

#job-application fieldset ul li {
	margin-bottom: 10px;
}

#job-application fieldset ul input, #job-application fieldset ul textarea {
	width: 550px;
}

#job-application fieldset ul textarea {
	height: 100px;
}

#job-application fieldset ul select {
	width: 160px;
}

#job-application fieldset input.PostButton {
	margin: 5px 0;
}

#job-application fieldset #new-note {
	float: left;
	width: 260px;
}

#job-application fieldset #new-note label {
	background: url("~/xrm-adx/samples/images/note_add.png") no-repeat 0 50%;
	padding: 1px 0 2px 22px;
}

#job-application fieldset #new-note textarea {
	width: 100%;
	height: 122px;
}

#job-application fieldset #updatable-ticket-data {
	float: right;
}

#job-application fieldset #updatable-ticket-data label {
	padding-bottom: 2px;
}

#job-application fieldset #attachment label, #job-application fieldset #new-attachment label {
	background: url("~/xrm-adx/samples/images/attach.png") no-repeat 1px 1px;
	padding: 2px 0 2px 22px;
}

#job-application fieldset #attachment label {
	width: 223px;
}

#job-application fieldset #new-attachment label {
	width: 100%;
}

#job-application fieldset #new-attachment input {
	width: 440px;
}

#job-application .validation-marker {
	font-size: 0.7em;
}

#job-application .validation-message {
	font-size: 0.7em;
	margin-bottom: 1em;
	padding: 0.25em 1em 0.75em 1em;
	border-top: 1px solid red;
	background: #FFCCCC;
}

#job-application .validation-message li {
	margin: 0.1em 0;
	padding: 0;
}

#job-application p.message {
	margin: 1.5em 0 3em 0;
	font-size: 0.7em;
	color: #333;
}

#job-application .field-info {
	font-size: smaller;
	color: #666;
	font-weight: normal;
	font-style: italic;
}/***** Commerce *****/

#products, .shopping-cart-summary {
	color: #555;
	margin: 1.5em 0;
}

.shopping-cart-summary {
	padding: 10px;
}

#products h3, .shopping-cart-summary h3 {
	font-size: 14px;
	margin-bottom: 10px;
}

#product-list, .shopping-cart-summary .cart {
	list-style: none;
	margin: 0;
	padding: 0;
}

#product-list li, .shopping-cart-summary ul.cart li {
	list-style: none;
}

#product-list .product {
	position: relative;
}

#product-list .product, .shopping-cart-summary .cart .item, .shopping-cart-summary .total {
	border-top: solid 1px #CCC;
	clear: both;
	padding-top: 10px;
	margin-bottom: 10px;
}

#product-list .product, .shopping-cart-summary {
	font-size: 10px;
	line-height: 1.5em;
}

.shopping-cart-summary .total {
	text-align: right;
}

#product-list .product .add {
	position: absolute;
	right: 0;
	top: 10px;
}

.shopping-cart-summary .cart .item-actions {
	clear: both;
	font-size: 10px;
	text-align: right;
}

.shopping-cart-summary .cart .remove-item {
	color: Red;
}

.shopping-cart-summary .cart .quantity-and-price {
	float: right;
	margin: 0 0 5px 5px;
}

.shopping-cart-summary .cart .quantity, .shopping-cart-summary .cart .price {
	display: inline;
}

.shopping-cart-summary .cart .quantity input {
	text-align: right;
	width: 2em;
}

#product-list .product .sku {
	font-size: 10px;
}

.shopping-cart-summary .actions {
	margin-top: 10px;
	text-align: right;
}

.LeftColumn .shopping-cart-summary {
	border: solid 1px #999;
	font-size: 11px;
	padding: 0 12px 14px 12px;
}

.LeftColumn .shopping-cart-summary h3 {
	font-size: 12px;
}

.LeftColumn .shopping-cart-summary input {
	font-size: 11px;
}/***** Search *****/

.search-results ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.search-results li {
	margin-bottom: 1.5em;
}

.search-results li a {
	font-weight: bold;
}

.search-results li .title {
	text-decoration: underline;
}

.search-results li .fragment {
	margin: 0;
}

.search-results li .url {
	color: green;
	font-size: 0.833333em;
	font-weight: normal;
	line-height: 1.8em;
}

.search-results .querytext, .search-results .highlight {
	background-color: #FFFCAC;
	font-style: normal;
}

.search-results .search-result-pager {
	margin: 1.5em 0;
}

.search-results .search-result-pager a[disabled=disabled] {
	color: #aaa;
	text-decoration: none;
}.repurchase_th {
    font-size:0.9em;
    text-align: center;
}
.repurchase_td  {
 font-size:0.8em;
 text-align:center;
}
.repurchase_td_name {
 font-size:0.8em;
 text-align:left;
}

.next-billing-date-value {
    font-weight: bold;
}

.account-verification {
    overflow: hidden;
}

.account-verification-action-buttons {
    margin: 10px 0;
}

.forgotpassword-action-buttons {
    margin: 10px 0;
}

.forgotusername-action-buttons {
    margin: 10px 0;
}

.change-password-action-buttons {
    margin: 10px 0;
}

.change-email-action-buttons {
    margin: 10px 0;
}

#site-error {
    padding: 5px;
    width: 984px;
    min-height: 400px;
    background-color: White;
}

.progress, .verify-button, .create-profile {
    float: left;
}

.progress {
    padding-top: 5px;
    padding-left: 2px;
}

.steps-breadcrumb {
    overflow: hidden;
}

    .steps-breadcrumb .steps-breadcrumb-item {
        float: left;
        font-size: 1.5em;
        width: 225px;
        height: 50px;
        color: #CCCCCC;
    }

    .steps-breadcrumb .steps-breadcrumb-item-active {
        color: #000000;
        font-weight: bold;
    }

.dashboard {
    /*width: 100%;*/
    padding: 0 22px 20px 22px;
    background-color: #FFFFFF;
    overflow: hidden;
}

.dashboard-navigation {
    overflow: hidden;
    border-bottom: 2px solid #000000;
}

.dashboard .navigation {
    width: auto;
    float: left;
}

    .dashboard .navigation ul, .dashboard .subnavigation ul {
        margin-bottom: 0px;
    }

    .dashboard .navigation li, .dashboard .subnavigation li {
        float: left;
    }

        .dashboard .navigation li a.active, #hd .navigation li a.active {
            background-color: #999999;
        }

        .dashboard .navigation li a {
            background-color: #1C2D38;
            color: #FFFFFF;
        }

        .dashboard .navigation li a, .dashboard .subnavigation li a {
            display: block;
            margin-right: 2px;
            padding-bottom: 2px;
            padding-left: 8px;
            padding-right: 8px;
            text-decoration: none;
            white-space: nowrap;
            font-size: 0.9em;
        }

.dashboard .subnavigation {
    overflow: hidden;
    margin-top: 1px;
    width: 100%;
}

    .dashboard .subnavigation li a {
        background-color: #bbbbbb;
        margin-right: 0px;
    }

        .dashboard .subnavigation li a.active {
            background-color: #E6E6E6;
        }

.dashboard .left-column {
    width: 47%;
    margin-left: 20px;
    float: left;
}

.dashboard .right-column {
    width: 47%;
    margin-right: 20px;
    float: right;
}

.dashboard .account-view, .dashboard .billing-view, .dashboard .profile-view, .dashboard .subscription-view, .change-device-panel, .change-contract-panel, #ChangePlanPanel {
    margin-top: 20px;
    border: 1px solid black;
}

.dashboard .view-title, .account-view .view-title {
    border-bottom: 1px solid black;
    padding: 5px;
}

.dashboard .view-section {
    border-bottom: 1px solid black;
}

.dashboard .view-block {
    border-top: 1px solid black;
    margin-top: 5px;
    padding-top: 5px;
}

.dashboard .view-section, .dashboard .view-bottom-section {
    padding: 5px 0;
    margin: 0 5px;
}

    .dashboard .view-section > div {
        zoom: 1;
    }

        .dashboard .view-section > div:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

.dashboard .view-link {
    clear: both;
    padding: 5px;
}

    .dashboard .view-link a {
        white-space: nowrap;
    }


.dashboard-header {
    overflow: hidden;
    padding: 10px;
}

.dashboard .welcome-banner {
    width: 40%;
    float: left;
}

.dashboard .welcome-login {
    width: 59%;
    float: right;
    text-align: right;
}

.dashboard .label {
    /*float: left;*/
    display: inline-block;
    text-align: right;
    width: 36%;
    clear: left;
    padding-right: 8px;
}

.dashboard .change-billing-option-content .label {
    width: auto;
}

.dashboard .link {
    width: auto;
    display: inline-block;
}

.dashboard .literal {
    width: 23%; /*float: left;*/
    display: inline-block;
    padding-right: 5px;
}

    .dashboard .literal label {
        display: inline;
        vertical-align: top;
    }

    .dashboard .literal input[type="image"] {
        margin: 0 0 0 5px;
    }

.dashboard-account-selector {
    float: right;
    margin-right: 10px;
}

.dashboard .dashboard-content {
    margin: 10px 5px 0px 5px;
}

.dashboard .content-inaccessible-container {
    display: block;
    width: 100%;
    height: 320px;
}

    .dashboard .content-inaccessible-container .content-inaccessible-wrapper {
        margin: auto;
        margin-top: 100px;
        display: block;
        width: 50%;
        background-color: #FFEFD5;
        border: 5px solid #B0E0E6;
    }

    .dashboard .content-inaccessible-container .content-inaccessible-message {
        width: 100%;
        float: left;
        display: block;
        text-align: center;
        overflow: hidden;
    }

    .dashboard .content-inaccessible-container .content-inaccessible-return-button {
        width: 100%;
        float: left;
        display: block;
        text-align: center;
        overflow: hidden;
    }

/* -- view general -- */
.view-row {
    overflow: hidden;
    padding-bottom: 3px;
}

.view-2column {
    float: left;
    width: 46%;
}

.view-1column {
    float: left;
    width: 95%;
}

.view-message {
    clear: both;
}

/* -- account view -- */



/* -- subscription view -- */


.subscription-view-column {
    float: left;
    padding-right: 10px;
}

/* -- change billing address, change billing option. change security questions begin -- */
.dashboard .change-billing-address-content, .dashboard .change-billing-option-content, .dashboard .change-security-questions-content {
    width: auto;
    clear: both;
    padding-top: 0;
}

.dashboard h2.page-title {
    margin-bottom: 1em;
    font-weight: normal;
    cursor: pointer;
}

.dashboard .border-seperator {
    border: 1px solid black;
    margin-bottom: 2.5em;
    margin-top: 1.5em;
    clear: both;
}

.dashboard .border-seperator-summarypage {
    border: 1px solid black;
    margin-bottom: 0px;
    margin-top: 3em;
    clear: both;
}

.dashboard .border-seperator-title {
    border: 1px solid black;
    margin-bottom: 1.5em;
    margin-top: auto;
    clear: both;
    border-top-width: 3px;
}

.change-billing-address-content .address-label {
    width: 90px;
    float: left;
}

.change-billing-address-content .address {
    float: left;
    padding-bottom: 10px;
}

.change-billing-address-content .phone-number {
    clear: both;
    padding-top: 5px;
}

.change-billing-address-content .home-phone-number-text {
    float: right;
}

.change-billing-address-content .tab-Label, .dashboard-content .card-information-title {
    font-size: 17px;
    margin-top: 10px;
    clear: both;
}

.change-billing-address-content .new-address-left-column, .change-billing-address-content .new-address-right-column {
    width: 50%;
    float: left;
}

.change-billing-address-content .new-address-item {
    padding-bottom: 5px;
}

.change-billing-address-content .button, .change-billing-option-content .button, .change-security-questions-content .button, .button {
    text-align: center;
    padding-top: 5px;
    clear: both;
}

.change-billing-address-content input[type="text"], .change-billing-address-content select {
    width: 200px;
}

.change-billing-option-content .button {
    width: 45%;
}

.security-questions-controls {
    position: relative;
}

.security-questions-progress > div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

    .security-questions-progress > div img {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -8px 0 0 -8px;
    }

.gvSecurityQuestions {
    margin: 10px 0;
}

    .gvSecurityQuestions th, .gvSecurityQuestions td {
        padding: 5px;
    }

    .gvSecurityQuestions th {
        background: #F0F0F0;
    }

    .gvSecurityQuestions .edit {
        width: 100px;
    }

    .gvSecurityQuestions .delete {
        width: 80px;
    }

.add-security-question {
    border: 1px solid #000;
    margin: 1em 20px;
}

    .add-security-question h3 {
        margin: 0;
        padding: 5px;
        border-bottom: 1px solid #000;
        font-size: 0.85em;
    }

    .add-security-question .form-row {
        margin: 5px 0;
        zoom: 1;
    }

        .add-security-question .form-row:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

        .add-security-question .form-row > select {
            margin-left: 300px;
        }

        .add-security-question .form-row > span:first-child {
            text-align: right;
            margin-right: 10px;
            width: 290px;
            float: left;
            display: block;
        }

    .add-security-question .action-items {
        clear: both;
        text-align: right;
        padding: 5px 50px;
    }
/* -- change billing address, change billing option. change security questions end -- */

/* -- Transaction History begin -- */
.ui-datepicker {
    background-color: #DDDDDD;
    width: 200px;
}

    .ui-datepicker table.ui-datepicker-calendar {
        width: 100%;
    }

        .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-today {
            font-weight: bold;
        }

    .ui-datepicker a.ui-datepicker-prev {
        float: left;
        padding-left: 5px;
    }

    .ui-datepicker a.ui-datepicker-next {
        float: right;
        padding-right: 5px;
    }

    .ui-datepicker .ui-datepicker-title {
        clear: both;
    }

.ui-datepicker-trigger {
    height: 20px;
    margin-bottom: -4px;
    margin-left: 3px;
}

.date-picker {
    padding-bottom: 15px;
    padding-top: 10px;
}

/*.transaction-history-content .date
{
    width: 21%;
    float: left;
    word-wrap: break-word;
}

.transaction-history-content .type
{
    width: 30%;
    float: left;
    word-wrap: break-word;
    text-align: left;
    padding-left: 10px;
}

.transaction-history-content .list-header .type
{
    text-align: left;
}

.transaction-history-content .list-header .credit, .transaction-history-content .list-header .debit
{
    text-align: center;
}
.transaction-history-content .credit, .transaction-history-content .debit
{
    width: 15%;
    float: left;
    word-wrap: break-word;
    text-align: right;
}

.transaction-history-content .id, .transaction-history-content .method
{
    width: 15%;
    float: left;
    word-wrap: break-word;
}

.transaction-history-content li
{
    text-align: center;
    clear: both;
}*/

.transaction-history-content .gridView .gvTransactionDateHeader,
.transaction-history-content .gridView .gvTransactionHistoryRow .gvTransactionDateCol,
.transaction-history-content .gridView .gvTransactionHistoryAltRow .gvTransactionDateCol,
.transaction-history-content .gridView .gvIDHeader,
.transaction-history-content .gridView .gvTransactionHistoryRow .gvIDCol,
.transaction-history-content .gridView .gvTransactionHistoryAltRow .gvIDCol {
    text-align: center;
}

.transaction-history-content .gridView .gvTransactionTypeHeader,
.transaction-history-content .gridView .gvTransactionHistoryRow .gvTransactionTypeCol,
.transaction-history-content .gridView .gvTransactionHistoryAltRow .gvTransactionTypeCol {
    text-align: left;
}

.transaction-history-content .gridView .gvTransactionIDCol,
.transaction-history-content .gridView .gvTransactionHistoryRow .gvTransactionIDCol,
.transaction-history-content .gridView .gvTransactionHistoryAltRow .gvTransactionIDCol {
    text-align: center;
}

.transaction-history-content .gridView .gvBalanceCol,
.transaction-history-content .gridView .gvTransactionHistoryRow .gvBalanceCol,
.transaction-history-content .gridView .gvTransactionHistoryAltRow .gvBalanceCol {
    text-align: center;
}

.transaction-history-content .gridView .gvCreditHeader,
.transaction-history-content .gridView .gvCreditCol,
.transaction-history-content .gridView .gvTransactionHistoryRow .gvCreditCol,
.transaction-history-content .gridView .gvTransactionHistoryAltRow .gvCreditCol,
.transaction-history-content .gridView .gvDebitHeader,
.transaction-history-content .gridView .gvDebitCol,
.transaction-history-content .gridView .gvTransactionHistoryRow .gvDebitCol,
.transaction-history-content .gridView .gvTransactionHistoryAltRow .gvDebitCol {
    text-align: right;
}
/* -- Transaction History end -- */

/* -- Bucket History begin -- */

.bucket-history-content .id {
    width: 10%;
    text-align: center;
    float: left;
    word-wrap: break-word;
}

.bucket-history-content .date {
    width: 14%;
    float: left;
    word-wrap: break-word;
    text-align: center;
}

.bucket-history-content .type {
    width: 20%;
    float: left;
    word-wrap: break-word;
    text-align: left;
    padding-left: 10px;
}

.bucket-history-content .type2 {
    width: 14%;
    float: left;
    word-wrap: break-word;
    text-align: left;
    padding-left: 10px;
}

.bucket-history-content .amount {
    width: 10%;
    float: left;
    word-wrap: break-word;
    text-align: right;
}


.bucket-history-content LI {
    text-align: center;
    clear: both;
}

.bucket-history-content .list-header .date, .bucket-history-content .list-header .type, .bucket-history-content .list-header .type2, .bucket-history-content .list-header .amount, .bucket-history-content .list-header .date {
    text-align: center;
}
/* -- Bucket History end -- */

/* -- View Invoices Begin -- */

.dialog-modal-layer {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    opacity: 0.66;
    filter: alpha(opacity=66);
    top: 0px;
    left: 0px;
}

.dialog-box {
    width: 200px;
    border: 2px solid #000000;
    background: #E8E8E8;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
}

.updateprogress-container {
    position: relative;
    width: 100%;
}

table.invoiceviewtable > tbody > tr:first-child {
    background-color: #EAEAEA;
    border-top: 3px solid black;
    border-bottom: none;
    font-weight: bold;
    text-align: center;
    clear: both;
}

table.invoiceviewtable > tbody > tr > td {
    padding: 5px 10px;
    border-right: 1px solid black;
}

table.invoiceviewtable {
    margin-top: 20px;
}
/* -- View Invoices End -- */

/* -- Balance Details begin -- */
.dashboard-balance-details .left-column {
    width: 45%;
}

.dashboard-balance-details .right-column {
    width: 45%;
}

.dashboard-balance-details .account-view {
    margin-top: 10px;
    margin-bottom: 15px;
}

.dashboard-balance-details .tab-Label {
    font-size: 17px;
    clear: both;
}

.dashboard-balance-details .label {
    width: 55%;
}

.dashboard-balance-details .text {
    display: inline-block;
}

.dashboard-balance-details .aged-debt-table {
    width: 50%;
}

    .dashboard-balance-details .aged-debt-table tr.odd {
        background-color: #B7B7B7;
    }

    .dashboard-balance-details .aged-debt-table tr.even {
        background-color: #DFDFDF;
    }

.unbilled-traffic .list-header {
    background-color: #DFDFDF;
}

.unbilled-traffic .unbilled-traffic-table {
    width: 40%;
    margin-top: 20px;
}

.unbilled-traffic .category {
    width: 40%;
    float: left;
}

.unbilled-traffic .usage {
    width: 30%;
    float: left;
}

.unbilled-traffic .amount {
    width: 28%;
    float: left;
}

.information-message {
    clear: both;
    padding-top: 20px;
}
/* -- Balance Details end -- */

/* -- Contract Renewal start -- */
.dashboard .contract-renewal-step {
    margin-left: 10px;
}

.contract-renewal-steps-breadcrumb {
    /*overflow: hidden;*/
}

.contract-renewal-steps-breadcrumb-item {
    float: left;
    font-size: 1.2em;
    width: 25%;
    height: 40px;
    color: #CCCCCC;
    font-weight: normal;
}

.contract-renewal-steps-breadcrumb-item-active {
    float: left;
    font-size: 1.2em;
    width: 25%;
    height: 40px;
    color: #000000;
    font-weight: bold;
}


.contractLeftCol {
    width: 50%;
    padding: 5px;
}

.contractRightCol {
    width: 50%;
    padding: 5px;
}

.helpIcon {
    padding: 0;
    vertical-align: middle;
}

.leftCR {
    border-style: solid;
    border-width: thin;
    width: 48%;
    position: relative;
    float: left;
    height: 230px;
    top: 0px;
    left: 0px;
    padding: 5px;
}

.rightCR {
    border-style: solid;
    border-width: thin;
    width: 49%;
    position: relative;
    height: 230px;
    float: right;
    padding: 5px;
}

.CrEditDeviceAndContract {
    border-style: solid;
    border-width: thin;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
}

.CrEditPlanAndFeature {
    border-style: solid;
    border-width: thin;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
}

.CrTable td {
    padding-left: 3px;
    padding-right: 3px;
}

.CrCurrentServices {
    width: 90%;
    margin-left: 5%;
}

.CrNewServices {
    width: 90%;
    margin-left: 15px;
}

.CrReviewServices {
    width: 90%;
}

.Cr_featureName {
    width: 400px;
}

.Cr_featureAmount {
    width: 100px;
    margin-left: 5px;
}

.CRleftrow {
    width: 40%;
    float: left;
    margin: 2px;
}

.CRrightrow {
    width: 55%;
    margin: 2px;
    float: left;
}

.CrReviewLabel {
    width: 40%;
    float: left;
    margin: 2px;
}

.CrReviewField {
    width: 55%;
    margin: 2px;
    float: left;
}

.CrNewPricePlan {
}
/* -- Contract Renewal End -- */
/* -- web_dialog start -- */
.web_dialog_overlay {
    HEIGHT: 100%;
    BACKGROUND: #000000;
    RIGHT: 0px;
    POSITION: fixed;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    LEFT: 0px;
    FILTER: alpha(opacity=15);
    MARGIN: 0px;
    Z-INDEX: 101;
    DISPLAY: none;
    TOP: 0px;
    PADDING-RIGHT: 0px;
    WIDTH: 100%;
    BOTTOM: 0px;
    opacity: .15;
    -moz-opacity: .15;
}

.web_dialog {
    FONT-SIZE: 10pt;
    BORDER-TOP: #336699 2px solid;
    HEIGHT: 200px;
    FONT-FAMILY: Verdana;
    BORDER-RIGHT: #336699 2px solid;
    BORDER-BOTTOM: #336699 2px solid;
    POSITION: fixed;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN-LEFT: -190px;
    LEFT: 50%;
    BORDER-LEFT: #336699 2px solid;
    Z-INDEX: 102;
    MARGIN-TOP: -100px;
    DISPLAY: none;
    TOP: 50%;
    PADDING-RIGHT: 0px;
    WIDTH: 380px;
    BACKGROUND-COLOR: #ffffff;
}

.web_dialog_title {
    BORDER-BOTTOM: #336699 2px solid;
    FONT-WEIGHT: bold;
    COLOR: white;
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 4px;
    PADDING-LEFT: 4px;
    PADDING-RIGHT: 4px;
    BACKGROUND-COLOR: #336699;
}

    .web_dialog_title A {
        COLOR: white;
        TEXT-DECORATION: none;
    }

.web_dialog_close_button {
    BORDER-TOP-STYLE: none;
    BORDER-LEFT-STYLE: none;
    BORDER-BOTTOM-STYLE: none;
    BORDER-RIGHT-STYLE: none;
}
/* -- web_dialog End -- */

/* -- Change Plan Start -- */

#change-plan {
    overflow: hidden;
}

    #change-plan #plans-column {
        float: left;
        width: 90%;
        padding: 5px;
    }

    #change-plan #plan-description-column {
        float: left;
        width: 55%;
        padding: 5px;
        border-left: 1px solid #E8E8E8;
        height: 100%;
        overflow: hidden;
    }

.plans-section-header {
    border-bottom: 1px solid #000000;
    font-weight: bold;
    margin-bottom: 5px;
}

.bal-marketing-plans-section-header {
    /*border-bottom: 1px solid #000000;*/
    font-weight: bold;
    margin-bottom: 5px;
}

.plans-section-header-sort {
    font-size: 0.9em;
    line-height: 1.5em;
}

    .plans-section-header-sort a {
        color: #B51F24;
        font-family: helvetica,geneva,arial,sans-serif;
    }

.plan-help-radiobuttons input, .plan-help-radiobuttons label {
    float: left;
}

.plan-help-radiobuttons label {
    max-width: 85%;
    display: block;
    word-wrap: break-word;
}

.change-plan-available-plan .row-key {
    height: auto !important;
}

change-plan-available-plan .row-key .plan-help-radiobuttons {
    width: 335px;
    display: block;
}

.plan-help-radiobuttons input[type="radio"] {
    margin: 3px 5px 0 0;
}

#device-selection {
    overflow: hidden;
}

.current-device-label, .current-device-model-label, .current-IMEI-label {
    float: left;
    width: 50%;
    margin-bottom: 5px;
}

.current-device-dropdown, .current-device-model-dropdown, .current-IMEI-field {
    float: right;
    /*margin-right:36%;*/
    margin-bottom: 5px;
    width: 50%;
}

.current-device-model-dropdown-new {
    width: 220px;
}

#current-plan, #available-plan {
    overflow: hidden;
}

.change-plan-available-plan {
    overflow: hidden;
    clear: both;
    margin-bottom: 5px;
}

.change-plan-option {
    float: left;
}

.change-plan-fee {
    float: right;
}


.section-splitter {
    margin-bottom: 13px;
    margin-top: 20px;
    border-bottom: 1px solid black;
    font-weight: bold;
    float: left;
    width: 100%;
}

.change-contract-panel, .change-device-panel, #ChangePlanPanel {
    padding: 10px;
}

.change-device-panel, .change-plan-panel {
}

.change-contract-panel {
    margin-top: 20px;
    overflow: hidden;
}

    .change-contract-panel .row div, .change-device-panel .row div, #ChangePlanPanel .row div {
        float: left;
        white-space: normal;
        overflow: hidden;
        height: 24px;
        margin-bottom: 5px;
    }


#ChangePlanPanel .row div {
    margin-bottom: 0;
    text-align: right;
}

.change-contract-panel .row div.row-key {
    width: 50%;
}

.change-contract-panel .row div.row-value {
    width: 50%;
}

.change-contract-panel #ChangeContractButton, .change-device-panel #ChangeDeviceButton, #ChangePlanPanel #ChangePlanButton {
    margin-top: 3px;
    width: 167px;
}

.change-contract-panel #ContractDropDownList {
    width: 123px;
    overflow: hidden;
    vertical-align: top;
}

.change-device-panel #DeviceImeiTextBox {
    width: 144px;
}

.change-device-panel .row div.row-key {
    width: 40%;
}

.change-device-panel .row div.row-value {
    width: 60%;
}

div.row-key1 {
    width: 22%;
}

div.row-key1 {
    width: 22%;
}

div.row-value1 {
    width: 78%;
}

#ChangePlanPanel #current_plan {
}

#ChangePlanPanel #available_plans {
}

#ChangePlanPanel .row div.row-key {
    width: 80%;
}

#ChangePlanPanel .row div.row-value {
    width: 18%;
    text-align: right;
    padding-right: 2%;
}

#ChangePlanPanel #available_plans {
    margin-top: 15px;
}

#DeviceTypeDropDownList, #DeviceModelDropDownList, #ContractDropDownList {
    width: 230px;
}

#DeviceImeiTextBox {
    width: 224px;
}

.device-model-help-questionmarks, .contract-help-questoinmarks, .plan-help-questionmarks, .amount-table-help-questionmarks {
    padding: 0;
}

.device-type-section, .device-model-section, .IMEI-section, .change-device-button {
    width: 100%;
    clear: both;
}

.divCPDetails {
    clear: both;
    border-style: solid;
    border-width: thin;
    background-color: lightgray;
}

#divComparisonCurrentPlan {
    border-style: solid;
    border-width: thin;
    float: left;
    width: 99%;
    height: 220px;
}

#divComparisonNewPlan {
    border-style: solid;
    border-width: thin;
    width: 99%;
    float: right;
    height: 220px;
}

.divComparisonPlanName {
    margin-left: 20px;
}

#divDisclaimer {
    color: red;
}

.planDetailsSubmitError {
    color: red;
}

.planDetailsSubmitSuccess {
    color: green;
}

.detailsPanelActionCell {
    text-align: right;
    padding-right: 10px;
    padding-top: 10px;
    vertical-align: top;
}

.topup-left {
    width: 410px;
    padding-left: 10px;
    padding-top: 10px;
    float: left;
}

.topup-right {
    padding-left: 10px;
    padding-top: 10px;
}

.pendingPlan-Details-Container {
    padding: 5px 10px;
    border: 1px solid #ce817f;
    background-color: #e3b7b6;
    color: black;
    margin-bottom: 1em;
}

.pendingPlan-Details-Button {
    text-align: right;
    margin-top: 10px;
}

.planOptionDiv {
    height: 100px !important;
    overflow-y: auto !important;
}

.tabContainerDiv {
    margin-left: 3px !important; /*To overwrite jquery-ui.css*/
    margin-right: 3px !important; /*To overwrite jquery-ui.css*/
}

.change-plan-message-visibility {
    /*Un comment the below line if the Change plan ATU messages are not to be shown*/
    /*display:none;*/
}
/* -- Change Plan End -- */

/* -- View Bundle Usage begin -- */
.usage-meter {
    background-color: #3A76B1;
}

.voice-panel, .messaging-panel, .data-panel, .currency-panel, .crossservice-panel, .categorysummary-panel, .categorypromotion-panel {
    padding-top: 15px;
}

.categorypromotion-panel, categorypromotion-panel table {
    width: 100%;
}

.table-header {
    background-color: #B7B7B7;
    word-wrap: break-word;
}

.bundle-usage .empty-cell {
    background-color: #DFDFDF;
}

.bundle-usage .table-data {
    word-wrap: break-word;
    padding: 0 2px;
}

.bundle-usage td {
    border: 1px solid black;
    border-collapse: separate;
}
/* -- View Bundle Usage end -- */

/* -- Cases start -- */
.cases-body {
    padding-top: 15px;
}

    .cases-body #Tabular-Data table {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .cases-body #Tabular-Data .case-filter {
        width: 100px;
    }

.edit-case-panel, .case-info-panel-notes, .case-data {
    width: 65%;
    border-bottom: 1px solid #000000;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

    .edit-case-panel .edit-case-label {
        width: 35%;
        padding-right: 5px;
        vertical-align: top;
    }

    .edit-case-panel .edit-case-text {
        width: 65%;
    }

    .edit-case-panel .edit-case-input {
        width: 60%;
    }

    .case-info-panel-notes p {
        margin-bottom: 0.5em;
    }

    .case-info-panel-notes ul {
        margin-bottom: 0em;
    }

        .case-info-panel-notes ul li {
            padding-bottom: 10px;
        }

.case-info-panel-notes {
    padding-bottom: 5px;
}
/* -- Cases end -- */

/*-- Payments Start -- */
.payments-row, .receipt-row {
    overflow: hidden;
    width: 100%;
}

.payments-field-label {
    width: 150px;
    float: left;
}

.receipt-field-label {
    width: 250px;
    float: left;
}

.payments-field-value, .receipt-field, .payments-field-value2 {
    float: left;
    width: 250px;
}

.payments-row .payment-amount {
    width: 50px;
}

.payments-field-value2 {
    width: 400px;
}

/*-- Payments End -- */

/* -- Change Service and Bundles begin -- */
.services-column, .bundles-column, .plp-column {
    width: 50%;
    float: left;
    font-size: 0.8em;
}

.change-services-bundles .price-plan-name {
    clear: both;
    padding-bottom: 10px;
    font-size: 16px;
}

.price-plan-option-name {
    /* float: left;*/
    padding-right: 15px;
}

.services-column li, .bundles-column li, .plp-column li {
    clear: both;
    padding-bottom: 3px;
    word-wrap: break-word;
}

.services-column ul, .bundles-column ul, .plp-column ul {
    list-style-type: square;
    list-style-position: inherit;
}

.available-add-on-title {
    clear: both;
    padding-top: 10px;
    font-size: 16px;
}

.services-column ul, .bundles-column ul, .plp-column ul {
    margin-top: 8px;
}

.modify-section-left {
    width: 40%;
    float: left;
}

.modify-section-middle {
    width: 19%;
    float: left;
    text-align: center;
    margin-top: 25px;
}

.modify-section-right {
    width: 40%;
    float: left;
}

.ListboxWidth {
    width: 340px;
    border-style: solid;
    border-width: thin;
    overflow: auto;
    height: 150px;
}

.Listboxstyle {
    width: auto;
    min-width: 340px;
    min-height: 150px;
    border-style: none;
    overflow-y: hidden;
}

.modify-add-one-my-services select, .modify-add-one-my-bundles select, .modify-add-one-my-plp select {
    height: 150px;
    width: 335px;
}

.modify-add-one-my-services {
    margin-bottom: 25px;
}

.change-services-bundles .confirm-button {
    clear: both;
    text-align: center;
    padding-top: 10px;
}

.change-services-bundles .button-space {
    padding-bottom: 15px;
}

.change-services-bundles .button-space {
    padding-bottom: 15px;
}

#changes-confirm-message .ListboxWidth {
    text-align: left;
}

#changes-confirm-message #changed-addons {
    padding-top: 2px;
}

    #changes-confirm-message #changed-addons .list-title {
        clear: both;
        padding-top: 8px;
    }

    #changes-confirm-message #changed-addons li {
        list-style-type: none;
        clear: both;
    }

        #changes-confirm-message #changed-addons li .price-plan-option-name {
            padding-right: 0px;
        }

.modify-add-one-my-bundles {
    clear: left;
    padding-top: 20px;
    padding-bottom: 20px;
}

.modify-add-one-my-plp {
    clear: left;
    padding-top: 20px;
    padding-bottom: 20px;
}
/* -- Change Service and Bundles end -- */

.dashboard .dashboard-body .xrm-attribute-value-empty {
    height: 0px;
}

.dashboard .dashboard-body .crmEntityFormView {
    background: none;
    border-bottom: none;
    border-top: none;
    margin: 0px;
}

    .dashboard .dashboard-body .crmEntityFormView table.tab, .onecolumnlayoutrow {
        font-family: Verdana,Sans-Serif;
        font-size: 0.9em;
    }

.crmEntityFormView table.section caption.show-bar, .onecolumnlayoutcaption {
    color: #000000;
    font-weight: normal;
    font-size: 0.9em;
}

.cases-body #Tabular-Data table tr table {
    margin-bottom: 0px;
    margin-top: 0px;
    width: auto;
}

.dashboard .dashboard-body #service-cases .case-title, .dashboard .dashboard-body #service-cases .case-subject {
    margin-bottom: 20px;
}

.edit-case-panel .edit-case-label {
    float: left;
    width: 30%;
}

.edit-case-panel .edit-case-text, .edit-case-panel .edit-case-input {
    float: left;
    width: 58%;
    margin-bottom: 5px;
}

/* -- Change SIM Card begin -- */
.change-sim-field-label {
    width: 42%;
    float: left;
}

.change-sim-old-field {
    width: 50%;
    float: left;
}

.changes-sim-button {
    clear: both;
}

.change-sim-div-top-width {
    margin-top: 15px;
}

/* -- Change SIM Card end -- */

/* -- MSISDN Swap Begin -- */

#msisdn-swap .section-title {
    padding-top: 1em;
    padding-bottom: 1em;
}

    #msisdn-swap .section-title.first {
        padding-top: 0em;
    }

#msisdn-swap .button-container {
    padding-top: 1em;
}

#msisdn-swap .PhoneNumber fieldset {
    border: 1px solid black !important;
    padding: 5px;
    margin: 5px 0px 10px 0px;
}

    #msisdn-swap .PhoneNumber fieldset legend {
        margin-left: 20px;
        margin-top: 5px;
        padding-bottom: 0px;
        font-weight: bold;
    }

#msisdn-swap .PhoneNumber .label {
    width: 125px;
    float: left;
}

#msisdn-swap .PhoneNumber .shortlabel {
    width: 80px;
    float: left;
    text-align: right;
}

#msisdn-swap .PhoneNumber input {
    margin-right: 5px;
}

#msisdn-swap .field-spacing {
    zoom: 1;
    margin-bottom: 5px;
}

    #msisdn-swap .field-spacing:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

#msisdn-swap .form-field-label, .form-field-entry, .form-field-text {
    float: left;
}

#msisdn-swap .form-field-label {
    margin-right: 5px;
}

#msisdn-swap .form-field-label, .text_right {
    width: 250px;
    text-align: right;
}

#msisdn-swap .form-field-text {
    margin-left: 15px;
}

#msisdn-swap .form-field-entry {
    margin-left: 15px;
}

#msisdn-swap .form-row .form-field-heading {
    font-weight: bold;
    text-decoration: underline;
    margin-top: 15px;
    margin-bottom: 5px;
}

#msisdn-swap .form-row .radio-button input {
    width: 20px;
    text-align: right;
    margin-top: 2px;
}

/* -- MSISDN Swap End-- */

/* -- Manage Credit Card Begin -- */
.card-information-title {
    padding-top: 10px;
}

.card-info, .new-address-section {
    margin-left: 20px;
}

.card-info-lable {
    /*width: 25%;*/
    float: left;
    text-align: right;
    padding-right: 10px;
    width: 100%;
}

.credit-card-left-column {
    padding-right: 10px;
    width: 30%;
}

.credit-card-text-align {
    text-align: right;
}

.credit-card-info-example-column {
    font: italic 10px Verdana, Sans-Serif;
    margin-right: 10px;
}

.credit-card-button {
}

.credit-card-cvv-info {
    height: 16px;
    width: 16px;
}

.card-info-textfield {
    padding-bottom: 5px;
}

.new-address-left-column {
    width: 49%;
    float: left;
    padding-bottom: 10px;
}

.new-address-right-column {
    width: 49%;
    float: left;
}

.new-address-item {
    padding-bottom: 5px;
}

.invisible-frame-table {
    border: 0px transparent;
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
    clear: both;
}

    .invisible-frame-table tr, .invisible-frame-table tr td {
        height: auto;
    }

/* -- Manage Credit Card End -- */

/* -- Prepaid Top up / Recurring Top-up begin -- */
.prepaid-top-up .top-up-info, .recurring-topup-panel .recurring-top-up-info, .confirmation-panel {
    margin-left: 20px;
}

.prepaid-top-up .label, .recurring-top-up-info .label {
    text-align: left;
    display: block;
    width: 29%;
    float: left;
}

.prepaid-top-up .label {
    width: 20%;
}

.credit-card-selection .credit-card-topup-left {
    width: 25%;
    float: left;
}

.credit-card-selection .creidt-card-topup-right {
    width: 50%;
    float: left;
}

    .credit-card-selection .creidt-card-topup-right .label {
        width: 25%;
    }

.credit-card-selection .list-header, .recurring-topup-panel .list-header, .replace-credit-card-panel .list-header {
    clear: both;
    font-size: 20px;
}

.credit-card-selection table tr, .recurring-topup-panel table tr td {
    display: inline-block;
    float: left;
    padding-right: 20px;
}

.credit-card-selection .message-box, .recurring-topup-panel .message-box, .dashboard-content .message-box {
    border: 1px solid black;
    padding: 8px;
    width: 50%;
    margin-bottom: 10px;
    float: left;
}

.recurring-topup-panel a {
    text-decoration: underline;
}

.fright {
    float: right;
}

.fleft {
    float: left;
    margin-left: 20px;
}

.creidt-card-topup-right .literal {
    float: left;
}

.confirmation-panel {
    margin-top: 10px;
}

    .confirmation-panel .label {
        width: 35%;
    }

.enable-recurring-topup-checkbox label {
    margin-left: 10px;
}

.replace-credit-card-link {
    display: inline;
    margin-left: 0px;
    overflow: hidden;
}

.subscription-expired-snippet {
    color: #FF0000;
}

.subscription-highlight-default-Alt {
    background-color: White;
}

.subscription-highlight-expired-Alt {
    background-color: Red;
    color: White;
    font-weight: bold;
}

.subscription-highlight-inactive-Alt {
    background-color: Yellow;
}

.subscription-highlight-draft-Alt {
    background-color: Yellow;
}

.subscription-highlight-active-Alt {
    background-color: Green;
    color: White;
    font-weight: bold;
}

.subscription-highlight-suspended-Alt {
    background-color: Yellow;
    color: White;
}

.subscription-highlight-warned-Alt {
    background-color: Yellow;
    color: White;
}

.subscription-highlight-dunned-Alt {
    background-color: Yellow;
    color: White;
}

.subscription-highlight-promise-to-pay-Alt {
    background-color: Yellow;
    color: White;
}

.subscription-highlight-in-arrears-Alt {
    background-color: Yellow;
    color: White;
}

.subscription-highlight-in-collection-Alt {
    background-color: Yellow;
    color: White;
}

.subscription-highlight-deactivated-Alt {
    background-color: Yellow;
    color: White;
}

.subscription-highlight-available-Alt {
    background-color: Yellow;
    color: White;
}

.subscription-highlight-moved-Alt {
    background-color: Yellow;
    color: White;
}

.subscription-highlight-pending-Alt {
    background-color: Yellow;
    color: White;
}

.subscription-highlight-dormant-Alt {
    background-color: Yellow;
    color: White;
}

.search-criteria-line {
    width: 800px;
    height: 1.8em;
    margin-bottom: 6px;
}

    .search-criteria-line .search-criteria-lable {
        width: 40%;
        float: left;
    }

    .search-criteria-line .search-criteria-box {
        width: auto;
        float: left;
    }

        .search-criteria-line .search-criteria-box input {
            width: 145px;
            vertical-align: top;
        }

.AccountLookUpRowLink {
    width: 100%;
    float: left;
}

.AccountLookUpLink1 {
    width: 40%;
    float: left;
}

.AccountLookUpLink2 {
    width: 30%;
    float: left;
}

.AccountLookUpLink3 {
    width: 30%;
    float: right;
}

.dealerSearch-radiobuttonlabel {
    width: 40%;
    float: left;
}

.dealerSearch-radiobuttons {
    width: 50%;
    float: left;
}

.dealerSearchCheckBoxLabel {
    width: 40%;
    float: left;
}

.dealerSearchCheckBox {
    width: 60%;
    float: left;
}

.dealerSearch-criteria-Anybox {
    width: 145px;
    vertical-align: top;
}

.dealerButton input {
    margin: 2px;
    padding: 0px;
}

.search-criteria-line div.search-button {
    width: 100%;
    float: left;
}

.search-criteria-validators {
    color: red;
    display: inline-block;
    height: 1.5em;
    overflow: hidden;
    width: 60%;
}

.account-lookup-view {
    border-width: 1px;
}

.account-lookup-item-row {
    border-top: 2px solid;
    border-color: grey;
}

/* account lookup pager availabe pager */
tr.account-lookup-pager table a {
}

/* account lookup pager selected pagers */
tr.account-lookup-pager table span {
    font: bold;
}

.dealer-lookup-container td, .account-lookup-container td, .account-lookup-container th {
    border-width: 0px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
}

.account-lookup-view .account-column {
    padding-right: 10px;
}

.subscription-lookup-view {
    border-width: 0px;
}

    .subscription-lookup-view .subscription-column {
        padding-right: 10px;
    }

.account-lookup-container {
    padding: 20px;
}

.dealer-lookup-container {
    padding: 20px;
}

.addeditdealer-top-container {
    padding: 20px;
}

.addeditdealer-container {
    width: 800px;
    height: 1.8em;
    margin-bottom: 6px;
}

.WPRow {
    height: 30px;
}

.WPCell {
    width: 190px;
}

.WPTable {
    border: 0;
    width: 100%;
}

.account-lookup-view-selected-row {
}

.account-lookup-view-header-row {
    background-color: #00AEDB;
}

.dealer-links {
    float: right;
}


#activation {
    overflow: hidden;
}

    #activation iframe {
        border: 0;
        background-color: #FFFFFF;
    }

    #activation #activationloading {
        background: #FFF1B7;
        overflow: hidden;
    }

.ui-widget-overlay {
    background: url("../images/ui-bg_flat_75_aaaaaa_40x100.png") repeat-x scroll 50% 50% #AAAAAA;
    opacity: 0.3;
    position: absolute;
}

.ui-dialog {
    border: 1px solid #000000;
    background: #ffffff;
}

    .ui-dialog .ui-dialog-titlebar {
        background: #00AEDB;
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
    }

        .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
            display: block;
            float: left;
            padding: 3px;
        }

    .ui-dialog .ui-dialog-titlebar-close {
        height: 18px;
        width: 19px;
        margin-top: 2px;
        margin-left: 3px;
        overflow: hidden;
        float: right;
        padding: 3px;
    }

.ui-widget-header .ui-icon {
    background-image: url("../images/x.png");
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -99999px;
    display: block;
}

.top-up-info .label {
    word-wrap: break-word;
}

.AutoTopUpLine {
    clear: both;
    padding-bottom: 10px !important;
}

#FullContent_DashboardContent_ReadOnlyEditable {
    margin-bottom: 10px;
}
/* -- Prepaid Top up / Recurring Top-up end -- */

/* -- Forgot Password start -- */
.forgotpassword-step-label, .forgotpassword-inputs {
    margin: 10px 0;
}

.forgotpassword-action-buttons {
    margin: 10px 0;
}

.forgotpassword-ending-content {
    margin: 20px 0 0;
}
/* -- Forgot Password end -- */
/* -- Form error and required start -- */
.error-message-container {
    padding: 5px 10px;
    border: 1px solid #ce817f;
    background-color: #e3b7b6;
    color: #a74240;
    margin-bottom: 1em;
}

.success-message-container {
    padding: 5px 10px;
    border: 1px solid #69b26a;
    background-color: #9ccc9c;
    color: #2c552d;
    margin-bottom: 1em;
}

.information-message-container {
    margin-bottom: 1em;
    background-color: #D6D6D6;
    border: 6px solid #EAEAEA;
    color: black;
    padding: 5px 10px;
    font-weight: bold;
}
.mdn-swap-pending-message 
{
    background-color: #996633;
    border: 6px solid #EAEAEA;
    color: #000;
    padding: 5px 10px;
    font-weight: bold;
}

.FormError {
    color: red;
    padding-left: 3px;
}

.form-required, .search-error-message {
    color: #f00;
}
/* -- Form error and required end -- */

/* -- Transfer Funds */
.transfer-funds-content .row {
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 5px;
}

.transfer-funds-content .row-label, .transfer-funds-content .row-field {
    float: left;
}

.transfer-funds-content .row-label {
    width: 200px;
    margin-right: 5px;
}

.transfer-funds-content .row-field .currency-control {
    margin: 0px;
    margin-right: 5px;
    padding: 0px;
    border-spacing: 0px;
    border-width: 0px;
    float: left;
}
/* -- Transfer Funds end */

/* -- Print View -- */

@media print {
    #hd .section, #hd .navigation {
        display: none;
    }

    #bd .breadcrumbs, #bd .dashboard-navigation, #bd .dashboard-header, #bd .dashboard-body .subnavigation {
        display: none;
    }
}


/* -- Print View -- End */

/* -- Register Credit Card -- start */
.success-details-container > span {
    margin-bottom: 1em;
    display: block;
}
/* -- Register Credit Card -- end */


/* -- GridView Control --  start */

#divCallHistory, #divTransactionHistory {
    width: 98%;
}

.gridView {
    border: none; /*width: 150%;*/
}

    .gridView .gvCallHistoryHeader th, .gridView .gvTransactionHistoryHeader th,.gridView .gvImeiBlockingHeader th {
        font-family: helvetica, geneva, arial, sans-serif;
        line-height: 2em;
        font-size: .75em;
        border-top-width: 0px;
        border-bottom: solid 2px black;
        border-left-width: 0px;
        border-right-width: 0px;
        padding-right: 1px;
        text-align: center;
    }

    .gridView .gvCallHistoryRow td, .gridView .gvTransactionHistoryRow td, .gridView .gvImeiBlockingRow {
        font-family: helvetica, geneva, arial, sans-serif;
        line-height: 2em;
        font-size: .75em;
        color: black;
        border-width: 0px;
        padding-right: 1px;
        text-align: center;
    }

    .gridView .gvCallHistoryPager > td, .gridView .gvTransactionHistoryPager > td, .gridView .gvImeiBlockingPager td {
        border: none;
    }

    .gridView .gvCallHistoryPager td span, .gridView .gvTransactionHistoryPager td span, .gridView .gvImeiBlockingPager td span {
        font-family: helvetica, geneva, arial, sans-serif;
        line-height: 2em;
        font-size: .85em;
        padding-left: 10px;
        text-decoration: underline;
    }

    .gridView .gvCallHistoryPager td a, .gridView .gvTransactionHistoryPager td a, .gridView .gvImeiBlockingPager td a {
        font-family: helvetica, geneva, arial, sans-serif;
        line-height: 2em;
        font-size: .85em;
        padding-left: 10px;
        text-decoration: underline;
    }

    .gridView .gvCallHistoryPager td .gvSelectedPageNumber, .gridView .gvTransactionHistoryPager td .gvSelectedPageNumber, .gridView .gvImeiBlockingPager td .gvSelectedPageNumber {
        font-weight: bold;
        text-decoration: none;
    }

    .gridView .gvCallHistoryPager td .gvDisabledNaviator, .gridView .gvTransactionHistoryPager td .gvDisabledNaviator, .gridView .gvImeiBlockingPager td .gvDisabledNaviator {
        text-decoration: none;
    }

    .gridView .gvCallHistoryPager td .gvPageSelector, .gridView .gvTransactionHistoryPager td .gvPageSelector, .gridView .gvImeiBlockingPager td .gvPageSelector {
        padding: 0px;
    }


.gvCallHistoryEmptyData td p, .gvTransactionHistoryEmptyData td p, .gvImeiBlockingEmptyData td p {
    text-align: left;
}

.gvCallHistoryEmptyData > td, .gvTransactionHistoryEmptyData > td, .gvImeiBlockingEmptyData > td {
    border: none;
}

.gridView .gridViewChBndlHiddenCol {
    display: none;
}

.callBundlesContainer {
    width: 50%;
}

    .callBundlesContainer > table {
        width: 50%;
    }

.callHistoryImg {
    border: 0;
}

.gvCallHistoryAltRow, .gvTransactionHistoryAltRow, .gvImeiBlockingAltRow {
    background-color: lightgray;
}

    .gvCallHistoryAltRow td, .gvTransactionHistoryAltRow td, gvImeiBlockingAltRow td {
        font-family: helvetica, geneva, arial, sans-serif;
        line-height: 2em;
        font-size: .75em;
        color: black;
        border-width: 0px;
        padding-right: 1px;
        text-align: center;
    }

.gridView .callBundlesContainer tr th {
    font-family: helvetica, geneva, arial, sans-serif;
    line-height: 2em;
    font-size: .75em;
}

.gridView .callBundlesContainer tr td {
    font-family: helvetica, geneva, arial, sans-serif;
    line-height: 2em;
    font-size: .85em;
}


.callHistoryDetail > td {
    border: none;
}


.gridViewHideShowCol {
    display: block;
}

.gridView .gridViewInternal {
    border: solid 1px black;
}

    .gridView .gridViewInternal tr td {
        font-family: helvetica, geneva, arial, sans-serif;
        line-height: 2em;
        font-size: .75em;
        border-top-width: 0px;
        border-bottom: solid 1px black;
        border-left: solid 1px black;
        border-right: solid 1px black;
        padding-right: 1px;
        text-align: center;
    }

    .gridView .gridViewInternal .gvInternaleCallHistoryHeader th {
        font-family: helvetica, geneva, arial, sans-serif;
        line-height: 2em;
        font-size: .75em;
        border-top-width: 0px;
        border-bottom: solid 1px black;
        border-left: solid 1px black;
        border-right: solid 1px black;
        padding-right: 1px;
        text-align: center;
    }

.gvCallHistoryShowBundleIcon {
    width: 1px;
}

/* Start HIDE/SHOW gvCallHistoryColumns */

/* transactionDate */
.gridViewTDHideShowCol {
}

.gridViewTDHideShowHeader {
}

/* callType */
.gridViewCTHideShowCol {
}

.gridViewCTHideShowHeader {
}

/* originationNumber */
.gridViewONHideShowCol {
}

.gridViewONHideShowHeader {
}

/* destinatioNumber */
.gridViewDNHideShowCol {
}

.gridViewDNHideShowHeader {
}

/* originationLocation */
.gridViewOLHideShowCol {
}

.gridViewOLHideShowHeader {
}

/* destinationLocation */
.gridViewDLHideShowCol {
}

.gridViewDLHideShowHeader {
}

/* dataUsage */
.gridViewDUHideShowCol {
}

.gridViewDUHideShowHeader {
}

/* duration */
.gridViewDHideShowCol {
}

.gridViewDHideShowHeader {
}

/* usageType */
.gridViewUTHideShowCol {
}

.gridViewUTHideShowHeader {
}

/**** NOTE: there is not entry for balance as its visibility is handled by code ****/

/* charge */
.gridViewCHideShowCol {
    /*display: inline;*/
}

.gridViewCHideShowHeader {
    /*display: inline;*/
}


/* End HIDE/SHOW gvCallHistoryColumns */

/* Start Friends and Family CSS */
.PlpPhoneNumbersRowLayout td {
    padding-top: 10px;
    vertical-align: bottom;
}

    .PlpPhoneNumbersRowLayout td input {
        border: none;
    }
/* End Friends and Family CSS */

/* -- GridView Control --  end */


.dealernavigationcontainer {
    margin-top: 50px; /*    list-style-type: none;     margin: 40px, 20px, 0, 20px;         background-color:#91C8AC;*/
}


.postpaid-due-amount-explanation {
    width: 400px;
    padding: 8px 30px 8px 30px;
    border: dotted 1px grey;
    margin: 5px 0;
    background: #F0FFF5;
}

/*
.dealernavigationcontainer li
{
    margin: 0, 20px, 10px, 0;   
    display:block; 
    float:left;
    height: 80px;
    width: 100px;
    background-color:#47A375;    
}

.dealernavigationcontainer li:hover
{
    background-color:#2E5C00;
    }

.dealernavigationcontainer li .first
{
}
.dealernavigationcontainer li .last
{
}
.dealernavigationcontainer li .only
{
}
*/
.dealer-lookup-container {
    padding: 20px;
}

    .dealer-lookup-container .search-criteria-radiobuttons td {
        width: auto;
        display: block;
        float: left;
        margin-right: 12px;
    }

        .dealer-lookup-container .search-criteria-radiobuttons td input {
            width: auto;
            float: left;
        }

        .dealer-lookup-container .search-criteria-radiobuttons td label {
            width: auto;
            overflow: hidden;
            float: left;
        }

    .dealer-lookup-container .search-criteria-line .search-criteria-box select {
        width: 154px;
        height: 21px;
        vertical-align: top;
    }

.dealer-lookup-criteria-lable {
    width: 250px;
    height: 21px;
    vertical-align: top;
}

.dealer-lookup-criteria-field {
    margin: 5px;
}

.addedit-dealer-field {
    margin: 2px;
}

.addedit-dealer-lable {
    margin: 2px;
}

#activation.scrollable, #activationPostpaid.scrollable {
    overflow-y: auto;
}

/*-- Convert To Group --*/
.convertgroupinfo-row {
    overflow: hidden;
    width: 100%;
}

.convertgroupinfo-field-label {
    width: 150px;
    float: left;
}

.convertgroupinfo-field-value {
    float: left;
    width: 250px;
}

.convertgroupinfo-row .convertgroupinfo-amount {
    width: 50px;
}

.convertgroupinfo-field-value2 {
    width: 400px;
}

.convertgroup-failed-valudation-message {
}

.convertgroup-success-valudation-message {
}

.convertgroup-convertbutton-container {
}

.convertgroup-clientinfo-explanation {
}

.convertgroup-clientinfo-title {
}

/*-- Convert To Group End --*/



/*-- Coverage Map Start --*/
.coverage-map-container {
    z-index: 3000; /* ie bug : leave this higher than the z-indexes for children */
}

    .coverage-map-container .non-touch-mask, .coverage-map-container .converage-map-iframe, .coverage-map-container .loading-splash-background {
        margin: 0;
    }

    .coverage-map-container .loading-splash-background {
        position: absolute;
        display: block;
        background-color: grey;
        z-index: 999;
        overflow: hidden;
    }

    .coverage-map-container .non-touch-mask {
        position: absolute;
        display: block;
        z-index: 1000;
    }

    .coverage-map-container .loadingspalash {
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
        display: block;
        overflow: hidden;
        width: 60%;
        height: 80px;
        background: silver;
        border: 4px solid silver;
        text-align: center;
        vertical-align: middle;
        text-wrap: normal;
        word-wrap: normal;
    }

    .coverage-map-container .non-touch-mask .loading-splash-background {
    }

    .coverage-map-container .converage-map-iframe {
        position: absolute;
        border: 0px;
        z-index: 0;
        overflow: hidden;
    }

/*-- Coverage Map End --*/



/*-- Dealer Lookup Start --*/

.dealer-lookup-container {
    padding: 20px;
}

    .dealer-lookup-container .search-criteria-radiobuttons td {
        width: auto;
        display: block;
        float: left;
        margin-right: 12px;
    }

        .dealer-lookup-container .search-criteria-radiobuttons td input {
            width: auto;
            float: left;
        }

        .dealer-lookup-container .search-criteria-radiobuttons td label {
            width: auto;
            overflow: hidden;
            float: left;
        }

    .dealer-lookup-container .search-criteria-line .search-criteria-box select {
        width: 154px;
        height: 21px;
        vertical-align: top;
    }

.change-password-lable {
    width: 300px;
    height: 27px;
    vertical-align: top;
    display: inline-block;
}


.ui-autocomplete {
}
/* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
* html .ui-autocomplete {
    height: 100px;
    width: 1px;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    max-height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
    height: auto;
    border: solid 1px black;
    z-index: 99;
    background-color: white;
}

    .ui-autocomplete a, .ui-autocomplete span {
        text-align: left;
    }

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
}

    .ui-menu .ui-menu {
        margin-top: -3px;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        width: 100%;
        text-align: left;
    }

        .ui-menu .ui-menu-item a {
            text-decoration: none;
            line-height: 1.5;
            display: block;
            zoom: 1;
        }

            .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
                margin: -1px;
            }

        .ui-menu .ui-menu-item .ui-state-focus {
            background-color: #FFDEAD;
        }

        .ui-menu .ui-menu-item span em {
            font-weight: bold;
        }

.changepreference-marketingpreferencelistseciton {
    padding-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.dashboard-package-details .view-row {
    overflow: hidden;
    padding-bottom: 3px;
}

.dashboard-package-details .CRleftrow {
    width: 40%;
    float: left;
    margin: 2px;
}

.dashboard-package-details .CRrightrow {
    width: 55%;
    margin: 2px;
    float: left;
}
/*-- Dealer Lookup End --*/


.AmountRangeTable {
    border: 1px solid #000000;
    width: 100%;
    /*float: right;*/
}

    .AmountRangeTable tbody tr th {
        border: 1px solid #000000;
    }

    .AmountRangeTable tbody tr td {
        border: 1px solid #000000;
    }

.balance-threshold-topup-panel fieldset, .recurring-topup-schedule-panel fieldset {
    border: 1px solid #000000;
    padding: 5px;
    margin: 5px 0px 10px 0px;
}

    .balance-threshold-topup-panel fieldset legend, .recurring-topup-schedule-panel fieldset legend {
        margin-left: 20px;
        margin-top: 5px;
        padding-bottom: 0px;
        font-weight: bold;
    }

    .balance-threshold-topup-panel fieldset legend, .recurring-topup-schedule-panel fieldset legend {
        /*-- visibility:hidden; */
    }

.balance-threshold-topup-panel fieldset, .recurring-topup-schedule-panel fieldset {
    border: 0px;
}

.recurring-topup-schedule-controls-container .row {
    clear: both;
}

.amount-table-help-questionmarks {
    /*float: right;*/
    margin-top: 3px;
}

.balance-threshold-amounts-table-container, .recurring-topup-amounts-table-container {
    visibility: hidden;
    height: 0px;
    width: 0px;
}

.amount-validity-dialog .ui-dialog {
    width: 400px;
    /*use this class to over-ride the default styling of amount validity dialog*/
}

.amount-validity-dialog .ui-dialog-titlebar {
    width: 89%;
    white-space: normal;
    /*use this class to over-ride the default styling of amount validity dialog titlebar*/
}

.amount-validity-dialog .ui-dialog-titlebar-close {
    /*use this class to over-ride the default styling of amount validity dialog close button*/
}

.amount-validity-dialog .ui-dialog-title {
    /*use this class to over-ride the default styling of amount validity dialog title*/
}

.amount-validity-dialog .ui-dialog-content {
    /*use this class to over-ride the default styling of amount validity dialog content*/
    max-height: 300px;
}

.amount-validity-dialog .ui-dialog-buttonpane {
    /*use this class to over-ride the default styling of amount validity dialog button pane*/
}

.amount-validity-dialog .ui-dialog-buttonset {
    /*use this class to over-ride the default styling of amount validity dialog button set*/
}

.recurring-topup-disabled {
    /*style for the container which indicated that recurring topup is disabled*/
}

.enable-balance-threshold-topup-checkbox checkbox {
    /*style for enable balance threshold checkbox*/
}

.balance-threshold-information-title {
    /*style for balance threshold information title*/
}

/* Fac Credit Card Begin */

.form-row {
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: hidden;
}

.fac-left-div {
    text-align: right;
    margin-top: 5px;
}

.dashboard .left-column-my {
    width: 50%;
    text-align: right;
}

/* Fac Credit Card End */

/*Rewards Begin*/

.cumulativeRewardsTopDiv {
    background-color: #028096;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 50px;
    width: 1500px;
    font-size: large;
}

.cumulativeRewardItemDiv {
    background-color: orange;
    display: table;
    float: left;
    overflow: hidden;
    text-align: center;
    height: 50px;
    width: 235px;
    font-size: large;
}

.cumulativeRewardItemSpan {
    display: table-cell;
    vertical-align: middle;
}

.bottomRewardsContainerDiv {
}

.rewards-left-column {
    float: left;
    width: 55%;
}

.rewards-right-column {
    float: right;
    width: 45%;
}

.rewards-MonthlyPlan-DisplayName {
    width: 300px;
}

.rewards-MonthlyPlan-PhoneNumberContent {
    padding-top: 10px;
}

.divRewardRefPhoneNumbers {
    margin-left: 10px;
    max-height: 100px;
    overflow-y: auto;
    width: 200px;
}

.rewards-MonthlyPlan-DisplayValue {
    float: right;
}

.divTotalRewards {
    margin-left: 10px;
    display: none;
}

.rewards-top-panel {
    /*height: 300px;*/
    height: 340px;
    max-height: 340px;
    margin: 10px 5px 0px 5px;
}

.rewards-MonthlyPlan-Tooltip {
}

.headerDueDate {
    clear: both;
    display: block;
}

.rewards-total-line {
    width: 50px;
}

.rewardsImage {
    height: 223px;
    width: 941px;
}

.rewardsImageDiv {
    height: 223px;
}

.headerPaymentLabel {
    font-size: 13pt;
}

.headerPaymentValue {
    font-size: 13pt;
}

.headerDueDate {
    font-size: 13pt;
}

.monthly-PlanDetails-Div {
    padding-top: 20px;
}

.total-Rewars-Div {
    padding-top: 10px;
}

.current-account-bal-Div {
    padding-top: 10px;
}

.total-payment-Div {
    font-weight: bold;
    padding-top: 10px;
    clear: both;
}

/*Rewards End*/
/*Dynamic ATU starts*/

.DynamicATU_Button {
    background-color: skyblue;
    shape-rendering: crispEdges;
}

.DynamicATUliteral {
    width: 15%;
    display: inline-block;
    padding-right: 5px;
}

.ATUdiv {
    display: block;
    float: left;
    width: 220px;
    text-align: right;
}

.ATUliteral {
    width: 60%; /*float: left;*/
    display: inline-block;
    padding-right: 5px;
}

.lstViewAltRow {
    background-color: lightgray;
}

.OneTimeLabel {
    width: 220px;
    text-align: right;
}

.OneTimeOldLabel {
    width: 190px;
}

.OneTimeValue {
    text-align: left;
}

.OneTimeTopUpBlank {
}
/*Dynamic ATU ends*/

.TopUpDiv {
    display: table-row;
}

.TopUpDivTotalAmount {
    display: table-row;
    vertical-align: auto;
    background-color: silver;
}

.TopUp-span-label {
    display: table-cell;
    text-align: right;
    color: #5c5c6a;
    font-size: 14px;
    padding: 10px 5px 10px 20px;
    width: 150px;
}

.TopUp-span-label-bold {
    display: table-cell;
    border-width: thin;
    padding-right: 5px;
    text-align: right;
    padding-top: 20px;
    color: #5c5c6a;
    font-size: 12px;
    font-weight: bold;
}

.TopUp-span-value {
    display: table-cell;
    text-align: left;
    padding: 10px 15px 10px 15px;
    /*cursor:pointer;*/
    /* font-size:10px;*/
}

.TopUp-span-Reg-Card {
    text-align: left;
    cursor: pointer;
    /* font-size:10px;*/
}

.Atu-description {
    display: -webkit-box;
}

#chkIsAllowATU {
    width: 19px;
    height: 25px;
    float: left;
    margin-right: 10px;
}

    #chkIsAllowATU::after {
        padding-left: 10px;
    }

.prgPanel {
    background-color: #CCCCCC;
    opacity: 0.3;
    filter: alpha(opacity:30);
    -moz-opacity: 0.3;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10000;
}

.prgressBar {
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.398438) 0px 1px 3px;
    /*height: 30px;*/
    position: absolute;
    font-family: 'Trebuchet MS', Verdana;
    font-size: 10pt;
    vertical-align: middle;
    text-align: left;
    border: 1px solid rgb(128, 128, 128);
    border-image: initial;
    padding: 10px;
    /*background-image: url(../Images/bgGray.gif);*/
    background-color: #EEE;
    background-repeat: repeat-x;
    z-index: 10000;
    word-wrap: break-word;
    min-height: 30px;
}

.prgressBarText {
    float: left;
    vertical-align: middle;
    padding: 6px;
    padding-right: 25px;
}

card-info-spacing {
    padding-left: 10px;
}

.sideBalanceBar {
    width: 30%;
    float: right;
    margin-top: 30px;
}

.OneTimeTopUpLeft {
    width: 250px;
    float: left;
    text-align: center;
    cursor: pointer;
}
/*Css classes for one time top up aspx and side control*/
.OneTimeTopUpMainDiv {
    overflow: hidden;
}

/*.OneTimeTopUpLeft:after {
  content: "";
  border-left: 2px dotted #444;
  height: 210px;
  position: absolute;
  top: 360px;
  left: 480px;
  margin-left:120px;
}*/

.OneTimeTopUpRight {
    width: 250px;
    float: right;
    text-align: center;
    padding-right: 50px;
    cursor: pointer;
}

.oneTimeTopUpTitle {
    font-family: Calibri;
    font-weight: bold;
    font-size: 25px;
    text-wrap: normal;
}

/*Start of Side Balance and Marketing panel css*/
.balanaceAndMarketingContainer {
    /*width:320px;
    float:right;
    padding-left:3px;
    padding-right:0px;
    top:30px;*/
}

.viewBalanceDetailsContainer {
    background-color: silver;
    margin-bottom: 20px;
}

.viewMarketingDetailContainer {
    border: 4px solid silver;
    padding: 20px;
}

.Panelview-row {
    width: 100%;
    padding-bottom: 5px;
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 2px;
    clear: both;
}

.Panelfield-value {
    float: left;
}

.topUpBalanceImg {
    width: 30px;
    height: 30px;
    text-align: center;
    clear: both;
    float: none;
}
/*End of Side balance and marketing panel css*/
.marketingImg {
    margin-left: 100px;
    width: 60px;
    height: 60px;
}


.topUpBalancetxt {
    font-family: Calibri;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
}

.Panelfield-name {
    float: left;
}
/*Pick and pay start */
.dashboard-content .currentPlan-section {
    margin-top: 20px;
    border: 1px solid black;
    background-color: rgb(0, 148, 166);
}

    .dashboard-content .currentPlan-section .currentPlan-Totalamount-section {
        display: inline-block;
    }


.tableStructureCalc {
    padding: 0px 0px 0px 0px;
    margin: 0;
    display: table;
    width: 100%;
}


.dashboard-content .currentPlan-section .currentPlan-Data-section-column-first /*, currentPlan-Data-section-column*/ {
    width: 20%;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 0;
    display: table-cell;
}

.dashboard-content .currentPlan-section .currentPlan-Data-section-column {
    width: 20%;
    font-weight: bold;
    text-align: center;
    border-left: 2px solid #008096;
    padding: 0px 0px 0px 0px;
    display: table-cell;
}

.currentPlan-Data-section-column-first .plans-option-heading {
    background: #009AAD;
    height: 30px;
    font-size: 13px;
    color: white;
    text-align: center;
    font-weight: normal;
    font-family: ff-netto-web, helvetica, arial, sans-serif;
    line-height: 30px;
}

.currentPlan-Data-section-column .plans-option-heading {
    background: #009AAD;
    height: 30px;
    font-size: 13px;
    color: white;
    text-align: center;
    font-weight: normal;
    font-family: ff-netto-web, helvetica, arial, sans-serif;
    line-height: 30px;
}

.dashboard-content .currentPlan-section .currentPlan-DisplayData-current-plans {
    width: 20%;
    display: table-cell;
    vertical-align: top;
}

.dashboard-content .currentPlan-section .currentPlan-DisplayData-current-Discount {
    width: 20%;
    vertical-align: top;
    display: table-cell;
    border-left: 2px solid #008096;
}

.dashboard-content .currentPlan-section .currentPlan-DisplayData-current-Text {
    width: 20%;
    vertical-align: top;
    display: table-cell;
    border-left: 2px solid #008096;
    margin-right: -2px;
}

.dashboard-content .currentPlan-section .currentPlan-DisplayData-current-Data {
    width: 20%;
    vertical-align: top;
    display: table-cell;
    border-left: 2px solid #008096;
    margin-left: 2px;
}

.dashboard-content .currentPlan-section .currentPlan-DisplayData-current-Talk {
    width: 20%;
    vertical-align: top;
    display: table-cell;
    padding-top: 0px;
    padding-bottom: 0px;
    border-left: 2px solid #008096;
}

.divTextlabel {
    padding-top: 0px;
    padding-bottom: 0px;
}

.dashboard-content .currentPlan-section .currentPlan-Data-section {
    width: 20%;
    display: inline-block;
    font-weight: bold;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    border-left: 2px solid #008096;
}

.dashboard-content .currentPlan-section .currentPlan-DisplayData {
    width: 20%;
    display: inline-block;
    vertical-align: top;
}

.dashboard-content .currentPlan-section .currentPlan-DisplayData-New {
    width: 20%;
    display: inline-block;
    vertical-align: top;
}

.dashboard-content .currentPlan-section .currentPlan-DisplayData-New-plans {
    width: 20%;
    height: inherit;
    display: inline-block;
    vertical-align: top;
    display: table-cell;
}

.dashboard-content .currentPlan-section .currentPlan-Data-section img {
    max-height: 100px;
    max-width: 100px;
}

.plan-Detail {
    text-align: center;
    width: 100%;
}

    .plan-Detail .plan-Detail-name {
        font-size: 0.8em;
        margin-top: 20px;
        margin-bottom: 20px;
        padding-top: 10px;
        padding-bottom: 2px;
        color: white;
        text-align: center;
        font-weight: normal;
        font-family: ff-netto-web, helvetica, arial, sans-serif;
        word-wrap: break-word;
    }


    .plan-Detail .plan-Detail-MemberName-Selected {
        background-color: white;
        text-align: center;
        border-radius: 8px;
        border: thin solid white;
        font-family: ff-netto-web, helvetica, arial, sans-serif;
        display: inline-block;
        height: 28px;
        line-height: 24px;
        width: 86px;
        padding-top: 2px;
        border-radius: 8px;
        font-size: 14px;
        color: rgb(0, 128, 150);
        text-decoration: none;
        text-align: center;
        transition: background-color 0.3s, border-color 0.3s, color 0.3s;
    }

    .plan-Detail .plan-Detail-MemberName {
        background-color: rgb(0, 148, 166);
        text-align: center;
        border-radius: 8px;
        border: thin solid white;
        font-family: ff-netto-web, helvetica, arial, sans-serif;
        display: inline-block;
        height: 28px;
        line-height: 24px;
        width: 86px;
        padding-top: 2px;
        border-radius: 8px;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        transition: background-color 0.3s, border-color 0.3s, color 0.3s;
    }

        .plan-Detail .plan-Detail-MemberName:hover {
            border: thin solid white;
            display: inline-block;
            height: 28px;
            line-height: 24px;
            width: 86px;
            padding-top: 2px;
            border-radius: 8px;
            font-size: 14px;
            color: #fff;
            text-decoration: none;
            text-align: center;
            transition: background-color 0.3s, border-color 0.3s, color 0.3s;
            background-color: #008096;
            font-family: ff-netto-web, helvetica, arial, sans-serif;
            text-align: center;
            cursor: pointer;
        }


    .plan-Detail .plan-Detail-fee {
        background-color: rgb(0, 148, 166);
        text-align: center;
        border-radius: 8px;
        border: thin solid white;
        font-family: ff-netto-web, helvetica, arial, sans-serif;
        display: inline-block;
        height: 28px;
        line-height: 24px;
        width: 86px;
        padding-top: 2px;
        border-radius: 8px;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        transition: background-color 0.3s, border-color 0.3s, color 0.3s;
        /*border: 2px solid white;
    text-align: center;
    border-radius: 8px;*/
    }


.currentPlan-Data-section .plans-option-heading {
    background: #009AAD;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 13px;
    color: white;
    text-align: center;
    font-weight: normal;
    font-family: ff-netto-web, helvetica, arial, sans-serif;
}


.currentPlan-DisplayData .plans-option-data {
    text-align: center;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-left: 2px solid #008096;
}

#change-plan #plans-column-pp {
    float: left;
    width: 100%;
    padding: 5px;
}

.content-black {
    color: #fff;
    background-color: #464342;
    padding: 20px 0 10px;
}

.plans-price-message {
    color: rgb(255, 255, 255);
    display: block;
    font-family: ff-netto-web, helvetica, arial, sans-serif;
    font-size: 25px;
    font-weight: normal;
    height: 30px;
    text-align: right;
    white-space: nowrap;
    width: 280px;
    text-align: right;
}

.plans-create-box {
    background-color: #008096;
}

.plans-create-message {
    color: rgb(255, 255, 255);
    display: block;
    font-family: ff-netto-web, helvetica, arial, sans-serif;
    font-size: 25px;
    font-weight: bold;
    height: 30px;
    text-align: right;
    white-space: nowrap;
    width: 280px;
    text-align: right;
    margin-top: 3px;
    padding-top: 15px;
}

.plans-create-submessage {
    color: rgb(255, 255, 255);
    display: block;
    font-family: ff-netto-web, helvetica, arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    height: 30px;
    text-align: right;
    white-space: nowrap;
    width: 280px;
    text-align: right;
    margin-left: 68px;
    text-wrap: normal;
}


.plans-create-submessageLegal {
    color: rgb(255, 255, 255);
    width: 150px;
    font-family: ff-netto-web, helvetica, arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-wrap: normal;
    margin-left: 15px;
    display: block;
}


.plans-price-dollar {
    font-size: 40px;
    float: left;
    display: block;
    margin-top: 6px;
    margin-right: 4px;
    vertical-align: text-top;
    padding-left: 15px;
}

.plans-price-dollar-right {
    font-size: 40px;
    float: left;
    display: block;
    margin-top: 6px;
    margin-right: 4px;
    vertical-align: text-top;
    margin-left: 5px;
}

.digit-box {
    width: 39px;
    height: 66px;
    font-size: 46px;
    text-align: center;
    color: #464342;
    background: #fff;
    border-radius: 8px;
    vertical-align: middle;
    line-height: 62.04px;
    display: inline;
    float: left;
    margin-right: 10px;
}

.plans-plus-tax {
    color: rgb(164, 164, 164);
    vertical-align: text-top;
    clear: both;
    float: left;
    width: 110px;
    margin-top: 0px;
    font-family: ff-netto-web, helvetica, arial, sans-serif;
    font-size: 11px;
}


.plan-Detail .plan-Detail-MemberNameVoice-Selected {
    background-color: white;
    text-align: center;
    border-radius: 8px;
    border: thin solid white;
    font-family: ff-netto-web, helvetica, arial, sans-serif;
    display: inline-block;
    height: 28px;
    line-height: 24px;
    width: 86px;
    padding-top: 2px;
    border-radius: 8px;
    font-size: 14px;
    color: rgb(0, 128, 150);
    text-decoration: none;
    text-align: center;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}

.plan-Detail .plan-Detail-MemberNameVoice {
    background-color: rgb(0, 148, 166);
    text-align: center;
    border-radius: 8px;
    border: thin solid white;
    font-family: ff-netto-web, helvetica, arial, sans-serif;
    display: inline-block;
    height: 28px;
    line-height: 24px;
    width: 86px;
    padding-top: 2px;
    border-radius: 8px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}

    .plan-Detail .plan-Detail-MemberNameVoice:hover {
        border: thin solid white;
        display: inline-block;
        height: 28px;
        line-height: 24px;
        width: 86px;
        padding-top: 2px;
        border-radius: 8px;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        transition: background-color 0.3s, border-color 0.3s, color 0.3s;
        background-color: #008096;
        font-family: ff-netto-web, helvetica, arial, sans-serif;
        text-align: center;
        cursor: pointer;
    }

.plan-Detail .plan-Detail-MemberNameData-Selected {
    background-color: white;
    text-align: center;
    border-radius: 8px;
    border: thin solid white;
    font-family: ff-netto-web, helvetica, arial, sans-serif;
    display: inline-block;
    height: 28px;
    line-height: 24px;
    width: 86px;
    padding-top: 2px;
    border-radius: 8px;
    font-size: 14px;
    color: rgb(0, 128, 150);
    text-decoration: none;
    text-align: center;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}

.plan-Detail .plan-Detail-MemberNameData {
    background-color: rgb(0, 148, 166);
    text-align: center;
    border-radius: 8px;
    border: thin solid white;
    font-family: ff-netto-web, helvetica, arial, sans-serif;
    display: inline-block;
    height: 28px;
    line-height: 24px;
    width: 86px;
    padding-top: 2px;
    border-radius: 8px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}

    .plan-Detail .plan-Detail-MemberNameData:hover {
        border: thin solid white;
        display: inline-block;
        height: 28px;
        line-height: 24px;
        width: 86px;
        padding-top: 2px;
        border-radius: 8px;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        transition: background-color 0.3s, border-color 0.3s, color 0.3s;
        background-color: #008096;
        font-family: ff-netto-web, helvetica, arial, sans-serif;
        text-align: center;
        cursor: pointer;
    }

.plan-Detail .plan-Detail-MemberNameText-Selected {
    background-color: white;
    text-align: center;
    border-radius: 8px;
    border: thin solid white;
    font-family: ff-netto-web, helvetica, arial, sans-serif;
    display: inline-block;
    height: 28px;
    line-height: 24px;
    width: 86px;
    padding-top: 2px;
    border-radius: 8px;
    font-size: 14px;
    color: rgb(0, 128, 150);
    text-decoration: none;
    text-align: center;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}

.plan-Detail .plan-Detail-MemberNameText {
    background-color: rgb(0, 148, 166);
    text-align: center;
    border-radius: 8px;
    border: thin solid white;
    font-family: ff-netto-web, helvetica, arial, sans-serif;
    display: inline-block;
    height: 28px;
    line-height: 24px;
    width: 86px;
    padding-top: 2px;
    border-radius: 8px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}

    .plan-Detail .plan-Detail-MemberNameText:hover {
        border: thin solid white;
        display: inline-block;
        height: 28px;
        line-height: 24px;
        width: 86px;
        padding-top: 2px;
        border-radius: 8px;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        transition: background-color 0.3s, border-color 0.3s, color 0.3s;
        background-color: #008096;
        font-family: ff-netto-web, helvetica, arial, sans-serif;
        text-align: center;
        cursor: pointer;
    }

.plan-Detail .plan-Detail-MemberNameDiscount-Selected {
    background-color: white;
    text-align: center;
    border-radius: 8px;
    border: thin solid white;
    font-family: ff-netto-web, helvetica, arial, sans-serif;
    display: inline-block;
    height: 28px;
    line-height: 24px;
    width: 86px;
    padding-top: 2px;
    border-radius: 8px;
    font-size: 14px;
    color: rgb(0, 128, 150);
    text-decoration: none;
    text-align: center;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}

.plan-Detail .plan-Detail-MemberNameDiscount {
    background-color: rgb(0, 148, 166);
    text-align: center;
    border-radius: 8px;
    border: thin solid white;
    font-family: ff-netto-web, helvetica, arial, sans-serif;
    display: inline-block;
    height: 28px;
    line-height: 24px;
    width: 86px;
    padding-top: 2px;
    border-radius: 8px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}

.dashboard-content .currentPlan-section .currentPlan-DisplayData-New-Discount {
    width: 20%;
    height: inherit;
    display: inline-block;
    vertical-align: top;
    display: table-cell;
    border-left: 2px solid #008096;
}

.dashboard-content .currentPlan-section .currentPlan-DisplayData-New-Text {
    width: 20%;
    height: inherit;
    display: inline-block;
    vertical-align: top;
    display: table-cell;
    border-left: 2px solid #008096;
}

.dashboard-content .currentPlan-section .currentPlan-DisplayData-New-Data {
    width: 20%;
    height: inherit;
    display: inline-block;
    vertical-align: top;
    display: table-cell;
    border-left: 2px solid #008096;
    /*margin-left:2px;*/
}

.dashboard-content .currentPlan-section .currentPlan-DisplayData-New-Talk {
    width: 20%;
    height: inherit;
    display: inline-block;
    vertical-align: top;
    display: table-cell;
    padding-top: 0px;
    padding-bottom: 0px;
    border-left: 2px solid #008096;
}


.button_new {
    background-color: rgb(0, 148, 166);
    text-align: center;
    border-radius: 8px;
    border: thin solid white;
    font-family: ff-netto-web, helvetica, arial, sans-serif;
    display: inline-block;
    height: 32px;
    line-height: 24px;
    width: 120%;
    border-radius: 25px;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}

.headerPicknPayHeading {
    font-weight: bold;
    font-size: 13pt;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.memberDiv {
    width: 100%;
    table-layout: fixed;
}

.red {
    color: red;
}

.green {
    color: green;
}

.button_new:hover {
    border: thin solid white;
    /*display: inline-block;
        height: 32px;
        line-height: 24px;
        width: 120%;
        border-radius: 25px;
        font-size: 13px;        
        text-decoration: none;
        text-align: center;*/
    /*transition: background-color 0.3s, border-color 0.3s, color 0.3s;*/
    color: #fff;
    background-color: #008096;
    /*font-family: ff-netto-web, helvetica, arial, sans-serif;*/
    cursor: pointer;
}

.changePlanPanel {
    background-color: #CCCCCC;
    opacity: 0.3;
    filter: alpha(opacity:30);
    -moz-opacity: 0.3;
    position: relative;
    z-index: 10000;
}

.hrTotalMonthly {
    width: 65px;
    text-align: left;
}

.prepaid-plan-header-text {
    margin-left: 93px;
}

.btnSubmitOrderTodaySpacing {
    width: 18%;
}

.btnSubmitOrderNextBillDate {
    width: 36%;
}

.spnImageCircle {
    height: 26px;
    background: #F00 none repeat;
    display: inline-block;
    width: 30px;
    border-radius: 50px;
    margin-left: 30px;
    padding-top: 4px;
}

.createPlanImg {
    margin-right: 8px;
}

.btnnextbillordercss {
    text-align: right;
    padding-left: 70%;
    padding-right: 10%;
}


.link-to-register-BillingView {
    text-align: right !important;
}
/*Pick and pay End*/

.ValidateMandatoryText {
    font-weight: bold;
    font-size: 12px;
    color: #B66202;
    font-family: Verdana;
    text-align: left; /*border-left: #CCCCCC 1px solid;border-right: #CCCCCC 1px solid;*/
}

.ValidationSummary {
    margin: 0px;
    padding: 25px 15px 20px 64px; /*border-bottom:#CCCCCC 1px solid*/
    font-size: 14px;
    font-family: Verdana;
    color: #ff2525;
    min-height: 25px;
    overflow-x: auto;
}

.ValidationSummaryImage {
    margin-top: -4px;
    float: left;
    padding-right: 12px;
}

.ValidationSummaryText {
    color: #ff2525;
}

.xui-required:after {
    content: "* ";
    color: red;
    font-size: 10pt;
    font-weight: bold;
    vertical-align: middle;
    line-height: 8pt;
}

.ValidationError {
    border: solid 1px red !important;
    background-color: #FFF0FF !important;
}

/* OneTime TopUp Page CSS */
.oneTimeTopUpImg {
    width: 60px;
    height: 60px;
}

.plan-Detail-Table {
    width: 100%;
    table-layout: fixed;
}

.currentPlanCost {
    display: inline !important;
}

.showCurrencyPrefixForFR {
    vertical-align: top;
}

.oneTimeTopupContainer {
    width: 940px;
    overflow: hidden;
}

.insufficientFundMessage {
    border: 3px solid;
    background-color: #E8E8E8;
    padding-left: 12px;
    font-size: 14px;
}

#lblDescription:before {
    padding-left: 10px;
}

.SubmitButton {
    text-align: center;
    padding-top: 35px;
}

.SubmitButtonTopUpPage {
    text-align: center;
    padding-top: 80px;
}


#crmhlChangeRatePlan:after {
    content: "|";
    color: black;
    padding-left: 10px;
    padding-right: 3px;
}

.balance-detail-content {
    padding: 20px 15px 0px 20px;
}

#TotalAccountBalance {
    font-size: 20px;
    font-family: arial;
    font-weight: bold;
}

#AdditionalAmountDue {
    padding: 0px 0px 0px 20px;
}

#BalanceLink {
    padding-bottom: 10px;
}

.myPaymentButton {
    background-color: #E3E3E3;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    font-size: 17px;
    padding: 12px 20px;
    text-decoration: none;
}

.myPaymentDD {
    background-color: #E3E3E3;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    font-size: 17px;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
}

.myPaymentButton:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
    background: -moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background: -o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    /*background: -ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
    background-color: #f6f6f6;*/
}

.myPaymentButton:active {
    position: relative;
    top: 1px;
}

.postpaidCustomAmount {
    padding-top: 20px;
}

.viewBill-spacing {
    padding-left: 24px;
}

.rightOneTimeContainerDiv {
    float: right;
    width: 300px;
}

.paymentLink {
    color: black !important;
    text-decoration: underline;
    font-weight: bold;
}

.divSnpHeading1 {
    padding-bottom: 10px;
}

.otuMessage {
    padding-bottom: 25px;
}

.plan-Detail-ComingSoonText {
    text-align: center;
    border-radius: 8px;
    font-family: ff-netto-web, helvetica, arial, sans-serif;
    display: inline-block;
    height: 28px;
    line-height: 24px;
    width: 86px;
    padding-top: 2px;
    border-radius: 8px;
    font-size: 14px;
    color: rgb(0, 128, 150);
    text-decoration: none;
    text-align: center;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}

.RewardsSlideDownImg {
    float: left;
    cursor: pointer;
}

.leftOneTimeContainerDiv {
    float: left;
    width: 635px;
}

.postpaid-radio-spacing {
    padding-left: 10px;
}

#ExpiryMonthDropDownList:after {
    padding-left: 10px;
}

/*Transaction history gridview */
.gridView1 .gvTransactionDateHeader,
.gridView1 .gvTransactionHistoryRow1 .gvTransactionDateCol,
.gridView1 .gvTransactionHistoryAltRow1 .gvTransactionDateCol,
.gridView1 .gvIDHeader,
.gridView1 .gvTransactionHistoryRow1 .gvIDCol,
.gridView1 .gvTransactionHistoryAltRow1 .gvIDCol {
    text-align: center;
}

.gridView1 .gvTransactionTypeHeader {
    text-align: center;
}

.gridView1 .gvTransactionHistoryRow1 .gvTransactionTypeCol,
.gridView1 .gvTransactionHistoryAltRow1 .gvTransactionTypeCol {
    text-align: left;
    margin-left: 20cm;
    padding-left: 40px;
}

.gridView1 .gvCreditHeader,
.gridView1 .gvCreditCol,
.gridView1 .gvTransactionHistoryRow1 .gvCreditCol,
.gridView1 .gvTransactionHistoryAltRow1 .gvCreditCol,
.gridView1 .gvDebitHeader,
.gridView1 .gvDebitCol,
.gridView1 .gvTransactionHistoryRow1 .gvDebitCol,
.gridView1 .gvTransactionHistoryAltRow1 .gvDebitCol,
.gridView1 .gvBalanceCol,
.gridView1 .gvTransactionHistoryRow1 .gvBalanceCol,
.gridView1 .gvTransactionHistoryAltRow1 .gvBalanceCol,
.gridView1 .gvTransactionIDCol,
.gridView1 .gvTransactionHistoryRow1 .gvTransactionIDCol,
.gridView1 .gvTransactionHistoryAltRow1 .gvTransactionIDCol {
    /*text-align: right;*/
    text-align: center;
}

.gridView1 {
    /*border: none;*/ /*width: 150%;*/
    border: 1px thin;
}

    .gridView1 .gvTransactionHistoryHeader1 th {
        font-family: helvetica, geneva, arial, sans-serif;
        line-height: 2em;
        font-size: .75em;
        border-width: 2px;
        border-color: black;
        border-top-width: 2px;
        border-bottom: 2px;
        border-left-width: 2px;
        border-right-width: 2px;
        padding-right: 1px;
        /*text-align: center;*/
        background-color: lightgray;
        border-top-style: outset;
        border-right-style: outset;
        border-bottom-style: outset;
        border-left-style: outset;
    }

    .gridView1 .gvTransactionHistoryRow1 td {
        font-family: helvetica, geneva, arial, sans-serif;
        line-height: 2em;
        font-size: .75em;
        border-color: black;
        border-width: 2px;
        /*border-top-width:2px;*/
        border-bottom: 2px;
        border-left-width: 2px;
        border-right-width: 2px;
        padding-right: 1px;
        /*text-align: center;*/
        /*border-top-style: outset;*/
        border-right-style: outset;
        /*border-bottom-style: outset;*/
        border-left-style: outset;
    }

    .gridView1 .gvTransactionHistoryPager1 > td {
        border: none;
        border-width: 2px;
        /*border-top-width:2px;*/
        border-bottom: 2px;
        border-left-width: 2px;
        border-right-width: 2px;
        padding-right: 1px;
        /*text-align: center;*/
        border-top-style: outset;
        border-right-style: outset;
        border-bottom-style: outset;
        border-left-style: outset;
    }

    .gridView1 .gvTransactionHistoryPager1 td span {
        font-family: helvetica, geneva, arial, sans-serif;
        line-height: 2em;
        font-size: .85em;
        padding-left: 10px;
        text-decoration: underline;
    }

    .gridView1 .gvTransactionHistoryPager1 td a {
        font-family: helvetica, geneva, arial, sans-serif;
        line-height: 2em;
        font-size: .85em;
        padding-left: 10px;
        text-decoration: underline;
    }

a {
    text-decoration: underline;
}

.gridView1 .gvSelectedPageNumber, .gridView1 .gvTransactionHistoryPager1 td .gvSelectedPageNumber {
    font-weight: bold;
    text-decoration: none;
}

.gridView1 .gvDisabledNaviator, .gridView1 .gvTransactionHistoryPager1 td .gvDisabledNaviator {
    text-decoration: none;
}

.gridView1 .gvPageSelector, .gridView1 .gvTransactionHistoryPager1 td .gvPageSelector {
    padding: 0px;
}


.gvTransactionHistoryEmptyData td p {
    text-align: left;
}

.gvTransactionHistoryEmptyData > td {
    border: none;
}

.gridView1 .gridViewChBndlHiddenCol {
    /*display: none;*/
}

.gvTransactionHistoryAltRow1 {
    background-color: lightgray;
}

    .gvTransactionHistoryAltRow1 td {
        font-family: helvetica, geneva, arial, sans-serif;
        line-height: 2em;
        font-size: .75em;
        color: black;
        border-color: black;
        border-width: 1px;
        padding-right: 1px;
        /*text-align: center;*/
        border-width: 2px;
        /*border-top-width:2px;*/
        border-bottom: 2px;
        border-left-width: 2px;
        border-right-width: 2px;
        /*border-top-style: outset;*/
        border-right-style: outset;
        /*border-bottom-style: outset;*/
        border-left-style: outset;
    }


/* AddOns CSS */

.optionServiceHeading {
    padding-top: 1em;
    text-align: left;
    padding-left: 22px;
    font-weight: bold;
}

.optionServiceRightHeading {
    padding-top: 1em;
    text-align: left;
    padding-left: 40px;
    font-weight: bold;
}

.optionServiceHeadingTextColor {
    color: white;
}

.optionServiceHeadingSeperator {
    border: 3px solid black;
    margin-bottom: 1.5em;
    width: 411px;
    margin-left: 21px;
}

.pricePlanListViewWidth {
    width: 415px;
    border-style: solid;
    height: 160px;
    display: inline-block;
    border-width: thin;
    background-color: white;
    overflow: auto;
}

.leftPricePlanControlOption {
    width: 450.7px;
    text-align: center;
    border: 1px solid black;
    float: left;
}

.rightPricePlanControlOption {
    text-align: center;
    width: 487px;
    background-color: black;
    float: right;
}

.addToPlanButtonDiv {
    padding: 16px;
    text-align: right;
}

.removePlanButtonDiv {
    padding-left: 41px;
    text-align: left;
    padding-bottom: 16px;
    padding-top: 18px;
}

.triangle-down:after {
    content: '';
    display: block;
    border-top: 30px solid transparent;
    border-left: 30px solid white;
    border-bottom: 30px solid transparent;
    margin-left: 450px;
    position: absolute;
    margin-top: -169px;
}

.currentPlanAndAddOns {
    overflow: auto;
    /*padding-top:70px;*/
}

.trOver {
    background-color: #ddd;
}

.trClicked {
    background-color: #bbb;
}

.modifyAddOnsDialog {
    text-align: left;
}

.modifyAddOnsDialogTitleSeperator {
    border: 3px solid black;
    margin-bottom: 2em;
    margin-top: 1em;
}

.modifyAddOnsDialogTitle {
    font-size: 1.5em;
    font-weight: bold;
    padding-left: 22px;
}

.modifyAddOnsDialogInfoTitle {
    font-size: 0.9em;
    font-weight: bold;
}

.modifyAddOnsDialogInfoDescription {
    margin-bottom: 2em;
}

.modifyAddOnsDialogRemovedAddedTitleText {
    font-size: 1em;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 5px;
}

.modifyAddOnsDialogRemovedAddedDescription {
    font-size: 0.8em;
    margin-bottom: 1.5em;
}

.modifyAddOnsDialogRemovedAddedFee {
    float: right;
}

.modifyAddOnsButtonContainer {
    text-align: center;
    padding-top: 4em;
}

.modifyAddOnsBoosterButtonContainer {
    text-align: center;
}

.modifyAddOnsButtonContainerGoBack {
    text-align: center;
    padding-top: 1em;
}

.buttonSaveModifyAddOnsDiv {
    padding-top: 6em;
    text-align: center;
    padding-bottom: 1em;
}

.linkResetModifyAddOnsDiv {
    text-align: center;
}

.rightModifyAddOnsContainerDiv {
    float: right;
    width: 50%;
    margin-top: 20px;
}

.leftModifyAddOnsContainerDiv {
    float: left;
    width: 45%;
    margin-top: 20px;
}

.pricePlanDescription {
    font-weight: bold;
    font-size: 0.9em;
}

.active-priceplan-title {
    font-weight: bold;
    font-size: 1.5em;
}

.pricePlanAttribute {
    padding-top: 15px;
}

.serviceTitleText {
    padding-top: 12px;
    font-weight: bold;
    font-size: 1em;
    text-decoration: underline;
}

.currentAddOnsServiceList {
    position: relative;
    height: 100px;
    overflow-y: auto;
}

.overageServiceContainer {
    padding-top: 50px;
    overflow: auto;
}

.addOnsServiceContainer {
    overflow: auto;
}

.viewoption {
    text-align: left;
    padding: 6px 0px 0px 15px;
}

.registerCardContainer {
    padding-top: 150px;
}

.termsAndCondition {
    padding-top: 200px;
    display: -webkit-box;
}

.termsAndConditionTopUpPage {
    padding-top: 110px;
    display: -webkit-box;
}

.errormsg-container {
    border-radius: 8px;
    border: 5px solid red;
    /*cursor: pointer;*/
    font-size: 14px;
    padding: 12px 20px;
    overflow: hidden;
    margin-bottom: 2em;
}

.imageContainer {
    float: left;
    margin-left: -20px;
    margin-top: -7px;
}

a {
    cursor: pointer;
}

.expiredUserContainer {
    /*float:right;*/
}


.expmsg-container {
    border-radius: 8px;
    border: 5px solid red;
    cursor: pointer;
    font-size: 14px;
    padding: 12px 20px;
    overflow: hidden;
    margin-bottom: 2em;
}

.expiredUserMessage {
    color: red;
    font-size: 14px;
    font-weight: bold;
}

.addFundMessage {
    font-size: 14px;
    font-weight: bold;
}

.expMessage {
    font-size: 14px;
    color: #5c5c6a;
}

.expiredUserWarningDescription {
    width: 400px;
    display: inline-block;
    color: red;
    font-weight: bold;
}

.successfulPaymentContainer {
    overflow: hidden;
    background-color: #D5E04D;
    margin-bottom: 2em;
    border-radius: 8px;
    cursor: pointer;
    /*font-size: 17px;*/
    padding: 12px 20px;
}

.leftSuccessfulPanel {
    float: left;
    padding-left: 10px;
    width: 650px;
}

.rightSuccessfulPayment {
    float: right;
    padding-top: 8px;
}

    .rightSuccessfulPayment span {
        vertical-align: middle;
        display: table-cell;
    }

.childSuccess {
    /*top: 50%;*/
    transform: translateY(50%);
    position: relative;
}

.linkbutton {
    color: black !important;
    text-decoration: underline;
    font-weight: bold;
    padding-right: 14px;
    cursor: pointer;
}

.linkbuttonForChangePlan {
    color: black !important;
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
}

.linkbutton-container {
    padding: 8px 0px 0px 0px;
}

.SuccessfulPaymentText {
    font-size: 17px;
}

.manageRegisterCardText {
    font-weight: bold;
    font-size: 15px;
}

.manageRegisterCreditCardLink {
    padding-bottom: 10px;
    padding-top: 10px;
}

.creditCardText {
    text-align: left;
    padding-left: 5px;
    padding-top: 5px;
}

.deregisterCreditCardDialog {
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}

.deRegisterCardButton {
    padding-top: 20px;
}

.deRegisterCardLinkButton {
    padding-top: 10px;
}

.cvv2Text {
    width: 35px;
}

.cvvDiv {
    padding-left: 10px;
    color: #5c5c6a;
    font-size: 12px;
}

.specializedChangePlanMessagePanel {
}

.atuRightPanel {
    float: left;
    padding: 5px 18px 0px;
}

.atuLeftPanel {
    float: left;
    padding-left: 5px;
}

.autoPaySuccessMessage {
    overflow: hidden;
}

.signUpPAPNoAmountDue {
    font-size: 1.1em;
    font-weight: bold;
}

.signUpPAPLink {
    padding-top: 30px;
    padding-bottom: 5px;
}

.signUpPAP {
    font-size: 1.1em;
}

.papNextBillDate {
    padding-top: 5px;
    font-size: 1.1em;
}

.signUpPAPButton {
    padding-top: 35px;
}

.registerPAPText {
    font-weight: bold;
    font-size: 1em;
}

.papTitleText {
    font-size: 1.1em;
}

.papText {
    font-size: 1em;
}

.papNextBillDateText {
    font-size: 1.1em;
    padding-top: 4px;
}

.registerPAPBillingInfo {
    padding-top: 30px;
    padding-bottom: 50px;
}

.registerPAPLink {
    color: black !important;
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
}

.postpaidSuccessMessage {
    overflow: hidden;
    background-color: #E0EDBA;
    margin-bottom: 2em;
    border-radius: 8px;
    cursor: pointer;
    padding: 12px 20px;
}

.leftPostpaidSuccessPanel {
    float: left;
}

.rightPostpaidSuccessPanel {
    float: right;
    padding-top: 13px;
}

.streetLabelExample {
    font-size: 10px;
    word-break: break-all;
}

.CCVLabelExample {
    font-size: 10px;
    float: left;
    padding-left: 408px;
    word-break: break-all;
}

.zipCodeLabelExample {
    font-size: 10px;
    word-break: break-all;
}

.highlightRed {
    color: red;
}

Div#BalanceLink .oneTimeTopUpLink {
    color: black;
    text-decoration: underline;
}

.dottedBorderAfterOTP {
    width: 291px;
    border-right-color: black;
    border-right-width: 2px;
    border-right-style: dotted;
    height: 210px;
}

.oneTimePaymentTitle {
    padding-top: 10px;
}

.oneTimePaymentDescription {
    padding-top: 10px;
}

.automaticTopupTitle {
    padding-top: 10px;
}

.automaticTopupDescription {
    padding-top: 10px;
}

.inputTextBox {
    border: 1px solid #ddd;
    box-shadow: 0 0 1px #888;
    height: 20px;
}

.ccDropdown {
    background-color: #e9e9e9;
    border: 0px solid#ddd;
    box-shadow: 0 0 1px #888;
    height: 25px;
}

.ccLabelExample {
    text-align: right;
    display: table-cell;
}

/*912 change plan*/
.dashboard .landingPage-left-column {
    width: 60%;
    /*margin-left: 20px;*/
    float: left;
    text-align: left;
}

.dashboard .landingPage-right-column {
    width: 35%;
    margin-right: 5px;
    float: right;
    margin-left: 5px;
}

.labelGeneric {
    width: 100%;
    float: left;
    word-wrap: break-word;
    text-align: left;
    font-size: 12px;
}

.dvNormalLeft {
    float: left;
    margin-bottom: 10px;
}

.ChangeBasePlanPanelContainer {
    background-color: silver;
    margin-bottom: 50px;
    padding: 10px;
    margin-top: -10px;
    height: Auto;
    overflow-y: auto;
}

.landingpage-section-header {
    font-weight: bold;
    margin-bottom: auto;
    font-size: larger;
    text-align: left;
}

.landingpage-section-header-Dialog {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 14px;
    text-align: left;
}

.landingpage-section-splitter {
    margin-top: 5px;
    border-bottom: 1px dotted black;
    margin-bottom: 20px;
    font-weight: bold;
    float: left;
    width: 100%;
}

.change-plan-addons {
    padding-bottom: 13px;
    font-size: 11px;
}

.chkAddOns {
    padding-right: 5px;
}

.landingpage-error-message-container {
    padding: 5px 10px;
    border: 1px solid #ce817f;
    color: #a74240;
    margin-bottom: 1em;
}

.landingpage-expired-error-message-container {
    padding: 5px 10px;
    border-radius: 8px;
    border: 5px solid red;
    color: #a74240;
    margin-bottom: 1em;
}

.landingpage-reactivate-plan-button {
    margin-top: 10px;
    width: 100%;
    float: left;
    display: block;
    text-align: center;
    overflow: hidden;
}

.dashboard h3.page-title {
    /*margin-bottom: 1em;*/
    /*font-family:Arial;*/
    /* font-weight: bold;*/
}

.dashboard .landingpage-border-seperator {
    border: 2px solid #808080;
    margin-bottom: 2px;
    clear: both;
}

.landingpage-content-header {
    font-weight: bold;
    margin-bottom: 1px;
}

.landingpage-content-left {
    float: left;
    width: 70%;
    font-weight: bold;
    margin-bottom: 1px;
    margin-top: 6px;
    font-size: 12px;
}

.availableplans-section {
    width: 100%;
    /*position: relative;*/
    height: 200px;
    overflow-y: auto;
}

.viewAddons {
    display: none;
}

.changeplan-dialog {
    display: none;
    text-align: left;
}

    .changeplan-dialog .ui-dialog {
        width: 400px;
        display: none;
        text-align: left;
        /*use this class to over-ride the default styling of amount validity dialog*/
    }

.AddonsPopDiv {
    text-align: left;
}

.changeplan-dialog .ui-dialog-plandetails {
    width: 89%;
    white-space: normal;
    text-align: left;
    /*use this class to over-ride the default styling of amount validity dialog titlebar*/
}

    .changeplan-dialog .ui-dialog-plandetails .ui-dialog-right {
        width: 50%;
        white-space: normal;
        text-align: left;
        /*use this class to over-ride the default styling of amount validity dialog titlebar*/
    }

    .changeplan-dialog .ui-dialog-plandetails .ui-dialog-left {
        width: 50%;
        white-space: normal;
        text-align: left;
        /*use this class to over-ride the default styling of amount validity dialog titlebar*/
    }

.changeplan-dialog .ui-dialog-titlebar {
    width: 89%;
    white-space: normal;
    /*use this class to over-ride the default styling of amount validity dialog titlebar*/
}

.changeplan-dialog .ui-dialog-titlebar-close {
    /*use this class to over-ride the default styling of amount validity dialog close button*/
}

.changeplan-dialog .ui-dialog-title {
    /*use this class to over-ride the default styling of amount validity dialog title*/
}

.changeplan-dialog .ui-dialog-content {
    /*use this class to over-ride the default styling of amount validity dialog content*/
    max-height: 300px;
    text-align: left;
}

.changeplan-dialog .ui-dialog-buttonpane {
    /*use this class to over-ride the default styling of amount validity dialog button pane*/
}

.changeplan-dialog .ui-dialog-buttonset {
    /*use this class to over-ride the default styling of amount validity dialog button set*/
}

.dvhigherPlanRate {
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 8px;
    display: none;
    width: 96%;
    height: auto;
    background: white;
    border: 1px solid black;
    text-align: left;
    vertical-align: middle;
    text-wrap: normal;
    word-wrap: break-word;
    font-size: 11px;
    font-weight: bold;
}

#AddonsPopDiv {
    height: auto;
    width: 98%;
    background-color: silver;
    word-wrap: break-word;
    text-align: left;
    margin-bottom: 20px;
    font-size: 13px;
}

.imghigherPlanRate {
    margin-top: 20px;
    text-align: center;
    margin-left: 20px;
}

.dvLeftplanRate {
    float: left;
    width: 15%;
    line-height: 10;
    margin-top: 10px;
}

.WarningImage {
    margin-left: 10px;
    text-align: center;
}

.dvRightplanRate {
    float: right;
    width: 85%;
}

.dvnormal {
    /*margin-top:20px;*/
    width: 100%;
    text-align: left;
}

.dvLanding {
    width: 100%;
    text-align: left;
}


.dvLandingMsgPanelLeft {
    float: left;
}

.dvLandingMsgPanelMiddle {
    width: 65%;
    float: left;
    padding-left: 10px;
    padding-top: 2px;
}

dvLandingMsgPanelLeftNew {
    width: 75%;
    float: left;
}

.dvLandingMsgPanelRight {
    width: 25%;
    float: right;
    text-align: right;
    font-size: 12px;
}

.dvLandingLeft {
    width: 30%;
    float: left;
}

.dvLandingRight {
    width: 30%;
    float: right;
    text-align: right;
    font-size: 12px;
}

.dvLandingMiddle {
    width: 40%;
    float: left;
    /*height:300px;*/
    overflow-y: auto;
}

.dvContainer {
    width: 100%;
    height: 200px;
}


#dvChargeAmount {
    text-align: right;
}

.dvHide {
    display: none;
}

.dashboard .left-column-ChangePlan {
    width: 49%;
    float: left;
}

.dashboard .right-column-ChangePlan {
    width: 48%;
    margin: 0;
    float: right;
}

.left-column-cp-section {
    width: 90%;
    margin: 0;
    float: left;
}

.right-column-cp-section {
    width: 10%;
    float: right;
}

.dvPlanAndBoosterConatainer {
    height: 250px;
    /*border-right: 1px dotted black;
   margin-right: -8px;*/
    border-right-color: black;
    border-right-width: 2px;
    border-right-style: dotted;
}

dvPlanAndBoosterConatainerNoBorder {
    height: auto;
}

.change-plan-Checkbox {
    margin-top: 6px;
    margin-bottom: 6px;
    float: left;
}
.ChangePlanButtonKoodo {
    background-color: #E3E3E3;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    font-size: 12px;
    padding: 5px;
    text-decoration: none!important;
    font-weight: bold!important;
}

.ChangePlanButton {
    background-color: #E3E3E3;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    font-size: 12px;
    padding: 5px;
    text-decoration: none;
}

    .ChangePlanButton:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
        background: -moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background: -webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background: -o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        /*background: -ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
        background-color: #f6f6f6;*/
    }

    .ChangePlanButton:active {
        position: relative;
        top: 1px;
    }


    .ChangePlanButton[disabled], .ChangePlanButton[disabled]:hover, .ChangePlanButton[disabled]:focus, .ChangePlanButton[disabled]:active {
        background-color: #ccc;
    }

.dvNormalRightAlign {
    width: 100%;
    text-align: right;
}

.dvNormalRightHeader {
    width: 100%;
    text-align: right;
    font-weight: bold;
}

.change-plan-Checkbox label[for=PlanListRadioButton] {
    margin-left: 5px;
    word-wrap: break-word;
    word-break: break-all;
    cursor: pointer;
}

.change-plan-Checkbox label[for] {
    margin-left: 5px;
    word-wrap: break-word;
    word-break: break-all;
    cursor: pointer;
    font-size: 11px;
}

.change-plan-addons label[for] {
    margin-left: 5px;
    word-wrap: break-word;
    word-break: break-all;
    cursor: pointer;
    font-size: 11px;
}

label[for] {
    margin-left: 5px;
    word-wrap: break-word;
    word-break: break-all;
    cursor: pointer;
    font-size: 11px;
}


.dvBoosters {
    width: 100%;
    word-wrap: break-word;
    word-break: break-all;
}

.dashboard h2.Landingpage-title {
    margin-bottom: 1px;
    font-weight: normal;
}

.PricePlanFeeRightLabel {
    width: 100%;
    float: left;
    word-wrap: break-word;
    word-break: break-all;
    text-align: Right;
}

.landingPageLink {
    color: black;
    text-decoration: underline;
    font-size: 12px;
    cursor: pointer;
}

.signUpForATULink {
    color: black;
    text-decoration: underline;
    font-size: 12px;
    cursor: pointer;
}

.landingPageLinkRightAlign {
    color: black;
    text-decoration: underline;
    font-size: 12px;
    width: 100%;
    text-align: right;
    cursor: pointer;
}

.ErrorMessageHeading {
    margin: 0;
    font-size: 1em;
    line-height: 1.5em;
    font-weight: bold;
    float: left;
}

.ErrorMessageHeadingBlack {
    margin: 0;
    font-size: 1em;
    line-height: 1.5em;
    font-weight: bold;
    color: black;
    overflow: -moz-hidden-unscrollable;
}

.ErrorMessageHeadingRight {
    margin: 0;
    font-size: 1em;
    line-height: 1.5em;
    /*float:left;*/
    overflow: -moz-hidden-unscrollable;
}

.labelGenericBlack {
    width: 100%;
    float: left;
    word-wrap: break-word;
    text-align: left;
    font-size: 12px;
    color: black;
}

.labelGenericBlackError {
    width: 100%;
    float: left;
    word-wrap: break-word;
    text-align: left;
    font-size: 12px;
    color: black;
    word-break: break-all;
}

.labelGenericRed {
    width: 100%;
    float: left;
    word-wrap: break-word;
    text-align: left;
    font-size: 10px;
    margin-left: 15px;
    color: red;
}

.labelPriceplan {
    width: 100%;
    float: left;
    word-wrap: break-word;
    font-size: 12px;
    padding-bottom: 10px;
}

.dvPlanPrice {
    padding-bottom: 10px;
}

.InformationPanelImage {
    height: 50px;
}




#dvChargeAmount {
    text-align: right;
}

.dvHide {
    display: none;
}

.dashboard .left-column-ChangePlan {
    width: 49%;
    float: left;
    margin-top: 25px;
}

.dashboard .right-column-ChangePlan {
    width: 48%;
    margin: 0;
    float: right;
    margin-top: 35px;
}

.left-column-cp-section {
    width: 90%;
    margin: 0;
    float: left;
}

.right-column-cp-section {
    width: 10%;
    float: right;
}

.dvPlanAndBoosterConatainer {
    height: 250px;
    /*border-right: 1px dotted black;
   margin-right: -8px;*/
    border-right-color: black;
    border-right-width: 2px;
    border-right-style: dotted;
}

dvPlanAndBoosterConatainerNoBorder {
    height: auto;
}

.change-plan-Checkbox {
    margin-top: 6px;
    margin-bottom: 6px;
    float: left;
}

.ChangePlanButton {
    background-color: #E3E3E3;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    font-size: 12px;
    padding: 5px;
    text-decoration: none;
}

    .ChangePlanButton:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
        background: -moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background: -webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background: -o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        /*background: -ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
        background-color: #f6f6f6;*/
    }

    .ChangePlanButton:active {
        position: relative;
        top: 1px;
    }

.dvNormalRightAlign {
    width: 100%;
    text-align: right;
}


.change-plan-Checkbox label[for=PlanListRadioButton] {
    margin-left: 5px;
    word-wrap: break-word;
    word-break: break-all;
    cursor: pointer;
}

.change-plan-Checkbox label[for] {
    margin-left: 5px;
    word-wrap: break-word;
    word-break: break-all;
    cursor: pointer;
}

.dvBoosters {
    width: 100%;
    word-wrap: break-word;
    word-break: break-all;
}

.dashboard h2.Landingpage-title {
    margin-bottom: 1px;
    font-weight: normal;
}

.PricePlanFeeRightLabel {
    width: 100%;
    float: left;
    word-wrap: break-word;
    word-break: break-all;
    text-align: Right;
}

.landingPageLink {
    color: black;
    text-decoration: underline;
    font-size: 12px;
}



.dvSetFuturePlanHidden {
    float: left;
    width: 100%;
    height: auto;
    background: white;
    /*border: 1px solid black;*/
    text-align: left;
    text-wrap: normal;
    word-wrap: break-word;
    border: 5px solid grey;
    display: none;
}

.dvSetFuturePlan {
    float: left;
    width: 100%;
    height: auto;
    background: white;
    /*border: 1px solid black;*/
    text-align: left;
    text-wrap: normal;
    word-wrap: break-word;
    border: 5px solid grey;
}

.dvFutureDatedPlan {
    border: 2px solid black;
    height: 250px;
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.labelFuturePlanHeading {
    width: 100%;
    float: left;
    word-wrap: break-word;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    color: black;
    margin-left: 10px;
}

.labelFuturePlanSubHeading {
    width: 100%;
    float: left;
    word-wrap: break-word;
    text-align: left;
    font-size: 10px;
    font-weight: normal;
    color: black;
    margin-left: 10px;
}

.landingpage-content-left-FP {
    float: left;
    font-weight: bold;
    margin-bottom: 1px;
    margin-top: 6px;
    font-size: 11px;
    width: 70%;
}

.landingpage-content-right-FP {
    width: 30%;
    font-weight: bold;
    text-align: left;
    margin-top: 20px;
    float: right;
    margin-right: -55px;
}


.AddOnsHeading {
    margin-top: 8px;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 6px;
}

.dialogStyle.ui-dialog {
    border-radius: 15px;
}
/*912 change plan -end*/

/*Email Verification -start*/
.EmailAccountVerificationHeader {
    color: orange;
    font-family: helvetica,geneva,arial,sans-serif;
    margin-left: 26px;
}

.EmailAccountVerificationContent {
    background-color: orange;
    padding: 10px;
    font-family: helvetica,geneva,arial,sans-serif;
    min-height: 60px;
    border-radius: 8px;
    margin-top: 5px;
    color: white;
    font-weight: bold;
    font-size: 15px;
    max-height: 100px;
}

.imgloc {
    float: left;
    margin-right: 5px;
}

.EmailAccountVerificationContent span {
    float: left;
    color: white;
    font-weight: bold;
}

.EmailDivLeft {
    width: 60px;
    float: left;
}

.EmailDivRight {
    width: 817px;
    float: left;
}

.EmailAccountVerificationContent a {
    float: left;
    font-weight: bold;
    color: white;
}

.paymentIframeDialog {
    width: inherit;
    height: inherit;
}

.payment-amount {
    font-size: 1em;
    font-weight: bold;
}

.totalBillAmountLabel {
    padding-bottom: 15px;
}

.totalBillAmount {
    padding-left: 10px;
}

.viewBillLink {
    color: black !important;
    text-decoration: underline;
    cursor: pointer;
}

.dialogBorderSeperator {
    border: 3px solid black;
    clear: both;
}

.dialog-page-title {
    font-weight: normal;
    text-align: left;
    font-size: 1.33em;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.divDialogGoback {
    padding-top: 15px;
}

.SmallText {
    font-size: 13px;
}

.lnkPaymentGoBack {
    color: black !important;
    text-decoration: underline;
}


.CenterText {
    padding: 10px;
}

.OneTimeDialogContainer {
    margin-top: 1em;
}

/*Email Verification -end*/


.successPostpaidMessage {
    font-weight: bold;
}

.snippetSuccessMessageOnReactivate {
    font-size: 13px !important;
}

.removePAPSuccessMessage {
    background-color: #E0EDBA;
    margin-bottom: 2em;
    border-radius: 8px;
    cursor: pointer;
    padding: 12px 20px;
}

.rightSuccessfulReactivatePanel {
    float: right;
    padding-top: 5px;
}

.leftSuccessfulReactivatePanel {
    float: left;
    padding-left: 10px;
    width: 630px;
}

.postpaidSuspendAccountMessage {
    color: red;
}

.postpaidManualSuspendWarning {
    color: red;
    font-weight: bold;
}

.postpaidManualSuspensionMsg {
    font-weight: bold;
}

.postpaidManualSuspensionDescription {
}

.welcome-logout {
    font-weight: bold;
    font-size: 12px;
}

.postpaidSuspensionDiv {
    padding-top: 8px;
}
/* Start - Overview.aspx style FC_912 feature */
div#prepaidPanel a {
    color: #333333;
    text-decoration: underline;
}

    div#prepaidPanel a:hover {
        color: #333333;
        text-decoration: none;
    }

.dashboard .left-div {
    width: 46.5%;
    float: left;
    border: 1px solid #999999;
    margin-top: 10px;
    padding: 10px;
}

.dashboard .right-div {
    width: 46.5%;
    margin-top: 10px;
    float: right;
    border: 1px solid #999999;
    padding: 10px;
}

.tableHead {
    font-size: 20px;
    font-weight: bold;
    border-bottom: 2px solid;
}

.tableCell {
    padding: 20px 0px 10px 0px;
    border-bottom: 2px solid #C4C4C4;
    overflow: hidden;
}

.tableReward {
    padding: 20px 0px 10px 0px;
    /*border-bottom: 2px solid #C4C4C4;*/
    overflow: hidden;
}

.tableCellLast {
    padding: 20px 0px 5px 0px;
    overflow: hidden;
    font-size: 12px;
}

.overview-balance-header {
    margin-top: 10px;
    overflow: hidden;
}

.current-balace-div {
    float: left;
    background-color: #D8D8D8;
    width: 60%;
    padding: 30px 30px 0px 30px;
}

ul.balance-rList li {
    padding-bottom: 20px;
    text-align: right;
}

.balance-lList {
    float: left;
    width: 75%;
}

.balance-rList {
    float: right;
}

.current-balance-head {
    font-size: 30px;
    margin-bottom: 20px;
}

.marketing-div {
    float: right;
    width: 31%;
}

.rList {
    list-style-type: none;
    margin: 0px;
    float: right;
}

.lList {
    list-style-type: none;
    margin: 0px;
    float: left;
    width: 70%;
    font-size: 12px;
}

ul.lList > :first-child {
    font-weight: bold;
    font-size: 14px;
    text-decoration: underline;
    margin-bottom: 10px;
}

ul.lList > :last-child {
    margin-top: 7px;
    color: #6B6B6B;
}

ul.rList > :last-child {
    text-align: right;
    padding-top: 10px;
    padding-right: 3px;
}

.btn {
    text-decoration: none !important;
    background: linear-gradient(#F0F0F0,#EDE9E9);
    color: #333333 !important;
    padding: 3px 12px;
    border: 1px solid #B2B2B2;
    border-radius: 4px;
    color: #333333 !important;
    font-size: 12px;
}

    .btn:hover {
        background: linear-gradient(#EAF3FC, #EAF0FC);
        text-decoration: none;
    }

.balance-rList .btn {
    padding: 12px 30px;
    font-size: 15px;
}

.emptyDiv {
    height: 10px;
    width: 100%;
}

.left {
    float: left;
}

.right {
    float: right;
}

.bold {
    font-weight: bold;
}

.hyperlinks {
    text-decoration: none !important;
}

table.addonTable td {
    border-spacing: 0px;
    word-wrap: break-word;
}

.addOnThead {
    font-weight: bold;
    padding-bottom: 10px;
}

.leftTablelike {
    font-size: 12px;
}

.ui-dialog-titlebar {
    float: right;
    border: 0;
}

.ui-dialog-titlebar-close {
    top: 0;
    right: 0;
    margin: 0;
    z-index: 999;
}

.div-Adons {
    background-color: silver;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.addon-name-column {
    width: 200px;
    padding: 5px 0 5px 0;
    -ms-word-wrap: break-word;   
}
.addon-used-column {
   width: 100px; 
   padding: 5px 0 5px 0; 
   -ms-word-wrap: break-word;
}

/* End - Overview.aspx style FC_912 feature */

.div-UI-Title {
    font-family: arial;
    font-size: 25px;
    font-weight: bold;
    line-height: 1;
    padding-bottom: 10px;
    padding-top: 20px;
    text-align: left;
}

.div-UI-Title-Post {
    font-family: arial;
    font-size: 23px;
    font-weight: bold;
    line-height: 1;
    padding-bottom: 10px;
    padding-top: 20px;
    text-align: left;
}

.div-UI-Content {
    font-family: Calibri;
    font-size: 23px;
    font-weight: bold;
    text-align: left;
}

.div-UI-Content-post {
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

.div-UI-Content-dts {
    font-family: Calibri;
    font-size: 23px;
    text-align: left;
}

.div-UI-Content-dts-Post {
    font-family: Arial;
    font-size: 14px;
    text-align: left;
}

.div-UI-Content-Header {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
}

.div-ui-dialog-left {
    width: 60%;
    float: left;
    height: 100px;
}

.div-ui-dialog-right {
    text-align: right;
    height: 100px;
}

.div-ui-dialog-left-Post {
    width: 50%;
    float: left;
}

.dvCurrentPlanInfoDialog {
    overflow: hidden;
}


.div-ui-dialog-right-PostPaid {
    text-align: right;
    font-size: 14px;
}

.div-ui-dialog-left-PostPaid {
    width: 50%;
    float: left;
    font-size: 14px;
}

.div-ui-dialog-right-Post {
    text-align: right;
}

.ConfirmationDialogPopup {
    display: none;
    border-radius: 15Px;
}

.landingpage-content-HeadSmall {
    font-weight: bold;
    margin-bottom: 1px;
    text-decoration: underline;
    font-size: 12px;
}


/* Start of Pick N Pay Calc Page Css changes  */
.dashboard .left-column-ChangePlan-PickNPay {
    width: 49%;
    float: left;
}

.left-column-cp-section-PickNPay {
    width: 97%;
    margin: 0;
    float: left;
}

.linePickNPay {
    border: 2px solid #808080;
    margin-bottom: 10px;
}

.landingpage-content-left-PickNPay-div-Header {
    float: left;
    width: 40%;
    font-weight: bold;
    margin-bottom: 1px;
    margin-top: 6px;
    font-size: larger;
    height: auto !important;
    text-align: left !important;
}

.landingpage-content-right-PickNPay-div-Header {
    float: right !important;
    width: 60% !important;
    font-weight: bold;
    margin-bottom: 1px;
    margin-top: 6px;
    font-size: 12px;
    text-align: right;
    height: auto !important;
    text-align: right !important;
}

.landingpage-content-left-PickNPay {
    float: left;
    width: 70%;
    font-weight: bold;
    margin-bottom: 1px;
    margin-top: 6px;
    word-wrap: break-word;
    text-align: left;
    font-size: 12px;
    height: auto !important;
    text-align: left !important;
}

.landingpage-content-right-PickNPay {
    float: right;
    width: 30%;
    font-weight: bold;
    margin-bottom: 1px;
    margin-top: 6px;
    font-size: 12px;
    word-wrap: break-word;
    height: auto !important;
    text-align: right !important;
}

.dvnormal-PickNPay {
    /*margin-top:20px;*/
    width: 100%;
    text-align: left;
}

.dashboard .right-column-ChangePlan-PickNPay {
    width: 48%;
    margin: 0;
    float: right;
    background-color: gray;
    height: 250px;
    padding-left: 8px;
}

.landingpage-section-splitter-PickNPay {
    margin-top: 5px;
    border-bottom: 1px dotted black;
    margin-bottom: 5px;
    font-weight: bold;
    float: left;
    width: 100%;
}

.dvLeftplanRate-PickNPay {
    float: left;
    width: 15%;
    line-height: 10;
    margin-top: 10px;
}

.dvRightplanRate-PickNPay {
    float: right;
    width: 85%;
}

.dvhigherPlanRatePicknPay {
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 40%;
    display: none;
    width: 96%;
    height: 70px;
    background: white;
    /*border: 1px solid black;*/
    text-align: left;
    vertical-align: middle;
    text-wrap: normal;
    word-wrap: break-word;
    font-size: 11px;
    font-weight: bold;
}

.button_CancelFutureDatedPlan {
    background-color: rgb(0, 148, 166);
    text-align: center;
    border-radius: 8px;
    border: thin solid white;
    font-family: ff-netto-web, helvetica, arial, sans-serif;
    display: inline-block;
    height: 25px;
    width: 100%;
    border-radius: 25px;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}

    .button_CancelFutureDatedPlan:hover {
        border: thin solid white;
        color: #fff;
        background-color: #008096;
        cursor: pointer;
    }


.buttonConfirmationPickNPay {
    background-color: rgb(0, 148, 166);
    text-align: center;
    border-radius: 8px;
    border: thin solid white;
    font-family: ff-netto-web, helvetica, arial, sans-serif;
    display: inline-block;
    height: 32px;
    line-height: 24px;
    width: 75%;
    border-radius: 25px;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
    margin-top: 25px;
}

.buttonCancelConfirmationPickNPay {
    background-color: rgb(0, 148, 166);
    text-align: center;
    border-radius: 8px;
    border: thin solid white;
    font-family: ff-netto-web, helvetica, arial, sans-serif;
    display: inline-block;
    height: 32px;
    line-height: 24px;
    width: 50%;
    border-radius: 25px;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
    margin-top: 25px;
}

.buttonCancelConfirmationPickNPayLink {
    text-align: center;
    display: inline-block;
    margin-top: 25px;
    cursor: pointer;
}

.watermarkOn {
    color: #CCCCCC;
}

.button_newPickNPay {
    background-color: rgb(0, 148, 166);
    text-align: center;
    border-radius: 8px;
    border: thin solid white;
    font-family: ff-netto-web, helvetica, arial, sans-serif;
    display: inline-block;
    height: 32px;
    line-height: 24px;
    width: 40%;
    border-radius: 25px;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}

.btnPickNPay {
    background-color: #E3E3E3;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    font-size: 17px;
    padding: 12px 20px;
    text-decoration: none;
}


.btnPickNPayDisabled {
    /*text-decoration: none !important;*/
    background: linear-gradient(#dcdcdc,#dcdcdc);
    padding: 3px 12px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    /*color: #dcdcdc !important;*/
    height: 35px;
}

.btnPickNPay:hover {
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
    background: -moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background: -o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);*/
    /*background: -ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
    background-color: #f6f6f6;*/
}

.btnPickNPay:active {
    position: relative;
    top: 1px;
}

.sub-header-PickNPay {
    text-align: center;
    font-size: 13pt;
}

/* End of Pick N Pay Calc Page Css changes  */

/*change plan add on control css starts*/
.dashboard-contentPP {
    /*margin-top: 20px;*/
    border: 1px solid black;
    background-color: rgb(80, 101, 114);
    color: white;
    width: 935px;
}

.planFooterContainer {
    background-color: rgb(55,55,55);
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}

#addonsDiv .planImageDiv {
    float: left;
    width: 32.5%;
    text-align: center;
    border-left: 1px solid gray;
}
#packageDiv .planImageDiv {
    float: left;
    width: 24.8%;
    text-align: center;
    border-left: 1px solid gray;
}
.planImageContainer {
    overflow: hidden;
    /*padding: 11px;*/
}

.planTitleSectionContainer {
    overflow: hidden;
    background-color: #556B79;
    text-align: center;
    color: white;
}

#addonsDiv .planTitleSection {
    float: left;
    width: 32.5%;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 20px;
    border-left: 1px solid gray;
}

#packageDiv .planTitleSection {
    float: left;
    width: 24.8%;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 20px;
    border-left: 1px solid gray;
}
.planbodyContainer {
    overflow: hidden;
    /*padding-top: 20px;
        padding-bottom: 20px;*/
    /*max-height:300px;
        overflow:auto;
        overflow-x:hidden;*/
    width: 935px;
    padding: 0;
    margin-bottom: 10px;
}

#addonsDiv .planBodySectionLast {
    float: left;
    width: 32.5%;
    border-left: 1px solid gray;
}
#packageDiv  .planBodySectionLast {
    float: left;
    width: 24.8%;
    border-left: 1px solid gray;
}
#addonsDiv .planBodySectionfirst {
    float: left;
    width: 32.6%;
}

#packageDiv .planBodySectionfirst {
    float: left;
    width: 24.9%;
}
#addonsDiv .planBodySectionMiddle {
    float: left;
    width: 32.5%;
    border-left: 1px solid gray;
}
#packageDiv .planBodySectionMiddle {
    float: left;
    width: 24.8%;
    border-left: 1px solid gray;
}

.addDataButton {
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
}

.removeDataButton {
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
}

.dataPlanTextBox {
    border-radius: 5px;
    Width: 30px;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    background-color: white;
    color: gray;
    padding: 3px 0px !important;
}

.roundedCornerTextBox {
    border-radius: 5px;
    Width: 30px;
    Height: 40px;
    text-align: center;
    font-weight: bold;
    font-size: 35px;
}

.subTotal {
    padding-left: 8px;
}

.serviceButton {
    background-color: rgb(80, 101, 114);
    padding: 2px 9px;
}

.plan-fee {
}

.HeaderContent {
    width: 900px;
    padding-bottom: 14px;
    margin-bottom: 5px;
    border-bottom: 1px solid #000;
}

.calccontent {
    width: 960px;
    margin-top: 10px;
}

.BaseContent {
    width: 960px;
    padding-bottom: 10px;
    margin-top: 15px;
}

.leftpanel {
    float: left;
    width: 600px;
}

.rightpanel {
    float: left;
    width: 300px;
    margin-left: 38px;
}

.part1 {
    float: left;
    width: 160px;
    font-weight: bold;
}

.part2 {
    float: left;
    width: 438px;
    font-weight: bold;
}

.clr {
    clear: both;
}

.part2 ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    line-height: 1.2;
}

.hr {
    margin-bottom: 10px;
    margin-top: 10px;
    border: 1px dotted #000;
}

.addonsubtot {
    font-size: 20px;
    font-family: sans-serif;
}

.AddonBtn {
    margin: 25px 0px;
    text-align: center;
    font-weight: bold;
}

.addonName {
    width: 390px;
    float: left;
    margin-right: 5px;
    text-align: left;
    word-wrap: break-word;
}

.addonQty {
    width: 75px;
    float: left;
    text-align: right;
}

.addonPrice {
    width: 75px;
    float: left;
    text-align: right;
}

.divSumm {
    margin-top: 10px;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 35px;
}

.summleft {
    width: 398px;
    float: left;
    font-weight: bold;
    text-align: right;
    margin-right: 10px;
}

.sumboosterleft {
    width: 300px;
    float: left;
    font-weight: bold;
    text-align: right;
    margin-right: 10px;
}


.summright {
    width: 100px;
    float: right;
    font-weight: bold;
    text-align: right;
}

.PopUpHeader {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 30px;
    text-align: left;
}

.AddOnHeader {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.AddOnBoosterHeader {
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.AddOnRow {
    font-size: 14px;
    margin-bottom: 10px;
}

.AddonContent {
    margin-bottom: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.PopContent {
    width: 550px;
    padding-top: 25px;
    padding-left: 10px;
    max-height: 450px;
}

.PopBoosterContent {
    /*  width: 550px;*/
    padding-top: 25px;
    padding-left: 10px;
    max-height: 450px;
}

.popfooter {
    text-align: center;
    width: 433px;
    margin-top: 33px;
}

.jsondata {
    display: none;
}

.btnPanel {
    margin-top: 30px;
    margin-bottom: 20px;
}

.btnBoosterPanel {
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;
}

#addonsDiv .addonItem {
    margin-top: 10px;
    width: 300px;
    text-align: center;
    word-wrap: break-word;
}

#packageDiv .addonItem {
    margin-top: 10px;
    width: 220px;
    text-align: center;
    word-wrap: break-word;
}
#addonsDiv .itmname {
    width: 290px;
    word-wrap: break-word;
    padding-left: 5px;
    padding-right: 5px;
}

#packageDiv .itmname {   
    word-wrap: break-word;
    padding-left: 5px;
    padding-right: 5px;
}

.currAddonSumm {
    height: 228px;
    overflow: auto;
    overflow-x: hidden;
    margin-bottom: 13px;
    width: 400px;
}

.marginL10 {
    margin-left: 10px;
}

.RemServiceButton {
    background-color: rgb(80, 101, 114);
    padding: 2px 9px;
    margin-top: 0px !important;
}

.AddServiceButton {
    background-color: rgb(80, 101, 114);
    padding: 2px 9px;
    margin-top: 0px !important;
}

.font20 {
    font-size: 20px;
    font-family: helvetica, geneva, arial, sans-serif;
}

.font15 {
    font-size: 14px;
    font-family: helvetica, geneva, arial, sans-serif;
}

.publicAddonSuccessPanel {
    width: 900px;
    height: 100px;
    border: 7px solid lightgray;
    padding: 16px 9px;
}

.width75 {
    width: 75% !important;
}

.hidePlandetails {
    width: 3%;
    margin-top: 7px;
    float: left;
}

.landingpage-content-right {
    float: right;
    width: 27%;
    font-weight: bold;
    margin-bottom: 1px;
    margin-top: 6px;
    font-size: 12px;
}

.labelGenericAddons {
    width: 100%;
    float: left;
    word-wrap: break-word;
    /*text-align: left;*/
    font-size: 12px;
    color: black;
    padding-left: 10px;
}

.dvPublicMobilePhoneText {
    width: 100%;
    float: left;
    word-wrap: break-word;
    text-align: left;
    font-size: 12px;
    color: black;
    font-weight: bold;
    color: grey;
    margin-bottom: 10px;
}

.linkLearnMore {
    /*text-align:left;*/
    padding-left: 10px;
}

.addonsSnippetTitle {
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: bold;
}

.addOns-title {
    font-weight: bold;
    font-size: 1em;
}

.activeSuspendAccountContainer {
    background-color: #E0EDBA;
    overflow: hidden;
    margin-bottom: 1em;
}

.unuspendAccountInfo {
    padding: 10px 5px 10px 15px;
}

.reactivateMessageContainer {
    padding: 10px 5px 10px 15px;
}

.reactivteSuccessPostpaidPayment {
    background-color: #E1EEB5;
    overflow: hidden;
    margin-bottom: 1em;
}

myPaymentBtnBorder {
    border: 1px solid gray;
    box-shadow: 4px 4px 5px #888888;
}

.width15 {
    width: 20% !important;
}

.editAutoPayPrefrences {
    color: black !important;
    text-decoration: underline;
    font-weight: bold;
    padding-right: 2px;
    cursor: pointer;
}

.AddonExpUserMsg {
    background-color: lightgray;
    padding: 20px;
    font-size: 20px;
    font-family: sans-serif;
}

.postpaidTermsAndCondition {
    padding-top: 100px;
    font-size: 10px;
}

.rightSuspendSuccessfulPayment {
    float: right;
}

.leftAutomaticSuspensionPostpaidSuccessPanel {
    float: left;
    width: 700px;
}
/*cursor:none;*/

.RewardsPanel {
    margin-top: 15px;
    background-color: white;
    border: 4px solid #ccc;
    font-family: Arial;
    padding: 5px 20px;
    margin-bottom: 20px;
}
/*change plan add on control css ends*/


.dvLandingMiddle table {
    word-break: break-all;
    width: 100%;
}

.alignCenter {
    text-align: center;
    font-weight: bold;
}

.btnDisable {
    /*cursor:none;*/
}

.dialogIframe {
    width: 660px;
    height: 560px;
    overflow-x: hidden;
}

.paymentDialog {
    width: 680px;
    height: 580px;
}

.dialogIframe-Token-Registered {
    width: 470px !important;
    height: 620px !important;
    overflow-x: hidden !important;
    padding-left: 5px !important;
}

.dialogIframe-Token-UnRegistered {
    width: 690px !important;
    height: 560px !important;
    overflow-x: hidden !important;
    padding-left: 5px !important;
}

.dialogIframe-Token-Voucher {
    width: 420px !important;
    height: 470px !important;
    overflow-x: hidden !important;
    padding-left: 5px !important;
}

.dialogIframe-Token-Registered-PostPaid {
    width: 485px !important;
    height: 380px !important;
    overflow-x: hidden !important;
    padding-left: 5px !important;
}

.dialogIframe-Token-UnRegistered-PostPaid {
    width: 690px !important;
    height: 560px !important;
    overflow-x: hidden !important;
    padding-left: 5px !important;
}

.suspendedWarningMessage {
    height: 48px;
}

.postpaidPaymentAmount {
    background-color: #e9e9e9;
    display: block!important;
}

.lListRewards {
    list-style-type: none;
    margin: 0px;
    float: left;
    width: 83%;
    font-size: 12px;
    margin-bottom: 10px;
}

ul.lListRewards > :first-child {
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    margin-bottom: 10px;
}

ul.lListRewards li {
    padding-bottom: 10px;
}

.dashboard-content-landing-hidden {
    display: none margin: 10px 5px 0px 5px;
}



.unsuspendAccountButton {
    width: 141px;
    word-wrap: break-word;
}


.leftSuspendWarningPanel {
    float: left;
    padding-left: 10px;
    width: 680px;
}

.rightSuspendWarningPanel {
    float: right;
    padding-top: 8px;
}

.dvPlanIncludes {
    font-size: 12px;
    word-wrap: break-word;
}

.optional-service-Checkbox {
    margin-top: 6px;
    margin-bottom: 6px;
}

.optionalAddOnsName {
    padding-left: 10px;
    font-size: 11px;
}

.change-plan-available-addon {
    padding-bottom: 2px;
}

.specializedChangePlanMessagePanel {
    padding-top: 10px;
}

.ModifyAddonsLine {
    border: solid;
    border-top-width: thin;
}

.ModifyAddonsTitle {
    font-size: 20px;
    text-align: center;
}

.postpaidRegisterCardHelpText {
    padding-top: 25px;
}

.postpaidRegisterCardBelowText {
    font-size: 12px;
}

.width75p {
    width: 75%;
}

.width25p {
    width: 25%;
}

.AddVoucher1 {
    display: table-cell;
    text-align: left;
    padding: 10px 15px 10px 15px;
    cursor: pointer !important;
    color: black !important;
    text-decoration: underline;
}


.manageRegisterCardLink {
    padding-top: 20px;
}

.error-message-containerSuspended {
    padding: 2px;
    border: 1px solid #ce817f;
    background-color: #e3b7b6;
    color: #a74240;
    margin-bottom: 1em;
    font-size: 15px;
}

.sub-header-PickNPay-Suspended {
    text-align: center;
    font-size: 13pt;
    padding: 5px;
}

.OverviewBundle-panel
{ overflow-y: auto;
  height: 200px;
}

table#gvCurrentOverage {
    margin-bottom: 10px;
}



html, body {
	background: white;
}

a {
	color: black; 
}

a:visited {
	color: ;
}

a:hover{
	color: ;
}

a:active {
	color: ;
}

#layout {
	width: 984px;
}

#hd {
	background: /* url("~/site_header.png") no-repeat #ffffff */ #C41425;
	color: #000000;
}

#hd a {
	color: #000000;
}

#hd a:visited {
	color: #000000;
}

#hd a:hover {
	color: #000000;
}

#hd a:active {
	color: #000000;
}

#hd .navigation {
    background: #fff;
}

#hd .navigation li a {
	background-color: #f2f2f2;
	color: helvetica, geneva, arial, sans-serif;
}

#hd .navigation li a:hover {
	background-color: silver;
	color: ;
}

#hd .navigation li a.active{
	background-color: ;
	color: ;
}

#main {
	background: white;
	width: /*754px*/;
	color: #000000;
}

#bd .breadcrumbs {
	background: white;
	color: #b51f24;
    padding: 20px 30px 2px;
}

#bd .breadcrumbs a {
	color: ;
}

#bd .breadcrumbs a:hover {
	color: white;
}

#bd .breadcrumbs a:active {
	color: white;
}

#bd .breadcrumbs a:visited {
	color: ;
}

.pageTitle {
	color: ;
}

#sidebar {
	background: white;
	color: ;
	margin-right: -;
	width: 230px;
}

#sidebar a {
	color: ;
}

#sidebar a:visited {
	color: ;
}

#sidebar a:hover {
	color: ;
}

#sidebar a:active {
	color: ;
}

#ft {
	background: #C41425;
	color: #000000;
}

#ft a {
	color: #000000;
}

#ft a:visited {
	color: #000000;
}

#ft a:hover {
	color: #ffffff;
}

#ft a:active {
	color: #000000;
}



.alertbanner {
    background-color: #C41425;
    border-color: #000000;
    border-width: 2px;
    border-style: none none solid none;   
    font-family: Verdana, Sans-Serif;
	color: ;
	font-size: ;
	font-weight: ; 
}



#content .frame {
	background-color: #f2f2f2;
}

input.button {
	border: ;
	background: ;
	color: ;
}

input.button:hover {
	border: ;
	background: ;
	color: ;
}





.dashboard .navigation li a {
	font-family: helvetica, geneva, arial, sans-serif;
	color: white;
	font-size: 10;
	font-weight: ;
	background-color: #b51f24;
}

.dashboard .navigation li a:active, .dashboard .navigation li.first a:active {
	font-family: helvetica, geneva, arial, sans-serif;
	color: white;
	font-size: 10;
	font-weight: ;
}

.dashboard .navigation li a:hover, .dashboard .navigation li.first a:hover {
	font-family: helvetica, geneva, arial, sans-serif;
	color: silver;
	font-size: ;
	font-weight: ;
}

.dashboard .navigation li a:visited, .dashboard .navigation li.first a:visited {
	font-family: helvetica, geneva, arial, sans-serif;
	color: ;
	font-size: ;
	font-weight: ;
}

.dashboard .navigation li a.active{
	background-color: #555;
}

.dashboard .subnavigation li a {
	font-family: helvetica, geneva, arial, sans-serif;
	color: #b51f24;
	font-size: ;
	font-weight: ;
	background-color: white
}

.dashboard .subnavigation li a:active {
	font-family: helvetica, geneva, arial, sans-serif;
	color: ;
	font-size: ;
	font-weight: ;
}

.dashboard .subnavigation li a:hover {
	font-family: helvetica, geneva, arial, sans-serif;
	color: silver;
	font-size: ;
	font-weight: ;
}

.dashboard .subnavigation li a:visited {
	font-family: helvetica, geneva, arial, sans-serif;
	color: ;
	font-size: ;
	font-weight: ;
}

.dashboard .subnavigation li a.active{
	background-color: #f0f0f0;
}

.dashboard .dashboard-header .welcome-banner h1{
	font-family: helvetica, geneva, arial, sans-serif;
	color: black;
	font-size: ;
	font-weight: ;
}

.dashboard .dashboard-header .welcome-login .field-name{
	font-family: helvetica, geneva, arial, sans-serif;
	color: black;
	font-size: 8;
	font-weight: ;
}

.dashboard .dashboard-header .welcome-login .field-value{
	font-family: helvetica, geneva, arial, sans-serif;
	color: ;
	font-size: 8;
	font-weight: ;
}

.dashboard .dashboard-header .welcome-login a{
	font-family: helvetica, geneva, arial, sans-serif;
	color: ;
	font-size: 8;
	font-weight: ;
}

.dashboard .dashboard-header .welcome-login a:active{
	font-family: helvetica, geneva, arial, sans-serif;
	color: ;
	font-size: 8;
	font-weight: ;
}

.dashboard .dashboard-header .welcome-login a:hover{
	font-family: helvetica, geneva, arial, sans-serif;
	color: ;
	font-size: 8;
	font-weight: ;
}

.dashboard .dashboard-header .welcome-login a:visited{
	font-family: helvetica, geneva, arial, sans-serif;
	color: ;
	font-size: 8;
	font-weight: ;
}

.dashboard .dashboard-navigation .account-view-controller{
	font-family: helvetica, geneva, arial, sans-serif;
	color: ;
	font-size: ;
	font-weight: ;
}

.dashboard .dashboard-overview .view-title, .dashboard .tab-Label, .dashboard .dashboard-body .crmEntityFormView table.section caption.show-bar, .onecolumnlayoutcaption.show-bar span， .dashboard .card-information-title{
	font-family: helvetica, geneva, arial, sans-serif;
	color: black;
	font-size: 8;
	font-weight: bold;
}

.dashboard .dashboard-body .dashboard-overview .field-name, .dashboard .dashboard-body .dashboard-overview .label, .dashboard .dashboard-body .crmEntityFormView .cell label, .onecolumnlayoutcontainer label, 
.onecolumnlayoutcontainer span{
	font-family: helvetica, geneva, arial, sans-serif;
	color: black;
	font-size: ;
	font-weight: bold;
}

.dashboard .dashboard-body .dashboard-overview .field-value, .dashboard .dashboard-body .dashboard-overview .literal, .dashboard .dashboard-body .crmEntityFormView .cell input[type="text"],
.dashboard .dashboard-body .crmEntityFormView .cell textarea, .onecolumnlayoutcontainer input[type="text"]{
	font-family: helvetica, geneva, Book Antiqua, sans-serif;
	color: black;
	font-size: ;
	font-weight: ;
}

.dashboard .dashboard-body .dashboard-overview a {
	font-family: helvetica, geneva, arial, sans-serif;
	color: #b51f24;
	font-size: ;
	font-weight: ;
}

.dashboard .dashboard-body .dashboard-overview a:active {
	font-family: helvetica, geneva, arial, sans-serif;
	color: ;
	font-size: ;
	font-weight: ;
}

.dashboard .dashboard-body .dashboard-overview a:hover {
	font-family: helvetica, geneva, arial, sans-serif;
	color: ;
	font-size: ;
	font-weight: ;
}

.dashboard .dashboard-body .dashboard-overview a:visited {
	font-family: helvetica, geneva, arial, sans-serif;
	color: ;
	font-size: ;
	font-weight: ;
}

.dashboard h2.page-title{
	font-family: helvetica, geneva, arial, sans-serif;
	color: ;
	font-size: ;
	font-weight: bold;
}

.dashboard .copy, .dashboard .footnote-text{
	font-family: helvetica, geneva, arial, sans-serif;
	color: ;
	font-size: ;
	font-weight: ;
}

.dashboard .dashboard-body .label{
	font-family: helvetica, geneva, arial, sans-serif;
	color: black;
	font-size: ;
	font-weight: ;
}

.dashboard .dashboard-body .text, .dashboard .dashboard-body .literal{
	font-family: helvetica, geneva, arial, sans-serif;
	color: ;
	font-size: ;
	font-weight: ;
}

.dashboard .dashboard-body a{
	font-family: helvetica, geneva, arial, sans-serif;
	color: #00F;
	font-size: ;
	font-weight: ;
}

.dashboard .dashboard-body a:active{
	font-family: helvetica, geneva, arial, sans-serif;
	color: ;
	font-size: ;
	font-weight: ;
}

.dashboard .dashboard-body a:hover{
	font-family: helvetica, geneva, arial, sans-serif;
	color: ;
	font-size: ;
	font-weight: ;
}

.dashboard .dashboard-body a:visited{
	font-family: helvetica, geneva, arial, sans-serif;
	color: ;
	font-size: ;
	font-weight: ;
}

.dashboard .list-header, .dashboard .list-header a, .dashboard .table-header{
	font-family: helvetica, geneva, arial, sans-serif;
	color: ;
	font-size: ;
	font-weight: ;
}

.dashboard .table-data, .dashboard .dashboard-body .cases-body #Tabular-Data table.tabular-data .table-data a{
	font-family: helvetica, geneva, arial, sans-serif;
	color: ;
	font-size: ;
	font-weight: ;
}

.dashboard .drop-down-control, .dashboard .scroll-box, .dashboard .dashboard-body .crmEntityFormView .cell select{
	font-family: helvetica, geneva, arial, sans-serif;
	color: ;
	font-size: ;
	font-weight: ;
}

.dashboard .success-message{
	font-family: helvetica, geneva, arial, sans-serif;
	color: ;
	font-size: ;
	font-weight: bold;
	background-color: #f2f2f2;
}

.dashboard .error-message{
	font-family: helvetica, geneva, arial, sans-serif;
	color: ;
	font-size: ;
	font-weight: bold;
	background-color: #f2f2f2;
}

.subscription-expired-snippet
{
	color: ;
}

.forgotpassword-step-label
{
    margin: ;
    padding: ;
}
.forgotpassword-inputs
{
    margin: ;
    padding: ;
}
.forgotpassword-action-buttons
{
    margin: ;
    padding: ;
}

.forgotpassword-ending-content
{
    margin: ;
    padding: ;
}

.form-required
{
    color: ;
    font-size: ;
    font-weight: ;
    margin: ;
}


.subscription-highlight-default
{ 
	background-color: Default;
	color: ;
}
.subscription-highlight-expired
{ 
	font-weight: bold;
	background-color: ;
	color: ;
}
.subscription-highlight-inactive
{
	background-color: ;
	color: red;
}
.subscription-highlight-draft
{
	background-color: yellow;
	color: ;
}
.subscription-highlight-active
{
	font-weight: bold;background-color: ;
	color: ;
}
.subscription-highlight-suspended
{
	background-color: red;
	color: red;
}
.subscription-highlight-warned
{
	background-color: ;
	color: ;
}
.subscription-highlight-dunned
{
	background-color: ;
	color: ;
}
.subscription-highlight-promise-to-pay
{
	background-color: pink;
	color: ;
}
.subscription-highlight-in-arrears
{
	background-color: cyan;
	color: ;
}
.subscription-highlight-in-collection
{
	background-color: ;
	color: ;
}
.subscription-highlight-moved
{
	background-color: ;
	color: ;
}
.subscription-highlight-available
{
	background-color: ;
	color: ;
}
.subscription-highlight-pending
{
	background-color: ;
	color: ;
}
.subscription-highlight-dormant
{
	background-color: ;
	color: ;
}

.coverage-map-container
{
    padding-top: 20px;
    padding-left: 20px;
    height: 500px;
}

.coverage-map-container .non-touch-mask, .coverage-map-container .loading-splash-background, .coverage-map-container .converage-map-iframe
{
    height:500px;
    width:800px;
}



.marketingMessageTopUpBalancetxt {
    font-family : ;
    font-size:;
    font-weight:;
    padding-bottom:;
    background-color: ;
}



body
{
    font-family: Helvetica, Tahoma, Arial, sans-serif !important;
    color: #000;
    font-size: 12px;
}
a, a:link
{

    text-decoration: underline;
    color: #da291c;
}
a:active, a:visited
{
    text-decoration: underline;
    background: none;
    color: #666;
}
a:hover 
{
    text-decoration: none;
    color: #fff;
    background: #da291c;
}
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], a.rk_button
{
    background-color: #000;
    border: none;
    color: #fff;
    font-family: Helvetica, Tahoma, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    padding: 0 20px;
    cursor: pointer;
}
input[disabled="disabled"], input[disabled]
{
    background-color: #EAEAEA !important;
    color: #666 !important;
    cursor: default;
}

.ie #hd .section.first 
{
	padding-left: 0px !important;
}

#CachedPrimaryNavHtml_PrimaryNavigation
{
    display: none;
}
#main
{
    width: 100% !important;
}
/* Header/Footer temp removals till new snippet */
#hd .section, #ft .section 
{
    display: none;
    margin: 0;
    width: auto;
}
#hd .section.first, #ft .section.first
{
    display: block !important;
    float: none;
}
#hd, #ft {
    position: relative;
    width: 100%;
    height: auto;
}

#hd {
background: white;
margin-top: 40px !important;
}

#ft 
{
    background: none;
    padding: 0;
}

.rk_rkFooter{
	width:100%;
	height:auto;
	position:relative;
}
	
.rk_footer_content{
	width:100%;
	height:auto;
	background-color:#C41425;
	padding-top:10px;
}

div#CachedFooterHtml_PanelLanguageFooter {
display: none;
}

.rk_bottom_nav{
	position:relative;
	width:420px;
	height:auto;
	float:left;
}
	
.rk_bottom_nav a{
	display:block;
	width:auto;
	height:15px;
	padding:3px 5px 3px 5px;
	float:left;
	color:black;
	text-decoration:none;
	border-right:solid black 1px;
	border-top:solid black 1px;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	line-height: normal;
}

.rk_bottom_nav a:hover {
	background-color:black;
	color:white !important;
}

.rk_bottom_nav a.rk_lastLink{
	border-right:none;
	padding-right:2px;
}

.rk_default-page-title, #content .page-title    
{
    font-family: Helvetica, Tahoma, Arial, sans-serif;
    font-size: 22px !important; /* 200% with the inherits of using ems causes an issue so force to pixel */
    font-weight: bold;
    line-height: normal;
    color: #000 !important;
    display: block;
    padding: 4px 0px 7px 0px;
    border-bottom: 2px solid #000 !important;   
    width: 430px;
}
#signin > .frame 
{
    border-top: #da291c solid 6px;
    background-color: #EEE;
    padding: 20px 15px 15px 15px;
    width: 400px;
    margin: 0;
}

#signin > .frame input
{
	margin-bottom: 5px;
}

#FullContent_ContentBottom_LoginControl_LoginPanel span.checkbox
{
    display: none;
}

#FullContent_ContentBottom_LoginControl_LoginFailedPanel
{
    background-color: #EEE;
    padding: 10px 0 0 0;
    border: none;
    font-weight: normal;
}
/*------- override defaults -------*/
#main
{
    font-size: 1em;
    line-height: normal;
}

.ie #layout
{
	filter: none;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#PasswordRecoveryEmailTextBox
{
	display: none;
}

.search-criteria-validators
{
	width: auto;
}

#bd .breadcrumbs
{
    border-bottom: none;
}

.ie8 #bd .breadcrumbs
{
	display: block !important;
}

.page-title
{
	font-size: 22px !important;
    font-weight: bold;
    border-bottom: 6px solid #000;	
	padding-bottom: 7px;
}

.account-lookup-view-header-row
{
	background-color: #C41425;
}

.change-password-field 
{
    margin-bottom: 10px;
}

/* overview */


.subscription-view-column 
{
    padding-right: 80px;
}
.subscription-view-column > div 
{
    margin-bottom: 3px;
}
.view-link 
{
    border-top: 1px solid #000;
}
.view-section 
{
    border: none !important;
}
.billView-pre-bill-cycle
{
    display: none;
}
.billView-pre-expiry-date .link 
{
    float: right !important;
    padding-right: 10px;
}
.billView-pre-last-topup 
{
    text-align: right;
}
.billView-pre-last-topup .label, .billView-pre-last-topup .literal 
{
    display: none;
}
.billView-pre-last-topup .link 
{
    padding-right: 10px;
    float: none !important;
}
.billView-pre-last-topup-date 
{
    display: none;
}
.subscription-view .view-bottom-section .view-row:first-child .view-2column:first-child
{
   display: none;
}
.profile-view .view-link a
{
    padding-left: 3px;
    padding-right: 1px;
}
.profile-view .view-link a:first-child
{
    padding-left: 0;
}

.account-view 
{
    display: none;
}

.subscriptiondeactivationbutton
{
	display: none !important;
}

.dashboard .border-seperator 
{
    border: none;
    margin: 0;
}
.dashboard-navigation 
{
    border-bottom: 6px solid #da291c;
}
.dashboard-navigation > .navigation
{
    width: auto;
}
.dashboard .navigation li a, .dashboard .subnavigation li a 
{
    display: block;
    margin-right: 4px;
    padding: 0 8px;
    height: 22px;
    line-height: 22px;
	background-color: #000;
}
.dashboard .navigation li a.active, .dashboard .subnavigation li a.active
{
	background-color: #da291c;
}
.dashboard .navigation li a
{
	font-weight: bold;
}
.dashboard .subnavigation li a 
{
    margin-right: 2px;
	color: #fff !important;
}.dashboard .subnavigation li a:hover
{
	background-color: #da291c !important;
}
.dashboard .subnavigation 
{
    margin: 0;
    background-color: #EAEAEA;
}
.dashboard .dashboard-body a
{
	color: #da291c !important;
}
.dashboard .dashboard-body a:hover
{
	color: #fff !important;
	background-color: #da291c !important;
}

/* plan details */
.rk_planDetails 
{
    background-color: #EAEAEA;
    padding: 15px 30px;
}
.rk_planDetails_title 
{
    float: left;
    font-weight: bold;
    width: 70%;
}
.rk_planDetails_price 
{
    float: right;
    font-weight: bold;
}
.rk_planDetails ul 
{
    list-style: disc inside !important;
    margin-left: 40px;
}
/* change plan */
.change-plan-option label 
{
    margin-left: 20px;
}
.change-plan-available-plan 
{
    margin: 7px 0;
    padding-bottom: 2px;
    border-bottom: 1px solid #EAEAEA;
}
#change-plan #plan-description-column 
{
	width: 45%;
    padding: 5px 5px 5px 20px;
}
#change-plan #plans-column 
{
    padding: 5px 20px 5px 5px;
	width: 45%;
}
.plans-section-header 
{
    margin-bottom: 5px;
}
#current-plan .plans-section-header
{
	font-weight: normal;
}
#change-plan #current-plan 
{
    margin-top: 25px;
}
#change-plan #available-plans 
{
    margin-top: 15px;
}
.ui-dialog #confirm-message 
{
    text-align: left;
}
.plans-section-header-sort 
{
    display: none;
}
#change-plan > b, #change-plan > b > b 
{
    font-weight: normal;
}
div[aria-labelledby="ui-dialog-title-confirm-message"] .ui-dialog-titlebar
{
	width: 91% !important;
}
#change-plan #device-selection
{
	display: none;
}

/* Case styling */
.note-data
{
    font-weight: bold;
}
#case-notes p.note-content
{
    padding-left: 20px;
}
#case-notes span
{
    padding-left: 20px;
}
.list-header
{
    background-color: #eaeaea;
}
.tabular-data
{
   margin-bottom: 10px;
}
.tabular-data th
{
   text-align:center;
}
.tabular-data th, .table-data td
{
    padding: 0px 5px;
    border: #000 1px solid;
}
.case-filter
{
   margin-bottom: 10px;
}
/* transaction history *//*
.transaction-search-controls 
{
    margin-bottom: 20px;
}
.transaction-history-content .date-picker 
{
    clear: both;
}
.transaction-history-content li .type, .transaction-history-content .list-header .type
{
    text-align: left;
}
.transaction-history-content li 
{
    border-bottom: 1px solid #000;
}
.transaction-history-content li.list-header
{
    background-color: #EAEAEA;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-weight: bold;
}
.transaction-history-content li > span 
{
    padding: 5px 10px;
    border-right: 1px solid #000;
}
.transaction-history-content .date 
{
    width: 80px;
	border-left: 1px solid #000;
}
.transaction-history-content .type
{
    width: 486px;
    white-space: nowrap;
}
.transaction-history-content .credit, .transaction-history-content .debit
{
    width: 75px;
}
.transaction-history-content .id 
{
    width: 105px;
	padding-right:13px;
}
.transaction-history-content li 
{
    zoom: 1;
}
.transaction-history-content li:after 
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#FullContent_DashboardContent_TransactionsDataPagerPrePaid span, #FullContent_DashboardContent_TransactionsDataPagerPrePaid a
{
    height: 16px;
    line-height: 16px;
    padding: 0 6px;
    border-right: 1px solid #666;
    background-color: #EAEAEA;
}
#FullContent_DashboardContent_TransactionsDataPagerPrePaid a:hover 
{
    background-color: #da291c;
    color: #fff;
}
#FullContent_DashboardContent_TransactionsDataPagerPrePaid
{
    background-color: #EAEAEA;
    padding-left: 4px;
}
.transaction-history-content .table-data
{
    display: block;
    height: 35px;
}
.transaction-history-content li.list-header
{
    display: block;
    height: 46px;
}
.transaction-history-content li.list-header .date, .transaction-history-content li.list-header .type, .transaction-history-content li.list-header .id
{
    height: 36px;
}*/
/* modify add-ons */
.available-add-on-title, .price-plan-name 
{
    font-size: 12px !important;
}
.modify-add-one-my-plp,
{
    display: none;
}
.confirm-button input#ResetConfirmButton
{
    display: none;
}
.services-column, .bundles-column, .plp-column
{
    font-size: 12px !important;
}
#changes-confirm-message .list-title
{
	text-align: left;
}
div[aria-labelledby="ui-dialog-title-changes-confirm-message"] .ui-dialog-titlebar
{
	width: 95%;
}
/* Usage history */
#FullContent_DashboardContent_ViewBundleUsagePanel .table-header
{
font-weight: bold;
background-color: #da291c;
color: #FFFFFF;
}
#FullContent_DashboardContent_ViewBundleUsagePanel .table-header td, .table-data.status, .table-data.startDate, .table-data.endDate
{
    text-align: center;
}
.table-data.allowance, .table-data.used, .table-data.remaining
{
    text-align: right;
    padding-right: 5px;
}
.bundle-usage table, .bundle-usage td
{
	border: none;
}
.bundle-usage .table-header td
{
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}
.bundleName, .categoryName
{
	border-left: 1px solid #000 !important;
}
.bundle-usage .table-data
{
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}
/* jquery ui overrides */
.ui-dialog-buttonset button 
{
    background: #000 !important;
    border: none !important;
    color: #fff !important;
    font-family: Helvetica, Tahoma, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
    line-height: 22px !important;
    padding: 0 20px !important;
    cursor: pointer !important;
    border-radius: 0;
}
.ui-dialog .ui-dialog-titlebar
{
    background: #da291c !important;
    border: none !important;
}
.ui-widget-content
{
	border-color: #FDEADA !important;
}
#ui-dialog-title-activation
{
	color: #fff !important;
}

/* Error and Success Containers */
.error-message-container, .success-message-container
{
	width: 915px;
}

#signin .error-message-container
{
	width: 378px;
}
.error-message-container
{
	background-color: #FF8888 !important;
	border: 1px solid #FF0000 !important;
	color: #FF0000 !important;
}
.error-message-container a, .error-message-container a:visited
{
    color: #000 !important;
}
.error-message-container a:hover, .error-message-container a:active 
{
    background: none;
    color: #fff !important;
}.success-message-container
{
    background-color: #59c45c !important;
    color: #08520A !important;
	border: 1px solid #08520A !important;
}
.success-message 
{
    background-color: #9CCC9C !important;
    color: #2C552D !important;
	border: none !important;
	font-weight: normal !important;
}
.success-message div, .success-message span 
{
    display: inline;
    padding: 2px;
}

{
.welcome-logged-in-as, .welcome-last-login, .welcome-logged-in-as-dealer
	display: none;
}

/* top-up */

/*Hide Register Credit Card Link*/
.replace-credit-card-link {
display: none !important;
}

.prepaid-top-up .label, .recurring-top-up-info .label 
{
    text-align: right;
}
#FullContent_DashboardContent_PaymentTypeControl_NoRegisteredCreditCardPanel 
{
    margin: 10px 0 0 20%;
    padding-left: 8px;
}
.top-up-info > div, .top-up-info select, .top-up-info input, #FullContent_DashboardContent_PaymentTypeControl_RegisteredCreditCardDetailsPanel, #FullContent_DashboardContent_TaxPanel,
div.top-up-info > table
{
    margin-bottom: 10px;
}

div.top-up-info .alignedlabel
{
width: 20% !important;
text-align: right;
color: #000000;
font-size: 12px;
font-weight: bold;
padding-right: 8px;
}
#FullContent_DashboardContent_SubmitButtonPanel input:first-child
{
    margin-left: 20%;
}
#FullContent_DashboardContent_SelectPaymentMethodPanel table tr:first-child td:first-child, #FullContent_DashboardContent_PaymentAmountDropdownPanel table tr:first-child td:first-child, #FullContent_DashboardContent_TaxPanel table tr:first-child td:first-child, #FullContent_DashboardContent_TotalAmountPanel table tr:first-child td:first-child, #FullContent_DashboardContent_MobileNumberPanel table tr:first-child td:first-child, #FullContent_DashboardContent_PrepaidBalancePanel table tr:first-child td:first-child, #FullContent_DashboardContent_TopupSelectionPanel > div.top-up-info > table tr:first-child td:first-child
{
    width: 177px !important;
    padding-right: 9px;
    text-align: right;
    font-weight: bold;
    /*padding-bottom: 7px;*/
}
#FullContent_DashboardContent_TaxPanel table tr:first-child td:first-child, #FullContent_DashboardContent_TotalAmountPanel table tr:first-child td:first-child
{
    padding-bottom: 0px !important;
}
#FullContent_DashboardContent_PaymentAmountDropdownPanel table tr:first-child td:first-child, #FullContent_DashboardContent_SelectPaymentMethodPanel table tr:first-child td:first-child
{
	padding-bottom: 10px;
}
#FullContent_DashboardContent_ctl02 .label
{
    width: 177px;
    padding-right: 9px;
}
#FullContent_DashboardContent_SubmitPaymentButton
{
    margin-left: 188px;
}
.ie7 #FullContent_DashboardContent_PaymentAmountDropdownPanel
{
    padding-top: 3px;
}
#FullContent_DashboardContent_ConfirmationNumberPanel .label, #FullContent_DashboardContent_PaymentTypeDisplayPanel .label, #FullContent_DashboardContent_ToppedUpAmountPanel .label
{
	font-weight: bold;
}

/* credit card registration */
.card-info-lable 
{
    font-weight: bold;
    margin-top: 2px;
}
.card-info-textfield input[type="image"] 
{
    /*display: none;*/
}
.creditcard-registrion-required 
{
    color: #f00;
    margin: 0 5px;
}
.card-info-textfield 
{
    /*margin-bottom: 10px;*/
}
.credit-card-left-column, .credit-card-right-column
{
    padding-bottom: 5px;
}
div[aria-labelledby="ui-dialog-title-cvv2-info-message"] .ui-dialog-titlebar
{
	width: 91%;
}

/* form element override */

.dashboard-package-details .CRleftrow {
width: 5%;
float: left;
margin: 2px;
text-align: right;
}

input[disabled="disabled"][type="radio"], input[disabled][type="radio"]
{
	background-color: transparent !important;
}

/* New Transaction History */

#FullContent_DashboardContent_TransactionHistoryUpdatePanel
{
	margin-top: 10px;
}
.transaction-history-content .gridView .gvTransactionHistoryHeader th
{
    background-color: #d3d3d3;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
	text-align: center;
    font-size: 1em !important;
	height: 35px;
}
.gvTransactionDateHeader
{
    border-left: 1px solid #000 !important;
	width: 130px;
}
.gvCreditHeader, .gvDebitHeader
{
	width: 110px;
}
.gvIDHeader
{
	width: 150px;
}
.gridView .gvTransactionHistoryRow td, .gridView .gvTransactionHistoryAltRow td
{
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
	font-size: 0.8em;
	padding: 0 5px;
    font-size: 1em !important;
}
.gridView .gvTransactionHistoryRow .gvIDHeader, .gridView .gvTransactionHistoryAltRow .gvIDHeader
{
	border-right: 1px solid #000;
}
.gvTransactionHistoryAltRow
{
	background-color: #eaeaea !important;
}
.dashboard-account-selector, #FullContent_DashboardContent_TopupSelectionPanel .top-up-info > table:first-child >tbody > tr:first-child{
    display: none;
}

/*Garvin Special Request remove home page elements */
div#TransactionHistoryDiv {
display: none;
}

div#DivUsageAndHistory {
display: none;
}

div#viewUsageAndCallHistoryDiv {
display: none;
}

div#divProfileView {
//display: none;
}

#FullContent_DashboardContent_ProfileView_divCsa{
    display: none;
}

#FullContent_accountviewpanel > div > table  > tbody > .account-lookup-view-header-row th:first-child, #FullContent_accountviewpanel .account-lookup-item-row td:first-child{
   display: none;
}

#FullContent_accountviewpanel .account-lookup-view-header-row th + th + th + th + th + th + th + th + th + th, #FullContent_accountviewpanel .account-lookup-item-row td + td + td + td + td + td + td + td + td + td{
    border-right: 1px solid black;
}
#FullContent_changepassword_ChangePasswordRecoveryEmailPanel{
display:none;
}

#primary_nav_wrap
{
	margin-top:18px;
}

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#primary_nav_wrap ul a
{
	display:block;
	color:#333;
	text-decoration:none;
	font-weight:700;
	font-size:12px;
	line-height:32px;
	padding:0 15px;
	font-family:Helvetica,"HelveticaNeue","Helvetica Neue",Arial,sans-serif
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	border-top:3px solid #fff;
}

#primary_nav_wrap ul li.active
{
	border-top:3px solid #da291c;
}

#primary_nav_wrap ul li:hover
{
	border-top:3px solid #da291c;
}

#primary_nav_wrap ul a:hover
{
    color: white !important;
}


#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:200px
}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:10px 15px
}

#primary_nav_wrap ul ul ul
{
	top:3px;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block
}

.ie #hd .first.section
{
background: white !important;
}
#hd
{
background: white;
}
#ft{
	font-size: 11px !important;
}

/* edit-profile */
#FullContent_DashboardContent_ContactForm table caption 
{
    display: none;
}
#FullContent_DashboardContent_EditProfileFormView_CancelButton
{ 
 display: none;
}


/* Account Number on topup success */
#FullContent_DashboardContent_ToppedUpAmountPanel+table{
  display: none;
}
#tabsCP li a, #tabsNP li a
{
   color: #fff !important;
}
#tabsCP #tabs-2
{
    height: 100px !important;
    overflow-y: auto !important;
}
.welcome-login
{
   display: none;
}
#FullContent_DashboardContent_controlCurrentPlanDetails_DivCurrentPlanDetails
{
    display: none;
}

#FullContent_DashboardContent_ctl01_PhoneOptions
{
    display: none;
}

#FullContent_DashboardContent_EditProfileFormView_ValidationSummaryEditProfileFormView
{
display: none;
}

.account-lookup-container th
{
color: white;
}

#FullContent_DashboardContent_AvailablePlans .list-header
{
display: none;
}

.change-username-field > div {
    float: left;
    width: 200px;
}

.change-username-field {
    margin-bottom: 10px;
}

#FullContent_DashboardContent_EditProfileFormView_ValidationSummaryEditProfileFormView
{
display: none;
}

.PhoneNumberListStyle
{ 
width : 110px !important; 
}

/* CSS that is used to align the radio buttons on Transaction History page...it's been commented out to fix alignment between both radio buttons

#UseDropDownRadioButton
{
margin-left: 5px;
}

#DateSelectDropDownList
{
margin-left: 5px;
}

*/

#TransactionDateHeader,
#TransactionTypeHeader,
#TransactionHistoryCreditHeader,
#TransactionHistoryDebitHeader,
#TransactionHistoryIdentifierHeader,
#CallHistoryTransactionDate,
#CallHistoryCallType,
#CallHistoryOriginatingNumber,
#CallHistoryDestinationNumber,
#CallHistoryDestinationNumber,
#CallHistoryDestinationLocation,
#CallHistoryOriginatingLocation,
#CallHistoryDuration,
#CallHistoryDataUsage,
#CallHistoryUsageType,
#CallHistoryBalance,
#CallHistoryCharge
{
color:white !important;
}

#UseDateRangeRadioButton{float:none;}
 

.gvTransactionDateHeader,.gvTransactionTypeHeader,.gvCreditHeader,.gvDebitHeader,.gvIDHeader,
.gridViewTDHideShowHeader,
.gridViewCTHideShowHeader,
.gridViewONHideShowHeader,
.gridViewDNHideShowHeader,
.gridViewOLHideShowHeader,
.gridViewDLHideShowHeader,
.gridViewDHideShowHeader,
.gridViewDUHideShowHeader,
.gridViewUTHideShowHeader,
.gridViewBHideShowHeader,
.gridViewCHideShowHeader
{
background-color: #da291c !important; 
}

.gvCallHistoryHeader>.gvCallHistoryShowBundleIcon {
    background-color: #da291c !important;
}

.gvDebitCol,
.gvCreditCol
{
text-align: center !important; 
}

/* the following CSS is used to modify a couple of things...1_the device type section on the price plan change page in WSC and 2_fix the spacing of the price plan section so that displays higher on the page...TELCEL-681*/

.dashboard-content .device-section{
display: none;
}

#change-plan #current-plan 
{
    margin-top: 0px;
}

/* the following CSS is used to standardize (ie. make the same) the length of username/password fields on the login page (across browsers)...TELCEL-704 */

.frame #FullContent_ContentBottom_LoginControl_UserName,#FullContent_ContentBottom_LoginControl_Password
{
	width: 175px;
}

/* the following CSS is used to fix the spacing/alignment of the radio buttons and fields in the "IMEI Management" page...TELCEL-838 */

#bd > div.dealer-IMEIBlocking-container {
	padding-left: 10px; /* you can setup left spacing here */
}

@media print {
#layout, #main {
	width: 100%;
}

#bd {
	overflow: auto;
}

#main {
	margin-bottom: 0;
	padding-bottom: 0;
}

#hd .navigation, #hd-links, #sidebar, #ft .navigation, #bd .breadcrumbs {
	display: none;
}

}