@import url("http://www.cisco.com/assets/sol/sp/vni/sa_tools/tools/css/default-styles.css");

body
{
    font-size: 11px;
    color: #444;
    font-family: Arial, sans-serif;
}


a, a:link, a:visited
{
    font-weight: normal;
    text-decoration: none;
    outline: 0;                
}

a.active
{
    font-weight: 700 !important;
}

a:hover
{
    text-decoration: underline;
}

area, area:focus
{
	outline: none;
	border: 0;
	display: none;
}

h1
{
    font-size: 26px;
    font-weight: 400;
    color: #444;
    line-height: 30px;
    margin-bottom: 14px;
}

h2
{
    font-size: 14px;
    font-weight: bold;
    color: #444;
    margin-bottom: 0px;
}

h3
{
    font-size: 15px;
    font-weight: bold;
}

p
{
    font: normal 12px Arial, sans-serif;
    line-height: 18px;
    margin: 12px 0;
}


.logo
{
    background: url(/assets/sol/sp/vni/sa_tools/images/logo.png) no-repeat scroll 0 0 transparent;
    width: 66px;
    height: 36px;
    position: absolute;
    top: 15px;
    left: 37px;
    display: block;
}

.header
{
    background: url(/assets/sol/sp/vni/sa_tools/images/bg_header.png) no-repeat scroll center transparent;
    height: 77px;
}

.header a, .header a:hover, .header a.active
{
    color: #fff;
    text-shadow: 0 -1px 1px #222;
    text-decoration: none;
}

.header_title
{
    font-size: 22px;
    color: #fff;
    text-shadow: 0 -1px 1px #222;
    position: absolute;
    top: 10px;
    left: 137px;
}

.center
{
    margin: 0 auto;
    position: relative;
}

.page_content
{
    width: 710px;
}

.page_content .center
{
    width: auto;
}

.nav
{
    list-style: none;
}

.nav li
{
    float: left;
    margin-right: 25px;
}

.nav li a, .nav li a:hover, .nav li a.active
{
    font: bold 12px Arial, sans-serif;
    padding-bottom: 10px;
}

.nav li a:hover, .nav li a.active
{
    background: url(/assets/sol/sp/vni/sa_tools/images/arrow_down.png) no-repeat scroll bottom transparent;
}

.slides_container
{
    background: url(/assets/sol/sp/vni/sa_tools/images/bg_slider_nav.png) no-repeat scroll bottom transparent;
    padding-bottom: 38px;
    position: relative;
}

.btn_learn_more
{
    margin-bottom: 0 !important;
    position: absolute;
    right: 20px;
    bottom: 56px;
    z-index: 9999;
}

#embed-frame {
    position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; 
}

#embed-frame .bg{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background-color: black; 
}

#embed-frame .content
{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -100px;
    width: 380px;
    height: 180px;
    padding: 10px;
    border: 1px solid black;
    border-radius: 10px;
    background-color: white;
}

#embed-frame textarea
{
	width: 100%;
	height: 150px;
	resize: none;
    clear: both;
    margin-top: 10px;
}

#embed-frame .close
{
    float: right;
    width: 13px;
    height: 13px;
    background: url(/assets/sol/sp/vni/sa_tools/images/icon-close.png) no-repeat top right;
    cursor: pointer;
    margin-top: -5px;
    margin-right: -6px;
}

#embed-frame .message
{
    float: left;
}

.map_container
{
    height: 332px;
    margin-top: 10px;
    padding-bottom: 28px;
    position: relative;
}

.map_note
{
    font-size: 11px;
    color: #525252;
    bottom: 12px;
	left:0;
    margin-top: 10px;
}

.resource_links_container
{
    width: 221px;
    float: right;
}

.resources_header
{
    font-weight: bold;
    color: #444;
    margin-bottom: 5px;
    padding: 0 5px 8px 5px;
    border-bottom: solid 1px #ccc;
}

.resource_links_container a
{
    color: #1866a8;
    padding: 4px 5px;
    display: block;
}

.subcontent
{
    font-size: 11px;
    line-height: 13px;
    margin-top: 0;
}

.tabs
{
    padding-left: 31px; /*position: relative; 	z-index: 999;*/
}

.tab, .active_tab, .hover_tab
{
    background: url(/assets/sol/sp/vni/sa_tools/images/bg_tab_left.png) no-repeat scroll 0 0 transparent;
    margin: 0 1px;
    padding-left: 4px;
    float: left;
    cursor: pointer; /*position:relative;*/
    text-align: center;
    min-width: 140px;
    font-size: 12px;
}

.active_tab, .hover_tab
{
    background: url(/assets/sol/sp/vni/sa_tools/images/bg_tab_left_active.png) no-repeat scroll 0 0 transparent;
    cursor: default;
    position: relative;
    z-index: 999;
}

.active_tab.hover_tab
{
	color: #000;
	cursor: default;
}

.active_tab {
	color: #000;
	font-weight: bold;
}

.hover_tab
{
	font-weight: normal;
    cursor: pointer;
    font-weight: bold;
}

.tab_right
{
    background: url(/assets/sol/sp/vni/sa_tools/images/bg_tab_right.png) no-repeat scroll right transparent;
    padding-right: 4px;
}

.tab_name
{
    line-height: 30px;
    background: url(/assets/sol/sp/vni/sa_tools/images/bg_tab_middle.png) repeat-x scroll 0 0 transparent;
    padding: 0 15px;
}

.active_tab .tab_right,
.hover_tab .tab_right
{
    background-image: url(/assets/sol/sp/vni/sa_tools/images/bg_tab_right_active.png);
}

.active_tab .tab_name,
.hover_tab .tab_name
{
    background: url(/assets/sol/sp/vni/sa_tools/images/bg_tab_middle_active.png) repeat-x;
}

.tab_content_container
{
    border-top: solid 1px #ccc;
    margin-top: -1px;
    padding: 14px 14px 0 14px;
}

.tab_content_case_studies
{
    padding-top: 0;
}

.active_tab_content
{
    display: block;
}

.case_studies
{
    padding-bottom: 0 !important;
}

.case_study
{
    border-bottom: 1px solid #ccc;
    margin-bottom: 12px;
    padding-bottom: 5px;
}

.case_study-lastchild
{
    border-bottom: none;
    margin-bottom: 0;
}

.case_study .content_image_left
{
    margin-top: 4px;
}
.case_study .float_right
{
    width: 795px;
}
.two_column .case_study .float_right
{
    float: right;
    width: 326px;
    margin-top: 0;
}
.case_study_container a.block
{
    color: #2471a7;
}

.button_small, .button_medium, .button_big
{
    font: bold 12px Arial, sans-serif !important;
    color: #fff !important;
    text-align: center;
    text-decoration: none !important;
    text-shadow: 0 -1px 1px #555;
    line-height: 33px !important;
    border: none;
    height: 34px;
    margin-bottom: 15px;
    cursor: pointer;
    display: inline-block;
}            

a.buttom_medium:visited 
{
	color: white !important;
}

.button_small
{
    background: url(/assets/sol/sp/vni/sa_tools/images/bg_button_small.png) no-repeat scroll 0 0 transparent;
    width: 116px;
}

.button_medium
{
    background: url(/assets/sol/sp/vni/sa_tools/images/bg_button_medium.png) no-repeat scroll 0 0 transparent;
    width: 148px;
}

.button_big
{
    background: url(/assets/sol/sp/vni/sa_tools/images/bg_button_big.png) no-repeat scroll 0 0 transparent;
    width: 167px;
}

.footer
{
    border-top: solid 1px #808080;
    padding: 5px 20px;
}

.footer a
{
    font-size: 11px;
    color: #525252;
}

.vni_sa_highlights, .vni_sa_graphing, .services_gauge
{
    width: 270px !important;
    height: 85px;
    margin-bottom: 26px;
    padding: 32px 15px 5px 15px;
}
.vni_sa_highlights
{
    background: url(/assets/sol/sp/vni/sa_tools/images/bg_vni_sa_highlights.png) no-repeat scroll 0 0 transparent;
}
.vni_sa_graphing
{
    background: url(/assets/sol/sp/vni/sa_tools/images/bg_vni_sa_graphing.png) no-repeat scroll 0 0 transparent;
}
.services_gauge
{
    background: url(/assets/sol/sp/vni/sa_tools/images/bg_services_gauge.png) no-repeat scroll 0 0 transparent;
}

.vni_sa_highlights p, .vni_sa_graphing p, .services_gauge p
{
    font-size: 14px;
    color: #525252;
    line-height: 22px;
    margin: 0 0 8px 0;
    padding: 10px 0 0 0;
}
.vni_sa_highlights a, .vni_sa_graphing a, .services_gauge a
{
    color: #2970a6;
    display: block;
}

#selectFourComment
{
	display: none;
	font-size: 0.9em;
}

.vni_sa_index_tabbed_content
{
    /*width:702px;*/
    margin-bottom: 10px; /*float:left;*/
}

.vni_sa_index_tabbed_content .tab_content_container
{
    width: 702px;
    background: url(/assets/sol/sp/vni/sa_tools/images/bg_tab_content_box_top.png) no-repeat scroll 0 0 transparent;
    border: none;
    padding: 9px 0 0 0;
    float: left;
}

.vni_sa_index_tabbed_content .tab_content_container_bottom
{
    background: url(/assets/sol/sp/vni/sa_tools/images/bg_tab_content_box_bottom.png) no-repeat scroll bottom transparent;
    padding-bottom: 10px;
}

.vni_sa_index_tabbed_content .tab_content_container_middle
{
    background: url(/assets/sol/sp/vni/sa_tools/images/bg_tab_content_box_middle.png) repeat-y scroll 0 0 transparent;
    padding: 0 14px;
}


.buttons_container
{
    width: 221px;
    margin-top: -2px;
    float: right;
}

.btn_vni_sa_highlights_tool, .btn_vni_sa_graphing_tool, .btn_services_gauge
{
    width: 221px;
    height: 109px;
    margin-top: 8px;
    cursor: pointer;
    display: block;
}

.btn_vni_sa_highlights_tool
{
    background: url(/assets/sol/sp/vni/sa_tools/images/bg_btn_vni_sa_highlights_tool.png) no-repeat scroll 0 0 transparent;
    margin-top: 0;
}
.btn_vni_sa_graphing_tool
{
    background: url(/assets/sol/sp/vni/sa_tools/images/bg_btn_vni_sa_graphing_tool.png) no-repeat scroll 0 0 transparent;
}
.btn_services_gauge
{
    background: url(/assets/sol/sp/vni/sa_tools/images/bg_btn_services_gauge.png) no-repeat scroll 0 0 transparent;
}

.table_layout
{
    margin: 15px 0;
    line-height: 20px;
}

.two_column td
{
    width: 50%;
    padding: 0 10px;
}

.two_column td:first-child
{
    padding-left: 0;
}

td p:first-child
{
    margin-top: 0;
}

.case_study_container
{
    background-color: #fff; /*width:726px;*/
    padding: 0 27px 8px 27px;
    min-height: 140px;
}

.tab_content_case_studies .case_study_container
{
    width: 100%;
    padding: 0;
}

.tab_content_case_studies .case_study_container table
{
    width: 100%;
}

.case_study_container td
{
    padding: 9px 0 6px 0;
    vertical-align: top;
}

.content_case_studies {
    margin-top: 20px;
}

.case_study_container td p
{
    margin-bottom: 8px;
    margin-top: 0;
}

.case_study_container td a.block
{
    color: #2471A7;
}

.borderBottom, .thumbnail
{
    border-bottom: solid 1px #ccc;
}

.thumbnail
{
    text-align: center;
    vertical-align: middle;
    width: 62px;
    padding: 14px 18px 6px 0 !important;
}


.textBlock
{
    vertical-align: top;
}

.vni_sa_highlights_tab
{
    background: url(/assets/sol/sp/vni/sa_tools/images/bg-tab-highlights.png) no-repeat top left;
    width: 702px;
    min-height: 382px;
    margin-top: -1px;
}

.highlights-regional-map
{
    height: 343px;
    position: relative;
    margin-left: 8px;
}

.highlights-regional-map.case-studies-map {
    margin-left: 0px!important;
}

.vni_sa_highlights-more-info-section
{
    position: absolute;
    top: 306px;
    margin-left: 45px;
    width: 636px;
}

.vni_sa_highlights-more-info-section .more-info-panel
{
    background: url(/assets/sol/sp/vni/sa_tools/images/more-info-panel.png) no-repeat;
    width: 212px;
    height: 79px;
    font-family: Arial, sans-serif;
    font-size: 10px;
    float: right;
    cursor: pointer;
}

.vni_sa_highlights-more-info-section .more-info-panel:hover
{
    background: url(/assets/sol/sp/vni/sa_tools/images/more-info-panel-hover.png) no-repeat;
}

.vni_sa_highlights-more-info-section .more-info-panel .padding
{
    padding: 8px 15px 10px 8px;
}

.vni_sa_highlights-more-info-section .more-info-panel .more-info-text
{
    height: 35px;
    overflow: hidden;
    clear: both;
    width: 185px;
    line-height: 12px;
}

.vni_sa_highlights-more-info-section .more-info-panel a
{
    font-weight: bold;
    color: #2472A8;
    text-decoration: none;
    float: right;
    padding-right: 10px;
}

.case-studies-map img {
    left: 25px!important;
    top: 15px!important;
}

.highlights-regional-map img
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 650px;
    height: 310px;
}

#case-studies-map-bg 
{
    top: 0px!important;
    left: 0px!important;
    width: 700px !important;
    height: 340px !important;
}

.highlights-regional-map-footnote
{
    margin-top: -30px;
    padding: 0 10px;
    color: #888;
}

.highlights-regional-map-footnote p
{
    font-size: 9pt;
}

.highlights-report
{
    padding: 10px;
}

.highlights-report .report-header
{
    color: #606060;
    font-weight: bold;
}

.highlights-report .first-year, .highlights-report .compare-year
{
    width: 286px;
    float: left;
    padding-left: 10px;
}

.highlights-report .cagr
{
    width: 60px;
    float: left;
    text-align: right;
}

.highlights-report .row
{
    padding: 10px 0;
    width: 100%;
}

.highlights-report .odd-row
{
    background-color: #f5f5f5;
}

.highlights-accordion-header, .highlights-accordion-section
{
    border: 1px solid #DAD9D9;
    margin-top: -1px;
    height: 33px;
    line-height: 33px;
    font-size: 1.2em;
    font-weight: bold;
}

.highlights-accordion-header {
    padding: 0 10px;    
}

.highlights-accordion-header
{
    background-color: #ffffff;
}

.accordion-header
{
    height: 33px;
}

.highlights-accordion-section
{
    background-color: #f5f5f5;
    cursor: pointer;
}

.accordion-header.closed
{
    background: url(/assets/sol/sp/vni/sa_tools/images/bg-highlights-accordion-section-closed.png) no-repeat;
    padding: 0 0 0 26px;
}

.accordion-header.opened
{
    background: url(/assets/sol/sp/vni/sa_tools/images/bg-highlights-accordion-section-opened.png) no-repeat;
    padding: 0 0 0 26px;
}

.highlights-accordion-section.opened .accordion-header
{
    background: url(/assets/sol/sp/vni/sa_tools/images/bg-highlights-accordion-section-opened-tile.png) repeat-x;
    height: 33px;
}

.graphing-tab-panel
{
    background: url(/assets/sol/sp/vni/sa_tools/images/graphing/bg-tab-panel.png) no-repeat top left;
    width: 703px;
    height: 800px;
    margin-top: -1px;
    margin-bottom: 20px;
}

.graphing-tab-panel .inputs
{
    height: 140px;
    padding: 11px 0 6px 3px;
}

.graphing-tab-panel .inputs label
{
    display: block;
    font-weight: bold;
    color: #666;
}

.graphing-tab-panel .inputs .left-input-container
{
    padding-left: 28px;
    float: left;
    width: 370px;
}

.graphing-tab-panel .inputs .left-input-container label
{
	padding-bottom: 5px;
}

.graphing-tab-panel .inputs .left-input-container .region-and-segment-selections
{
    width: 160px;
    float: left;
}

.graphing-tab-panel .inputs .left-input-container .region-and-segment-selections select
{
    width: 160px;
}

.graphing-tab-panel .inputs .left-input-container .year-comparison-selections
{
    width: 190px;
    float: left;
    padding-left: 20px;
}

.graphing-tab-panel .inputs .left-input-container .year-comparison-selections #regions-sector .sector
{
	width: 172px;
}

.graphing-tab-panel .inputs .left-input-container .year-comparison-selections #year1
{
	width: 71px;
	margin-right: 5px;
}

.graphing-tab-panel .inputs .left-input-container .year-comparison-selections #year2
{
	width: 71px;
	margin-left: 5px;
}

.graphing-tab-panel .inputs .right-checkbox-selections
{
    width: 279px;
    float: left;
    padding-left: 16px;
    font-size: 11px;
    border-left: 1px solid #ccc;
    min-height: 132px;
}

.graphing-tab-panel .inputs .right-checkbox-selections p
{
    color: #666;
    margin: 0px;
}

.graphing-tab-panel .inputs .right-checkbox-selections label
{
    display: inline;
    font-weight: normal;
    float: left;
    padding-left: 5px;
    width: 115px;
 }

.graphing-tab-panel .inputs .right-checkbox-selections input
{
    float: left;
    width: 12px;
    line-height: 20px;
}

.graphing-tab-panel .inputs .right-checkbox-selections .option
{
    width: 133px;
    float: left;
    margin-top: 3px;
}

.graphing-tab-panel .chart-container
{
    border-top: solid 1px #DDD;
    width: 703px;
    background: url(/assets/sol/sp/vni/sa_tools/images/graphing/bg-tab-panel-tile.png) repeat-y top left transparent;
}

.graphing-tab-panel .chart-container iframe
{
    width: 699px;
    height: 605px; 
}

#chart_div {
    width: 700px; 
    height: 325px;
}

.graphing-tab-panel .chart-container #chart_div
{
    height: 435px;
}

.graphing-tab-panel #chart
{
    margin-left: 2px;
}

.graphing-tab-panel .chart-padding
{
}

.graphing-tab-panel .chart-filters
{
    background: url(/assets/sol/sp/vni/sa_tools/images/graphing/vni-sa-graphing-tool-bottom.png) no-repeat;
    width: 703px;
    height: 39px;
}

.accordion-content
{
    background-color: #fff;
    padding: 1px 8px;
    display: none;
    border-bottom: 1px solid #DAD9D9;
    border-left: 1px solid #DAD9D9;
    border-right: 1px solid #DAD9D9;
}

.cs_overlay_header
{
    background-color: #fff;
    padding: 10px 19px 0 19px;
}

.cs_overlay_header .map_small
{
    float: left;
    margin: 0 5px 0 0;
}

.cs_overlay_header .title
{
    font-size: 26px;
    color: #0096d6;
    padding-top: 20px;
    display: inline-block;
}

.case_studies_top
{
    width: 780px;
    height: 10px;
    background-color: #fff;
}

.case_studies_nav
{
    height: 42px;
    background: url(/assets/sol/sp/vni/sa_tools/images/case_studies_overlay_nav.png) no-repeat scroll center #fff;
    margin-top: -2px;
    padding-left: 27px;
}

.case_studies_nav_left
{
	float: left;
	width: 120px;
	height: 42px;
	cursor: pointer;
}

.case_studies_nav_right
{
	float: right;
	width: 127px;
	height: 42px;
	cursor: pointer;
}

.service-filters-container
{
    background: url(/assets/sol/sp/vni/sa_tools/images/bg-filter-arrows.png) no-repeat right;
    color: #2472A8;
    position: relative;
    float: left;
    cursor: pointer;
    margin-left: 10px;
    margin-top: 8px;
    height: 20px;
    padding-right: 15px;
}

.custom-selector
{
    background: url(/assets/sol/sp/vni/sa_tools/images/bg-filter-arrows.png) no-repeat right;
    color: #2472A8;
    position: relative;
    width: 151px;
    cursor: pointer;
    margin-top: 8px;
    height: 20px;
    float: right;
    margin-left: 0;
    margin-right: 10px;
    
}

.export-selector
{
    width: 133px;
    color: #2472A8;
    position: relative;
    float: right;
    margin-top: 8px;
    cursor: pointer;
}

.color-selector
{
   width: 112px;
    background: url(/assets/sol/sp/vni/sa_tools/images/bg-filter-arrows.png) no-repeat right;
    color:  #2472A8;
    position: relative;
    cursor: pointer;
    margin-top: 8px;
    height: 20px;
    float: right;
    margin-left: 0;
    margin-right: 10px;
}

.service-filters-container p, .export-selector p, .custom-selector p
{
    margin: 0;
    padding: 0 0 0 10px;
}

.service-filters-container .top, .export-selector .top, .custom-selector .top {
    /*height: 1px;
    background-color: #D6D6D6;
    width: 163px;*/
}

.service-filters-container .middle, .export-selector .middle, .custom-selector .middle {
    background: url(/assets/sol/sp/vni/sa_tools/images/dropdown-filter-bg.png) repeat-y;
    width: 163px;
}

.service-filters-container .bottom, .export-selector .bottom, .custom-selector .top {
    background: url(/assets/sol/sp/vni/sa_tools/images/dropdown-filter-top2.png) no-repeat;
    width: 163px;
    height: 8px;
}


.service-filters-container .bottom, .export-selector .bottom, .custom-selector .bottom {
    background: url(/assets/sol/sp/vni/sa_tools/images/dropdown-filter-bottom.png) no-repeat;
    width: 163px;
    height: 8px;
    display: block;
}

.service-filters-container .dropdown, .export-selector .dropdown, .custom-selector .dropdown
{
    display: none;
    position: absolute;
    left: 0px;
    width: 163px;
}

.service-filters-container .dropdown {
    top: 27px;
}

.custom-selector .dropdown {
    top: -68px;
}

.export-selector .dropdown {
    top: 30px;
}

.service-filters-container ul, .export-selector ul, .custom-selector ul
{
	margin-left: 1px;
	margin-right: 2px;
    background-color: #fff;
    list-style-type: none;
}

.service-filters-container ul li, .export-selector ul li, .custom-selector ul li
{
    margin: 0;
    padding: 0;
    text-indent: 0;
    padding: 8px 5px 2px 10px;
    font-size: 12px;
    color: #444;
    font-weight: normal;
    line-height: 16px;
}

.service-filters-container ul li:hover, .export-selector ul li:hover, .custom-selector ul li:hover
{
    color: #2472A8;
}

.export-selector textarea
{
    height: 60px;
    width: 95%;
    resize: none;
}

.export-selector ul
{
    /*width: 265px;*/
    cursor: default;
    color: #000;
}

#fancybox-wrap
{
    width: 780px !important;
}

#fancybox-outer
{
    background-color: transparent;
}

#fancybox-content
{
    width: 780px !important;
}

#fancybox-right
{
    width: 128px;
    height: 40px;
}
#fancybox-left
{
    width: 121px;
    height: 40px;
}

.fancybox-close
{
    background: url(/assets/sol/sp/vni/sa_tools/tools/images/fancybox-close.png) no-repeat scroll 0 0 transparent !important;
    width: 12px !important;
    height: 12px !important;
    top: 14px !important;
    right: 14px !important;
}

#fancybox-left-ico, #fancybox-right-ico
{
    display: none;
}

.cagr-up-arrow {
    background: url(/assets/sol/sp/vni/sa_tools/images/highlights/cagr-up.png) no-repeat center left;
    width: 10px;
    height: 10px;
}

.cagr-down-arrow {
    background: url(/assets/sol/sp/vni/sa_tools/images/highlights/cagr-down.png) no-repeat center left;
    width: 10px;
    height: 10px;
}

.highlights-report .cagr .value {
    float: right;
}

.highlights-report .cagr .arrow {
    float: right;
    padding-top: 3px;
}

.vni_home
{
	font-size:10px;
	color:#fff;
	padding-right:8px;
	position:absolute;
	top:4px;
	right:8px;
}

.vni_home a
{
	text-shadow: none !important;
	float:left;
}

.vni_home span
{
	margin:0 10px 0 10px !important;
	float:left;
}

.vni_home .worldwide
{
	margin-right:16px;
}

.search_container
{
	width:194px;
	height:28px;
	position:absolute;
	top:32px;
	right:0;
}

.search_container .text_input
{
    border: none;
    padding: 6px 30px 6px 6px;
    width: 158px;
}

.search_container .btn_search
{
	background:none;
	width:23px;
	height:20px;
	border:none;
	position:absolute;
	top:4px;
	right:4px;
	cursor:pointer;
}

.tab_content
{
	display:none;
}

.bandwidth_checker_container
{
	color:#444444;
	background:url(/assets/sol/sp/vni/sa_tools/images/bg_bandwidth_checker.png) no-repeat scroll 0 0 transparent;
	width:699px;
	height:311px;
	margin:8px 0px 16px 0px;
	/*position:relative;*/
}

.service_container, .device_container
{
	width:263px;
	height:202px;
	margin-top:20px;
}

.service_container
{
	margin-left:35px;
	float:left;
}
.device_container
{
	margin-right:35px;
	float:right;
}

.bandwidth_checker_container .dots_container
{
	text-align:center;
	height:12px;
}

.services, .devices
{
	height:179px;
	margin-top:11px;
}

.service_image_container, .device_image_container
{
	text-align:center;
	margin-left:42px;
}

.service_data_container, .device_data_container
{
	text-align:center;
	font-size:18px;
	margin-top:8px;
}

.service_data_container .counter, .device_data_container .counter
{
	font-size:46px;
	height:50px;
	font-weight:bold;
}

.service_data_container .unit, .device_data_container .unit
{
	padding-left: 4px
}

.service_image_container div, .device_image_container div
{
	width:178px;
	height:179px;
	position:relative;
}


.service_image_container .label, .device_image_container .label
{
	font-size:11px;
	line-height:18px;
	margin-top: -54px;
    padding: 5px;
}

.service_image_container span, .device_image_container span
{
	display:block;
    line-height: 14px;
}

.infographics_container
{
	width: 703px;
	clear: both;
	margin-top: 20px;
}

.infographics
{
	
}

.infographics > div
{
	display:none;
}

.infographics div.active
{
	display:block;
}

.infographics > div img
{
    width: 703px;
    height: 303px;
}

.infographics_nav
{
	text-align:center;
	height: 176px;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 703px;
}

.infographics_nav .arrow_left
{
	background: url(/assets/sol/sp/vni/sa_tools/images/slider-left-global.png) no-repeat;
	width: 25px;
	height: 176px;
	float:left;
}

.infographics_nav .arrow_right
{
	background: url(/assets/sol/sp/vni/sa_tools/images/slider-right-global.png) no-repeat;
	width: 25px;
	height: 176px;
	float: left;
}

.infographics_nav.regional .arrow_left
{
	background: url(/assets/sol/sp/vni/sa_tools/images/slider-left.png) no-repeat;
}

.infographics_nav.regional .arrow_right
{
	background: url(/assets/sol/sp/vni/sa_tools/images/slider-right.png) no-repeat;
}

.infographics_nav .dots_container
{
	float: left;
	background: url(/assets/sol/sp/vni/sa_tools/images/slider-center.png) repeat;
	height: 176px;
	width: 653px;
	overflow: hidden;
}


.infographics_nav .dots_container .title
{
    clear: both;
    padding: 12px 12px 4px 12px;
    text-align: left;
    color: #59595b;
    font-weight: bold;
    font-size: 14px;
} 

.infographics_nav .dots_container .scrollable
{
    clear: both;
    position: relative;
    left: 10px;
    width: 900px;
    height: 140px;
} 

.infographics_nav .dots_container a
{
	width: 140px;
	background-repeat: no-repeat;
	background-position: top left;
	color: #2d71a4;
	float: left;
	padding-top: 94px;
	text-align: left;
    text-decoration: none;
    padding-right: 10px;
}

.infographics_nav.regional .dots_container #a1, 
.infographics_nav.regional .dots_container #a3,
.infographics_nav.regional .dots_container #a5
{
    display: none;
}

.infographics_nav .dots_container #a0
{
    background-image: url(/assets/sol/sp/vni/sa_tools/images/residential-services.png);
}

.infographics_nav .dots_container #a1
{
    background-image: url(/assets/sol/sp/vni/sa_tools/images/residential-devices.png);
}

.infographics_nav .dots_container #a2
{
    background-image: url(/assets/sol/sp/vni/sa_tools/images/mobile-services.png);
}

.infographics_nav .dots_container #a3
{
    background-image: url(/assets/sol/sp/vni/sa_tools/images/mobile-devices.png);
}

.infographics_nav .dots_container #a4
{
    background-image: url(/assets/sol/sp/vni/sa_tools/images/business-services.png);
}

.infographics_nav .dots_container #a5
{
    background-image: url(/assets/sol/sp/vni/sa_tools/images/business-devices.png);
}

.region-selections {
    width: 220px;
    /* padding-top: 10px; */
    clear: both;
    height: 63px;
}

.region-selections .left{
    background: url(/assets/sol/sp/vni/sa_tools/images/region-left.png) no-repeat;
    width: 6px;
    height: 63px;
    float: left;
}

.region-selections .center{
    background: url(/assets/sol/sp/vni/sa_tools/images/region-center.png) repeat-x;
    width: 180px;
    height: 63px;
    float: left;
    padding-top: 10px;
    padding-left: 10px;
}

.region-selections .right{
    background: url(/assets/sol/sp/vni/sa_tools/images/region-right.png) no-repeat;
    width: 5px;
    height: 63px;
    float: left;
}

.region-selections .center label {
    display: block;
    font-weight: bold;
    color: #666;
    padding-bottom: 5px;
}

.region-selections .center #region {
    width: 160px;
}

#sub-categories
{
	left: 107px;
	font-weight: bold;
	font-size: 9pt;
	color: #666;
	width: 487px;
	margin-top: -57px;
	z-index: 10000;
	position: absolute;
}

#sub-categories td
{
	background: url(/assets/sol/sp/vni/sa_tools/images/graphing/category-divider.jpg) no-repeat top right;
	text-align: center;
	padding-top: 60px;
}

body.black #sub-categories td
{
	color: #fff;
}

#sub-categories td.last
{
	background: none;
}

.round-border 
{
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.bandwidth_checker_container .arrow_left, .bandwidth_checker_container  .arrow_right
{
	background:url(/assets/sol/sp/vni/sa_tools/images/arrows_bandwidth_checker.png) no-repeat scroll 0 0 transparent;
	width:33px;
	height:33px;
	float:left;
}

.bandwidth_checker_container .arrow_right
{
	background-position:bottom;
	float:right;
}

.bandwidth_checker_container .infographics
{
	background:url(/assets/sol/sp/vni/sa_tools/images/bg_infographics.png) no-repeat scroll 0 0 transparent;
	height:302px;
	padding:0 26px 0 25px;
}

.bandwidth_checker_container .infographics > div
{
	display:none;
}
.bandwidth_checker_container .infographics div.active
{
	display:block;
}

.bandwidth_checker_container .infographics .title
{
	font-family:Arial, sans-serif;
	font-size:24px;
	font-weight:400;
	color:#59595c;
	padding:14px 0;
}

.bandwidth_checker_container .infographics_nav
{
	text-align:center;
	height:31px;
	padding:20px 238px;
}

.bandwidth_checker_container .infographics_nav .dots_container
{
	display:inline-block;
}

.bandwidth_checker_container .dots_container
{
	text-align:center;
	height:12px;
}

.bandwidth_checker_container .dots_container a
{
	background:url(/assets/sol/sp/vni/sa_tools/images/dots_bandwidth_checker.png) no-repeat scroll 0 0 transparent;
	width:10px;
	height:10px;
	margin-left:1px;
	display:inline-block;
}

.bandwidth_checker_container .dots_container a.active
{
	background-position:bottom;
}