/*
    Purpose: Support (Customer Care) section styles for eMachines
     Author: Robert Murray
    Created: November, 2005 - for eMachines redesign project
*/

div#containerHelp {
    background-color: #555;
    margin: 0;
    padding: 0;
}
#containerSpecsSupp {
    width: 596px;
    font-size: 86%;
    background-color: #eef4f6;
    margin: 0px;
    padding: 0px;
}
.lab {
    display: table-cell;
    vertical-align: top;
    width: 81px;
    text-align: right;
    font-weight: bold;
    padding-right: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: -2px;
}
.spec {
    display: table-cell;
    width: 475px;
    padding: 1px 5px;
    border-left: 1px solid #c5dae0;
    color: #000;
    font-weight: normal;
}
tr.altnosupp, tr.nosupp {
    display: none;
}
tr.altnosupp .lab, tr.altnosupp .spec, tr.nosupp .lab, tr.nosupp .spec {
    display: none;
}


/*  "HOW WE CAN HELP YOU" tab */
.tabl {
    background: url(../img/extras/greytab_lt.gif) no-repeat top left #797979;
    width: 170px; 
    padding-left: 10px;
    margin-top: -20px;
}
.tabr {
    background: url(../img/extras/greytab_rt.gif) no-repeat top right;
    padding-right: 10px;
}
.tabl .tabr p {
    color: #fff;
    font-size: 9pt;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 10px;
    line-height: 3em;
}

/*  List of support links inside main content box on support index page */
#helpLinks {
    clear: both;
    border: 1px solid #797979;
    background-color: #f2f2f2;
    padding: 0px 10px 10px 10px;
}   
#helpLinks p {
    margin-bottom: 10px;
}
#helpLinks p a {
    color: black;
    font-weight: bold;
}
#helpLinks a:hover {
    color: #05a;
}

#eurpptable {
    width: 550px;
    height: 315px;
    border: 1px solid #cfcfcf; 
}

.tableHeader {
    width: 536px; 
    font-weight: bold;
    color: #FFFFFF; 
    background: #797979;
    text-align: center;
    padding: 7px;
}

.rowContainer {
    width: 549px;
    border: 1px #CFCFCF;
    border-style: solid none none solid;
    margin-left: -1px;
    position: relative;
    clear: both;
}

.tableColumnLeft {
    position: absolute;
    top: 0;
    left: 0;
    width: 176px;
    background: #FFFFFF;
    padding: 9px 0px;
}
.tableColumnRight {
    width: 367px;
    text-align: left;
    color: #000000;
    background: #EEF4F6;
    border-left: 1px #CFCFCF solid;
    padding: 1px 0px;  
}

.tableColumnRight ul, .tableColumnRight ul li {
    margin-top: 0px;
    padding-top: 0px;
    padding-left: 0px;
    list-style-type: none;
}
.tableColumnRight ul {
    margin-top: 10px;
}
.tableColumnRight a {
    /* padding-left: 100px; */
}


.supportLinkList {
    padding-left: 30px;
}

.backToTop {
    margin-bottom: 10px;
}


/*  Product Support Selection Box styles  */
#pstopimg {
    float: right;
    border: 0 none;
    margin: 10px 10px 10px 10px;
}

/*------------------------------------------------
 *  Security Center pages
 */
.secstep {
    float: left;
    width: 430px;
    border: 0 none;
    margin: 10px 3px 0px 2px;
}
.secstep ul {
    margin-left: 20px;
}
.secstepimg {
    float: left;
    width: 111px;
    border: 0 none;
    margin: auto auto;
    padding: 10px 3px 0px 10px;
}
.subtitle {
    font-size: 11pt;
    font-weight: bold;
    color: #01415B;
    margin-top: 5px;
}
#secwrap {
    width: 556px;
}
#secleft {
    float: left;
    width: 365px;
    margin-right: 20px;
}
#secright {
    float: left;
    width: 170px;
    font-size: 9px;
    padding: 0px;
    margin-bottom: 10px;
}
#secright img {
    display: inline;
}
#mcafeeHeader {
    font-size: 11px;
    margin: 0px;
    width: 120px;
}
#mcafeeHeader b {
    font-weight: bold;
}
.secdivider {
    width: 365px;
    height: 9px;
    background: url(/img/nav/left_sep.gif) repeat-x;
    margin-top: 10px;
    margin-bottom: 5px;
}
.divider {
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
}

.greyboxPS, .psBox {
    width: 538px;
    border: 1px #cfcfcf solid;
    background-color: #f2f2f2;
    padding: 10px;
    clear: both;
}
.greyboxSupp {
    width: 538px;
    border: 1px #cfcfcf solid;
    background-color: #f2f2f2;
    margin-top: -10px;
    padding: 10px;
    position: relative;
    clear: both;
}

/*-------------------------------------------------------------------------
 *  Styles for the tabbed grey boxes found here and there
 */
#psTab {
    background: url(../img/extras/pstab_left.gif) no-repeat top left;
    width: 282px; height: 33px;
}   
    
#psTabLeft {
    height: 27px;
    color: #fff;
    font-weight: bold;
    padding: 8px 5px 0px 10px;
    margin-bottom: -2px;
    text-align: left;
    float: left;
}
/*  IE hack to make the tab bottom align properly (above psTabLeft coded for FF) */
* html #psTabLeft {
    padding-bottom: 8px;
}
#psTabRight {
    background: url(../img/extras/pstab_right.gif) no-repeat top right;
    width: 7px; 
    height: 33px;
    float: right;
}

.indent { width: 500px; margin: 5px 0 10px 40px; }
.indent * { vertical-align: top; }

table#tblRecdata #Rectitle   { font-size: 11pt; font-weight: bold; text-align: center; }
table#tblRecdata #Recdate    { font-size: 10px; text-align: right; }
table#tblRecdata #tblRecdata { font-size: 11pt; text-align: right; border: 2px solid #000; }
table#tblRecdata th { font-size: 12px; font-weight: normal; text-align: center; border-bottom: 2px solid #000; }
table#tblRecdata td { font-size: 12px; text-align: right; }
table#tblRecdata .lefttext   { text-align: left; }
table#tblRecdata .centertext { text-align: center; }