/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: #b6b7bc;
    background: #96ACB7;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
    color: #000;
}

input:focus, textarea:focus {
    background-color: #FFFFD0;  
}

/*
select:focus {
    background-color: #FFFFD0;  
}
*/

input[disabled] 
{
    color: Black;
} 
            
a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 960px;
    background-color: #fff;
    margin: 10px auto 0px auto;
    border: 1px solid #496077;
    border: 2px solid #008897;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    background: #660000;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 10px;
    min-height: 430px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #3e4756;
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
    font-size: 10px;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#009997;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
    font-size: .80em;
    text-align: center;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    background-color: #008089;
    color: #dde4ec;
    color: #fff;
    display: block;
    line-height: 17px;
    padding: 4px 10px;
    text-decoration: none;
    white-space: nowrap;
    margin-right: 2px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    background-color: #869CA7;
    color: #465c71;
    color: #fff;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* SubMenu */
div.menu ul li li a, div.menu ul li li a:visited
{
    background-color: #009997;
    background-color: #fff;
    background-color: #660000;
    background-color: #008089;
    color: #000;
    color: #fff;
    border: 1px solid #999;
    display: block;
    line-height: 15px;
    padding: 4px 10px;
    text-decoration: none;
    white-space: nowrap;
    margin-right: 2px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	text-align: left;

}

div.menu ul li li a:hover
{
    background-color: #774040;
    background-color: #884040;
    background-color: #882020;
    background-color: #869CA7;
    color: #fff;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: .85em;
    display: block;
    text-align: right;
    padding: 5px 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.underline
{
    text-decoration: underline;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

/* BUTTONS */

.linkbutton{
    display:block;
    margin:0 7px 0 7px;
    background-color:#f0f0f0;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    text-decoration:none;
    font-weight:normal;
    color:#565656;
    cursor:pointer;
    padding:0px 10px 0px 7px; /* Links */
}
.linkbutton img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

a.linkbutton{
    color:#888;
}
.linkbutton:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
    color:#666;
}
.linkbutton a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

.linkbutton a.positive{
    color:#529214;
}
.linkbutton a.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.linkbutton a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.linkbutton a.negative{
    color:#d12f19;
}
.linkbutton a.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.linkbutton a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

.linkbutton a.regular{
    color:#336699;
}
.linkbutton a.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.linkbutton a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* CBTech Styles 
----------------------------------------------------------*/
table.snapshot {
	border-width: 0px;
	border-spacing: 0px;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
	background-color: white;
    font-size : .85em;
}
table.snapshot th {
	border-width: 0px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	color: white;
	background-color: #660000;
    font-size : .85em;
	text-decoration: none;
}
table.snapshot td {
	border-width: 0px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	color: black; 
    font-size : .85em;
}
table.snapshot tr:nth-child(odd) td{
	background-color: #e6e6e6;
}
table.snapshot tr:nth-child(even) td{
	background-color: #f6f6f6;
}

table.worksheet {
	border-width: 1px;
	border-spacing: 0px;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
	background-color: white;
}
table.worksheet th {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	color: black;
	background-color: #dddddd;
}
table.worksheet td {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	background-color: white;
}
.cbPanel-Left
{
    float: left;
    padding: 7px 0 7px 10px;
    margin: 0 10px 0 0 ;
    width: 455px;
    min-height: 22px;
/*    background-color: #009997;    */
}

.cbPanel-Right
{
    float: right;
    padding: 7px 0px 7px 10px;
    margin-right: 20px;
    width: 455px;
    min-height: 22px;
/*    background-color: #009997;    */
}

.cbListBox{
    font-size: .90em;
}

.cbRadioButton label
{
    margin-right: 30px;
}

.cbTabPanel
{
    font-size: .90em;
}

.cbMobile
{
    font-size: 12px;
}

.cbHeader1
{
    font-size: 14px;
    font-weight:bold;
    text-decoration:underline;
}    

.cbHeader2
{
    font-size: 14px;
    font-weight:bold;
    text-decoration:none;
}    

.cbHeader3
{
    font-size: 12px;
    font-weight:bold;
    font-style:italic;
    text-decoration:none;
}    

.cbFormText{
    font-family: Arial, Sans-Serif;  
    font-size: .90em;
    font-weight:normal;
    line-height:18px;
}

.cbFormLabel{
    font-size: .90em;
    line-height:18px;
}

.cbFormHelp{
    font-size: .70em;
    color: Blue;
}

.cbLineHeightTall
{
    line-height:28px;
}

.cbSmallLabel
{
    font-size: .70em;
}

.cbUpdateLabel{
    font-size: .90em;
    line-height:18px;
    color: Blue;
}

.cbUpdateField
{
    background-color: #F0F0FF;  
}

.cbUpdateField:focus
{
    background-color: #e0e0FF;  
}

.cbSmallNote{
    font-family: Arial, Sans-Serif;  
    font-size: .75em;
    font-weight:normal;
    line-height:18px;
}

.cbListBox{
    font-family: Arial, Sans-Serif;  
    font-size: 11px;
    font-weight:normal;
}

.cbGridTextBox
{
    font-family: Arial, Sans-Serif;  
    font-size: 10px;
    font-weight:normal;
}

.cbInstructions
{
    font-style:italic;
    font-size: .90em;
    color: Blue;
    line-height:18px;
}

.cbTextAreaLabel
{
    float:left; 
    padding-right: 5px;
}

.cbTextArea_Container
{
    float:left;
    width:800px;
    padding-bottom:40px;
}

.cbButton
{
    font-size: 10px;
}

.gvDescriptions td {
    padding: 10px;
}
.descriptions
{
    padding-top:5px;
    padding-bottom:15px;
}

.cbFormError{
    font-size: .90em;
    line-height:18px;
    color: Red;
}

.cbErrorMessage{
    font-size: .90em;
    color: Red;
}

.cbFormNumeric
{
    text-align: right;
}

.cbAccordionText
{
    font-size: .90em;
    font-weight:normal;
    line-height:18px;
}

.cbInfoMsg
{
    color: Blue;
}

.cbTable {
	border-width: 1px;
	border-spacing: 0px;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
	background-color: white;
}

.cbTable th {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}

.cbTable td {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}
.text-right
{
    text-align: right;
}

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

.cbAccordionLabel
{
    font-size: .90em;
    font-weight:normal;
    background-color:white;
    padding: 2px 2px 2px 2px;
    border-top: 1px solid #999;
}

.cbListViewHead{
    font-size: .75em;
    font-weight:bold;
    text-decoration:underline;
}

.cbLink
{
    font-size:.90em;
    color:#034AF3;
    text-decoration:Underline;
}

.cbLink:hover
{
    color:White;
    background-color:#3399FF;
    text-decoration:None;
}


.cbShowHide
{
    font-size: .75em;
    font-weight:normal;
    color:#000;
}

.cbShowHide:hover
{
    background-color:#3399FF;
    color:#fff;
}

.cbListView 
{
    float:left;
    font-size: .75em;
    font-weight:normal;
    color:#000;
}

.cbListView:hover
{
    background-color:#3399FF;
    color:#fff;
}

.cbGridView
{
    font-size:.90em;
}

.cbMessageBox
{
    position:absolute;
    display:none;
    margin:100px 0 0 90px;
}

.cbStatus
{
    position:absolute;
    display:none;
    background-color:#eee;
    margin:20px 0 0 330px;
    padding: 20px 10px;
    border:1px solid #999;
    text-align: center;
    box-shadow: 10px 10px 5px #888;
}

.cbBusyPanel
{
    position:absolute;
    display:none;   
    width: 960px;
    margin-top: 130px;
}

.cbBusy
{
    display: block;
    margin: auto;
}

.cbStatusNarrow
{
    position:absolute;
    display:none;
    background-color:#eee;
    margin:100px 0 0 50px;
    padding: 20px 10px;
    border:1px solid #999;
    text-align: center;
}

.cbOutOfBalance
{
    font-weight:bold;
    text-align: center;
    color: white;
    background-color: Red;
    padding: 0px 4px 0px 4px;
}    

.cbHidden
{
    display:none;
}

.cbCalendar
{
	border-width: 3px;
	border-spacing: 2px;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}

.cbCalendar th
{
    font-size: 14px;
    font-weight: bold;
    background-color: #008089;
}

.cbCalendar td {
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: gray;
	background-color: white;
}

.cbCalendarHeader
{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.cbCalendarDate
{
    font-size: 14px;
    font-weight: bold;
}

.view-left{
    float:left;
}    


.view-right{
    float:right;
}    

.button-right{
    float:right;
    font-size: 10px;
    margin-right: 10px;
}    

#dashboard-nav{
    text-align: center;
    margin-bottom: 0px;
}

.select
{
    width: 960px;
}

.select-center
{
    padding: 7px 0 7px 10px;
    margin: 0 10px 0 0 ;
    width: 455px;
    background-color: #009997;
    min-height: 22px;
}

.select-left
{
    float: left;
    padding: 7px 0 7px 10px;
    margin: 0 10px 0 0 ;
    width: 455px;
    background-color: #009997;
    min-height: 22px;
}

.select-right
{
    float: right;
    padding: 7px 0px 7px 10px;
    margin-right: 20px;
    width: 455px;
    background-color: #009997;
    min-height: 22px;
}

.select-full
{
    padding: 7px 0 7px 10px;
    margin: 0 10px 0 0 ;
    width: 930px;
    background-color: #009997;
}

.commcenter-page
{
    margin: 10px 5px 10px 5px;
}

.commcenter-left
{
    float: left;
    width: 440px;
    margin-top: 0px;
}

.commcenter-right
{
    position:absolute;
    top: 10px;
    left: 455px;
    width: 63%;
}

.commcenter-infoheader
{
    width:414px;
    background-color:#2E4d7B;
    border: 1px solid #2F4F4F;  
    padding: 5px;
    color: White;
    font-family: Arial, Sans-Serif;  
    font-size: 12px;  
    font-weight: bold;  
}

.commcenter-info
{
    width:414px;
    background-color:#D3DEEF;
    border: 1px solid #2F4F4F;  
    padding: 5px;
}

.snapButton
{
    font-size: .80em;
}
.snapDropDown
{
    font-size: .80em;
}
.snapTextBox
{
    font-size: .80em;
}

.cbPanel{
   -webkit-overflow-scrolling: touch; /* allow touch scrolling in webkit browsers */
 }           
 
 .cbOverflow{
   overflow: scroll; /* set overflow to scroll for desktop browsers */
   overflow-x: hidden; /* hide scrollbar on x-axis */
 }
 
/* CBTech Controls 
----------------------------------------------------------*/
#customercenter_container{
    width:940px;
    height:400px;
}

#customercenter_lbxClients
{
    float:left;
    height:400px;
}

#customercenter_clientinfo
{
    float:left;
    padding-left:10px
}

#customercenter_col1
{
    float:left;
    width:80px;
}

#customercenter_col2
{
    float:left;
    width:345px;
}

#customercenter_col3
{
    float:right;
    width:200px;
}

#customercenter_clienttab
{
    float:left;
    padding:10px 0 0 10px;
}

#customercenter_tabaddresses
{
}

#lvAddresses.td
{
    font-size:90em;
}

.GridStyle
{
    border: 6px solid rgb(0, 223, 221);
    border: 6px solid #00C9C7;
    background-color: White;
    font-family: arial;
    font-size: 11px;
    border-collapse: collapse;
    margin-bottom: 0px;
}
.GridStyle tr
{
    border: 1px solid rgb(0, 223, 221);
    border: 1px solid #00C9C7;
    color: Black;
    height: 25px;
}
/* Your grid header column style */
.GridStyle th
{
    background-color: rgb(0, 223, 221);   
    background-color: #00C9C7;
    border: none;
    font-weight: bold;
    font-size: 11px;
    padding: 4px;
    color:Black;
}

/* Your grid header link style */
.GridStyle tr th a,.GridStyle tr th a:visited
{
        color:Black;
}
.GridStyle tr th, .GridStyle tr td table tr td
{
    border: none;
}

.GridStyle td
{
    border-bottom: 1px solid rgb(0, 223, 221);
    border-bottom: 1px solid #00C9C7;
    padding: 2px;
}

.GridStyleFooter
{
    background-color: rgb(0, 253, 251);
    background-color: #FFC500;
}

.cbAlternatingRow
{
    background-color: #ddffff;
}

/* Mobile Grid style */
.MobileGridStyle
{
    border: 6px solid rgb(0, 223, 221);
    border: 6px solid #6088C3;
    background-color: White;
    font-family: arial;
    font-size: 12px;
    border-collapse: collapse;
    margin-bottom: 0px;
}
.MobileGridStyle tr
{
    border: 1px solid rgb(0, 223, 221);
    border: 1px solid #6088C3;
    color: Black;
    height: 25px;
}
.MobileGridStyle th
{
    background-color: rgb(0, 223, 221);   
    background-color: #6088C3;
    border: none;
    font-weight: normal;
    font-size: 12px;
    padding: 4px;
    color:Black;
}

/* Comm Center Grid Style */
.CommCenterGridStyle
{
    border: 6px solid rgb(0, 223, 221);
    border: 6px solid #6088C3;
    background-color: White;
    font-family: arial;
    font-size: 10px;
    border-collapse: collapse;
    margin-bottom: 0px;
}
.CommCenterGridStyle tr
{
    border: 1px solid rgb(0, 223, 221);
    border: 1px solid #6088C3;
    color: Black;
    height: 25px;
}
/* Your grid header column style */
.CommCenterGridStyle th
{
    background-color: rgb(0, 223, 221);   
    background-color: #6088C3;
    border: none;
    font-weight: normal;
    font-size: 11px;
    padding: 4px;
    color:Black;
}

.Freezing
{
   position:relative ;
   top:expression(this.offsetParent.scrollTop);
   z-index: 10;
}    

.MobileGridStyle tr th a,.GridStyle tr th a:visited
{
        color:Black;
}
.MobileGridStyle tr th, .GridStyle tr td table tr td
{
    border: none;
}

.MobileGridStyle td
{
    border-bottom: 1px solid rgb(0, 223, 221);
    border-bottom: 1px solid #00C9C7;
    padding: 2px;
}

.MobileGridStyleFooter
{
    background-color: rgb(0, 253, 251);
    background-color: #FFC500;
}


/* Your grid header link style */
.CommCenterGridStyle tr th a,.GridStyle tr th a:visited
{
        color:Black;
}
.CommCenterGridStyle tr th, .GridStyle tr td table tr td
{
    border: none;
}

.CommCenterGridStyle td
{
    border-bottom: 1px solid rgb(0, 223, 221);
    border-bottom: 1px solid #00C9C7;
    padding: 2px;
}

.CommCenterGridStyleFooter
{
    background-color: rgb(0, 253, 251);
    background-color: #FFC500;
}


.MonthYear
{
    margin-bottom: 8px;
    font-weight: normal;
    font-size: 16px;
    border: 1px solid #eee;
}

.accordionHeader {  
    border: 1px solid #2F4F4F;  
    color: white;  
    background-color: #2E4d7B;  
    font-family: Arial, Sans-Serif;  
    font-size: 12px;  
    font-weight: bold;  
    padding: 5px;  
    margin-top: 5px;  
    cursor: pointer;  
}  
          
.accordionHeaderSelected {  
    border: 1px solid #2F4F4F;  
    color: white;  
    background-color: #5078B3;  
    font-family: Arial, Sans-Serif;  
    font-size: 12px;  
    font-weight: bold;  
    padding: 5px;  
    margin-top: 5px;  
    cursor: pointer;  
}  
          
.accordionContent {  
    background-color: #D3DEEF;  
    border: 1px solid #2F4F4F;  
    border-top: none;  
    padding: 5px;  
    padding-top: 10px;  
    font-family: Arial, Sans-Serif;  
    font-size: 12px;  
}  

.pnlInvoice
{
    background-color: #6088C3;
    border: 1px solid #305893;
}

.modalBackground
{
	background-color: gray;
	filter: alpha(opacity=70);
	opacity:0.7;
}

.modalPopup 
{
	background-color: #fff;
	border: 1px solid #000;
	width: 250px;
	color: black;
}        

.modalHeader
{
    background-color: #2E4D7B; 
    color: White;
    padding: 4px 5px 5px 5px;
}

.modalBody
{
	text-align: center;
    padding: 15px;
}