/* --------- /stylesheets/marketing/reset.css --------- */ 
/* -------------------------------------------------------------- 
  
   Boilerplate reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; background: #fff; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }

/* Removes Firefox imposed outline */
a { outline: none; }

/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }
/* --------- /stylesheets/marketing/typography.css --------- */ 
/* -------------------------------------------------------------- 
   
   Boilerplate typography.css
   * Sets up some sensible default typography.
  
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
body { font-size: 75%; color:#353a42; }


/* Default fonts and colors. */
body { font-family: Helvetica, Arial, sans-serif; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 3em; line-height: 1em; margin-bottom: 0.25em; }
h2 { font-size: 2em; line-height: 1.125em; margin-bottom: 0.375em; }
h3 { font-size: 1.5em; line-height: 1em; margin-bottom: .5em; }
h4 { font-size: 1.25em; line-height: 1.2em; margin-bottom: .6em; }
h5 { font-size: 1em; line-height:1.5em; margin-bottom: .75em; }
h6 { font-size: .8333em; line-height:1.8em;}


/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1em; }

ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

a { color: #cd2b00; text-decoration:none; border-bottom:1px dotted #b70000;}
a:hover { color:#a20000; border-bottom:0;}

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

table { margin-bottom: 1.4em; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }/* --------- /stylesheets/marketing/layout.css --------- */ 
/* BODY AND WRAP
================================================*/
body {background:#abeaed url(/images/marketing/background.jpg) no-repeat center top;}
#Wrap {width:960px; margin:0 auto; }

#Masthead {height:100px; position:relative;}
#Masthead img {display:block;}
#Masthead h1 {position:absolute; left:20px; bottom:0; margin:0; padding:0;}
#Masthead ul {position:absolute; right:20px; top:30px; margin:0; padding:0; list-style-type:none;}
#Masthead li {float:left; margin:0 0 0 1em;}
#Masthead a {display:block; border:0;background-color:#cfe2e7; padding:.5em 1em; font-size:1.25em;}

#Content {background:#FFF; padding:20px; overflow:hidden; min-height:600px; margin-bottom:20px;}

#Intro {padding:20px; background:#27a3d1 url(/images/marketing/gradient_large.png) repeat-x left top;  -webkit-border-radius: 10px; -moz-border-radius: 10px; margin-bottom:40px;}
#Intro a {color:#ffffcd; border-bottom:1px dotted #ffffcd;}
#IntroDetails {width:420px; float:left; text-align:center; color:#FFF;}
#IntroDetails h2 {margin-bottom:20px; color:#b2ecee;}
#IntroDetails a.button {border:0;}
#IntroScreenshot {width:420px; margin-left:440px;}
#IntroScreenshot img {display:block; border:5px solid #9ed3db;}


#FeatureIntro { color:#ff4d1d; text-align:center;}
#FeatureIntro em {color:#cc2b00;}
#FeatureIntro span {color:#ff6139;}

ul#Features {margin:40px 0; list-style-type:none;}
ul#Features li {width:440px; float:left; margin-bottom:20px;}
ul#Features li.odd {margin-left:40px;}
ul#Features img {float:left; width:160px; height:160px; border:5px solid #c3d8db;}
ul#Features .details {margin-left:190px;}

#WebBased {clear:left; padding:20px; color:#bee0ee; background:#263237 url(/images/marketing/gradient_large.png) repeat-x left top; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin-bottom:2em;}
#WebBased ul {list-style-type:none; margin:0; }
#WebBased ul.left {width:420px; float:left;}
#WebBased ul.right {width:420px; margin-left:460px;}
#WebBased h2, #WebBased h3 {text-align:center;}
#WebBased h2 {color:#feff94;}
#WebBased h3 {color:#ffd265; margin-bottom:20px;}
#WebBased li {font-size:1.25em; margin-bottom:1em;}
#WebBased li strong {color:#FFF;}
#WebBased a {color:#ffd265; border-bottom:1px dotted #ffd265;}

#SignupBlurb {width:340px; float:right; color:#FFF;}

#SignupForm {width:540px; margin-right:380px;}
#SignupForm fieldset {border:0; border-top:5px solid #ABEAED; padding:10px;}
#SignupForm legend {background-color:#263237; color:#F3FF94; padding:.5em 1em; font-size:1.25em;}
#SignupForm legend strong {text-transform:uppercase;}
#SignupForm ul label {padding-top:.5em; width:160px;}
#SignupForm input[type="text"], #SignupForm input[type="password"] {margin:0;}
#SignupForm hr {border:1px solid #ABEAED; margin:2em 0;}
#SignupForm select {margin-top:.5em;}

#Footer p {text-align:center;}

.special_notice {clear:left; padding:20px; background:#263237 url(/images/marketing/gradient_large.png) repeat-x left top; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin-bottom:20px;}
.special_notice h2 {text-align:center; color:#feff94;}
.special_notice h3 {text-align:center; color:#ffd265;}
.special_notice p, .special_notice ul {font-size:1.25em; color:#FFF;}

#Browsers p {font-size:1.25em;}

span#Availability {display:block; margin-left:2.5em;}/* --------- /stylesheets/marketing/lightbox/lightbox.css --------- */ 
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a {border:0;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(/stylesheets/marketing/lightbox/data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/stylesheets/marketing/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/stylesheets/marketing/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* --------- /stylesheets/chunks/account_manage.css --------- */ 
.owner {padding: 4px; background-color:yellow;}

table.plans {font-family:Verdana, sans-serif; width:100%;}
table.plans div.name {width:40%; float:left; font-weight:bold; margin-right:10%;}
table.plans div.choose {width:40%; float:left; text-align:center;}
table.plans td, table.plans th {text-align:center;}
table.plans td.option {background:#333; color:#EEE; padding:.5em 2em; text-align:center; white-space: nowrap;}
table.plans td.option span {display:block; font-weight:bold; font-size:1.25em;}
table.plans a {color:#fbe787; text-decoration:underline;}

table.plans tr.yours td, table.plans tr.yours td.option {background:#fbe787; color:#333;}

#SignupForm {width:540px; margin-right:380px;}
#SignupForm fieldset {border:0; border-top:5px solid #ABEAED; padding:10px;}
#SignupForm legend {background-color:#263237; color:#F3FF94; padding:.5em 1em; font-size:1.25em;}
#SignupForm legend strong {text-transform:uppercase;}
#SignupForm ul label {padding-top:.5em; width:160px;}
#SignupForm input[type="text"], #SignupForm input[type="password"] {margin:0;}
#SignupForm hr {border:1px solid #ABEAED; margin:2em 0;}
#SignupForm select {margin-top:.5em;}
#SignupForm img {vertical-align:bottom;}/* --------- /stylesheets/global/tables.css --------- */ 
table {width:650px;}
td, th {padding:5px 10px; border-bottom:1px dotted #C6DEDE;}
th {text-align:left;}
th {background-color:#d3e7e8; color:#7d9eaa; text-transform:uppercase; font-size:.75em;}
td.right {text-align:right;}
/* --------- /stylesheets/global/forms.css --------- */ 
input {font-family:"Helvetica Neue"; font-size:14px;}
input[type="text"], input[type="password"] {font-family:Helvetica, Arial, sans-serif; font-size:1em; padding:.5em; background-color:#eaf4f5; border:1px solid #a8c2c6; color:#26474b;}
/*input[type="submit"] {font-size:18px;}*/
option {font-family:"Helvetica Neue"; font-size:14px;}
textarea {font-family:Helvetica, Arial, sans-serif; font-size:1em; padding:.5em; background-color:#eaf4f5; border:1px solid #a8c2c6; color:#26474b;}/* --------- /stylesheets/plugins/quick_form.css --------- */ 
fieldset.quick_form {border:1px solid #CCC; padding:10px; margin-bottom:2em;}
.quick_form ul {list-style:none;}
.quick_form li {margin:.5em 0;}
.quick_form label {float:left; display:block; width:15em;}
.quick_form input {margin-left:10px;}
.quick_form hr {margin:1em 0;}
.quick_form p {margin:.5em 0;}

input.full {width:96%;}
input.long {width:17em;}
input.medium {width:140px;}
input.short {width:10em;}
input.tiny {width:30px;}
textarea.full {width:640px; height:10em;}
textarea.standard {width:215px; height:6em;}
/* --------- /stylesheets/plugins/rails_notifications.css --------- */ 

/* FLASH NOTICE
================================================*/
/* layout */
#FlashNotice {padding:10px; margin-bottom:15px;}
/* color */
#FlashNotice {background-color:#B8EC22;}



/* FLASH ERROR
================================================*/
/* layout */
#FlashError {padding:10px; margin-bottom:15px;}
/* color */
#FlashError {background-color:#DF291B; color:#FFF;}



/* ERROR EXPLANATION
================================================*/
/* layout */
.errorExplanation h2 {padding:5px 10px;}
.errorExplanation p {padding:10px 10px 0;}
.errorExplanation ul {padding:0 10px 1.5em 30px;}
/* type */
.errorExplanation h2 {font-family:'Lucida Grande', Verdana, sans-serif; font-size:1em; font-weight:bold; letter-spacing:2px; line-height:1.5em; text-transform:uppercase;}
.errorExplanation li {list-style-type:disc;}
/* color */
.errorExplanation {background-color:#f1ffb6; color:#333;}
.errorExplanation h2 {background-color:#d6ff2f; color:#9F1D13;}



div.fieldWithErrors {display:inline;}
#SignupForm ul .fieldWithErrors label {background-color:#d6ff2f; padding:5px 0 5px 10px; width:150px;}
div.fieldWithErrors input[type="checkbox"] {border-left:10px solid #d6ff2f;}