/* MAIN FRAMEWORK TABLE */
table.main {
	border-collapse: collapse;
	font-size: 12px;
	width: 100%;
	height: 100%;
	margin: 0px;
}

table.main td.headerPanel, table.main td.subheadPanel, table.main td.menuPanel, table.main td.contentPanel, table.main td.coastPanel, table.main td.headerPanelNVS {
	padding: 0px;
}

table.main td.headerPanel {
	background-color: #092032;
	background-image: url('../images/head_bg.gif');
	background-position: top right;
	background-repeat: no-repeat;
	text-align: center;
	height: 77px;
}

table.main td.subheadPanel {
	background-image: url('../images/subhead_bar.gif');
	background-repeat: repeat-x;
	text-align: center;
	height: 21px;
}

table.main td.content {
	padding: 0px;
}

table.main td.headerPanelNVS {
	background-color: #092032;
	text-align: center;
	height: 65px;
}

table.main td.menuBarNVS {
	background-color: #006288;
	padding: 0px;
	border-top: solid 1px #092032;
	border-bottom: solid 1px #092032;
}

table.main td.menuBarNVS div.menuBarTop {
	background-color: #0f92c5;
	/*border-top: solid 1px #092032;*/
	/*border-bottom: solid 1px #092032;*/
}

table.main td.menuBarNVS div.menuBarMenu {
	/*background-color: #006288;*/
	padding: 0px 12px 0px 12px;
	text-align: left;
}

table.main table.nvsMenu {
	border-collapse: collapse;
}

table.main table.nvsMenu td {
	padding: 0px;
	vertical-align: center;
}

table.main table.nvsMenu td div.nvsMenuItem {
	font-family: "Arial, Helvetica", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #add6e5;
	white-space: nowrap;
	padding: 4px 4px 3px 4px;
}

table.main table.nvsMenu td div.nvsMenuItem a {
	color: #ffffff;
	text-decoration: none;
}

table.main table.nvsMenu td div.nvsMenuDivider {
	padding: 4px 1px 3px 1px;
}

table.main table.nvsMenu td div.versionHistory {
	font-family: "Arial, Helvetica", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	color: #d0e7f0;
	padding: 0px;
}

table.main table.nvsMenu td div.versionHistory a {
	color: #d0e7f0;
	padding: 4px 4px 3px 4px;
	text-decoration: none;
	display: block;
}

table.main table.nvsMenu td div.versionHistory a:hover {
	background-color: #2381a6;
}

table.main td.menuBarNVS div.menuBarMode {
	background-image: url('../images/button_bar_bg.gif');
	background-repeat: repeat-x;
	background-color: #0f92c5;
	text-align: center;
}

table.main table.nvsModeButtons {
	border-collapse: collapse;
}

table.main table.nvsModeButtons td {
	padding: 0px;
	border-left: solid 1px #092032;
	border-right: solid 1px #092032;
}

table.main table.nvsModeButtons td img.modeButton {
	padding: 0px;
	border: none;
	display: block;
}

/*
table.main td.footerPanel {
	background-color: #092032;
	border-top: solid 2px #0F92C5;
	text-align: center;
	height: 1%;
}
*/


table.contentRow {
	border-collapse: collapse;
	width: 100%;
	height: 100%;
}

table.contentRow td.menuPanel {
	height: 100%;
	width: 144px;
	background-color: #0D3C5B;
	border-right: solid 2px #0D5478;
	vertical-align: top;
	font-weight: bold;
	white-space: nowrap;
	padding-bottom: 28px; /* to leave space for submenu fixed to bottom of browser */
}

table.contentRow td.menuPanel p {
	padding: 2px 5px 2px 5px;
	margin: 0px;
	border-bottom: solid 1px #0E5276;
	/*text-align: right;*/ /* remove to have heading align left */
}

table.contentRow td.menuPanel p.logo {
	padding: 0px;
	text-align: center;
}

table.contentRow td.menuPanel p.menuHeading {
	margin-top: 0px;
	padding: 0px;
	color: #E5E5E5;
}

table.contentRow td.menuPanel p.menuHeading a {
	display: block;
	text-decoration: none;
	color: #E5E5E5;
	padding: 14px 5px 2px 5px;
}

table.contentRow td.menuPanel p.menuHeadingNoLink {
	margin-top: 0px;
	padding: 0px;
	color: #E5E5E5;
	padding: 14px 5px 2px 5px;
}

table.contentRow td.menuPanel p.menuHeadingDisabled {
	margin-top: 0px;
	padding: 0px;
	color: #315973;
	padding: 14px 5px 2px 5px;
}

table.contentRow td.menuPanel p.menuHeading a:hover {
	background-color: #185278;
}

table.contentRow td.menuPanel p.menuHeading a:active {
	color: #FFEFBF;
}

table.contentRow td.menuPanel p.menuHeadingSel {
	background-color: #092C45;
	color: #FFEFBF;
	/*padding: 14px 5px 2px 5px;*/
	margin-top: 0px;
	padding: 0px;
}

table.contentRow td.menuPanel p.menuHeadingSel a {
	display: block;
	text-decoration: none;
	color: #FFEFBF;
	padding: 14px 5px 2px 5px;
}

table.contentRow td.menuPanel p.menuItem {
	text-align: right;
	padding: 0px;
}

table.contentRow td.menuPanel p.menuItem a {
	color: #54BEE8;
	text-decoration: none;
	display: block;
	padding: 4px 5px 2px 5px;
	white-space: nowrap;
}

table.contentRow td.menuPanel p.menuItem a:hover {
	background-color: #185278;
}

table.contentRow td.menuPanel p.menuItem a:active {
	color: #FFD24C;
}

table.contentRow td.menuPanel p.menuItemWithPopUp {
	text-align: right;
	padding: 0px;
}

table.contentRow td.menuPanel p.menuItemWithPopUp a {
	color: #54BEE8;
	text-decoration: none;
	display: block;
	padding: 4px 5px 2px 5px;
}

table.contentRow td.menuPanel p.menuItemWithPopUp a.mouseOver {
	background-color: #185278;
}

table.contentRow td.menuPanel p.menuItemSel {
	text-align: right;
	color: #FFD24C;
	background-color: #092C45;
	white-space: nowrap;
	/*padding: 4px 5px 2px 5px;*/
	margin-top: 0px;
	padding: 0px;
}

table.contentRow td.menuPanel p.menuItemSel a {
	color: #FFD24C;
	text-decoration: none;
	display: block;
	padding: 4px 5px 2px 5px;
	white-space: nowrap;
}

table.contentRow td.menuPanel p.menuItemDisabled {
	text-align: right;
	color: #184F70;
	padding: 4px 5px 2px 5px;
}

table.contentRow td.menuPanel p.username {
	background-color: #54BEE8;
	color: #000000;
	padding: 2px 5px 2px 5px;
	text-align: center;
}

table.contentRow td.menuPanel p.menuLogoHolder {
	border: none;
	text-align: center;
	padding: 0px 0px 6px 0px;
	margin: 0px;
}

table.contentRow td.menuPanel a.sponsorLogo {
	padding: 0px;
	margin: 0px;
}

table.contentRow td.contentPanel {
	height: 100%;
	width: 95%;
	vertical-align: top;
	text-align: center;
	background-color: #0C324E;
	background-image: url('../images/content_bg_gradient.gif');
	background-position: top right;
	background-repeat: repeat-y;
	padding: 15px 0px 15px 12px;
	padding-bottom: 42px; /* to leave space for submenu fixed to bottom of browser - (15 + 27) */
}

table.contentRow td.fullContentPanel {
	height: 100%;
	width: 100%;
	vertical-align: top;
	text-align: center;
	background-color: #0C324E;
	background-image: url('../images/content_bg_gradient.gif');
	background-position: top right;
	background-repeat: repeat-y;
	padding: 0px; /*12px 12px 12px 12px;*/
	/*padding-bottom: 42px;*/ /* to leave space for submenu fixed to bottom of browser - (15 + 27) */
}

table.contentRow td.coastPanel {
	height: 100%;
	width: 236px;
	background-color: #0B2538;
	background-image: url('../images/coastline.gif');
	background-position: top right;
	background-repeat: no-repeat;
}


div.footer {
	position: fixed;
	z-index: 1;
	left: 0px;
	bottom: 0px;
	width: 100%;
	color: #ffffff;
	padding: 0px;
	border-top: solid 1px #092032;
	background-color: #092032;
}

div.footerContents {
	border-top: solid 2px #0F92C5;
	background-color: #092032;
	padding: 1px 0px 0px 0px;
	margin: 0px;
	text-align: center;
}

/*
table.footerMenu {
	border-collapse: collapse;
}

table.footerMenu td.default {

}

table.footerMenu td.menuItem {
	padding: 3px 0px;
}
*/

a.footer {
	font-family: "Arial, Helvetica", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	white-space: nowrap;
	padding: 6px 5px 5px 5px;
	line-height: 100%;
}

a.footer:hover {
	text-decoration: none;
	background-color: #134160;
	/*border: solid 1px #12394D;*/
}

a.footer:active {
	color: #FFD24C;
}

p.footerItemSelected {
	font-family: "Arial, Helvetica", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #FFD24C;
	white-space: nowrap;
	padding: 6px 5px 5px 5px;
	line-height: 100%;
}

p.footerItemDisabled {
	font-family: "Arial, Helvetica", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #2E4151;
	white-space: nowrap;
	padding: 6px 5px 5px 5px;
	line-height: 100%;
}

img.footerLinkDivider {
	margin: 3px 6px;
}

/*
img.footerSponsorLogo {
	margin: 3px 0px 3px 12px;
}
*/

img.menuSponsorLogo {
	margin: 8px 0px 0px 0px;
}

/*
div.heading {
	text-align: center;
	padding: 12px 0px 20px 0px;
}
*/

/*
div.content {
	width: 85%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #FFFF00;
	max-width: 700px;
	width: expression(this.width > 700 ? '700px': true);
}
*/


table.contentContainer {
	border-collapse: collapse;
	width: 85%;
	text-align: left;
	/*margin-left: auto;*/
	/*margin-right: auto;*/
	/*border: solid 1px #FFFF00;*/
	max-width: 700px;
}

table.contentContainer td.contentTd {
	font-family: "Arial, Helvetica", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}



/* POPUP MENUS */
div.popupMenu {
	position: absolute;
	z-index: 100;
	top: -100px;
	left: -100px;
	visibility: hidden;
	font: normal 12px Arial;
	/*width: 100px;*/
}

table.popupMenu {
	border-collapse: collapse;
}

table.popupMenu td {
	padding: 0px;
}

table.popupMenu td.menuItem {
	border: 1px solid #185278;
	white-space: nowrap;
	background-color: #4482AB;
}

table.popupMenu td.menuItem a {
	display: block;
	font: normal 12px Arial;
	padding: 4px 5px 2px 5px;
	text-decoration: none;
	font-weight: bold;
	color: #BDE8F9;
}

table.popupMenu td.menuItem a:hover { /*hover background color*/
	background-color: #5E9DC6;
}

table.popupMenu td.menuItem a:active {
	color: #FFD24C;
}



/* PULLDOWN MENUS */
div.pulldownMenu {
	position: absolute;
	z-index: 101;
	top: -100px;
	left: -100px;
	visibility: hidden;
	font: normal 12px Arial;
	background-color: #005474;
	border: solid 1px #002533;
	border-top: none;
}

div.pulldownMenu p.menuItem {
	font: normal 12px Arial;
	font-weight: normal;
	color: #ffffff;
	white-space: nowrap;
}

div.pulldownMenu p.menuItemActive {
	font: normal 12px Arial;
	font-weight: normal;
	color: #ffffff;
	white-space: nowrap;
	padding: 4px 4px 3px 4px;
}

div.pulldownMenu p.menuItem a {
	display: block;
	font: normal 12px Arial;
	text-decoration: none;
	font-weight: normal;
	color: #ffffff;
	padding: 4px 4px 3px 4px;
}

div.pulldownMenu p.menuItem a:hover { /*hover background color*/
	background-color: #007cac;
}

div.pulldownMenu p.menuItem a:active {
	color: #FFD24C;
}

div.pulldownMenu p.menuItem a.selected {
	display: block;
	font: normal 12px Arial;
	text-decoration: none;
	font-weight: normal;
	color: #FFD24C;
	padding: 4px 4px 3px 4px;
}


/***** MODAL BACKGROUNDS *****/
#modalBackground { 
	visibility: hidden;
	position: absolute;
	z-index: 100;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #000000;
	/*background: url('../images/spacer.gif');*/
	opacity: 0.00;
	filter: alpha(opacity=0);
}



/* MyNANOOS Hover */
div.signIn {
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
	background: none;
	color: #ffffff;
	padding: 5px 0px 0px 5px;
	text-align: left;
	border: none;
}

div.signIn p {
	color: #c4cbd1;
}

div.signIn a {
	color: #2ac9c9;
	font-weight: bold;
	outline: none;
}

div.signedIn {
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
	background: none;
	color: #ffffff;
	padding: 5px 0px 0px 5px;
	text-align: left;
	border: none;
}

div.signedIn p.username {
	font: bold 12px Arial;
	background-color: #0f92c5;
	color: #092032;
	text-align: center;
	padding: 2px 12px 2px 12px;
}