/* CSS Document */



/* anchor properties */

a { font-family:Verdana, sans-serif; color: #0000FF;}
a:visited { color: #3C00FF;}
a:hover { color: red; text-decoration: none;}

.box_head_1_dyn a,

.box_head_1_dyn { color:#000000; text-decoration: none; font-weight: bold; white-space:nowrap;}

.box_head_1_dyn a:hover { color:#FFF; text-decoration: none; font-weight: bold;}

.box_head_2_dyn a { color:#0000CC; text-decoration: none; font-weight: bold; white-space:nowrap;}

.box_head_2_dyn a:hover { color:red; text-decoration: none; font-weight: bold;}

.box_head_2_flip a { color:#FFF; text-decoration: none; font-weight: bold;}

.box_head_2_flip a:hover { color:#DDDDDD; text-decoration: none; font-weight: bold;}

.box_content_link {}

.box_content_link a { color:#000000; text-decoration: none; font-weight: normal;}

.box_content_link a:hover { color:#ff9900; text-decoration: underline; font-weight: normal;}

.submenu_buttons a { color:#336699; text-decoration: none; font-weight: bold;}

.submenu_buttons a:hover { color:#FFF; text-decoration: underline; font-weight: bold;}

.submenu a { color:#000000; text-decoration: none; font-weight: normal;}

.submenu a:hover { color:#000000; text-decoration: underline; font-weight: normal;}

.eR_menu a { color:#FFFFFF; text-decoration: none; font-weight: bold;
	font-size: 12px;
	white-space: nowrap;
	text-shadow: #000000;
	font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;}



/* Keep image links from having a border */

a img { border: none; }



body {

	background-color: #FFFFFF;

	margin: 0 0 0 0;

	font-size:12px;

	font-family:Verdana, sans-serif;



}

.bodytable {

	width: 100%;

	border: 0px solid #000000;

	border-collapse:collapse;

	padding: 0px;

	margin: 0px;

}



/* 3 column main table */

.maintable {

	width: 100%;

	border: 0px solid #AAAAAA;

	border-collapse: collapse;

	padding: 2px;

	margin: 2px;

	margin-left: 0px;

}



/*columns in main table */

.leftcolumn {

	width: 150px;

	padding:4px;

}

.centercolumn {

	padding:4px;

}

.rightcolumn {

	width: 150px;

	padding:4px;

}



/*box defining properties */

.box_150 {

	width: 150px;

	border-collapse: collapse;

	border: 0px;

	padding: 0 0 0 0;

	margin: 0 0 0 0;



}




.box_head_1_150 {

	width: 126%;

	background-color: #CBF873;

	background-image:url(images/boxhead2/hd_336699_mid.gif); background-repeat:repeat-x;

	font-weight: bold;

	color: #FFFFFF;

	
}


.box_head_1_left {
	width:10px;
	height:28px;
	background-color: #91DE45;
	border-left: 1px solid #91DE45;
	border-top: 1px solid #91DE45;
	border-bottom: 1px solid #91DE45;
	background-image:url(http://ecoreef.org/global_images/eR_gradient_2.gif);
	background-repeat: no-repeat;
	margin:5px;	
}
.box_head_1_right {
	width:10px;
	height:28px;
	background-color: #91DE45;
	border-top: 1px solid #91DE45;
	border-right: 1px solid #91DE45;
	border-bottom: 1px solid #91DE45;
	background-image:url(http://ecoreef.org/global_images/eR_gradient_2.gif);
	background-repeat: no-repeat;
}
.box_head_1_dyn {
	background-color: #91DE45;
	border: 1px solid #91DE45;
	background-image:url(http://ecoreef.org/global_images/eR_gradient_2.gif);
	height:28px;
	background-repeat:repeat-x;
	font-weight: bold;
	color: #466800;
	font-family:Verdana, sans-serif;
	font-size: 12px;
	padding-left:5px;
}
.box_content_1 {
	background-color: #EDFFCB;
	border-left: 1px solid #91DE45;
	border-right: 1px solid #91DE45;
	border-bottom: 1px solid #91DE45;
	padding: 0px;
	font-size: 11px;
}









.box_head_2_left {
	width:12px;
	height:25px;
	border-top: 1px solid #91DE45;
	border-left: 1px solid #91DE45;
	border-bottom: 1px solid #91DE45;
	background-color: #91DE45;
	background-image:url(http://ecoreef.org/global_images/eR_gradient_3.gif);
	background-repeat: no-repeat;
}
.box_head_2_right {
	width:12px;
	height:25px;
	border-top: 1px solid #91DE45;
	border-right: 1px solid #91DE45;
	border-bottom: 1px solid #91DE45;
	background-color: #91DE45;
	background-image:url(http://ecoreef.org/global_images/eR_gradient_3.gif);
	background-repeat: no-repeat;
}
.box_head_2_dyn {
	background-color: #91DE45;
	border-top: 1px solid #91DE45;
	border-left: 1px solid #91DE45;
	border-right: 1px solid #91DE45;
	border-bottom: 1px solid #91DE45;
	background-image:url(http://ecoreef.org/global_images/eR_gradient_3.gif); 
	height: 27px;
	background-repeat:repeat-x;
	font-weight: bold;
	font-family:Verdana, sans-serif;
	font-size: 11px;
	color: #466800;
	padding-left:5px;
}
.box_content_2 {
	background-color: #F9FFEC;
	border-left: 1px solid #91DE45;
	border-right: 1px solid #91DE45;
	border-bottom: 1px solid #91DE45;
	border-top: 1px solid #91DE45;
	padding: 0px;
	font-size: 11px;
	font-family:Verdana, sans-serif;
	color:#777777;
	font-size: 11px;
	padding:6px;
}
.box_content_2 a:hover {color:red;}

.box_content_ads {
	background-color: #F9FFEC;
	border-left: 1px solid #91DE45;
	border-right: 1px solid #91DE45;
	border-bottom: 1px solid #91DE45;
	padding: 0px;
	font-size: 11px;
	font-family:Verdana, sans-serif;
	color:#777777;
	font-size: 11px;
	padding:6px;
	line-height:8pt;
}
.box_content_ads a {color:#0000CC; font-weight:lighter; font-size:11px; font-family:Verdana, sans-serif;}
.box_content_ads a:hover {color:red;}

.box_content_ads_image {
	line-height:8pt;
	vertical-align: middle;
}


.box_content_ads_blue {
	background-color: #EFEFFF;
	padding: 0px;
	font-size: 11px;
	font-family:Verdana, sans-serif;
	color:#777777;
	font-size: 11px;
	padding:6px;
	line-height:8pt;
}
.box_content_ads_blue a {color:#0000CC; font-weight:lighter; font-size:11px; font-family:Verdana, sans-serif;}
.box_content_ads_blue a:hover {color:red;}


.box_auction_content {
	background-color: #EFEFFF;
	border: 1px solid #BFBFFB;
	padding: 5px;
}

.box_dyn_listing {
	background-color: #BFBFFB;
	border: 1px solid #CCCCFF;
	background-image:url(http://ecoreef.org/global_images/eR_gradient_listing.gif);
	height:28px;
	background-repeat:repeat-x;
	font-weight: bold;
	color: #000000;
	font-family:Verdana, sans-serif;
	font-size: 12px;
	padding-left:5px;
}
.box_content_listing {
	background-color: #EFEFFF;
	padding: 0px;
	font-size: 11px;
}

.eR_home {
	color: #777777;
	font-family:Verdana, sans-serif;
	font-size: 13px;
}

.about_tools {
	color: #777777;
	font-family:Verdana, sans-serif;
	font-size: 13px;
	padding: 10px;
}

.eR_footer {
	color: #C0C0C0;
	font-family:Verdana, sans-serif;
	font-size: 10px;
}
.eR_footer a {
	color: #9ABEFF;
}
.eR_footer a:hover {
	color: red;
}




.box_150_content_2 {
	width: 148px;
	background-color: #F9FFEC;
	border-left: 1px solid #91DE45;
	border-right: 1px solid #91DE45;
	border-bottom: 1px solid #91DE45;
	padding: 6px;

}

.box_head_2_150 {

	width: 126px;

	background-color: #ff9900;

	background-image:url(images/boxhead2/hd_336699_mid.gif); background-repeat:repeat-x;

	font-weight: bold;

	color: #FFFFFF;

}

.help_title {
	font-size: 13pt;
	font-weight: bold;
	color: #0000CC
}

.help_name {
	text-align: left;
	font-size: 8pt;
	color: #0000CC
}	

.help_value {
	text-align: left;
	font-size: 8pt;
	color: #777777
}

.help_content {
	text-align: left;
	font-size: 10pt;
	color: #777777
}









/* Fix for IE 6 to inherit font size */

.box_content_2 td{

	font-size:12px;

}

.box_dyn {

	border-collapse: collapse;

	border: 0px;

	padding: 0 0 0 0;

	margin: 0 0 0 0;



}


.box_dyn_content {

	background-color: #EDFFCB;

	border-left: 1px solid #91DE45;

	border-right: 1px solid #91DE45;

	border-bottom: 1px solid #91DE45;

	padding-left: 2px;

	padding-bottom: 2px;
	font-family:Verdana, sans-serif;

	font-size: 12px;



}



/*not boxes*/
.eR_menu {
	height:20px;
	border-collapse:collapse;
	text-indent: 8px;
	background-image:url(http://ecoreef.org/global_images/eR_gradient_1.gif); background-repeat:repeat-x; background-position: bottom;
	padding: 3px 6px 3px 6px;
}

.eR_submenu {
	height:10px;
	border: 1px solid #91DE45;
	text-indent: 8px;
	background-image:url(http://ecoreef.org/global_images/eR_gradient_2.gif); background-repeat:repeat-x; background-position: top;
	padding: 0px; /*3px 6px 3px 6px;*/
}
.eR_submenu_header {
	height:5px;
	border: 1px solid #91DE45;
	text-align: center;
	background-image:url(http://ecoreef.org/global_images/eR_gradient_3.gif); background-repeat:repeat-x; background-position: top;
	padding: 0px;
	font-size: 9px;
	color: #8FB642;
	margin-top:2px;
}
.eR_submenu_text {
	text-align: center;
	font-size: 10px;
	color: #466800;
	text-decoration: none;
}
.eR_submenu_text a {
	text-align: center;
	font-size: 10px;
	color: #466800;
	text-decoration: none;
}


.submenu {
	border-top: 1px solid #8FB642;
	border-bottom: 1px solid #8FB642;
	border-collapse:collapse;
	text-indent: 8px;
	background-image:url(http://ecoreef.org/global_images/eR_gradient_1.gif); background-repeat:repeat-x; background-position: bottom;
	padding: 5px;
	font-size: 12px;
	color: #FFFFFF;
}

.submenu_buttons {

	padding: 0px 0px 0px 0px;

	border-collapse:collapse;

	border: 0;

	font-size: 12px;

}

.formbutton {

/*

Example css for form buttons

background-color: #a5cceb;

border: 1px solid #000000;

color: #000000;

font-size: 10px;

font-weight: bold;

*/

}

.user_admin_text1 {

color: #000000;

font-size: 12px;

font-weight: bold;

}

h1 {

font-size: 16px;

text-align: center;

font-weight:bold;

}

.footertext {

	font-size: 10px;}

.login_box_text1 { font-size: 12px; }

.login_box_text2 { font-size: 12px; }



/* ----- CSS for User Management Table ----- */

.use_man_table_container

{

  text-align: center;

  margin: 0px auto;

  width: 600px;

}

.use_man_table_header

{

     clear: both;

     width: 600px;

     padding-bottom: 0px;

     padding-top: 30px;

}

.use_man_table_left

{

  width: 295px;

  padding-right: 5px;

  float: left;

  clear: left;

}



.use_man_table_right

{

  width: 295px;

  padding-left: 4px;

  float: right;

  clear: right;

}

.use_man_table_footer

{

     clear: both;

     width: 600px;

     height: 1px;

}

.use_man_table_left div,

.use_man_table_right div{

	text-align:left;

}



.use_man_table_left div a,

.use_man_table_right div a {

	padding-left: 30px;

	text-decoration:none;

}

.use_man_table_left div img,

.use_man_table_right div img {

	width: 42px;

	height: 42px;	

}

.use_man_table_sep {

	width: 100%;

	height: 20px;

	border-bottom: 1px solid #dddddd;

	clear:both;

}



/* extra questions and extra checkboxes */

.extraCheckboxes {

	margin:0px;

	padding:0px;

	float:left;

	list-style-type: none;	

}

.extraCheckboxes li {

	background-image: url('images/checkbox_arw.gif');

	background-position: 0px 50%; /* X-pos Y-pos (from top-left) */

	background-repeat: no-repeat;

	padding-left: 15px;

	border: 0px solid black;

	white-space:nowrap;

	margin:0px;

}

.extraQuestionName,

.extraQuestionName li,

.extraQuestionValue,

.extraQuestionValue li {

	margin:0px;

	padding:0px;

	list-style-type: none;


}

.extraQuestionName li,

.extraQuestionValue li {

	margin-bottom: 5px;

}

/* gallery images on listing page */
#galleryContainer
{
	width: 450px;
	height: 100%;
	margin: 0px auto; /* CENTER THE DIV */
	text-align: center;
}
#galleryBigImage
{
	float: left;
	text-align: center;
	border: 1px solid #ccc;
	margin-top: 4px;
}
#galleryBigImage img
{
	margin: 0px auto;
}
#galleryThumbs
{
	width: 192px;
	
	float: right;
	padding: 3px;
	
	text-align: auto;
}

#galleryThumbs ul
{
	margin: 0px;
	padding: 0px;
}
#galleryThumbs ul li
{
	list-style: none;
	padding: 0px;
	margin: 1px;
	display: block;
	float: left;
	border: 1px solid #ccc;
	text-align: center;
	
}

#galleryThumbs ul li img
{
	margin: 0px auto;
	border: 0px;	
}

		mages on listing page */
#galleryContainer
{
	width: 450px;
	height: 100%;
	margin: 0px auto; /* CENTER THE DIV */
	text-align: center;
}
#galleryBigImage
{
	float: left;
	text-align: center;
	border: 1px solid #ccc;
	margin-top: 4px;
}
#galleryBigImage img
{
	margin: 0px auto;
}
#galleryThumbs
{
	width: 192px;
	
	float: right;
	padding: 3px;
	
	text-align: auto;
}

#galleryThumbs ul
{
	margin: 0px;
	padding: 0px;
}
#galleryThumbs ul li
{
	list-style: none;
	padding: 0px;
	margin: 1px;
	display: block;
	float: left;
	border: 1px solid #ccc;
	text-align: center;
	
}

#galleryThumbs ul li img
{
	margin: 0px auto;
	border: 0px;	
}