html {height: 100%;}
body {
height: 100%;
background: #d1d0ca;
font: 12px/18px Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif;
}
a:focus {outline:none;}
a::-moz-focus-inner {border:0;}
#container {
position: relative;
overflow: hidden;
z-index: 1;
min-height: 100%;
min-width: 1040px;
width: 100%;
background: #d1d0ca;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cbc9c0), to(#c7c5bd), color-stop(.5,#dfddd9));
background: -webkit-linear-gradient(270deg, #cbc9c0, #dfddd9 50%, #c7c5bd 100%);
background: -moz-linear-gradient(270deg,#cbc9c0, #dfddd9 50%, #c7c5bd 100%);
background: -ms-linear-gradient(270deg,#cbc9c0, #dfddd9 50%, #c7c5bd 100%);
background: -o-linear-gradient(270deg,#cbc9c0, #dfddd9 50%, #c7c5bd 100%);
background: linear-gradient(180deg,#cbc9c0, #dfddd9 50%, #c7c5bd 100%);
background-repeat: no-repeat;
}
/* @group Footer */
#credits {clear: both; position: relative; z-index: 10; width: 100%; padding: 20px 0 0; background: url(../images/bg-footer-shadow.png) 50% 0 no-repeat;}
#credits .inner {overflow: hidden; width: 1040px; margin: 0 auto; padding: 0 0 40px; background: url(../images/bg-sprite.png) -2405px 100% no-repeat;}
#credits-placeholder {clear: both;}
#credits-appharbor {float: right; width: 320px; padding: 30px 10px 0 5px; background: url(../images/bg-footer-credits.png) 4px 5px no-repeat; color: #b2ad9e; font-size: 11px;}
#credits-appharbor h1 {display: none;}
#credits-appharbor a {color: #616f7e; text-decoration: none;}
#credits-appharbor a:hover {text-decoration: underline;}
#in-touch {position: relative; width: 325px; margin: 15px 0 0 -5px; padding: 10px 0 0 0; background: url(../images/bg-sprite.png) -2080px 0 no-repeat;}
#in-touch li {float: left; width: 140px;}
#in-touch li a {float: left; padding: 0 0 0 28px; background: url(../images/sprite.png) 2px -98px no-repeat; color: #b2ad9e; font-size: 10px; font-weight: bold; text-transform: uppercase;}
li#in-touch-feedback a {padding: 0 0 0 20px; background-position: 0 -199px;}
#in-touch li a:hover {background-position: 2px -798px; color: #616f7e; text-decoration: none;}
li#in-touch-feedback a:hover {background-position: 0 -899px;}
#credits nav {float: left; width: 560px; padding: 10px 0 0 10px;}
#credits nav .section {float: left; width: 120px; padding: 0 20px 0 0;}
#credits nav h2 {margin: 0 0 10px; color: #a6a295; font-family: "Adelle SemiBold", Georgia, serif; font-size-adjust: 0.52; font-size: 12px; font-style: normal; font-weight: 600; line-height: 1;}
#credits nav ul {font-size: 11px; line-height: 14px;}
#credits nav li {margin: 0 0 6px;}
#credits nav a {color: #616f7e; text-decoration: none;}
#credits nav a:hover {text-decoration: underline;}
/* @end */
/* @group Range Input */
.slider {clear: right; float: left; position: relative; height: 5px; padding: 3px 0; width: 100%; cursor: pointer;}
.slider .progress {overflow: hidden; height: 3px; margin: 0 4px; border-bottom: 1px solid #dcdbd5; border-left: 1px solid #b9b6aa; border-right: 1px solid #dcdbd5; border-top: 1px solid #b9b6aa; background: #cac7be; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.slider .handle {display: block; position: absolute; height: 18px; width: 18px; top: -4px; background: url(../images/sprite.png) 2px -748px no-repeat; cursor: move;}
.range {display: none;}
/* @end */
/* @group My Account - Overlay */
#account-overlay {
position: absolute;
left: 0;
top: 0;
z-index: 100;
height: 100%;
width: 100%;
background: #0b1a29;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0b1a29), to(#090a0b));
background: -webkit-linear-gradient(270deg,#0b1a29, #090a0b);
background: -moz-linear-gradient(270deg,#0b1a29, #090a0b);
background: -ms-linear-gradient(270deg,#0b1a29, #090a0b);
background: -o-linear-gradient(270deg,#0b1a29, #090a0b);
background: linear-gradient(180deg,#0b1a29, #090a0b);
opacity: .95;
filter: alpha(opacity=95);
}
#account {position: absolute; left: 50%; top: 0; z-index: 200; width: 1040px; margin: 0 0 0 -520px;}
.jsEnabled #account-overlay, .jsEnabled #account {display: none;}
#account .logo {display: block; position: absolute; left: 25px; top: 39px; height: 57px; width: 169px; background: url(../images/appharbor.png) 0 0 no-repeat;}
#account section {position: absolute; left: 243px; top: 180px; z-index: 200; width: 505px; padding: 25px; color: #fff;}
#account h2 {margin: 0 0 15px; padding-left: 1px; font-family: "Helvetica Neue UltraLight", "HelveticaNeue-UltraLight", "Helvetica Neue", "HelveticaNeue", "Raleway", sans-serif; font-size: 40px; font-weight: 100; letter-spacing: 2px; line-height: 1;}
#account p.intro {margin: 0 0 15px; padding-left: 1px; color: #bec3c8; color: rgba(255, 255, 255, .7); font-family: "Adelle Light Italic", Georgia, serif; font-size-adjust: 0.516; font-size: 14px; font-weight: 200; font-style: italic;}
#account p.error {width: 437px; margin: 0 0 10px 1px; padding: 14px 20px 12px 40px; background: #d5bfb1 url(../images/icon-error-small.png) 12px 50% no-repeat; color: #A33526; font-family: "Adelle SemiBold", Georgia, serif; font-size-adjust: 0.52; font-size: 11px; font-style: normal; font-weight: 600; line-height: 14px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
#account .field {padding: 0 0 5px;}
.jsEnabled #account .field label {display: none;}
#account input[type=text], #account input[type=password] {
width: 467px;
border: 2px solid #0f0800;
outline: 0;
padding: 7px 14px;
background: #f5f6f7;
color: #6a6b6e;
font-family: "Adelle Regular", Georgia, serif;
font-size-adjust: 0.516;
font-size: 17px;
font-style: italic;
font-weight: normal;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 1px 1px 0 0 rgba(255, 255, 255, .25);
-moz-box-shadow: 1px 1px 0 0 rgba(255, 255, 255, .25);
box-shadow: 1px 1px 0 0 rgba(255, 255, 255, .25);
-pie-box-shadow: 1px 1px 1px 0 #565d63;
}
#account input.default {background: #e5e6e7; color: #a3a5a8;}
#account .half {float: left; width: 252px;}
#account .half input {width: 215px;}
#account .submit {clear: left; float: right; line-height: 48px;}
#account .submit button {float: right; overflow: hidden; height: 51px; border: 0; margin: 0 -2px 0 14px; padding: 0; background: transparent; color: #f5f5f5; cursor: pointer; font-size: 14px; font-weight: bold; line-height: 19px; text-decoration: none; text-shadow: -1px -1px rgba(0, 0, 0, .6); text-transform: uppercase; white-space: nowrap;}
#account .submit button strong {float: left; height: 37px; padding: 14px 12px 0 24px; background: url(../images/button.png) 0 0 no-repeat;}
#account .submit button span {float: left; height: 51px; width: 42px; background: url(../images/button.png) 100% -204px no-repeat;}
#account .submit button:hover strong {background-position: 0 -51px;}
#account .submit button:hover span {background-position: 100% -255px;}
#account a.forgot, #account a.switch {clear: left; float: left; padding-left: 1px; color: #4D909B; font-family: "Adelle Light Italic", Georgia, serif; font-size-adjust: 0.516; font-size: 14px; font-weight: 200; font-style: italic; line-height: 48px; text-decoration: none;}
#account .submit a:hover, #account a.switch:hover {color: #82a9b2;}
#account a.forgot {float: right;}
#account .submit label {float: left; font-family: "Adelle Light Italic", Georgia, serif; font-size-adjust: 0.516; font-size: 14px; font-weight: 200; font-style: italic; line-height: 48px; white-space: nowrap;}
#account .submit label input {margin: 0 5px 0 0;}
#account .submit label a {color: #4D909B; text-decoration: none;}
#account .submit label a:hover {color: #82a9b2;}
#account .close {position: absolute; left: 50%; top: 220px; z-index: 300; width: 248px; text-align: right;}
#account .close a {padding: 6px 8px; color: #58595B; font-family: "Adelle Light Italic", Georgia, serif; font-size-adjust: 0.516; font-size: 14px; font-weight: 200; font-style: italic; text-decoration: none;}
#account .close a:hover {color: #7f7c7e;}
/* @end */
/* @group Home */
#home {position: relative; z-index: 20; width: 1040px; margin: 0 auto 60px; padding: 25px 0 0; background: url(../images/bg-sprite.png) 0 0 no-repeat;}
/* @group Intro */
#home-intro {overflow: hidden; padding: 0 0 10px;}
#home-intro header {float: left; width: 650px; padding: 5px 0 0;}
#home-intro header h1 {overflow: hidden; height: 245px; width: 600px; background: url(../images/content/home-intro.png) 0 0 no-repeat; text-indent: -10000px;}
#home-intro header a {float: left; overflow: hidden; height: 51px; color: #fff; font-size: 14px; font-weight: bold; line-height: 48px; text-decoration: none; text-shadow: -1px -1px rgba(0, 0, 0, .25); text-transform: uppercase;}
#home-intro header strong {float: left; height: 51px; padding: 0 12px 0 24px; background: url(../images/button.png) 0 0 no-repeat;}
#home-intro header span {float: left; height: 51px; width: 42px; background: url(../images/button.png) 100% -102px no-repeat;}
#home-intro header a:hover strong {background-position: 0 -51px; cursor: pointer;}
#home-intro header a:hover span {background-position: 100% -153px; cursor: pointer;}
#home-intro header em {padding: 0 0 0 8px; color: #4D909B; font-family: "Adelle Light Italic", Georgia, serif; font-size-adjust: 0.516; font-size: 15px; font-weight: 200; font-style: italic; line-height: 48px;}
#home-intro-features {float: right; width: 335px; color: #7F7D7A;}
#home-intro-features li {position: relative; min-height: 80px; padding: 0 15px 20px 110px;}
#home-intro-features h2 {margin: 0 0 3px; color: #394B5E; font-family: "Adelle SemiBold", Georgia, serif; font-size-adjust: 0.52; font-size: 15px; font-style: normal; font-weight: 600;}
#home-intro-features span.icon {
display: block;
position: absolute;
left: 0;
top: 3px;
height: 74px;
width: 80px;
border-bottom: 1px solid #e5e4e0;
border-right: 1px solid #e5e4e0;
background: #cbc9c0 url(../images/sprite.png) 50% -292px no-repeat;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: -1px -1px 0 #b4b4b4;
-webkit-box-shadow: inset 1px 1px 1px #b4b4b4;
-moz-box-shadow: inset 1px 1px 1px #b4b4b4;
box-shadow: inset 1px 1px 1px #b4b4b4;
}
#home-intro-features span.icon-anchor {background-position: 50% -392px;}
#home-intro-features span.icon-boat {background-position: 50% -492px;}
/* @end */
/* @group Press and Twitter */
#home-press, #home-twitter {
float: left;
width: 313px;
border-bottom: 1px solid #e5e4e0;
border-right: 1px solid #e5e4e0;
padding: 12px 0 15px 22px;
background: #cbc9c0;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: -1px -1px 0 #b4b4b4;
-webkit-box-shadow: inset 1px 1px 1px #b4b4b4;
-moz-box-shadow: inset 1px 1px 1px #b4b4b4;
box-shadow: inset 1px 1px 1px #b4b4b4;
}
#home-twitter {float: right; width: 663px; color: #888582;}
#home-twitter a {color: #7F7D7A; text-decoration: none;}
#home-twitter a:hover {text-decoration: underline;}
#home-press h2, #home-twitter h2 {margin: 0 0 10px; color: #a6a295; font-family: "Adelle SemiBold", Georgia, serif; font-size-adjust: 0.52; font-size: 14px; font-style: normal; font-weight: 600; line-height: 1;}
#home-press h2 {padding: 0 0 12px;}
#home-press ul {overflow: hidden; width: 100%;}
#home-press li {float: left; padding: 0 0 5px 34px;}
#home-press li:first-child {padding: 0 0 8px 5px;}
#home-press img {float: left;}
#home-press img.zdnet {margin-top: -6px;}
#home-press img#thoughtworks {margin: 8px -10px;}
#home-twitter article {display: inline; float: left; overflow: hidden; width: 300px; margin: 0 30px 0 0; line-height: 18px;}
#home-twitter p.time {margin: 2px 0 0; color: #999790; font-size: 10px; font-weight: bold; text-transform: uppercase;}
/* @end */
/* @end */
/* @group Content */
#content {position: relative; z-index: 20; width: 1040px; margin: 0 auto 80px; padding: 5px 0 0;}
#content h1
{
margin: 0 0 15px;
color: #666;
font-family: "Helvetica Neue UltraLight", "HelveticaNeue-UltraLight", "Helvetica Neue", "HelveticaNeue", "Raleway", sans-serif;
font-size: 40px;
font-weight: 100;
letter-spacing: 2px;
line-height: 1;
text-indent: 3px;
word-break: break-all;
}
#content-more {position: absolute; right: 0; top: 22px; width: 300px; text-align: right;}
#content-more a {padding: 2px 25px 2px 0; background: url(../images/sprite.png) 100% -597px no-repeat; color: #4D909B; font-family: "Adelle Light Italic", Georgia, serif; font-size-adjust: 0.516; font-size: 14px; font-weight: 200; font-style: italic; text-decoration: none; white-space: nowrap;}
#content-more a:hover {background-position: 100% -647px; color: #6a9ca8;}
#content-return {position: relative; margin: -15px 0 15px; text-indent: 2px;}
#content-return a {color: #4D909B; font-family: "Adelle Light Italic", Georgia, serif; font-size-adjust: 0.516; font-size: 12px; font-weight: 200; font-style: italic; line-height: 20px; text-decoration: none; white-space: nowrap;}
#content-return a:hover {text-decoration: underline;}
/* @group Form element styles */
#content label {font-family: "Adelle Regular", Georgia, serif; font-size-adjust: 0.516; font-size: 12px; font-style: normal; font-weight: normal;}
#content input[type=text], #content input[type=password], #content textarea {
height: 27px;
width: auto;
border: 0;
border-bottom: 1px solid #e5e4e0;
border-right: 1px solid #e5e4e0;
margin: 0 15px 0 0;
outline: 0;
padding: 0 10px;
background: #d2d0c8;
color: #5C5C58;
font-family: "Adelle Italic", Georgia, serif;
font-size-adjust: 0.516;
font-size: 12px;
font-weight: normal;
font-style: italic;
line-height: 27px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: -1px -1px 1px #b4b4b4;
-webkit-box-shadow: inset 1px 1px 0 #b4b4b4;
-moz-box-shadow: inset 1px 1px 0 #b4b4b4;
box-shadow: inset 1px 1px 0 #b4b4b4;
-pie-box-shadow: -1px -1px 1px #b4b4b4;
}
#content textarea {height: auto;}
#content input[type=text]:active, #content input[type=text]:focus,
#content input[type=password]:active, #content input[type=password]:focus,
#content textarea:active, #content textarea:focus {background: #d6d4ce;}
#content .checkbox input[type=checkbox], #content .radio input[type=radio] {display: none;}
#content .checkbox, #content .radio {display: inline-block; position: relative; height: 14px; width: 14px; margin: 0 3px 0 0; top: 4px; background: url(../images/sprite-form.png) 0 0 no-repeat;}
#content .radio {background-position: 0 -37px;}
#content .checkbox.checked {background-position: -35px 0;}
#content .radio.checked {background-position: -36px -37px;}
#content .select {
display: block;
position: relative;
height: 27px;
width: 166px;
border-bottom: 1px solid #e5e4e0;
border-right: 1px solid #e5e4e0;
padding: 0 30px 0 10px;
background: #d2d0c8 url(../images/sprite.png) 100% -689px no-repeat;
color: #5C5C58;
font-family: "Adelle Italic", Georgia, serif;
font-size-adjust: 0.516;
font-size: 12px;
font-weight: normal;
font-style: italic;
line-height: 28px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: -1px -1px 0 #b4b4b4;
-webkit-box-shadow: inset 1px 1px 0 #b4b4b4;
-moz-box-shadow: inset 1px 1px 0 #b4b4b4;
box-shadow: inset 1px 1px 0 #b4b4b4;
-pie-box-shadow: -1px -1px 1px #b4b4b4;
}
#content .select.focus, #content .select:hover {background-color: #d6d4ce;}
#content .select span {overflow: hidden; display: block; white-space: nowrap;}
#content .select select {position: absolute; left: 0; top: 0; height: 100%; width: 100%; border: 0; outline: 0; background: transparent; opacity: 0; filter: alpha(opacity=0); cursor: pointer;}
#content button {
overflow: visible;
height: 26px;
border: 0;
margin: 0;
padding: 1px 12px 0;
background: #488792;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#569ea7), to(#3a707d));
background: -webkit-linear-gradient(270deg, #569ea7, #3a707d 100%);
background: -moz-linear-gradient(270deg,#569ea7, #3a707d 100%);
background: -ms-linear-gradient(270deg,#569ea7, #3a707d 100%);
background: -o-linear-gradient(270deg,#569ea7, #3a707d 100%);
background: linear-gradient(180deg,#569ea7, #3a707d 100%);
color: #fff;
cursor: pointer;
font-family: Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
text-shadow: -1px -1px rgba(0, 0, 0, .3);
text-transform: uppercase;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15);
-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15);
-pie-box-shadow: 0 2px 5px 0 #aaa;
}
#content button:hover {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#67b3bd), to(#508a97));
background: -webkit-linear-gradient(270deg, #67b3bd, #508a97 100%);
background: -moz-linear-gradient(270deg,#67b3bd, #508a97 100%);
background: -ms-linear-gradient(270deg,#67b3bd, #508a97 100%);
background: -o-linear-gradient(270deg,#67b3bd, #508a97 100%);
background: linear-gradient(180deg,#67b3bd, #508a97 100%);
}
#content .error input[type=text], #content .error input[type=password], #content .error textarea, #content .error .select {background-color: #e0d5ce; color: #B44931;}
#content .error .checkbox {background-position: 0 -74px;}
#content .error .checkbox.checked {background-position: -35px 0;}
#content .error p.error-note {position: absolute; left: 100%; top: -4px; height: 38px; margin: 0 0 0 12px; padding: 0 0 0 30px; background: url(../images/highlight-error.png) 0 -38px no-repeat; color: #fff; color: rgba(255, 255, 255, .9); font-family: "Adelle Italic", Georgia, serif; font-size-adjust: 0.516; font-size: 11px; font-weight: normal; font-style: italic; line-height: 36px; white-space: nowrap;}
#content .error p.error-note strong {display: block; padding: 0 20px 0 0; background: url(../images/highlight-error.png) 100% 0 no-repeat; font-weight: normal;}
/* @end */
/* @group Basic form */
#content-main form {margin: 24px 0;}
#content-main form fieldset {margin-top: 4px;}
#content-main form h2 {margin-top: 0;}
#content-main form a {color: #4D909B;}
#content-main form a:hover {color: #82a9b2;}
#content-main form .field {clear: both; float: left; position: relative; margin: 0 6px 0 0; padding: 0 0 8px;}
#content-main form .field-group {clear: both; float: left;}
#content-main form .field-group .field {clear: none;}
.jsEnabled #content-main form .field label {display: none;}
.jsEnabled #content-main form .field-checkbox label {display: block;}
#content-main form .field input[type=text] {margin: 0; width: 190px;}
#content-main form .field input.large[type=text], #content-main form .field textarea {width: 295px;}
#content-main form .field textarea {height:190px;}
#content-main form .field select {width: 211px;}
#content-main form .field select.large {width: 316px;}
#content-main form .field-city input[type=text] {width: 120px;}
#content-main form .field-state input[type=text] {width: 43px;}
#content-main form .field-state select {width: 64px;}
#content-main form .field-postal-code input[type=text] {width: 78px;}
#content-main form .submit {clear: both;}
/* @end */
/* @end */
/* @group How It Works */
#how {position: relative; min-height: 641px; width: 1040px; padding: 0;}
#how .content {
float: left;
overflow: hidden;
width: 332px;
border-bottom: 1px solid #e2e1da;
border-right: 1px solid #e2e1da;
padding-left: 1px;
background: #d1cfc6 url(../images/fallback-bg-how.png) 0 0 repeat-x;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c1beb2), to(#d0cec5), color-stop(.1,#d8d5cd));
background: -webkit-linear-gradient(270deg,#c1beb2, #d8d5cd 10%, #d0cec5 100%);
background: -moz-linear-gradient(270deg,#c1beb2, #d8d5cd 10%, #d0cec5 100%);
background: -ms-linear-gradient(270deg,#c1beb2, #d8d5cd 10%, #d0cec5 100%);
background: -o-linear-gradient(270deg,#c1beb2, #d8d5cd 10%, #d0cec5 100%);
background: linear-gradient(180deg,#c1beb2, #d8d5cd 10%, #d0cec5 100%);
color: #5C5C58;
font-size: 12px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: -1px -1px 0 #c5c5c5;
-webkit-box-shadow: inset 1px 1px 0 #c5c5c5;
-moz-box-shadow: inset 1px 1px 0 #c5c5c5;
box-shadow: inset 1px 1px 0 #c5c5c5;
-pie-box-shadow: -1px -1px 0 #c5c5c5;
}
#how article {overflow: hidden; position: relative; zoom: 1; z-index: 75;}
.jsEnabled #how-users {height: 0;}
#how h2 {padding: 18px 18px 10px; color: #394B5E; font-family: "Adelle SemiBold", Georgia, serif; font-size-adjust: 0.52; font-size: 14px; font-style: normal; font-weight: 600;}
#how ol {width: 332px; border-bottom: 1px solid #d9d6cf; padding: 0 0 20px;}
#how li {position: relative; width: 262px; padding: 10px 25px 10px 45px; cursor: pointer;}
#how li:hover, #how li.hover {background: #e8e7e4; background: rgba(255, 255, 255, .4); color: #394B5E;}
#how ol strong {display: block; position: absolute; text-align: right; left: 18px; top: 10px; color: #858480; font-size: 18px; font-weight: bold;}
#how .switch {position: relative; width: 332px; z-index: 75; border-top: 1px solid #b3b2ab; font-family: "Adelle Italic", Georgia, serif; font-size-adjust: 0.516; font-weight: normal; font-style: italic;}
#how .switch a {
display: block;
position: relative;
width: 332px;
border-top: 1px solid #e2e0db;
padding: 6px 0 7px;
color: #325F6D;
font-size: 13px;
text-align: center;
text-decoration: none;
background: #d9d6cf url(../images/fallback-sprite.png) 0 -400px repeat-x;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c3b8), to(#d6d3cb));
background: -webkit-linear-gradient(270deg,#c5c3b8, #d6d3cb);
background: -moz-linear-gradient(270deg,#c5c3b8, #d6d3cb);
background: -ms-linear-gradient(270deg,#c5c3b8, #d6d3cb);
background: -o-linear-gradient(270deg,#c5c3b8, #d6d3cb);
background: linear-gradient(180deg,#c5c3b8, #d6d3cb);
border-radius: 0 0 9px 9px;
-webkit-border-bottom-right-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomright: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;
}
#how .switch:hover {border-top-color: #d1cfcb;}
#how .switch a:hover {
border-top-color: #edebe7;
background-color: #d1cdc5;
background-position: 0 -450px;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dedbd5), to(#d1cdc5));
background: -webkit-linear-gradient(270deg,#dedbd5, #d1cdc5);
background: -moz-linear-gradient(270deg,#dedbd5, #d1cdc5);
background: -ms-linear-gradient(270deg,#dedbd5, #d1cdc5);
background: -o-linear-gradient(270deg,#dedbd5, #d1cdc5);
background: linear-gradient(180deg,#dedbd5, #d1cdc5);
}
#how .switch.switched {border-top: 0; border-bottom: 1px solid #eae7e3;}
#how .switch.switched a {
border-bottom: 1px solid #c5c1ba;
border-top: 0;
margin-top: 1px;
background: #d1cdc5 url(../images/fallback-sprite.png) 0 -450px repeat-x;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dedbd5), to(#d1cdc5));
background: -webkit-linear-gradient(270deg,#dedbd5, #d1cdc5);
background: -moz-linear-gradient(270deg,#dedbd5, #d1cdc5);
background: -ms-linear-gradient(270deg,#dedbd5, #d1cdc5);
background: -o-linear-gradient(270deg,#dedbd5, #d1cdc5);
background: linear-gradient(180deg,#dedbd5, #d1cdc5);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border-radius: 9px 9px 0 0;
-webkit-border-top-right-radius: 9px;
-webkit-border-top-left-radius: 9px;
-moz-border-radius-topright: 9px;
-moz-border-radius-topleft: 9px;
border-top-right-radius: 9px;
border-top-left-radius: 9px;
}
#how .switch.switched a:hover {
background-color: #d9d6cf;
background-position: 0 -400px;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c3b8), to(#d6d3cb));
background: -webkit-linear-gradient(270deg,#c5c3b8, #d6d3cb);
background: -moz-linear-gradient(270deg,#c5c3b8, #d6d3cb);
background: -ms-linear-gradient(270deg,#c5c3b8, #d6d3cb);
background: -o-linear-gradient(270deg,#c5c3b8, #d6d3cb);
background: linear-gradient(180deg,#c5c3b8, #d6d3cb);
}
#how .switch2 {position: absolute; right: 0; top: -3px; z-index: 100;}
#how .switch2 a {float: right; overflow: hidden; height: 40px; margin: 0 0 0 4px; color: #fff; font-size: 12px; font-weight: bold; line-height: 38px; text-decoration: none; text-shadow: -1px -1px rgba(0, 0, 0, .3); text-transform: uppercase;}
#how .switch2 a strong {float: left; height: 40px; padding: 0 10px 0 24px; background: url(../images/button.png) 0 -306px no-repeat;}
#how .switch2.switched a .span1, #how .switch2 a .span2 {float: left; height: 40px; width: 34px; background: url(../images/button.png) 100% -386px no-repeat;}
#how .switch2 a:hover strong {background-position: 0 -346px; cursor: pointer; color: #FFFFFF;}
#how .switch2 a:hover .span2 {background-position: 100% -426px; cursor: pointer;}
#how .switch2.switched a strong {padding: 0 30px 0 10px; background: url(../images/button.png) 100% -466px no-repeat;}
#how .switch2.switched a .span1 {background: url(../images/button.png) 0 -546px no-repeat;}
#how .switch2.switched a:hover strong {background-position: 100% -506px;}
#how .switch2.switched a:hover .span1 {background-position: 0 -586px; cursor: pointer;}
#how .switch2.switched a .span2 {display: none;}
#how-graphic-dev {position: absolute; right: -100px; top: -15px; z-index: 50; height: 589px; width: 926px; background: url(../images/content/how-dev.png) 0 0 no-repeat;}
#how-graphic-dev.stage1 {background-position: 0 -589px;}
#how-graphic-dev.stage2 {background-position: 0 -1178px;}
#how-graphic-dev.stage3 {background-position: 0 -1767px;}
#how-graphic-users {position: absolute; right: -175px; top: -15px; z-index: 50; height: 641px; width: 1054px; background: url(../images/content/how-user.png) 0 0 no-repeat;}
#how-graphic-users.stage1 {background-position: 0 -641px;}
#how-graphic-users.stage2 {background-position: 0 -1282px;}
#how-graphic-users.stage3 {background-position: 0 -1923px;}
/* @end */
/* @group Pricing */
#pricing {padding: 20px 0 0;}
#pricing #plans {margin: 0 0 30px; padding: 0 0 45px; background: url(../images/bg-sprite.png) -3445px 100% no-repeat;}
#pricing #plans article {
float: left;
width: 334px;
padding: 20px 0 0;
background: #334b5d url(../images/fallback-bg-pricing.png) 0 0 no-repeat;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#617182), to(#334b5d), color-stop(.55, #334b5d));
background: -webkit-linear-gradient(270deg,#4E6073, #334b5d 55%, #334b5d 100%);
background: -moz-linear-gradient(270deg,#4E6073, #334b5d 55%, #334b5d 100%);
background: -ms-linear-gradient(270deg,#4E6073, #334b5d 55%, #334b5d 100%);
background: -o-linear-gradient(270deg,#4E6073, #334b5d 55%, #334b5d 100%);
background: linear-gradient(180deg,#4E6073, #334b5d 55%, #334b5d 100%);
cursor: pointer;
text-align: center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .25);
-moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .25);
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .25);
-pie-box-shadow: 0 4px 10px 0 #999;
-webkit-transition: margin .2s, padding .2s;
-o-transition: margin .2s, padding .2s;
-moz-transition: margin .2s, padding .2s;
-ms-transition: margin .2s, padding .2s;
transition: margin .2s, padding .2s;
}
#pricing #plans article.selected, #pricing #plans article.selected:hover {
background: #437b87 url(../images/fallback-bg-pricing.png) -500px 0 no-repeat;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6badb5), to(#437b87), color-stop(.55, #437b87));
background: -webkit-linear-gradient(270deg,#6badb5, #437b87 55%, #437b87 100%);
background: -moz-linear-gradient(270deg,#6badb5, #437b87 55%, #437b87 100%);
background: -ms-linear-gradient(270deg,#6badb5, #437b87 55%, #437b87 100%);
background: -o-linear-gradient(270deg,#6badb5, #437b87 55%, #437b87 100%);
background: linear-gradient(180deg,#6badb5, #437b87 55%, #437b87 100%);
}
#pricing #plans article.selected, #pricing #plans article:hover {margin-bottom: -13px; margin-top: -17px; padding: 37px 0 0;}
#pricing #plans article ~ article {margin-left: 19px;}
#pricing #plans article.selected ul, #pricing #plans article.selected:hover ul {
background: #437b87 url(../images/fallback-bg-pricing.png) -1500px 0 no-repeat;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3e7783), to(#2f5f6d));
background: -webkit-linear-gradient(270deg,#3e7783, #2f5f6d 100%);
background: -moz-linear-gradient(270deg,#3e7783, #2f5f6d 100%);
background: -ms-linear-gradient(270deg,#3e7783, #2f5f6d 100%);
background: -o-linear-gradient(270deg,#3e7783, #2f5f6d 100%);
background: linear-gradient(180deg,#3e7783, #2f5f6d 100%);
}
#pricing #plans article.selected ul, #pricing #plans article:hover ul {
padding-bottom: 26px;
}
#pricing #plans article h2 {position: relative; height: 95px; border-bottom: 1px solid #123142; color: #fff;}
#pricing #plans article h2 span.currency {position: absolute; left: 50%; top: 2px; margin-left: -47px; font-family: "Adelle Light Italic", Georgia, serif; font-size-adjust: 0.516; font-size: 18px; font-weight: 200; font-style: italic; text-shadow: -1px -1px rgba(0, 0, 0, .5);}
#pricing #plans article h2 span.amount {font-family: "Adelle Light", Georgia, serif; font-size-adjust: 0.516; font-size: 72px; font-weight: 200; font-style: normal; line-height: .6; text-shadow: -1px -1px rgba(0, 0, 0, .4);}
#pricing #plans article h2 span.term {display: block; padding: 10px 0 0; font-size: 10px; color: #99abb4; color: rgba(255, 255, 255, .55); text-shadow: -1px -1px rgba(0, 0, 0, .25); text-transform: uppercase;}
#pricing #plans article.selected h2 span.term {color: #a1c1c7;}
#pricing #plans article.selected h2 {border-bottom-color: #4e6d79;}
#pricing #plans article h3 {position: relative; border-top: 1px solid #627480; margin: 0 0 -8px; padding: 15px 0 0; font-family: "Adelle SemiBold", Georgia, serif; font-size-adjust: 0.52; font-size: 16px; font-style: normal; font-weight: 600; line-height: 18px; text-transform: uppercase;}
#pricing #plans article a {color: #f9f9f9; text-decoration: none;}
#pricing #plans article.selected h3 {border-top-color: #84a3ab;}
#pricing #plans article ul {
width: 304px;
padding: 20px 15px 13px;
color: #99abb4;
background: #437b87 url(../images/fallback-bg-pricing.png) -1000px 0 no-repeat;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2d465a), to(#153344));
background: -webkit-linear-gradient(270deg,#2d465a, #153344 100%);
background: -moz-linear-gradient(270deg,#2d465a, #153344 100%);
background: -ms-linear-gradient(270deg,#2d465a, #153344 100%);
background: -o-linear-gradient(270deg,#2d465a, #153344 100%);
background: linear-gradient(180deg,#2d465a, #153344 100%);
-webkit-transition: padding .2s;
-o-transition: padding .2s;
-moz-transition: padding .2s;
-ms-transition: padding .2s;
transition: padding .2s;
border-radius: 0 0 8px 8px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
#pricing #plans article.selected ul {color: #a1c1c7;}
#pricing #plans article ul {color: rgba(255, 255, 255, .55);}
#pricing #plans article.selected ul {color: rgba(255, 255, 255, .55);}
#pricing #plans article li {padding: 0 0 4px;}
#pricing #features, #pricing #totals, #pricing #workerspeed {
float: left;
overflow: hidden;
position: relative;
width: 686px;
border-bottom: 1px solid #e5e4e0;
border-right: 1px solid #e5e4e0;
background: #d2d0c8;
color: #5C5C58;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: -1px -1px 0 #b4b4b4;
-webkit-box-shadow: inset 1px 1px 1px #b4b4b4;
-moz-box-shadow: inset 1px 1px 1px #b4b4b4;
box-shadow: inset 1px 1px 1px #b4b4b4;
-pie-box-shadow: -1px -1px 1px #b4b4b4;
}
#pricing #workerspeed, #pricing #features {
margin-bottom: 20px;
}
#pricing #features h2, #pricing #workerspeed h2 {margin: 0 0 20px; font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif; font-size: 18px; letter-spacing: 1px; line-height: 22px;}
#pricing #features h2 em, #pricing #workerspeed h2 em {display: block; color: #394B5E; font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif; font-style: normal;}
#pricing #features h3, #pricing #workerspeed h3 {font-family: "Adelle SemiBold", Georgia, serif; font-size-adjust: 0.52; font-size: 12px; font-style: normal; font-weight: 600; line-height: 18px;}
#pricing #features p {margin: 0 0 25px;}
#pricing #workerspeed p { margin-bottom: 5px; }
#pricing #features .slider, #pricing #workerspeed .slider {width: 318px; margin: 0 -4px;}
#pricing #features dl, #pricing #workerspeed dl {
clear: both;
overflow: hidden;
padding: 10px 0 0;
color: #5C5C58;
font-size: 11px;
text-transform: uppercase;
-webkit-transition: color .5s;
-o-transition: color .5s;
-moz-transition: color .5s;
-ms-transiton: color .5s;
transition: color .5s;
-webkit-transition-delay: 2s;
-o-transition-delay: 2s;
-moz-transition-delay: 2s;
-ms-transiton-delay: 2s;
transition-delay: 2s;
}
#pricing #features dl.changed {
color: #394B5E;
-webkit-transition: none;
-o-transition: none;
-moz-transition: none;
-ms-transiton: none;
transition: none;
-webkit-transition-delay: 0;
-o-transition-delay: 0;
-moz-transition-delay: 0;
-ms-transiton-delay: 0;
transition-delay: 0;
}
#pricing #workerspeed section { padding: 16px 16px 12px 18px; float: left; width: 300px; }
#pricing #features dt, #pricing #workerspeed dt {float: left;}
#pricing #features dd, #pricing #workerspeed dd {float: right; text-align: right;}
#features #webworkers {float: left; width: 310px; border-right: 1px solid #c1beb7; padding: 16px 16px 12px 18px;}
#features #backgroundworkers {float: right; width: 310px; border-left: 1px solid #e5e4e0; padding: 16px 18px 12px 12px;}
#pricing #totals {float: right; width: 332px; padding: 20px 0 0 1px;}
#pricing #totals h2 {padding: 0 22px 10px; color: #394B5E; font-family: "Adelle SemiBold", Georgia, serif; font-size-adjust: 0.52; font-size: 14px; font-style: normal; font-weight: 600; line-height: 1;}
#pricing #totals dl {overflow: hidden; padding: 0 0 8px; height: 255px;}
#pricing #totals dt {clear: left; float: left; width: 208px; padding: 4px 10px 4px 22px;}
#pricing #totals dd {float: left; width: 76px; padding: 5px 16px 3px 0; font-weight: bold; text-align: right;}
#pricing #totals .plan, #pricing #totals .bgprocesses {background: #cccac1;}
#pricing #totals .total {color: #394B5E; font-weight: bold; text-transform: uppercase;}
#pricing #totals dt.total {font-size: 11px;}
#pricing #totals-signup {
border-top: 1px solid #b5b4ae;
background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, 0) 50%);
background: -moz-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, 0) 50%);
background: -ms-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, 0) 50%);
background: -o-linear-gradient(270deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, 0) 50%);
background: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, 0) 50%);
}
#pricing #totals-signup p {clear: both; height: 40px; border-top: 1px solid #eeeeeb; padding: 8px 6px 4px 10px;}
#pricing #totals-signup a {float: left; overflow: hidden; height: 40px; width: 316px; color: #fff; font-size: 12px; font-weight: bold; line-height: 38px; text-decoration: none; text-shadow: -1px -1px rgba(0, 0, 0, .3); text-transform: uppercase;}
#pricing #totals-signup a strong {float: left; height: 40px; width: 258px; padding: 0 0 0 24px; background: url(../images/button.png) 0 -306px no-repeat;}
#pricing #totals-signup a span {float: left; height: 40px; width: 34px; background: url(../images/button.png) 100% -626px no-repeat;}
#pricing #totals-signup a:hover strong {background-position: 0 -346px; cursor: pointer;}
#pricing #totals-signup a:hover span {background-position: 100% -666px; cursor: pointer;}
/* @end */
/* @group Log sesssion*/
#logsession #start-session p {clear: both; height: 40px;}
#logsession #start-session a {float: left; overflow: hidden; height: 40px; width: 316x; color: #fff; font-size: 12px; font-weight: bold; line-height: 38px; text-decoration: none; text-shadow: -1px -1px rgba(0, 0, 0, .3); text-transform: uppercase;}
#logsession #start-session a strong {float: left; height: 40px; width: 150px; padding: 0 0 0 24px; background: url(../images/button.png) 0 -306px no-repeat;}
#logsession #start-session a span {float: left; height: 40px; width: 34px; background: url(../images/button.png) 100% -626px no-repeat;}
#logsession #start-session a:hover strong {background-position: 0 -346px; cursor: pointer;}
#logsession #start-session a:hover span {background-position: 100% -666px; cursor: pointer;}
/* @end */
/* @group Add-ons */
#addons-featured {
overflow: hidden;
width: 1040px;
margin: 0 0 40px;
padding: 0 0 12px;
background: #163445 url(../images/fallback-sprite.png) 0 -500px repeat-x;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4E6073), to(#153344));
background: -webkit-linear-gradient(270deg,#4E6073, #153344);
background: -moz-linear-gradient(270deg,#4E6073, #153344);
background: -ms-linear-gradient(270deg,#4E6073, #153344);
background: -o-linear-gradient(270deg,#4E6073, #153344);
background: linear-gradient(180deg,#4E6073, #153344);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .25);
-moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .25);
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .25);
-pie-box-shadow: 0 4px 10px 0 #999;
}
#addons-featured h2 {border-bottom: 1px solid #123142; padding: 4px 0 0; color: #bfc5cc; font-size: 10px; font-weight: bold; letter-spacing: 1px; line-height: 21px; text-align: center; text-shadow: -1px -1px rgba(0, 0, 0, .5); text-transform: uppercase;}
#addons-featured h2:after {display: block; overflow: hidden; height: 1px; content: "\0020"; background: #3c5265;}
#addons-featured .content {overflow: hidden; border-top: 1px solid #72818d; padding: 18px 0 0 26px;}
#addons-featured article {float: left; position: relative; min-height: 65px; width: 437px; padding: 0 65px 0 0;}
#addons-featured a {float: left; width: 360px; padding: 0 0 0 77px; color: #c1c8ce; text-decoration: none;}
#addons-featured h3 {margin: 0 0 5px; color: #fff; font-family: "Adelle SemiBold", Georgia, serif; font-size-adjust: 0.52; font-size: 14px; font-style: normal; font-weight: 600; line-height: 16px;}
#addons-featured img {position: absolute; left: 0; top: 8px;}
#addons-featured p {padding: 0 0 2px; color: #c1c8ce; color: rgba(255, 255, 255, .7);}
#addons-featured p.more {color: #4D909B; font-family: "Adelle Light Italic", Georgia, serif; font-size-adjust: 0.516; font-size: 13px; font-weight: 200; font-style: italic;}
#addons-featured a:hover p.more {color: #82a9b2;}
#addons {position: relative; width: 1028px; padding: 0 6px;}
#addons h2 {padding: 5px 0 25px; color: #394B5E; font-family: "Adelle SemiBold", Georgia, serif; font-size-adjust: 0.52; font-size: 16px; font-style: normal; font-weight: 600; line-height: 1;}
#addons article {
float: left;
position: relative;
width: 322px;
border-bottom: 1px solid #e5e4e0;
border-right: 1px solid #e5e4e0;
margin: 0 0 25px 28px;
padding-left: 1px;
background: #d2d0c8;
color: #5C5C58;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: -1px -1px 0 #b4b4b4;
-webkit-box-shadow: inset 1px 1px 1px #b4b4b4;
-moz-box-shadow: inset 1px 1px 1px #b4b4b4;
box-shadow: inset 1px 1px 1px #b4b4b4;
-pie-box-shadow: -1px -1px 1px #b4b4b4;
}
html:not(.domReady) #addons article:nth-of-type(3n+1) {clear: both; margin-left: 0;}
#addons article.nth-of-type-3n-1 {clear: both; margin-left: 0;}
#addons .info {min-height: 49px; border-bottom: 1px solid #bbb8b1; margin: 0 0 1px; padding: 22px 30px 18px 90px;}
#addons h3 a {margin: 0 0 5px; color: #123142; font-family: "Adelle SemiBold", Georgia, serif; font-size-adjust: 0.52; font-size: 14px; font-style: normal; font-weight: 600; line-height: 16px; text-decoration: none;}
#addons img {position: absolute; left: 22px; top: 22px;}
#addons dl {overflow: hidden; border-bottom: 1px solid #c7c4be; border-top: 1px solid #dddbd4; font-size: 11px; font-weight: bold;}
#addons dt {clear: both; float: left; width: 169px; padding: 5px 5px 3px 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#addons dd {float: right; width: 99px; padding: 5px 22px 3px 5px; text-transform: uppercase;}
#addons dt.even, #addons dd.even {background: #cccac1;}
#addons p.more {border-top: 1px solid #bbb8b1; font-family: "Adelle Italic", Georgia, serif; font-size-adjust: 0.516; font-weight: normal; font-style: italic;}
#addons p.more a {
display: block;
width: 322px;
border-top: 1px solid #e2e1dc;
padding: 6px 0 7px;
color: #2F5F6D;
font-size: 13px;
text-align: center;
text-decoration: none;
background: #d9d6cf url(../images/fallback-sprite.png) 0 -400px repeat-x;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cac6bc), to(#d9d6cf));
background: -webkit-linear-gradient(270deg,#cac6bc, #d9d6cf);
background: -moz-linear-gradient(270deg,#cac6bc, #d9d6cf);
background: -ms-linear-gradient(270deg,#cac6bc, #d9d6cf);
background: -o-linear-gradient(270deg,#cac6bc, #d9d6cf);
background: linear-gradient(180deg,#cac6bc, #d9d6cf);
border-radius: 0 0 9px 9px;
-webkit-border-bottom-right-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomright: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;
}
#addons p.more:hover {border-top-color: #d1cfcb;}
#addons p.more a:hover {
border-top-color: #edebe7;
background-color: #d1cdc5;
background-position: 0 -450px;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dedbd5), to(#d1cdc5));
background: -webkit-linear-gradient(270deg,#dedbd5, #d1cdc5);
background: -moz-linear-gradient(270deg,#dedbd5, #d1cdc5);
background: -ms-linear-gradient(270deg,#dedbd5, #d1cdc5);
background: -o-linear-gradient(270deg,#dedbd5, #d1cdc5);
background: linear-gradient(180deg,#dedbd5, #d1cdc5);
}
#addons .select {
position: absolute;
right: 6px;
top: 0;
height: 27px;
width: 164px;
}
#addons .unapproved {opacity: 0.5;}
#addon {overflow: hidden; padding: 15px 0 0;}
#addon-info {float: left; width: 265px; padding: 0 0 0 70px; color: #5C5C58;}
#addon-info p {margin: 0 0 10px;}
#addon header {position: relative; min-height: 49px; width: 265px; border-bottom: 2px solid #cbc9c0; margin: 0 0 15px -70px; padding: 0 0 12px 70px;}
#addon h2 {margin: 0 0 2px; color: #394B5E; font-family: "Adelle SemiBold", Georgia, serif; font-size-adjust: 0.52; font-size: 17px; font-style: normal; font-weight: 600; line-height: 22px;}
#addon header img {position: absolute; left: 0; top: 0;}
#addon header p {margin: 0 0 8px; color: #939082; font-size: 15px; font-family: "Adelle SemiBold Italic", Georgia, serif; font-size-adjust: 0.52; font-weight: 600; font-style: italic; line-height: 22px;}
#addon header li {display: inline; padding: 0 20px 0 0;}
#addon header a {color: #2F5F6D; font-family: "Adelle Italic", Georgia, serif; font-size-adjust: 0.516; font-size: 13px; font-weight: normal; font-style: italic; text-decoration: none;}
#addon header a:hover {color: #4D909B;}
#addon-options {float: right; width: 685px; padding: 0 0 12px;}
#addon-options section {
overflow: hidden;
position: relative;
width: 664px;
border-bottom: 1px solid #e5e4e0;
border-right: 1px solid #e5e4e0;
margin: 0 0 8px;
padding: 15px 0 15px 20px;
background: #d2d0c8;
color: #5C5C58;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: -1px -1px 0 #b4b4b4;
-webkit-box-shadow: inset 1px 1px 1px #b4b4b4;
-moz-box-shadow: inset 1px 1px 1px #b4b4b4;
box-shadow: inset 1px 1px 1px #b4b4b4;
-pie-box-shadow: -1px -1px 1px #b4b4b4;
}
#addon-options h3 {margin: 0 0 5px; color: #123142; font-family: "Adelle SemiBold", Georgia, serif; font-size-adjust: 0.52; font-size: 13px; font-style: normal; font-weight: 600; line-height: 18px;}
#addon-options ul {float: left; list-style-position: inside; list-style-type: square; width: 195px; font-size: 12px;}
#addon-options ul li {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#addon-options .order {position: absolute; right: 14px; top: 7px; text-align: right;}
#addon-options .order a {float: right; overflow: hidden; height: 40px; margin: 0 0 0 4px; color: #fff; font-size: 12px; font-weight: bold; line-height: 38px; text-decoration: none; text-shadow: -1px -1px rgba(0, 0, 0, .3); text-transform: uppercase;}
#addon-options .order a strong {float: left; height: 40px; padding: 0 10px 0 24px; background: url(../images/button.png) 0 -306px no-repeat;}
#addon-options .order a span {float: left; height: 40px; width: 34px; background: url(../images/button.png) 100% -386px no-repeat;}
#addon-options .order a:hover strong {background-position: 0 -346px; cursor: pointer;}
#addon-options .order a:hover span {background-position: 100% -426px; cursor: pointer;}
#addon-options .order em {float: right; color: #123142; font-size: 12px; font-style: normal; font-weight: bold; line-height: 38px; text-transform: uppercase;}
#addon-options .order em.free {clear: both; display: block; float: none; color: #394B5E; font-size: 17px; line-height: 50px;}
#addon-options .order em.price {clear: both; display: block; float: none; line-height: 1; font-weight: normal;}
#addon-options .order em.price span.currency {position: relative; left: -2px; top: -4px; color: #4D909B; font-family: "Adelle Regular", Georgia, serif; font-size-adjust: 0.516; font-size: 18px; font-style: normal; font-weight: normal;}
#addon-options .order em.price span.amount {color: #4D909B; font-family: "Adelle Regular", Georgia, serif; font-size-adjust: 0.516; font-size: 36px; font-style: normal; font-weight: normal;}
#addon-options .order em.price span.term {display: block; color: #5C5C58; font-size: 9px; text-transform: uppercase;}
/* @end */
/* @group Content Template */
#content-main {float: left; width: 655px; color: #5C5C58; padding-left: 3px;}
#content-sidebar {float: right; width: 320px; padding: 0 10px 0 0; color: #5C5C58;}
#content-main h1 {margin-left: -5px;}
#content-main h2, #content-sidebar h2 {margin: 4px 0 8px; color: #394B5E; font-family: "Adelle SemiBold", Georgia, serif; font-size-adjust: 0.52; font-size: 15px; font-style: normal; font-weight: 600; line-height: 18px;}
#content-main h2 {margin: 24px 0 8px;}
#content-main p, #content-sidebar p {margin: 0 0 12px;}
#content-main ul, #content-sidebar ul {list-style-type: disc; margin: 0 0 12px 25px;}
#content-main ol, #content-sidebar ol {list-style-type: decimal; margin: 0 0 12px 25px;}
#content-main ol ol, #content-sidebar ol ol {list-style-type: lower-alpha;}
#content-main li ul, #content-sidebar li ul, #content-main li ol, #content-sidebar li ol {margin: 3px 0 3px 25px;}
#content-main a, #content-sidebar a {color: #2F5F6D; text-decoration: none;}
#content-main a:hover, #content-sidebar a:hover {color: #4D909B;}
#content-main ul.actions, #content-sidebar ul.actions {list-style-type: none; margin: 24px 0; font-size: 13px;}
#content-main ul.actions li, #content-sidebar ul.actions li {margin: 0 0 8px;}
#content-main ul.actions a, #content-sidebar ul.actions a {font-family: "Adelle Italic", Georgia, serif; font-size-adjust: 0.516; font-weight: normal; font-style: italic;}
/* @end */
/* @group Clear */
#home, #content, #plans {zoom: 1;}
#home:before, #home:after, #content:before, #content:after, #plans:before, #plans:after {display: block; overflow: hidden; height: 0; content: "\0020";}
#home:after, #content:after, #plans:after {clear: both;}
/* @end */
/* @group Fonts */
.adelle-light {font-family: "Adelle Light", Georgia, serif; font-size-adjust: 0.516; font-weight: 200; font-style: normal;}
.adelle-lightitalic {font-family: "Adelle Light Italic", Georgia, serif; font-size-adjust: 0.516; font-weight: 200; font-style: italic;}
.adelle-regular {font-family: "Adelle Regular", Georgia, serif; font-size-adjust: 0.516; font-style: normal; font-weight: normal;}
.adelle-italic {font-family: "Adelle Italic", Georgia, serif; font-size-adjust: 0.516; font-weight: normal; font-style: italic;}
.adelle-semibold {font-family: "Adelle SemiBold", Georgia, serif; font-size-adjust: 0.52; font-style: normal; font-weight: 600;}
.adelle-semibolditalic {font-family: "Adelle SemiBold Italic", Georgia, serif; font-size-adjust: 0.52; font-weight: 600; font-style: italic;}
/* @end */
/* @group IE7, IE8, and IE9 */
*+html #addon-options .order em.free, *+html #addon-options .order em.price {float: right; width: 150px;}
#branding .inner, #nav-account a, #home-intro-features span.icon, #home-press, #home-twitter,
#how .content, #how .switch a, #plans article, #plans article ul, #pricing #features, #pricing #totals,
#addons-featured, #addons article, #addons .more a, #content .select, #addon-options section,
#content input[type=text], #content input[type=password], #content textarea, #content button {behavior: url(/assets/css/PIE.htc);}
/* @end */
/* @group Sidebar */
#sidebar {
float: left;
overflow: hidden;
position: relative;
min-height: 60px;
width: 260px;
padding: 0 0 2px;
background: #173445 url(../images/fallback-bg-sidebar.png) 0 0 repeat-x;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5c6d7e), to(#173445));
background: -webkit-linear-gradient(270deg, #5c6d7e, #4b5e70 26px, #485b6e 27px, #173445 100%);
background: -moz-linear-gradient(270deg,#5c6d7e, #4b5e70 27px, #485b6e 27px, #173445 100%);
background: -ms-linear-gradient(270deg,#5c6d7e, #4b5e70 27px, #485b6e 27px, #173445 100%);
background: -o-linear-gradient(270deg,#5c6d7e, #4b5e70 27px, #485b6e 27px, #173445 100%);
background: linear-gradient(180deg,#5c6d7e, #4b5e70 27px, #485b6e 27px, #173445 100%);
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .25);
-moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .25);
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .25);
-pie-box-shadow: 0 4px 10px 0 #999;
}
#sidebar h2 {height: 53px; padding: 0 55px 0 22px; background: url(../images/bg-sprite.png) -4485px 100% no-repeat; color: #fff; font-family: "Adelle SemiBold", Georgia, serif; font-size-adjust: 0.52; font-size: 17px; font-style: normal; font-weight: 600; line-height: 50px; white-space: nowrap;}
#sidebar h2 a {color: #fff; text-decoration: none;}
#sidebar h2 a:hover {color: #cdd3d7;}
#sidebar .sort-options { padding-right: 22px; }
#sidebar .sort-options a { font-size: 12px; padding-right: 22px; cursor: pointer; }
#sidebar .sort-options a:hover { opacity: 0.8; }
#sidebar .sort-applications { float: left; }
#sidebar .sort-owners { float: right; }
#sidebar #all-apps {position: absolute; left: 220px; top: 11px; height: 26px; width: 25px; background: url(../images/sprite.png) 0 -1000px; text-indent: -10000px;}
#sidebar #all-apps:hover, #sidebar #all-apps.selected {background-position: 0 -1050px;}
#sidebar nav {border-bottom: 1px solid #1c3849; border-bottom-color: rgba(18, 49, 66, .5); padding: 4px 0 8px;}
#sidebar nav li {padding: 5px 22px; color: #869096;}
#sidebar nav a {color: #fff; text-decoration: none;}
#sidebar nav a:hover {color: #cdd3d7;}
.ascending { background: url('../images/ascending.png') center right no-repeat; }
.descending { background: url('../images/descending.png') center right no-repeat; }
nav#apps-list {border: 0; margin-top: -4px; padding: 0;}
nav#apps-list li {border-bottom: 1px solid #1c3849; border-bottom-color: rgba(18, 49, 66, .5); border-top: 1px solid #475f6c; border-top-color: rgba(86, 108, 120, .7); padding: 0;}
nav#apps-list li:first-child {border-top: 0;}
nav#apps-list li:last-child {border-bottom: 0;}
nav#apps-list li.last-child {border-bottom: 0;}
nav#apps-list a {display: block; padding: 14px 22px 12px; width: 216px;}
nav#apps-list a:hover {background: rgba(255, 255, 255, .05);}
nav#apps-list .owner-username { opacity: 0.5; float: right; }
#current-deployment {overflow: hidden; border-bottom: 1px solid rgb(18, 49, 66); border-top: 1px solid #475f6c; border-top-color: rgba(86, 108, 120, .7);}
#current-deployment h3 {border-bottom: 1px solid #1c3849; border-bottom-color: rgba(18, 49, 66, .5); padding: 7px 0 5px; color: #b5bcc3; font-size: 11px; font-weight: bold; line-height: 1; text-align: center; text-shadow: -1px -1px rgba(0, 0, 0, .3); text-transform: uppercase;}
#current-deployment dl {float: left; border-top: 1px solid #475f6c; border-top-color: rgba(86, 108, 120, .7); line-height: 1.25;}
#current-deployment .id {width: 110px; padding: 12px 10px 12px 22px;}
#current-deployment .time {width: 100px; padding: 12px 18px 12px 0;}
#current-deployment dt {color: #5b6e7b; font-size: 9px; text-transform: uppercase;}
#current-deployment dd {font-size: 15px;}
#current-deployment .id dd {color: #4D909B; font-family: "Adelle SemiBold", Georgia, serif; font-size-adjust: 0.52; font-style: normal; font-weight: 600;}
#current-deployment .time dd {color: #d3d8dc; font-family: "Adelle Regular", Georgia, serif; font-size-adjust: 0.516; font-size: 13px; font-style: normal; font-weight: normal;}
#app-resources {overflow: hidden; border-top: 1px solid #475f6c; border-top-color: rgba(86, 108, 120, .7); padding: 12px 18px 10px;}
#app-resources li {float: left;}
li#app-resources-build {float: right;}
#app-resources a {float: left; position: relative; padding: 8px 12px 7px; background: #304959; background: rgba(255, 255, 255, .1); color: #869096; font-size: 11px; font-weight: bold; line-height: 1; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; text-shadow: -1px -1px rgba(0, 0, 0, .3);}
#app-resources a:hover, #app-resources a.hover {background: #284252; background: rgba(255, 255, 255, .07); color: #fff;}
/* @end */
/* @group Content */
#main {float: right; width: 735px;}
/* @group Standard Form Styles */
#main input[type=text] {
width: 280px;
}
/* @end */
/* @group Create New App */
#apps-new {padding: 0 0 25px; background: url(../images/bg-sprite.png) -4745px 100% no-repeat;}
#apps-new h2 {padding: 25px 0 0; background: url(../images/bg-sprite.png) -4745px -8px no-repeat; color: #394B5E; font-family: "Adelle SemiBold", Georgia, serif; font-size-adjust: 0.52; font-size: 17px; font-style: normal; font-weight: 600; line-height: 27px;}
#apps-new label {display: block; padding: 0 0 20px; color: #939082; font-family: "Adelle SemiBold Italic", Georgia, serif; font-size-adjust: 0.52; font-size: 15px; font-weight: 600; font-style: italic;}
#apps-new form * {vertical-align: top;}
/* @end */
/* @group Dialog */
.dialog {
position: relative;
border-bottom: 1px solid #e5e4e0;
border-right: 1px solid #e5e4e0;
margin: 0 0 25px;
padding: 22px 60px 20px 270px;
background: #c5d2d0;
color: #5C5C58;
line-height: 16px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: -1px -1px 1px #b4b4b4;
-webkit-box-shadow: inset 1px 1px 0 #b4b4b4;
-moz-box-shadow: inset 1px 1px 0 #b4b4b4;
box-shadow: inset 1px 1px 0 #b4b4b4;
-pie-box-shadow: -1px -1px 1px #b4b4b4;
}
.dialog.failed {background: #e0cbc6;}
.dialog h3 {position: absolute; left: 0; top: 50%; height: 28px; margin: -14px 0 0; padding: 0 0 0 80px; background: url(../images/sprite-dialog.png) 38px 0 no-repeat; color: #394B5E; font-family: "Adelle SemiBold", Georgia, serif; font-size-adjust: 0.52; font-size: 14px; font-style: normal; font-weight: 600; line-height: 28px;}
.dialog.failed h3 {background: url(../images/sprite-dialog.png) 38px -50px no-repeat; color: #A33526;}
.dialog a {color: #5C5C58; text-decoration: none;}
.dialog a:hover {color: #394B5E;}
.dialog.failed a:hover {color: #A33526;}
.dialog a.close {display: block; overflow: hidden; position: absolute; top: 50%; left: 705px; height: 14px; width: 14px; margin: -7px 0 0; background: url(../images/sprite-dialog.png) 0 -100px no-repeat; text-indent: -10000px;}
.dialog a.close:hover {background-position: 0 -114px;}
.dialog.failed a.close:hover {background-position: 0 -128px;}
/* @end */
/* @group App Info - Resource and Build URLs */
#app-info {overflow: hidden; padding: 15px 0 9px; color: #7F7E79; background: url(../images/bg-sprite.png) -4745px -8px no-repeat;}
#app-info dl {clear: left; float: left; padding: 0 0 3px;}
#app-info dt {float: left; min-width: 90px; padding: 0 10px 0 0; font-style: italic;}
#app-info dd {float: left;}
#app-info-build, #app-info-repository {float: right; color: #4D909B; font-family: "Adelle Italic", Georgia, serif; font-size-adjust: 0.516; font-size: 12px; font-weight: normal; font-style: italic; text-decoration: none;}
#app-info-build:hover, #app-info-repository:hover {color: #82a9b2;}
/* @end */
/* @group Build Status */
#build-status {padding: 30px 0; background: url(../images/bg-sprite.png) -4745px -8px no-repeat;}
#build-status h3 {padding: 0 0 4px; color: #394B5E; font-family: "Adelle SemiBold", Georgia, serif; font-size-adjust: 0.52; font-size: 22px; font-style: normal; font-weight: 600; line-height: 1;}
#build-status header p {padding: 0 0 15px; color: #939082; font-family: "Adelle SemiBold Italic", Georgia, serif; font-size-adjust: 0.52; font-size: 15px; font-weight: 600; font-style: italic;}
#build-status h4 {display: none;}
#build-status-current {overflow: hidden; margin: 0 0 20px; background: #e3e1dd; color: #5C5C58; cursor: pointer; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 0 2px #c1c1c1; -moz-box-shadow: 0 0 2px #c1c1c1; box-shadow: 0 0 2px #c1c1c1; height: 57px;}
#build-status-current dl {display: inline; float: left; margin-right: 12px; padding: 14px 13px 14px 0; line-height: 12px;}
#build-status-current dt {padding: 0 0 5px; font-size: 9px; text-transform: uppercase;}
#build-status-current dl.status {background: #c8c8c9; border-right: 1px solid #bbc5c8; margin-right: 0; padding-left: 20px; padding-right: 24px; border-radius: 8px 0 0 8px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px;}
#build-status-current dl.received {border-left: 1px solid #eeece9; padding-left: 11px;}
#build-status-current dl.commit-message {padding-right: 10px;}
#build-status-current .status dd {color: #394B5E; font-family: "Adelle SemiBold", Georgia, serif; font-size-adjust: 0.52; font-size: 12px; font-style: normal; font-weight: 600; text-transform: uppercase;}
#build-status-current .status dd a {color: #394B5E; text-decoration: none;}
#build-status-current .commit-message dd {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 290px;}
#build-status-current.failed dl.status {background: #d9c5c0;}
#build-status-current.failed dl.status dd, #build-status-current.failed dl.status dd a {color: #A33526;}
#build-status-current.active dl.status {background: #cbd4d2;}
#build-status-current.active dl.status dd, #build-status-current.active dl.status dd a {color: #4D909B;}
.jsEnabled #build-status-current * {visibility: hidden;}
.domReady #build-status-current * {visibility: visible;}
#build-status-history {
border-bottom: 1px solid #e5e4e0;
border-right: 1px solid #e5e4e0;
margin: 0 0 0 1px;
background: #d2d0c8;
color: #5C5C58;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: -1px -1px 1px #b9b9b9;
-moz-box-shadow: -1px -1px 1px #b9b9b9;
box-shadow: -1px -1px 1px #b9b9b9;
}
#build-status-history table {border-collapse: separate; border-spacing: 0; width: 100%;}
#build-status-history th {border-bottom: 1px solid #b4b3ac; padding-top: 2px; padding-right: 25px; font-size: 11px; font-weight: bold; line-height: 28px; text-align: left; text-transform: uppercase; white-space: nowrap;}
#build-status-history tbody {border-top: 1px solid #e5e4e0;}
#build-status-history tbody tr {cursor: pointer;}
#build-status-history td {padding-right: 25px; background: #cfcdc5; font-size: 12px; line-height: 31px; vertical-align: middle; white-space: nowrap;}
#build-status-history tbody tr:first-child td {
border-top: 1px solid #e9e8e5;
}
#build-status-history tbody tr:nth-of-type(even) td {background: #dad7d0;}
#build-status-history tbody tr.nth-of-type-even td {background: #dad7d0;}
#build-status-history tbody tr.failed td {background: #d6ccc5;}
#build-status-history tbody tr.failed:nth-of-type(even) td {background: #ded6d0;}
#build-status-history tbody tr.failed.nth-of-type-even td {background: #ded6d0;}
#build-status-history tbody tr:last-child td:first-child {
border-radius: 0 0 0 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
}
#build-status-history tbody tr:last-child td:last-child {
border-radius: 0 0 8px 0;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
}
#build-status-history tbody tr.last-child td:first-child {
border-radius: 0 0 0 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
}
#build-status-history tbody tr.last-child td.last-child {
border-radius: 0 0 8px 0;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
}
#build-status-history th.status {width: 10px;}
#build-status-history th.status, #build-status-history td.status {padding-left: 20px; padding-right: 35px;}
#build-status-history td.status span {display: block; overflow: hidden; height: 16px; width: 16px; margin: 0 auto; background: url(../images/sprite.png) 0 -1100px no-repeat; text-indent: -10000px;}
#build-status-history td code.commit-id {display: block;}
#build-status-history .failed td.status span {background-position: 0 -1132px;}
#build-status-history .active td.status span {background: url(../images/spinner1.gif) 0 0 no-repeat;}
#build-status-history .active:nth-of-type(even) td.status span {background: url(../images/spinner2.gif) 0 0 no-repeat;}
#build-status-history .active.nth-of-type-even td.status span {background: url(../images/spinner2.gif) 0 0 no-repeat;}
#build-status-history td.commit-id, #build-status-history td.commit-message {font-size: 11px; white-space: normal;}
#build-status-history td.commit-message {width: 100%; vertical-align: top;}
#build-status-history td.commit-message span {display: block; position: relative;}
#build-status-history td.commit-message span span {display: block; overflow: hidden; position: absolute; left: 0; width: 100%; text-overflow: ellipsis; white-space: nowrap;}
#build-status-history .actions {padding-left: 10px; padding-right: 12px; text-align: right;}
#build-status-history td.actions a {position: relative; padding: 7px 12px 5px; background: #d6d4cb; color: #aeaca6; font-size: 9px; font-weight: bold; line-height: 14px; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#build-status-history .nth-of-type-even td.actions a {background: #e2dfda; color: #b6b3af;}
#admin #build-status-history td.actions a {background: rgba(255, 255, 255, .22); color: rgba(114, 113, 109, .4);}
#admin #build-status-history td.actions a:hover {
background: #36676f;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c898e), to(#36676f));
background: -webkit-linear-gradient(270deg, #4c898e, #36676f 100%);
background: -moz-linear-gradient(270deg,#4c898e, #36676f 100%);
background: -ms-linear-gradient(270deg,#4c898e, #36676f 100%);
background: -o-linear-gradient(270deg,#4c898e, #36676f 100%);
background: linear-gradient(180deg,#4c898e, #36676f 100%);
color: #fff;
}
#admin #build-status-history td.actions #active
{
position: relative;
padding: 7px 12px 5px;
font-size: 9px;
font-weight: bold;
line-height: 14px;
text-transform: uppercase;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #4D909B;
width: auto;
display: inline;
}
/* @end */
/* @group Installed Add-ons */
#addons-installed {overflow: hidden; padding: 0 0 15px; background: url(../images/bg-sprite.png) -4745px 100% no-repeat;}
#addons-installed header {overflow: hidden; padding: 0 0 15px; background: url(../images/bg-sprite.png) -4745px 100% no-repeat;}
#addons-installed h3 {color: #394B5E; font-family: "Adelle SemiBold", Georgia, serif; font-size-adjust: 0.52; font-size: 17px; font-style: normal; font-weight: 600; line-height: 27px;}
#addons-installed header p {float: left; color: #939082; font-family: "Adelle SemiBold Italic", Georgia, serif; font-size-adjust: 0.52; font-size: 15px; font-weight: 600; font-style: italic;}
#addons-installed header p.settings {float: right; font-family: "Adelle Italic", Georgia, serif; font-size-adjust: 0.516; font-size: 12px; font-weight: normal; font-style: italic; line-height: 20px;}
#addons-installed header a {color: #4D909B; text-decoration: none;}
#addons-installed header a:hover {color: #82a9b2;}
#addons-installed article {float: left; position: relative; width: 235px; padding: 15px 0 0 15px; zoom: 1;}
#addons-installed article a {float: left; width: 167px; padding: 0 0 0 68px; color: #5C5C58; text-decoration: none;}
#addons-installed article:nth-of-type(3n+1) {clear: both; padding-left: 0;}
#addons-installed article.nth-of-type-3n-1 {clear: both; padding-left: 0;}
#addons-installed article h4 {color: #394B5E; padding: 0 0 5px; font-family: "Adelle SemiBold", Georgia, serif; font-size-adjust: 0.52; font-size: 14px; font-style: normal; font-weight: 600; line-height: 18px;}
#addons-installed article img {position: absolute; left: 15px; top: 15px;}
#addons-installed article:nth-of-type(3n+1) img {left: 0;}
#addons-installed article.nth-of-type-3n-1 img {left: 0;}
/* @end */
/* @group Add-on Detail */
#admin #addon {overflow: visible; padding: 20px 0 0; background: url(../images/bg-sprite.png) -4745px -8px no-repeat;}
#admin #addon-info {float: none; width: auto; margin: 0 0 20px; padding: 0 250px 5px 70px; background: url(../images/bg-sprite.png) -4745px 100% no-repeat;}
#admin #addon-info header {min-height: 0; width: 665px; border: 0; margin-bottom: 0; margin-right: -250px; padding-bottom: 0;}
#admin #addon-info header li {padding: 0 0 0 20px;}
#admin #addon-info h2 {float: left; margin: 0 0 5px;}
#admin #addon-info ul {float: right;}
#admin #addon-info p {clear: both;}
#admin #addon-options {float: none; width: auto;}
#admin #addon-options section {width: 714px;}
#admin #addon-options .order a.installed {height: 28px; margin: 4px 7px 8px 12px; color: #c4d1d4; line-height: 30px;}
#admin #addon-options .order a.installed strong {min-width: 90px; padding: 0 0 0 12px; background: url(../images/button2.png) 0 0 no-repeat; text-align: center;}
#admin #addon-options .order a.installed span {height: 28px; width: 28px; background: url(../images/button2.png) 100% -28px no-repeat;}
#admin #addon-options .order a.upgrade strong {min-width: 90px; padding: 0 2px 0 18px; text-align: center;}
/* @end */
/* @end */
/* @group IE7, IE8, and IE9 */
*+html #appharbor-nav-account-loggedin {width: 120px;}
*+html #sidebar nav, *+html nav#apps-list li, *+html #current-deployment h3 {border-bottom-color: #1c3849;}
*+html nav#apps-list li, *+html #current-deployment, *+html #current-deployment dl, *+html #app-resources {border-top-color: #475f6c;}
*+html #current-deployment dd {font-size: 12px;}
*+html #build-status-history table {border-collapse: collapse;}
*+html #build-status-history th, *+html #build-status-history td {position: relative;}
#appharbor-nav-account-loggedin, #sidebar, #app-resources a, #main button, #build-status-current,
#build-status-current dl.status , #build-status-history, #build-status-history tbody tr.last-child td:first-child,
#build-status-history tbody tr.last-child td.last-child, #build-status-history td.actions a, #main .dialog {behavior: url(/assets/css/PIE.htc);}
/* @end */
#addons dd {text-align: right;}
#addon-options section {min-height: 75px;}
h1 strong {font-weight: bold;}
#content-main a {color: #2F5F6D; text-decoration: none;}
#content-main a:hover {color: #4D909B;}
.new-form {padding: 0 0 25px; background: url(../images/bg-sprite.png) -4745px 100% no-repeat;}
.new-form h2 {padding: 25px 0 0; background: url(../images/bg-sprite.png) -4745px -8px no-repeat; color: #394B5E; font-family: "Adelle SemiBold", Georgia, serif; font-size-adjust: 0.52; font-size: 17px; font-style: normal; font-weight: 600; line-height: 27px;}
.new-form label {display: block; padding: 0 0 20px; color: #939082; font-family: "Adelle SemiBold Italic", Georgia, serif; font-size-adjust: 0.52; font-size: 15px !important; font-weight: 600; font-style: italic !important;}
.new-form form * {vertical-align: top;}
.update-email-form {display: inline-block; margin: 0 !important; padding: 0;}
#account .error-note {display: none;}
code.commit-id
{
display: inline-block;
width: 4.92em;
text-overflow: ellipsis;
overflow: hidden;
word-break: normal;
}
#sidebar h2, nav#apps-list li a {text-overflow: ellipsis; overflow: hidden;}
#content-main .datagrid
{
margin: 0 0 12px;
text-align: left;
border-collapse: separate;
border-spacing: 0;
width: 733px;
border-bottom: 1px solid #e5e4e0;
border-right: 1px solid #e5e4e0;
background: #d2d0c8;
color: #5C5C58;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: -1px -1px 1px #b9b9b9;
-moz-box-shadow: -1px -1px 1px #b9b9b9;
box-shadow: -1px -1px 1px #b9b9b9;
table-layout: fixed;
}
#content-main .datagrid tbody
{
border-top: 1px solid #e5e4e0;
}
#content-main .datagrid th,
#content-main .datagrid td
{
border: 0px;
text-align: left;
font-size: 11px;
white-space: nowrap;
line-height: 28px;
overflow: hidden;
text-overflow: ellipsis;
}
#content-main .datagrid th
{
border-bottom: 1px solid #b4b3ac;
padding: 0px 25px 0px 10px;
font-weight: bold;
text-transform: uppercase;
}
#content-main .datagrid td
{
background: #cfcdc5;
vertical-align: middle;
padding: 3px 25px 3px 10px;
}
#content-main .datagrid tbody tr:first-child td
{
border-top: 1px solid #e9e8e5;
}
#content-main .datagrid tbody tr:nth-of-type(even) td,
#content-main .datagrid tbody tr.nth-of-type-even td
{
background: #dad7d0;
}
#content-main .datagrid tbody tr:last-child td:first-child,
#content-main .datagrid tbody tr.last-child td:first-child
{
border-radius: 0 0 0 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
}
#content-main .datagrid tbody tr:last-child td:last-child,
#content-main .datagrid tbody tr.last-child td.last-child
{
border-radius: 0 0 8px 0;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
}
#content-main *+html .datagrid
{
border-collapse: collapse;
}
#content-main *+html .datagrid th,
#content-main *+html .datagrid td
{
position: relative;
}
#content-main .datagrid td form
{
margin: 0;
}
#content-main .datagrid tbody tr.last-child td:first-child,
#content-main .datagrid tbody tr.last-child td.last-child,
#content-main .datagrid td.actions a
{
behavior: url(/assets/css/PIE.htc);
}
#content-main .datagrid tbody td.actions
{
padding-left: 0px;
padding-right: 10px;
text-align: right;
}
#content-main .datagrid tbody td.actions a
{
padding: 7px 12px 6px;
}
#content-main .datagrid tbody td.actions button,
#build-status-history td.actions button
{
padding: 6px 12px 4px;
height: auto;
}
#content-main .datagrid tbody td.actions button,
#content-main .datagrid tbody td.actions a,
#build-status-history td.actions button
{
position: relative;
background: #d6d4cb;
color: #aeaca6;
font-size: 9px;
font-weight: bold;
line-height: 14px;
text-decoration: none;
text-transform: uppercase;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
letter-spacing: 0px;
text-shadow: 0px 0px;
text-transform: uppercase;
-webkit-box-shadow: 0px 0px;
-moz-box-shadow: 0px 0px;
box-shadow: 0px 0px;
-pie-box-shadow: 0px 0px;
background: rgba(255, 255, 255, .22);
margin-left: 5px;
}
#content-main .datagrid tbody .nth-of-type-even td.actions a,
#content-main .datagrid tbody .nth-of-type-even td.actions button,
#build-status-history .nth-of-type-even td.actions button
{
background: #e2dfda;
color: #b6b3af;
}
#content-main .datagrid tbody td.actions a:hover,
#content-main .datagrid tbody td.actions button:hover,
#build-status-history td.actions button:hover
{
background: #36676f;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c898e), to(#36676f));
background: -webkit-linear-gradient(270deg, #4c898e, #36676f 100%);
background: -moz-linear-gradient(270deg,#4c898e, #36676f 100%);
background: -ms-linear-gradient(270deg,#4c898e, #36676f 100%);
background: -o-linear-gradient(270deg,#4c898e, #36676f 100%);
background: linear-gradient(180deg,#4c898e, #36676f 100%);
color: #fff;
}
#content-main .datagrid tbody td.actions button.confirm-deletion,
#content-main section button.confirm-deletion
{
background: #c43c35;
background: -moz-linear-gradient(top, #ee5f5b, #c43c35);
background: -ms-linear-gradient(top, #ee5f5b, #c43c35);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
background: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
background: -o-linear-gradient(top, #ee5f5b, #c43c35);
background: linear-gradient(top, #ee5f5b, #c43c35);
color: #fff;
}
#content-main .datagrid tbody td.actions .select
{
float: left;
}
#content-main .datagrid tbody td.actions form
{
display: inline;
}
#content-main .datagrid tbody td.left
{
text-align: left;
padding-left: 10px;
}
#content-main .datagrid tbody td.left button,
#content-main .datagrid tbody td.left a
{
margin-left: 10px;
}
/* Support */
.support-box
{
position: relative;
background-color: #cbc9c0;
width: 291px;
height: auto;
float: left;
margin: 8px;
border-bottom: 1px solid #e5e4e0;
border-right: 1px solid #e5e4e0;
padding: 16px 22px 18px 22px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: -1px -1px 0 #b4b4b4;
-webkit-box-shadow: inset 1px 1px 1px #b4b4b4;
-moz-box-shadow: inset 1px 1px 1px #b4b4b4;
box-shadow: inset 1px 1px 1px #b4b4b4;
color: #7F7D7A;
}
.support-box:first-child
{
margin-left: 0px;
}
.support-box:last-child
{
margin-right: 0px;
}
.support-box h2
{
margin: 0px 0px 10px 0px !important;
}
.support-box .logo
{
position: absolute;
bottom: 5px;
right: -10px;
opacity: 0.2;
}
article.with-visible-sections section
{
background: url(/assets/images/bg-sprite.png) -4745px -8px no-repeat;
padding-top: 3px;
}
article.with-visible-sections section:first-child
{
background: none;
}
/* Test */
#content-main [data-test-status]
{
background-color: #D2D0C8;
}
#content-main li.even > [data-test-status], #content-main table.tests tbody tr[data-test-status]:nth-of-type(even)
{
background-color: #DAD7D0;
}
#content-main [data-test-status="Skipped"]
{
opacity: 0.4;
}
#content-main [data-test-status="Failed"]
{
background-color: #D6CCC5;
}
#content-main li.even > [data-test-status="Failed"], #content-main table.tests tbody tr[data-test-status="Failed"]:nth-of-type(even)
{
background-color: #DED6D0;
}
/* Table */
#content-main table.tests tbody tr[data-test-status] td
{
background-color: transparent;
}
/* Hierarchy */
#content-main ul.tests
{
margin: 0px;
}
#content-main ul.tests li
{
margin-bottom: 3px;
}
#content-main ul.tests li span
{
float: right;
opacity: 0.5;
top: 3px;
right: 25px;
position: absolute;
}
#content-main ul.tests, #content-main ul.tests ul
{
list-style-type: none;
}
#content-main ul.tests li.parent > [data-test-status]
{
cursor: pointer;
}
#content-main ul.tests [data-test-status]
{
position: relative;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 3px 25px 3px 10px;
line-height: 28px;
height: 28px;
border-bottom: 1px solid #e5e4e0;
border-right: 1px solid #e5e4e0;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: -1px -1px 0 #b4b4b4;
-webkit-box-shadow: inset 1px 1px 1px #b4b4b4;
-moz-box-shadow: inset 1px 1px 1px #b4b4b4;
box-shadow: inset 1px 1px 1px #b4b4b4;
}
#content-main .cvv-icon
{
width: 30px;
height: 30px;
background: url(../images/cvv-icon.png);
display: inline-block;
vertical-align: bottom;
}
#content-main .cvv-icon:hover
{
cursor: pointer;
}
#content-main .cvv-dialog-overlay
{
position: fixed;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
height: 100%;
width: 100%;
margin: 0px;
padding: 0px;
z-index: 101;
display: none;
}
#content-main .cvv-dialog
{
background: url(../images/cvv-example.png) 5px 0px no-repeat;
display: none;
position: absolute;
width: 270px;
height: 180px;
top: 53%;
left: 30%;
padding: 0px;
}
#content-main .cvv-dialog a
{
float: right;
padding: 5px 10px 0px;
}
img.region-icon
{
vertical-align: middle;
}
#getting-started {padding: 0 0 40px;}
/* Detailed form */
#content-main form.detailed
{
background: url("/assets/images/bg-sprite.png") -4745px -8px no-repeat;
padding-top: 25px;
}
#content-main form.detailed h2
{
margin-bottom: 20px;
}
#content-main form.detailed fieldset
{
background: url("/assets/images/bg-sprite.png") -4745px 100% no-repeat;
padding-bottom: 17px;
margin-bottom: 25px;
margin-top: 0px;
}
#content-main form.detailed .field label
{
display: inline-block;
width: 200px;
}
#content-main form.detailed .field input,
#content-main form.detailed .select
{
float: right;
}
#content-main form.detailed .select
{
display: inline-block;
width: 170px !important;
}
#content-main form.detailed .select select
{
width: 100% !important;
}
#content-main form.detailed .select span
{
text-overflow: ellipsis;
}
#content-main form.detailed p.example,
#content-main form.detailed p.info
{
clear: both;
color: #888582;
margin-left: 200px;
}
div.copy-to-clipboard-container
{
position: relative;
cursor: pointer;
}
span.copy-to-clipboard
{
background: url('/assets/images/copy-to-clipboard.png') 0 0 no-repeat;
height: 16px;
width: 16px;
display: block;
position: relative;
}
td:last-child span.copy-to-clipboard
{
right: 10px;
}