html, body {
margin:0px;
}
body {
   color: #333333;
    font-family: verdana;
    font-size: 13px;
    line-height: 19px;
	background-color:#eee;
	background-image:url(pattern3.png);
	background-repeat:repeat;
}

#content {
      margin: 0 auto;
    padding: 0 13px 13px;
    position: relative;
  }

  a:link, a:visited {
  text-decoration:none;
   color: #333333;
  }
  a:hover {
  
  text-decoration:underline;
  }
h1 { 
    font-family: 'Roboto Condensed',sans-serif;
  font-size: 21px;
    font-weight: 400;
    margin-bottom: 5px;
    margin-top: 16px;
}

h2 {
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
}

legend {
  background-color: #FFFEED;
    border: 1px solid #CDC3B3 !important;
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 13px;
    font-weight: 400;
    padding: 2px 7px 2px 8px;
    text-shadow: 0 1px #FFFFFF;
}


hr {
border-left:0px;
border-right:0px;
border-top:1px solid #e8decf;
border-bottom:1px solid #fff;
  margin-bottom: 2px;
    margin-top: 1px;
}


#street,#zip-code,#zip,#city,#title,#type,#zoom {    
	float:left;
	height:22px;
	padding-top:1px;
	font-size:14px;
    margin-bottom: 5px;
    padding-left: 4px;
    width: 300px;
	    border: 1px solid #CBC0AD !important;
}

#bubble-text:hover,#street:hover,#zip-code :hover{    
	    border: 1px solid #9c917f !important;
}



#footerouter {
  background-color: #E0E0E0;
    padding-left: 20px;
    padding-top: 57px;
}

#footer {    
    width: 635px;
}

#footer h3 {
font-weight:lighter;
margin:0px;
}
#footer h4 {
font-weight:lighter;
margin:0px;
margin-bottom:10px;
}

.down {
margin-bottom:0px;
}

.clear {
clear:both;
}

.ui-corner-all {
   border: 1px solid #CDC3B3 !important;
    box-shadow: 0 1px 5px #CBD7E2;
    margin-bottom: 19px;
}

#input {
   background-color: white;
    border-radius: 7px 7px 7px 7px;
    float: left;
    margin-right: 18px;
    margin-top: 15px;
    min-height: 430px;
    padding: 16px 11px 13px;
    width: 330px;
}

#mapout {
  background-color: #FFFFFF;
    border: 3px solid #FFFFFF;
    border-radius: 5px;
    float: left;
    font-size: 10px;
    margin-top: 16px;
    padding: 0 9px 9px;
    position: absolute;
    right: 15px;
    top: 10px;
}

p {
margin-top:18px;
margin-bottom:18px;
}
#map {
  background-color: white;
    border: 3px solid #FFFFFF;
    float: left;
    height: 500px;
    margin-top: 3px;
    padding: 0;
    position: relative;
    width: 600px;
}

fieldset {   
 background-color: #FCF9F4;
}
.ui-state-default .ui-icon {
display:none;
}
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
 padding: 4px 0 0;
}

label {
display: block;
margin-top: 10px;
margin-bottom: 4px;
}


input {
height: 30px;
font-size: 18px;
margin: 0px auto;
border: 1px solid #CCC;
}


.controls-holder{
	float: left;
	width: 400px;
}
.map-holder{
min-width:340px;
}
#map-canvas{
	height:500px; 
	width: 600px;
}




#generate {
  background-color: #2B9B1F;
    background-image: url("button.png");
    border: 1px solid #2C9021 !important;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 21px;
    font-weight: 400;
    height: 51px;
    margin-bottom: 5px;
    margin-left: 24px;
    margin-top: 4px;
    padding-top: 2px;
    text-align: center;
    width: 298px;
}
#generate:hover {
    border: 1px solid #2c9021 !important;
    background-image: url("button_hover.png");
}


#show-more-options {
   background-color: #EEEEEE;
    background-image: none;
    border: 1px solid #999999 !important;
    font-size: 10px;
    height: 25px;
    margin: 8px auto 0;
    width: 117px;
}

#show-more-options span {
   padding: 2px 0 0;
}

#more-options {
display: none;
margin-top: 10px;
}

#embed-code {
font-size: 11px;
}