/* PROGRESS VIEW TAB */
.tableHeading td {
    text-align: left;
    padding-left: 5px;
    font-size: 9px;   
}

.progressView {
   width: 570px;
   overflow-x: hidden;
   overflow-y: auto;
}

.progressView .progressTD {
    height: 100%;
}

.contentTable{
    border: 1px solid black;
    vertical-align: top;
}

.contentTable td{
    border-right: 1px solid black;
    text-align: center;
    vertical-align: top;
}

.skillTable td {
    height: 15px;
}

.assignmentTable td {
    border-bottom: 1px solid black;
}


/* BILLING VIEW TAB */

.billingtool input {
    border: 1px solid black;
    width: 25px;
    height: 14px;
    padding-top: 2px;
    text-align: center;
    margin-left: -1px;
    background-color: rgb(74,74,74);
}

.billingtool {
    width: 565px;
}

.billingtool td {
    vertical-align: top;
}


.familyInfoDiv {
    font-size: 10px;
    font-weight: bold;
}

.familyInfoDiv td {
    padding: 4px;
    vertical-align: top;   
}

.contactInfoTable {
    
}

.billingHistoryDiv {
    vertical-align: top;   
}

.btn:hover {
    background-color: #adb3bf;
}
.btn {
    background-color: #85888e;
    font-size: 11px;
    font-weight: normal;
    text-transform:uppercase;
    color: #4a4a4a;    
    height: 12px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    padding-top: 3px;
    margin: 2px;
    padding-left: 2px;
    padding-right: 2px;
}

.billingHeaderRow td {
   background-color: #85888e;
   color: #4a4a4a;
   border-left: 1px solid black;
   border-right: 1px solid black;
   padding: 2px;
   font-size: 12px;
   font-weight: bold;
}

.billingHistoryRow td div,
.billingHistoryRow td {
    padding: 2px;
    vertical-align: top;
}

.editButton {
    width: 20px;
    height: 11px;
    border: 1px solid black;
    cursor: pointer;
    padding: 2px;
}

.invoice {
    color: #e67878;
}

#btnPrevCourse {
    cursor: pointer;
}

#btnNextCourse {
    cursor: pointer;
}

.billingHistoryTable {
    width: 410px;
    height: 410px;
    overflow: scroll;
    font-size: 12px;
}

/* ACCOUNT VIEW TAB */
.accountview {
    font-size: 12px;
    padding-left: 10px;   
    padding-top: 20px;
    line-height: 20px;
    
    width: 200px;
    margin-right: 10px;
}


/* TICKETS TAB */
#ticketView {
    width: 300px;
    vertical-align: top;
}

#ticketList {
    width: 172px;
    vertical-align: top;
}

.editTicket:hover {
    background-color: #adb3bf;    
}
.editTicket {
    background-color: #85888e;
    color: #4a4a4a;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    margin-top: 1px;
    padding: 2px;   
}

.closedTicket {
    background-color: #db5136;
    cursor: pointer;
    color: #4a4a4a;
    vertical-align: middle;
    text-align: center;
    margin-top: 1px;
    padding: 2px;   
}

.ticketEditor select,
.ticketEditor textarea,
.ticketEditor input {
    background-color: #62686f;
    color: white;
    border: 1px solid black;
    font-size: 10px;
}
.ticketEditor input {
    height: 12px;    
    padding-top: 1px;
    text-align: left;
}