A { color:#006699; text-decoration: none; }
A:hover { color:#DB8606; text-decoration: none; }

body {
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    color: #3E3E3E;
}

#mainDiv {
    width: 770px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
    border: solid 1px;
    border-color: #CCCCCC;
    padding: 1px;
}

#headerLinksDiv {
    background-color: #E9E9E9;
    padding: 3px;
    text-align: right;
}

#headerLinksDiv ul {
    margin: 0px;
}

#headerLinksDiv ul li {
    display: inline;
}

#contentDiv {
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 5px;
}

#appNameDiv {
    color: #666666;
    text-align: center;
    background-color: #E9E9E9;
}

.tableTitle {
    margin-top: 10px;
    margin-left: 3px;
    text-align: left;
}

.tabList {
    text-align: left; /* set to left, right or center */
    margin: 1em 0 0 0; /* set margins as desired */
    font: bold 11px verdana, arial, sans-serif; /* set font as desired */
    border-bottom: 1px solid #ADADAD; /* set border COLOR as desired */
    list-style-type: none;
    padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

.tabItem {
    display: inline;
    border-bottom: 1px solid #fff; /* set border color to page background color */
    background-color: #fff; /* set background color to match above border color */
}

.tabItem a {
    padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    border: 1px solid #ADADAD; /* set border COLOR as desired; usually matches border color specified in #tabnav */
    background-color: #F9F9F9; /* set unselected tab background color as desired */
    color: #666; /* set unselected tab link color as desired */
    margin-right: 0px; /* set additional spacing between tabs as desired */
    text-decoration: none;
    border-bottom: none;

}

.tabItemSelected {
    display: inline;
    border-bottom: 1px solid #fff; /* set border color to page background color */
    background-color: #fff; /* set background color to match above border color */
}

.tabItemSelected a {
    position: relative;
    top: 1px;
    padding-top: 4px; /* must change with respect to padding (X) above and below */
    padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    border: 1px solid #ADADAD; /* set border COLOR as desired; usually matches border color specified in #tabnav */
    background-color: #E9E9E9; /* set unselected tab background color as desired */
    color: #3E3E3E; /* set unselected tab link color as desired */
    margin-right: 0px; /* set additional spacing between tabs as desired */
    text-decoration: none;
    border-bottom: none;
}

.tabItem a:hover {
    background: #fff;
}


#operationsBox {
    padding: 10px;
    border: 1px solid #ADADAD;
}

#communicationsBox {
    padding: 10px;
    border: 1px solid #ADADAD;
}

#copyrightDiv {
    height: 23px;
}

#copyrightLeftDiv {
    float: left;
    color: #CCCCCC;
}

#copyrightRightDiv {
    float: right;
}

#actionBarDiv {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

#actionMenuDiv {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.ticketInfoRow {
    background-color: #F4FAFF;
    margin-top: 1px;
    margin-bottom: 1px;
}

.ticketInfoTitle {
    font-weight: bold;
    width: 120px;
    float: left;
}

.ticketInfoBox {
    padding: 5px;
}

#memberTicketInfo {
    width: 45%;
    float: left;
}

#technicalTicketInfo {
    width: 45%;
    float: right;
}

#categoryBox {
    background-color: #F4FAFF;
    width: 48%;
    float: left;
}

#subcategoryBox {
    background-color: #F4FAFF;
    width: 48%;
    float: right;
}

.warningMessage {
    font-weight: bold;
    text-align: center;
}

#messageReplyBox {
    margin-top: 10px;
}

.centeredLink {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.inputsubmit {
    font-size: 11px;
    background-color: #DB8606;
    color: #FFFFFF;
    border: #666666;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px
}

.inputsubmit:hover {
    font-size: 11px;
    background-color: #DB8606;
    color: #DDDDDD;
    border: #666666;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px
}

.barTxt {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    text-decoration: none;
    border: none;
}

.error {
    color: #FF0000;
    font-weight: bold;
    text-align: center;
}

.success {
    color: #00FF00;
    font-weight: bold;
    text-align: center;
}

/* Add scrollbars to yui popup */
.bd {
    overflow: auto;
}

textarea { width: 100%; }
.mainTable { background-color: #F4FAFF; }
.mainTableAlt { background-color: #FFFFFF; }
.mainTableOn { background-color: #FFFFF0; }
.TableHeader { background-color: #E9E9E9; }
.TableMsg { background-color: #ADADAD; }
.TableHeaderText { color: #FFFFFF; font-size: 11px; font-weight: normal; }
.TableInfoText { color: #000000; font-size: 11px; background-color: #FFFFFF; }
.msgReceived { background-color: #E9E9E9; color: #3E3E3E; font-size: 10px; }
.msgAnswered { background-color: #FFE0B3; color: #3E3E3E; font-size: 10px; }
.msgAttachments { background-color: #F4FAFF; color: #000000; font-size: 10px; }
.msgBorder { background-color: #ADADAD; }
.msgBox { background-color: #F9F9F9; }