﻿

html, body, form
{
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Arial,Verdana;
	font-size: small;
	/*background-color: #eeebe2;*/
	/*background-color: #2D3638;*/
	background-color: #ffffff;
	/*background-image: url(../../images/bg.png);
	background-repeat: no-repeat;*/
}

a
{
	text-decoration: none;
}

hr 
{
	height: 1px;
	border: 1px solid #dddddd;
	border-bottom: 1px none #dddddd;
}

ul
{
	list-style-type: square;	
}

input
{
	font-family: Verdana, Arial;
	font-size: small;
}

select
{
	font-family: Verdana, Arial;
	font-size: small;
}


textarea
{
	font-family: Verdana, Arial;
	font-size: small;
}

.Center
{
	text-align: center;	
}

.Left
{
	text-align: left;
}

.Right
{
	text-align: right;
}

.Clear
{
	clear: both;
}

.Message
{
	color: #990000;	
	font-size: 1em;
	font-weight: bold;
}

.PageTitle
{
	font-size: 1.5em;
	font-weight: bold;
	color: #990000;
	padding: 10px 10px 10px 10px;
}

.Paragraph
{
	padding: 10px;	
	text-align: justify;
	line-height: 1.35em;
}

.ParagraphTitle
{
	font-weight: bold;
	font-size: 1.2em;
	color: #125985;
	line-height: 1.35em;
}

.Loading
{
	color: #ffffff;
	background-color: #aa0000;
	font-weight: bold;
	padding: 5px;
	text-align: center;	
}

/* End General */

/* Begin Colors */

.ColorTitle
{
	color: #534F3E;
}

/* End Colors */

/* Begin Form */
.Form
{
	background-color: #fafafa;
	border: 1px solid #dddddd;
}
.TextBox
{
	font-size: 1em;
}
.TextArea
{
	font-size: 1em;
	font-family: Arial, Verdana;
}
.Button
{
	font-size: 1em;
}
.CheckBox
{
	font-size: 1em;
}
.ComboBox
{
	font-size: 1em;
}
.Radio
{
	font-size: 1em;
}
.Label
{
	font-size: 1em;
}
.FileUpload
{
	font-size: 1em;
}
.Calendar
{
	font-size: 1em;	
}
.ListBox
{
	font-size: 1em;	
}
.RequiredFieldLabel
{
	font-size: 1em;
	color: #990000;
}
.ValidationLabel
{
	font-size: 1em;
	color: #990000;
	font-weight: bold;
}
.Emphasize
{
	font-weight: bold;
}
.Hint
{
	font-size: 0.8em;	
	color: #3333ff;
}
/* End Form */


/* Begin Master Page */

#MainFrame
{
	position: relative;
	height:auto !important; /* real browsers */
	/* height:100%; IE6: treaded as min-height*/
	/* min-height:100%; real browsers */
	width:930px;
	border: 1px none #dddddd;
	margin: 0px auto 0px auto;
	padding: 0px 10px 0px 10px;
	background-image: url(../../images/frame_shadow.png);
	background-repeat: repeat-y;
}

#MainFrameTop
{
	background-image: url(../../images/frame_shadow_top.png);
	background-repeat: no-repeat;
	width: 930px;
	height: 20px;
	padding: 0px 10px 0px 10px;
	margin: 10px auto 0px auto;
}

#MainFrameBottom
{
	background-image: url(../../images/frame_shadow_bottom.png);
	background-repeat: no-repeat;
	width: 930px;
	height: 20px;
	padding: 0px 10px 0px 10px;
	margin: 0px auto 10px auto;
}

#MainFrameBottom2
{
	background-image: url(../../images/frame_shadow_bottom2.png);
	background-repeat: no-repeat;
	width: 930px;
	height: 20px;
	padding: 0px 10px 0px 10px;
	margin: 0px auto 10px auto;
}


#ContentHeader
{
	height: 130px;
	width: 930px;
	background-color: #ffffff;
	padding: 0px;
	text-align: center;
}

#ContentPanel
{
	height: auto;
	width: 910px;
	background-color: #ffffff;
	padding: 0px 10px 0px 10px;
	margin-top: 0px;
	
}

#ContentTable
{
	width: 910px;
	border-collapse: collapse;
}

#LeftPanel
{
	width: 208px;
	background-color: #ffffff;
	border: 1px none #aabbff;
}

#MainPanel
{
	width: 700px;
	background-color: #ffffff;
}

#ContentFooter
{
	/*position: absolute;
	bottom: 20px;*/
	width: 930px;
	height: auto;
	background-color: #ffffff;
	text-align: center;
	padding: 0px 0px 0px 0px;
}

#FooterTitle
{
	font-size: 1.2em;
	font-weight: bold;	
	padding: 5px 0px 10px 0px;
}

#FooterLogos
{
	padding: 0px 0px 5px 0px;
}

#Footer
{
	color: #000000;
	background-color: #efefef;	
	padding: 10px 0px 10px 0px;
}

#FooterVision
{
	width: 90%;
	font-size: 1em;
	margin: 0px auto 0px auto;
}

#FooterText
{
	font-size: 0.85em;
	font-weight: bold;
}

div.menu
{
	width: 910px;
	height: 40px;
	background-image: url(../../images/menu.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	font: bold 16px/40px Verdana, Arial, Tahoma, Sans-serif;
}

.MenuBackground
{
	background-image: url(../../images/menu_bg2.gif);
	background-repeat: repeat-x;
	height: 40px;
	margin: 0px auto 0px auto;
	border: 1px none #000000;
	font-size: 1.0em;
}

.MenuItem
{
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	width: 182px;
	height: 40px;
	/*background-image: url(../../images/sep.jpg);
	background-repeat: no-repeat;
	background-position: right;*/
}


.MenuItem2
{
	z-index: 100;
}

.MenuHoverItem
{
	background-image: url(../../images/menu_bg2b.gif);
	background-repeat: repeat-x;
	text-align: center;
	font-weight: bold;
	color: #000000;
	background-color: #ffffff;
	width: 182px;
	height: 40px;
}

.MenuSelectedItem
{
	background-image: url(../../images/menu_bg2b.gif);
	background-repeat: repeat-x;
	text-align: center;
	font-weight: bold;
	color: #000000;
	background-color: #ffffff;
	width: 182px;
	height: 40px;
}

.MenuItem a
{
	background-image: url();
	background-color: Transparent;
}

.MenuHoverItem a
{
	background-image: url();
	background-color: Transparent;
}

.SiteMapPath
{
	padding: 5px;
	font-size: 1em;	
	font-weight: bold;
	color: #000000;	
	background-color: #A2DBFF;
	margin: 0px 0px 5px 5px;
	
}

.LeftPanelMenuBackground
{
	/*background-color: #eeeeee;*/
	margin: 5px auto 0px auto;
	font-size: 1.0em;
	width: 208px;
}

.LeftPanelMenuItem
{
	text-align: left;
	font-weight: bold;
	color: #000000;
	width: 190px;
	height: 20px;
	padding: 5px;
}

.LeftPanelMenuHoverItem
{
	text-align: left;
	font-weight: bold;
	color: #000000;
	background-color: #5198C2;
	width: 190px;
	height: 20px;
	padding: 5px;
}

.LeftPanelMenuSelectedItem
{
	text-align: left;
	font-weight: bold;
	color: #000000;
	background-color: #ffcf00;
	width: 190px;
	height: 20px;
	padding: 5px;
}

.LeftPanelMenuSeparator
{
	width: 208px;
	height: 5px;
	padding: 0px;
	margin-bottom: 5px;
	background-color: #ffffff;	
}

.LeftPanelSubMenu
{
	background-color: #cccccc;
	padding-bottom: 5px;
}

.LeftPanelSubMenuTitle
{
	text-align: left;
	font-weight: bold;
	color: #000000;
	background-color: #aaaaaa;
	width: 193px;
	height: 20px;
	padding: 5px 5px 0px 10px;
}

.LeftPanelSubMenuItem
{
	margin-left: 10px;
}


.SubMenuBar
{
	background-color: #eeeeee;
	width: 680px;
	margin: 10px auto 10px auto;
}

.SubMenuBackground
{
	background-color: #eeeeee;
	font-size: 1.0em;
}

.SubMenuItem
{
	text-align: center;
	font-weight: bold;
	color: #000000;
	height: 20px;
	padding: 5px;
}

.SubMenuHoverItem
{
	text-align: center;
	font-weight: bold;
	color: #000000;
	background-color: #FFE377;
	height: 20px;
	padding: 5px;
}

.SubMenuSelectedItem
{
	text-align: center;
	font-weight: bold;
	color: #000000;
	background-color: #ffcf00;
	height: 20px;
	padding: 5px;
}
/* End Master Page */


/* Begin Intro */

.IntroVision
{
	width: 910px;
	text-align: center;
	font-weight: bold;
	color: #304050;	
	margin: 5px auto 20px auto;
}

.IntroNavigator
{
	width: 690px;
	margin: 0px 0px 0px 0px;
	border-collapse: collapse;
}

.IntroNavigatorSlides
{
	background-color: #ffffff;
	padding-left: 6px;
}


.IntroNavigatorColumn1
{
	width: 50%;
	padding-left: 5px;
	padding-right: 3px;
}


.IntroNavigatorColumn2
{
	width: 50%;
	padding-left: 3px;
	
}

.IntroNavigatorNews
{
	background-color: #E8FFBE;
	border: 1px solid #D5FF8B;
	border-top: 10px solid #D5FF8B;
	width: 675px;
	padding: 10px;
	margin: 0px 0px 5px 0px;
}

.IntroNavigatorEvents
{
	background-color: #FFEAEA;
	width: 323px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	height: 250px;
	border-style: solid;
	border-width: 1px;
	border-color: #FF9999;
	border-top: 10px solid #FF9999;
}

.IntroNavigatorFacts
{
	background-color: #FFE1C4;
	border: 1px solid #FFC994;
	border-top: 10px solid #FFC994;
	width: 323px;
	padding: 10px;
	margin: 0px 0px 5px 5px;
	height: 250px;
}

.IntroNavigatorVision
{
	margin-top: 5px;
	background-color: #CCEBFF;
	border: 1px solid #A2DBFF;
	border-top: 1px solid #A2DBFF;
	padding: 10px;
	padding-bottom: 5px;
	margin: 0px 0px 5px 0px;
}

.IntroMapTable
{
	width: 600px;
	border-collapse: collapse;
	margin: 0px auto 0px auto;	
	text-align: center;
}

.IntroMapBorder
{
	border: 1px solid #aaaaaa;	
}


.IntroNavigatorSlideTitle
{
	font-size: 1.0em;
	font-weight: bold;
	background-color: #efefef;
}

.IntroNavigatorMenuItem
{
	position: absolute;
	top: 350px;
	width: 130px;
	height: 55px;
	cursor: pointer;
}

.IntroNavigatorMenuItemSelected
{
	display: none;
}

.IntroPanel
{
	position: absolute;
	left: 0px;
	top: 0px;
}

.IntroContent
{
	width: 695px;
	height: 360px;
	border: 1px none #555555;
}

/* End Intro */


/* Begin Coral Triangle */

#MapFrame
{
	background-image: url(../../images/map_shadow.png);	
	background-repeat: no-repeat;
	width: 650px;
	height: 480px;
	padding: 20px;
	border: 1px none red;
	margin: 0px auto 0px auto;
}

.CTTable
{
	width: 890px;
	height: 730px;
	border-collapse: collapse;
	background-image: url(../../images/ct_coralreefs.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

.CTTableColumn
{
	width: 50%;
}
	
/* End Coral Triangle */


/* Begin Coral Triangle Atlas */

.CTAtlasBG
{
	width: 700px;
	height: 530px;
	background-repeat: no-repeat;
}

/* End Coral Triangle Atlas */

/* Begin Works */

.CTWorksTable
{
	width: 700px;
}

.CTWorksTableColumn
{
	width: 50%;
	text-align: left;
}

.CTWorksTableColumn2
{
	width: 50%;
	text-align: left;
	background-image: url(../../images/column_bg.gif);
	background-repeat: repeat-x;
}

.CTWorksTableColumnTitle
{
	color: #ffffff;	
	font-weight: bold;
}
	
/* End Works */


/* Begin Works */

.CTResourcesTable
{
	width: 680px;
}

.CTResourcesTableColumn
{
	width: 50%;
	text-align: left;
	/*background-image: url(../../images/mapgallery_title.gif);
	background-repeat: no-repeat;*/
	border: solid 1px #dddddd;
	
}

.CTResourcesTableColumnTitle
{
	color: #000000;	
	font-weight: bold;
	background-color: #E3E3E3;
	padding: 5px;
	height: 35px;
}

.CTResourcesTableColumnNotes
{
	font-size: 0.85em;
	text-align: right;
	font-style: italic;
	color: #555555;
}

.CTResourcesImage
{
	margin: 0px auto 0px auto;	
	display: block;
}
	
/* End Works */


/* Begin Resources */

.ResourcesSearchTipsLink
{
	color: #0000ff;
	font-size: 11px;
	cursor: pointer;
}

.KeywordSearch
{
	margin: 0px auto 0px auto;
	width: auto;
	text-align: left;
	background-color: #efefef;
	padding: 10px;
}

.KeywordSearchTable
{
	margin: 5px auto 0px auto;
	border-collapse: collapse;
}

.KeywordSearchTipsLink
{
	/*position: absolute;
	left: 100px;
	top: 305px;*/
	color: #0000ff;
	font-size: 11px;
	cursor: pointer;
	
	line-height: 18px;
}

.KeywordSimpleSearchTextBox
{
	/*position: absolute;
	left: 100px;
	top: 280px;*/
	width: 350px;
}

.KeywordSimpleSearchButton
{
	/*position: absolute;
	left: 430px;
	top: 280px;*/
}

.SearchTipsTitle
{
	font-size: 1.25em;
	font-weight: bold;
}

.SearchTips
{
	top: 0px;
	left: 0px;
	background-color: #ffffcc;
	padding: 10px;
	border: 1px solid #dddddd;	
	opacity: 0.85;
	filter: alpha(opacity = 85);
	z-index: 20;
	text-align: justify;
	width: 465px;
	color: #000000;
	cursor: move;
	visibility: hidden;
}
 
.RBPPagesMenuBarFrame
{
	width: 98%;
	border-collapse: collapse;	
	margin: 0px auto 0px auto;
}

.RBPPagesMenuBarFrameBegin
{
	border-bottom: 1px solid #708090;
	background-color: #ffffff;
	width: 50%; 
}

.RBPPagesMenuBarFrameEnd
{
	border-bottom: 1px solid #708090;
	background-color: #ffffff;
	width: 50%; 
}
	
.RBPPagesMenuBar
{
	width: 500px;
	background-color: #ffffff;
	border: 1px none #dddddd;
	text-align: center;
	margin: 0px auto 0px auto;
}

.RBPPagesMenuBarText
{
	height: auto;
	color: #000000;
	font-weight: normal;
	padding: 2px 3px 2px 3px;
	border: 1px none #dddddd;
	border-bottom: 1px solid #708090;
	width: 100px;
	font-size: 1em;
	font-weight: bold;
	height: 23px;
}

.RBPPagesMenuBarTextHover
{
	color: #000000;
	background-color: #FFCF00;
}

.RBPPagesMenuBarTextSelected
{
	border: 1px solid #708090;
	border-bottom: 1px none #ffffff;
	background-color: #ffffff;
	color: #000000;
	font-weight: bold;
	background-image: url(../../images/rbpmenuselecteditem.gif);
	background-repeat: repeat-x;
}

.RBPDatabaseAdvancedSearchLink
{
	color: #0000ff;
	font-size: 0.85em;
	cursor: pointer;
}

.RBPDatabaseAdvancedSearch
{
	position: absolute;
	left: 0px;
	top: 0px;
	/*background-color: #c2d0d6;*/
	background-color: #FFEA8F;
	padding: 10px;
	border: 1px solid #FFCF00;
	opacity: 0.85;
	filter: alpha(opacity = 85);
	z-index: 20;
	text-align: justify;
	width: 400px;
	color: #000000;
}

.RBPDatabaseAdvancedSearchTitle
{
	font-size: 1.35em;
	font-weight: bold;
	font-style: italic;
	color: #E87800;
	margin-bottom: 5px;
}

.RBPDatabaseAdvancedSearchTable
{
	width: 100%;
	border-collapse: collapse;
 
}

.RBPDatabaseAdvancedSearchLabel
{
	width: 25%;	
	font-weight: bold;
	text-align: left;
}

.RBPDatabaseAdvancedSearchField
{
	width: 75%;
}

.RBPDatabaseSearchResult
{
	
}

.BooleanSearchTextHighlight
{
	color: #0000ff;	
	font-weight: bold;
}

/* End Resources */





/* Begin Publications */
.PublicationSimpleSearchTable
{
	width: 100%;
	border-collapse: collapse;	
}

.PublicationSimpleSearchLabel
{
	width: 10%;
}

.PublicationSimpleSearchField
{
	width: 70%;
}

.PublicationSimpleSearchAdvanced
{
	width: 20%;
	text-align: right;
	font-size: 0.85em;
}

.PublicationAdvancedSearchTable
{
	width: 100%;
	border-collapse: collapse;	
}
.PublicationAdvancedSearchTitle
{
	width: 80%;
}
.PublicationAdvancedSearchSimple
{
	width: 20%;
	text-align: right;
	font-size: 0.85em;
}
.PublicationAdvancedSearchTabs
{
	text-align: center;
}
.PublicationAdvancedSearchLabel
{
	width: 10%;
}

.PublicationAdvancedSearchField
{
	width: 40%;
}

.PublicationAdvancedGo
{
	width: 100%;
}

.PublicationResultTable
{
	width: 650px;
	border-collapse: collapse;	
	text-align: left;
	margin-left: 10px;
}
.PublicationResultIndex
{
	width: 35px;
}
.PublicationResultShowHideDetails
{
	width: 20px;
}
.PublicationResultTitle
{
	width: 435px;
}

.PublicationAuthor
{
	font-size: small;
	font-weight: bold;
	color: #556677;	
}

.PublicationTitle
{
	font-size: small;
	color: #555555;	
}

.PublicationResultDocuments
{
	width: 55px;
	text-align: right;
}
.PublicationResultDocumentItem
{
	cursor: pointer;
}
.PublicationResultDetails
{
	width: 490px;
}
.PublicationResultSource
{
	font-size: 0.85em;
	color: #666666;
	margin: 5px 0px 0px 0px;
}

.PublicationResultAdditionalInfoFrame
{
	background-color: #ECF8FF;
	padding: 5px;
	border: 1px solid #aaaaaa;
	margin-top: 5px;
}
	
.PublicationResultAdditionalInfo
{
	width: 100%;
	border-collapse: collapse;	
}
.PublicationResultAdditionalInfoLabel
{
	width: 20%;
	font-weight: bold;
	text-align: left;
}
.PublicationResultAdditionalInfoField
{
	width: 80%;
	text-align: left;
}
.PublicationResultAdditionalInfoLineBreak
{
	width: 100%;
	padding: 5px 0px 5px 5px;
}
.PublicationResultAdditionalInfoDownload
{
	 font-size: 0.85em;
	 line-height: 1.2em;
	 text-align: left;
}
/* End Publications */


/* Begin Photos */
.PhotoIntroductionTable
{
	width: 100%;
	border-collapse: collapse;	
}
.PhotoIntroductionText
{
	width: 30%;	
}
.PhotoIntroductionPhotoOfTheDay
{
	width: 70%;	
	padding-left: 15px;
}
.PhotoSimpleSearchTable
{
	width: 100%;
	border-collapse: collapse;	
}

.PhotoSimpleSearchLabel
{
	width: 10%;
}

.PhotoSimpleSearchField
{
	width: 70%;
}
.PhotoSimpleSearchAdvanced
{
	width: 20%;
	text-align: right;
	font-size: 0.85em;
}
.PhotoAdvancedSearchTable
{
	width: 100%;
	border-collapse: collapse;	
}
.PhotoAdvancedSearchTitle
{
	width: 80%;
}
.PhotoAdvancedSearchSimple
{
	width: 20%;
	text-align: right;
	font-size: 0.85em;
}
.PhotoAdvancedSearchTabs
{
	text-align: center;
}
.PhotoAdvancedSearchLabel
{
	width: 10%;
}

.PhotoAdvancedSearchField
{
	width: 40%;
}

.PhotoAdvancedGo
{
	width: 100%;
}

.PhotoListItem
{
	width: 185px;
	vertical-align: top;
	padding-left: 30px;
}

.PhotoResultTable
{
	width: 650px;
	border-collapse: collapse;
	line-height: 1.3em;
	color: #666666;
	text-align: left;	
}
.PhotoResultColumn1
{
	width: 200px;
}
.PhotoResultColumn2
{
	width: 200px;
}
.PhotoResultColumn3
{
	width: 200px;
}
.PhotoResultImage
{
	border: 1px none #666666;
	margin: 0px 0px 0px 0px;
}
.PhotoResultImageThumbnail
{
	width: 160px;
	height: 120px;
}
.PhotoResultImageThumbnailFrame
{
	border: 1px none #666666;
	margin: 0px 0px 5px 0px;
	width: 160px;
	height: 120px;
	background-color: #dddddd;
}

.PhotoViewerTitleTable
{
	width: 100%;
	border-collapse: collapse;	
}
.PhotoViewerTitleColumn
{
	width: 80%;
	text-align: left;
}
.PhotoViewerButtonColumn
{
	width: 20%;
	text-align: right;
}
.PhotoViewerTable
{
	width: 100%;
	border-collapse: collapse;	
}
.PhotoViewerLabel
{
	width: 22%;
}
.PhotoViewerField
{
	width: 78%;
}
.PhotoViewerImage
{
	width: 100%;
}
.PhotoViewerFrame
{
	height: auto;
	width: 545px;
	overflow: scroll;
	border: 1px solid #dddddd;
}


.PhotoPopupViewerTitleTable
{
	width: 710px;
	border-collapse: collapse;	
	background-color: #004d8f;
	color: #ffffff;
	margin-bottom: 10px;
	cursor: default;
}

.PhotoPopupViewerTitleColumn
{
	width: 33%;
	text-align: left;
	font-size: 1.3em;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}

.PhotoPopupViewerButtonColumn
{
	width: 34%;
	text-align: right;
	padding-right: 10px;
}

.PhotoPopupViewerTable
{
	width: 700px;
	border-collapse: collapse;	
	text-align: left;
}

.PhotoPopupViewerLabel
{
	width: 20%;
	font-weight: bold;
	color: #004d8f;
}

.PhotoPopupViewerField
{
	width: 30%;
}

.PhotoPopupViewerImage
{
	padding: 10px;
}

.PhotoPopupViewerFrame
{
	width: 700px;
	height: 380px;
	overflow: scroll;
	border: 1px solid #dddddd;
}

.PhotoPopupBackground
{
	background-color: #000000;
	opacity: 0.6;
	filter: alpha(opacity = 60);
}

.PhotoPopupViewer
{
	width: 710px;
	height: 530px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	padding: 10px 20px 10px 20px;
}

/* End Photos */


/* Begin About */

.AboutMap
{
	text-align: center;
}


.AboutCTAtlasTable
{
	width: 650px;
}

.AboutCTAtlasTableColumn
{
	width: 33%;
	text-align: left;
	background-image: url(../../images/column_bg.gif);
	background-repeat: repeat-x;
}

.AboutCTAtlasTableColumnTitle
{
	color: #ffffff;	
}

/* End About */


/* Begin Project */

.ProjectImageBorder
{
	margin-left: 10px;
	margin-bottom: 10px;
}

/* End Project */


/* Begin CT Database */

.CTDatabaseResultBottom
{
	border-bottom: 1px solid #dddddd;	
}

/* End CT Database */

/* Begin Sign In */

.SignInTable
{
	border-collapse: collapse;
	border: 1px solid #dddddd;
}

/* End Sign In */

/* Search */
.BooleanSearchHint
{
	font-size: 0.8em;
	color: #888888;
	cursor: pointer;
}

.BooleanSearchHintBox
{
	padding: 5px;
	border: 1px solid #dddddd;	
	text-align: left;
	width: 400px;
	background-color: #ffffaa;
	opacity: 0.8;
	filter: alpha(opacity=70);
	cursor: move;
	visibility: hidden;
}

.BooleanSearchTextHighlight
{
	color: #0000ff;	
	font-weight: bold;
}

.SearchMode
{
	text-align: right;
	font-size: 0.8em;	
	color: #888888;
}

.SearchTable
{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #dddddd;
	background-color: #efefef;
}

.SearchLabelColumn
{
	width: 20%;
}

.SearchValueColumn
{
	width: 80%;
}

.ItemHeaderTable
{
	width: 100%;
	border-collapse: collapse;
}

.ItemEntryLabelColumn
{
	font-size: 0.8em;
	font-weight: normal;
	width: 20%;
}

.ItemEntryValueColumn
{
	font-size: 0.8em;
	font-weight: normal;
	width: 80%;
}


/* End Search */


/* Begin Change Password */
.ChangePasswordTable
{
	width: 400px;
	border: 1px solid #d1ddf1;
	border-collapse: collapse;
}

.ChangePasswordMessage
{
	width: 394px;
	border: 1px solid #d1ddf1;
	padding: 3px;
}
/* End Change Password */

/* Begin Save Data */
.SaveDataPopupTableFrame
{
	padding: 10px;
	height: 230px;
	background-color: #ffffff;	
}
/* End Save Data */


/* Begin Account */

.AccountLogin
{
	font-size: 1em;
	width: 100%;
	background-color: #ffffff;
	color: #666666;
}
.AccountLoginTable
{
	width: 50%;
	border-collapse: collapse;	
	background-color: #fafafa;
	border: 1px solid #dddddd;
}
.AccountLoginLabel
{
	width: 30%;
}
.AccountLoginField
{
	width: 70%;
}

.LostPasswordTable
{
	width: 50%;
	border-collapse: collapse;	
	background-color: #fafafa;
	border: 1px solid #dddddd;
}
.LostPasswordLabel
{
	width: 30%;
}
.LostPasswordField
{
	width: 70%;
}
.ChangePasswordTable
{
	width: 60%;
	border-collapse: collapse;	
	background-color: #fafafa;
	border: 1px solid #dddddd;
}
.ChangePasswordLabel
{
	width: 43%;
}
.ChangePasswordField
{
	width: 57%;
}


.HomeLogin
{
	font-size: 1em;
	width: 100%;
	background-color: #ffffff;
}
.HomeLoginTable
{
	width: 100%;
	border-collapse: collapse;
}
.HomeLoginTitle
{
	background-color: #298EBD;
	color: #ffffff;
	font-weight: bold;
}
.HomeLoginDescription
{
	padding: 0px 5px 0px 5px;
	text-align: left;
}

.HomeLoginCreateAccount
{
	font-size: 1.2em;
	text-align: center;
	padding: 5px;
}

.MyAccountTable
{
	Width: 80%;	
	border-collapse: collapse;	
	background-color: #eeeeee;
	border: 1px solid #dddddd;
	margin: 0px auto 0px auto;
}
.MyAccountLabel
{
	width: 30%;
}
.MyAccountField
{
	width: 70%;
}
.MyAccountInterestTable
{
	Width: 100%;	
	border-collapse: collapse;	
	background-color: #eeeeee;
	border: 1px none #dddddd;
}
.MyAccountInterestLabel
{
	width: 32%;
}
.MyAccountInterestField
{
	width: 18%;
}

/* End Account */


.CTAtlasStatisticsReferenceImage
{
	cursor: pointer;
}

.CTAtlasStatisticsReferenceText
{
	width: 330px;
	background-color: #ffffcc;
	border: 1px solid #000000;
	padding: 5px;
	text-align: left;
	font-size: 0.85em;
	line-height: normal;
	opacity: 0.85;
	filter: alpha(opacity = 85);
}


/* Begin Species Profiles */

.SPPopupViewerTitleTable
{
	width: 810px;
	border-collapse: collapse;	
	background-color: #004d8f;
	color: #ffffff;
	margin-bottom: 10px;
	cursor: default;
}

.SPPopupViewerTitleColumn
{
	width: 33%;
	text-align: left;
	font-size: 1.3em;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}

.SPPopupViewerButtonColumn
{
	width: 34%;
	text-align: right;
	padding-right: 10px;
}

.SPPopupViewerTable
{
	width: 790px;
	border-collapse: collapse;	
	text-align: justify;
}

.SPPopupViewerLabel
{
	width: 15%;
	font-weight: bold;
	color: #004d8f;
}

.SPPopupViewerField
{
	width: 35%;
}

.SPPopupViewerFooter
{
	font-size: 0.75em;
	color: #555555;
}

.SPPopupViewerImage
{
	padding: 10px;
}

.SPPopupViewerFrame
{
	width: 700px;
	height: 380px;
	overflow: scroll;
	border: 1px solid #dddddd;
}

.SPPopupBackground
{
	background-color: #000000;
	opacity: 0.6;
	filter: alpha(opacity = 60);
}

.SPPopupViewer
{
	width: 810px;
	height: 600px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	padding: 10px 20px 10px 20px;
}


/* End Species Profiles */

/* Begin Statistics */

.StatFilterForm
{
	background-color: #efefef;
	border: 1px solid #dddddd;	
	padding: 10px;
}

.StatFilterTable
{
	width: 100%;
	border-collapse: collapse;	
}

.StatFilterLabel
{
	font-weight: bold;	
}
	
.StatTable
{
	width: 100%;
	border-collapse: collapse;	
}

/* End Statistics */


/* Begin CT Dataset */

.CTDatasetDetailTable
{
	border-collapse: collapse;
	border-color: #8BA0BC;
}

.CTDatasetDetailTable TD
{
	border-color: #8BA0BC;
}

.CTDatasetDetailColumnHeader
{
	text-align: left;
	background-color: #E4EFFA;	
	font-weight: bold;
	color: #1E395B;
}

/* End CT Dataset */


/* Begin Map of the Month */

.MapOfTheMonthList li
{
	display: inline;
	list-style-type: none;
}

.MapOfTheMonthList div
{
	width: 260px;
	height: 250px;
	border: none 1px red;
	float: left;
	padding: 0px 30px 10px 0px;
	text-align: center;
}

 

/* End Map of the Month */

/* Begin Map Gallery */


.MapGalleryList
{
	margin-left: -30px;
}

.MapGalleryList li
{
	display: inline;
	list-style-type: none;
}

.MapGalleryDiv
{
	width: 325px;
	height: 400px;
	border: solid 1px #dddddd;
	float: left;
	padding: 0px;
	text-align: center;
	margin: 0px 5px 5px 0px;
}

.MapGalleryNote
{
	font-size: 0.85em;
	text-align: right;
	font-style: italic;
	color: #555555;
	margin-right: 5px;
}

/* End Map Gallery */


/* Begin MPA */

.MPAStatTable
{
	width: 100%;
	border-collapse: collapse;
}

.MPAStatTableCol1
{
	width: 25%;	
	background-color: #fafafa;
}

.MPAStatTableCol2
{
	width: 75%;	
}

.MPAStatNote
{
	color: #990000;	
	font-size: 0.85em;
	text-align: justify;
}

.MPAStatRef
{
	color: #0000ff;
	cursor: pointer;	
}

.MPAStatPopupRef
{
	width: 350px;
	border: 1px solid #dddddd;
	background-color: #ffffaa;
	font-size: 0.8em;	
	line-height: 1.25em;
	text-align: left;
	padding: 5px;
	visibility: hidden;
}

.MPAStatRefTable
{
	color: #333333;
	background-color: #efefef;
	font-size: 0.8em;	
	line-height: 1.25em;
	text-align: justify;
}

.MPAPhotosTable
{
	width: 100%;
	border-collapse: collapse;
}

.MPAPhotosText
{
	font-size: 0.85em;
	color: #555555;	
}

/* End MPA */


.PhotosTable
{
	width: 100%;
	border-collapse: collapse;
}

.PhotosColumn
{
	width: 230px;
}

.ImageBorder
{
	border: 1px none #dddddd;	
}







/* Begin FAQ */


.FAQList
{
	margin-left: -30px;
}

.FAQList li
{
	display: inline;
	list-style-type: none;
}

.FAQDiv
{
	width: 325px;
	height: 400px;
	border: solid 1px #dddddd;
	float: left;
	padding: 0px;
	text-align: center;
	margin: 0px 5px 5px 0px;
}

.FAQNote
{
	font-size: 0.85em;
	text-align: right;
	font-style: italic;
	color: #555555;
	margin-right: 5px;
}

/* End FAQ */



/* Begin Monitoring */

.MonitoringTable
{
	border-collapse: collapse;
	width: 100%;
	text-align: left;
	border: 1px solid #aaaaaa	
}

.MonitoringTable th
{
	color: #ffffff;
	background-color: #445566;
	font-weight: bold; 
	border: 1px solid #aaaaaa
}

.MonitoringTable td
{
	border: 1px solid #aaaaaa	
}

.MonitoringTable td td
{
	border: 1px none #aaaaaa	
}


/* End Monitoring */


/* Begin Shadow */

.BoxShadow
{
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}

/* End Shadow */