* { margin: 0; }
html, body { height: 100%; font-family: sans-serif; }
.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -11em; }

a { color: #c42b17; }
a:focus, a:hover { color: #ee5e4b; text-decoration: none; }
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1.1em; }
.button { padding: 0.25em 3em; }
textarea, input.long { width: 93%; }
label { font-weight: normal; }
label.indent {  }
li { margin-bottom: 0.2em; }

table { border: 1px solid #38b256; margin: 0.5em 0; padding: 0; width: 100%; }
table thead th { border: 1px solid #cfe5cf; border-width: 0 0 1px 1px; border-bottom-color: #38b256; padding: 0.5em; font-size: 105%; text-align: left; background-color: inherit; }
table thead th.c0 { border-left-width: 0; }
table tbody td { padding: 0.5em; border: 1px solid #cfe5cf; border-width: 0 0 0 1px; text-align: left; }
table tbody td:first-child { border: 0; }
table tbody td.centre { text-align: center; }
table tr:nth-child(even) td, table tr.even td { background-color: #ecf6e7; }
table tr:hover td { background-color: #e0ecda; }
table tfoot td { border-top: 1px solid #f4d0da; }
table tfoot td.single { border-top: 1px solid #e5cfcf; padding: 0.5em; text-align: left; font-size: 95%; }
table tfoot td.previous { text-align: left; padding: 1em; }
table tfoot td.next { text-align: right; padding: 1em; }

pre { font-family: monospace; background-color: #ffffe0; border: 1px solid #ffda89; margin: 0; padding: 1em; overflow: auto; }
pre > code { background-color: inherit; border-width: 0; padding: 0; }
code { font-family: monospace; background-color: #ffffe0; border: 1px solid #ffda89; padding: 0.1em; }

ul.grid { margin: 0 0 1.5em 0; padding: 0; list-style-type: none; border-width: 1px 0; overflow: hidden; }
ul.grid .first { text-align: right; clear: both; }
ul.grid .first, ul.grid .first label { font-weight: bold; }
ul.grid .first { font-weight: normal; }
ul.grid .first, ul.grid .last { margin-bottom: 0.1em; margin-top: 0.1em; }
ul.grid pre { margin: 0; }


.top-border { border-top: 0.4em solid #38b256; }
#header { text-align: center; font-size: 140%; }
#header a { text-decoration: none; color: #000000; display: block; padding: 1em 0; }
#header a:hover { text-decoration: underline; }
#header .title { text-align: left; }
#header .title > h2 { font-size: 2em; }
#header .title a { padding: 0; display: inline; }
#header .support { background-color: #38b256; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#header .tab { background-color: #38b256; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }


.push { height: 11em; }
#footer { background-color: #dde3dd; padding: 1em 0; }
#footer p { margin-bottom: 0.75em; }
#footer p.email { margin-bottom: 0; }
#footer p.email a:hover { text-decoration: none; }

#footer ul { margin: 0; }
#footer ul li a { text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }


#menu { font-size: 130%; }
#menu > ul > li > div { font-weight: bold; }
#menu ul { list-style-type: none; list-style-position: inside; }
#menu > ul { padding: 0; }
#menu > ul > li { margin: 0.5em 0; }

#content { font-size: 130%; }


dl.look-behind-you { width: 40em; margin: 0 auto; text-align: center; }
dl.look-behind-you dt { font-size: 700%; color: #333333; font-weight: normal; }
dl.look-behind-you dd { font-style: italic; text-align: center; }

dl.error, dl.success { color: #000; }
dl.error dt, dl.success dt { color: #000000; margin-bottom: 0.5em; }
dl.error dd ul, dl.success dd ul { margin-bottom: 0.5em; }
dl.success dd ul a { color: #000; }
dl.error { border-color: #ff6666; }
dl.success { background-color: #f3fff3; border-color: #38b256; }


.monthsCovered p.google { margin: 0; }
.monthsCovered p label { font-weight: normal; margin-left: 0.5em; }
.monthsCovered h2 { margin: 0; }
.monthsCovered ul.status { float: right; position: relative; top: -1.5em; margin: 0; }
.monthsCovered ul.status li { float: left; padding: 0 1.5em 0 0; list-style-type: none; margin: 0; line-height: 1em; }
.monthsCovered > ul.status > li > span { width: 1em; height: 1em; display: block; float: left; margin: 0 0.2em; }
.monthsCovered .green { background-color: #91d998; padding: 0.4em; }
.monthsCovered .orange { background-color: #ffe266; padding: 0.4em; }
.monthsCovered .red { background-color: #ff6666; padding: 0.4em; }
.monthsCovered ol { margin: 0 0 1.5em 0; padding: 0; }
.monthsCovered ol li { list-style-type: none; margin: 0; padding: 0; }
.monthsCovered ol li.noPlans { border: 1px solid #3e8744; border-width: 1px 2px 2px 2px; padding: 1em; }
.monthsCovered ol li dl { border: 1px solid #3e8744; border-width: 1px 2px 0 2px; margin: 0; }
.monthsCovered ol li dl dt { padding: 0.3em 1em; font-weight: bold; background-color: #fdfdff; border-bottom: 1px solid #3e8744; margin: 0; }
.monthsCovered ol li dl dd { border: 1px solid #3e8744; border-width: 0 0 2px 0; margin: 0; }
.monthsCovered ol li dl dd ul { margin: 0; padding: 0; float: none; position: static; background-color: inherit; }
.monthsCovered ol li dl dd ul li { float: none; margin: 0; padding: 0.8em 0 0.8em 0; }
.monthsCovered ol li dl dd ul li:hover { background-color: #eefeee; }
.monthsCovered ol li dl dd ul li input { vertical-align: bottom; }
.monthsCovered ol li dl dd ul li span.spacing { display: block; float: left; text-align: center; height: 1px; width: 3.5em; }

.manager-index ul.subs { margin-left: 2em; }

ul.register { margin: 0; padding: 0; list-style-type: none; }
p.register { clear: both; }

ul.software-list { list-style-type: none; }
ul.software-list label, dl.merchantSoftware label { margin-left: 0.5em; }
ul.software-list dl dt span { font-weight: normal; }

.manager-slot-index h3 { margin-bottom: 0.4em; }
.manager-slot-index pre { margin: 0; }

ol.ticket-view { padding: 0; border: 1px solid #38b256; border-width: 1px 0; }
ol.ticket-view li { border: 1px solid #38b256; list-style-type: none; margin: 0; padding: 0; }
ol.ticket-view li ul { margin: 0; padding: 0.5em; }
ol.ticket-view li ul li.author { padding: 0.5em; background-color: #ecf6e7; border: 0; }
ol.ticket-view li ul li.moderator { background-color: #ffe0e0; }
ol.ticket-view li ul li.message { padding: 1em; border: 0; }

ul.faq { list-style-type: none; }
ul.faq > li { margin-bottom: 1.5em; }
ul.faq li ol li a.review { font-style: italic; margin: 0 0 0 1em; color: #00f; }
ul.faq li ol li em { margin: 0 0 0 1em; }
p.credit { margin: 2em 2em 0.5em 2em; }
p.licence { margin: 0.5em 2em 2em 2em; }
.faq ins { background-color: #af9; color: #000; }
.faq del { background-color: #f55; color: #000; }

.support #content ol { margin-left: 2em; }

.pricing .tag { text-align: center; }
.pricing .tag h1 { margin: 1.5em 0 0 0; }
.pricing .tag h2 { margin: 0.5em 0; }
.pricing .tag h2 abbr { font-style: italic; }
.pricing ol.choice { list-style-type: none; margin: 0 auto 0 auto; width: 100%; padding: 0 0 1em 0; overflow: hidden; color: #010; }
.pricing ol.choice > li { width: 16.3%; float: left; border: 1px solid #cdc; border-width: 1px 0; border-right: 1px solid #9a9; }
.pricing ol.choice > li.first { border-left: 1px solid #cdc; }
.pricing ol.choice > li.last { border-right: 1px solid #cdc; }
.pricing ol.choice h3 { font-size: 180%; font-weight: bold; margin: 0.5em 0 0 12px; height: 1.25em; }
.pricing ol.choice h4 { margin: 0; padding-left: 12px; border-bottom: 1px solid #bcb; height: 2em; }
.pricing ol.choice li ul { list-style-type: none; padding: 0.5em 0 0.25em 0; }
.pricing ol.choice li ul li { padding: 0.33em 0 0.33em 12px; border-bottom: 1px solid #ddd; }
.pricing ol.choice li div em { font-style: normal; font-size: 95%; color: #c42b17; }
.pricing ol.choice li div { text-align: center; margin: 0; padding: 0.5em 0; }
.pricing ol.choice > li.side { text-align: right; margin-top: 5.5em; padding-top: 1px; border: 1px solid #fff; border-width: 1px 0; }
.pricing ol.choice > li.side ul li { padding-right: 1em; font-weight: bold; border: 0; }
.pricing ol.choice h5 { border-top: 1px solid #bcb; text-align: center; margin: 0; padding: 0; }
.pricing ol.choice h5 a { padding: 1.5em 0; display: block; }
.pricing p.clarify { clear: both; margin: 1.5em 5% 3em 5%; }
.pricing h4.here { font-size: 170%; text-align: center; margin-bottom: 0.25em; clear: both; }
.pricing h5.friendly { font-weight: normal; text-align: right; margin-right: 25%; }
.pricing div.ask div.empty { height: 1px; }
.pricing div.ask h3 { margin-top: 2em; }
.pricing p.wait { font-size: 140%; }
.pricing p.wait a { text-decoration: none; }
.pricing p.wait a:hover { text-decoration: underline; }
.pricing p.offers { float: right; margin: 2em 1em 0.5em 0; }
.pricing p.alt input[type=email] { padding: 0.5em; width: auto; }
.pricing p.alt button { margin: 1em; padding: 0.25em 2em; min-width: auto  }

.pricing h2.type { text-align: center; margin: 2.5em 0 0 0; }
.pricing table { border: 0; }
.pricing table tr th, .pricing table tr td { border: 0; background-color: inherit; padding: 0.75em; }
.pricing table tr th h3 { font-size: 180%; font-weight: bold; padding: 0.5em 0; margin: 0; }
.pricing table tr th h4 { margin: 0; }
.pricing table tr td { border-top: 1px solid #cdc; }
.pricing table div { margin: 0; padding: 0.5em 0; }
.pricing table div em { font-style: normal; font-size: 95%; color: #c42b17; }
.pricing table h5 { margin: 0; padding: 0; }
.pricing table h5 a { padding: 1.5em 0; display: block; }

.pricing ul.features { margin: 0; padding: 0; list-style-type: none; text-align: justify; }
.pricing ul.features li { margin: 0; padding: 0; }
.pricing ul.features li em { font-style: normal; font-size: 130%; color: #c42b17; }
.pricing ul.features li span { font-size: 130%; }
.pricing ul.features li div.left { text-align: right; }
.pricing ul.features li div.left p { margin: 0.5em 0; padding: 0 1em 0 0; }

body.order table.months { border: 0; width: 80%; margin-left: 2em; border-right: 1px solid #cfe5cf; }
body.order table.months .first { border: 0; text-align: right; }
body.order table.months th { border-top: 1px solid #cfe5cf; }
body.order table.months tr.last td { border-bottom: 1px solid #cfe5cf; }
body.order table.months tr.last td.first { border-bottom: 0; }
body.order table.months label { padding-right: 0.5em; }
body.order table.months td { background-color: #ecf6e7; }
body.order table.months td.first, body.order table.months td.blank { background-color: inherit; }

body.order .left { margin: 0; padding: 0; list-style-type: none; }
body.order ol h2 span { color: #666; padding: 0 1em; }
body.order ol dl dt { font-weight: normal; }
body.order ol dl dt span { font-weight: bold; }
body.order ol dl dt span#monthly { font-weight: normal; }
body.order ol ol { list-style-type: none; padding: 0 0 1em 2em; }
body.order ol ol li.monthly { padding-left: 1.5em; }
body.order ol ol input {  }
body.order ol ol label { padding: 0 0.5em; }
body.order .notes { padding: 1.25em 0; }

#payment-form .cc { margin: 0 2em 2em 2em; }
#payment-form .cc div { padding: 0.5em 0; }
#payment-form .cc div.payment-errors { padding: 0; }
#payment-form .cc input { padding: 0.4em; }
#payment-form .cc button { width: 14em; margin-left: 2em; padding: 0.5em 3em;  }

body.features ul.features { margin: 1em 0 0 0; padding: 0; list-style-type: none; text-align: right; }
body.features ul.features li { margin: 0 0 0.25em 0; padding: 0 2em 0 0; }
body.features ul.features li em { font-style: normal; font-size: 130%; color: #c42b17; }
body.features ul.features li span { font-size: 130%; }
body.features p.proceed { clear: both; padding: 1.5em 0 0 0; }

ol.order-progress li { background-repeat: no-repeat; background-position: top left; margin: 0.5em 0; padding: 0.5em 0 0 30px; list-style-type: none; }
ol.order-progress li.multi { height: auto; padding: 0; }
ol.order-progress li.multi ol { margin: 0; }
ol.order-progress li.yes { background-image: url('../image/gfdl_yes.png');  }
ol.order-progress li.pending { background-image: url('../image/pending.png');  }
ol.order-progress li.no { background-image: url('../image/gfdl_no.png'); }

.upgrade ol.list > li { list-style-type: decimal; margin-left: 1em; padding-left: 0.5em; }
.upgrade ul.list > li { list-style-type: disc; margin-left: 1em; padding-left: 0.5em; }

.manager-managed-add-user .users { list-style-type: none; }

.admin-ticket-index .supportTags li { width: 32%; float: left; }

ul.serverNetwork { margin: 0; padding: 0; overflow: hidden; list-style-type: none; }
ul.serverNetwork li.left, ul.serverNetwork li.right { margin: 0; }
ul.serverNetwork li.left { float: left; width: 47%; }
ul.serverNetwork li.right { overflow: hidden; width: 47%; }
ul.serverNetwork .first { float: left; width: 45%; margin-right: 10px; }
ul.serverNetwork .last {  }

.manager-tickets-new #message { height: 30em; }

.paymentMethods, .paymentMethods tr, .paymentMethods th, .paymentMethods td { background-color: inherit!important; border-width: 0px; }
.paymentMethods tr td { border-top: 1px solid #ccc!important; }
.paymentMethods tr th.subscription, .paymentMethods tr td.subscription { border-left: 1px solid #ccc!important; }
.paymentMethods tr td:first-child { min-width: 11em; }

ol.admin { list-style-type: none; }
ol.admin li { overflow: auto; clear: both; }
ol.admin li h3 { margin: 0.5em 0 0.25em 0; }
ol.admin li .date { float: right; }
ol.admin li .who { float: right; padding: 0 0.5em; }
ol.admin li .tags {  }
ol.admin li .title {  }
.admin-tags ul { list-style-type: none; margin: 0; padding: 0; }
.admin-tags ul li { margin: 0; padding: 0; float: left; width: 33%; }
.admin-tags div { clear: both; }
.admin-tags div label { font-weight: bold; }
.admin-tags div input { width: 100%; }

.affiliate-contract .agree, .affiliate-contract ul, .affiliate-contract ol { margin-left: 3em; }
.affiliate-contract .agree label { padding: 0 1em; }

.amazonOrder { padding-top: 1em; width: 600px; }
.amazonOrder > .total { text-align: right; width: 100%; padding-bottom: 0.75em; }
.amazonOrder > .total > span { font-weight: bold; }
.amazonOrder > .cancel { float: left; }
.amazonOrder > .place { float: right; }

.sources li { list-style-type: none; }

.overview_slots { margin: 0; padding: 0; list-style-type: none; }

.method { margin: 0 0 1em 2.5em; }
.method img { margin: 0.5em 0 0 0; }
button.bitcoin { min-width: auto; border: 0; margin: 0; padding: 0; background-image: url('/assets/images/coinbase/buy_now_large.png');
background-repeat: no-repeat; background-color: transparent; font-size: 0; width: 191px; height: 37px }
button.bitcoin:hover { background-color: transparent; cursor: pointer; }

#stripe-card { width: 20em; }
#stripe-postal { border: 0px; width: 10em; }

/* Figures */
figure { margin: 1em; border: 1px dashed black; border-width: 0px 0; border-bottom: 1px dashed black; width: intrinsic; width: -moz-max-content; width: -webkit-max-content }
figure > figcaption { text-align: center; font-style: italic; margin: 0.5em 0; }
figure img { border: 1px solid black; }

/* Blocks for: code, output sample and quotes */
pre { overflow: auto; font-family: monospace; }
pre > code, pre > samp, blockquote { border: 1px solid #e0e0e0; padding: 1em; background-color: #fafafa; display: block; }
pre > code { border-left: 0.5em solid #ffda89; }
pre > samp { border-left: 0.5em solid #ff9999; }
blockquote { border-left: 0.5em solid #73d3ff; }
blockquote:before, blockquote:after { content: ""; }

/* Inline highlighting */
code, samp { font-family: monospace; padding: 0.3em; background-color: #f2f2f2; }

aside { border: 1px solid #f66; border-left-width: 1em; background-color: #fee; margin: 1em 0; padding: 0.5em 0.5em; width: 40em; }
aside.success { border-color: #38b256; background-color: #efe; }
aside.note { border-color: #8bf; background-color: #eaf3ff; }
aside.note { border-color: #73d3ff; background-color: #fafafa; }
aside.note:before { content: "Note: "; font-style: italic; }
aside.error2:before { content: "Error: "; font-style: italic; }
aside.success:before { content: "Confirmation: "; font-style: italic; }

/* Forms */
input[type=text], input[type=email], input[type=password], textarea { width: 100%; padding: 0.5em; }
input[type=number] { padding: 0.5em; width: 6em; }
input[type=checkbox], input[type=radio] { margin: 0 0.5em; }
select { padding: 0.5em; }
textarea.full, .full > textarea { height: 40em; }
button { min-width: 10em; padding: 0.3em 2em; margin: 1em 0; }

form > div:not(.unaligned), .aligned > div:not(.unaligned) { display: table; table-layout: fixed; width: 40em; border-collapse: collapse; clear: both; }
form > div:not(.unaligned) > *, .aligned > div:not(.unaligned) > * { line-height: 150%; display: table-cell; }
form > div:not(.unaligned) > :first-child, .aligned > div:not(.unaligned) > :first-child { text-align: right; width: 10em; padding-right: 0.5em; }
form > div.multi:not(.unaligned) > :first-child, .aligned > div.multi:not(.unaligned) > :first-child { vertical-align: top; padding-top: 1em; }
form.full > div:not(.unaligned), .aligned.full > div:not(.unaligned), form > div:not(.unaligned).full, .aligned > div:not(.unaligned).full { width: 100%; }

.register form p { margin: 1em 0 0.5em 0; }

.login form > div { width: auto; }
.login form > div > :first-child { width: 7em; }
.login form > div > input { width: 18em; }

input[type=text].short { width: 5em; }

dl, .login_recover ol, .login_recover_guide ol, .slot_order ul, .login_recover_guide ul { margin-left: 3em; }
input[type=text].login_server { width: auto; }

ul.suppress, ol.suppress { list-style-type: none; }
ul.no-margin, ol.no-margin, dl.no-margin, li.no-margin, dd.no-margin { margin-left: 0; }

.indent { margin-left: 4.5em; }