﻿/************* Support RMA [begin] ****************/

/*------------General Start------------*/
.RmaHeadline
{
    font-family: Lucida Sans Unicode, Verdana;
    font-size: 20px;
    color: #4A566E;
}

.RmaTitle
{
    font-family: Lucida Sans Unicode, Verdana;
    font-size: 18px;
    color: #4A566E;
    float: left;
    clear: right;
    margin-left: 10px;
}

.RmaWizardTitle
{
    font-family: Lucida Sans Unicode, Verdana;
    font-size: 18px;
    color: #4A566E; 
}

.RmaBody
{
    font-family: Lucida Sans Unicode, Verdana;
    font-size: 12px;    
    color: #CCCCCC;
}

.RmaBgTop
{
    background-image:url(../images/support/rma/bg_top.gif);
    background-repeat: repeat-y;
    width:760px;    
    height:20px;
    line-height:10px;    
    font-size:1px;
    margin-left:auto;
    margin-right:auto;    
    margin-top:10px;    
}

.RmaBgMiddle
{
    background-image:url(../images/support/rma/bg_center.gif);
    background-repeat: repeat-y;
    width:720px;
    padding: 20px;
    margin-left:auto;
    margin-right:auto;    
    position: relative;
    display: inline-table;
}

.RmaBgMiddle #RmaAnchor
{
    font-size: 12px;
    color:#1386C0;
    text-decoration:underline;
}

.RmaBgMiddle #RmaAnchor:hover 
{
    color:#1386C0;
    text-decoration:none;
}

.RmaBgBottom
{
    background-image:url(../images/support/rma/bg_bottom.gif);
    background-repeat: repeat-y;
    width:760px; 
    height:10px;
    line-height:10px;    
    font-size:1px;
    margin-left:auto;
    margin-right:auto;    
    margin-bottom:20px;  
}

.RmaImageHeaderFooter
{
    font-size: 1px;   
}

.RmaImportantNotice
{
    width:800px;     
    margin-left:auto;
    margin-right:auto;    
}

.bullets
{
    display: list-item; 
    list-style-type: disc; 
    list-style-position: inside;     
    padding-left: 10px;
}

.numbers
{
    display: list-item; 
    list-style-type: decimal; 
    list-style-position: inside;     
    padding-left: 10px;
}

.required
{
    font-size: 14px;
    color: Red;
}

.ReplacementFee
{
    font-weight: bolder;
    color: #195278;
}

.imgCollapse
{
    background-image:url(../images/support/rma/plus.png);
}

.imgCollapse .imgExpand
{
    background-image:url(../images/support/rma/minus.png);
}

.FaultIDField
{
    display: none;
}

.invisibleDiv
{
    display:none;
}

.visibleDiv
{
    display:block;
}

.selectedLabel 
{ 
    font-weight: bold; 
    color: Green;
}
/*------------General End------------*/

/*------------TicketWizard Start------------*/
#TicketWizardHeadline
{
    font-family: Lucida Sans Unicode, Verdana;
    font-size: 18px;
    color: #4A566E;
    width: 960px;
    margin-left:auto;
    margin-right:auto;
    height:30px;
    line-height:30px;
    padding-bottom:10px;
}

#TicketWizardHeaderTop
{
    width: 960px;  
    height:10px;
    line-height:10px;    
    font-size:1px;
    background-image:url(../images/support/rma/main_bg_top.gif);
    background-repeat: no-repeat;    
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;  
    padding: 0px 0px 0px 0px;
}

#TicketWizardHeaderArea
{
    background-image:url(../images/support/rma/main_bg_center.gif);
    background-repeat:repeat-y;    
    width:960px;    
    margin-left:auto;
    margin-right:auto;    
    padding: 0px 0px 0px 0px;    
    display: table;   
}

#TicketWizardHeaderBottom
{
    background-image:url(../images/support/rma/main_bg_bottom.gif);
    background-repeat:repeat-y;
    width:960px;
    height:10px;
    line-height:10px;
    font-size:1px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
    padding: 0px 0px 0px 0px;
}

#TicketWizardTop
{
    width: 960px;  
    height:10px;
    line-height:10px;    
    font-size:1px;
    background-image:url(../images/support/rma/main_bg_top.gif);
    background-repeat: no-repeat;    
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;  
    padding: 0px 0px 0px 0px;
}

#TicketWizardSteps
{
    margin-left:auto;
    margin-right:5px;    
    padding: 0px 5px 0px 0px;    
    display: table;  
    left: 25%;
    margin-top: -25px;
    position: +absolute;
    top: 18.5%;
    width: 80%;
    line-height: 20px;
    float:right;
}

#TicketWizardSteps ul li
{
    display: table;      
    width:20%;
    height:38px;
    float: right;
    text-align:center;
    padding-top:30px;
    font-weight:bold;
    color:#C3C8CB;  
}

#TicketWizardSteps ul li.Step1
{
    background-image:url(../images/support/rma/wizard/step1_off.gif);
    background-repeat:no-repeat;
    background-position:center 4px;
}

#TicketWizardSteps ul li.Step2
{
    background-image:url(../images/support/rma/wizard/step2_off.gif);
    background-repeat:no-repeat;
    background-position:center 4px;
}

#TicketWizardSteps ul li.Step3
{
    background-image:url(../images/support/rma/wizard/step3_off.gif);
    background-repeat:no-repeat;
    background-position:center 4px;
}

#TicketWizardSteps ul li.Step4
{
    background-image:url(../images/support/rma/wizard/step4_off.gif);
    background-repeat:no-repeat;
    background-position:center 4px;
}

#TicketWizardSteps ul li.Step1.on
{
    background-image:url(../images/support/rma/wizard/step1_on.gif);
    color:#525872;
}

#TicketWizardSteps ul li.Step2.on
{
    background-image:url(../images/support/rma/wizard/step2_on.gif);
    color:#525872;
}

#TicketWizardSteps ul li.Step3.on
{
    background-image:url(../images/support/rma/wizard/step3_on.gif);
    color:#525872;
}

#TicketWizardSteps ul li.Step4.on
{
    background-image:url(../images/support/rma/wizard/step4_on.gif);
    color:#525872;
}

#TicketWizardStepsIE6
{
    margin-left:auto;
    margin-right:auto;    
    padding: 0px 0px 0px 0px;    
    display: table;  
    left: 18%;
    margin-top: auto;
    position:absolute;
    top: 20%;
    width: 70%;
    line-height: 20px;    
}

#TicketWizardStepsIE6 ul li
{
    display: table;      
    width:20%;
    height:38px;
    float: right;
    text-align:center;
    padding-top:30px;
    font-weight:bold;
    color:#C3C8CB;  
}

#TicketWizardStepsIE6 ul li.Step1
{
    background-image:url(../images/support/rma/wizard/step1_off.gif);
    background-repeat:no-repeat;
    background-position:center 4px;
}

#TicketWizardStepsIE6 ul li.Step2
{
    background-image:url(../images/support/rma/wizard/step2_off.gif);
    background-repeat:no-repeat;
    background-position:center 4px;
}

#TicketWizardStepsIE6 ul li.Step3
{
    background-image:url(../images/support/rma/wizard/step3_off.gif);
    background-repeat:no-repeat;
    background-position:center 4px;
}

#TicketWizardStepsIE6 ul li.Step4
{
    background-image:url(../images/support/rma/wizard/step4_off.gif);
    background-repeat:no-repeat;
    background-position:center 4px;
}

#TicketWizardStepsIE6 ul li.Step1.on
{
    background-image:url(../images/support/rma/wizard/step1_on.gif);
    color:#525872;
}

#TicketWizardStepsIE6 ul li.Step2.on
{
    background-image:url(../images/support/rma/wizard/step2_on.gif);
    color:#525872;
}

#TicketWizardStepsIE6 ul li.Step3.on
{
    background-image:url(../images/support/rma/wizard/step3_on.gif);
    color:#525872;
}

#TicketWizardStepsIE6 ul li.Step4.on
{   
    background-image:url(../images/support/rma/wizard/step4_on.gif);
    color:#525872;
}
/*IE6*/

#TicketWizardPageArea
{    
    background-image:url(../images/support/rma/main_bg_center.gif);
    background-repeat:repeat-y;    
    width:960px;    
    margin-left:auto;
    margin-right:auto;    
    padding: 0px 0px 0px 0px;    
    display: table;   
    z-index: -1;
}

#TicketWizardPageBottom
{
    background-image:url(../images/support/rma/main_bg_bottom.gif);
    background-repeat:repeat-y;
    width:960px;
    height:10px;
    line-height:10px;
    font-size:1px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
    padding: 0px 0px 0px 0px;
}
/*------------TicketWizard End------------*/

/*------------Notice Start------------*/
#Notice .header
{
    background-image:url(../images/support/rma/curve_bg_top.gif);
    background-repeat:no-repeat;    
    width:758px;
    height:10px;
    line-height:10px;
    font-size:10px;    
    color:#ffffff;
    padding: 0px 20px 0px 20px; 
}

#Notice .middle
{
    background-image:url(../images/support/rma/curve_bg_center.gif);
    background-repeat:repeat-y; 
    width:758px;
    padding:0px 40px 0px 40px;
    color:#ffffff;
    line-height:20px;
    text-align: justify;
}

#Notice .footer
{
    background-image:url(../images/support/rma/curve_bg_bottom.gif);
    background-repeat:no-repeat;
    width:758px;
    height:10px;
    line-height:10px;
    font-size:10px;   
}
/*------------Notice End------------*/

/*------------SearchBar Start------------*/
#SearchBar .outertable
{
    width: 960px;
    height: 28px; 
}

#SearchBar .outertablecell
{
    width: 758px; 
    background-image: url(../images/support/rma/wizard/blue_bar.gif);
    background-repeat: no-repeat;
    height: 28px; 
}

#SearchBar .innertable
{    
    width: 758px;    
    height: 20px;
}

#SearchBar .innertablecell1
{
    width: 498px; 
    color: White; 
    font-weight: bold; 
    font-family: Verdana; 
    position: relative;
    left: 15px;
    height: 20px; 
}

#SearchBar .innertablecell2
{
    width: 25px; 
    height: 20px;
}

#SearchBar .innertablecell3
{    
    width: 200px;  
    background-image: url(../images/support/rma/wizard/bg_search.gif); 
    background-position: center;
    height: 20px;    
}

#SearchBar .textfield 
{    
    width: 150px;    
    vertical-align: middle;     
    border-width: 0px; 
    border-style: none;     
    background: transparent !important;    
    background-color: #F6F7F8;     
    font-size: 11px;       
    position: relative;  
    left: 20px;  
    height: 20px; 
}

#SearchBar .innertablecell4
{
    width: 35px;
    height: 20px;
}
/*------------SearchBar End------------*/

/*------------subNotice Start------------*/
#subNotice .header
{
    background-image:url(../images/support/rma/tables/tab_top.gif);
    background-repeat:no-repeat;    
    width:758px;    
    height:30px; 
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;    
    color: #FFFFFF;
    padding: 0px; 
    text-align: center;
}

#subNotice .middle
{
    background-image:url(../images/support/rma/tables/tab_whitebg_center.gif);
    background-repeat:repeat-y; 
    width:758px;
    padding:0px;
    color: #333333;
    line-height:20px;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
}

#subNotice .footer
{
    background-image:url(../images/support/rma/tables/tab_whitebg_bottom.gif);
    background-repeat:no-repeat;
    width:758px;
    padding:0px;
    height:10px;
}
/*------------subNotice End------------*/

/*------------Main-GridView Start------------*/
.MainGridViewStyle
{    
    position: relative;
    width: 100%;
}

.MainCellStyle
{    
    padding: 0px 25px 0px 25px;
}

/*------------Main-GridView End------------*/

/*------------Sub-GridView Start------------*/
.SubGridViewStyle
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
    background-image: url(../images/support/rma/tables/tab_top.gif);
    background-repeat: no-repeat;
    background-position:top;    
    width: 100%;    
}

.SubGridViewStyleMini
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
    background-image: url(../images/left_top_tab.gif);  
    background-repeat: no-repeat;
    background-position:top;    
    width: 100%;    
}

.HeaderStyle, .PagerStyle
{
    width: 100%;
    height: 29px;
}

.HeaderStyle th
{    
    color: #FFFFFF;
}

.FooterStyle
{
    background-image: url(../images/support/rma/tables/tab_whitebg_bottom.gif);
    background-position:top;
    background-repeat: no-repeat;
    width: 100%;
    height: 10px;
}

.FooterStyleMini
{
    background-image: url(../images/left_bottom.gif);
    background-position:top;
    background-repeat: no-repeat;
    width: 100%;
    height: 10px;
}

.RowStyle td, .AltRowStyle td, .EmptyRowStyle td, .SelectedRowStyle td, .EditRowStyle td 
{
    padding: 5px;
}

.RowStyle td
{
    background-color: #FFFFFF;
    height:20px;
}

.RowStyleMini td
{
    background-color: #FFFFFF;
    height:20px;    
    width: 688px;
}

.AltRowStyle td
{
    background-color: #E6E9EF;
}

.SelectedRowStyle td
{
    background-color: #FFFF99; 
}
/*------------Sub-GridView End------------*/

/************* Support RMA [end] ****************/

