/* Setup */

body {
  text-align:left;
  color:#4d4d4d;
  font-family:helvetica,arial,clean,sans-serif;
}

strong {
  font-weight:bold;
}

em {
  font-style:italic;
}

strong em, em strong {
  font-weight:bold;
  font-style:italic;
}

a:link, a:visited {
  color:#80b04b;
  text-decoration:none;
}

a:hover, a:active {
  color:#80b04b;
  text-decoration:underline;
}

span.hl {
  color:#80b04b;
}

.float-left {
  float:left;
}

.float-right {
  float:right;
}

/* Clearfix */

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.clearfix {
  *zoom:1;
}

/* Header */

#header {
  background:#f9f9f9 url('/images/web/topspread.png') repeat-x bottom left;
}

#header .lining {
  width:880px;
  margin:0 auto;
  padding:19px 0 15px 0;
}

#header .logo {
  float:left;
  width:196px;
}

#header .nav {
  float:left;
  width:644px;
  margin-left:40px;
}

#header .logo h1 {}

#header .logo h1 a {
  display:block;
  text-decoration:none;
  width:196px;
  height:50px;
  background:url('/images/web/logo.png') no-repeat;
  text-indent:-10000px;
  outline:none;
}

#header .nav .nav-1 p {
  font-size:85%;
}

#header .nav .nav-1 {
  margin-bottom:10px;
}

#header .nav .nav-2 li {
  float:left;
  margin-right:15px;
}

#header .nav .nav-2 li.right {
  float:right;
  margin-right:0;
}

#header .nav .nav-2 li a {
  font-size:93%;
  color:#4d4d4d;
  font-weight:bold;
  text-decoration:none;
  outline:none;
}

#header .nav .nav-2 li.right a {
  color:#80b04b;
  font-weight:normal;
}

#header .nav .nav-2 li a:link, #header .nav .nav-2 li a:visited {
  border:none;
}

#header .nav .nav-2 li.selected a,
#header .nav .nav-2 li a:hover, #header .nav .nav-2 li a:active {
  border-bottom:1px solid #ababab;
}

#header .nav .nav-2 li.right.selected a,
#header .nav .nav-2 li.right a:hover, #header .nav .nav-2 li.right a:active {
  border-bottom:1px solid #80b04b;
}

/* Footer */

#footer {
  background:#f9f9f9 url('/images/web/bottomspread.png') repeat-x top left;
  padding:9px 0 8px 0;
}

#footer .lining {
  width:880px;
  margin:0 auto;
}

#footer p {
  font-size:85%;
}

/* Content */

#content {
  width:880px;
  margin:30px auto;
}

#content h2,
#content h3 {
  font-weight:bold;
  color:#000000;
}

#content h2 {
  font-size:138.5%;
  margin:0 0 25px 0;
}

#content h3 {
  font-size:116%;
  margin:0 0 5px 0;
}

#content h3.small-spacer {
  margin-top:12px;
}

#content h3.spacer {
  margin-top:20px;
}

#content h3.bottom-spacer {
  margin-bottom:20px;
}

#content h3.double-spacer {
  margin-top:40px;
}

#content h3.secondary {
  color:#000000;
  font-weight:normal;
}

#content h2.homepage {
  font-size:275%;
  line-height:1.7em;
  margin:0;
  text-align:center;
  color:#000000;
}

#content h3.homepage {
  font-size:138.5%;
  font-weight:bold;
  line-height:1.3em;
  margin:0 0 30px 0;
  color:#000000;
}

#content h3.center {
  text-align:center;
}

#content h4 {
  font-size:100%;
  font-weight:bold;
  margin:10px 0 5px 0;
}

#content h4.spacer {
	margin-top:20px;
}

#content h4.api {
	color:#80B04B;
	border-bottom:1px solid #ccc;
	padding-bottom:6px;
}

#content p {
  margin:10px 0;
  font-size:93%;
  line-height:1.4em;
}

#content p.error {
  color:#ff0000;
}

#content p.formed {
  width:310px;
}

#content p.spacer {
	margin-top:20px;
}

#content p.api {
	color:#80B04B;
}

#content p.apikey {
	background:#f2f2f2;
	border:1px solid #ccc;
	font-size:108%;
	padding:10px 10px 5px 10px;
	font-weight:bold;
}

#content p.intro {
  font-weight:bold;
  line-height:1.6em;
}

#content ul.times {
	margin:10px 0;
}

#content ul.times li {
	margin:5px 0;
}

#content ul.times li h4 {
	float:left;
	background:#0088b5;
	color:#ffffff;
	font-weight:bold;
	margin:0;
	font-size:123.1%;
	line-height:1.3em;
	padding:2px 4px 0 4px;
}

#content ul.times li p {
	float:left;
	line-height:1.3em;
	font-size:108%;
	font-weight:bold;
	margin:0 0 0 15px;
	padding:3px 0 0 0;
}

#content .boxy {
  border:1px solid #d5d5d5;
  background:#ededed;
  padding:0 1px;
  margin-bottom:10px;
}

#content .boxy p {
  margin:8px 10px;
  font-weight:bold;
  font-size:100%;
}

#content p.news-note {
  margin:4px 0 20px 0;
}

#content table.api {
	margin:10px 0;
	width:100%;
}

#content table.api table.api {
	margin:0;
}

#content table.api table.api td {
	font-size:100%;
}

#content table.api td {
	font-size:93%;
	vertical-align:top;
}

#content table.api td.col1 {
	font-weight:bold;
	padding:3px 3px 3px 0;
	width:10%;
}

#content table.api td.col2 {
	padding:3px;
	width:90%;
}

#content table.api td.nopad {
	padding:0 3px;
}

/* Content - Example */

#content .example p.control span {
  color:#80b04b;
  text-decoration:underline;
  cursor:pointer;
}

#content .example pre {
  font-size:77%;
  padding:0;
  margin:10px 0 12px 0;
  border:1px solid #ccc;
  padding:10px;
  background:#fff;
}

#content .example.close .inside {
  display:none;
}

#content .example.open {
  padding:0 13px;
  background:#f2f2f2;
  border:1px solid #f2f2f2;
}

#content .api_sub {
	float:right;
	margin-left:15px;
	border-left:1px solid #ccc;
	padding-left:15px;
	width:160px;
}

#content .api_sub .sub {
	font-size:85%;
	margin-top:15px;
}

#content.api code {
	color:#f16127;
}

/* Content - Lists */

#content ul.list-1 {
  margin:10px 0;
}

#content ul.list-1 li {
  margin:8px 0;
  font-size:100%;
  line-height:1.3em;
  color:#000000;
}

#content ul.list-1 li.iphone,
#content h3.iphone {
  background:url('/images/web/iphone.png') no-repeat 0 0;
  padding-left:24px;
}

#content ul.list-1 li.android,
#content h3.android {
  background:url('/images/web/android.png') no-repeat 0 0;
  padding-left:24px;
}

#content ul.list-1 li.web,
#content h3.web {
  background:url('/images/web/mobileweb.png') no-repeat 0 0;
  padding-left:24px;
}

#content ul.list-1 li.sms,
#content h3.sms {
  background:url('/images/web/smstxt.png') no-repeat 0 0;
  padding-left:24px;
}

#content ul.list-1 li.ar,
#content h3.ar {
  background:url('/images/web/iphonear.png') no-repeat 0 0;
  padding-left:24px;
}

#content ul.list-2 {
  margin:10px 0 20px 0;
}

#content ul.list-2 li {
  margin:5px 0;
  font-size:93%;
  line-height:1.3em;
}

#content ul.list-2 li a {
  display:block;
  padding:4px 5px 2px 5px;
  text-decoration:none;
  color:#4d4d4d;
  outline:none;
}

#content ul.list-2 li a:link, #content ul.list-2 li a:visited {
}

#content ul.list-2 li.selected a,
#content ul.list-2 li a:hover, #content ul.list-2 li a:active {
  background:#d8efad;
}

#content ul.list-3 {
  margin:10px 0 20px 0;
}

#content ul.list-3 li {
  margin:5px 0;
  font-size:93%;
  line-height:1.3em;
}


/* Content - Grids */

#content .grid-1,
#content .grid-2 {}

#content .grid-1 .grid-left {
  width:250px;
  float:left;
  margin-right:30px;
}

#content .grid-1.stoplist {
	margin:15px 0;
}

#content .grid-1 .grid-right {
  width:600px;
  float:left;
}

#content .grid-2 .grid-col1 {
  width:250px;
  float:left;
}

#content .grid-2 .grid-col2,
#content .grid-2 .grid-col3 {
  float:left;
  margin-left:30px;
}

#content .grid-2 .grid-col2 {
  width:370px;
}

#content .grid-2 .grid-col3 {
  width:200px;
}

#content .grid-3 .grid-left {
  width:350px;
  float:left;
  margin-right:30px;
}

#content .grid-3 .grid-right {
  width:500px;
  float:left;
}

/* Content - Homepage */

#photoSlide p {
  margin:0;
}

#photoSlide div.photo {
  margin:0 0 7px 0;
  height:295px;
  width:500px;
  background:url('/images/web/photos.jpg') no-repeat 0 0;
}

#photoSlide p.description {
  margin:7px 0 10px 0;
  font-size:85%;
  color:#808080;
}

/* Mailing list */

#mailingList {
  background:#f2f2f2;
  border:1px solid #f2f2f2;
  margin-top:25px;
}

#mailingList h4 {
  font-size:153.9%;
  font-weight:normal;
  margin:12px 10px 4px 10px;
  line-height:1em;
  color:#000000;
}

#mailingList p {
  margin:4px 10px;
  font-size:93%;
  color:#999999;
}

#mailingList .form,
#mailingList2 .form {
  margin:11px 0 10px 0;
}

#mailingList .form p input,
#mailingList2 .form p input {
  vertical-align:middle;
}

#mailingList .form p input[type=text],
#mailingList2 .form p input[type=text] {
  font-size:138.5%;
  border:1px solid #cccccc;
  padding:4px;
  line-height:1em;
  color:#4d4d4d;
  width:300px;
}

#mailingList2 .form p.input input[type=text] {
  width:200px;
}

#mailingList .form p input[type=submit],
#mailingList2 .form p input[type=submit] {
  font-weight:bold;
  font-size:93%;
  margin-left:10px;
}

#mailingList2 .form p input[type=submit] {
  margin:0;
}

#mailingList2 {
  background:#f2f2f2;
  border:1px solid #f2f2f2;
}

#mailingList2 h3 {
  margin:12px 10px 5px 10px;
  line-height:1em;
}

#mailingList2 p {
  margin:5px 10px !important;
  line-height:1.3em;
}

#mailingList2 .form p.label label {
  font-weight:bold;
}

#mailingList2 .form p.submit {
  margin-top:10px !important;
}

/* Press list */

#pressList {
  margin-top:47px;
}

#pressList li {}

#pressList li .left {
  float:left;
  width:160px;
  margin-right:20px;
}

#pressList li .right {
  float:right;
  width:165px;
}

#pressList li p {
  text-align:center;
  font-size:123.1%;
  font-family:georgia;
}

/* Content - Form */

#content p.label {
  margin:10px 0 3px 0;
}

#content p.label label {
  font-weight:bold;
}

#content p.label span {
  color:#9f9f9f;
  font-size:85%;
}

#content p.note {
  margin:3px 0 8px 0;
  font-size:85%;
  line-height:1.1em;
}

#content p.input {
  margin:3px 0 10px 0;
}

#content p.input input[type=text],
#content p.input input[type=password],
#content p.input select,
#content p.input textarea {
  font-size:138.5%;
  border:1px solid #cccccc;
  padding:4px;
  line-height:1em;
  color:#4d4d4d;
  width:300px;
}

#content p.input select {
  width:310px
}

#content p.submit {
  margin-top:20px;
}

#content p.submit input {
  font-weight:bold;
}

/* Buttons */

.btn,
input[type=submit].btn,
input[type=button].btn {
	font: 11px/14px "Lucida Grande",sans-serif;
	width: auto;
	margin: 0;
	overflow: visible;
	padding: 4px 8px 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #ddd;
	border-bottom-color: #ccc;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #333 !important;
	text-shadow: 1px 1px 0 #fff;
	cursor:pointer;
	outline:none;
	vertical-align:middle;
	
	background:#ebebeb;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e0e0e0');
	background:-webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e0e0e0));
	background:-moz-linear-gradient(top, #fefefe, #e0e0e0);
}

.btn::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.btn:hover,
.btn:focus,
input[type=submit].btn:hover,
input[type=submit].btn:focus,
button.btn:hover,
button.btn:focus {
	border-color: #999 #999 #888;
	color: #000 !important;
	text-decoration: none;
	box-shadow:0 0 3px #595959;
	-moz-box-shadow:0 0 3px #595959;
	-webkit-box-shadow:0 0 3px #595959;
	
	background:#ebebeb;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#d5d5d5');
	background:-webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#d5d5d5));
	background:-moz-linear-gradient(top, #fefefe, #d5d5d5);
}

.btn[disabled],
input[type=submit][disabled].btn,
button[disabled].btn {
	border-color: #ddd;
	color: #797979 !important;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	
	background:#ebebeb;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#d5d5d5');
	background:-webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#d5d5d5));
	background:-moz-linear-gradient(top, #fefefe, #d5d5d5);
}

.btn-sm,
input[type=submit].btn-sm,
input[type=button].btn-sm {
	font: 10px/12px "Lucida Grande",sans-serif;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 2px 4px 2px 4px;
}

.btn-rd,
input[type=submit].btn-rd,
input[type=button].btn-rd {
  color:#ffffff !important;
  text-shadow:1px 1px 0 #9d573b;
  border-color:#d05727 #944626 #944626 #ad4922;

	background:#f16127;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fac4ae', endColorstr='#f15d22');
	background:-webkit-gradient(linear, left top, left bottom, from(#fac4ae), to(#f15d22));
	background:-moz-linear-gradient(top, #fac4ae, #f15d22);
}

.btn-rd:hover,
.btn-rd:focus,
input[type=submit].btn-rd:hover,
input[type=submit].btn-rd:focus,
button.btn-rd:hover,
button.btn-rd:focus {
  border-color:#933e1d #632f1a #632f1a #632f1a;
  color:#ffffff !important;
  text-shadow:1px 1px 0 #793d25;

	background:#f16127;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fac4ae', endColorstr='#e0561f');
	background:-webkit-gradient(linear, left top, left bottom, from(#fac4ae), to(#e0561f));
	background:-moz-linear-gradient(top, #fac4ae, #e0561f);
}

.btn-rd[disabled],
input[type=submit][disabled].btn-rd,
button[disabled].btn-rd {
  border-color:#e76c3b #c75b2e #944626 #d56438;
  color:#e4e4e4 !important;
  box-shadow:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;

	background:#f58d64;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8ab8d', endColorstr='#f58d64');
	background:-webkit-gradient(linear, left top, left bottom, from(#f8ab8d), to(#f58d64));
	background:-moz-linear-gradient(top, #f8ab8d, #f58d64);
}

.space-left {
	margin-left:5px;
}

.space-right {
	margin-right:5px;
}

input#address {
	vertical-align:middle;
}