html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: top; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
/*element*/
body { font: 13px tahoma; color: #fff; background: #051b28; }
a { color: #fff; }
h1 { font-size: 38px; font-weight: bold; color: #fff; font-family: arial, tahoma; }
h2, .support h1 { color: #003b4b; font-size: 30px; font-weight: bold; margin-bottom: 20px; }
/*login*/
#login { height: 28px; background: #606060; position: relative; z-index: 200; border-bottom: 1px solid #666; }
#login .inner { width: 880px; height: 22px; margin: 0 auto; background: url('/static/en/img/login-bar-logo.png') no-repeat 0px 2px; padding: 4px 0 0 100px; }
#login input { display: block; border: 0; float: left; margin: 0 5px 0 0; }
#login input.username { background: url('../img/username-background.gif') #8b8b8b no-repeat; width: 140px; height: 18px; }
#login input.password { background: url('../img/password-background.gif') #8b8b8b no-repeat; width: 140px; height: 18px; }
#login input.submit { height: 18px; width: 45px; background: url('../img/login.gif') no-repeat -36px 0px; color: #8b8b8b; }
#login input.focus { background-image: none; }
#login ul { float: right; position: relative; padding: 3px 0 0 0; }
#login ul li { display: block; float: left; padding: 0 0 0 15px; height: 22px; color: #bbb; position: relative; text-align: right; white-space: nowrap; }
#login ul li a { text-decoration: none; color: #bbb; font-family: arial, tahoma; text-transform: uppercase; font-size: 11px; font-weight: bold; }
#login ul li a:hover { color: #ddd; }
#login ul li:hover ul { display: block; }
#login ul li ul { display: none; position: absolute; top: 0px; right: 0px; margin: 22px 0 0 0; z-index: 2; background: #606060; padding: 0 0 0 5px; }
#login ul li ul li { display: block; background: #606060; float: none; padding: 2px 0; height: auto; }
#login ul li ul li:hover { color: #fff; }
#login ul li ul li a { text-decoration: none; display: block; padding: 0 5px 0 0; color: #bbb; }
/*header*/
#header { height: 90px; background: url('/static/en/img/header-background.png') repeat-x; }
#header .inner { width: 980px; margin: 0 auto; height: 90px; background: url('/static/en/img/header-background-inner.png') repeat-x; position: relative; }
#header .inner img { display: block; float: left; margin-left: 10px; }
#header .inner img:first-child { margin-left: 0px; }
/*live support*/
#live-support-wrapper { position: absolute; top: 25px; right: 0px; background: url('/static/en/img/live-chat-background.png'); padding: 3px; border: 1px solid #09222f; }
#live-support-wrapper:hover { background: url('/static/en/img/live-chat-background-hover.png'); }
.live-support { display: block; width: 180px; height: 21px; padding: 7px 0 0 40px; text-decoration: none; }
.live-support-online { background: url('/static/en/img/icon-support.png') 5px 5px no-repeat; }
.online { color: #00ff06; }
/*candy*/
#candy { background: url('/static/en/img/candy-background.png') repeat-x #001c58; position: relative; }
#candy .inner-1 { background: url('/static/en/img/candy-background-inner.jpg') no-repeat top center; position: relative; }
#candy .inner-1 .inner-2 { width: 960px; margin: 0 auto; position: relative; padding: 30px 0; }
#candy .description { margin: 20px 0 0 0; font-size: 12px; font-family: 'Lucida Sans Unicode',arial,verdana; line-height: 30px; }
#candy .description a { font-weight: bold; text-decoration: none; }
#candy .description a:hover { text-decoration: underline; }
#candy #create { background: url('/static/en/img/create.png') top no-repeat; height: 51px; width: 127px; border: 0px; cursor: pointer; }
#candy #create:hover { background-position: bottom; }
#live-chat-now { position: absolute; top: 0px; left: 0px; display: none; width: 20px; float: left; height: 100%; background: url('/static/en/img/live-chat-now.png') no-repeat center center; }
/*promo*/
.promo { background: url('/static/en/img/promo-star.png') no-repeat 2px 2px #c8ffc9; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 3px 6px 3px 25px; font-weight: bold; font-size: 14px; color: #4c8d4d; font-family: arial, verdana; }
.promo-candy { position: absolute; top: 22px; left: 5px; }
body.get-mumble-server .promo-candy { left: 230px; }
/*support pages*/
.support-header { font-size: 14px; }
/*content*/
#content { background: url('/static/en/img/background.png') repeat-x #041823; }
#content .inner-1 { background: url('/static/en/img/content-background.png') no-repeat top center; }
#content .inner-2 { width: 960px; margin: 0 auto; padding: 30px 10px 0 10px; position: relative; }
#content #sign-up { background: url('/static/en/img/sign-up-now.png') no-repeat; width: 229px; height: 40px; display: block; margin-bottom: 10px; }
#content #sign-up:hover { background-position: bottom; }
#content .inner-1 .left { float: left; }
#content .inner-1 .left .box { width: 230px; margin: 0 0 10px 0; }
#content .inner-1 .left .box .inner { background: url('/static/en/img/box-background-230.png') top center no-repeat; padding: 5px; }
#content .inner-1 .left .box .quote { background: url('/static/en/img/testimonial-background.png') no-repeat; height: 36px; }
#content .inner-1 .right { float: left; padding: 0 0 0 10px; }
#content .inner-1 .right .box { width: 720px; height: 265px; }
#content .inner-1 .box > .header { background: url('/static/en/img/box-header-background-720.png') no-repeat; font-family: arial, verdana; color: #a6d1e0; font-size: 14px; font-weight: bold; text-transform: uppercase; height: 17px; padding: 7px 15px; }
#content .inner-1 .right .box > .content { background: url('/static/en/img/box-content-background-720.png') no-repeat; height: 232px; position: relative; }
#content .inner-1 .left .community img { float: left; }
#content .inner-1 .left .community ul { float: left; list-style-type: disc; padding: 0 0 0 25px; }
#content .inner-1 .left .community ul a { text-decoration: none; }
#community-icon { margin-top: 5px; }
/*download*/
.download-option { height: 33px; width: 255px; padding-left: 45px; padding-top: 10px; display: block; margin-bottom: 5px; text-decoration: none; }
.download-option-skin { background: url('/static/en/img/download-button.png') no-repeat top left; padding-top: 2px; height: 41px; }
.download-option-skin:hover { background: url('/static/en/img/download-button.png') no-repeat top right; }
.download-option-noskin { background: url('/static/en/img/download-button.png') no-repeat bottom left; }
.download-option-noskin:hover { background: url('/static/en/img/download-button.png') no-repeat bottom right; }
.download-option .client-version { color: #00242f; font-size: 18px; text-decoration: none; display: block; }
/*features*/
#features-box { background: url('/static/en/img/features-box-hover.png'); width: 415px; height: 227px; position: absolute; top: 3px; right: 3px; z-index: 2; display: none; }
#features-box .feature-button { display: none; }
#features-box .inner { height: 219px; width: 386px; margin: 5px 0 0 24px; }
#features-box.script { background-position: 0px -0px; display: block; }
#features-box.script .inner { background: url('/static/en/img/feature-status.jpg') no-repeat; }
#features-box.script .feature-button-script, #features-box.setup .feature-button-sign-up, #features-box.custom .feature-button-sign-up, #features-box.satisfaction .feature-button-sign-up { display: block; }
#features-box.setup { background-position: 0px -227px; display: block; }
#features-box.setup .inner { background: url('/static/en/img/feature-setup.jpg') no-repeat; }
#features-box.satisfaction { background-position: 0px -454px; display: block; }
#features-box.satisfaction .inner { background: url('/static/en/img/feature-satisfaction.jpg') no-repeat; }
#features-box.custom { background-position: 0px -688px; display: block; }
#features-box.custom .inner { background: url('/static/en/img/feature-custom.jpg') no-repeat; }
.feature-button { background: url('/static/en/img/green-gradient.png') repeat-x; color: #005202; text-decoration: none; padding: 6px 10px; position: absolute; bottom: 30px; left: 60px; font-weight: bold; font-size: 14px; font-family: arial; }
.feature-button:hover { background: url('/static/en/img/green-gradient-hover.png') repeat-x; }
.call { background: url('/static/en/img/green-gradient.png') repeat-x; color: #005202; text-decoration: none; font-weight: bold; font-size: 14px; font-family: arial, verdana; display: inline-block; padding: 0px 10px; }
.call:hover { text-decoration: none !important; background: url('/static/en/img/green-gradient-hover.png') repeat-x; }
#features-box .feature-button-sign-up { left: 150px; }
ul.features { width: 320px; float: left; }
ul.features li { padding: 4px 0 4px 65px; height: 47px; border-top: 1px #052737 solid; position: relative; }
ul.features li .highlight{ background: url('/static/en/img/feature-highlight.png') no-repeat right; width: 23px; height: 41px; position: absolute; top: 0px; right: -7px; z-index: 3; }
ul.features li:first-child { border: 0px; }
ul.features li:hover .header { color: #02ff06; }
ul.features li:hover .description { color: #469547; }
ul.features .header { font-size: 16px; color: #fff; }
ul.features .description { font-size: 11px; color: #68838f; }
ul.features .script { background: url('/static/en/img/icon-script.png') 15px 10px no-repeat; }
ul.features .setup { background: url('/static/en/img/icon-setup.png') 10px 10px no-repeat; }
ul.features .support { background: url('/static/en/img/icon-support.png') 10px 10px no-repeat; }
ul.features .satisfaction { background: url('/static/en/img/icon-satisfaction.png') 10px 10px no-repeat; }
ul.features .custom { background: url('/static/en/img/icon-custom.png') 10px 10px no-repeat; }
/*testimonials*/
.testimonial { width: 185px; padding: 5px 0 5px 35px; background: url('/static/en/img/quote.png') no-repeat; }
.signature { font-style:italic; color: #bbb; }
/*lists*/
ul.list { list-style-type: circle; padding-left: 20px; }
/*homepage map*/
#map { background: url('/static/en/img/map.png') no-repeat; width: 380px; height: 200px; float: left; margin: 10px 0 0 10px; position: relative; }
#map div { position: absolute; cursor: pointer; }
#north-america-small { top: 0px; left: 0px; width: 156px; height: 116px; }
#north-america-small:hover { background: url('/static/en/img/north-america-hover.png') no-repeat; }
#south-america-small { top: 116px; left: 93px; width: 53px; height: 85px; }
#south-america-small:hover { background: url('/static/en/img/south-america-hover.png') no-repeat; }
#europe-small { top: 0px; left: 169px; width: 210px; height: 121px; }
#europe-small:hover { background: url('/static/en/img/europe.png') no-repeat; }
#australia-small { top: 138px; left: 301px; width: 46px; height: 39px; }
#australia-small:hover { background: url('/static/en/img/australia.png') no-repeat; }
#france-small { display: none; top: 13px; left: 86px; width: 210px; height: 186px; }
#france-small:hover { background: url('/static/en/img/france-hover.png') no-repeat; }
/*download*/
#candy ul.download { margin-top: 10px; }
/*support*/
#candy .support ol { list-style: decimal outside none; margin-left: 20px; }
#candy .support ul li, #candy .support ol li { margin-bottom: 10px; }
#candy .support ul li a { text-decoration: none; }
#candy .support ul li ul { margin: 10px 0 0 20px; list-style-type: square; }
#candy .support ul li a:hover { text-decoration: underline; }
#candy .support img { margin: 20px 0; }
/*product tour*/
#product-tour-button { background: url('/static/en/img/product-tour-button-background.gif') no-repeat; display: block; padding-top: 33px; height: 62px; width: 314px; position: absolute; top: 315px; right: 335px; font-weight: bold; font-size: 28px; color: #1a3d55; text-decoration: none; text-transform: uppercase; text-align: center; }
#product-tour-button:hover { background-position: bottom; }
/*footer*/
#footer { background: url('/static/en/img/footer-background.png') repeat-x #051b28; font-family: arial, verdana; margin-top: -100px; }
#footer .inner { background: url('/static/en/img/footer-background-inner.jpg') no-repeat top center; padding: 300px 0 20px 0; }
#footer .inner .inner { background: none; padding: 0px; width: 980px; margin: 0 auto; }
#footer .header { text-transform: uppercase; font-weight: bold; font-size: 14px; }
#footer .row + .row { padding-top: 15px; }
#footer .row + .row a img:first-child { margin-right: 10px; }
#footer .cell { float: left; margin-left: 45px; }
#footer .cell:first-child { margin-left: 0px; }
#footer ul li { padding: 15px 0 0 0; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .disclaimer { color: #5e7d8f; text-align: center; font-size: 11px; }
#footer .copyright { color: #5e7d8f; font-size: 11px; }
body.free-mumble-server h1 { display: block; font-size: 40px; color: #fff; text-shadow: 1px 1px 2px black; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; }
body.free-mumble-server #candy { background-position: center -150px; }
body.free-mumble-server #candy .inner-1 { background-position: center -150px; }
body.free-mumble-server #candy .inner-1 .inner-2 { padding: 20px 0 30px 0; }
body.free-mumble-server .free-trial-desc { font-size: 19px; margin-bottom: 20px; font-family: arial, verdana; }
body.free-mumble-server .product-description strong { display: block; font-size: 30px; margin-bottom: 20px; }
body.free-mumble-server .product-description { position: absolute; top: 140px; right: 10px; width: 430px; text-align: center; font-family: arial, verdana; font-size: 16px; line-height: 24px; margin-bottom: 20px; }
body.free-mumble-server .sup { font-weight: bold; }
body.mumble-download #candy { background-position: center -90px; }
body.mumble-download #candy .inner-1 { background-position: center -90px; }
body.mumble-server-status #candy .inner-1 .inner-2 { padding: 20px 0; }
body.mumble-server-status h1 { margin-bottom: 10px; color: #003450; }
body.mumble-server-status #candy p { color: #003450; font-size: 16px; }
body.mumble-server-status .status-tool-wrapper { display: inline-block; }
body.mumble-server-status .cv-holder { float: left; margin-left: 30px; margin-top: 10px; }
body.mumble-server-status #cv-radius-slider, body.mumble-server-status #cv-height-slider, body.mumble-server-status #cv-width-slider { margin: 5px 0 0 0; }
body.mumble-server-status #cv-radius-slider .ui-slider-handle, body.mumble-server-status #cv-height-slider .ui-slider-handle, body.mumble-server-status #cv-width-slider .ui-slider-handle { border: 1px solid #fff; background: #1ba9e0; }
body.mumble-server-status textarea { border: 0px; }
body.mumble-server-status #candy ul.form li input#cv-url { width: 395px; }
body.mumble-server-status #code { height: 60px; width: 445px; font-size: 11px; }
body.mumble-server-status #candy ul.form li input { width: 230px; }
body.mumble-server-status #candy ul.form li label { text-transform: none; font-size: 12px; }
body.mumble-server-status #candy .step { color: #fff; background: url('/static/en/img/box-content-background-100.png'); margin-top: 20px; width: 600px; padding: 10px; border: 1px solid #003450; font-family: arial, verdana; position: relative; }
body.mumble-server-status #candy .step h2 { font-size: 30px; color: #fff; font-family: arial, verdana; margin-bottom: 20px; }
body.mumble-server-status #candy .step p { color: #fff; font-size: 14px; margin: 0 0 20px 0; }
body.mumble-server-status #candy .step-2 ul.form { width: 236px; float: left; }
body.mumble-server-paris-france #map { background: url('/static/en/img/map-france.png') no-repeat; }
body.mumble-server-paris-france #north-america-small, body.mumble-server-paris-france #south-america-small, body.mumble-server-paris-france #europe-small, body.mumble-server-paris-france #australia-small { display: none; }
body.mumble-server-paris-france #france-small { display: block; }
body.mumble-server-pricing #candy, body.mumble-server-pricing #candy .inner-1 { background-position: center -150px; }
body.mumble-server-pricing #candy .inner-1 { height: auto; }
body.mumble-server-pricing #candy .inner-1 .inner-2 { padding: 40px 0; }
body.mumble-server-pricing #price-table { margin: 40px 0 0 0; width: 100%; }
body.mumble-server-pricing #price-table th { text-align: left; padding: 0 0 5px 0; color: #fff; font-size: 14px;}
body.mumble-server-pricing #price-table tr:hover { background: url('../../en/img/box-background-720.png') center; }
body.mumble-server-pricing #price-table td { font-size: 14px; }
body.mumble-server-pricing #price-table td a { text-decoration: none; display: block; padding: 4px 0; }
body.mumble-server-pricing #price-table td a:hover { font-weight: bold; }
body.mumble-server-pricing ul.list li { color: #fff; }
body.mumble-server-support #product-screenshot { position: absolute; top: 20px; right: 0px; }
/*background*/
.ghost { background: url('/static/en/img/ffffff-10-background.png'); }
/*free trial home offer*/
.free-trial-home td { padding: 5px; }
.free-trial-home h3 { font-size: 28px; color: #fff; display: block; text-transform: uppercase; }
/*call to action*/
.call-to-action { display: block; padding: 4px 10px; background: #00ff06 url(../img/button-background.png) repeat-x bottom left; color: #007c04; font-size: 26px; font-weight: bold; text-transform: uppercase; font-family: arial, verdana; text-decoration: none; border: 1px solid #007c04; }
.call-to-action:hover { background: #2dfe32 url(../img/button-background.png) repeat-x bottom left; text-decoration: none; }
#north-america-small { top: 0px; left: 0px; width: 156px; height: 116px; }
#north-america-small:hover { background: url('/static/en/img/north-america-hover.png') no-repeat; }
/*step indicator*/
body.index #step, body.mumble-server-paris-france #step { position: absolute; top: 100px; left: 0px; height: 25px; text-align: center; padding: 0px 8px; }
body.index #step .inner, body.mumble-server-paris-france #step .inner { padding-left: 3px; padding-right: 3px; }
body.index #step .guide .tail, body.mumble-server-paris-france #step .guide .tail { position: absolute; bottom: 0px; left: 0px; height: 8px; width: 100%; background: url('/static/en/img/step-indicator.png') no-repeat bottom center; }
body.get-mumble #step { position: absolute; top: 100px; left: 0px; height: 25px; text-align: center; padding: 0px 8px; }
body.get-mumble #step .inner { padding-left: 3px; padding-right: 3px; }
body.get-mumble #step .guide .tail { position: absolute; bottom: 0px; left: 0px; height: 8px; width: 100%; background: url('/static/en/img/step-indicator.png') no-repeat bottom center; }
body.get-mumble-server #step { position: absolute; top: 100px; left: 0px; height: 25px; text-align: center; padding: 0px 8px; }
body.get-mumble-server #step .inner { padding-left: 3px; padding-right: 3px; }
body.get-mumble-server #step .guide .tail { position: absolute; bottom: 0px; left: 0px; height: 8px; width: 100%; background: url('/static/en/img/step-indicator.png') no-repeat bottom center; margin-left:110px}
/*candy*/
body.index #candy .toolbar, body.mumble-server-paris-france #candy .toolbar { margin: 43px 0 0 0; }
body.index #candy strong, body.mumble-server-paris-france #candy strong, body.index #candy h1, body.mumble-server-paris-france #candy h1 { font-size: 18px; display: inline; padding: 0; margin: 0; font-weight: normal; font-family: arial, verdana; color: #fff; }
body.index #candy .inner-1 .inner-2, body.mumble-server-paris-france #candy .inner-1 .inner-2 { padding: 60px 0; }
body.index #candy-download h1 { text-transform: none; }
body.get-mumble #candy .toolbar, body.mumble-server-paris-france #candy .toolbar { margin: 43px 0 0 0; }
body.get-mumble #candy strong, body.mumble-server-paris-france #candy strong, body.index #candy h1, body.mumble-server-paris-france #candy h1 { font-size: 18px; display: inline; padding: 0; margin: 0; font-weight: normal; font-family: arial, verdana; color: #fff; }
body.get-mumble #candy .inner-1 .inner-2, body.mumble-server-paris-france #candy .inner-1 .inner-2 { padding: 60px 0; }
body.get-mumble #candy-download h1 { text-transform: none; }
body.get-mumble-server #candy .toolbar, body.mumble-server-paris-france #candy .toolbar { margin: 43px 0 0 0; }
body.get-mumble-server #candy strong, body.mumble-server-paris-france #candy strong, body.index #candy h1, body.mumble-server-paris-france #candy h1 { font-size: 18px; display: inline; padding: 0; margin: 0; font-weight: normal; font-family: arial, verdana; color: #fff; }
body.get-mumble-server #candy .inner-1 .inner-2, body.mumble-server-paris-france #candy .inner-1 .inner-2 { padding: 60px 0; }
body.get-mumble-server #candy-download h1 { text-transform: none; }
/*candy create*/
body.index #candy-create .guide, body.mumble-server-paris-france #candy-create .guide { border: 1px solid #003C54; background: #01425B url(../img/jquery-ui/ui-bg_flat_45_01425b_40x100.png) 50% 50% repeat-x; font-weight: normal; color: white; }
body.index #candy-create, body.mumble-server-paris-france #candy-create { width: 500px; margin: 0 70px 0 5px; float: left; }
body.index #candy-create .toolbar, body.mumble-server-paris-france #candy-create .toolbar { height: 51px; width: 500px; background: url('/static/en/img/toolbar-create.png') no-repeat; font-family: arial, verdana; }
body.index #candy-create .users, body.mumble-server-paris-france #candy-create .users { width: 71px; display: block; position: relative; }
body.index #candy-create .users .select, body.mumble-server-paris-france #candy-create .users .select { background: url('/static/en/img/users-select.png') no-repeat; width: 35px; height: 23px; padding: 0 20px 0 6px; color: #538090; font-size: 18px; text-align: center; position: absolute; top: 15px; left: 5px; cursor: pointer; }
body.index #qty, body.mumble-server-paris-france #qty { position: absolute; top: 0px; left: 8px; width: 35px; z-index: 2; height: 18px; padding: 2px 0; line-height: 1; }
body.index #candy-create .users .select ul, body.mumble-server-paris-france #candy-create .users .select ul { background: #fff; cursor: pointer; width: 50px; display: none; position: relative; top: 23px; left: 0px; z-index: 200; }
body.index #candy-create .users .select ul li:hover, body.mumble-server-paris-france #candy-create .users .select ul li:hover { background: #316ac5; color: #fff; }
body.index #candy-create .users .select-hover, body.mumble-server-paris-france #candy-create .users .select-hover { height: auto; }
body.index #candy-create .users .select-hover ul, body.mumble-server-paris-france #candy-create .users .select-hover ul { display: block; }
body.index #candy-create .users .label, body.mumble-server-paris-france #candy-create .users .label { font-size: 10px; text-align: center; text-transform: uppercase; color: #71a5ba; }
body.index #candy-create .hostname, body.mumble-server-paris-france #candy-create .hostname { width: 297px; padding: 14px 0 0 5px; }
body.index #hostname, body.mumble-server-paris-france #hostname { background: url('/static/en/img/server-name-background.png') no-repeat; border: 0px; height: 23px; width: 148px; font-size: 19px; padding: 0 7px 0 0; line-height: 1.2; text-align: right; color: #538090; }
body.index #candy-create .hostname .label, body.mumble-server-paris-france #candy-create .hostname .label { font-size: 10px; text-align: center; text-transform: uppercase; color: #b4d2de; padding: 0 15px 0 0; }
body.index #candy-create .create, body.mumble-server-paris-france #candy-create .create { width: 127px; text-align: center; }
body.get-mumble #candy-create .guide, body.mumble-server-paris-france #candy-create .guide { border: 1px solid #003C54; background: #01425B url(../img/jquery-ui/ui-bg_flat_45_01425b_40x100.png) 50% 50% repeat-x; font-weight: normal; color: white; }
body.get-mumble #candy-create, body.mumble-server-paris-france #candy-create { width: 500px; margin: 0 70px 0 5px; float: left; }
body.get-mumble #candy-create .toolbar, body.mumble-server-paris-france #candy-create .toolbar { height: 51px; width: 500px; background: url('/static/en/img/toolbar-create.png') no-repeat; font-family: arial, verdana; }
body.get-mumble #candy-create .users, body.mumble-server-paris-france #candy-create .users { width: 71px; display: block; position: relative; }
body.get-mumble #candy-create .users .select, body.mumble-server-paris-france #candy-create .users .select { background: url('/static/en/img/users-select.png') no-repeat; width: 35px; height: 23px; padding: 0 20px 0 6px; color: #538090; font-size: 18px; text-align: center; position: absolute; top: 15px; left: 5px; cursor: pointer; }
body.get-mumble #qty, body.mumble-server-paris-france #qty { position: absolute; top: 0px; left: 8px; width: 35px; z-index: 2; height: 18px; padding: 2px 0; line-height: 1; }
body.get-mumble #candy-create .users .select ul, body.mumble-server-paris-france #candy-create .users .select ul { background: #fff; cursor: pointer; width: 50px; display: none; position: relative; top: 23px; left: 0px; z-index: 200; }
body.get-mumble #candy-create .users .select ul li:hover, body.mumble-server-paris-france #candy-create .users .select ul li:hover { background: #316ac5; color: #fff; }
body.get-mumble #candy-create .users .select-hover, body.mumble-server-paris-france #candy-create .users .select-hover { height: auto; }
body.get-mumble #candy-create .users .select-hover ul, body.mumble-server-paris-france #candy-create .users .select-hover ul { display: block; }
body.get-mumble #candy-create .users .label, body.mumble-server-paris-france #candy-create .users .label { font-size: 10px; text-align: center; text-transform: uppercase; color: #71a5ba; }
body.get-mumble #candy-create .hostname, body.mumble-server-paris-france #candy-create .hostname { width: 297px; padding: 14px 0 0 5px; }
body.get-mumble #hostname, body.mumble-server-paris-france #hostname { background: url('/static/en/img/server-name-background.png') no-repeat; border: 0px; height: 23px; width: 148px; font-size: 19px; padding: 0 7px 0 0; line-height: 1.2; text-align: right; color: #538090; }
body.get-mumble #candy-create .hostname .label, body.mumble-server-paris-france #candy-create .hostname .label { font-size: 10px; text-align: center; text-transform: uppercase; color: #b4d2de; padding: 0 15px 0 0; }
body.get-mumble #candy-create .create, body.mumble-server-paris-france #candy-create .create { width: 127px; text-align: center; }
body.get-mumble-server #candy-create .guide { margin-left: 230px; border: 1px solid #003C54; background: #01425B url(../img/jquery-ui/ui-bg_flat_45_01425b_40x100.png) 50% 50% repeat-x; font-weight: normal; color: white; }
body.get-mumble-server #candy-create { width: 500px; margin: 0 70px 0 230px; }
body.get-mumble-server #candy-create .toolbar { height: 51px; width: 500px; background: url('/static/en/img/toolbar-create.png') no-repeat; font-family: arial, verdana; }
body.get-mumble-server #candy-create .users { width: 71px; display: block; position: relative; }
body.get-mumble-server #candy-create .users .select { background: url('/static/en/img/users-select.png') no-repeat; width: 35px; height: 23px; padding: 0 20px 0 6px; color: #538090; font-size: 18px; text-align: center; position: absolute; top: 15px; left: 5px; cursor: pointer; }
body.get-mumble-server #qty { position: absolute; top: 0px; left: 8px; width: 35px; z-index: 2; height: 18px; padding: 2px 0; line-height: 1; }
body.get-mumble-server #candy-create .users .select ul { background: #fff; cursor: pointer; width: 50px; display: none; position: relative; top: 23px; left: 0px; z-index: 200; }
body.get-mumble-server #candy-create .users .select ul li:hover { background: #316ac5; color: #fff; }
body.get-mumble-server #candy-create .users .select-hover { height: auto; }
body.get-mumble-server #candy-create .users .select-hover ul { display: block; }
body.get-mumble-server #candy-create .users .label { font-size: 10px; text-align: center; text-transform: uppercase; color: #71a5ba; }
body.get-mumble-server #candy-create .hostname { width: 297px; padding: 14px 0 0 5px; }
body.get-mumble-server #hostname { background: url('/static/en/img/server-name-background.png') no-repeat; border: 0px; height: 23px; width: 148px; font-size: 19px; padding: 0 7px 0 0; line-height: 1.2; text-align: right; color: #538090; }
body.get-mumble-server #candy-create .hostname .label { font-size: 10px; text-align: center; text-transform: uppercase; color: #b4d2de; padding: 0 15px 0 0; }
body.get-mumble-server #candy-create .create { width: 127px; text-align: center; }
/*candy download*/
body.index #candy-download, body.mumble-server-paris-france #candy-download { width: 380px; float: left; }
body.index #candy-download .toolbar, body.mumble-server-paris-france #candy-download .toolbar { height: 51px; width: 380px; background: url('/static/en/img/toolbar-download.png') no-repeat; }
body.index #candy-download .os , body.mumble-server-paris-france #candy-download .os { padding: 7px 0 0 0; }
body.index #candy-download .client-version, body.mumble-server-paris-france #candy-download .client-version { padding: 14px 0 0 12px; }
body.index #candy-download .client-version a, body.mumble-server-paris-france #candy-download .client-version a { font-size: 17px; font-weight: bold; text-decoration: none; font-size: 17px; }
body.get-mumble #candy-download, body.mumble-server-paris-france #candy-download { width: 380px; float: left; }
body.get-mumble #candy-download .toolbar, body.mumble-server-paris-france #candy-download .toolbar { height: 51px; width: 380px; background: url('/static/en/img/toolbar-download.png') no-repeat; }
body.get-mumble #candy-download .os , body.mumble-server-paris-france #candy-download .os { padding: 7px 0 0 0; }
body.get-mumble #candy-download .client-version, body.mumble-server-paris-france #candy-download .client-version { padding: 14px 0 0 12px; }
body.get-mumble #candy-download .client-version a, body.mumble-server-paris-france #candy-download .client-version a { font-size: 17px; font-weight: bold; text-decoration: none; font-size: 17px; }
body.get-mumble h1 { display:inline; font-size:16px}
body.features ul.feature-list li { padding: 5px 0 5px 30px; font-size: 16px; background: url(../img/star.png) no-repeat center left; }
body.features ul.feature-list li:first-child { padding-top: 10px; }
body.mumble-server #candy .description { width: 350px; }
body.mumble-server #candy #screen-shot-2 { position: absolute; top: 20px; right: 0px; }
body.mumble-server #candy .inner-1 .inner-2 { height: 400px; }
body.contact-us table.contact-list th, body.contact-us table.contact-list td { padding-bottom: 10px; }
body.contact-us table.contact-list th { text-align: right; padding-right: 10px; }
#download-options p { margin-bottom: 10px; color: #eee; }
/*serverlist*/
div#serverListFilters td, #serverListFilters th, #serverList th { padding: 3px; }
#serverList { width: 100%; background: url('/static/en/img/000000-50.png'); margin-top: 20px; }
#serverList td { padding: 3px; }
#serverList td a { color: #fff; }
#serverList th { text-align: left; font-size: 20px; padding-bottom: 10px; }
/*serverListFilters*/
div#serverListFilters { width: 100%; background: url('/static/en/img/000000-50.png'); }
div#serverListFilters td a { color: #fff; }
div#serverListFilters th { text-align: left; font-size: 20px; padding-bottom: 10px; }
/*validation error*/
.validation-error { background: red; color: white; }
/*Download picker button */
.btn-download { padding-top: 1px; padding-bottom: 1px; width: 240px; margin-bottom: 10px; padding-left: 45px; text-align: left; position: relative; height: 38px; }
.btn-download a:hover {text-decoration: none;}
.btn-download i[class*="download-"] {
display: inline-block;
width: 32px;
height: 32px;
*margin-right: .3em;
line-height: 32px;
vertical-align: text-top;
background-image: url("/static/en/img/os-sprites.png");
background-repeat: no-repeat;
margin-top: 1px;
position: absolute;
left: 5px;
}
.btn-download .client { font-size: 14px; text-align: left; margin: 0; }
.btn-download .version { font-size: 12px; text-align: left; margin: 0; color:ccc; padding-top: 0; display: block; line-height: 12px; }
/* Single icon download buttons */
.btn-downloadIcon{
padding-top: 1px; padding-bottom: 1px; width: 0px; margin-bottom: 10px; padding-left: 45px; text-align: left; position: relative; height: 38px;
}
a.btn-downloadIcon{
width: 14px;
padding-left: 10px;
margin-right: 5px;
}
/* Disabled Button Theme Background*/
.disabledBackground {
background-color: #777;
}
/*Download icons for download buttons */
i.download-windows { background-position: 0 0; }
i.download-osx { background-position: -35px 0; }
i.download-linux { background-position: -68px 0; }
.try-something-new { background: url(/static/en/img/try-something-new.png) top left no-repeat; height: 107px; width: 326px; display: block; text-decoration: none; position: absolute; bottom: 0px; right: 0px; }
.try-something-new:hover { background-position: bottom left; }
.try-something-new .top-line { display: block; margin-top: 15px; text-align: center; font-size: 11px; color: #ccc; }
.try-something-new .bottom-line { display: block; margin-top: 45px; text-align: center; }
#server-locations .location div { padding: 3px 4px 2px 2px; }
/*gamevox promo*/
.gamevox-promo { clear: both; margin: 30px 0 0 0; background: linear-gradient(135deg, #0a2a3c 0%, #0f1f3a 50%, #1a1230 100%); border: 1px solid #2a4a5a; border-radius: 8px; padding: 28px 32px; position: relative; overflow: hidden; text-decoration: none; display: block; }
.gamevox-promo::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #eb7538, #f5a623, #eb7538); }
.gamevox-promo-inner { display: table; width: 100%; }
.gamevox-promo-text { display: table-cell; vertical-align: middle; padding-right: 24px; }
.gamevox-promo-cta { display: table-cell; vertical-align: middle; width: 200px; text-align: right; }
.gamevox-promo .badge { display: inline-block; background: linear-gradient(135deg, #eb7538, #f5a623); color: #fff; font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 3px; letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 8px; font-family: arial, verdana; }
.gamevox-promo h3 { font-size: 22px; color: #fff; font-family: arial, verdana; font-weight: bold; margin-bottom: 6px; }
.gamevox-promo h3 span { color: #eb7538; }
.gamevox-promo p { font-size: 13px; color: #8ba8b8; font-family: arial, verdana; line-height: 1.5; margin: 0; }
.gamevox-promo .btn-gamevox { display: inline-block; background: linear-gradient(135deg, #eb7538, #d4621f); color: #fff; font-size: 16px; font-weight: bold; font-family: arial, verdana; text-transform: uppercase; padding: 10px 24px; border-radius: 6px; text-decoration: none; border: 1px solid #c45a1a; white-space: nowrap; }
.gamevox-promo .btn-gamevox:hover { background: linear-gradient(135deg, #f5883f, #eb7538); }
.gamevox-promo .btn-sub { display: block; font-size: 11px; color: #6a8a9a; margin-top: 6px; text-align: center; font-family: arial, verdana; }