/* CSS Document */



body{
	margin:0;
	padding:0;
	background-color:#fff;
}
#top{
	position:relative;
	width:100%;
	height:183px;
	text-align:center;
	color:#000;
	background:#fff url(../images/banner_bg_2.png) repeat-x;
	
	
}
#top img {
	border-right:6px solid #b29999;
	border-left:6px solid #b29999;
}	


div.title_seperator {
	width:100%;
	margin:0;
	height:10px;
	background-color:#422;
}
#title_bar {
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	text-align:center;
	background-color:#422;
	color:#fff;
}
#title_bar h1{
	margin:0.25em 0;
	padding:0;
	font-size:220%;
}
#title_bar h1 a:link, #title_bar h1 a:hover, #title_bar h1 a:visited{
	color:white;
}
div.sub_title_seperator{
	width:100%;
	margin:0;
	height:6px;
	background-color:#b29999;
}
#sub_title_bar{
	width:100%;
	height:2.5em;
	text-align:center;
	margin:0;
	padding:0;
	background-color:#744;
	color:#fff;
}
#sub_title_bar h1 {
	margin:0;
	padding:0;
}
#login_div span{
	color:blue;
	font-weight:bold;
}
#main_wrapper{
	position:relative;
	width:auto;
	height:60em;
	margin:0;
	text-align:center;
	padding:1em 0 3em 0;
	border-top:6px solid #b29999;
	background-color:#fff;
}
#main_content_wrapper hr{
	margin-left:200px;
	margin-right:10%;

}
#main_content_wrapper h2{
	margin-left:200px;
	margin-right:10%;
	border-bottom:3px double #422;
}
#main_content_wrapper p{
	width:auto;
	margin:1em 10% 1em 200px;
	text-align:left;
}
#editor_main_window{
	position:relative;
	margin:auto 10px auto 165px;
	width:auto;
	height:auto;
	padding:1em;
	/*background-color:#fff;
	border:3px solid #744;*/
	text-align:center;
}
img.editor_icons{
	margin:0.25em auto;
	cursor:pointer;
}

#left_bar{
	position:absolute;
	top:2em;
	left:0;
	width:150px;
	height:auto;
	padding:0.75em 0;
	border-style:double;
	border-color:#422;
	border-width:0px 3px 0px 0;
	background-color:#fff;
	text-align:center;
}
#left_bar #left_nav_img_top{
	position:absolute;
	top:-15px;
	right:0;
}
#left_bar #left_nav_img_bottom{
	position:absolute;
	bottom:-15px;
	right:0;
}
#left_bar div{
	margin:auto;
}
#left_bar ul{
	list-style-type:none;
	margin:0.5em 0 1em;
	padding:0 0 0 1.5em;
	text-align:left;
}
#left_bar li{
	margin:auto 0;
}

#left_bar a:link{
	color:black;
}
#left_bar a:visited{
	color:#555;
}
#left_bar img {
	cursor:pointer;
}
#left_bar img:hover{
	background-color:#cfc;
}
#left_bar img.active{
	background-color:#cfc;
}
#left_bar hr{
	margin:auto 1em;
}




#map_canvas{
	border:4px ridge black;
	background-color:white;
	margin:auto;
}

#edit_site_option_list_wrapper, #relay_site_all_images_wrapper{
	padding:1em 0;
	border:3px solid #422;
	color:blue;
	font-weight:bold;
	width:98%;
	margin:auto;
	background-color:#eee;
}

#edit_relay_site_name_display{
	color:blue;
}
#relay_site_edit_save_button, #relay_site_edit_clear_button, #relay_site_edit_delete_button{
	position:relative;
	margin:1em 0 0 1em;
	height:2.5em;
	width:7em;
	font-weight:bold;
	background-color:#efe;
	color:black;
	border:3px solid #7b7;
}
#relay_site_edit_clear_button{
	background-color:#ffd;
	border:3px solid #cc0;
}
#relay_site_edit_delete_button{
	background-color:#fee;
	border:3px solid #f77;
}
#relay_site_edit_save_button:hover, #relay_site_edit_clear_button:hover, #relay_site_edit_delete_button:hover{	
	border-style:inset;
	color:blue;
}
#relay_sites_input_wrapper{
	position:relative;
	width:98%;
	text-align:left;
	margin:auto;
}
#relay_sites_input_wrapper table{
	position:relative;
	width:100%;
	border-collapse:collapse;
	background-color:#eee;
	border-style:solid;
	border-color:#422;
}
#relay_sites_input_wrapper table td{
	border-style:solid;
	border-color:#422;
	border-width:1px;
}
#relay_sites_input_wrapper td.edit_sites_td_left{
	width:15em;
	text-align:right;
	font-weight:bold;
}
#edit_relay_site_order_cell{
	position:relative;
}
#edit_relay_site_order_cell div, #relay_site_image_list_display div{
	position:relative;
	width:20em;
	height:1.4em;
	text-align:center;
	background-color:white;
	border:1px solid blue;
}
#edit_relay_site_order_cell div img, #relay_site_image_list_display div img{
	padding:1px;
	margin:0;
	border:1px solid #777;
}
#edit_relay_site_order_cell div img:hover, #relay_site_image_list_display div img:hover{
	border:1px solid red;
	background-color:#ddf;
}

#edit_site_select_list option{
	padding:0.1em 0 0.1em 0.75em;
}
#working_window {
	position:absolute;
	width:30%;
	height:auto;
	left:35%;
	top:20%;
	text-align:left;
	padding:2em;
	background-color:#eee;
	border:5px ridge #0f0;
	z-index:99;
}
#working_window p{
	margin:0 auto;
}
#working_window #working_anim {
	position:absolute;
	display:none;
	top:5px;
	right:5px;
	width:64px;
	height:64px;
}
#data_saved_alert_window{
	position:absolute;
	width:20em;
	height:auto;
	left:25%;
	top:5em;
	text-align:center;
	padding:2em;
	font-weight:bold;
	background-color:#cfc;
	border:5px ridge black;
}
#data_saved_alert_window p{
margin:0;
}

#relay_site_image_list_display{

}

#relay_site_all_images_wrapper{
	margin-top:2em;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}
#relay_site_all_images_window{
	position:relative;
	max-width:770px;
	
	text-align:center;
	margin:auto;
}
div.site_image_display{
	position:relative;
	float:left;
	margin:4px;
	width:180px;
	height:310px;
	border:1px solid #422;
	text-align:center;
	font-weight:normal;
	background-color:#fff;
	
}
div.site_image_display span{
	position:absolute;
	left:2px;
	bottom:2px;
	width:170px;
	overflow:hidden;
	border:1px solid #422;
	padding:2px;
	color:black;
	background-color:#eef;
}
#relay_site_all_images_window div.site_image_display img{
	position:relative;
	width:180px;
	border-top:1px solid #422;
	border-bottom:1px solid #422;
	vertical-align:top;
}
div.site_image_display button{
	position:relative;
	margin:0;
	height:2em;
	width:5em;
	margin:5px;
	color:black;
	text-align:center;
}

div.site_image_display button.button_photo_assign{
	background-color:#efe;
	border:3px solid #7b7;
}

div.site_image_display button.button_photo_delete{
	background-color:#fee;
	border:3px solid #f77;
}
div.site_image_display button:hover{
	border-style:inset;
	color:blue;

}



p.headingpara{
	padding:1em 0;
	border:3px solid #422;
	color:blue;
	font-weight:bold;
	width:98%;
	margin:auto auto 1em;
	background-color:#eee;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}
.page_input_wrapper{
	position:relative;
	width:98%;
	text-align:left;
	margin:auto;
	border:3px solid #422;
	background-color:#eee;
	overflow:auto;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}

.page_input_wrapper p{
	position:relative;
	margin:1.5em;
	cursor:default;
}
.page_input_wrapperxxxxx p:first-letter{
	font-weight:bold;
	font-size:200%;
}
.page_input_wrapper p span.para_interaction{
	position:relative;
	
	width:100px;
	height:28px;
	/*filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}
#about_page_input_wrapper p span:hover{
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	-khtml-opacity: 1.00;
	opacity: 1.00;*/
}
.page_input_wrapper h3 {
	text-align:center;
}
.page_input_wrapper img { /*p span.para_interaction img, #link_page_input_wrapper li img, #map_page_input_wrapper img, #passwords_page_input_wrapper div img {*/
	padding:1px;
	margin:5px 2px;
	border:2px outset #000;
	vertical-align:text-bottom;
}
.page_input_wrapper img:hover {/* p span.para_interaction img:hover, #link_page_input_wrapper li img:hover, #map_page_input_wrapper img:hover, #passwords_page_input_wrapper div img:hover {*/
	
	background-color:#fff;
}

#link_page_input_wrapper textarea {
	margin: 5px 2px;
	/*border:1px solid #422;*/
}
#link_page_input_wrapper {
	list-style-type:none;
	margin:1em;
	padding:0 2em;
}
#link_page_input_wrapper li {
	margin: 0.8em 0;
}

#map_page_input_wrapper {
	margin:1em;
	text-align:center;
}
#map_page_input_wrapper select, #map_page_input_wrapper input {
	margin-right:2em;
}
#map_size_example {
	position:relative;
	text-align:center;
	border:1px solid #422;
	background-color:white;
	margin:auto auto 4em;
}
#map_size_example span {
	position:absolute;
	top:44%;
	left:44%;
}

#passwords_page_input_wrapper div {
	position:relative;
	margin:1em auto;
	text-align:center;
	width:90%;
}
#passwords_page_input_wrapper div hr {
	margin-bottom:0.75em;
}
#passwords_page_input_wrapper div input {
	margin-right:1em;
}
#passwords_page_input_wrapper div select {
	margin-right:1em;
	text-align:right;
	width:6em;
}








#universal_textarea_input_window{
	position:absolute;
	top:50px;
	left:10%;
	width:30em;
	height:16em;
	background-color:#ffc;
	text-align:center;
	padding:1em;
	border:5px ridge #422;
	z-index:99;
}
#universal_textarea_input_window button{
	margin:0 0.25em 1em;
	background-color:#ccc;
	border:2px outset #422;
	padding:4px 8px;
	font-weight:bold;
}
#universal_textarea_input_window button:hover{
	background-color:#cfc;
}
#universal_textarea_input_window textarea{
	background-color:#fff;
	border:2px solid #422;
}
#para_edit_options_popup{
	position:absolute;
	top:0;
	left:0;
	width:15em;
	height:2em;
}

#obscure_layer {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:100%;
	height:2700px;
	background:#000 url(../images/carbon_fiber.gif) repeat scroll left top;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}


input, select, textarea {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	border-color:#422;
	border-style:inset;
	padding:2px;
	
}


.text_underline{ text-decoration:underline; }
.text_large{ font-size:larger; }
.text_heading{ font-weight:bold; font-size:130%; }