/* CSS Resets =================== */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}


/* Globals =================== */

body {
	color: #333;
	font-family: Arial, sans-serif;
	font-size: 14px;
	padding: 0px;
	line-height: 1.4;
}
a img {
  border: 0;
}
a:link, a:visited {
	color: #06c;
	text-decoration: none;
}
a:hover, a:active {
  border-bottom: 1px solid #036;
  color: #036;
}
.round {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
ul {
	list-style-type: circle;
}
ul, ol {
  margin: 9px 0 18px 27px;
}
li {
  margin: 0 0 9px 0;
}
p {
  margin-bottom: 18px;
}
h1 {
  font-size: 30px;
  font-weight: 100;
  margin-bottom: 18px;
}
h2 {
	color: #999;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 36px;
}
h3 {
	color: #000;
	font-size: 18px;
	font-weight: 100;
	margin-top: 9px;
	margin-bottom: 18px;
}
h4 {
	width: 20%;
	line-height: 2em;
	height: 20px;
	float: left;
	text-align: center;
	background-color: #369;
	padding: 0;
	margin: 0;
	border-width: 0;
	border-style: solid;
	border-color: #000;
}
h5 {
	font-size: 14px;
	margin-bottom: 6px;
	margin-top: 15px;
	border-width: 0 0 1px 0;
	border-color: #e5e5e5;
	border-style: solid;
	padding: 2px;
	color: #387cbc; 
	font-weight: bold;
}
sup {
	font-size: 13px;
	position: relative;
	top: -3px;
}
.standard-body {
	width: 900px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: auto;
}


/* Format =================== */

.content {
	width: 970px;
	margin: 0 auto;
}
.pro-tag h2 {
  background: url(/images/underline.png) no-repeat 246px 32px;
  color: #333;
  font-size: 22px;
  font-weight: normal;
  margin: 52px 0;
  padding: 6px 0;
  text-align: center;
}
.content:after, .row:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
#header {
	height: 100px;
	margin: 0 0 50px 0;
	text-align: right;
}
#utility {
  position: relative;
  padding-top: 6px;
}
a.login {
  position: relative;
  padding: 10px 22px 10px 13px;
  right: 0;
  border: 0 none;
  color: #000;
  font-size: 13px;
 padding-right: 18px;
}
a.login.active {
  color: #fff;
  background-color: #000;
  position: relative;
  background-repeat: no-repeat;
  background-position: 98% center;
  z-index: 10;
/*    
  background: #eee url(/images/icon-log-in.png);
-webkit-box-shadow: 0 0 5px #ccc;
    -moz-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	*/
    border-radius: 8px;
}
a.login span {
  background-color: #fff;
  color: #fff;
  display: none;
  height: 17px;
  position: absolute;
  top: 30px;
  padding-left: 33px;
  left: -2px;
}
#login_box p {
  margin-bottom: 12px;
}
#login_box {
  background: #000;
  color: #fff;
  width: 200px;
  position: absolute;
  font-size: 11px;
  right: 0;
  padding: 20px;
  text-align: left;
  top: 23px;
  z-index: 99;
/*
    -webkit-box-shadow: 0 0 5px #ccc;
    -moz-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
*/
    border-radius: 8px;
}
#login_box a {
  color: #fff;
  font-size: 12px;
}
#login_box label {
  display: block;
  font-size: 12px;
}
#login_box span {
  float: left;
  font-size: 12px;
  margin-top: 10px;
}
#login_box label[for="remember_me"] {
   float: left;
   margin-top: 10px;
}
#login_box input[type="text"],
#login_box input[type="password"] {
   padding: 6px;
   width: 180px;
}
#login_box input.button {
   float: right;
   font-size: 14px;
   padding: 8px 20px;
}
#header .nav {
   background-color: #ffd449;
   float: right;
   margin-top: 20px;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd449), to(#fcbd42)); 
   background-image: -webkit-linear-gradient(top, #ffd449, #fcbd42); 
   background-image:    -moz-linear-gradient(top, #ffd449, #fcbd42); 
   background-image:     -ms-linear-gradient(top, #ffd449, #fcbd42); 
   background-image:      -o-linear-gradient(top, #ffd449, #fcbd42); 
   background-image:         linear-gradient(to bottom, #ffd449, #fcbd42);
   -webkit-border-radius: 3px; 
     -moz-border-radius: 3px; 
          border-radius: 3px;
   -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, .07), inset 0px 2px 0px 0px rgba(255, 255, 255, .35);
      -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, .07), inset 0px 2px 0px 0px rgba(255, 255, 255, .35);
           box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, .07), inset 0px 2px 0px 0px rgba(255, 255, 255, .35);
}
.nav a:link, .nav a:visited {
   border: 0 none;
	color: #333;
	font-weight: normal;
	display: block;
	float: left;
	line-height: 32px;
	margin-right: 20px;
	font-size: 16px;
	text-decoration: none;
	text-transform: lowercase;
}
#header .nav a:link, #header .nav a:visited {
	color: #7c6b47;
   margin: 0;
	padding: 9px 20px;
	position: relative;
}
.nav a:hover, .nav a.current {
  color: #999;
}
#header .nav a:hover, #header .nav a.current {
  color: #333;
}

#header .nav a.current:after {
   border-color: transparent transparent #fff;
   border-style: solid;
   border-width: 10px;
   bottom: -3px;
   content: '';
   height:0;
   left: 40%;
   position: absolute;
   width:0;
}
#header h1 a {
   border: 0 none;
   float: left;
   margin: 30px 0 0 -10px;
   width: 260px;
}
h1.home span {
	color: #369;	
}
h1.home em {
	font-style: normal;
	font-weight: bold;
	color: #666;
}
h1.home b {
	font-size: 12px;
	color: #999;
}
h2.home {
	font-size: 16px;
	margin: 2px 20px 0 0;
	width: 500px;
}
.row {
  margin: 45px 0 0;
}
.column {
  margin-left: 20px;
  float: left;
}
.column.left {
  width: 620px;
}
.column.right {
  width: 290px;
}
#footer {
   font-size: 12px;
   margin: 20px auto;
   padding: 20px 0;
   text-align: right;
}
#footer p {
   line-height: 32px;
}
#footer .nav div {
   margin: 4px 0 0 10px;
   float: left;
   z-index: 99;
}
#generator {
  margin-bottom: 72px;
}
#generator h1 {
  margin-bottom: 10px;
}
#publishers {
  border-top: 1px solid #eee;
  float: left;
  padding: 27px 0 0;
  text-align: center;
  width: 640px;
}
#publishers h2 {
  background: #fff;
  color: #7f7f7f;
  font-size: 14px;
  padding: 0 6px;
  position: relative;
  display: inline;
  top: -36px;
}
#publishers p {
  border-top: 1px solid #eee;
  margin: 36px 0 0;
  padding: 9px 0 0;
}
#mobile-callout {
  float: left;
  font-size: 12px;
  margin-left: 20px;
  width: 310px;
}
#mobile-callout h2 {
  font-size: 16px;
  margin-bottom: 9px;
}
#mobile-callout img {
  float: right;
  margin: -18px 0 0 10px;
}
#mobile-callout .round {
  background: #eee;
  padding: 9px;
}
#mobile-callout a.round {
  border: 0 none;
  background: #dfdfdf;
  font-size: 14px;
  margin: 18px -9px -9px;
  display: block;
}
#content-wrap {
  background: #eee;
  border-top: 1px solid #ddd;
  margin-top: 45px;
  overflow: hidden;
  padding: 0 0 72px 0;
}
#content-wrap.slideshow {
  background-color: #ffe681;
  border-bottom: 1px solid #ffd449;
  border-top-color: #ffd449;
  padding: 10px 0 0;
}
.slideshow>.content>img {
  margin-left: 0px;
}
#pro-intro {
  float: right;
  font-size: 16px;
  width: 292px;
  margin-right: 30px;
}
#pro-intro h1 {
  color: #000;
  line-height: 1.1;
  margin: 4px 0 16px 0;
}
.price {
  font-size: 50px;
  margin: -10px 0 10px 82px;
}
.price sup {
  font-size: 24px;
}
.price em {
  color: #666;
  font-size: 12px;
  margin-left: -39px;
}
#how-to-use ol {
  margin: 0;
}
#how-to-use li {
  list-style: none;
  margin-bottom: 32px;
  overflow: hidden;
}
#how-to-use li img {
  float: left;
  margin-right: 18px;
}
#go-pro {
  background: #fff;
  padding: 18px;
}
#go-pro img {
  margin-bottom: 18px;
}
#favorites img {
	vertical-align: middle;
	float: left;
	margin: 12px;
}
#favorites ul {
	margin: 0;
}
#favorites li {
	list-style-type: none;
	margin-left: 0;
	padding: 4px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	clear: both;
}
.tweet_text {
	display: block;
}
.tweet_time, .tweet_user {
	font-size: 10px;
}
.tweet_user {
	font-weight: bold;
}
#go-pro ul, #favorites {
  margin-top: 18px;
}
#go-pro li, #favorites {
  font-size: 12px;
  margin-bottom: 9px;
  padding: 4px;
}
li.tweet_even {
}
li.tweet_odd {
  background-color: #fff;
}
#go-pro a:hover {
  border-bottom: 0 none;
}
#pro-features ul {
  margin-left: -64px;
}
#pro-features li {
  background-image: url(/images/feature-icon-sprite.png);
  background-repeat: no-repeat;
  float: left;
  list-style: none;
  margin-left: 64px;
  padding-right: 90px;
  min-height: 200px;
  width: 190px;
}
#pro-features li {
  background-image: url(/images/feature-icon-sprite.png);
  background-repeat: no-repeat;
  float: left;
  list-style: none;
  margin-left: 64px;
  padding-right: 90px;
  min-height: 200px;
  width: 190px;
}
#pro-features li.one {
  background-position: 211px 10px;
}
#pro-features li.two {
  background-position: -85px 10px;
}
#pro-features li.three {
  background-position: -381px 10px;
}
#pro-features li.four {
  background-position: 212px -184px;
}
#pro-features li.five {
  background-position: -85px -184px;
}
#pro-features li.six {
  background-position: -381px -184px;
}
#pro-features li.seven {
  background-position: 209px -390px;
}
#pro-features li.eight {
  background-position: -89px -390px;
}
#pro-features li.nine {
  background-position: -385px -390px;
}
#pro-features li.ten {
  background-position: 211px -594px;
}
#pro-features li.eleven {
  background-position: -76px -586px;
}
#pro-cta .left {
  background: url(/images/cta-arrow.png) no-repeat 500px 15px;
  margin-left: 0;
}
#pro-cta .right {
  width: 330px;
}
#pro-cta h2 {
  margin-bottom: -8px;
}
#ios .overview, #webapp .overview {
   float: left;
   width: 300px;
}
#ios > img {
   float: right;
   margin-top: -10px;
}
.mobile h2 {
   margin-bottom: 18px;
}
.mobile a {
   border: 0 none;
}
.mobile ul {
   margin-bottom: 50px;
}
#webapp {
   background: url(../images/separator.png) no-repeat top;
   margin-top: 20px;
   padding-top: 50px;
}
#webapp .overview {
   margin-right: 40px;
}
#webapp > img {
   float: left;
}
#webapp p {
   float: left;
   margin: 51px 0 0 20px;
   width: 320px;
}
#sign_up_form fieldset {
  padding: 20px 30px 30px;
  text-align: left;
}
#sign_up_form h1 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 18px;
  text-align: center;
}
#sign_up_form .field span {
  display: block;
  font-size: 11px;
  margin-left: 42%;
}
#sign_up_form label {
  display: block;
  float: left;
  margin-right: 10px;
  padding: 8px 0;
  text-align: right;
  width: 40%;
}
#sign_up_form input[type="text"], #sign_up_form input[type="password"] {
  padding: 5px;
  font-size: 14px;
}
#credit_card_form select {
  width: auto;
}
#card_number {
  margin-right: 10px;
}
.lock {
  margin-right: 4px;
  position: relative;
  top: -2px;
}
.billingpoints {
  float: right;
  margin-right: -340px;
  margin-top: -49px;
  position: relative;
  width: 290px;
}
.billingpoints h2 {
  margin-bottom: 0;
}
.billingpoints h3 {
  background: url(/images/icon-30days.png) no-repeat right center;
  padding-right: 90px;
}
#sign_up_form input[type="submit"] {
  margin-left: 40%;
  margin-bottom: 72px;
}
.right.signup h2 {
  margin-bottom: 0;
  margin-top: 50px;
}

/* Mapping =================== */

fieldset, .fieldset {
	text-align: center;
	background-color: #eee;
	border-width: 0px;
	border-color: #aaa #666 #666 #aaa;
	border-style: solid;
  	margin: 36px 0 18px 0;
	padding: 18px 9px;
	font-size: 14px;
  	border-radius: 6px;
  	-moz-border-radius: 6px;
  	-webkit-border-radius: 6px;
}
.fieldset p {
  color: #666;
  font-size: 13px;
  margin-bottom: 18px;
}
legend, .step {
	color: #369;
	font-weight: bold;
	margin: -38px 0 6px 4px;
	padding: 2px;
	font-size: 14px;
	text-align: left;
}

#sourceWrap {
	padding: 2px 4px;
	margin: 12px auto 18px auto;
	width: 892px;
	height: 130px;
	cursor: pointer;
}

#generator textarea {
	font-size: 11px;
	font-family: "Courier New", Courier, mono;
	border: 1px solid #aaa;
	background-color: #fff;
	color: #000;
	overflow-x: hidden;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	resize: vertical;
	width: 892px;
	height: 130px;
  	-webkit-box-shadow: inset 0 2px 6px rgba(0,0,0,0.1);
  	-moz-box-shadow: inset 0 2px 6px rgba(0,0,0,0.1);
  	box-shadow: inset 0 2px 6px rgba(0,0,0,0.1);
}

.l {
	color: #369;
}

.small {
	font-size: 12px;
	line-height: 18px;
}

.vS {
	height: 5px;
}

.status {
	color: #090;
	font-weight: bold;
	font-size: 14px;
}

.markerLabel {
	position: relative;
	font-size: 12px;
	padding: 4px;
	margin: 0;
	text-align: left;
	max-width: 400px;
	line-height: 1.2em;
}

#pg {
	position: absolute;
	top: 100%;
	left: 100%;
	background-color: #fff;
	margin-left: -60px;
	margin-top: -1.6em;
	z-index: 99;
	font-size: 11px;
}

#pgP, #pgN {
	cursor: pointer;
	color: #369;	
}

.markerLabel h5 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 4px 0;
	border: 0;
	padding: 0;
	color: #000;
}

.markerLabel table.adrWrap {
	border-width: 0;
	padding: 0;
	border-spacing: 0;
	margin: 0 0 4px 0;
}

table.adrWrap td {
	padding: 0;
	border-width: 0;
}

.markerLabel td.address {
	margin-bottom: 4px;
}

.markerLabel td.zoom {
	padding: 0 0 0 6px;
	vertical-align: middle;
}

#zoom {
	cursor: pointer;
}

#preview #zoom {
	display: none;
}


img.descIMG,div.tabRow img {
	max-width: 300px;
	border: 0;
	margin: 10px;
}
div.tabRow img {
	float: right;
}

.tabRow {
	cursor: pointer;
}

a.marker:link,a.marker:visited {
	display: block;
	margin: 2px 0;
	padding: 0;
}

a.goog:link,a.goog:visited {
	text-decoration: none;
	color: #000;
}

select {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #aaa;
	background-color: #fff;
	width: 155px;
}

form {
	display: inline;
}



/* Tableize =================== */

div.tableize { 
	position: relative;
	width: 98%;
	height: 140px; 
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
	border: 1px solid #aaa; 
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #fff;
  	-webkit-box-shadow: inset 0 2px 6px rgba(0,0,0,0.1);
  	-moz-box-shadow: inset 0 2px 6px rgba(0,0,0,0.1);
  	box-shadow: inset 0 2px 6px rgba(0,0,0,0.1);
}
em.tableize {
	position: absolute;
	top: 55px;
	left: 1px;
	width: 99%;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	font-style: normal;
	color: #090;
	-moz-text-shadow: 0 1px 1px rgba(0,0,0,0.4);
	-webkit-text-shadow: 0 1px 1px rgba(0,0,0,0.4);
	text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}
table.tableize {
	background-color: #fff;
	margin: 4px;
	overflow: auto;
	text-align: left;
	white-space: nowrap;
	width: 99%;
	color: #000;
	opacity:0.3;
	filter:alpha(opacity=33);
}
#generator table.tableize th {
	font-weight: bold;
	font-size: 13px;
	padding: 4px;
	margin: 2px 0 2px 0;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #f63;
}
#generator table.tableize tr {
	margin: 0 0 2px 0;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #aaa;
}
table.tableize td {
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 170px; 
	font-size: 13px;
	margin: 0;
	padding: 4px;
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #aaa;
}
td:last-child {
  border: 0 none;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
ColorBox
*/
#cboxOverlay{background:url(/images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(/images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(/images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/controls.png) -75px 0 no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/controls.png) -50px 0 no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/images/controls.png) -25px 0 no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/* social buttons */

#socialButtons {
	width:400px;
	margin:auto;
	clear: both;
}

#facebookButton {
	border:none; 
	overflow:hidden; 
	width:400px; 
	height:25px; 
}

#twitterButton {
	height:25px;
	float:right;
	padding-top:4px;
}

#mapDirections {
	text-align: center;
	padding: 0 4px;
}

.adp-directions {
	margin: auto;
}

#mobile-map {
	margin: 2px 0 6px 10px;
}
.clear {
	clear:both;
	margin-top:-1px;
	height:1px;
	overflow:hidden;
}
.directions-link {
	font-size: 12px;
}
a.directions-link {
	text-decoration: none;
	color: #000;
	font-size: 12px;
}
.postmetadata {
	font-size: 11px;
}

/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* red */
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* green */
.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

/* blue */

.blue {
	color: #dee9f0;
	border: solid 1px #124f83;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#599dde), to(#3c78b2));
	background: -moz-linear-gradient(top,  #599dde,  #3c78b2);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#599dde', endColorstr='#3c78b2');
}
.blue:hover {
	background: #89bff2;
	background: -webkit-gradient(linear, left top, left bottom, from(#478bcd), to(#326595));
	background: -moz-linear-gradient(top,  #478bcd,  #326595);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#478bcd', endColorstr='#326595');
}
.blue:active {
	color: #89bff2;
	background: -webkit-gradient(linear, left top, left bottom, from(#3c78b2), to(#599dde));
	background: -moz-linear-gradient(top,  #3c78b2,  #599dde);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c78b2', endColorstr='#599dde');
}

/* orange */

.orange {
	color: #f0ebde;
	border: solid 1px #b27704;
	background: #f89c30;
	background: -webkit-gradient(linear, left top, left bottom, from(#f89c30), to(#da7600));
	background: -moz-linear-gradient(top,  #f89c30,  #da7600);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f89c30', endColorstr='#da7600');
}
.orange:hover {
	background: #da7600;
	background: -webkit-gradient(linear, left top, left bottom, from(#f09f05), to(#bd6201));
	background: -moz-linear-gradient(top,  #f09f05,  #bd6201);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09f05', endColorstr='#bd6201');
}
.orange:active {
	color: #f2d689;
	background: -webkit-gradient(linear, left top, left bottom, from(#da7600), to(#f89c30));
	background: -moz-linear-gradient(top,  #da7600,  #f89c30);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#da7600', endColorstr='#f89c30');
}

/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 18px/100% Arial, Helvetica, sans-serif;
	padding: .8em 2em .85em;
	dis_text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover { 
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.buttonsmall {
	font-size: 11px;
	padding: .5em;
}

.buttonmedium {
	font-size: 14px;
	padding: 1em;
}
.get_started_button {
  width: 100%;
  font-size: 22px;
  padding: .6em 1em;
}
.get_started_button em {
  font-size: 14px;
  font-style: normal;
}


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f6f6f6;
	padding-top: 4px;
	margin-bottom: 35px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 12px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* autocomplete */
.ui-autocomplete { position: absolute; cursor: default; }
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.ui-widget { font-size: 11px; }
.ui-widget .ui-widget { font-size: 11px; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 11px; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
.ui-widget :active { outline: none; }





/* Leftovers? =================== */

.center {
	text-align: center;
}

.hide { 
	display: none; 
}

div#vid { width:620px; height:400px; }
div#vid-frame { padding: 10px; background: #333; text-align: center; border-radius: 8px; }
div#vid-frame h2 { color: #fff; }

#map_title, #map_email, #map_description { width: 350px; }

#inline_save { margin: 0 0 -6px 0; padding: 6px 6px 0 6px; }
#inline_embed { margin: 0; padding: 0 10px; }
#inline_save label { float: left; text-align: right; margin-right: 10px; width: 114px; padding: 2px 0 0 0; display: block; }
#inline_save label.share { float: none; margin: 0; padding: 0; display: inline; }
#inline_save div.input_desc { text-align: left; }
#inline_save div.input_desc span.small { display: block; margin: 4px 0 0 124px; }
#inline_save .line { margin: 8px; }
#inline_save #fields label { width: 40%; }
#inline_message  { padding: 20px; text-align: justify; }
#validate_status { display: none; margin-top:14px; }
#geocode_button { margin: 0 0 0 0; }
#geocoder_status { display: none; margin:14px 0 0 0; }
#dist_sel { width:85px; }
#view_sel { width:75px; }
#mainText { margin-top: 10px; }
#locFields { height: 144px; }
#mapFields { height: 245px; }
#locFields, #mapOptions, #mapFields, .validateFields { font-size: 12px; width: 500px; margin: 0 auto; }
#locFields, #mapFields, .validateFields { text-align: right; }
#mapOptions { text-align: center; }
#advanced_button { margin: 12px auto 0px auto; }
#locFields label, #mapFields label, .validateFields label { display: block; float: left; width: 40%; margin: 4px 0 0 0; line-height: 25px; clear: both; }
#locFields select, #mapFields select, .validateFields select { display: block; float: right; width: 38%; margin: 4px 20% 0 0; height: 25px; padding: 2px 0 0 0; }
#mapOptions label { display: block; margin-bottom: 5px; }
#mapOptions input { margin: 0; padding: 0; }
#locFields + label { font-weight: bold; }
#mapDiv { 
	height: 450px;
	margin:0 auto; 	
	border-width: 1px; 
	border-style: solid; 
	border-color: #aaa; 
 }
#legWrap {
	background-color: #333; 
	color: #fff; 
	position: relative; 
	clear: both; 
	filter: alpha(opacity=80); 
	opacity:.8;
}
#legDiv { 
	font-size: 12px;
	line-height: 29px;
	margin:0 auto;
	padding: 0; 
	border-width: 0 0 0 0; 
	border-style: solid; 
	border-color: #aaa; 
	background-color: #333; 	 
	color: #fff; 
	text-align: center;
}
#legDiv img { margin: 4px 0 -3px 0; }
#legDiv span { 
	margin: 0 4px; 
	display: inline;
	background-repeat: no-repeat; 
	background-position: left top; 
	padding: 2px 2px 2px 15px ;
	cursor: pointer;
	height: 20px;
	white-space: nowrap;
}
#legDiv select { margin: 5px; }
#save_map { margin-top: 14px; }
#preview {
	background-color: #fff;
	border: 1px dashed #aaa;
	margin: 8px auto;
	padding: 8px;
	width: 325px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
}
#buttonsDiv.fieldset { margin-top: 10px; }
#mapheader { margin-bottom: 14px; }
#dis_buttonsDiv button, #dis_buttonsDiv input[type="submit"] { width: 23%; margin: 0 3px; }
#sourceData, #destData {  height: 126px; }

ul#cmsheadline {border: none; margin: 0; padding: 4px 4px 10px 6px; list-style: none;}
#cmsheadline li {list-style: none;  float: left; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; text-align:left; height: 50px; margin: 0;}
#cmsheadline .one {width: 300px; padding: 0 50px 10px 0;}
#batchgeo {padding-right: 70px;}
ul.cms {border-top: 1px solid #e5e5e5; margin: 0; padding: 4px 4px 10px 6px; clear:both}
.cms li {list-style: none; float: left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; text-align:left; height: 14px; margin: 0;}
.cms .one {width: 430px;}
.cms .two {width: 175px;}
.mapBorder { 
	border: 0px;
}

hr {
	background: url(/images/separator.png) no-repeat;
	border: 0;
	margin: 18px;
	padding: 4px;
}

.features-body {
	padding-top: 0px;
}