BODY
{
    background-color: #FFFFFF;
    font-family: Verdana;
    font-size: 12px;
    color: #000;
}

TD.cHead
{
    font-size: 16px;
    font-weight: bold;
}
TD.cText
{
    font-size: 11px;
}
TD.cTextBold
{
    font-size: 11px;
    font-weight: bold;
}

TD.cRequired
{
    font-size: 11px;
    color: #ff4c06;
    list-style-image: url(../images/system/btn.bullet.rightspace.small.gif);
}

TD.cRequiredBold
{
    color: #FF4C06;
    font-size: 11px;
    font-weight: bold;
    list-style-image: url(../images/system/btn.bullet.rightspace.small.gif);
}

TD.cRequiredLarge
{
    font-size: 11px;
    color: #ff4c06;
    list-style-image: url(../images/system/btn.bullet.rightspace.large.gif);
}

TD.cRequiredBoldLarge
{
    color: #FF4C06;
    font-size: 11px;
    font-weight: bold;
    list-style-image: url(../images/system/btn.bullet.rightspace.large.gif);
}

TR.cRowHeader
{
    background-color: #D5DEF2;
}

TD.cColumn
{
    font-size: 11px;
    border-color: #ff9966;
    background-color: #ffeecc;
    border-width: 0px 1px 0px 1px;
    border-style: solid;
}
TD.cTip
{
    font-size: 11px;
    color: #FF2A00;
}

DIV.cTip
{
    font-size: 11px;
    color: #FF2A00;
}

TD.cTabOff
{
    border-left: solid 0px #0033CC;
    border-top: solid 0px #0033CC;
    border-bottom: solid 2px #0033CC;
    border-right: solid 0px #0033CC;
    font-size: 11px;
    font-weight: bold;
    background-color: #E5F8B3;
    color: #98C91E;
}

TD.cTabOn
{
    border-left: solid 2px #0033CC;
    border-top: solid 2px #0033CC;
    border-bottom: solid 0px #0033CC;
    border-right: solid 2px #0033CC;
    background-color: white;
    font-size: 14px;
    font-weight: bold;
    color: red;
    background-color: white;
}

.cTabOffLabel
{
    color: #009933;
    font-size: 13px;
    font-weight: bold;
}

TD.cMicro
{
    font-size: 8px;
}
SELECT.cDrop
{
    font-size: 11px;
}

INPUT.cbutton, INPUT.greenButton, INPUT.redButton
{
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
    height: 22px;
}
INPUT.cButton
{
    border: solid 2px #4C85BE;
    background-color: #75ABE1;
}
INPUT.greenButton
{
    border: solid 2px #59B129;
    background-color: #83DE52;
}
INPUT.redButton
{
    border: solid 2px #E95200;
    background-color: #FF7404;
}
INPUT.cTextbox
{
    font-size: 11px;
}
TR.cGridHead
{
    font-size: 11px;
    background-color: #C6DCF2;
}

TD.cPageTitle
{
    font-size: 15px;
    font-weight: bold;
    border-color: #797979;
}

TD.cPageHelp
{
    font-size: 10px;
    border-left: solid 1px #797979;
    border-right: solid 1px #797979;
    border-bottom: solid 1px #797979;
    padding: 5px 5px 5px 5px;
    background-color: #FAFAFA;
    color: #797979;
}

TD.cPageHelpText
{
    font-size: 10px;
    border-width: 0px;
    padding: 5px 5px 5px 5px;
    background-color: #FAFAFA;
    color: #797979;
}

TR.cGridText
{
    font-size: 11px;
}

TR.cGridAlternate
{
    font-size: 11px;
    background-color: #F9FADA;
}

TABLE.cGrid
{
    font-size: 11px;
    border: solid 2px #C6DFF7;
}

TABLE.cBlueTable
{
    border: solid 3px #C6DCF2;
    background-color: #EBF5FF;
}

TABLE.cControl
{
    font-size: 10px;
}
TR.cGridFine
{
    font-size: 9px;
}
A
{
    text-decoration: none;
    color: #7889A9;
}

A.cRadarLink
{
    text-decoration: underline;
    color: Blue;
    font-size: 12px;
}

TABLE.cRadar
{
    vertical-align: top;
    text-align: left;
}

TD.radarCellLeft
{
    vertical-align: top;
    border-width: 2px 1px 0px 0px;
    border-style: solid;
    border-color: #a4b5d6;
    font-size: 10px;
    color: Black;
}

TD.radarCellCenter
{
    vertical-align: top;
    color: #264e88;
    font-size: 10px;
    color: Black;
}

TD.radarCellRight
{
    vertical-align: top;
    border-width: 2px 0px 0px 0px;
    border-style: solid;
    border-color: #a4b5d6;
    font-size: 10px;
    color: Black;
}

TD.infoCellLeft
{

}

TD.infoCellCenter
{
    text-align: center;
    vertical-align: top;
    color: #264e88;
    font-size: 14px;
}

TD.infoCellRight
{
    text-align: left;
    vertical-align: top;
    color: #264e88;
    font-size: 14px;
    padding-left: 5px;
}

TD.infoCellBottom
{
    text-align: left;
    vertical-align: top;
    color: #264e88;
    font-size: 14px;
    padding-top: 5px;
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: #a4b5d6;
}

.paid
{
    color: Green;
    font-size: 12px;
    font-weight: bold;
}

.unpaid
{
    color: Red;
    font-size: 12px;
    font-weight: bold;
}

.heavy
{
    color: #000099;
    font-size: 12px;
    font-weight: bold;
}

.boldRed
{
    font-weight: bold;
    color: #ff0000;
}
.boldGreen
{
    font-weight: bold;
    color: #00ff00;
}
.boldBlue, .boldText
{
    font-weight: bold;
    color: #0000ff;
}

.oicellfirst, .oicellfirstB, .oicell, .oicellB, .oicelllast, .oibottomfirst, .oibottomfirstB, .oibottom .oibottomB, .oibottomlast, .oiheaderfirst, .oiheader, .oiheaderlast, .oifooterfirst, .oifooterfirstB, .oifooter, .oifooterB, .oifooterlast, .oifooterlastB
{
    background-color: #D9F1F5;
    border-style: solid;
    border-color: #264e88;
    vertical-align: top;
}
.oicellfirst
{
    border-width: 0px 1px 0px 1px;
    text-align: left;
}
.oicellfirstB
{
    border-width: 0px 0px 0px 1px;
    text-align: left;
}
.oicell
{
    border-width: 0px 1px 0px 0px;
    text-align: center;
}
.oicellB
{
    border-width: 0px 1px 0px 0px;
    text-align: left;
}
.oicelllast
{
    border-width: 0px 1px 0px 0px;
    text-align: center;
}
.oibottomfirst
{
    border-width: 0px 1px 0px 1px;
    text-align: left;
}
.oibottomfirstB
{
    border-width: 0px 0px 0px 1px;
    text-align: left;
}
.oibottom
{
    border-width: 0px 1px 0px 0px;
    text-align: center;
}
.oibottomB
{
    border-width: 0px 1px 0px 0px;
    text-align: left;
}
.oibottomlast
{
    border-width: 0px 1px 0px 0px;
    text-align: center;
}
.oiheaderfirst
{
    border-width: 1px 1px 1px 1px;
    text-align: left;
}
.oiheader
{
    border-width: 1px 1px 1px 0px;
    text-align: center;
}
.oiheaderlast
{
    border-width: 1px 1px 1px 0px;
    text-align: center;
}
.oifooterfirst
{
    border-width: 1px 1px 1px 1px;
    text-align: right;
}
.oifooterfirstB
{
    border-width: 1px 1px 1px 1px;
    text-align: left;
}
.oifooter
{
    border-width: 1px 1px 1px 0px;
    text-align: right;
}
.oifooterB
{
    border-width: 1px 1px 1px 0px;
    text-align: center;
}
.oifooterlast
{
    border-width: 1px 1px 1px 0px;
    text-align: center;
}
.oifooterlastB
{
    border-width: 1px 1px 1px 0px;
    text-align: center;
}

.alertBox
{
    color: #ff0000;
    font-size: 14px;
    font-weight: bold;
    padding: 2px;
}

.darkHeader
{
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #264e88;
    background-color: #264e88;
    font-size: 16px;
    font-weight: bold;
    color: White;
    padding: 2px;
    vertical-align: middle;
}

.infoCellLeft
{
    text-align: right;
    vertical-align: top;
    color: #264e88;
    font-size: 14px;
    font-weight: bold;
    border-width: 0px 1px 0px 0px;
    border-style: solid;
    border-color: #a4b5d6;
}

.infoCellCenter
{
    text-align: center;
    vertical-align: top;
    color: #264e88;
    font-size: 14px;
}

.infoCellRight
{
    text-align: left;
    vertical-align: top;
    color: #264e88;
    font-size: 14px;
}

.bodyTable
{
    color: #264e88;
    font-size: 12px;
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: #264e88;
}

.bodyText
{
    color: #264e88;
    font-size: 14px;
}

.bodyTextBold
{
    color: #264e88;
    font-size: 14px;
    font-weight: bold;
}


.separatorRow
{
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #264e88;
}

.errorLabel
{
    color: Red;
    font-weight: bold;
    font-size: 12px;
}

.oiLabelSmall
{
    color: #264e88;
    font-weight: bold;
    font-size: 12px;
}

.oiLabelLarge
{
    color: #264e88;
    font-weight: bold;
    font-size: 16px;
}

.oiDescriptionLabel
{
    color: #626282;
    font-size: 10px;
}

.priceLabelSmall
{
    color: Red;
    font-weight: bold;
    font-size: 12px;
}

.priceLabelSmallThin
{
    color: Red;
    font-weight: normal;
    font-size: 12px;
}

.priceLabelSmallLineThrough
{
    color: Red;
    text-decoration: line-through;
    font-weight: normal;
    font-size: 12px;
}

.priceLabelLarge
{
    color: Red;
    font-weight: bold;
    font-size: 18px;
}

.priceLabelLargeThin
{
    color: Red;
    font-weight: normal;
    font-size: 18px;
}

.priceLabelLargeLineThrough
{
    color: Red;
    text-decoration: line-through;
    font-weight: normal;
    font-size: 18px;
}

.descriptionBox
{
    border-width: 1px;
    border-style: solid;
    border-color: #264e88;
    color: #000000;
    font-size: 10px;
    background-color: #ffffff;
    display: none;
    margin: 2px;
    padding: 2px;
}

.whiteBox
{
    border-width: 1px;
    border-style: solid;
    border-color: #264e88;
    background-color: #ffffff;
}

.headerCell
{
    color: #264e88;
    font-size: 14px;
}

.titleText
{
    color: #264e88;
    font-size: 20px;
    font-weight: bold;
}

.psTable
{
    border-width: 10px 0px 0px 0px;
    border-style: solid;
    border-color: #a4b5d6;
    background-color: #ffffff;
}

.regularButton
{
    font-size: 14px;
    font-weight: normal;
    background-color: #a1b4d0;
    border-bottom-color: #264e88;
    border-right-color: #264e88;
    border-left-color: #BBC3CE;
    border-top-color: #BBC3CE;
    border-width: 2px;
    border-style: solid;
    color: #000000;
}

.importantButton
{
    background-color: #a1b4d0;
    font-size: 16px;
    font-weight: bold;
}

.lineTextbox
{
    background-color: #ffffff;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #a4b5d6;
    color: #000000;
}

.fullTextbox
{
    background-color: #ffffff;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #a4b5d6;
    color: #000000;
}

.tabTable
{
    color: #000000;
    font-size: 10px;
    background-color: #ffffff;
    margin: 2px;
    padding: 4px;
}

.tabTableMainTab
{
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    border-width: 1px 0px 0px 1px;
    border-style: solid;
    border-color: #264e88;
}

.tabTableOtherTab
{
    border-width: 0px 0px 1px 1px;
    border-style: solid;
    border-color: #264e88;
}

.tabTableInfoCell
{
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #264e88;
}

.cStatusBox, .cStatusBoxConfirmed, .cStatusBoxUnconfirmed
{
    border-width: 1px;
    border-style: solid;
    border-color: #797979;
    color: #000000;
    margin: 2px;
    padding: 2px;
    font-size: 10px;
}
.cStatusBox
{
    font-size: 14px;
    padding: 4px;
}

TABLE.cBlueWindowTable
{
    border-style: solid;
    border-width: 1px;
    border-color: #939DE6;
}

TD.cBlueWindowTitle
{
    font-size: 13px;
    font-weight: bold;
    color: #163680;
    border: solid 1px #939DE6;
    border-top: solid 1px #939DE6;
    padding-bottom: 5px;
    background-color: #ECEEFF;
    padding: 5px;
}

TD.cBlueWindowHeader
{
    font-size: 11px;
    font-weight: bold;
    background-color: #DADEFF;
    border-bottom: solid 1px #939DE6;
    border-left: solid 1px #939DE6;
    border-right: solid 1px #939DE6;
    padding: 3px;
}

TD.cBlueWindowCell
{
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    background-color: #ffffff;
    padding: 3px;
}

TD.cBlueWindowSpacer
{
    font-size: 5px;
    font-weight: normal;
    color: #ffffff;
    background-color: #ffffff;
    padding: 0px;
}

.valOrange
{
    color: #FF7100;
    font-family: verdana;
    font-size: 12px;
    font-weight: bold;
}

.headerText
{
    font-weight: bold;
    font-size: 12pt;
}

.itemText
{
    width: 600px;
    text-align: justify;
    margin-left: 15px;
    margin-top: 10px;
    font-size: 10pt;
}

.cText
{
    font-family: Verdana;
    font-size: 11px;
}

.cHead
{
    font-family: Verdana;
    font-size: 16px;
    font-weight: bold;
}

.cTextBold
{
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
}

/*
From TaskSystem.css
*/

FONT.cHeader
{
    font-size: 10px;
}
FONT.cPastDueLabel
{
    color: #ff0000;
    font-weight: bold;
}

TABLE.cProfileListTable
{
    background-color: #ffffff;
    width: 100%;
    color: #000000;
    font-size: 10px;
    margin: 0px;
}

TD.cProfileListCellBottom
{
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #000000;
    padding: 3px;
    background-color: #eeeeee;
}

TABLE.cGroupBoxTable
{
    background-color: #eeeeee;
    border: 0px solid #005AAD;
    width: 100%;
    font-size: 10px;
    color: #000000;
    margin: 5px 5px 5px 5px;
}

TD.cGroupBoxHeaderCell
{
    background-color: #3F3F3F;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    height: 20px;
}

TD.cGroupBoxCell
{
    padding: 5px;
    vertical-align: top;
}
TABLE.cDetailsTable
{
    border: 1px solid #ffffff;
    width: 100%;
}

TD.cDetailsCell
{
    color: #000000;
    padding: 5px;
    font-size: 10px;
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    width: auto;
}

TD.cDetailsCellLeft
{
    color: #005AAD;
    padding: 5px;
    font-size: 10px;
    font-weight: bold;
    border-width: 0px 1px 0px 0px;
    border-color: #005AAD;
    border-style: solid;
    text-align: right;
    vertical-align: top;
    width: auto;
}

TD.cDetailsCellMiddle
{
    color: #000000;
    padding: 5px;
    font-size: 10px;
    text-align: center;
    vertical-align: top;
    font-weight: bold;
    width: auto;
}

TD.cDetailsCellRight
{
    color: #000000;
    padding: 5px;
    font-size: 10px;
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    width: 100%;
}

TD.cDetailsCellTitle
{
    color: #777777;
    background-color: #DAE1E8;
    padding: 5px;
    vertical-align: top;
    font-size: 10px;
    font-weight: bold;
    width: 100%;
}

TD.cDetailsCellUtility
{
    color: #777777;
    background-color: #DAE1E8;
    padding: 5px;
    vertical-align: top;
    font-size: 10px;
    font-weight: bold;
    width: 100%;
}

TD.cDetailsCellBlank
{
    color: #000000;
    background-color: #ffffff;
    padding: 5px;
    font-size: 10px;
    vertical-align: top;
}


TABLE.cMenuTable
{
    background-color: #005AAD;
    padding: 5px;
}

TD.cMenuTableHeaderCell
{
    padding: 2px;
    color: White;
    font-size: 10px;
    font-weight: bold;
}

TD.cMenuTableItemCell
{
    padding: 2px;
    color: #005AAD;
    background-color: #85D4FC;
    border: 1px solid #003F7A;
    font-size: 10px;
    font-weight: normal;
}


TABLE.cGreenTable
{
    background-color: #30B212;
    border: 1px solid #298F11;
    width: 100%;
    font-size: 10px;
    color: #000000;
    margin: 5px 5px 5px 5px;
}

TD.cGreenCell
{
    color: #ffffff;
    background-color: #30B212;
    padding: 2px;
    font-size: 10px;
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    width: auto;
}

TD.cGreenCellLeft
{
    color: #ffffff;
    padding: 2px;
    font-size: 10px;
    font-weight: normal;
    border-width: 0px 1px 0px 0px;
    border-color: #ffffff;
    border-style: solid;
    text-align: right;
    vertical-align: top;
    width: auto;
}

TD.cGreenCellMiddle
{
    color: #ffffff;
    background-color: #30B212;
    padding: 2px;
    font-size: 10px;
    text-align: center;
    vertical-align: top;
    font-weight: bold;
    width: auto;
}

TD.cGreenCellRight
{
    color: #ffffff;
    background-color: #30B212;
    padding: 2px;
    font-size: 10px;
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    width: 100%;
}

TD.cGreenCellTitle
{
    color: #ffffff;
    background-color: #39D016;
    padding: 2px;
    vertical-align: top;
    font-size: 10px;
    font-weight: bold;
    width: 100%;
}

TD.cGreenCellUtility
{
    color: #ffffff;
    background-color: #39D016;
    padding: 2px;
    vertical-align: top;
    font-size: 12px;
    font-weight: bold;
    width: 100%;
}

INPUT.cLineTextBox
{
    border: 1px solid #005AAD;
}
SPAN.errorLabel
{
    color: Red;
    font-weight: bold;
    font-size: 12px;
}

SPAN.questionLabel
{
    color: #2C445B;
    font-weight: bold;
    font-size: 12px;
    padding: 3px;
    width: 100%;
}

SPAN.answerLabel
{
    color: #2C445B;
    font-weight: bold;
    font-size: 12px;
    padding: 3px;
    width: 100%;
}

INPUT.cAnswerInput
{
    color: #2C445B;
    font-size: 10px;
}

DIV.answerPanel
{
    color: Black;
    font-size: 10px;
    padding: 3px;
    width: 100%;
}

A.cLinkShowHide
{
    color: #008800;
    font-size: 10px;
    font-weight: bold;
}

FONT.sampleAlertLinkButton
{
    color: Blue;
    text-decoration: underline;
}

INPUT.sampleAlertButton
{
    border: solid 2px #4C85BE;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    background-color: #75ABE1;
    color: #FFFFFF;
    height: 22px;
}

.hypTaskLink
{
    color: Blue;
    text-decoration: underline;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssformlong, .cssform
{
    padding: 10px;
    margin-bottom: 10px;
}

.cssform p, .cssformlong p
{
    clear: left;
    margin: 0;
    padding: 5px 0 8px 0;
    border-top: 1px dashed gray;
    height: 1%;
}

.cssform label, .cssformlong label
{
    font-weight: bold;
    float: left;
}

.cssform p
{
    width: 175px;
    padding-left: 75px; /*width of left column containing the label elements*/
}

.cssformlong p
{
    clear: left;
    padding-left: 100px; /*width of left column containing the label elements*/
}

.cssform label
{
    margin-left: -75px; /*width of left column*/
    width: 75px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/    
}

.cssformlong label
{
    margin-left: -100px; /*width of left column*/
    width: 175px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]
{
    /*width of text boxes. IE6 does not understand this attribute*/
    width: 140px;
}

.cssformlong input[type="text"]
{
    /*width of text boxes. IE6 does not understand this attribute*/
    width: 240px;
}

.cssform textarea, .cssformlong textarea
{
    width: 250px;
    height: 150px;
}

.lssInstructions
{
    font-size: 10px;
    text-align: justify;
    padding: 5px;
}

.window
{
    padding: 5px;
    margin-bottom: 15px;
}

.windowTitle
{
    font-size: larger;
    padding: 3px;
}

#container
{
    width: 1024px;
    overflow: hidden;
}

#left
{
    width: 500px;
    float: left;
}

#right
{
    width: 500px;
    float: right;
}

.infoContainer
{
    margin-bottom: 25px;
}

.infoContainer fieldset
{
    margin-bottom: 20px;
}

.infoContainer legend
{
    font-weight: bold;
    font-size: larger;
}

.infoContainer p
{

}

.infoContainer label
{
}

.infoLabel
{
    text-align: right;
    vertical-align: top;
    font-weight: bold;
    border-width: 0px 1px 0px 0px;
    border-style: solid;
    padding-right: 5px;    
}

.smsMessages
{
    text-align: center;
}
        
.phoneSettings
{
    float: left;
            
}
        
.phoneSettings label
{
    display: block;
    width: 100px;
    float: left;
    text-align: right;
    font-weight: bold;
}
.phoneSettings input, .phoneSettings select
{
    margin-left: 76px;
}
        
.vipSettings
{
    float: right;
}
.saveButton
{
    clear: both;
    text-align: center;
    margin-top: 15px;
}

.errors
{
    font-weight: bold;
    font-size: larger;
    color: #F00;
}

.ticketUserInfo
{
    padding: 4px;
    width: 760px;
    margin-bottom: 16px;
    margin-top: 16px;
}

.userInfoTable
{
    width: 744px;
    margin-left: 16px;
}

.userInfoTable .label, .userInfoTable .value
{
    height: 24px;
}

.userInfoTable .label
{
    width: 96px;
    font-weight: bold;
}

.userInfoTable .value
{
    width: 676px;
}

.sectionHeader
{
    border-bottom: 1px solid black;
    font-weight: bold;
    margin-bottom: 8px;
}