﻿html, body 
{
	height:100%;
	color:#666666;
}

body .highlight
{
	color:#456BB6;
}

.button
{
	color: #456BB6;
}

.redbutton
{
	color: red;
}

h1 {
	color:#456BB6;
	font-family: Georgia,Verdana,Arial,sans-serif;
	font-size:20px;
	font-weight:normal;
	margin:0pt;
}

#subMenu 
{
	float:left;
	color:#A1A1A1;
	padding: 0px 0px 5px 0px;
	width:100%;
}

#subMenu a
{
	color:#A1A1A1;
}

.subMenuRight
{
	
	color:#A1A1A1;
	padding: 0px 0px 5px 0px;
	text-align:right;
}

.subMenuRight a
{
	color:#A1A1A1;
}

body
{
	font-family:Verdana,Arial,sans-serif;
	background:#F1F1EE none repeat scroll 0%;
	margin:auto;
	position:relative;
	width:974px;
	font-size:11px;
}

hr 
{
	color:#E6E7E9;
	background-color: #E6E7E9;
	height: 2px;
	border:none;
}

div#pageMain
{
	border-color:#FFFFFF;
	border-style:solid;
	border-width:0pt 8px;
	background:#FFFFFF;
}

div#pagePopup
{
	border-color:#FFFFFF;
	border-style:solid;
	border-width:0pt 8px;
	width:395px;
	background:#FFFFFF;
	margin-left:20px;
	margin-right:20px;
}

.pagePopupContent
{
	min-height:600px;
	margin-left:40px;
}

.pagePopupContentTotals
{
	min-height:410px;
	margin-left:0px;
}

img
{
	border-style:none;
}

a
{
	text-decoration:none;
}

#pageHeader
{
	font-weight:bold;
	padding-bottom:5px;
}

#headerItems
{
	float:right;
}

#headerItemText
{
	padding-left:4px;
	text-align:left;
	float:right;
}

.nhBackgroundBlank
{
	background: url("images/nh_back_75p.gif") no-repeat 30% 30%;
	padding: 0px 20px 0px 30px;
	float:left;
	width:708px;
	min-height:475px;
}

#nhBackgroundContent
{
	padding: 15px 20px 0px 30px;
	float:left;
	width:708px;
	min-height:475px;
}

.DataWebControlStyle
{
	border:none;
}

.HeaderStyle
{
	background:#456BB6 none repeat scroll 0%;
	color: #FFFFFF;
	text-align:left;
	text-transform:none;
	font-size:80%;
	height:24px;
}

.HeaderStyle a
{
	color: #FFFFFF;
}

.RowStyle
{
	background:#FFFFFF none repeat scroll 0%;
	vertical-align:middle;
	text-align:left;
	font-size:80%;
}

.RowStyle td
{
	border: solid 1px #FFFFFF;
	padding: 2px 3px 2px 3px;
}

.AlternatingRowStyle td
{
	border: solid 1px #FFFFFF;
	padding: 2px 3px 2px 3px;
}

.AlternatingRowStyle
{
	background:#E6E7E9 none repeat scroll 0%;
	vertical-align:middle;
	text-align:left;
	font-size:80%;
}

.RowStyle .value, .AlternatingRowStyle .value, .HeaderStyle .value
{
	text-align:right;
	padding: 2px 3px 2px 3px;
	width:55px;
}

.RowStyle .longValue, .AlternatingRowStyle .longValue, .HeaderStyle .longValue
{
	text-align:right;
	padding: 2px 3px 2px 3px;
	width:75px;
}

.RowStyle .percentage, .AlternatingRowStyle .percentage, .HeaderStyle .percentage
{
	text-align:right;
	padding: 2px 3px 2px 3px;
	width:45px;
}

.RowStyle .link, .AlternatingRowStyle .link, .HeaderStyle .link
{
	text-align:center;
	width:19px;
}

.RowStyle th, .AlternatingRowStyle th, .HeaderStyle th
{
	padding:5px;
	border: solid 1px #FFFFFF;
}

.gridlevel2
{
	padding-left:10px;
}

.gridlevel3
{
	padding-left:20px;
}

.gridlevel4
{
	padding-left:30px;
	color:Blue;
}

.gridlevel5
{
	padding-left:40px;
}

.gridlevel6
{
	padding-left:50px;
}

.gridlevel7
{
	padding-left:60px;
}

.gridlevel8
{
	padding-left:70px;
}

.headerProgress
{
	position: absolute;
	top:1px;
	right:43%;
}

.headerProgress #retrievingData
{
	background: url("images/menu_b.gif") repeat-x;
	padding: 8px 10px 5px 10px;	
}

.headerProgress .retrievingDataText
{
	color:#FFFFFF;
	font-weight:bold;
	vertical-align:top;
	padding-left:5px;
}

.headerLeft
{
	float:left;
	padding: 10px 0px 10px 0px;
}

.headerRight
{
	float:right;
	padding-top:10px;
	color:#a1a1a1;
}

.headerStatus
{
	float:right;
	width:75%;
	text-align:right;
	padding: 35px 0px 4px;
	color:#a1a1a1;
}

.rightIcon
{
	float:right;
	width:175px;
	text-align:right;
	padding-top:10px;
	color:#a1a1a1;
	margin-right:20px;
}

.searchPanel
{
	border-color:#CCCCCC rgb(204, 204, 204);
	border-style:solid solid solid;
	border-width:1px;
	background-color:#E6E7E9;
	color:#456BB6;
	margin:auto;
	padding: 3px 0px 3px 0px;
	font-weight:bold;
	width:60%;
}

.reportOptions
{
	padding: 15px 10px 10px 10px;
}

.filterPanel
{
	background-color:#E6E7E9;
	border-color:#CCCCCC rgb(204, 204, 204);
	border-style:solid solid solid;
	border-width: 1px 0px 1px 1px;
	float:right;
	padding-top:10px;
	color:#456BB6;
	margin-bottom:10px;
	margin-top:10px;
	padding: 3px 3px 3px 6px;
	font-weight:bold;
}

.filterPanel .filterText
{
	text-align:left;
	font-weight:normal;
	font-size:80%;
}

.headerRight a
{
	color:#a1a1a1;
}

.panelRight
{
	float:right;
}

.panelClear
{
	clear:both;
}

.infoGrid
{
	padding-top:7px;
	padding-bottom:15px;
}

.pageBottom
{
	height:285px;
}

.graphTotalsPanel
{
	float:left;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	height:100%;
	padding-bottom:12px;
}

.graphPercentagePanel
{
	float:left;
	padding-bottom:12px;
	padding-left:2px;
	padding-right:2px;
	height:100%;
}

.graphPercentagePanel .graphData
{
	width:160px;
	height:135px;
}

.graphPercentagePanel .graphData caption
{
	width:160px;
}

.graphTotalsPanel .graphData
{
	width:318px;
	height:134px;
}

.graphTotalsPanel .graphData caption
{
	width:318px;
}

.graphTotalsPanelSmall
{
	float:left;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	height:100%;
}

.graphTotalsPanelSmall .graphData
{
	width:150px;
	height:134px;
}

.graphTotalsPanelSmall .graphData caption
{
	width:150px;
}

.infoPagePanel
{
	float:left;
	padding-bottom:8px;
	padding-left:4px;
	padding-right:4px;
	height:100%;
}

.infoPagePanel .countryData
{
	width:270px;
	height:192px;
}

.infoPagePanel .countryNotes
{
	width:345px;
	height:192px;
}

.infoPagePanel .graph
{
	width:600px;
}

.infoPagePanel .graph caption
{
	width:600px;
}

.leftHalfSplit
{
	float:left;
	width:45%;
	padding-right:5px;
}

.rightHalfSplit
{
	float:left;
	width:45%;
	padding-left:5px;
}

table.graph, table.countryData, table.countryNotes, table.category, table.region, table.graphData, table.graphTotals
{
	border:1px solid #CCCCCC;
	margin: 0px 0px 0px 0px;
	height:85%;
}

table.graph caption
{
	width:315px;
}

table.graphTotals caption
{
	width:393px;
}

table.info, table.data
{
	border:1px solid #CCCCCC;
	margin:0pt 0pt 10px;
	height:82px;
	width:320px;
}

table.info caption, table.data caption
{
	width: 320px;
	margin: 0px 0px 0px 0px;
}

table.category
{
	border:1px solid #CCCCCC;
	margin: 0px 8px 8px 0px;
	width:336px;
}

table.category caption
{
	width: 336px;
	margin: 0px 0px 0px 0px;
}

table.report
{
	border:1px solid #CCCCCC;
	margin: 0px 8px 8px 0px;
	width:300px;
}

table.report caption
{
	width: 300px;
	margin: 0px 0px 0px 0px;
}

table.region
{
	width:300px;
	background-color:#FFFFFF;
}

/* Table Caption */
table.graph caption, table.data caption, table.countryData caption, table.countryNotes caption, table.info caption, table.category caption, table.region caption, table.report caption, table.graphData caption, table.graphTotals caption {
	background-color:#E6E7E9;
	border-color:#CCCCCC rgb(204, 204, 204);
	border-style:solid solid none;
	border-width:1px 1px 0px;
	color:#456BB6;
	font-weight:bold;
	min-height:1.3em;
	padding:4px;
	text-align:left;
}

/* Table Body */
table.graph tbody, table.data tbody, table.countryData tbody, table.countryNotes tbody, table.info tbody, table.category tbody, table.region tbody, table.report tbody, table.graphData tbody {
	padding:4px;
}

/* Table Header */
table.data th, table.countryData th, table.info th, table.graphData th
{
	height:10px;
	font-size:10px;
	text-align:right;
}

/* Table Row Header */
table.data tbody tr th, table.countryData tbody tr th, table.info tbody tr th, table.graphData tbody tr td
{
	text-align:left;
	padding:2px;
	height:5px;
	font-size:10px;
}

/* Table Data */
table.data tbody tr td, table.countryData tbody tr td, table.info tbody tr td, table.graphData tbody tr td
{
	background-color:#E6E7E9;
	text-align:right;
	padding:3px;
	font-size:10px;
	white-space:nowrap;
}

/* Table Spacer */
table.data tbody tr .spacer, table.countryData tbody tr .spacer, table.info tbody tr .spacer, table.graphData tbody tr .spacer
{
	background-color:#FFFFFF;
}

/* Table Footnotes */
table.data tbody tr .footnote, table.countryData tbody tr .footnote, table.info tbody tr .footnote
{
	background-color:#FFFFFF;
	text-align:right;
	padding:2px;
	font-size:80%;
}

table.reportOptions th
{
	text-align:right;
}

table.reportOptions .spacerCellHeight
{
	height:10px;
}

a:focus
{
  -moz-outline: none;
}

.pageContent
{
	min-height:475px;
}

/* Menu, navigation and footer */

	/* Top Menu */

#menu
{
	background: url("images/menu_b.gif") repeat-x;
	width:100%;
	height:30px;
}

#menuRail 
{
	background-color:#E6E7E9;
	width:100%;
	height:5px;
}

#menuRailFooter
{
	background-color:#d0d0d0;
	width:100%;
	height:1px;
}

#nav
{
	position:relative;
	left:-15px;
	top:4px;
	width:100%;
}

#nav li
{
	background:#FFFFFF;
	float:left;
	margin-left:2px;
	padding-bottom:2px;
	list-style-type:none;
}

#nav a
{
	display: block;
	background: url("images/tab-l.gif") no-repeat left top;
	padding: 6px 1px 3px 10px;
	margin-right: 10px;
	color: #456BB6;
	text-decoration: none;
}

#nav .current
{
	background-color: #E6E7E9;
	padding-bottom: 4px;
}

#nav .highlight
{
	background-color: #eeee8b;
}

#nav a { text-decoration: none; }

#nav a:hover 
{
	text-decoration: underline;
}

	/* */

#footer 
{
	background: url("images/menu_b.gif") repeat-x;
	margin-left:0px;
	margin-top:0px;
	padding-top:0px;
	width:100%;
	height:25px;
}

#footerLeft
{
	float:left;
	text-align:left;
	color:#FFFFFF;
	padding: 5px 0px 0px 5px
}

#footerRight
{
	float:right;
	text-align:right;
	color:#FFFFFF;
	padding: 5px 5px 0px 0px;
}

	/* Side Menu */
	
.menu
{
	border-color:#E6E7E9;
	border-style:solid;
	border-width:0px 0px 1px;
	color:#999999;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	margin:0px 0px 4px;
	padding-bottom:2px;
	padding-left:20px;
	padding-top:1px;
}

.menu-selected
{
	border-color:#E6E7E9;
	border-style:solid;
	border-width:0px 0px 1px;
	color:#666666;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:800;
	margin:0px 0px 4px;
	padding-bottom:2px;
	padding-left:20px;
	padding-top:1px;
}

.menu a:link, .menu a:visited
{
	background-image:url(images/);
	background-position:left center;
	background-repeat:no-repeat;
	color:#999999;
	display:block;
	font-size:12px;
	padding-left:20px;
	text-decoration:none;
}

.menu a:hover
{
	background-image:url(images/button-over.gif);
	color:#666666;
	font-weight:800;
}

.menu-selected a:link, .menu-selected a:visited
{
	background-image:url(images/button-over.gif);
	background-position:left center;
	background-repeat:no-repeat;
	color:#666666;
	display:block;
	font-size:12px;
	font-weight:800;
	padding-left:20px;
	text-decoration:none;
}

#menuBlock
{
	border:0px solid #E6E7E9;
	color:#E6E7E9;
	float:left;
	height:100%;
	padding-top:10px;
	width:200px;
}

.header
{
	color:#456BB6;
	font-weight:normal;
	font-size:12px;
}

	/* */

.submenu
{
	background:#E6E7E9 none repeat scroll 0%;
	padding:2px;
	vertical-align:middle;
	text-align:left;
}

/* */

.pageSection
{
	float:left;
	padding: 0px 0px 15px 0px;
}

.pageSection .search
{	
	padding: 0px 100px 0px 10px;
}

.pageSection .subCategory
{
	color:#456BB6;
}

.pageSection .category
{
	padding-left:10px;
	
}

.pageSection .notSplitOut
{
	font-size:9px;
}

table.inputTable th
{
	text-align:right;
	font-weight:normal;
}

table.inputTable th.multiline
{
	vertical-align:top;
}

table.inputTable td.spacer
{
	height:15px;
}

.transOFF
{
	color:#FFFFFF;
	margin-bottom:10px;
	margin-left:130px;
	margin-top:10px;
}

.transOFFRegister
{
	color:#FFFFFF;
	margin: 20px 10px 10px 70px;
	text-align:right;
}

.transOFFRegister table td
{
	padding-right:10px;
}

.transOFFRegister .heading
{
	text-align:left;
	padding-bottom:10px;
	color:#456BB6;
}

.transOFFRegister .message
{
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
	color:#8B0000;
}

.transON 
{
	margin-left:auto;
	margin-right:auto;
	background-color:#E6E7E9;
	width:45%;
	border: solid 2px #456BB6;

}

#loginContent
{
	min-height:475px;
	margin-top:120px;
}

.transON:after
{
    content:'';
    display:block;
    clear:both;
}

.register
{
	padding:3px;
	width:150px;
	float:left;
}

.forgotpassword
{
	padding:3px;
	width:150px;
	float:right;
}

.register a, .forgotpassword a
{
	color:#456BB6;
}

.alignInputText
{
	text-align:right;
}


.pageSection .treeView
{
	width:300px;
	
}

.treeViewItem
{
	color:#999999;
	
}

.smallText
{
	color:#999999;
	font-size:80%;
}

.userInput, .selection
{
	padding:5px 0px 10px 0px;
}

/* Profile Details */

.profileNameCell
{
	width:125px;
}

.profileCreatedCell
{
	width:65px;
}

.profileCreatedByCell
{
	width:100px;
}

.profileDetailsButtonCell
{
	width:90px;
}

.profileData
{
	float:left;
	width:50%;
	margin-right:10px;
}

.profileDataDetails
{
	width:47%;
	padding-left: 0px;
	margin: 0px 5px 0px 5px;
}

.modalBackground {
	background-color:Gray;
	opacity:0.7;
}

.modalPopup {
	background-color:#FFFFDD;
	border:3px solid Gray;
	padding:3px;
	width:250px;
}

.inputTableButton
{
	width:400px;
	text-align:center;
	padding-top:15px;
}

.inputTableButtonSearch
{
	width:900px;
	text-align:center;
	padding-top:15px;
}

.selectedReport .Header
{
	padding: 10px 0px 0px 15px;
}

.selectedReport .body
{
	padding: 5px 0px 0px 15px;
}

.selectedReport .button
{
	margin: 15px 0px 10px 15px;
	text-align:center;
}

.download
{
	height:20px;
	float:left;
	width:100%;
}

.download .itemsPerPage
{
	float:right;
}

.downloadPage
{
	font-weight:normal;
	color:#666666;
}

.downloadFull
{
	float:left;
	font-weight:normal;
	color:#666666;
}

.downloadPage .image, .downloadFull .image
{
	width:20px;
	float:left;
	padding: 0px 3px 0px 3px;
}

.downloadPage .text, .downloadFull .text
{
	float:left;
	padding-right:20px;
}

.reportHeaderSplitter
{
	height:1px;
	margin:3px 0px 2px 0px;
	background-color:#E6E7E9;
}

.reportItemSplitter
{
	margin:5px 0px 5px 0px;
	background-color:#456BB6;
}

.searchResultDataShort
{
	width:100px;
}

.searchResultDataLong
{
	width:160px;
}


