.module:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

html {
	overflow-y: scroll;
	background: #5F5F5F url('../img/html_bg.png') repeat-x scroll;
}

body {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: .6em;
	background: transparent url('../img/body_bg.jpg') no-repeat center top;
	min-height: 100%;
	margin: 0;
}

p {
	font-size: 1.2em;
}

b {
	font-size: 1.2em;
}

table {
    font-size: 1.15em;
    border-spacing: 0;
}

table text {
    font-size: .9em;	
}

h2 {
    text-align: left;
    padding: 5px 0px 5px 20px;
    background-color: black;
    color: white;
    width: 50%;
}

ul, ol
{
    margin: .833em 0;
    padding-left: 2em;
}
ul
{
    list-style-type: disc;
}
ol
{
    list-style-type: decimal;
}
ul li, ol li
{
    line-height: 1.5em;
}

.breadCrumbHolder
{
    margin:0 0 0 0;
    
}


/* Navigation */

.title div {
	font-weight: bold;
	font-size: 2.2em;
	text-align: center;
	width: 100%;
}

.title {
    float: left;
    width: 70%;
}

#navigation {
    margin: 10px 0 10px 0;
    padding: 10px 0 10px 0;
    width: 100%;
    background: white;
}

#navigation a {
    text-decoration: none;
    color: #0e82c7;
    background-color: transparent;
    font-size: 1.5em;
}

#navigation p {
	margin: 0;
	font-size: 1.9em;
	font-weight: bold;
}

#navigation a:hover {
    color: blue;
    text-decoration: underline;
}

#nav-backward {
    float: left;
    padding-left: 10px;
}

#nav-foreward {
    float: right;
    padding-right: 10px;
}

#manual-nav {
	padding-right: 7px;
	text-align: right;
    float: right;
    width: 20%;	    
}

#manual-nav a {
	color: #555;
}

#manual-nav a:hover {
    color: black;
} 


#content {
	width: 1000px;
	margin: auto;
}

/* Main Content */

.vis-container {
	width: 100%;	
	margin-top: 10px;
	background: white;
	min-height: 610px;
	padding-bottom: 15px;
}

.clear {
	clear: both;
}

.more-text b {
    font-size: 1.1em;	
}


/* Main Container */
#main-container {	
	width: 50%;
	float: left;
}

#main-container p {
	text-align: justify;
	padding: 5px 30px 5px 20px;
}

/* Side Container */

#side-container {
    width: 50%;
    float: left;    
}

#side-container p {
    padding: 5px 20px 5px 20px;
}

/* GDPPC Chart */
#bubble-chart {
    float: left;
}

#gdp-container-left p {
	text-align: center;
}

/* Bottom Container */
#bottom-container {
    float: left;
    width: 100%;
    
}

#bottom-container p {
    padding: 5px 20px 5px 20px;
}


/* Industry Pie Chart */
#industry-chart {
	padding-top: 15px;
	padding-left: 25px;
    float: left;	
    width: 60%;
}


/* Manufacturing */
.manufaturing-cell {
    cursor: pointer;	
}

/* Tourism */
/* Stacked Bar Chart */
#industry-stacked-chart {
	padding: 0 0 0 25px;
    float: left;	
}

/* Nz Map*/
#nz-map {
    width: 300px;
    float: left;	
}

#nz-map-legend {
    float: left;    
}

#tourist-slider {
    width: 420px;
    margin: auto;	
}

#tourist-slider-legend {
	padding: 0 0 0 15px;  
}

#tourist-colour {
    width: 15px;
    height: 15px;    
    background: #000;
    margin-top: 2px;
    margin-right: 25%; 
    float: right;
    
}
/* Dairy */
#cow-slider {
    width: 417px;
    margin: auto;   
}

#cow-slider-legend {
    padding: 0 0 0 17px;  
}

#cow-densitiy-chart {
    float: left;	
}

/* Mining */
.mining-slider {
	margin: 5px 18px 0 10px;
    width: 312px;	
    float: left;
}

.mining-table {
    text-align: left;	
    padding-left: 20px;
}

.mining-p {
    padding-top: 7px;
    width: 25%;
}

#mining-chart-title {
    text-align: center;
    margin: auto;	
}

#mining-chart {
    padding-left: 20px; 
}

#coal-colour {
    width: 15px;
    height: 15px;
    float: left;
    background: #FFAA00;
    margin-right: 5px; 	
}

#oil-colour {
    width: 15px;
    height: 15px;
    float: left;
    background: #00C12B;
    margin-right: 5px;    
}

#metal-colour {
    width: 15px;
    height: 15px;
    float: left;
    background: #8805A8;   
    margin-right: 5px;  
}

#mining-count-down-table {
	width: 100%;
	margin: auto;
}

#mining-count-down-table td {
    padding: 0 15px 0 15px;
    text-align: center;	
}

.mining-counter {
	padding-left: 15%;	
}

.more-text {
    display: none;	
}

/* Manufacturing */
#export-graph {
    padding-left: 25px;	
}

#export-table {
    width: 100%;
    margin-bottom: 15px;	
    font-size: 1em;
}

#export-table td {
    width: 33%;
}

#export-table td h2{
    margin: 0;
    padding: 5px 0 5px 0;
}

/* Companies */
#company-slider {
    width: 412px;
    margin: auto;   
}

#company-slider-legend {
    padding: 0 0 0 16px;  
}

/* Apple Counter */
#counter-wrapper {
	padding-top: 10px;
	padding-left: 98px;	
}
.flip-counter ul.cd {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0
}

.flip-counter li {
	background: url(../img/digits.png) 0 0 no-repeat
}

.flip-counter li.t {
	background-position: 0 0;
	width: 53px;
	height: 39px
}

.flip-counter li.b {
	background-position: 0 0;
	width: 53px;
	height: 64px
}

.flip-counter li.s {
	background-position: -53px -1030px;
	width: 14px;
	height: 103px
}

#footer {
	text-align: right;
}

#footer p {
    color: white;	
    font-size: 1em;
}

#footer a {
    color: white;   
}

.flip {
	    -moz-transform: scaleX(-1); /* Gecko */
        -o-transform: scaleX(-1); /* Operah */
        -webkit-transform: scaleX(-1); /* webkit */
        transform: scaleX(-1); /* standard */
        filter: FlipH; /* IE 6/7/8 */
}

/* Tool Tip */
#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 5px;
    opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

.twitter-share-button {
	height: 20px;
	background-image: url(https://dev.twitter.com/widgets/images/tweet.png);
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-attachment: initial;
background-position-x: initial;
background-position-y: initial;
background-origin: initial;
background-clip: initial;
background-color: transparent;
	}
	
/* Error Page */
.error {
    padding-top: 150px;
}

.error p {
    text-align: center;
    color: white;
    font-size: 2em;
}

.error a {
    text-align: center;
    color: white;
}

/* SVG */
.chart div {
    font: 10px sans-serif;
    background-color: steelblue;
    text-align: right;
    padding: 3px;
    margin: 1px;
    color: white;
}

.chart rect {
    stroke: white;
    fill: steelblue;
    shape-rendering: crispEdges;
}

.chart text.bar {
    font-family: arial, freesans, clean, sans-serif;
    fill: white;
    font-size: .8em;
}

svg {
    
}

.chart circle.little {
    fill: #aaa;
    stroke: #333;
    stroke-width: 1.5px;
}