﻿.support-button-manual
{
    background: transparent url(../images/support/button-manual-2.png) no-repeat;
}

.support-button-chat
{
    background: transparent url(../images/support/button-chat-2.png) no-repeat;    
}

.support-button-software
{
    background: transparent url(../images/support/button-software-2.png) no-repeat;    
}

.support-button
{
    height: 100px;
    float: left;
    width: 310px;
    cursor: pointer;
    margin: 0px 0px 5px 0px;
}
.support-button-kb
{
    background: transparent url(../images/support/button-kb-2.png) no-repeat;
}

.support-button .image-button-middle
{
    display: none;    
}

.support-button .image-button-left
{
    display: none;
}

.support-button .image-button-right
{
    display: none;    
}

.support-quick-links-padding
{
    padding: 6px 1px 6px 19px;    
}

.support-button-new-request
{
    cursor: pointer;
    float: right;
    width: 90px;
    height: 28px;
    background: transparent url(../images/support/new-request.png) no-repeat;
    margin: 8px 8px 7px;
}

.support-lightbox
{
	position: absolute;
	z-index: 10000;
	top: 20px;
	left: 20px;
	width: 940px;
	height: 544px;
}

.box-test-header
{
    height: 70px;
}

.box-test-content-wrap
{
    clear: both;
}

.box-test-header-left
{
    float: left;
    height: 62px;
    width: 8px;
    background: transparent url(../images/support/lb-top-left.gif) no-repeat;
    padding-top: 8px;
}

.box-test-header-middle
{
    float: left;
    height: 70px;
    width: 924px;
    background-color: #fff;
    font-size: 0.8em;
}

.box-test-header-title
{
    height: 60px;
    float: left;
    width: 590px;
    color: #000000;
    font-weight: bold;
    font-size: 19px;
    text-transform: none;
    padding: 22px 0px 0px 16px;
}

.box-test-header-controls
{
    height: 60px;
    float: left;
    width: 316px;
}

.box-test-header-controls-top
{
    height: 22px;
}

.box-test-header-close
{
    float: right;
    width: 22px;
    background: transparent url(../images/support/lb-close.png) no-repeat;
    height: 22px;
    cursor: pointer;
}

.box-test-header-controls-bottom
{
    height: 38px;
    color: #000099;
    text-align: center;
    padding-top: 6px;
    font: 0.75em Arial;
}

.box-test-header-middle-content
{
    height: 61px;
}

.box-test-header-middle-line
{
    height: 1px;
    background-color: #c9c9c9;
    margin-left: 14px;
}

.box-test-header-middle-border
{
    height: 8px;
    background-color: #fff;
}

.box-test-header-right
{
    float: left;
    height: 62px;
    width: 8px;
    background: transparent url(../images/support/lb-top-right.gif) no-repeat;
    padding-top: 8px;
}

.box-test-header-corner
{
    background-color: #fff;
    height: 62px;
}

.box-test-body-border
{
    float: left;
    width: 8px;
    background-color: #fff;
}

.box-test-body-border-top
{
    height: 290px;
}

.box-test-body-border-top-new
{
    height: 10px;
}

.box-test-body-border-bottom
{
    background-color: #01426B;
    height: 187px;
}

.box-test-body-border-bottom-new
{
    height: 432px;
    background: #01426B url(../images/support/lb-left-border-y.png) repeat-y;
}

.box-test-body-border-bottom-left
{
    background: #01426B url(../images/support/lb-bottom-border-left.png) no-repeat;
}

.box-test-body-border-left-new-top
{
    background: #01426B url(../images/support/lb-bottom-border-left.png) no-repeat;
    height: 240px;
}

.box-test-body-border-bottom-right
{
    background: #01426B url(../images/support/lb-bottom-border-right.png) no-repeat;
}

.box-test-body-middle
{
    float: left;
    width: 924px;
    background: #fff;
}

.box-test-body-right
{
    float: left;
    height: 670px;
    width: 8px;
    background-color: #fff;
}

.box-test-footer,
.box-test-footer-new
{
    height: 10px;
    clear: both;
}

.box-test-footer > div,
.box-test-footer-new > div
{
    float: left;
    height: 10px;
}

.box-test-footer-left
{
    width: 10px;
    background: transparent url(../images/support/lb-bottom-left.png) no-repeat 0 0;
}

.box-test-footer-new .box-test-footer-left {
    background: transparent url(../images/support/lb-bottom-left-new.png) no-repeat 0 0;
}

.box-test-footer-middle
{
    width: 920px;
    background: transparent url(../images/support/lb-bottom-x.png) repeat-x;
}

.box-test-footer-new .box-test-footer-middle {
    background: transparent url(../images/support/lb-bottom-x-new.png) repeat-x 0 0;
}

.box-test-footer-right
{
    width: 10px;
    background: transparent url(../images/support/lb-bottom-right.png) no-repeat 0 0;
}

.box-test-footer-new .box-test-footer-right {
    background: transparent url(../images/support/lb-bottom-right-new.png) no-repeat 0 0;
}

.box-test-body-top
{
    background-color: #fcfcfc;    
    margin-top: 10px;
    height: 280px;
}

.box-test-body-top-new
{
    height: 10px;
    background-color: #fcfcfc;    
}

.box-test-body-bottom
{
    background: #01426B url(../images/support/lb-bottom-border-x.png) repeat-x;
    float: left;
    width: 100%;
    height: 187px;
}

.box-test-body-bottom-new
{
    background: #01426B url(../images/support/lb-bottom-border-x.png) repeat-x;
    float: left;
    width: 100%;
}

.support-reply-prompt-first,
.support-reply-prompt,
.support-ticket-prompt-short
{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 10px 0px 1px 40px;
}

.support-reply-prompt-first{
    padding-top: 20px;
}

.support-reply-prompt{
    clear: both;
}

.support-ticket-prompt-short
{
    float: left;
    width: 400px;
}

.support-ticket-prompt-wrap
{
    clear: both;
    min-height: 40px;
}

.support-reply-closed
{
    margin-top: 75px;
    text-align: center;
    padding-left: 0px;
}

/*** The NEW message textbox ***/

.support-ticket-field-large
{
    clear: both;
}

.support-ticket-large-input
{
    border: none;
    border-color: #fff; /* for ie7 */
    width: 828px;
    font-size: 14px;
    height: 85px;
    resize: none;
}

.support-ticket-field-large .box-left
{
    float: left;
    width: 5px;
}

.support-ticket-field-large .box-left .top-left-corner
{
    height: 8px;
    background: transparent url(../images/support/field-left-top.png) no-repeat;
}

.support-ticket-field-large .box-left .bottom-left-corner
{
    height: 8px;
    background: transparent url(../images/support/field-left-bottom.png) no-repeat;
}

.support-ticket-field-large .box-middle
{
    float: left;
    width: 840px;
}

.support-ticket-field-large .box-middle-top
{
    height: 6px;
    background: transparent url(../images/support/field-top.png) repeat-x;
}


.support-ticket-field-large .box-left .left-border
{
    height: 103px;
    background: transparent url(../images/support/field-left-border.png) repeat-y;
}

.support-ticket-field-large .box-middle .box-middle-bottom
{
    height: 112px;
    background-color: #fff;
}

.support-ticket-field-large .box-right .right-border
{
    height: 98px;
    background: transparent url(../images/support/field-right-border-thin.png) repeat-y;
}

.support-ticket-field-large .box-right
{
    float: left;
    width: 7px;
}

.support-ticket-field-large .box-right .top-right-corner
{
    height: 10px;
    background: transparent url(../images/support/field-right-top.png) no-repeat;
}

.support-ticket-field-large .box-right .bottom-right-corner
{
    height: 10px;
    background: transparent url(../images/support/field-right-bottom.png) no-repeat;

}

/*** The REPLY message textbox ***/

.support-reply-field-panel
{
    padding: 2px 10px 1px 34px;
}

.support-ticket-field-reply
{
    clear: both;
}

.support-ticket-field-reply .box-left
{
    float: left;
    width: 5px;
}

.support-ticket-field-reply .box-left .top-left-corner
{
    height: 8px;
    background: transparent url(../images/support/field-left-top.png) no-repeat;
}

.support-ticket-field-reply .box-left .left-border
{
    background: transparent url(../images/support/field-left-border.png) repeat-y;
}

.support-ticket-field-reply .box-left .bottom-left-corner
{
    height: 8px;
    background: transparent url(../images/support/field-left-bottom.png) no-repeat;
}

.support-ticket-field-reply .box-middle
{
    float: left;
    width: 840px;
}

.support-ticket-field-reply .box-middle-top
{
    height: 6px;
    background: transparent url(../images/support/field-top.png) repeat-x;
}

.support-ticket-field-reply .box-middle .box-middle-bottom
{
    background-color: #fff;
}

.support-ticket-field-reply .box-right
{
    float: left;
    width: 7px;
}

.support-ticket-field-reply .box-right .top-right-corner
{
    height: 10px;
    background: transparent url(../images/support/field-right-top.png) no-repeat;
}

.support-ticket-field-reply .box-right .right-border
{
    height: 130px;
    background: transparent url(../images/support/field-right-border-thin.png) repeat-y;
}

.support-ticket-field-reply .box-right .bottom-right-corner
{
    height: 10px;
    background: transparent url(../images/support/field-right-bottom.png) no-repeat;

}

.support-ticket-reply-input
{
    border: none;
    width: 838px;
    height: 140px;
    font: normal 14px "Myriad Pro", Arial, sans-serif;
}

/*** THE SMALL FIELDS ON NEW TICKET FORM ***/

.support-ticket-field-small
{
    height: 40px;
    padding: 2px 0px 0px 33px;
    float: left;
}

.support-ticket-field-small-phone
{
    padding-left: 22px;    
}

.support-ticket-field-small .box-left
{
    float: left;
    height: 34px;
    width: 5px;
    background: transparent url(../images/support/field-left-sm.png) no-repeat;
}

.support-ticket-field-small .box-middle
{
    float: left;
    width: 841px;
    height: 34px;
    background: #fff url(../images/support/field-top.png) repeat-x;
    overflow: hidden;
}

.support-ticket-field-small .box-middle-short
{
    float: left;
    width: 405px;
    height: 34px;
    background: #fff url(../images/support/field-top.png) repeat-x;
    overflow: hidden;
}

.support-ticket-field-small .box-right
{
    float: left;
    width: 5px;
    height: 34px;
    background: transparent url(../images/support/field-right-sm.png) no-repeat;
}

.smallTextBox
{
    float: left;
    border: none;
    border-color: #fff; /* for IE7 */
    width: 834px;
    height: 30px;
    margin: 6px 0px 0px 1px;
    font-size: 18px;   
}

.smallTextBoxShorter
{
    width: 398px;
}

.support-ticket-submit-footer
{
    padding: 3px 37px 0px 10px;
    clear: both;
    float: right;
}


.support-ticket-submit-reply-footer
{
    padding-top: 4px;
}


.support-reply-send-button-container
{
    clear: both;
    float: right;
    width: 95px;
    background: transparent url(../images/support/submit-request.png) no-repeat;
    height: 27px;
    cursor: pointer;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    vertical-align: middle;
}

.ticket-thread-content
{
    overflow: hidden;
    background: #fff url(../images/support/ticket-rows.png) repeat 0 0;
}

.ticket-thread-scroll
{
    height: 280px;
    overflow-x: hidden;
    overflow-y: scroll;    
}

.ticket-thread-row
{
    float: left;
    width: 100%;
}

.ticket-thread-row:hover
{
    background-color: #9EC2D1;    
}

.ticket-thread-left
{
    float: left;
    padding: 42px 0px 0px 30px;
    width: 140px;
}

.ticket-thread-avatar
{
    width: 130px;
    float: left;
    background: transparent url(../images/support/ticket-thread-question.png) no-repeat;
    padding: 85px 0px 0px 10px;
}

.ticket-avatar-name
{
    font-weight: bold;
    color: #015B96;
    clear: both;
    line-height: 1.1em;
    padding-right: 1em;
}

.ticket-avatar-name-data
{
    float: left;
    width: 100%;
}

.ticket-avatar-title
{
    color: #7b7b7b;
    font-size: 0.9em;
}

.ticket-thread-response-wrap
{
    float: left;
    width: 300px;
    padding: 20px 0px 0px 4px;
}

.ticket-thread-response-content
{
    float: left;
    width: 750px;
}

.ticket-body-left
{
    float: left;
    background: transparent url(../images/support/ticket-body-left.png) no-repeat;
    width: 34px;
    height: 161px;
}

.ticket-body-middle
{
    float: left;
    background: transparent url(../images/support/ticket-body-x.png) repeat-x;
    padding: 11px 0px 8px 8px; 
    height: 161px;
    width: 649px;
}

.ticket-body-right
{
    float: left;
    background: transparent url(../images/support/ticket-body-right.png) no-repeat;    
    height: 161px;
    width: 20px;
}

.ticket-body-message
{
    color: #555;    
    overflow-x: hidden;
    overflow-y: auto;
    height: 126px;
    font-size: 0.9em;
}

.ticket-body-footer
{
    font-size: 1.0em;
}

.ticket-body-footer .footerDate
{
    color: #026BAC;
    font-weight: bold;    
}

.ticket-body-footer .footerTime
{
    margin-left: 12px;
    color: #737373;
    font-weight: normal;
}

.support-notice{
    display: none;
    position: absolute;
    width: 893px;
}

.support-grid-ticket-id-col,
.standard-grid-row td.support-grid-ticket-id-col {
    text-align: right;
    padding-right: 80px;
    width: 25%;
}

.support-grid-last-activity-col,
.standard-grid-row td.support-grid-last-activity-col {
    text-align: left;
    width: 15%;
}

.support-grid-status-col,
.standard-grid-row td.support-grid-status-col {
    width: 15%;
    vertical-align: middle;
}
.support-grid-subject-col,
.standard-grid-row td.support-grid-subject-col {
    text-align: left;
    width: 45%;
}
.standard-grid-row td.dxgv div.support-subject {
    width: 280px;
    text-align: left;
}

.ellipsis 
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

    .support-header-links
    {
        width:99.5%; 
        margin-bottom:5px; 
        text-align:right; 
        font-weight:bold;
        color: black;
    }

    .support-header-links a
    {
        color:black;
        text-decoration:none;
    }

    .support-header-links span
    {
        vertical-align:top;
    }

    .support_tips_cell
    {
        width:25%;
        padding-bottom: 5px;
    }

    .support_tips_cell img
    {
        margin-top:3px;
    }

    .support_tips_cell a
    {
        text-decoration:none !important;    
    }

    .support_tips_cell:hover
    {
        box-shadow: 0 0 0 2px #f0f0f0 inset;
        text-decoration:none !important;
    }

    .support_tip_header
    {
        color: black;
        font-weight:bold;
    }

    .support_tip_details
    {
        color:black;
        font-style:italic;
        
    }

    .detailsDiv
    {
        text-align:center;
        padding-left: 10px;
        padding-right: 10px;
    }
