/*
----------------------------------------------------------------------
H&R BLock > Customer Support - Style Sheet

Author:     Jonathan Heavner | www.hrblock.com
Updated:    10/30/2009
----------------------------------------------------------------------*/


/* Pods
------------------------------------------------------------------*/

.pod_full_page .content{
    height: 100%;   
    border: 0;
    padding: 6px;
    margin: 0;
    overflow: visible;
}

/* Main customer support page */
.pod_primary_top_cust_support_main {
    height:144px;
    background:url(../images/pod_customer_support_main_917_hd.jpg) no-repeat;
}

div.pod_primary_top_cust_support_main .header_1 {
    font-size:24px;
    font-weight:bold;
    color:#F9EB2F;
    padding-top:65px;
    padding-left:275px;
}
.pod_primary_body_full_width {
    padding: 35px 24px 10px 115px;
}

.pod_top_cust_support_main_option {
    height:23px;
    background: url(../images/pod_cust_support_main_top.png) no-repeat;
}
.pod_body_cust_support_main_option {
    background: url(../images/pod_cust_support_main_body.png) repeat-y;
    padding: 5px 24px 10px 24px;
}
.pod_footer_cust_support_main_option {
    height:23px;
    background: url(../images/pod_cust_support_main_bottom.png) no-repeat;
}

/* End main customer support page */

.pod_header {
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    padding-left: 100px;
    padding-top: 12px;
}
.pod_subheader {
    float: left;
    font-size: 12px;
    color: #333;
    padding-left: 8px;
    padding-top: 15px;
}
.pod_footer {
    width: 904px;
    height: 8px;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    border-top: 1px solid #FFF;
}
.pod_spacer {
    padding-bottom: 10px;
}

/* support header & search */
.pod_search a:link, a:active, a:visited {
text-decoration:none;
}

.pod_search {
    width: 906px;
    height: 100px;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    background: url(../images/pod_support_main_hd.png) no-repeat;
}

.pod_search h1 {
    font: 22px Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    font-weight: bold;
    padding: 34px 0 0 161px;
}

.pod_search .search_field {
    position: absolute;
    left: 650px;
    margin-top: -30px;
    margin-right: 20px;
}
.pod_search .search_field h2{
    font: 18px Verdana, Arial, Helvetica, sans-serif;
    color: #666;
    font-weight: bold;
    height: 22px;
}
.pod_search .search_field .search_bar {
    height: 20px;
    margin-right: 35px;
    /*border: 1px solid #000000;*/
}

/* top issues */
.pod_top_issues_top {
    position:relative;
    height: 39px;
    width: 906px;
    background: url(../images/pod_support_hd_issues.png) no-repeat;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}
.pod_top_issues_top .pod_header {
    color: #FFF;
}
.pod_top_issues_body {
    width: 904px;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    overflow: visible;
    background: #FFF url(../images/icon_support_issues.png) top left no-repeat;
    border-left: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
}
/* bg fix for IE */
.pod_top_issues_body:after { content: ""; display: block; height: 0; clear: both; }

.pod_top_issues_content {
    float: right;
    width: 790px;
    padding-right: 15px;
    margin-top: 15px;
}

/* before tax preparation */
.pod_before_top {
    position:relative;
    height: 39px;
    width: 906px;
    background: url(../images/pod_support_hd_before.png) no-repeat;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}
.pod_before_body {
    width: 904px;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    overflow: visible;
    background: #FFF url(../images/icon_support_before.png) top left no-repeat;
    border-left: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
}
/* bg fix for IE */
.pod_before_body:after { content: ""; display: block; height: 0; clear: both; }

.pod_before_content {
    float: right;
    width: 790px;
    padding-right: 15px;
    margin-top: 15px;
    margin-bottom: 10px;
}

/* during tax preparation */
.pod_during_top {
    position:relative;
    height: 39px;
    width: 906px;
    background: url(../images/pod_support_hd_during.png) no-repeat;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

}
.pod_during_body {
    width: 904px;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    overflow: visible;
    background: #FFF url(../images/icon_support_during.png) top left no-repeat;
    border-left: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
}
/* bg fix for IE */
.pod_during_body:after { content: ""; display: block; height: 0; clear: both; }

.pod_during_content {
    float: right;
    width: 790px;
    padding-right: 15px;
    margin-top: 15px;
    margin-bottom: 10px;
}

/* after tax preparation */
.pod_after_top {
    position:relative;
    height: 39px;
    width: 906px;
    background: url(../images/pod_support_hd_after.png) no-repeat;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}
.pod_after_body {
    width: 904px;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    overflow: visible;
    background: #FFF url(../images/icon_support_after.png) top left no-repeat;
    border-left: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
}
/* bg fix for IE */
.pod_after_body:after { content: ""; display: block; height: 0; clear: both; }

.pod_after_content {
    float: right;
    width: 790px;
    padding-right: 15px;
    margin-top: 15px;
    margin-bottom: 10px;
}

/* contact us */
.pod_contact_top {
    position:relative;
    height: 39px;
    width: 906px;
    background: url(../images/pod_support_hd_contact.png) no-repeat;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */    
}
.pod_contact_body {
    width: 904px;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    overflow: visible;
    background: #FFF url(../images/icon_support_contact.png) top left no-repeat;
    border-left: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
}
/* bg fix for IE */
.pod_contact_body:after { content: ""; display: block; height: 0; clear: both; }

.pod_contact_content {
    float: right;
    width: 790px;
    padding-right: 15px;
    margin-top: 15px;
    margin-bottom: 10px;
}

/* detail pod */
.pod_detail_top {
    position:relative;
    font-size: 6px; /* fix spacing bug in IE6 */
    height: 9px;
    width: 792px;
    background: url(../images/pod_support_detail_hd.png) no-repeat;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    border-bottom: 1px solid #999999;
}
.pod_detail_body {
    width: 790px;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    overflow: auto;
    background-color: #E9E9E9;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
}
/* bg fix for IE */
.pod_detail_body:after { content: ""; display: block; height: 0; clear: both; }

.pod_detail_content {
    float: right;
    width: 770px;
    padding-right: 15px;
    margin-top: 10px;
    margin-bottom: 15px;
    /*border: 1px solid #000000;*/
}
.pod_detail_footer {
    font-size: 6px; /* fix spacing bug in IE6 */
    width: 804px;
    height: 9px;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    background: url(../images/pod_support_detail_ft.png) no-repeat;
}

/* QnA pod - uses the upper half of detail pod */

.pod_qna_footer_body {
    width: 790px;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    overflow: auto;
    background-color: #C4C4C4;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
}
/* bg fix for IE */
.pod_qna_footer_body:after { content: ""; display: block; height: 0; clear: both; }

.pod_qna_footer {
    font-size: 6px; /* fix spacing bug in IE6 */
    width: 804px;
    height: 9px;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    background: url(../images/pod_support_qna_ft.png) no-repeat;
}


/* Local Styles
------------------------------------------------------------------*/
ul {
    margin-left:16px;
    margin-top:10px;
    margin-bottom:10px;
    #line-height: 20px;
}
ol {
    margin-left:24px;
    margin-top:10px;
    margin-bottom:10px;
    line-height: 20px;  
    list-style-type: decimal;
}
.btn_search {
    position: absolute;
    height: 20px;
    width: 20px;
    margin-top: 3px;
    margin-left: 3px;
    /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/hd_btn.png');
    background-repeat: no-repeat;   
}
/* IE ignores styles with [attributes], so it will skip the following. */
.btn_search[class] {
    background: url(../images/hd_btn.png) no-repeat;
}
.search_input_style {
    font-size: 11px;
    margin-top: 5px;
}
.help_link {
    font-size: 11px;
}
.help_hide {
    float: left;
    width: 40px;
    padding-left: 30px;
    margin-top: 60px;
}
.topics {
    float: left;
    width: 190px;
    margin-right: 5px;
}
.support_breadcrumb {
    font-size: 11px;
    padding-bottom: 10px;
}
.back_link {
    font-weight: bold;
    float: right;
    width: 50px;
    height: 30px;
    padding-right: 5px;
    padding-left: 10px;
}
.article_print {
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 24px;
    padding-right: 20px;
    padding-left: 15px;
    padding-top: 15px;
}
.article_email {
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 24px;
    padding-top: 15px;  
}
.article_helpful {
    float: right;
    font-size: 11px;
    font-weight: bold;
    height: 24px;
    padding-top: 15px;  
    padding-right: 15px;
}
.article_qna {
    float: left;
    height: 12px;
    padding-right: 5px;
    margin-top: -2px;
    font-size: 14px;
    font-weight: bold;
    color: #0066FF;
}



/**--- Begin General Styles---**/

TD{
 font-family:Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight:normal;
 color: #000000;
 }

P{
 font-family:Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight:normal;
 color: #000000;
 }
 
li{
 font-family:Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight:normal;
 color: #000000;
 }

/**--- End General Styles---**/














/* BEGIN the following styles used to be hard coded in the ssvcs-webapps pages */
/* BEGIN the following styles used to be hard coded in the ssvcs-webapps pages */
/* BEGIN the following styles used to be hard coded in the ssvcs-webapps pages */

.divTopic            { width:170px;float:left;z-index:100; }
.divTopicWide        { width:755px;float:left;z-index:100; }

.divSubTopic         { width:170px;float:left;z-index:100; }
.divSubTopicWide     { width:755px;float:left;z-index:100; }

.divBoxedObjects     { width:500px;z-index:100; border: black 2px solid; }

.divStateTable       { width:700px;margin-left: 25px; } 
.divHeaderSupport    { width:400px; float:left; margin-top: 5px;}
.divHeaderSearch     { width:380px; float:right; margin-top: 5px; height: 35px;}
.divEmailPageContent { width:380px; float:left; margin-top: 20px; margin-left: 20px;}
.divContactUsOuter   { width:600px; float:left; margin-left: 10px;}  
.divContactUsInner   { width:600px; margin-top: 5px; margin-left: 20px;}
.divMainContent      { width:780px; float:left; }

.divCategoryElement
{
    display: block;
}
.divSubTopicElement
{
    display: none;
}

.biggerHeading   
{
    color:#000000;
    font-family:"Verdana", "Arial", "Helvetica", "Sans-serif";
    font-size:18px;
    font-weight:bold;
}
.bigHeading   
{
    color:#000000;
    font-family:"Verdana", "Arial", "Helvetica", "Sans-serif";
    font-size:14px;
    font-weight:bold;
}
.bigHeadingBlue  
{
    color:#002F9D;
    font-family:"Verdana", "Arial", "Helvetica", "Sans-serif";
    font-size:14px;
    font-weight:bold;
}
.mediumHeading   
{
    color:#000000;
    font-family:"Verdana", "Arial", "Helvetica", "Sans-serif";
    font-size:12px;
    font-weight:bold;
}
.smallHeading   
{
    color:#000000;
    font-family:"Verdana", "Arial", "Helvetica", "Sans-serif";
    font-size:10px;
    font-weight:bold;
}
.topicNameHeading   
{
    color:#000000;
    font-family:"Verdana", "Arial", "Helvetica", "Sans-serif";
    font-size:12px;
    font-weight:bold;
}

.subTopicNameHeading   
{
    color:#000000;
    font-family:"Verdana", "Arial", "Helvetica", "Sans-serif";
    font-size:10px;
    font-weight:bold;
}

.categoryHeading   
{
    color:#000000;
    font-family:"Verdana", "Arial", "Helvetica", "Sans-serif";
    font-size:10px;
    font-weight:normal;
}

.tinyFont   
{
    color:#000000;
    font-family:"Verdana", "Arial", "Helvetica", "Sans-serif";
    font-size:7px;
    font-weight:normal;
}

.xbrowserhand {
    cursor: pointer;
    cursor: hand;
}

.articleListingIndent
{
    margin-left: 25px;
}

/* END the following styles used to be hard coded in the ssvcs-webapps pages */
/* END the following styles used to be hard coded in the ssvcs-webapps pages */
/* END the following styles used to be hard coded in the ssvcs-webapps pages */