body
{
    background-color: #FFFDE9;
    font-family: 'Abel', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
}

.clear
{
    clear: both;
    height: 0px;
    width: 0px;
}

.secondaryFont
{
    font-family: 'News Cycle', sans-serif;
    font-size: 11px;
}

.pageContainer
{
    width: 950px;
}

.moreInfoContainer
{
    display: none;
    width: 100%;
    height: 100%;
    z-index: 12;
    position: absolute;
    left: 0px;
    top: 0px;
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #F15A29;
    opacity: 0.9;
}

.moreInfoBackgroundDiv
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.moreInfoContentDiv
{
    width: 950px;
    position: relative;
    margin-top: 215px;
}

.moreInfoArtDiv
{
    margin-left: auto;
    margin-right: auto;
    width: 350px;
}

.moreInfoInstructionDiv
{
    font-size: 15px;
    left: 290px;
    position: absolute;
    text-align: center;
    top: 25px;
}

.moreInfoInputDiv
{
    font-size: 15px;
    left: 327px;
    position: absolute;
    text-align: center;
    top: 90px;
}

.moreInfoInputDiv input
{
    width: 295px;
    height: 35px;
    text-align: center;
    color: #F15A29;
}

.moreInfoSubmitDiv
{
    left: 438px;
    position: absolute;
    text-align: center;
    top: 148px;
}

.introPageContainer
{
    width: 100%;
    height: 100%;
    z-index: 12;
    position: absolute;
    left: 0px;
    top: 0px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.introPageContainer div
{
    position: absolute;
    text-align: right;
}

.introPageTitleDiv
{
    font-size: 35px;
    left: 0;
    top: 400px;
    width: 921px;
}

.introPageSubtitleDiv
{
    left: 0;
    top: 438px;
    font-size: 21px;
    width: 921px;
}

.introPageLineDiv
{
    height: 2px;
    border-bottom: dotted 1px #FFFFFF;
    top: 468px;    
    left: 680px;
    width: 240px;
}

.introPage1Div
{
    font-size: 12px;
    left: 0;
    top: 475px;
    width: 921px;
}

.introPage2Div
{
    font-size: 12px;
    left: 0;
    top: 500px;
    width: 921px;
}

.introPage3Div
{
    font-size: 12px;
    left: 0;
    top: 550px;
    width: 921px;
}

.introPageC5LogoDiv
{
    left: 207px;
    top: 562px;
}

.introPageSourceDiv
{
    font-size: 12px;
    left: 207px;
    top: 599px;
}

.leftHandContainer
{
    float: left;
    z-index: 1;
}

.titleContainer
{
    height: 90px;
    padding-top: 22px;
    cursor: pointer;
    display: none;
}

.titleMainDiv
{
    border-bottom: 3px dotted #ED627D;
    font-size: 21px;
    padding-left: 22px;
}

.titleSubDiv
{
    padding-left: 22px;
}

.menuContainer
{
	position: relative;
	display: none;
}

.menuListDiv
{
    background-color: #FFFDE9;
}

.menuItemLogo
{
    position: absolute;
    top: 495px;
    left: 25px;
    z-index: -1;
}

.menuItemArrow
{
}

.menuItemArrow
{
	position: absolute;
	display: none;
	left: 175px;
	padding-top: 3px;
	top: 0px;
}

.menuItemDiv
{
    padding-bottom: 15px;
}

.menuItemHeaderDiv
{
    background-color: #57CBF5;
    color: #FFFFFF;
    padding-right: 10px;
    text-align: right;
    width: 162px;
    cursor: pointer;
}

.menuItemMoreInfoDiv
{
}

.menuItemMoreInfoHeaderDiv
{
    background-color: #D1D3D4;
    font-size: 14px;
}

.menuItemHeaderDiv:hover
{
    background-color: #ED627D;
}

.menuItemHeaderSelectedDiv
{
    background-color: #ED627D;
}

.menuItemCountriesContainer
{
    display: none;
}

.menuItemCountriesDiv
{
    position: relative;
    border-right: 1px solid #231F20;
    padding-top: 12px;
    padding-bottom: 15px;
}

.menuItemCountriesCornerDiv
{
    position: absolute;
    left: 169px;
    bottom: 0;
    width: 5px;
    height: 5px;
    background-image: url('../Images/blackdot.png');
    background-repeat: no-repeat;
}

.menuItemWorldDiv
{
    border-right: none;
    padding-top: 8px;
}

.menuItemWorldOptionDiv
{
    color: #A7A9AC;
    cursor: pointer;
    text-align: right;
    margin-right: 11px;
}

.menuItemWorldOptionSelectedDiv
{
    color: #ED627D;
}

.menuItemsCountryDiv
{
    position: relative;
}

.menuItemsCountryNameDiv
{
    float: left;
    color: #ED627D;
    text-align: right;
    width: 87px;
}

.menuItemsCountryChartContainer
{
    float: left;
    position: absolute;
    z-index: 5;
    left: 172px;
    top: 9px;
}

.menuItemsCountryChartBarContainer
{
    position: relative;
    z-index: 1;
}

.menuItemsCountryChartBarDiv
{
    position: absolute;
    width: 0px;
    height: 8px;
}

.menuItemsCountryChartBarLabelDiv
{
    position: absolute;
    font-size: 10px;
    top: -5px;
    display: none;
    letter-spacing: 0.5px;
}

.menuItemsCountryChartBarLabelPositiveDiv
{
    color: #58595B;
}

.menuItemsCountryChartBarLabelNegativeDiv
{
    color: #EF4136;
}

.menuItemsCountryChartBarPositiveDiv
{
    background-color: #A7A9AC;
}

.menuItemsCountryChartBarNegativeDiv
{
    background-color: #EF4136;
}

.menuSubText
{
    font-size: 9px;
    text-align: right;
    margin-top: 3px;
    margin-right: 3px;
}

.rightHandContainer
{
    position: absolute;
    left: 169px;
    top: 18px;
    z-index: 1;
}

.mapContainer
{
    float: left;
    position: absolute;
}

.mapSvg path
{
    fill: #FFFDE9;
}

.mapPathSelected path
{
    fill: #57CBF5;
}

.swirlsContainer
{
    float: left;
    position: absolute;
}

.worldSectorContainer
{
    float: left;
    position: absolute;
    top: 450px;
    display: none;
}

.worldSectorSelectPromptContainer
{
    float: left;
    left: 356px;
    position: absolute;
    top: 115px;
}

.dialMediaSelectPromptContainer
{
    float: left;
    left: 356px;
    position: absolute;
    top: 550px;
}

.worldSectorSummaryContainer
{
    position: absolute;
    left: 15px;
    top: 400px;
    width: 756px;
    color: #FFFFFF;
}

.worldSectorSummaryDiv
{
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    text-align: center;
}

.worldSectorSummaryTitle
{
    font-size: 19px;
}

.worldSectorTextDiv
{
	position: absolute;
	color: #FFFFFF;
}

.worldSectorTitleDiv
{
	position: absolute;
	display: none;
	color: #414042;
	font-size: 12px;
	top: 105px;
}

.worldSectorDescriptionContainer
{
	position: absolute;
	top: 26px;
	left: 15px;
	width: 756px;
	text-align: center;
}

.worldSectorDescriptionTitle
{
	font-size: 13px;
}

.worldSectorDescriptionSubtext
{
	font-size: 9px;
}

.dialContainer
{
    float: left;
    position: absolute;
    display: none;
}

.dialAndSubtextContainer
{
    height: 500px;
}

.dialDiv
{
    position: relative;
    font-size: 9px;
    text-align: right;
}

.dialArcLabelDiv
{
    position: absolute;
    font-size: 13px;
}

.dialArcNaLabel
{
    opacity: 0;
}

.dialContainer svg
{
    z-index: 0;
}

.dialMainComponent
{
    opacity: 0;
}

.dialMeterLabel
{
    opacity: 0;
}

.dialMeterLine
{
    opacity: 0;
}

.dialPath
{
    opacity: 0;
	stroke-width: 14;
	stroke-miterlimit; 10;
	fill: none;
}

.dialSubtextContainer
{
    float: left;
    left: 280px;
    letter-spacing: 1px;
    position: absolute;
    text-align: center;
    top: 421px;
    display: none;
}

.dialSubtextTopDiv
{
}

.dialSubtextBottomDiv
{
    font-size: 8px;
}

.dialFooterContent
{
    display: none;
}

.mediaContainer
{
    margin-left: 83px;
}

.mediaItemDiv
{
    float: left;
    margin-right: 51px;
    cursor: pointer;
}

.mediaItemCinemaDiv
{
    width: 59px;
    height: 40px;
    background-image: url('../Images/cinema.png');
    background-position: 0 40px;
}

.mediaItemCinemaSelectedDiv
{
    background-position: 0 0;
}

.mediaItemCinemaDiv:hover
{
    background-position: 0px 0px;
}

.mediaItemInternetDiv
{
    width: 45px;
    height: 35px;
    background-image: url('../Images/internet.png');
    background-position: 0px 35px;
    margin-top: 3px;
}

.mediaItemInternetSelectedDiv
{
    background-position: 0px 0px;
}

.mediaItemInternetDiv:hover
{
    background-position: 0px 0px;
}

.mediaItemMagazineDiv
{
    width: 31px;
    height: 38px;
    background-image: url('../Images/magazine.png');
    background-position: 0px 38px;
}

.mediaItemMagazineSelectedDiv
{
    background-position: 0px 0px;
}

.mediaItemMagazineDiv:hover
{
    background-position: 0px 0px;
}

.mediaItemNewspaperDiv
{
    width: 45px;
    height: 35px;
    background-image: url('../Images/newspaper.png');
    background-position: 0px 35px;
    margin-top: 3px;
}

.mediaItemNewspaperSelectedDiv
{
    background-position: 0px 0px;
}

.mediaItemNewspaperDiv:hover
{
    background-position: 0px 0px;
}

.mediaItemOutdoorDiv
{
    width: 54px;
    height: 36px;
    background-image: url('../Images/outdoor.png');
    background-position: 0px 38px;
    margin-top: 3px;
}

.mediaItemOutdoorSelectedDiv
{
    background-position: 0px 0px;
}

.mediaItemOutdoorDiv:hover
{
    background-position: 0px 0px;
}

.mediaItemRadioDiv
{
    width: 49px;
    height: 45px;
    background-image: url('../Images/radio.png');
    background-position: 0px 45px;
}

.mediaItemRadioSelectedDiv
{
    background-position: 0px 0px;
}

.mediaItemRadioDiv:hover
{
    background-position: 0px 0px;
}

.mediaItemTelevisionDiv
{
    width: 47px;
    height: 34px;
    background-image: url('../Images/television.png');
    background-position: 0px 34px;
    margin-top: 7px;
}

.mediaItemTelevisionSelectedDiv
{
    background-position: 0px 0px;
}

.mediaItemTelevisionDiv:hover
{
    background-position: 0px 0px;
}


.dialWorldBarContainer
{
    display: none;
    position: relative;
}

.dialWorldBarLabelDiv
{
    position: absolute;
    left: 293px;
    top: 33px;
    font-size: 11px;
}

.worldSelectorItem
{
	cursor: pointer;
}

.worldSelectorItemUnselected g path
{
	fill: #CCCCCC;
}

.worldSelectorItemUnselected g polygon
{
	fill: #CCCCCC;
}

.worldSelectorItemUnselected g circle
{
	fill: #CCCCCC;
}

.worldSelectorItemUnselected g rect
{
	fill: #CCCCCC;
}

.swirlItem
{
}

.swirlItemUnselected path
{
	opacity: 0.2;
}

.dialMediaLabelContainer
{
	position: relative;
	width: 100%;
	margin-top: 15px;
	height: 25px;
}

.dialMediaLabelDiv
{
	display: none;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 522px;
}

.dialMediaTextDiv
{
	float: left;
	padding-right:10px;
	border-right: solid 2px #231F20;
	text-align: right;
	width: 250px;
}

.dialMediaValueDiv
{
	float: left;
	padding-left:10px;
	text-align: left;
	width: 250px;
}