/*----- Yahoo styles to standardise fonts across browsers -----*/
/* Copyright (c) 2008, Yahoo! Inc. All rights reserved.
   Code licensed under the BSD License:  http://developer.yahoo.net/yui/license.txt version: 2.6.0
   Percents could work for IE, but for backCompat purposes, we are using keywords.
   x-small is for IE6/7 quirks mode. */
body {
    font:13px/1.231 Arial, Helvetica, sans-serif;
    font-size:small; /* for IE */
    font:x-small; /* for IE in quirks mode */
}
/* Nudge down to get to 13px equivalent for these form elements */ 
select,
input,
button,
textarea {
    font:99% Arial, Helvetica, sans-serif;
}
/* To help tables remember to inherit */
table {
    font-size:inherit;
    font:100%;
}
/* Bump up IE to get to 13px equivalent for these fixed-width elements */
pre,
code,
kbd,
samp,
tt {
    font-family:monospace;
    font-size:108%;
    line-height:100%;
}
html, body
{
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
}
/*----- End of Yahoo styles -----*/

/*----- Default WebPortal styles (including dummy ones to remove page warnings) -----*/
/*----- Put all new classes here to keep track of what we have -----*/
.accountInfo
{
    background-color: #e0e1e1;
    border-radius: 8px;
    padding: 8px;
    width: 400px;
}
.accountInfoPanel
{
    float: left;
}
.billInfoPanel
{
    float: right;
}
.billsummarycol_1{} 
.billsummarycol_2{} 
.billsummarycol_3{} 
.billsummarycol_4{} 
.billsummarycol_5{} 
.button{}
.buttonhover{}
.callFilter
{
    padding: 10px;
}
.callFilterPanel
{
    padding: 10px;
    background-color: #e0e1e1;
    margin-bottom: 10px;
    -moz-border-radius:8px; border-radius:8px; 
}
.callTagged{}
.callTaggedManual{}
.callTaggedAuto{}
.checkoutSummary{}
.changePassword{}
.clear {clear:both;}
/* CLEARFIX */
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
.cookieWarningText p {
	margin-bottom: 10px;
}
.cookieWarningText strong 
{
	font-weight: bold;
}
.cookieWarningText ul {
	margin-bottom: 10px;
	margin-left: 30px;
	list-style: disc;
}
.dateRangePanel {
    float: right;
}
.debitCell
{
    color: #ff0000;
} 
.divHeader
{
    margin-bottom: 5px;
}
.divHeader .accountInfoPanel
{
    float: left;
}
.divHeader .billInfoPanel
{
    float: right;
}
.error {
    font-size: 100%!important;
    font-weight: normal;
    color: #cc0000;
    text-align: center;
} 
.errorLeft
{
    font-size: 85%;
    font-weight: normal;
    color: #cc0000;
    text-align: left;
}
.footer
{
    font-weight: bold;
    background-color: #e0e1e1;
    border: solid 1px #e0e1e1;
    padding: 2px 2px 2px 10px;
    text-align: left;
}
.footer td:first-of-type
{
    border-bottom-left-radius: 8px;
}
.footer td:last-of-type
{
    border-bottom-right-radius: 8px;
}
.graphSelectionPanel
{
    float: right;
}
.gridAltRow
{
    vertical-align: top;
    padding: 2px 2px 2px 2px;
    background-color: #e1e2e3;
}
.gridCell
{
    vertical-align: top;
    padding: 2px 2px 2px 2px;
    white-space: nowrap;
}    
.header
{
    font-weight: bold;
    background-color: #e0e1e1;
    border: solid 1px #e0e1e1;
    padding: 2px 2px 2px 10px;
    text-align: left;
}
.hiddenPanel { visibility:hidden; display:none; }
.helpBody{margin: 10px; background-color: #ffffff; background-image: none;}
.helpImage{margin: 10px auto 10px auto;}
.helpSubTitle{font-weight: bold; margin-bottom: 5px;}
.helpText{color: #333333; margin-bottom: 15px;}
.helpText li{margin-bottom:10px;}
.helpTitle{font-weight: bold; margin-bottom: 5px;}
.imrSummary th.textBold
{
	text-align:center;
}
.imrSummary .textColumn 
{
	text-align:right;
}

.input{}
input[type="submit"]:disabled
{
    color: #f0f0f0;
    cursor: default;
	font-weight: normal;
    background-color:#C0C0C0;
}
.labelRight
{
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
    white-space: nowrap;
}
.loaderImage
{
    padding: 5px;
    height: 32px;
	vertical-align:middle;
}
.managementReportsGrid{}
#Menu1 img.icon { border-style:none;vertical-align:middle; }
#Menu1 img.separator { border-style:none;display:block; }
#Menu1 img.horizontal-separator { border-style:none;vertical-align:middle; }
#Menu1 ul { list-style:none;margin:0;padding:0;width:auto; }
#Menu1 ul.static { padding:0 0 0 0; }
#Menu1 ul.dynamic { z-index:1; }
#Menu1 ul li { position: relative; float: left; list-style: none; }
#Menu1 ul li ul { display: none; }
#Menu1 a { text-decoration:none; white-space:nowrap; display:block; cursor: pointer;}
.message{}
.messagePanel
{
    text-align: center;
    font-size: 120%;
}
.modalBackground { background-color:Gray!important; filter:alpha(opacity=70)!important; }
.modalPopup { background-color:#ffffff; -moz-border-radius:8px; border-radius:8px; }
.noWrap
{
    white-space: nowrap;
}
.panelPopup
{
    background-color:#ffffff;
    -moz-border-radius:8px; 
    border-radius:8px; 
    padding: 8px;
}
.passwordContinueButton
{
    margin-top: 10px;
}
.passwordEntry
{
    float: right;
}
.passwordInput{}
.popupTable{}
.reportBackground 
{
	background-color: #ffffff;
}
.reportGrid
{
    border-radius: 8px;
}
.reportCallSelectionPanel
{
    float: left;
}
.reportQuantitySelectionPanel
{
    float: right;
}
.submitButton
{
    text-align: center;
}
.tableCustSummary{}
.tableCustSummary .textBold
{
    text-indent: 10px;
}
.tableFields
{
    padding:0; 
    margin:0;
}
.tableFields .textBold {
    padding:0!important;
}
.tableFields input[type=checkbox] {
    -ms-transform: scale(.8);
    -moz-transform: scale(.8); 
    -webkit-transform: scale(.8); 
    -o-transform: scale(.8); 
    transform: scale(.8); 
    margin:0;
}
.tableFields tr, .tableFields td {
    padding:0; 
}
.tableGrid
{
    font-size: 85%;
    width: 100%;
    border: 1px solid #e0e1e1;
    padding: 2px 2px 2px 2px;		
    border-radius: 8px;
}    
.tableGrid td
{
    border: 1px solid #e0e1e1;
}    
.tableGrid .header td:first-of-type
{
    border-top-left-radius: 8px;
}
.tableGrid .header td:last-of-type
{
    border-top-right-radius: 8px;
}
.tableHeader
{
    background-color: #e0e1e1;
    font-size: 85%;
    text-align:left;
    border : solid 1px #e0e1e1; 	
    padding: 2px 2px 2px 2px;	
    border-radius: 8px;
}
.tableInfo{}                 
.tableInfo .header
{
    border-radius: 8px;
}
.tableMain
{
    font-size: 85%;
    width: 100%;
    padding: 0 0 0 0;
    border : solid 0 #e0e1e1; 		
    border-radius: 8px;
}
.tableMain td:first-of-type
{
    border-radius: 8px;
}
.tableMain .tableSummary, 
.tableSummary
{
    width: 99%;
    font-size: 85%;
}
.tableMain .tableSummary {
	font: inherit;
}
.tableSeparator{
    background-color: #C0C0C0;
}
.tableSeparator td{
    padding-bottom: 1px;
}
.tableSummary input {
	cursor: pointer;
}
.tableSummary th {
	text-align: left;
}
.tableSummary td {
	padding-left: 10px;
    white-space: nowrap;
    vertical-align: top;
}
.tableSummary td.dxeButtonEditButton,
.tableSummary td.dxeButtonEditButton td.dx {
	padding-left: 1px;
}
.tableSummary .subTotal {
	text-align: right;
    border-top : solid 1px #e0e1e1; 		
    border-bottom : solid 1px #e0e1e1; 		
}
.tableSummary .textBold {
    width:1%;
    white-space:nowrap;
}
.tableSummary .textColumn 
{
	/*width: 500px;*/
	white-space: normal!important;
}
.tableSummary .totalLabel {
	text-align: right;
    border-bottom : solid 1px #e0e1e1; 		
}
.tableSummary .total {
	/*background-color: #e0e1e1;*/
}
.tabPrintLabel {
	display: none;
	visibility: hidden;
}
.text{}
.textBold
{
    font-weight: bold;
}
.textBoldRight
{
    font-weight: bold;
    text-align: right;
}
.textCreditBold
{
    font-weight: bold;
    text-align: right;
}
.textDebitBold
{
    font-weight: bold;
    text-align: right;
    color: #ff0000;
}
.textRight
{
    text-align: right!important;
}
.textsmall{}
.textSmallRight
{
	text-align: right;
}              
.ticketmessage{}
.title{}
.userNameInput{}
.watermarked { background-color: #f0f0f0; border: 1px solid #bebebe; color: #a0a0a0; }
.webPortalContent
{
    padding: 10px;
    min-height: 500px;
}

.wlrLineTestOk {
    color: #FFF;
    font-weight: bold;
    font-size: 1.3em;
    background-color: #17B40C;
}

.wlrLineTestFail {
    color: #FFF;
    font-weight: bold;
    font-size: 1.3em;
    background-color: #C70039;
}

.wlrLineTestInfo {
    color: #FFF;
    font-weight: bold;
    font-size: 1.3em;
    background-color: #0C8BB4;
}

.refreshtext{
    color:#C0C0C0 !important;
    font-size:0.75em !important;
}

/*----- End Default WebPortal styles -----*/

/*----- DevExpress Style Overrides -----*/
.dxControlsInline {display: inline-table;}
tr.gridRoundedFooter {
    background-color: transparent;
}
.gridRoundedFooter td
{
    background-color: #e0e1e1;
}
.gridRoundedFooter td:first-of-type
{
    border-bottom-left-radius: 8px!important;
}
.gridRoundedFooter td:last-of-type
{
    border-bottom-right-radius: 8px;
}
.dxdvControl
{
    color: inherit;
}
.dxdvItem, 
.dxdvFlowItem
{
    background-color: #e0e1e1;
    border: none;
    border-radius: 8px;
    padding: 12px 12px 12px 14px;
}
.dxeBase {
  font: inherit;
}
.dxflGroupBoxCaption
{
    background-color: #e0e1e1;
}
.dxgvControl
{
    border: none;
    margin-bottom: 3px;
}
.dxgvEditFormDisplayRow td.dxgv,
.dxgvDataRow td.dxgv,
.dxgvDataRowAlt td.dxgv,
.dxgvSelectedRow td.dxgv,
.dxgvFocusedRow td.dxgv
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal; 
    font-size: 8pt;
    white-space: nowrap;
    overflow: hidden;
    border-left: Solid 1px #cfcfcf;
    border-top: 0;
    border-right: 0;
    padding: 2px 2px 2px 2px;
}
.dxgvDataRow td.debitCell
{
    color: #ff0000;
}
span.aspxCheckbox,
.aspxCheckbox input
{
    padding: 0!important;
    margin: 0!important;
}
.dxgvHeader
{
    cursor: pointer;
    padding: 4px 6px 5px 6px;
    overflow: hidden;
    -moz-user-select: none;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    background-color: #e0e1e1;
    white-space: normal;
}
.dxgvHeader:first-of-type
{
    border-top-left-radius: 8px;
}
.dxgvHeader:last-of-type
{
    border-top-right-radius: 8px;
}
.dxgvHeader, .dxgvHeader table {}
.dxgvHeader td
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold; 
    font-size: 8pt;
    color : #444444;
    background-color: #e0e1e1;
    white-space: normal;
}
.dxgvHeader a 
{
}
.dxgvFooter td
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold; 
    font-size: 8pt;
    white-space: nowrap;
    text-align: right;
}
.dxgvPagerBottomPanel
{
    background-color: #e0e1e1;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: #444444;
}
.dxgvPagerBottomPanel td,
.dxgvFilterPopupItem td.dxgv,
.dxgvFilterPopupActiveItem td.dxgv,
.dxgvFilterPopupSelectedItem td.dxgv,
.dxeCalendar td,
.dxgvFilterPopupItemsArea
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}
.dxgvTable
{
    border-bottom: none;
}
.dxpcContent, .dxpcControl, .dxtcControl
{
    color: inherit;
    font: inherit;
}
.dxtcTab, 
.dxtcActiveTab
{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.dxbButton, .dxbButtonHover {
    background: none;
    color: inherit;
    border: none;
    font: inherit;
}

/* Alerts Rule Page - Tabs */
.dxtcActiveTab_Metropolis, .dxtcActiveTabWithTabPositionBottom_Metropolis, .dxtcActiveTabWithTabPositionLeft_Metropolis, .dxtcActiveTabWithTabPositionRight_Metropolis {
    padding: 4px 36px 4px;
    text-align: center;
    background-color: #444444;
    color: #fff;
}
.dxtcLeftIndentCell_Metropolis, .dxtcRightIndentCell_Metropolis {
    width: 5px !important;
    border-bottom-color: #444444 !important;
    border-bottom-width: 4px !important;
    border-bottom-style: solid !important;
}
.dxtcRightAlignCell_Metropolis {
    width: 100% !important;
    border-bottom-color: #444444 !important;
    border-bottom-width: 4px !important;
    border-bottom-style: solid !important;
}

.refreshtext {
    color: #C0C0C0;
    font-size: 0.75em;
}

/* END Alerts Rule Page - Tabs */

/* Page Alert */

.alert {
    font-weight: 300;
}

.alert-info {
    color: #285462;
    background-color: #8fd4e9;
    border-color: #68c5e1;
}

.alert-success {
    color: #104f09;
    background-color: #6acb5f;
    border-color: #36b927;
}

.alert-warning {
    color: #6e6446;
    background-color: #fcedbe;
    border-color: #fbe6a8;
}

.alert-danger {
    color: #652424;
    background-color: #ee8989;
    border-color: #e86060;
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 2px solid transparent;
    border-radius: 6px;
}

/* End of Page Alerts */
.billimitlist {
    color: #ff0000;
}

/*----- End DevExpress Style Overrides -----*/