﻿.list-vertical,
.list-horizontal { list-style-type: none; margin: 0px; padding: 0px; }
.list-horizontal li {  float: left;}

.centerWrap { padding:10px 20px; }

.caMenu { background-color:#0c73ae; border:0px; padding:10px 5px;}
.caMenu ul { list-style:none;padding:10px 30px; }
.caMenu ul li { line-height:46px; border-bottom: 1px solid rgba(255,255,255,0.10);}
.caMenu ul li a { color:#fff;}
.caMenu .btn { margin-left:30px;}

.caContent {  padding:10px 35px;}
.caContent .card-header { min-height:80px; font-weight:bold; color:#0a5f88;}
.caContent li { padding-left:2rem;}





/************************************************************
            Repeated
************************************************************/
.cusAff h1 { margin: 0 0 15px; }

.cusAff .caHeader { border: 1px solid #e5e5e5; background: #eee; padding: 8px 20px; overflow: hidden; }
.cusAff .caHeader li { line-height: 30px; }
.cusAff .caHeader li { margin-left: 20px; }
.cusAff .caHeader li strong { font-size: 13px; }


/*.cusAff .caMenu { width: 240px; margin: 45px 30px 0 0; }
.cusAff .caMenu li.headings { padding: 8px 10px; background: #ccc url('/files/images/icons/report.png') no-repeat 10px center; padding-left: 35px; }
.cusAff .caMenu li + li { border-top: 1px dotted #ddd; }
.cusAff .caMenu li a { padding: 8px 10px; display: block;  }
.cusAff .caMenu li a:hover { background: #f9f9f9; }*/

.cusAff .caContent { overflow: hidden; }

.cusAff .caNav { background: none; border: none;}
.cusAff .caNav .ttlPage { width: 15%; text-align: right;  }
.cusAff .caNav .ttlPage span { font-weight: bold; font-size: 14px; }
.cusAff .caNav .navNumber { text-align: right; }
.cusAff .caNav .navNumber a { font-weight: bold; margin-left: 8px; }
.cusAff .caNav .navText { text-align: left; padding-left: 20px;  }
.cusAff .caNav .navText a + a { margin-left: 15px;  }
.cusAff .caNav .navText a { background: url('/files/images/icons/arrows.png') no-repeat; padding-left: 20px; }

.cusAff .caNav .navText a.navLast { background-position: right 2px; }
.cusAff .caNav .navText a.navNext { background-position: right -20px; padding: 0 18px 0 30px;}
.cusAff .caNav .navText a.navPrev { background-position: left -43px; } 
.cusAff .caNav .navText a.navFirst { background-position: left -65px; }


#affrecords { margin: 20px 0; }
#affrecords tr th { background: #ccc; padding: 8px; }
#affrecords tr td { border-bottom: 1px solid #ddd; }
#affrecords tr th:nth-child(1),
#affrecords tr td:nth-child(1) { width: 70%; text-align: left; }
#affrecords tr th:nth-child(2),
#affrecords tr td:nth-child(2),
#affrecords tr th:nth-child(3),
#affrecords tr td:nth-child(3) { width: 15%; }
#affrecords tr:nth-child(even)  { background: #f9f9f9; }
#affrecords tr td.boldMe { font-weight: bold; text-decoration: underline; background-color: Silver; }


#affOrderSum { margin: 20px 0; }
#affOrderSum tr th { background: #ccc; padding: 8px; font-size: 12px; }
#affOrderSum tr:nth-child(even) { background: #f9f9f9; }
#affOrderSum tr td.boldMe { font-weight: bold; text-decoration: underline; background-color: Silver; }
#affOrderSum tr td {  border-bottom: 1px solid #ddd; }
#affOrderSum tr th:nth-child(9),
#affOrderSum tr td:nth-child(9) { text-align: right; }

.logReturnCust .fields { width:100%;}

/************************************************************
            Starting the Customer Affiliates CSS
************************************************************/
#caOPDByDay, #caCCSByDay, #caOPSByDay,
#caCCDByDay { margin: 20px 0; }


fieldset.forms {border:none;}
fieldset.forms p {padding:10px; margin:20px 0;}
fieldset.forms p label {width:160px; display:inline-block;}
fieldset.forms p input[type=password] {width:300px;height:20px;}

.summary li div { height: 46px; text-align: center; vertical-align: middle; font-size: 21px; font-weight: bold; padding-right: 1px; }
.summary li { border: 1px solid #e5e5e5; width: 33%; }
.summary .countc { text-align: center; font-size: 60px; height: 150px; line-height: 150px; color: black; }
.summary .counto { text-align: center; font-size: 60px; height: 150px; line-height: 150px; color: black; }
.summary .countm { text-align: center; font-size: 60px; height: 150px; line-height: 150px; color: #638c2c; }


