html {
	font-size: 100.01%;
}
body {
	margin: 0;
	font: 1em/1.1em Arial, Verdana, Geneva, sans-serif;
	color: #636363;
	background-color: #DFECF9;
}
img {
	border: none;
	display: block;
}
a:focus {
	outline:none;
}
div.form {
	margin: 0;
	padding: 0;
}
#main
{
	margin: 0 auto;
	width: 900px;
}
#top-bg-holder {
	background-color: #20598f;
}
#top-area {
	position: relative;
	height: 30px;
	overflow: hidden;
}
.version {
	float: left;
	color: #fff;
	margin: 9px 0 0 10px;
	font-size: 0.62em;
	font-weight: bold;
	line-height: 14px;
	display: inline;
}
.user-info {
    position: absolute;
    left: 317px;
	margin: 9px 0 0 0;
	color: #fff;
	font-size: 0.7em;
	font-weight: bold;
	line-height: 14px;
	display: inline;
}
.logout {
	margin: 9px 0 0 40px;
}
.logout a {
	cursor: pointer;
}
.logout a:hover {
	text-decoration: underline;
}
#top-area ul {
	float: right;
	padding: 0;
	font-size: 0.62em;
	line-height: 14px;
	margin: 9px 10px 0 0;
}
#top-area ul li {
	float: left;
	padding: 0 0 0 16px;
	display: inline;
}
#top-area ul li a {
	color: #dfecf9;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}
#top-area ul li a:hover {
	text-decoration: underline;
}

#header-bg {
	border-bottom: 1px solid #CFE0F6;
	background-color: #fff;
}
#header {
	position: relative;
	height: 55px;
	z-index: 20;
}
.logo1 {
	float: left;
	background: url(../images/global/logo1.jpg) no-repeat;
	height: 45px;
	width: 285px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 5px 0 5px 10px;
	display: inline;
}
.logo2 {
	float: right;
	background: url(../images/global/logo2.jpg) no-repeat;
	height: 45px;
	width: 400px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 5px 10px 5px 0;
	display: inline;
}
.tabs 
{
	position: absolute;
	bottom: -1px;
	left: 314px;
	margin: 0;
	padding: 0;
	font-size: 0.87em;
	line-height: 16px;
}
* html .tabs {
	bottom: -2px;
}
.tabs li {
	float: left;
	display: inline;
	position: relative;
}
.tabs li a {
	text-decoration: none;
	color: #20598f;
	font-weight: bold;
	background: url(../images/UI/tab-bg-left.jpg) no-repeat 0% -35px;
	float: left;
	margin: 0 0 0 -5px;
	display: inline;
	position: relative;
	cursor: pointer;
}
.tabs li a .bg {
	padding: 11px 0 0 15px;
	height: 24px;
	float: left;
	background: url(../images/UI/tab-bg-right.jpg) no-repeat 100% -35px;
}
.tabs li a .bg span {
	padding-right: 20px;
}
.tabs li a.active {
	color: #20598f;
	background: url(../images/UI/tab-bg-left.jpg) no-repeat;
	margin: 0 0 0 -5px;
	cursor: default;
	z-index: 1;
}
.tabs li a.disabled {
	color: #BFD9F0;
	cursor: default;
}
.tabs li a.active .bg {
	background: url(../images/UI/tab-bg-right.jpg) no-repeat 100% 0;
}
.tabs li a:hover
{
	color: #0f0;
}
.tabs li a.active:hover
{
	color: #20598f;
}
.tabs li a.disabled:hover 
{
	color: #BFD9F0;
}

#bottom-header-bg {
	background: #f3f6ff url(../images/UI/bottom-header-bg.jpg) repeat-x 0 100%;
	border-bottom: 1px solid #bfd9f0;
}
* html #bottom-header-bg {
	overflow: visible;
}
#bottom-header {
	height: 72px;
	position: relative;
	z-index: 10;
	overflow: hidden;
}
* html #bottom-header {
	height: 72px;
}
.text-box {
	float: left;
	width: 297px;
	padding: 0 0 10px 3px;
}
.text-box .image {
	float: left;
	width: 46px;
	height: 46px;
	background-color: #BFD9F0;
	padding: 4px 0 0 4px;
	margin: 10px 0 0 7px;
	display: inline;
}
.text-box .image div {
	border: 1px solid #68A6DD;
	float: left;
}
.text-box .text {
	float: left;
	width: 225px;
	margin: 12px 0 0 10px;
	display: inline;
}
.text-box .text p {
	margin: 0;
	color: #272525;
	font-size: 0.7em;
	line-height: 1.35em;
}
.main-nav
{
	float: left;
	margin: 10px 0 10px 17px;
	padding: 0;
	font-size: 0.75em;
	line-height: 18px;
	font-weight: bold;
}
.main-nav li
{
	float: left;
	display: inline;
	padding: 0 20px 0 0;
}
.main-nav li a
{
	padding: 0 0 3px 20px;
	text-decoration: none;
	color: #636363;
	cursor: pointer;
}
.main-nav li a:hover {
	color: #4354a0;
}

#status-message-box {
	position: absolute;
	top: 18px;
	left: 314px;
	padding: 3px 0;
}
#status-message-box #status-image
{
	float: left;
	cursor: pointer;
	padding: 5px 5px 0 0;
}
#status-message-box #status-image img
{
	display: inline;
}
#status-message-box #status-message
{
	float: left;
	margin: 0;
	padding: 7px 5px 5px 30px;
	font-size: 0.70em;
	line-height: 14px;
}

#status-message-box.success
{
	background-color: #c0ffc0;
	border-top: 2px solid #f0fff0;
	border-left: 2px solid #f0fff0;
	border-bottom: 2px solid #6fcf6f;
	border-right: 2px solid #6fcf6f;
}
#status-message-box.error
{
	background-color: #ff9999;
	border-top: 2px solid #fff0f0;
	border-left: 2px solid #fff0f0;
	border-bottom: 2px solid #cf3f3f;
	border-right: 2px solid #cf3f3f;
}
#status-message-box.warning
{
	background-color: #f9f090;
	border-top: 2px solid #fffff0;
	border-left: 2px solid #fffff0;
	border-bottom: 2px solid #F0CF00;
	border-right: 2px solid #F0CF00;
}
#status-message-box.info
{
	background-color: #BFD9F0;
	border-top: 2px solid #F3F6FF;
	border-left: 2px solid #F3F6FF;
	border-bottom: 2px solid #9FC6E9;
	border-right: 2px solid #9FC6E9;
}

#status-message-box.success #status-message
{
	color: #003900;
	background: url(../images/UI/success.jpg) no-repeat 5px 5px;
}
#status-message-box.error #status-message
{
	color: #390000;
	background: url(../images/UI/error.jpg) no-repeat 5px 5px;
}
#status-message-box.warning #status-message
{
	color: #393900;
	background: url(../images/UI/warning.jpg) no-repeat 5px 5px;
}
#status-message-box.info #status-message
{
	color: #000039;
	background: url(../images/UI/processing.gif) no-repeat 5px 5px;
}

.holder {
	overflow: hidden;
	width: 100%;
	padding: 0 0 0px;
	background: #dfecf9 url(../images/UI/col-2-bg.jpg) repeat-x;
}
.top-row-buttons 
{
	overflow: hidden;
	padding: 0 0 0 17px;
}
.placer 
{
	clear: left;
	padding: 0 0 0 296px;
}
.col-1 {
	float: left;
	width: 296px;
	margin-left: -297px;
	display: inline;
	border-right: 1px solid #bfd9f0;
}
#browser-link
{
    float: right;
}
#browser-link p
{
	margin: 0;
	padding: 0 10px 0 0;
	font-size: 8px;
	text-align: right;
}
#browser-link p a
{
	color: #68A6DD;
	cursor: pointer;
	text-decoration: none;
}
#browser-link p a:hover
{
	text-decoration: underline;
}
#browser-link span
{
	color: #c00;
	font-size: 10px;
	font-weight: bold;
}
.col-2 {
	float: right;
	width: 100%;
}
.left-col-heading
{
    float: left;
	height: 35px;
    width: 296px;
	line-height: 17px;
	font-size: 0.75em;
	font-weight: bold;
	text-align: center;
	color: #20598f;
	background: #dfecf9 url(../images/UI/col-1-hdr.jpg) repeat-x;
	border-bottom: 1px solid #bfd9f0;
}
.left-col-heading p
{
    margin: 0;
    padding: 10px 0 0;
}
.two-buttons {
	margin: 0;
	padding: 0;
}
.two-buttons li {
	float: left;
	display: inline;
	border-right: 1px solid #bfd9f0;
	border-bottom: 1px solid #bfd9f0;
}
.two-buttons li a {
	color: #20598f;
	font-size: 0.75em;
	line-height: 17px;
	font-weight: bold;
	text-decoration: none;
	height: 35px;
	overflow: hidden;
	display: block;
	cursor: pointer;
	background: url(../images/UI/two_buttons_blue.jpg) no-repeat;
}
.two-buttons li a:hover
{
	background-position: 0 -35px;
}
.two-buttons li a.active
{
    background-image: url('');
    background-color: #DFECF9;
/*	cursor: default;  */
}
.two-buttons li a.disabled {
	color: #BFD9F0;
	cursor: default;
	background: url(../images/UI/two_buttons_disabled.jpg) no-repeat;
}
.two-buttons li a.highlight {
	background: url(../images/UI/two_buttons_red.jpg) no-repeat;
}
.two-buttons li a.highlight:hover
{
	background-position: 0 -35px;
}
.two-buttons li span {
	padding: 0 0 0 24px;
	margin: 10px;
	display: block;
}
.two-buttons li.item-what
{
	border-left: 1px solid #bfd9f0;
}
.two-buttons li.item-how.active,
.two-buttons li.item-what.active,
.two-buttons li.item-where.active,
.two-buttons li.item-when.active {
	border-bottom: 0;
}
.two-buttons li.item-update-map span {
	background: url(../images/UI/update.png) no-repeat 0 0;
}
.two-buttons li.item-update-map span.disabled {
	background: url(../images/UI/update_disabled.png) no-repeat 0 0;
}
.two-buttons li.item-reset-map span {
	background: url(../images/UI/reset.png) no-repeat 0 1px;
}
.two-buttons li.item-reset-map span.disabled {
	background: url(../images/UI/reset_disabled.png) no-repeat 0 1px;
}
.two-buttons li.item-how span {
	background: url(../images/UI/map_style.png) no-repeat 0 0;
}
.two-buttons li.item-how span.disabled {
	background: url(../images/UI/map_style_disabled.png) no-repeat 0 0;
}
.two-buttons li.item-what span {
	background: url(../images/UI/step-1.jpg) no-repeat 2px 1px;
}
.two-buttons li.item-where span {
	background: url(../images/UI/step-2.jpg) no-repeat 2px 1px;
}
.two-buttons li.item-when span {
	background: url(../images/UI/step-3.jpg) no-repeat 2px 1px;
}

.nav {
	margin: 0;
	padding: 0;
	clear: both;
}
.nav li {
	list-style: none;
	vertical-align: top;
}
* html .nav li {
	height: 1%;
}
*+html .nav li {
	height: 1%;
}
.nav li .item {
	min-height: 30px;
	border-bottom: 1px solid #bfd9f0;
	width: 296px;
	background-color: #f3f6ff;
	display: block;
	text-decoration: none;
	cursor: pointer;
}
* html .nav li .item {
	height: 30px;
}
.nav li .item:hover {
	background: #bfd9f0;
}
#cyberwatch-preview-tab .item {
	background: #bfd9f0;
	cursor: default;
}
#cyberwatch-preview-tab .item:hover {
	background: #bfd9f0;
	cursor: default;
}
.nav li.active {
	z-index: 2;
	position: relative;
}
.nav li.active .item {
	background: url(../images/UI/left-nav-active.jpg) repeat-y;
	width: 297px;
	margin: 0 -1px 0 0;
	position: relative;
	font-size: 12px;
	line-height: 14px;
}
.nav li .item .name {
	margin: 8px 0 0 10px;
	color: #20598f;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	float: left;
	display: inline;
}
.nav li .item .name span {
	color: #8c9197;
	font-weight: normal;
}
.nav li.menu-item-bookmarks .item .name {
	background: url(../images/UI/bookmarks.png) no-repeat;
	padding: 2px 0 0 21px;
}
.nav li.menu-item-map-cache .item .name {
	background: url(../images/UI/layers.png) no-repeat;
	padding: 2px 0 0 21px;
}
.nav li.menu-item-cyberwatch .item .name {
	background: url(../images/UI/cyberwatch.jpg) no-repeat 0 1px;
	padding: 2px 0 0 21px;
}
.nav li.menu-item-identify .item .name {
	background: url(../images/UI/identify.png) no-repeat 0px 2px;
	padding: 2px 0 0 21px;
}
.nav li.menu-item-summary .item .name {
	background: url(../images/UI/summary.png) no-repeat 0 1px;
	padding: 2px 0 0 21px;
}
.nav li.menu-item-legend .item .name {
	background: url(../images/UI/legend.png) no-repeat 0 1px;
	padding: 2px 0 0 21px;
}
.nav li.menu-item-overview-map .item .name {
	background: url(../images/UI/overview.png) no-repeat 0 1px;
	padding: 2px 0 0 21px;
}
.nav li.menu-item-charts .item .name {
	background: url(../images/UI/chart.png) no-repeat 1px 2px;
	padding: 2px 0 0 21px;
}
.nav li.menu-item-grid .item .name {
	background: url(../images/UI/grid.png) no-repeat 0px 1px;
	padding: 2px 0 0 21px;
}

.nav li .item .pointer {
	background: url(../images/UI/ico-pointer.gif) no-repeat;
	float: right;
	width: 14px;
	height: 8px;
	text-indent: -9999px;
	margin: 13px 13px 0 0;
	display: inline;
	cursor: pointer;
}
.nav li.active .item .pointer {
	margin-right: 14px;
}
.nav li .item-2 .close {
	float: right;
	background: url(../images/UI/ico_close.gif) no-repeat 0 0;
	width: 14px;
	height: 14px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 8px 8px 0 0;
	display: inline;
}
.nav li .item-2 .up-down,
.nav li .item-2 .down-up {
	float: right;
	background: url(../images/UI/ico_up_down.gif) no-repeat 0 -14px;
	width: 14px;
	height: 14px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 8px 12px 0 0;
	display: inline;
}
.nav li .item-2 .up-down {
	background-position: 0 0;
}
.nav li .item-2 .down-up
{
	background-position: 0 -14px;
}

.nav li a
{
        cursor: pointer;    
}
.nav li .cyberwatch-container
{
	background-color: #fff0f0;
	border-bottom: 1px solid #bfd9f0;
}
.nav li .cyberwatch-container .cyberwatch-content
{
	padding: 10px;
	font-size: 0.68em;
}
#charts-drop-down .center
{
	text-align: center;
}
#chart-layers-area,
#grid-layers-area
{
    color: #20598F;
	margin: 0;
	padding: 5px 0 0;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
#chart-layers-list,
#grid-layers-list
{
    padding: 0;
	background-color: #f3f6ff;
    border-top: 1px solid #bfd9f0;
	border-bottom: 1px solid #bfd9f0;
}
#chart-layers-list .chart-list,
#grid-layers-list .chart-list
{
	margin: 0;
    padding: 0;
}
#chart-layers-list a,
#grid-layers-list a
{
    font-size: 11px;
}
#chart-layers-list a:hover,
#grid-layers-list a:hover
{
    text-decoration: underline;
}
#pie-chart-header p,
#bar-chart-header p,
#grid-header p,
#grid-stats p
{
    color: #20598F;
	margin: 0;
	padding: 5px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
#grid-subset p
{
    color: #c00;
	margin: 0;
	padding: 0 5px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
#pie-chart-header span
{
    color: #c00;
	margin: 0;
	padding: 10px 5px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	display: block;
}
.chart-data
{
	margin: 0 11px;
}
#chart-links a,
#grid-links a
{
    color: #20598F;
	font-size: 11px;
   	font-weight: bold;
}
#chart-links a:hover,
#grid-links a:hover
{
    text-decoration: underline;
}
#grid-data,
{
	margin: 0 10px;
	text-align: center;
}
#grid-links
{
	text-align: center;
}
#grid-data table
{
	margin: 5px auto;
	padding: 0 15px 0 0;
}
#grid-data tr
{
    
}
#grid-data td
{
    width: 30px;
	height: 20px;
	color: #000;
	font-size: 9px;
	text-align: center;
	vertical-align: middle;
}
#grid-data .dow
{
    color: #20598F;
    font-weight: bold;
}
#grid-data .hour
{
    color: #20598F;
    font-weight: bold;
	border-right: 1px solid #ccc;
}
#grid-data .hour-total
{
    font-weight: bold;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#grid-data .cell
{
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#grid-data .cell-bottom
{
    font-weight: bold;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#grid-stats
{
	margin: 0 2px;
	text-align: center;
}
#grid-stats td
{
    height: 15px;
    margin: 0;
    padding: 0;
	color: #000;
	font-size: 7px;
	text-align: left;
	vertical-align: top;
	line-height: 1.0em;
}

.drop-down
{
	background-color: #fff;
	width: 100%;
	overflow: hidden;
	padding: 0 0 11px;
	border-bottom: 1px solid #BFD9F0;
}
.drop-down p
{
	margin: 10px 10px 0 18px;
	color: #272525;
	font-size: 0.68em;
	line-height: 21px;
}
.drop-down .drop-down-2
{
	margin: 2px 10px 0 28px;
}
.drop-down .drop-down-2 p 
{
	padding: 0;
	margin: 0;
	color: #272525;
	font-size: 0.68em;
	line-height: 21px;
}
.drop-down .drop-down-2 p.default
{
	color: #68A6DD;
}
.drop-down .drop-down-2 p a {
	text-decoration: none;
	color: #272525;
	font-weight: bold;
}
.drop-down .drop-down-2 p a:hover {
	text-decoration: underline;
}
.drop-down .drop-down-2 table {
	margin: 0 0 0 -1px;
	padding: 0;
	width: 245px;
}
.drop-down .drop-down-2 table td {
	margin: 0;
	padding: 2px 0 2px;
	font-weight: bold;
	vertical-align: top;
	font-size: 0.68em;
	line-height: 1.0em;
	color: #272525;
}
.drop-down .drop-down-2 table td span {
	font-weight: normal;
}
.drop-down .drop-down-2 table td img
{
	line-height: 25px;
	vertical-align: middle;
	display: inline;
}
.drop-down .drop-down-2 table td.field {
	width: 105px;
	font-weight: normal;
}
.drop-down .drop-down-2 table td.error {
	color: #f00;
}
.drop-down .drop-down-3
{
	margin: 2px 10px 0 15px;

}
.drop-down .drop-down-3 p 
{
	padding: 7px 10px 3px 0;
	margin: 0;
	color: #272525;
	font-size:	.7em;
	line-height: 1.5em;
}
.drop-down .drop-down-3 p a
{
	cursor: pointer;
	color:	#0000ff;
	text-decoration: none;
}
.drop-down .drop-down-3 p a:hover
{
	text-decoration: underline;
}
.drop-down .drop-down-3 select {
	width: 265px;
	color: #272525;
	cursor: pointer;
}
.drop-down .drop-down-3 table {
	width: 260px;
	color: #272525;
	font-size: 0.55em;
}
.drop-down .drop-down-3  ul
{
	margin: 0;
	padding: 0 0 0 5px;
}
.drop-down .drop-down-3 ul.report-list li
{
	margin: 0;
	padding: 0;
}
.drop-down .drop-down-3 ul li a
{
	color: #68A6DD;
	font-size: 0.7em;
	font-weight: bold;
	text-decoration: none;	
	line-height: 25px;
	padding: 4px 0 4px 18px;
	background: url(../images/ui/crystalReport.gif) no-repeat 0 0;
}
.drop-down .drop-down-3 ul li a:hover
{
	text-decoration: underline;
}
#query-summary h3
{
	color: #20598f;
	margin: 10px 0 0 10px;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	background: url(../images/UI/hide.jpg) no-repeat 0 3px;
	cursor: pointer;
}
#query-summary h3.expand
{
	background: url(../images/UI/show.jpg) no-repeat 0 3px;
}
#query-summary h3 span
{
	padding: 5px 0 0 17px;
}
#query-summary h3 span:hover
{
	text-decoration: underline;
}

.main-container {
	width: 703px;
	overflow: hidden;
}
.container 
{
	clear: both;
	margin: 0 0 0 17px;
	padding: 0 0 17px;
	overflow: hidden;
}
.main-container p {
	color: #636363;
	font-size: 0.75em;
	line-height: 1.4em;
	margin: 0;
	padding: 10px 0 0;
}
#what-content,
#where-content,
#when-content,
#how-content
{
    margin: 0 0 20px 0;
    display: none;
}
.panel-item-container
{
	margin: 10px 0 0 0;
}
.panel-item-container select
{
	width:				315px;
	border:				1px solid #a7a9ac;
	color:				#000;
	background-color:	#f2f1f7;
	font-size:			.8em;
	line-height:		1.6em;
}
.panel-item-container input.text
{
	width:				310px;
	padding:			2px 2px;
	border:				1px solid #a7a9ac;
	color:				#000;
	background-color:	#f2f1f7;
	font-size:			.8em;
	line-height:		1.4em;
}

.panel-item-container label
{
	font-size: .8em;
}
.inner-3 {
	margin: 4px 0 0;
}
.tabs-area {
	overflow: hidden;
	width: 100%;
	margin: 10px 0 0;
}
.see-map {
	float: right;
	text-decoration: none;
	color: #4354a0;
	font-size: 0.68em;
	line-height: 14px;
	font-weight: bold;
	display: inline;
	margin: 0 8px 0 0;
}
.see-map:hover {
	text-decoration: underline;
}

/* added styles */

p.collapse
{
	float: right;
	padding: 0;
	margin: 11px 5px 5px;
	color: #20598f;
	background: url(../images/UI/hide.jpg) no-repeat 5px 3px;
	text-decoration: none;
	border-left: 1px solid #bfd9f0;
	border-bottom: 1px solid #bfd9f0;
}
p.collapse a.collapseButton
{
	padding: 0 0 0 20px;
	cursor: pointer;
	text-align: right;
	font-size: 0.73em;
	font-weight: bold;
}
p.collapse a.collapseButton:hover
{
	text-decoration: underline;
}
#mapToolBarMapZoomIn,
#mapToolBarMapZoomIn:hover,
#mapToolBarMapZoomOut,
#mapToolBarMapZoomOut:hover,
#mapToolBarMapPan,
#mapToolBarMapPan:hover,
#mapToolBarMapIdentify,
#mapToolBarMapIdentify:hover,
#mapToolBarHomeEnvelope,
#mapToolBarHomeEnvelope:hover,
#mapToolBarZoomToSelected,
#mapToolBarZoomToSelected:hover,
#mapToolBarMapBack,
#mapToolBarMapBack:hover,
#mapToolBarMapForward,
#mapToolBarMapForward:hover
{
	background: none;
	cursor: pointer;
}

#mapToolBarMapZoomIn,
#mapToolBarMapZoomOut,
#mapToolBarMapPan,
#mapToolBarMapIdentify,
#mapToolBarZoomToSelected,
#mapToolBarHomeEnvelope,
#mapToolBarMapBack,
#mapToolBarMapForward
{
	float: left;	
	height: 31px;
}
#mapToolBar
{
	clear: left;
}
#map-zoom-container
{
    position: absolute;
    margin: 6px 0 0 1px;
    padding: 10px;
    z-index: 13;
    background: url(../images/map/zoom-background.png) repeat 0 0;
/*    opacity: 0.6; /* CSS3 standard, but should work for most browsers */
/*    filter: alpha(opacity=60); /* for IE */
}
#map-map-container
{
    top: 0;
    left: 0;
    z-index: 12;
}

.map-box 
{
	margin: -12px 0 0 17px;
	padding: 0 0 0px 0;
	overflow: hidden;
	width: 100%;
}
.map-box .map {
	
	float: left;
	border: 1px solid #BFD9F0;
	margin-top: 5px;
	position: relative;
	overflow: hidden;
}

.nav li.menu-item-legend .main-nav
{
	margin: 10px 0 10px 12px;
}
.nav li.menu-item-legend .tableOfContents
{
	clear: left;
	margin:  0 0 0 0;
	padding: 5px 0 0 0;
	font-size: .7em;
	width: 100%;	
	background-color: #fff;
}

#toc-tab .drop-down
{
	padding-bottom: 0;
	border-bottom: 1px solid #c9e0e0;
}

#toc-tab .drop-down table
{
	margin:		5px 0 0 10px;
	font-size: .8em;		
}

#overview-map-drop-down
{
	padding-bottom: 0;
}

.return-button,
.input-button,
.preview-button
{
	padding: 0 0 0 26px;
	font-weight: bold;
	border-bottom: 1px solid #bfd9f0;
	cursor: pointer;
}
.return-button:hover,
.input-button:hover,
.preview-button:hover
{
	background-color: #BFD9F0;
}
.return-button .text,
.input-button .text,
.preview-button .text
{
	padding: 5px 0;
	display: block;
}
.return-button
{
	background: #FFF0F0 url(../images/ui/return.gif) no-repeat 5px 7px;
}
.input-button
{
	background: #F3F6FF url(../images/ui/print-input.gif) no-repeat 5px 7px;
}
.preview-button
{
	background: #F3F6FF url(../images/ui/preview.gif) no-repeat 5px 5px;
}

#print-options
{
	width: 155px;
	padding: 0;
	background: #f3f6ff url(../images/UI/col-2-bg.jpg) repeat-x;
	color: #20598f;
	font-size: 0.75em;
	border-right: 1px solid #bfd9f0;
	float: left;
}
#print-options .print-title
{
	height: 35px;
	line-height: 17px;
	font-weight: bold;
	border-bottom: 1px solid #bfd9f0;
	text-align: center;
}
#print-options .name
{
	padding: 10px 0;
	display: block;
}

#print-info, #print-frame
{
	position: absolute;
	top: 169px;
	left: 166px;
	height: 300px;
	width: 100px;
	margin: 0;
	padding: 0;
	text-align: center;
	float: left;
}
#print-frame
{
	border: 2px solid #68A6DD;
}

.print-input
{
	width: 300px;
	margin: 0px auto;
	font-size: 0.7em;
}
.print-input h1
{
	margin: 10px 0 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: bold;
}
.print-input span
{
	margin: 15px 3px 0;
	float: left;
}
.print-input input
{
	width: 290px;
}
.print-button
{
	width: 125px;
	margin: 10px auto;
}
.print-button span
{
	padding: 0 0 0 28px;
	margin: 10px;
	background: url(../images/UI/acrobat.gif) no-repeat 0 0;
	font-size: 1em;
	float: left;
	display: inline;
}
.print-button a
{
	color: #20598f;
	width: 150px;
	line-height: 17px;
	font-weight: bold;
	text-decoration: none;
	height: 35px;
	background: url(../images/UI/two_buttons_blue.jpg) no-repeat 0 0;
	border: 1px solid #bfd9f0;
	overflow: hidden;
	display: block;
	cursor: pointer;
}
.print-button a:hover {
	background-position: 0 -35px;
}

.print-error
{
	width: 100%;
	padding: 20px 10px;
	color: #c00;
	background-color: #fffcfc;
	font-size: 0.75em;
	line-height: 1.1em;
	z-index: 2;
}

#report-info
{
	width: 195px;
	padding: 0;
	background: #f3f6ff url(../images/UI/col-2-bg.jpg) repeat-x;
	color: #20598f;
	font-size: 0.75em;
	border-bottom: 1px solid #bfd9f0;
	border-right: 1px solid #bfd9f0;
	float: left;
}
#report-info .report-title
{
	height: 35px;
	line-height: 17px;
	font-weight: bold;
	border-bottom: 1px solid #bfd9f0;
	text-align: center;
}
#report-info .name
{
	padding: 10px 0;
	display: block;
}
#report-info  p
{
	margin: 0;
	padding: 10px 0;
}
#report-info  ul
{
	margin: 0;
	padding: 0 0 0 5px;
}
#report-info li
{
	margin: 0;
	padding: 0;
	list-style: none;
	vertical-align: top;
}
#report-info ul li a
{
	color: #68A6DD;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;	
	line-height: 25px;
	padding: 4px 0 4px 22px;
	background: url(../images/ui/crystalReport.gif) no-repeat 0 2px;
}
#report-info ul li a:hover
{
	text-decoration: underline;
}
#report-content
{
	width: 194px;
	padding: 0 0 0 5px;
	font-size: 1.0em;
}
#report-layers-list select
{
	width: 184px;
}
#report-frame
{
	height: 300px;
	width: 100px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#pie-chart-data p.get-silverlight
{
	color: #20598f;
    margin: 0;
	padding: 10px 0;
	font-size: 11px;
	line-height: normal;
}

.login-input
{
    width: 200px;
	margin: 0 0 0 70px;
	font-size: 11px;
	text-align: center;
}
.login-input h1
{
	margin: 20px 0 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
}
.login-input span
{
	margin: 15px 3px 0;
	float: left;
}
.login-input input
{
	width: 190px;
	margin: 0;
	padding: 2px;
}
.login-button
{
	width: 125px;
	margin: 10px auto;
}
.login-button span
{
	padding: 0 0 0 28px;
	margin: 10px;
	background: url(../images/UI/login.png) no-repeat 0 0;
	font-size: 1em;
	float: left;
	display: inline;
}
.login-button a
{
	color: #20598f;
	width: 120px;
	line-height: 17px;
	font-weight: bold;
	text-decoration: none;
	height: 35px;
	background: url(../images/UI/two_buttons_blue.jpg) no-repeat 0 0;
	border: 1px solid #bfd9f0;
	overflow: hidden;
	display: block;
	cursor: pointer;
}
.login-button a:hover {
	background-position: 0 -35px;
}

.login-error
{
	padding: 10px 0;
	color: #c00;
	font-weight: bold;
}