@charset "utf-8";

/* CSS Document */



html,body{margin:0;padding:0; }

body{font-size: .75em; font: arial,sans-serif; background-color: #336699;}

body.campamdb div#container {width:100em; margin: 0 auto; background-color: #fff; height: 100%;}



body.campamdb div#header {position:relative; background-color:#000; height: 110px; width:100%; font-family: Arial, Helvetica, sans-serif; /*background-image:url(../Images/Backgrounds/CaMPAMHeaderBG%20-%20JLOULong.jpg)*/}



div#headerBanner img{	width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 0;}



div#header h1{ position: relative; font-size:4em; color: #fff; margin: 0 0 0 7px; z-index: 3; padding-bottom: 0;}

div#header h2{ position: relative; font-size:1em; color: #fff; margin: 0 0 0 7px; z-index: 4; padding-bottom: 0; }

div#header h3{position: relative; font-size:2em; color: #fff; margin: 0 0 0 7px; z-index: 5; }



#searchColumn{float:left; width:18em; padding: 2em 2em;}

#rightColumn {float:right; width: 12em; padding: 2em 0; position: relative; top: 0; height: 100%;}

#contentColumn{width: 55em; background-color:#fff; margin: 2em 0 2em 0; padding: 0;  text-align: justify; text-justify: newspaper;}

#loginBanner{text-align: right; padding: .5em; background: #333; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}

#searchContainer{display: none;}

#rightColumn img {display:block; margin-left: 40px; margin-bottom:10px; margin-top: 0; border:none;}

#MPADisplay{display: none; font-size: 1.25em;}



p{margin:0 10px 10px}

a.link{color:#933; text-decoration:none;}

a.visited {color: #C0C; text-decoration:none;}

a.hover { text-decoration:underline;}



#reef {float:left; border: 1px #000 solid; margin: 0 6px 4px 0;}



#loginBanner input{margin: .5em 1em .5em 1em;}

#loginBanner a{color: white; font-weight: bold; text-decoration: underline;}

#loginBanner a:hover{text-decoration: none;}



div#navigation{position: absolute; background:#B9CAFF}

div#footer{ font-family:Verdana, Geneva, sans-serif; background: #333;color: #FFF; margin: 10px auto 0 auto; text-align:center;}

div#footer p{padding:4px; margin: 0 auto 0 auto; color:white; }

div#footer p a:link{color:white; text-decoration:none; }
div#footer p a:hover{color:white; text-decoration:underline; }
div#footer p a:visited{color:white; text-decoration:none; }


.mpa_view_menu_container {padding: 5px; text-align:right;}
.mpa_view_menu_container img{max-width: 35px; max-height: 35px;}

div#MPAViewList {width: 100%; text-size:1.3em;}
#MPAViewList table {width: 100%;}

div#wrapper{width:100%;margin:0px; position:relative; margin-top:0px; background-color:#fff; overflow: hidden;}
div#wrapper div{ float: left; margin-bottom: -2000px; padding-bottom:2000px;};
div#footer{width:100%}



div.clearDiv{clear:both;}

ul.ui-tabs-nav{max-height: 2.35em; margin-top: -3em;}



/*content css */

#contentColumn h1{display: block; width: 100%;  margin:0; padding:0; font-size:18px; font-weight:bold; border-top: solid 1px #039; border-bottom: solid 1px #039;}

#contentColumn h2{display: block; width: 100%;  margin:0; padding:0; font-size:15px; font-weight:bold; border-bottom: solid 1px #039;}



.list-col-1 {width: 13em;}

.list-col-2 {width: 20em;}

.list-col-3 {width: 10em;}

.list-col-4 {width: 10em;}

.list-col-5 {width: 10em;}



.view-filter-select {width: 7em; font-size: .75em;}

.viewFilterContainer { border: 1px #aaa solid; width: 90%; padding: 1em; margin: 1em 1em 1em 0; }



div#aboutContainer{ background-color:#FFC; border: 1px solid #666; font-family: Verdana, Geneva, sans-serif; padding-bottom: .5em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

div#aboutContainer h1 {font-size: 1.5em; padding: .5em 0 0 .5em}

div#aboutContainer p{font-size:1em;}

div#aboutContainer a:link{color: #900; text-decoration:none;}

div#aboutContainer a:visited{color:#900; text-decoration:none;}

div#aboutContainer a:hover{color:#00F; text-decoration:underline;}

.fieldText{
	padding-left: 15px;
	margin: 5px 0;
}

.helpIcon{
	width: 15px;
	margin-left: 4px;
	cursor: hand;
	cursor: pointer;
}

.upload_button{

	padding-left: 20px;

	font-family:Verdana, Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 15px;

}



.swfu_list_header{

	margin: -1.75em 0 1em 1em;

	text-align: center;

	width: 10em;

	display: block;

	background-color: #fff;

	font-family:Arial, Helvetica, sans-serif;

	font-weight: bold; 

}



.swfu_list_container{

	border: 2px solid #666;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	margin: 1em 0 2em 3em;

	padding: 1em;

}



.upload_controls_container{

	margin: 5px 0 5px 38px;

}



.upload_controls_container input{

	height: 22px;

}



.progressWrapper {

	width: 357px;

	overflow: hidden;

}



.progressContainer {

	margin: 5px;

	padding: 4px;

	border: solid 1px #E8E8E8;

	background-color: #F7F7F7;

	overflow: hidden;

}

/* Message */

.message {

	margin: 1em 0;

	padding: 10px 20px;

	border: solid 1px #FFDD99;

	background-color: #FFFFCC;

	overflow: hidden;

}

/* Error */

.red {

	border: solid 1px #B50000;

	background-color: #FFEBEB;

}



/* Current */

.green {

	border: solid 1px #DDF0DD;

	background-color: #EBFFEB;

}



/* Complete */

.blue {

	border: solid 1px #CEE2F2;

	background-color: #F0F5FF;

}



.progressName {

	font-size: 8pt;

	font-weight: 700;

	color: #555;

	width: 323px;

	height: 14px;

	text-align: left;

	white-space: nowrap;

	overflow: hidden;

}



.progressBarInProgress,

.progressBarComplete,

.progressBarError {

	font-size: 0;

	width: 0%;

	height: 2px;

	background-color: blue;

	margin-top: 2px;

}



.progressBarComplete {

	width: 100%;

	background-color: green;

	visibility: hidden;

}



.progressBarError {

	width: 100%;

	background-color: red;

	visibility: hidden;

}



.progressBarStatus {

	margin-top: 2px;

	width: 337px;

	font-size: 7pt;

	font-family: Arial;

	text-align: left;

	white-space: nowrap;

}



a.progressCancel {

	font-size: 0;

	display: block;

	height: 14px;

	width: 14px;

	background-image: url(../CaribbeanMPA/Images/delete_icon.png);

	background-repeat: no-repeat;

	

	float: right;

}









/* -- SWFUpload Object Styles ------------------------------- */

.swfupload {

	vertical-align: top;

}