/* form.css */

@media print {
	#footer, #header, #menu, .pp_pic_holder, #directions a.breadcrumb { display:none; }
	#turns { font-size:1.2em; }
}

* {
  margin: 0;
  padding: 0;
}

.footerItem a, #sidebar a {
	text-decoration:none;
}

body {

  font-family: tahoma, arial, verdana, sans-serif;

  background-color: #ffffff;
  background-image:url(../images/MAINBGFE.jpg);
  background-repeat:repeat-x;

  color: #000000;

  margin:0;
  padding:0;

  font-size: 75%;

}

a {
	color:#3956a6;
}

.disclaimer {
	padding:10px 10px 0;
}

#id {
	text-align:left;
}

#wrapper {
	width:900px;
}

#header {
	background-image:url(../images/FELogo.gif);
	background-repeat:no-repeat;
	padding-left:60px;
	margin-left:5px;
	height:72px;
}

#header h1{
	text-align:left;
	margin-left:10px;
	padding-top:20px;
	width:510px;
	font-size:36px;
	color:#575757;
}
#header h1 a{
	color:#575757;
	text-decoration:none;
}

#adminMenu {
	text-align:left;
}	

#adminMenu a {
	color:#3956a6;
	position:relative;
	top:-10px;
}

#adminMenu a img {
	position:relative;
	top:10px;
	padding: 0 5px;
}	

#menu {
background:url('http://floridaevacuates.com/images/submenubg.gif') repeat-x top;
height:34px;
padding-left:10px;
}

#menu ul {
	list-style: none;
	padding-top:8px;
}
#menu ul li {
	display:inline;
	margin:0 15px 0 5px;
}
#menu ul li a {
	text-decoration:none;
	font-family:arial;
	font-weight:bold;
	font-size:13px;
	color:#484848;	
}
#alerts h2 {
	font-family:arial;
	font-weight:bold;
	font-size:16px;
	margin-bottom:20px;
}
#alerts h4, #alertbox h4 {
	font-family:arial;
	font-weight:bold;
	font-size:12px;
}
#alerts p {
	margin-left:5px;
	padding-bottom:10px;
	width:850px;
}

#alertbox p {
	margin-left:5px;
	padding-bottom:10px;
	width:580px;
}

#shelterInfo {
	margin:10px 0;
	background-color:#a3d3ff;
	width:390px;
	overflow:hidden;
	zoom:1;
	padding:10px;
	text-align:center;
}

#mobileApps {
	overflow:hidden;
	zoom:1;
	padding:20px;
	margin:0 auto;
}
.mobileApp {
	text-align:center;
	display:block;
	float:left;
	padding:5px;	
}
.mobileApp img {
	display:block;
	margin:0 auto;
	padding-bottom:10px;
}
	
#shelterInfo .icon {
	text-align:center;
	display:block;
	float:left;
	padding:5px;
}
#shelterInfo .icon img {
	display:block;
	margin:0 auto;
}
#shelterInfo .icon p {
	font-size:.8em;	
}

#alertbox {
	max-height:100px;
	height: expression(this.scrollHeight > 100 ? "100px" : "auto"); /* IE */
	width:610px;
	overflow-x:hidden;
	overflow-y:auto;
}

#sidebar {
	width:205px;
	height:500px;
	display:block;
	position:absolute;
	top:120px;
	left:650px;
}
#sidebar img {
	height:385px;
	width:205px;
	display:block;
}
#sidebar h4 {
	font-family:arial;
	font-size:16px;
	font-weight:normal;
	color:#c1edff;
	text-align:center;
}
#sidebar p {
	font-family:arial;
	color:#fff;	
	padding:5px;
}

#content, #alerts {
	padding:20px;
	background:#e5f2fe url('http://floridaevacuates.com/images/contentbg.jpg') repeat-x top;
}

#shelterList li
{
margin-bottom:10px;
}

ul#links {
	list-style:none;	
}
ul#links li {
	margin-bottom:10px;
}
ul#links li a {
	font-size:1.2em;	
}

#ideas {
	float:right;
	position:relative;
	top:-75px;
	left:-75px;
}

#ideas span {
	font-size:.9em;
	display:block;
}

#content.map {
	padding:0 0 0 20px;
	background-color:#e5f2fe;
	overflow:hidden;
	zoom:1;
}

a.breadcrumb {
	display:block;
	margin-bottom:10px;
	font-size:1.4em;	
}

#content h4
{
	font-size:1.2em;
	margin-bottom:5px;
}

#content p.help {
	margin-bottom:20px;
}

#content.map p.help {
	margin-top:20px;
	margin-bottom:0;
	width:400px;
}

#content.map #directions {
	margin-top:20px;
}

#content.map #directions ol {
	margin-top:10px;
	margin-left:20px;
}

#mapForm {
	width:410px;
	float:left;
	padding:20px 20px 20px 0;
}

#mapForm input, #mapForm label, #mapForm fieldset legend {
	font-size:1.2em;	
}

#languageSelection {
	clear:both;	
}

#footer {
	padding-left:10px;
	background:#5488c4 url('http://floridaevacuates.com/images/footerbg.jpg') repeat-x top;
	overflow:hidden;
	zoom:1;
}

#adminWrapper {
	width:99%;
	text-align:center;	
}

#adminWrapper #footer {
	clear:both;
	background:transparent;
	text-align:left;
}
#adminWrapper #footer a {
	display:block;
	float:left;
	margin-right:20px;
}

.footerItem {
	display:block;
	float:left;
	height:120px;
	width:305px;
	margin-top:10px;
	margin-bottom:10px;
}
.footerItem img {
	display:block;
	float:left;
	height:120px;
	width:130px;
	margin-right:5px;
}
.footerItem h4 {
	font-family:arial;
	font-size:16px;
	font-weight:normal;
	color:#c1edff;
}
.footerItem p {
	font-family:arial;
	color:#fff;
	padding:5px;
}

#adminWrapper form {
  padding: 10px;
  font-size: 100%;
  min-width: 560px;
  max-width: 620px;
  width: 590px;
}

#admin_welcome{
	display:block;
	margin:10px;	
}

#ideasFooter {
	clear:both;	
}

.pinStyle1{ position:relative; background:url('http://floridaevacuates.com/images/bluePin.gif') no-repeat 0 0; height:30px; width:25px; color:#fff; text-align:center; font: bold 12px Arial; cursor: pointer;}
.pinStyle1 .text{ position: relative; top: 2px; }
.pinStyle1 a { color:#ffffff; }

#content fieldset
{
border:0;
}
#content fieldset label {
	display:block;
	float:left;
	width:55px;
	margin-right:5px;
	text-align:right;
}
#content .searchOptions {
	width:300px;
	margin-top:10px;
	float:left;
}
#content .searchOptions fieldset input {
	position:relative;
	left:-5px;
}
#content legend {
	font-weight:bold;
	margin-top:10px;
}
#content .searchOptions fieldset label {
	display:block;
	width:100px;
	text-align:left;
}
#content .searchOptions fieldset input {
	margin-right:5px;
	padding:0;
	margin:0;
}

#adminWrapper form fieldset {
  clear: both;
  font-size: 100%;
  border-color: #000000;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
}

#adminWrapper form fieldset legend {
  font-size: 150%;
  font-weight: normal;
  color: #000000;
  margin: 0 0 5px 0;
  padding: 0 5px;
}

label {
  font-size: 100%;
}

label u {
  font-style: normal;
  text-decoration: underline;
}

input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
}

textarea {
  overflow: auto;
}

#adminWrapper form div {
  clear: left;
  display: block;
  width: 354px;
  zoom: 1;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

#adminWrapper form fieldset div.notes {
  float: right;
  width: 158px;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #e0f0fe;
  color: #666666;
  font-size: 88%;
}

#adminWrapper form fieldset div.notes h4 {
  background-image: url(http://iat-dev.com/floridaevacuates.com//images/icon_info.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
}

#adminWrapper form fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

#adminWrapper form fieldset div.notes p.last {
  margin: 0em;
}

#adminWrapper form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0 0 0 144px;
  padding: 0 5px 5px 5px;
  width: 197px;
}

#adminWrapper form div fieldset legend {
  font-size: 100%;
  padding: 0 3px 0 9px;
}

#adminWrapper form div.required fieldset legend {
  font-weight: bold;
}

form div label {
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

#adminWrapper form div.optional label, #adminWrapper label.optional {
  font-weight: normal;
}

#adminWrapper form div.required label, #adminWrapper label.required {
  font-weight: bold;
}

#adminWrapper form div label.labelCheckbox, #adminWrapper form div label.labelRadio {
  float: none;
  display: block;
  width: 200px;
  zoom: 1;
  padding: 0;
  margin: 0 0 5px 142px;
  text-align: left;
}

#adminWrapper form div fieldset label.labelCheckbox, #adminWrapper form div fieldset label.labelRadio {
  margin: 0 0 5px 0;
  width: 170px;
}

img {
	border:0;
}

p.error {
  background-color: #ff0000;
  background-image: url(http://iat-dev.com/floridaevacuates.com/images/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
}

form div.error {
  background-color: #ffffe1;
  background-image: url(http://iat-dev.com/floridaevacuates.com/images/required_bg.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #666666;
  border: 1px solid #ff0000;
}

form div.error p.error {
  background-image: url(http://iat-dev.com/floridaevacuates.com/images/icon_error.gif);
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0 0 0 118px;
  width: 200px;
  color: #ff0000;
}

form div select, form div textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div input.inputText, form div input.inputPassword {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div input.inputFile {
  width: 211px;
}

form div select.selectOne, form div select.selectMultiple {
  width: 211px;
  padding: 1px 3px;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 5px 0 0;
}

form div.submit {
  width: 214px;
  padding: 0 0 0 146px;
}

form div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0;
  margin: 0;
}

form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #cccccc;
  color: #000000;
  width: auto;
  padding: 0 6px;
  margin: 0;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 0 0 0 5px;
}

form div small {
  display: block;
  margin: 0 0 5px 142px;
  padding: 1px 3px;
  font-size: 88%;
  zoom: 1;
}

#error {
	padding:20px;
	background-color:#ff8ca2;
	font-weight:bold;
}