@charset "utf-8";
/* CSS Document */
.main-content p, .showNRchartTable{
		width: 700px;	
	}
.main-content table p{
	min-width: 70px;	
}

.main-content table p{
	width: auto;	
}
.main-content h1 {
	border-bottom: medium none;
    color: #000000;
    font-size: 19px;
	font-weight: bold;
	}	
.main-content h2 {
	font-size: 13px;
	color: #000000;
	margin-top: 12px;
	}	
.main-content h2 a {
	font-size:13px;
	color: #003399;
	text-decoration: underline;
	}
.main-content h2 a:hover {
	background-color: #ffffff;
	}
.showNRchartTable{
	text-decoration:underline;
	color:#000099;
	text-align:center;
	cursor:pointer;
	padding-top:8px;
	padding-bottom:20px;
	}
#tableDiv .showNRchartTable a, #tableDiv .tableTitle{
	color: #fff;	
}
	
.chartAndTableGroup > div.NRchartTableDiv {
    background-color: rgba(6, 6, 6, 0.87);
    display: none;
    left: 0;
    padding:20px 0px 20px 0px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5000;
}

.NRchartTableDiv table{
margin:0;
padding:0;
}

#chartNav .disabled, #chartNav .disabled:hover{
	background-color: #efefef;
    border: 1px solid #cccccc;
    color: #666;
    color: #4f4f4f; /*accessibility*/
    cursor: default;
	}
#chartNav a{
	position:relative;
	background-color:#990000;
	border: 1px solid #990000;
	color: #fff;
	padding:2px 11px;
	margin-right: 3px;
	font-size: 11px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
#chartNav a:hover{
	background-color:#ffffff;
	border: 1px solid #990000;
	color: #990000;
	text-decoration: none;
	}
#chartsNav li:hover, #chartsNav a:hover{
	color:#003399;	
	text-decoration: underline;
	background-color: #ffffff;
}

#prevChart a, #nextChart a{
	font-size: 50px;
	text-decoration:none;
	font-weight:normal;
	position:relative;
	top: 7px;
}

#prevChart a.disabled, #nextChart a.disabled{
	color: #E7E7E7;
	cursor: default;
}

#prevChart a:hover, #nextChart a:hover{
	background-color: transparent;
	color:#660000;
	text-decoration: none;
}



	
/*-----------dropdown----------------*/	
#otherChartsLinks,#chartNav{
	display:inline-block;	
}
#otherChartsLinks{
	margin-top: 10px;
	width: auto;
	/*margin-bottom:15px;*/)
	}
#otherChartsLinks select {
 	width: auto;
	border: 1px solid #999;	
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	height: 19px;
}
#otherChartsLinks option{
	margin-bottom: 4px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	width: auto;
	padding-left: 3px;
	}
#otherChartsLinks option a {
	cursor: pointer;
	}
#otherChartsLinks .link-indent {
	padding-left: 20px;
	}
#otherChartsLinks .link-heading {
	padding-top: 6px;
	}
#nr-charts-button {
	margin-top: 5px;}


/*-------- CHARTS/TABLES--------------*/
.chartAndTableGroup {
	margin-top: 25px;
	}
.chartAndTableGroup > div, .chartAndTableGroup .showNRchartTable {
	width: 900px;
	margin: 0 auto;
	}
.chartPackageDiv{
	border: solid 1px #999;
	padding:10px;
	margin-right:15px;
	margin-bottom: 10px;
	margin-top: 26px;
}

ul.tabs li.current{
  background-image: url(/images/jquerytools/tab_background_on.png);
  background-position: center;
  background-repeat: repeat-x;
  background-color: #900 !important;
  border: 1px solid #900;
  border-bottom: 6px solid #900;
  color: #fff;
  cursor: default;
  font-weight: bold;
}

ul.tabs li{
float: left;
  font-size: 13px;
  display: block;
  padding: 3px 10px 5px 10px;
  text-decoration: none;
  border: 1px solid #900;
  border-bottom: 6px solid #900;
  height: 16px;
  background-image: url(/images/jquerytools/tab_background_off.png);
  background-position: center;
  background-repeat: repeat-x;
  background-color: #eee;
  color: #333;
  margin-right: 2px;
  position: relative;
  top: 1px;
  outline: 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  -wedkit-border-radius: 4px 4px 0 0;
  cursor: pointer;
 /* margin-right:15px; */
}

ul.tabs li:hover{
	background-image: url(/images/jquerytools/tab_background_on.png);
	color: #fff;
}
ul.tabs li:focus{ border:1px dotted;}

p.additional-links {font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}

#tableWrapper{
    width: 90%;
    display: block;
    margin: 0 auto;
    overflow: auto;
    height: 300px;
}

/*----------------------CHARTS HOMEPAGE---------------*/
#nr-charts-home h1 {
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}
#nr-charts-home {
	width: 100%;
	}
.main-content #nr-charts-home p {
	width: 100%;
}
#all-charts-container {
	width: 100%;
	margin: 40px 20px;
	}
.chart-info {
	display: block;
	width: 280px;
	margin-right: 32px;
	margin-bottom: 40px;
	float: left;
	height: 350px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
.chart-info img {
	width: 280px;
	border-bottom: 1px solid #ccc;
	}
.chart-info h2  {
	color: #000000;
	text-transform: uppercase;
	margin: 5px 0 0 3px;
	padding: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	}
.main-content #nr-charts-home .chart-info ul {
	list-style: none!important;
	madding: 0 0 0 0;
	padding: 0 0 0 0;
	}
.main-content #nr-charts-home .chart-info ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.5em;
	list-style: none;
	padding: 0 0 0 0;
}
.main-content #nr-charts-home .chart-info ul li a{
	color: #003399;
	text-decoration: none;
}
.main-content #nr-charts-home .chart-info ul li a:hover{
	color: #003399;
	text-decoration: underline;
	background-color: #fff;
}


/*---------------specific charts colors--------------*/
#all-charts-container #employment {border-top:  5px solid #369;}
#all-charts-container #prices {border-top: 5px solid #cc0029;}
#all-charts-container #pay {border-top: 5px solid #6C9;}
#all-charts-container #prod {border-top: 5px solid #6C9;}
#all-charts-container #spending {border-top: 5px solid #369;}
#all-charts-container #injuries {border-top: 5px solid #cc0029;}


.clear {clear: both;}