/*
* Education Rank Guide Page
*
*/

body{background: #ffffff;}

#zacks_content_html{
    margin-bottom: 10px;
}

ul.guide_meter{margin: 2px 0 0 0; padding: 0; float: left;}
.guide_meter li{height: 21px; float: left; display: inline; margin: 0; padding: 0;}
.guide_meter li{background: url('/images/zacks/rank_guide/white_middle.png') no-repeat; width: 69px; cursor: pointer;}
.guide_meter li.white_left{background: url('/images/zacks/rank_guide/left_white_round.png') no-repeat; width: 68px;}
.guide_meter li.white_right{background: url('/images/zacks/rank_guide/right_white_round.png') no-repeat; width: 67px;}
.guide_meter li.green_selected{background: url('/images/zacks/rank_guide/green_middle.png') no-repeat; width: 69px;}
.guide_meter li.green_left{background: url('/images/zacks/rank_guide/left_green_round.png') no-repeat; width: 68px;}
.guide_meter li.green_right{background: url('/images/zacks/rank_guide/right_green_round.png') no-repeat; width: 67px;}

.progress_bar_guide h1 a{content: '' !important;}
.progress_bar_guide h2, .progress_bar_guide h2 a{color: #808080; font-size: 11pt; font-weight: normal; margin: 0; padding: 0; text-align: left; font-style: italic; text-transform: none;}
.progressbar_view{margin-top: 10px;}
.progressbar_view_title{color: #808080; font-size: 8pt;}

.guide_table_of_contents, .guide_introduction, .guide_rank, .guide_institutional_investor, .guide_earning_estimate, .guide_rank_performance, .guide_rank_performance_v2,
.rank_perf_cont, .four_factors, .guide_anatomy, .guide_investing_strategies, .work_for_you, .work_for_you_cont{border: 1px solid #cacaca; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; padding: 15px 0 0 0 !important; border-bottom: 1px solid #cacaca !important;}
.guide_table_of_contents h1, .guide_introduction h1, .guide_rank h1, .guide_institutional_investor h1, .guide_earning_estimate h1, .guide_rank_performance h1, .four_factors h1, .guide_anatomy h1, .guide_investing_strategies h1, .work_for_you h1, .work_for_you_cont h1{color: #848484 !important; text-transform: none; font-weight: bold; text-align: left; font-size: 24px !important; margin-left: 22px; text-transform: none !important;}

.toc_lists{background: url('/images/zacks/rank_guide/bg-grid4.jpg') repeat-y -70px -15px; padding: 20px 20px;}
ul.rank_bullet{margin: 0; padding: 0;}
.rank_bullet li{font-family: Arial,Helvetica,sans-serif; display: block; list-style-type: none; font-size: 16px; line-height: 20px; font-weight: bold; color: #ffffff; margin: 0 0 30px 0; padding: 0 10px 0 30px; background: url('/images/zacks/rank_guide/white_bullet.png') 0 0 no-repeat;}
.rank_bullet li span{display: block; color: #cacaca; font-size: 14px; margin: 0 0 0 15px;}
.rank_bullet li a, .rank_bullet li a:hover{color: #fff; font-weight: normal; font-size: 16px;}
.rank_bullet li a:hover, .rank_bullet li span a:hover{text-decoration: underline; color: #fff !important;}
.rank_bullet li a span:hover{color: #cacaca; font-weight: normal;}
.rank_bullet li span a, .rank_bullet li span a:hover{font-size: 14px; font-weight: bold;}

footer.guide_page_direction p{width: 100%; text-align: right; margin-bottom: 10px;;}
footer.guide_page_direction p.guide_page_name{color: #888; text-decoration: none;}
footer.guide_page_direction.both div:first-child{float: left;}
footer.guide_page_direction.both div:first-child p{text-align: left;}
footer.guide_page_direction.both .fancy_button.gray{background: url('/images/zacks/rank_guide/gray_button_bg.png') #6d6d6d repeat-x 0 0; border: 1px solid #646464;}

.guide_introduction .bullet_view, .guide_rank_performance_v2 .bullet_view, .four_factors .bullet_view, .guide_anatomy .bullet_view{background: url('/images/zacks/rank_guide/gray_ball_bg.png') repeat-y top right; padding: 20px 30px 20px 20px; margin-right: 20px;}
.guide_introduction .bullet_view h1, .guide_rank h1, .guide_institutional_investor h1, .guide_earning_estimate h1, .guide_rank_performance h1, .four_factors h1, .guide_anatomy h1, .guide_investing_strategies h1, .work_for_you h1, .work_for_you_cont h1{color: #007f06 !important; margin-left: 0;}
.guide_introduction .bullet_view p.quotes{color: #868686; font-size: 18px; margin-left: 100px !important; margin-bottom: 30px !important; margin-top: 30px !important;}
.guide_introduction .bullet_view p{margin: 0 10px 15px 30px !important; font-size: 14px; text-align: justify;}
.guide_introduction .bullet_view span.highlight_quote{color: #007f06; font-weight: bold;}
.guide_introduction .bullet_view h2{margin: 35px 0 15px 0; font-size: 12pt; font-weight: bold; padding: 0; text-align: left; text-transform: none; color: #007f06;}

.guide_introduction .highlight_module {background: url('/images/zacks/rank_guide/bg-flare1.jpg') repeat-y -70px -15px; padding: 15px 50px; margin: 15px 0 0 0; -moz-box-shadow: 0 0 5px #888;  -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888;}
.guide_introduction .highlight_module{color: #fff !important;}
.guide_introduction .highlight_module h3{text-shadow: 0px -1px 1px #000; margin-bottom: 20px; font-size: 10pt; line-height: normal; font-weight: bold;}
.guide_introduction .highlight_module div.three_col > div{float: left; margin-left: 0 !important; width: 177px;}
.guide_introduction .highlight_module div.three_col > div + div{border-left: 1px solid #cacaca;}
.guide_introduction .highlight_module div.three_col > div p{text-align: center; color: #fff; text-shadow: 0px -1px 1px #000 !important;}
.guide_introduction .highlight_module div.three_col > div p.value{font-family: "Arial Black", Gadget, sans-serif; color: #fff; font-size: 48px; text-shadow: 0px -1px 1px #000 !important; font-weight: bolder; line-height: 35px;}
.guide_introduction .highlight_module div.three_col > div.two p.value span, .guide_introduction .highlight_module div.three_col > div.three p.value span{color: #fff; font-size: 20px; font-weight: bold; font-family: Arial,Helvetica,sans-serif;}
.guide_introduction .highlight_module div.three_col > div.three p.value span.med_value{font-size: 28px; font-family: Arial,Helvetica,sans-serif;}
.guide_introduction .highlight_module div.three_col > div p:nth-child(3){margin-left: 15px; margin-right: 15px;}
.guide_introduction footer.highlight_module_footer{padding: 0; overflow: hidden;}

.guide_introduction .callout_section, .four_factors .callout_section{padding: 20px 0 20px 20px;}
.guide_introduction .callout_section img, .four_factors .callout_section img{float: right; margin: 0 0 0 30px;}
.guide_introduction .callout_section p, .four_factors .callout_section p{margin: 1px 10px 15px 30px !important; font-size: 14px; text-align: justify;}

.guide_rank, .guide_institutional_investor, .guide_earning_estimate, .guide_rank_performance, .rank_perf_cont, .four_factors, .guide_anatomy, .guide_investing_strategies, .work_for_you, .work_for_you_cont{padding: 20px !important; overflow: hidden;}
.guide_rank h1 span, .guide_institutional_investor h1 span, .guide_earning_estimate h1 span, .guide_rank_performance h1 span, .guide_rank_performance_v2 h1 span, .rank_perf_cont h1 span, .four_factors h1 span, .guide_anatomy h1 span, .guide_investing_strategies h1 span, .work_for_you h1 span, .work_for_you_cont h1 span{font-size: 24px !important; color: #848484 !important; font-weight: bold !important;}
.guide_rank .bullet_view_left, .guide_institutional_investor .bullet_view_left, .guide_earning_estimate .bullet_view_left, .guide_rank_performance .bullet_view_left, .rank_perf_cont .bullet_view_left, .guide_anatomy.v3 .bullet_view_left, .guide_investing_strategies .bullet_view_left{background: url('/images/zacks/rank_guide/gray_ball_bg.png') repeat-y top left; padding: 0 0 0 30px; margin-top: 10px;}
.guide_rank p, .guide_institutional_investor p, .guide_earning_estimate p, .guide_rank_performance p, .guide_rank_performance_v2 p, .rank_perf_cont p , .four_factors p, .guide_anatomy p, .guide_investing_strategies p, .work_for_you p, .work_for_you_cont p{margin: 0 10px 15px 30px !important; font-size: 14px; text-align: justify;}
.guide_rank .bullet_view_left p, .guide_institutional_investor .bullet_view_left p , .guide_earning_estimate .bullet_view_left p, .guide_rank_performance .bullet_view_left p, .guide_investing_strategies p, .work_for_you p, .work_for_you_cont p{margin: 0 10px 15px 10px !important}

.guide_rank .guide_rank_quotes h2, .guide_institutional_investor h2, .guide_earning_estimate h2, .guide_anatomy h2, .guide_investing_strategies h2, .work_for_you h2, .work_for_you_cont h2{margin: 35px 0 15px 0; font-size: 12pt; font-weight: bold; padding: 0; text-align: left; text-transform: none; color: #007f06;}
.guide_rank .guide_rank_quotes p, .guide_institutional_investor .guide_rank_quotes p{margin: 0 10px 15px 40px !important}
.guide_rank .guide_rank_quotes .quote_block p{text-align: right; padding-right: 100px !important;}
.guide_rank .guide_rank_quotes .quote_block p.quotes{color: #007f06; font-style: italic; padding: 0; margin-bottom: 5px !important; font-size: 21px; line-height: normal;}
.guide_rank .guide_rank_quotes .quote_block p.author{color: #848484; font-weight: bold;}
.guide_rank .guide_rank_quotes img{float: right; margin: 40px 0 0 20px;}

.guide_institutional_investor .analyst_highlight{background: url('/images/zacks/rank_guide/bg-grid4.jpg') repeat-y -70px -220px; padding: 15px 30px 25px 60px; margin: 25px -20px 0 -20px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888;}
.guide_institutional_investor .analyst_highlight p{font-size: 10pt; color: #fff; padding: 0; margin: 10px 0 !important}
.guide_institutional_investor .highlight_module_footer{margin: 0 -20px 0 -20px; padding: 0;}
.guide_institutional_investor .bullet_view img, .guide_earning_estimate .guide_rank_quotes.callbox img{float: right; margin: 0 0 0 25px;}

.guide_rank_performance .bullet_view_left p + p{width: 325px;}
.guide_rank_performance img.rank_perf{margin-top: -14px; margin-left: 30px; margin-bottom: 15px;}


.guide_rank_performance_v2 > h1{padding: 20px 30px 20px 20px;}
.guide_rank_performance_v2{margin-bottom: 15px;}
.guide_rank_performance_v2 .rank_perf_data{position: relative;}
.guide_rank_performance_v2 .bullet_view p{margin: 0 10px 15px 30px !important; font-size: 14px; text-align: justify;}
.guide_rank_performance_v2 .rank_perf_data p.exception{position: absolute; right: -114px; bottom: 330px; font-size: 8pt; color: #fff; transform: rotate(90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg);}
.guide_rank_performance_v2 .rank_perf_data .heading{-moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; padding: 2px 0 1px 0; margin: 15px 0 0;}
.guide_rank_performance_v2 .rank_perf_data .data{background: url('/images/zacks/rank_guide/bg-grid4.jpg') repeat-y -70px -50px; padding: 2px 0 5px; margin: 0;}

.guide_rank_performance_v2 .rank_perf_data table{margin: 0;}
.guide_rank_performance_v2 .rank_perf_data table tr:hover{background: none;}

.giude_ranktbl th{color: #848484; font-weight: bold; padding: 2px 7px;  font-size: 9pt;}
.guide_rank_performance_v2 .rank_perf_data .data table td{color: #fff; font-weight: bold; padding: 3px 7px; line-height: 13px;  font-size: 8pt; border-bottom: 1px solid #cacaca;}
.guide_rank_performance_v2 .rank_perf_data .data table tr.foot_value td{color: #848484; font-weight: bold; padding: 3px 7px; line-height: 13px;  font-size: 9pt; border-bottom:none;}
.guide_rank_performance_v2 .rank_perf_data .data table tr.thick_border td{border-bottom: 1px solid #ffffff;}
.guide_rank_performance_v2 .rank_perf_data .data table td.border_none, .guide_rank_performance_v2 .rank_perf_data .data table tr.thick_border td.border_none{border-bottom: none;}
.guide_rank_performance_v2 .rank_perf_data .data table td.green_txt{color: #00981a;}
.guide_rank_performance_v2 .rank_perf_data .data table td.ex_left_spc{padding: 2px 4px 2px 10px;}
.guide_rank_performance_v2 .rank_perf_data .data_value tr.foot_value td {color: #848484; font-weight: bold; padding: 3px 7px; line-height: 13px; font-size: 9pt; border-bottom: none;}
.rank_perf_data p.footer{font-size: 8pt; width: 530px; margin:-22px 0 20px 72px !important;}

.rank_perf_data .zr_46 {width: 46px;}
.rank_perf_data .zr_57 {width: 57px;}
.rank_perf_data .zr_60 {width: 60px;}
.rank_perf_data .zr112 {width: 112px;}


.rank_perf_cont .chart_perf_data p:first-child{width: 400px;}
.rank_perf_cont .chart_perf_data p:nth-child(2){width: 300px;}
.rank_perf_cont img.chart{margin: -240px 0 20px 50px;}
.rank_perf_cont .bullet_view_left{float: left;}
.rank_perf_cont .bullet_view_left img{float: right;}
.rank_perf_cont .bullet_view_left p{padding-right: 300px; color: #007f06}

.four_factors .bullet_view{padding: 0 50px 30px 30px; margin-top: 20px;}
.four_factors .factors_four_details{background: url('/images/zacks/rank_guide/bg-grid4.jpg') repeat-y -70px -220px; padding: 15px 75px 30px; margin: 25px -20px 0 -20px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888;}
.four_factors .factors_four_details > div{border-bottom: 1px solid #fff; margin: 0 0 20px 0;}
.four_factors .factors_four_details > div:last-child{border-bottom:none;}
.four_factors .factors_four_details > div img{float: left}
.four_factors .factors_four_details > div p{color: #fff; font-size: 9pt; text-align: justify; font-size: 12px; margin: 0 10px 15px 30px !important; line-height: 18px;}
.four_factors footer.highlight_module_footer{padding: 0; overflow: hidden; margin: 0 -20px;}

.guide_anatomy .anatomy_details .aoc_details{float: right; margin-left: 30px;}
.guide_anatomy .anatomy_details .p{margin: 0 10px 15px 20px !important;}
.guide_anatomy .anatomy_details{float: left; width: 100%; margin-bottom: 15px;}
.guide_anatomy.v3 .bullet_view_left{float: left; margin-top: 15px;}
.guide_anatomy.v3 .bullet_view_left img{float: right; margin: 50px 0 0 15px;}

.guide_investing_strategies .highlights_of_invest{float: right; border-left: 1px solid #007f06; padding: 0 0 0 10px; margin: 15px 0 15px 15px; width: 200px; }
.guide_investing_strategies .highlights_of_invest p{color: #007f06; font-weight: bold; margin: 0 !important;}
.guide_investing_strategies .normmal_view p{margin: 0 10px 15px 40px !important;}
.guide_investing_strategies .normmal_view img.investing_callout_img{float: right; margin: 20px 0 0 20px;}

.work_for_you .tracker_rank{padding: 20px 60px 40px; float: left; width: 83%;}
.work_for_you .tracker_rank > div{clear: both;}
.work_for_you .tracker_rank > div:nth-child(2){padding-left: 60px; padding-top: 20px;}
.work_for_you .tracker_rank > div:nth-child(3){padding-left: 120px; padding-top: 20px;}
.work_for_you .tracker_rank > div h1, .work_for_you .tracker_rank > div p{float: left;}
.work_for_you .tracker_rank > div h1{font-size: 36px !important; margin-right: 10px;}
.work_for_you .tracker_rank > div p{margin: 0 !important;}
.work_for_you .tracker_rank > div:nth-child(2) p span, .work_for_you .tracker_rank > div:nth-child(3) p span{color: #007f06; font-weight: bold;}
.work_for_you .tracker_rank > div:first-child p{margin-top: 20px;}
.work_for_you .tracker_rank > div:nth-child(2) p{width: 155px; padding-top: 6px;}
.work_for_you .tracker_rank > div:nth-child(2) img{padding-right: 20px;}
.work_for_you .tracker_rank > div:nth-child(3) p{padding-top: 6px;}

.work_for_you_cont .zacks_rank_points{background: url('/images/zacks/rank_guide/bg-grid4.jpg') repeat-y -70px -220px; padding: 15px 75px 30px; margin: 25px -20px 0 -20px;}
.work_for_you_cont .zacks_rank_points ul.tringle_list{padding-left: 0;}
.work_for_you_cont .zacks_rank_points .tringle_list li{background: url('/images/zacks/icons/green_triangle.png') no-repeat 0 5px; padding: 0 0 0 25px; margin: 0 0 15px 0; font-size: 14px; color: #fff; font-weight: bold; list-style: none;}
.work_for_you_cont > img{ float: right;}
.work_for_you_cont footer.highlight_module_footer{padding: 0; margin-left: -20px;}


@media screen and (max-width:1023px){
    .progressbar_view_title{float: left; width: 100%;}

    .guide_introduction .bullet_view p.quotes{margin-left: 0 !important;}
    .guide_introduction .bullet_view p, .guide_introduction .callout_section p{margin-left: 10px !important; width: 93%;}
    .guide_introduction .highlight_module div.three_col > div{padding: 10px 0; width: 100%;}
    .guide_introduction .highlight_module div.three_col > div p.value{margin-top: 10px !important; margin-bottom: 10px !important;}
    .guide_introduction .highlight_module div.three_col > div + div{border-left: 0; border-top: 1px solid #cacaca;}
    .guide_introduction .callout_section img{margin: 0 10px 0 10px;}

    .guide_rank p{margin-left: 15px !important;}
    .guide_rank .guide_rank_quotes .quote_block p{padding-right: 0 !important;}

    footer.guide_page_direction.both div, footer.guide_page_direction p{float: none; margin-bottom: 15px; width: 100%;}
    footer.guide_page_direction.both div p, footer.guide_page_direction p{text-align: center !important;}

    .guide_rank_performance .bullet_view_left p + p{width: auto;}
    .guide_rank_performance img.rank_perf{margin-top: 0; margin-left: 0; margin-bottom: 15px; width: 100%;}

    .rank_perf_data .data_scroller{overflow-x: scroll;}
    .rank_perf_data .data_scroller .heading
    , .rank_perf_data .data_scroller .data
    , .rank_perf_data .data_scroller .data_value{ width: 440px;}
    .guide_rank_performance_v2 .rank_perf_data p.exception{display: none;}
    .rank_perf_data p.footer{margin: -22px 0 20px 10px !important; width: 87%;}

    .rank_perf_cont .chart_perf_data p:first-child, .rank_perf_cont .chart_perf_data p:nth-child(2){width: auto; margin-left: 0 !important;}
    .rank_perf_cont img.chart{margin: 0; width: 100%;}
    .rank_perf_cont .bullet_view_left{width: 95%;}

    .four_factors .bullet_view p{margin-left: 0 !important;}
    .four_factors .factors_four_details{padding: 15px 25px 30px;}

    .guide_anatomy .bullet_view p{padding-left: 0 !important;}
    .guide_anatomy .anatomy_details img:last-child{width: 48%;}

    .work_for_you img.mac_book{width: 100%;}


}

@media screen and (max-width:374px) and (min-width:320px){
    .guide_introduction .callout_section img{float: left;}

    .rank_perf_cont .bullet_view_left img{float: left;}
    .rank_perf_cont .bullet_view_left p{padding-right: 0; color: #007f06}

    .guide_anatomy .anatomy_details .aoc_details{margin-right: 30px;}
    .guide_anatomy .anatomy_details img:last-child{width: 100%;}

    .work_for_you_cont .zacks_rank_points{padding: 15px 30px 30px;}

}

@media screen and (max-width:375px) and (min-width:320px){
    .work_for_you .tracker_rank{padding: 30px 0; width: 100%;}
    .work_for_you .tracker_rank > div:nth-child(2), .work_for_you .tracker_rank > div:nth-child(3){padding-left: 0;}
    .work_for_you .tracker_rank > div:first-child p{float: none;}
}

@media screen and (max-width:1023px) and (min-width:736px){
    .highlight_module_footer img{width: 100%;}

    .guide_introduction .highlight_module
    , .toc_lists
    , .guide_institutional_investor .analyst_highlight
    , .work_for_you_cont .zacks_rank_points
    , .four_factors .factors_four_details {background-size: 120%;}

    .rank_perf_data .data_scroller .heading,
    .rank_perf_data .data_scroller .data,
    .rank_perf_data .data_scroller .data_value{width: 100%;}

    .guide_rank_performance_v2 .rank_perf_data .data{background-size: 120%;}
}