/*
 *************** PORTAL INTERFACE STYLES ***************
 *  Copyright 2017, Jambu @ Necival LLC.
 *          jambu@necival.com
 *******************************************************
 */

/*
 *  PORTAL STANDARD BODY ****** BEGIN
 */

.standard {
        font: 11px Verdana, Arial, Helvetica, sans-serif;
        color: #231f20;
        background-repeat: no-repeat;
        background-color: #ffffff;
        background-attachment: fixed !important;
        background: -ms-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #def3e8 200%); /* OLD COLOR 6CC1E0 */
        background: -moz-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #def3e8 200%);
        background: -o-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #def3e8 200%);
        background: -webkit-gradient(radial, center top, 0, center top, 553, color-stop(0, #FFFFFF), color-stop(2, #def3e8));
        background: -webkit-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #def3e8 200%);
        background: radial-gradient(ellipse farthest-corner at center top, #FFFFFF 0%, #def3e8 200%);
}
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
        .standard select { padding-right:18px }
}
.standard select {
        cursor: pointer;
    height: 26px;
        font: 12px Verdana, Arial, Helvetica, sans-serif;
        color: #231f20;
        padding: 2px;
    margin: 0px;
        border: 1px solid #ccc;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: -1px -1px 1px #243b48 inset;
        -webkit-box-shadow: -1px -1px 1px #243b48 inset;
        box-shadow: -1px -1px 1px #243b48 inset;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#243b48')";
        background: #F7F7F7;
        display: inline-block;
        -webkit-appearance:none;
        -moz-appearance:none;
        appearance:none;
}
.standard select:hover {
        color: #152c34;
        border: 1px solid #71adcc;
        -moz-box-shadow: -1px -1px 1px #152c34 inset;
        -webkit-box-shadow: -1px -1px 1px #152c34 inset;
        box-shadow: -1px -1px 1px #152c34 inset;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#152c34')";
}
.standard label { position:relative }
.standard label:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
.standard label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}

.standard h1 {
        color: #99CC00;
        font: bold 18px Verdana, Arial, Helvetica, sans-serif;
}
.standard h2 {
        color: #dd4b39;
        font: bold 18px Verdana, Arial, Helvetica, sans-serif;
}
.standard h3 {
        color: #dd4b39;
        font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}
.standard a,
.standard a:visited {
        color: #ac2925;
        font-size: 11px;
        text-decoration: none;
}
.standard a:hover,
.standard a:active {
        text-decoration: none;
        color: #dd4b39;
}
.standard th {
        font-weight: bold;
}

/*
 *  PORTAL STANDARD BODY ******** END
 */

.selector {
    height: 20px;
    color: #231f20;
        background-color: #efefef !important;
        background-repeat: repeat-x;
        background-position: 0px -140px;
        background-image: url(/images/gradient001.png);
    border: 1px solid #231f20;
        -moz-box-shadow: 1px 1px 1px #243b48;
        -webkit-box-shadow: 1px 1px 1px #243b48;
        box-shadow: 1px 1px 1px #243b48;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#243b48')";
}
.selector:hover {
    color: #152c34;
        border: 1px solid #152c34;
        -moz-box-shadow: -1px -1px 1px #152c34;
        -webkit-box-shadow: -1px -1px 1px #152c34;
        box-shadow: -1px -1px 1px #152c34;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#152c34')";
}
.submit_button {
    cursor: pointer;
        font: 12px Verdana, Arial, Helvetica, sans-serif;
        color: #231f20;
    padding: 1px 4px 1px 4px;
        border: 1px solid #231f20;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    -moz-box-shadow: -1px -1px 1px #243b48 inset;
    -webkit-box-shadow: -1px -1px 1px #243b48 inset;
    box-shadow: -1px -1px 1px #243b48 inset;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#243b48')";
    background: #EFEFEF;
}
.submit_button:hover {
        color: #152c34;
        border: 1px solid #42aadf;
        -moz-box-shadow: -1px -1px 1px #152c34 inset;
        -webkit-box-shadow: -1px -1px 1px #152c34 inset;
        box-shadow: -1px -1px 1px #152c34 inset;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#152c34')";
        background: #EFEFEF;
}
.submit_button:active {
    color: #152c34;
    border: 1px solid #42aadf;
    -moz-box-shadow: 1px 1px 1px #152c34 inset;
    -webkit-box-shadow: 1px 1px 1px #152c34 inset;
    box-shadow: 1px 1px 1px #152c34 inset;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=315, Color='#152c34')";
    background: #EFEFEF;
}
/*
.wrapper {
        font: 14px Verdana, Arial, Helvetica, sans-serif;
        color: #231f20;
} */
.standard5 {
    background: -ms-radial-gradient(right bottom, ellipse farthest-corner, #FFFFFF 0%, #def3e8 100%);
    background: -moz-radial-gradient(right bottom, ellipse farthest-corner, #FFFFFF 0%, #def3e8 100%);
    background: -o-radial-gradient(right bottom, ellipse farthest-corner, #FFFFFF 0%, #def3e8 100%);
    background: -webkit-gradient(radial, right bottom, 0, right bottom, 993, color-stop(0, #FFFFFF), color-stop(1, #def3e8));
    background: -webkit-radial-gradient(right bottom, ellipse farthest-corner, #FFFFFF 0%, #def3e8 100%);
    background: radial-gradient(ellipse farthest-corner at right bottom, #FFFFFF 0%, #def3e8 100%);
}
.standard4 {
    background: -ms-radial-gradient(center, ellipse farthest-side, #def3e8 0%, #FFFFFF 100%);
    background: -moz-radial-gradient(center, ellipse farthest-side, #def3e8 0%, #FFFFFF 100%);
    background: -o-radial-gradient(center, ellipse farthest-side, #def3e8 0%, #FFFFFF 100%);
    background: -webkit-gradient(radial, center center, 0, center center, 477, color-stop(0, #def3e8), color-stop(1, #FFFFFF));
    background: -webkit-radial-gradient(center, ellipse farthest-side, #def3e8 0%, #FFFFFF 100%);
    background: radial-gradient(ellipse farthest-side at center, #def3e8 0%, #FFFFFF 100%);
}
.standard3 {
    background: -ms-radial-gradient(left bottom, ellipse farthest-side, #d2e9f4 0%, #FFFFFF 100%);
    background: -moz-radial-gradient(left bottom, ellipse farthest-side, #d2e9f4 0%, #FFFFFF 100%);
    background: -o-radial-gradient(left bottom, ellipse farthest-side, #d2e9f4 0%, #FFFFFF 100%);
    background: -webkit-gradient(radial, left bottom, 0, left bottom, 953, color-stop(0, #d2e9f4), color-stop(1, #FFFFFF));
    background: -webkit-radial-gradient(left bottom, ellipse farthest-side, #d2e9f4 0%, #FFFFFF 100%);
    background: radial-gradient(ellipse farthest-side at left bottom, #d2e9f4 0%, #FFFFFF 100%);
}
.standard2 {
        background-color: #fcfcfc;
        background-position: 0px -60px;
        background-repeat: repeat-x;
    background-image: url(/images/background.png);
}
.help {
        font: 11px Verdana, Arial, Helvetica, sans-serif;
        color: #666666;
        background-color: #fcfcfc;
        background-position: 0px -60px;
        background-repeat: repeat-x;
    background-image: url(/images/portal_gradient.png);
}
.textfield {
        height: 20px;
        font: 12px Verdana, Arial, Helvetica, sans-serif;
        color: #231f20;
        padding: 2px;
        border: 1px solid #ccc;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: -1px -1px 1px #243b48 inset;
        -webkit-box-shadow: -1px -1px 1px #243b48 inset;
        box-shadow: -1px -1px 1px #243b48 inset;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#243b48')";
        background: #F7F7F7;
}
.textfield:hover {
        color: #152c34;
        border: 1px solid #71adcc;
        -moz-box-shadow: -1px -1px 1px #152c34 inset;
        -webkit-box-shadow: -1px -1px 1px #152c34 inset;
        box-shadow: -1px -1px 1px #152c34 inset;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#152c34')";
}
.textboxfield {
        font: 12px Verdana, Arial, Helvetica, sans-serif;
        color: #231f20;
        padding: 2px;
        border: 1px solid #ccc;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: -1px -1px 1px #243b48 inset;
        -webkit-box-shadow: -1px -1px 1px #243b48 inset;
        box-shadow: -1px -1px 1px #243b48 inset;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#243b48')";
        background: #F7F7F7;
}
.textboxfield:hover {
        color: #152c34;
        border: 1px solid #71adcc;
        -moz-box-shadow: -1px -1px 1px #152c34 inset;
        -webkit-box-shadow: -1px -1px 1px #152c34 inset;
        box-shadow: -1px -1px 1px #152c34 inset;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#152c34')";
}
.textfield_notadded {
        font-size: 11px;
        color: #231f20;
        background: #F7F7F7;
        border: 1px solid red;
}
.textfield_notadded:hover {
        font-size: 11px;
        color: #231f20;
        background: #F7F7F7;
        border: 1px solid #231f20;
}
.err {
        color: #FF9900;
}
.header {
        border: 0px;
}
.motd {
        border: 0px;
}
.footer a,
.footer a:visited {
        color: #ac2925 !important;
        font-size: 11px !important;
        text-decoration: none !important;
}
.footer a:hover,
.footer a:active {
        text-decoration: none !important;
        color: #dd4b39 !important;
}
.footer {
    font: 11px Verdana, Arial, Helvetica, sans-serif !important;
    z-index: 80 !important;
    border: 0px !important;
        background-repeat: no-repeat !important;
        background-color: #EEEEEE !important;
        background-attachment: fixed !important;
        background: -ms-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #CCCCCC 150%) !important;
        background: -moz-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #CCCCCC 150%) !important;
        background: -o-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #CCCCCC 150%) !important;
        background: -webkit-gradient(radial, center top, 0, center top, 553, color-stop(0, #FFFFFF), color-stop(1.5, #CCCCCC)) !important;
        background: -webkit-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #CCCCCC 150%) !important;
        background: radial-gradient(ellipse farthest-corner at center top, #FFFFFF 0%, #CCCCCC 150%) !important;
    -moz-border-radius: 10px 10px 0px 0px !important;
    -webkit-border-radius: 10px 10px 0px 0px !important;
    border-radius: 10px 10px 0px 0px !important;
}
.form  {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid;
        border-color: #ccc;
        background-repeat: no-repeat;
        background-color: #DDDDDD;
        background-attachment: fixed !important;
        background: -ms-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #DDDDDD 200%);
        background: -moz-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #DDDDDD 200%);
        background: -o-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #DDDDDD 200%);
        background: -webkit-gradient(radial, center top, 0, center top, 553, color-stop(0, #FFFFFF), color-stop(2, #DDDDDD));
        background: -webkit-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #DDDDDD 200%);
        background: radial-gradient(ellipse farthest-corner at center top, #FFFFFF 0%, #DDDDDD 200%);
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    border-radius: 5px;
        -moz-box-shadow: 1px 1px 4px #def3e8;
        -webkit-box-shadow: 1px 1px 4px #def3e8;
        box-shadow: 1px 1px 4px #def3e8;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#def3e8')";
}
.form1 {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
        border: 1px solid;
        border-color: #aaa;
        background-repeat: no-repeat;
        background-color: #EEEEEE;
        background-attachment: fixed !important;
        background: -ms-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #CCCCCC 100%);
        background: -moz-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #CCCCCC 100%);
        background: -o-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #CCCCCC 100%);
        background: -webkit-gradient(radial, center top, 0, center top, 553, color-stop(0, #FFFFFF), color-stop(1, #CCCCCC));
        background: -webkit-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #CCCCCC 100%);
        background: radial-gradient(ellipse farthest-corner at center top, #FFFFFF 0%, #CCCCCC 100%);
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    border-radius: 5px;
        -moz-box-shadow: 1px 1px 4px #ccc;
        -webkit-box-shadow: 1px 1px 4px #ccc;
        box-shadow: 1px 1px 4px #ccc;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc')";
}
.form2 {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
        border: 1px solid;
        border-color: #aaa;
        background-repeat: no-repeat;
        background-color: #EEEEEE;
        background-attachment: fixed !important;
        background: -ms-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #CCCCCC 100%);
        background: -moz-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #CCCCCC 100%);
        background: -o-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #CCCCCC 100%);
        background: -webkit-gradient(radial, center top, 0, center top, 553, color-stop(0, #FFFFFF), color-stop(1, #CCCCCC));
        background: -webkit-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #CCCCCC 100%);
        background: radial-gradient(ellipse farthest-corner at center top, #FFFFFF 0%, #CCCCCC 100%);
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    border-radius: 5px;
        -moz-box-shadow: 1px 1px 4px #ccc;
        -webkit-box-shadow: 1px 1px 4px #ccc;
        box-shadow: 1px 1px 4px #ccc;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc')";
}
.tform {
        font: 11px Verdana, Arial, Helvetica, sans-serif;
        border: 1px solid #839db7;
        background-repeat: no-repeat;
        background-color: #FFFFFF;
        background-attachment: fixed !important;
        background: -ms-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #DDDDDD 200%);
        background: -moz-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #DDDDDD 200%);
        background: -o-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #DDDDDD 200%);
        background: -webkit-gradient(radial, center top, 0, center top, 553, color-stop(0, #FFFFFF), color-stop(2, #DDDDDD));
        background: -webkit-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #DDDDDD 200%);
        background: radial-gradient(ellipse farthest-corner at center top, #FFFFFF 0%, #DDDDDD 200%);
        -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
        border-radius: 10px;
        -moz-box-shadow: 1px 1px 4px #def3e8;
        -webkit-box-shadow: 1px 1px 4px #def3e8;
        box-shadow: 1px 1px 4px #def3e8;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#def3e8')";
}
.tform1 {
        font: 11px Verdana, Arial, Helvetica, sans-serif;
        border: 1px solid;
        border-color: #aaa;
        background-repeat: no-repeat;
        background-color: #EEEEEE;
        background-attachment: fixed !important;
        background: -ms-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #CCCCCC 100%);
        background: -moz-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #CCCCCC 100%);
        background: -o-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #CCCCCC 100%);
        background: -webkit-gradient(radial, center top, 0, center top, 553, color-stop(0, #FFFFFF), color-stop(1, #CCCCCC));
        background: -webkit-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #CCCCCC 100%);
        background: radial-gradient(ellipse farthest-corner at center top, #FFFFFF 0%, #CCCCCC 100%);
        -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 1px 1px 4px #ccc;
        -webkit-box-shadow: 1px 1px 4px #ccc;
        box-shadow: 1px 1px 4px #ccc;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc')";
}
.sform1 {
        font: 11px Verdana, Arial, Helvetica, sans-serif;
        border: 1px solid;
        border-color: #aaa;
        background-color: #eee;
}
.form_close {
    color: red;
        font: 10px Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid #aaa;
        -moz-border-radius: 0px 0px 5px 5px;
        -webkit-border-radius: 0px 0px 5px 5px;
        border-radius: 0px 0px 5px 5px;
        -moz-box-shadow: 1px 1px 1px #ccc;
        -webkit-box-shadow: 1px 1px 1px #ccc;
        box-shadow: 1px 1px 1px #ccc;
}
.form_close:hover {
    background-color: #eaeaea;
        -moz-box-shadow: 1px 1px 1px #aaa;
        -webkit-box-shadow: 1px 1px 1px #aaa;
        box-shadow: 1px 1px 1px #aaa;
}
.tr_close {
        color: red;
        font: 10px Verdana, Arial, Helvetica, sans-serif;
    border-top: 2px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        -moz-border-radius: 0px 0px 5px 5px;
        -webkit-border-radius: 0px 0px 5px 5px;
        border-radius: 0px 0px 5px 5px;
        -moz-box-shadow: 1px 1px 1px #ccc;
        -webkit-box-shadow: 1px 1px 1px #ccc;
        box-shadow: 1px 1px 1px #ccc;
}
.tr_close:hover {
        background-color: #e3e3e3;
        -moz-box-shadow: 1px 1px 1px #aaa;
        -webkit-box-shadow: 1px 1px 1px #aaa;
        box-shadow: 1px 1px 1px #aaa;
}
.accessnum {
        font: 11px Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid;
        border-color: #ccc;
        background-color: #FFFFFF;
}
.accessnum1 {
        font: 11px Verdana, Arial, Helvetica, sans-serif;
        border: 1px solid;
        border-color: #aaa;
        background-color: #eee;
}
.sresults {
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid;
        border-color: #ccc;
        background-repeat: no-repeat;
        background-color: #DDDDDD;
        background-attachment: fixed !important;
        background: -ms-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #DDDDDD 200%);
        background: -moz-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #DDDDDD 200%);
        background: -o-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #DDDDDD 200%);
        background: -webkit-gradient(radial, center top, 0, center top, 553, color-stop(0, #FFFFFF), color-stop(2, #DDDDDD));
        background: -webkit-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #DDDDDD 200%);
        background: radial-gradient(ellipse farthest-corner at center top, #FFFFFF 0%, #DDDDDD 200%);
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 1px 1px 4px #def3e8;
        -webkit-box-shadow: 1px 1px 4px #def3e8;
        box-shadow: 1px 1px 4px #def3e8;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#def3e8')";
}
.sresults tr {
    height: 18px;
    background-color: #eee;
}
.result_row {
        font: 12px Verdana, Arial, Helvetica, sans-serif;
        color: #000000;
        background-color: #eee;
}
.result_row:hover {
    cursor: pointer;
    background-color: #00aeff !important;
        background-repeat: repeat-x;
        background-position: 0px -20px;
        background-image: url(/images/gradient001.png);
}
#even:hover {
        color: #000;
        background-color: #00aeff !important;
        background-repeat: repeat-x;
        background-position: 0px -20px;
        background-image: url(/images/gradient001.png);
}
#even {
        color: #222;
        background-color: #fff;
}
#user_status_0 {
        background-color: #ff0000 !important;
        background-repeat: repeat-x;
        background-position: 0px -40px;
        background-image: url(/images/gradient001.png);       
}
#user_status_0:hover {
        background-position: 0px -120px;
}
#user_status_1 {
        background-color: #00ff00 !important;
        background-repeat: repeat-x;
        background-position: 0px -40px;
        background-image: url(/images/gradient001.png);       
}
#user_status_1:hover {
        background-position: 0px -120px;
}
#user_status_2 {
        background-color: #0000ff !important;
        background-repeat: repeat-x;
        background-position: 0px -40px;
        background-image: url(/images/gradient001.png);       
}
#user_status_2:hover {
        background-position: 0px -120px;
}
#hype1 {
        background-color: #ff0000 !important;
        background-repeat: repeat-x;
        background-position: 0px -80px;
        background-image: url(/images/gradient001.png); 
}
#hype1:hover {
    background-position: 0px -120px;
}
#hype2 {
        background-color: #CCCCCC !important;
        background-repeat: repeat-x;
        background-position: 0px -40px;
        background-image: url(/images/gradient001.png);       
}
#hype2:hover {
        background-position: 0px -120px;
}
#hype3 {
        background-color: #00b4ff !important;
        background-repeat: repeat-x;
        background-position: 0px -40px;
        background-image: url(/images/gradient001.png);       
}
#hype3:hover {
        background-position: 0px -120px;
}
#hype4 {
        background-color: #7ffdbd !important;
        background-repeat: repeat-x;
        background-position: 0px -80px;
        background-image: url(/images/gradient001.png);       
}
#hype4:hover {
        background-position: 0px -120px;
}
#hype5 {
        background-color: #00ff00 !important;
        background-repeat: repeat-x;
        background-position: 0px -40px;
        background-image: url(/images/gradient001.png);       
}
#hype5:hover {
        background-position: 0px -120px;
}
.line {
    border-bottom: 1px solid;
    border-color: #ccc;
}
.login {
    border: 0px;
}
.login table {
    padding: 4px;
    border: 1px solid #ddd;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    border-radius: 5px;
        background-color: #bbe0f7 !important;
        background-repeat: repeat-x;
        background-position: 0px -80px;
        background-image: url(/images/gradient001.png);
}
.logout{
    border: 0px;
}
.msgcont{
    font: 11px Verdana, Arial, Helvetica, sans-serif;
        border: 0px;
}
.msgs   {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
        border: 1px solid;
        border-color: #ccc;
        background-color: #FFFFFF;
}
.data_header {
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    border-bottom: 1px solid #ccc;
        background-repeat: no-repeat;
        background-color: #192a19;
        background-attachment: fixed !important;
        background: -ms-linear-gradient(bottom, #1f3424 0%, #192a19 50%);
        background: -moz-linear-gradient(bottom, #1f3424 0%, #192a19 50%);
        background: -o-linear-gradient(bottom, #1f3424 0%, #192a19 50%);
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #1f3424), color-stop(.5, #192a19));
        background: -webkit-linear-gradient(bottom, #1f3424 0%, #192a19 50%);
        background: linear-gradient(to top, #1f3424 0%, #192a19 50%);
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        border-radius: 1px;
}
.data_footer {
        border-top: 1px solid #ccc;
}
.data_footer1 {
        border-top: 2px solid #ccc;
}
.invoice {
        font: 11px Verdana, Arial, Helvetica, sans-serif;
        border: 1px solid;
        border-color: #ccc;
        background-color: #FFFFFF;
}
.invoice_hd {
        font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.invoice_hd0 {
        font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.invoice_hd1 {
        font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.invoice_hd2 {
        font: 11px Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid;
        border-color: #aaa;
        background-color: #eee;
}
.invoice_summary {
    font: 15px Verdana, Arial, Helvetica, sans-serif;
}
.invoice_results {
        font: 11px Verdana, Arial, Helvetica, sans-serif;
        border: 1px solid;
        border-color: #aaa;
        background-color: #eee;
}
.invoice_total {
        font: 11px Verdana, Arial, Helvetica, sans-serif;
        border: 1px solid;
    border-color: #aaa;
    background-color: #eee;
}
.search_menu {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
        border: 1px solid;
        border-color: #ccc;
        background-color: #FFFFFF;
}
.textbox {
    height: 24px;
    font: 14px Verdana, Arial, Helvetica, sans-serif;
    border: 0px;
    border-bottom: 2px solid;
    border-color: #000;
    color: #231f20;
    background-color: #eee;
}
.fxnbox {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.fxnbutton {
    font: bold 16px Verdana, Arial, Helvetica, sans-serif;
    color: #231f20;
    border: 1px solid #231f20;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #FFFFFF;
    -moz-box-shadow: 1px 1px 4px #def3e8;
    -webkit-box-shadow: 1px 1px 4px #def3e8;
    box-shadow: 1px 1px 4px #def3e8;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#def3e8')";
}
.fxnbutton:hover {
    cursor: pointer;
    color: #dd4b39;
    border-color: #dd4b39;
}
.fxnbutton_label {
    background-color: rgba(255, 255, 255, 0.8);
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -moz-box-shadow: 0px 0px 10px #FFFFFF;
        -webkit-box-shadow: 0px 0px 10px #FFFFFF;
        box-shadow: 0px 0px 10px #FFFFFF;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=0, Color='#FFFFFF')";
}
.cell_fxnbox {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.cell_fxnbutton1 {
    font: 14px Verdana, Arial, Helvetica, sans-serif;
    color: #231f20;
    border: 1px solid;
    border-color: #231f20;
    background-color: rgba(255, 255, 255, 0.8);
    background-image: url(/images/portal_necival_icon.png);
    -moz-box-shadow: 1px 1px 4px #def3e8;
    -webkit-box-shadow: 1px 1px 4px #def3e8;
    box-shadow: 1px 1px 4px #def3e8;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#def3e8')";
}
.cell_fxnbutton2 {
    font: 14px Verdana, Arial, Helvetica, sans-serif;
    color: #231f20;
    border: 1px solid;
    border-color: #231f20;
    background-color: rgba(255, 255, 255, 0.8);
    background-image: url(/images/portal_necival_cc_icon.png);
    -moz-box-shadow: 1px 1px 4px #def3e8;
    -webkit-box-shadow: 1px 1px 4px #def3e8;
    box-shadow: 1px 1px 4px #def3e8;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#def3e8')";
}
.cell_fxnbutton1:hover {
    cursor: pointer;
    border-color: #dd4b39;
}
.cell_fxnbutton2:hover {
    border-color: #dd4b39;
}
.add_button {
        font: 14px Verdana, Arial, Helvetica, sans-serif;
        color: #231f20;
    text-valign: center;
    text-align: center;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
}
.add_button tr:hover {
    cursor: pointer;
    color: #dd4b39;
}
.edit_mysql1 {
    color:#000;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
    border: 1px solid #ccc;
}
.edit_mysql2 {
        color:#000;
        font: 12px Verdana, Arial, Helvetica, sans-serif;
        background-color: #FFFFFF;
        border: 1px solid #ccc;
}
.cell_customer_cont0 {
        font: 11px Verdana, Arial, Helvetica, sans-serif;
        border: 0px;
}
.cell_customer_cont1 {
        font: 11px Verdana, Arial, Helvetica, sans-serif;
        border: 1px solid;
        border-color: #aaa;
        background-color: #eee;
}
.cell_phones_cont0 {
        font: 11px Verdana, Arial, Helvetica, sans-serif;
        border: 0px;
}
.cell_phones_cont0 td {
    padding: 2px;
}
.cell_phones_cont1 {
        font: 11px Verdana, Arial, Helvetica, sans-serif;
        border: 1px solid;
        border-color: #aaa;
        background-color: #eee;
}
.cell_phones_cont1_added {
        font: 11px Verdana, Arial, Helvetica, sans-serif;
        border: 1px solid;
        border-color: #8ed300;
        background-color: #eee;
}
.cell_phones_cont1_notadded { 
        font: 11px Verdana, Arial, Helvetica, sans-serif;
        border: 1px solid;
        border-color: red;
        background-color: #eee;
}
.monthly {
    color: #000;
        background-color: #00ff00 !important;
        background-repeat: repeat-x;
        background-position: 0px -120px;
        background-image: url(/images/gradient001.png);
}
.ticket_icon {
        font: 11px Verdana, Arial, Helvetica, sans-serif;
        color: #231f20;
        text-valign: center;
        text-align: center;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url(/images/portal_ticket_add_24x24.png);
    background-size: 16px 16px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
}
.ticket_icon:hover {
    cursor: pointer;
    color: #dd4b39;
    background-image: url(/images/portal_ticket_add_24x24_hover.png);
    background-size: 16px 16px;
}
.div_button {
        color: #def3e8;
        text-valign: center;
        text-align: center;
        text-decoration: none;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
}
.div_button:hover {
        color: #0a2b39;
        cursor: pointer;
        text-decoration: none;
}
.edit_icon {
        background-repeat: no-repeat;
        background-position: top center;
        background-image: url(/images/Actions-document-edit-icon_24x24.png);
    background-size: 16px 16px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
}
.edit_icon:hover {
        cursor: pointer;
        background-image: url(/images/Actions-document-edit-icon_24x24_hover.png);
}
.delete_icon {
        background-repeat: no-repeat;
        background-position: top center;
        background-image: url(/images/Actions-edit-delete-icon_24x24.png);
        background-size: 16px 16px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
}
.delete_icon:hover {
        cursor: pointer;
        background-image: url(/images/Actions-edit-delete-icon_24x24_hover.png);
}
.upload_icon {
        background-repeat: no-repeat;
        background-position: top center;
        background-image: url(/images/up-icon-bright_32x32.png);
        background-size: 32px 32px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
}
.upload_icon:hover {
        cursor: pointer;
        background-image: url(/images/up-icon-bright_32x32_hover.png);
}
.blueplay_icon {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url(/images/super-mono-reflection/arrow-down_blue.png);
        background-size: 32px 32px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
}
.blueplay_icon:hover {
    cursor: pointer;
    background-image: url(/images/super-mono-reflection/arrow-down_green.png);
}
.icon_button {
    font: 9px Verdana, Arial, Helvetica, sans-serif;
    color: #231f20;
    line-height: 100%;
}
.icon_button:hover {
        font: 9px Verdana, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
    line-height:  100%;
}