@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; }

#mapappbutton {width:100%; margin:25px auto; text-align:center;}
#mapappbutton a{text-decoration:none; font-weight:bold; font-size:1.5em;}

.mpa_view_menu_container {padding: 5px; text-align:center; min-height: 39px; width: 100%;}
.mpa_view_menu_container img{max-height: 35px; padding: 0 3px 3px 0; border-width:0;}
.mpa_view_menu_container div{
	float:right; height:40px; 
	font-size:medium; 
	background-color: #BBB; 
	padding: 5px; 
	margin: 0 5px; 
	color: #FFF; 
	font-weight: bold; 
	font-size: .9em; 
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	cursor: pointer;
	cursor: hand;
}
.mpa_view_menu_container div:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.mpa_view_menu_container div:active {
	position:relative;
	top:1px;
}
.mpa_view_menu_container a{text-decoration:none; color: #FFF;}
.mpa_view_menu_title {width:80%; font: bold 1.8em Arial, Helvetica, sans-serif;}
.mpa_view_menu_pdfimg {width:15%; float: right; text-align:right;}

div#MPAViewList {width: 100%; font-size:1.3em;}
#MPAViewList table {width: 100%;}
table#ViewMpaTable {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;}
.ui-tabs-panel{height:100%};


/*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;}

#MPAEditList .list-col-1 {width: 30%; padding: 0 3px;}
#MPAEditList .list-col-2 {width: 50%; padding: 0 3px;}
#MPAEditList .list-col-3 {width: 5%; margin:0; border-style:none; text-align:center;}
#MPAEditList .list-col-4 {width: 5%; margin:0; border-style:none; text-align:center;}
#MPAEditList .list-col-5 {width: 15%; margin:0; border-style:none; text-align:center;}
#MPAEditList {font-size: 1.3em;}

#MPAViewList .list-col-1 {width: 35%; padding: 0 3px;}
#MPAViewList .list-col-2 {width: 55%; padding: 0 3px;}
#MPAViewList .list-col-3 {width: 5%; margin:0; border-style:none; text-align:center;}
#MPAViewList .list-col-4 {width: 5%; margin:0; border-style:none; text-align:center;}


.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;

}