/*reset*/
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; }
img, button { border: 0px; }
th { text-align: left; font-weight: normal; font-family: 'Oswald', impact; text-transform: uppercase; }

/*elements*/
body,html { height: 100%; }
body { color: #fff; background: url('../../../static/en/img/2014/background.jpg') top center no-repeat #222222; font-family: 'Open Sans', sans-serif; font-size: 14px; }
a { color: #fff; text-decoration: none;  transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; }
a:hover {color: #9eb3d7; }
h1, h2, h3 { font-family: 'Oswald', impact; text-transform: uppercase; margin: 15px 0; }
h1 { font-size: 26px; font-weight: 500}
h2 { font-size: 20px; font-weight: 500}
.form input[type=text], .form input[type=password], input[type=text], input[type=password] { background: #232323; border: 1px solid #595959; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; color: #fff; }
.form select { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background: url('../../../static/en/img/2014/down-arrow.png') #232323 center right no-repeat; border: 1px solid #595959; color: #fff; }

/*wrapper*/
.global { min-height: 100%; position: relative; }
.wrapper { padding-bottom: 290px; }

/*header*/
.header { height: 54px; background: url('../../../static/en/img/2014/header.png') bottom center repeat-x; }
.header .header-inner { width: 960px; margin: 0 auto; background: url('../../../static/en/img/2014/header-inner.png') bottom center no-repeat; padding-top: 6px; position: relative; height: 48px; }
.header .header-inner .logo { display: block; width: 182px; height: 38px; background: url('../../../static/en/img/2014/logo-with-powered-by.png') top center no-repeat; }
.header .header-inner .header-links { display: block; position: absolute; right: 0px; top: 0px; padding-top: 21px; }
.header .header-inner .header-links li { display: block; float: left; padding-left: 22px; position: relative; }
.header .header-inner .header-links li:first-child { padding-left: 0px; }
.header .header-inner .header-links li a { display: block; text-decoration: none; font-size: 12px; color: #939393; transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; }
.header .header-inner .header-links li a:hover { color: #fff; }
.header .header-inner .header-links li.support-links { position: relative; padding-bottom: 10px; }
.header .header-inner .header-links li.support-links ul { display: none; position: absolute; top: 20px; left: 16px; width: 160px; border: 1px solid #444; background: #222; }
.header .header-inner .header-links li.support-links:hover ul { display: block; }
.header .header-inner .header-links li.support-links ul li { padding: 0px; }
.header .header-inner .header-links li.support-links ul li a { display: block; padding: 5px; }
.header .header-inner .header-links li #login-form { display: none; background: url('../../../static/en/img/2014/ffffff-10.png'); padding: 10px; position: absolute; top: 20px; left: 0px; z-index: 100; }
.header .header-inner .header-links li #login-form h2 { margin: 0 0 10px 0; }
.header .header-inner .header-links li #login-form label { font-size: 12px; margin: 0 0 3px 0; display: block; color: #ccc; }
.header .header-inner .header-links li #login-form input { float: left; clear: both; width: 150px; }
.header .header-inner .header-links li #login-form .button { font-size: 16px; padding: 5px; margin-top: 5px; }
.header .header-inner .header-links li.live-support { padding-left: 15px; }
.header .header-inner .header-links li.live-support a { color: lime; position: relative; padding-left: 25px; }
.header .header-inner .header-links li.live-support a:hover { color: #fff; }
.header .header-inner .header-links li.live-support a:before { content: "\f086"; font-family: FontAwesome; font-size: 18px; position: absolute; top: -3px; left: 0px; }



/*text*/
.text-prominent { color: #9eb3d7; }

/*buttons*/
.button { cursor: pointer; display: block; font-family: 'Oswald', impact; font-size: 26px; background: #a6a6a6; text-decoration: none; color: #fff; text-align: center; padding: 10px; float: left; text-shadow: 1px 1px 1px rgba(51,51,51,0.5); text-transform: uppercase; border: 0px; transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-appearance: none;  -webkit-border-radius: 0; }
.button:hover { background: #c6c6c6; color: #fff; }
.button-prominent { background: #9eb3d7; color: #fff; }
.button-prominent:hover { background: #c3d3ef; color: #fff; }
.button-with-arrow { position: relative; padding-right: 5px; }
.button-with-arrow:after { content: "\f054"; font-family: FontAwesome; position: absolute; top: 11px; right: 8px; }

/* Trial form */
.order-trial .button-with-arrow {
	padding: 10px 30px 10px 10px;
	line-height: 39px;
	margin-right: 10px;
}

/*header-box*/
.header-box { font-family: 'Oswald', impact; font-size: 36px; text-transform: uppercase; text-align: center; line-height: 50px; }
.header-box div { background: url('../../../static/en/img/2014/header-box-border-top-left.png') no-repeat top left; }
.header-box div div { background: url('../../../static/en/img/2014/header-box-border-top-right.png') no-repeat top right; }
.header-box div div div { background: url('../../../static/en/img/2014/header-box-border-bottom-right.png') no-repeat bottom right; }
.header-box div div div div { background: url('../../../static/en/img/2014/header-box-border-bottom-left.png') no-repeat bottom left; padding: 30px 20px; }

/*header-boxes*/
.header-box-worldwide { width: 325px; position: absolute; top: 110px; left: 0px; }

/*rows*/
.row { }

/*row-style-main*/
.row-style-default { padding: 20px 0; }
.row-style-default .row-inner { width: 960px; margin: 0 auto; position: relative;  }
.row-style-default .middle-box h1 { display: block; font-size: 31px; text-align: justify; height: 45px; margin: 0px; padding: 0px; }
.row-style-default .middle-box h1:after { content: ""; display: inline-block; width: 100%; }
.row-style-default .middle-box { width: 590px; margin: 0 auto; }

/*row-style-stone*/
.row-style-stone { background: url('../../../static/en/img/2014/row-style-stone-background.jpg') repeat-x top center; }
.row-style-stone .row-inner { background: url('../../../static/en/img/2014/row-style-stone-border-top.png') repeat-x top center; height: 100%; }
.row-style-stone .row-inner .row-inner { background: url('../../../static/en/img/2014/row-style-stone-border-bottom.png') repeat-x bottom center; height: 100%; }
.row-style-stone .row-inner .row-inner .row-inner { width: 960px; margin: 0 auto; padding: 45px 0; }

/*row-style-stone-dark*/
.row-style-stone-dark { background: url('../../../static/en/img/2014/row-style-stone-dark-background.jpg') repeat-x top center; }
.row-style-stone-dark .row-inner { background: url('../../../static/en/img/2014/row-style-stone-dark-border-top.png') repeat-x top center; height: 100%; }
.row-style-stone-dark .row-inner .row-inner { background: url('../../../static/en/img/2014/row-style-stone-dark-border-bottom.png') repeat-x bottom center; height: 100%; }
.row-style-stone-dark .row-inner .row-inner .row-inner { width: 960px; margin: 0 auto; padding: 45px 0; position: relative; }

/*row-style-purple-haze*/
.row-style-purple-haze { background: url('../../../static/en/img/2014/row-style-purple-haze-background.jpg') no-repeat #000 top center; }
.row-style-purple-haze .row-inner { width: 960px; margin: 0 auto; padding: 45px 0; position: relative; }

/*row-topic-sign-up*/
.row-topic-sign-up { padding: 90px 0;}
.row-topic-sign-up h2 { margin: 30px 0 0 0; font-size: 36px; text-align: justify; height: 40px; color: #00ff00; }
.row-topic-sign-up h2:after { content: ""; display: inline-block; width: 100%; }
.row-topic-sign-up .teamspeak-intro { font-size: 14px; text-align: justify; line-height: 30px; padding-top: 30px; text-shadow: 1px 1px 1px rgba(0,0,0,1); }
.row-topic-sign-up .call-to-actions { padding-top: 30px; }
.row-topic-sign-up .call-to-actions .button { width: 270px; margin-left: 10px;}
.row-topic-sign-up .call-to-actions .button:first-child { margin: 0px; }
.row-topic-sign-up .sign-up-bar { width: 574px; height: 46px; background: url('../../../static/en/img/2014/sign-up-bar.png') no-repeat top left; margin-top: 30px; padding: 8px; }
.row-topic-sign-up .sign-up-bar p { color: #6d6d6d; font-size: 13px; display: block; margin-bottom: 4px; }
.row-topic-sign-up .sign-up-bar .server-size { float: left; margin-right: 10px; }
.row-topic-sign-up .sign-up-bar .server-size #server-size-pseudo-dropdown { width: 90px; padding: 5px; height: 18px; background: url('../../../static/en/img/2014/psuedo-dropdown-down-arrow.png') no-repeat #232323 top right; border: 1px solid #595959; font-family: 'Oswald', impact; font-size: 18px; text-transform: uppercase; position: relative; cursor: pointer; }
.row-topic-sign-up .sign-up-bar .server-size #server-size-pseudo-dropdown:hover { border: 1px solid #777; }
.row-topic-sign-up .sign-up-bar .server-size #server-size-pseudo-dropdown .large-number { font-size: 16px; padding-top: 1px; }
.row-topic-sign-up .sign-up-bar .server-size ul#possible-user-sizes { display: none; position: absolute; right: -1px; top: 30px; background: #232323; border: 1px solid #595959; width: 99px; }
.row-topic-sign-up .sign-up-bar .server-size ul#possible-user-sizes li { display: block; padding: 5px; }
.row-topic-sign-up .sign-up-bar .server-size ul#possible-user-sizes li:hover { display: block; padding: 5px; background: #444; }
.row-topic-sign-up .sign-up-bar .server-hostname { float: left; width: 300px; margin-right: 10px; }
.row-topic-sign-up .sign-up-bar .server-hostname .server-hostname-pseudo-input { padding: 5px; height: 18px; background: #232323; border: 1px solid #595959; font-size: 14px;  }
.row-topic-sign-up .sign-up-bar .server-hostname .server-hostname-pseudo-input input { display: block; font-family: 'Open Sans', sans-serif; width: 169px; float: left; text-align: right; border: 0px; background: transparent; color: #fff; padding: 0px; margin: 0px; font-size: 14px; padding-right: 2px; }
.row-topic-sign-up .sign-up-bar .server-hostname .server-hostname-pseudo-input .teamspeak-dot-com { color: #999999; font-size: 14px; padding-top: 3px; }
.row-topic-sign-up .button-continue { padding: 3px 30px 3px 10px; margin: 0px; height: 47px; }

/*row-topic-free-server*/
.row-topic-free-server { padding: 90px 0;}
.row-topic-free-server .middle-box { position: relative; }
.row-topic-free-server .middle-box h1 { font-size: 28px; color: #fff; }
.row-topic-free-server .services-agreement { font-size: 14px; }
.row-topic-free-server .form label { text-transform: none; font-size: 12px; margin-bottom: 4px; }
.row-topic-free-server .form .validation-error { color: #fff; font-size: 12px; padding: 3px; background: red; display: block; }
.row-topic-free-server .form .success-on-field { background: #232323 url('../../../static/en/img/2014/check.png') center right no-repeat !important; }
.row-topic-free-server .form .loading { background: #232323 url('../../../static/en/img/2014/loading.gif') center right no-repeat !important; }
.row-topic-free-server .free-servers-left { z-index: 2; width: 350px; position: absolute; top: 47px; right: 0px; font-family: 'Oswald', impact; text-transform: uppercase; font-size: 26px; line-height: 35px; background: url('../../../static/en/img/2014/ffffff-10.png'); padding: 10px; }
.row-topic-free-server .services-agreement span a { text-decoration: underline; }

/*row-topic-features*/
.row-topic-features .features-left { width: 530px; float: left; }
.row-topic-features .features-right { width: 410px; float: left; }
.row-topic-features .feature { height: 48px; padding-left: 53px; margin-top: 20px; }
.row-topic-features .feature:first-child { margin-top: 0px; }
.row-topic-features .feature h2 { font-size: 22px; font-weight: normal; text-shadow: 1px 1px 1px rgba(51,51,51,1); display: block; padding-bottom: 8px; margin: 0px; }
.row-topic-features .feature p { font-size: 12px; color: #dcdcdc; line-height: 20px; }
.row-topic-features .feature-ready { background: url('../../../static/en/img/2014/icon-headset-48x48.png') no-repeat top left; }
.row-topic-features .feature-afk { background: url('../../../static/en/img/2014/icon-person-minus-48x48.png') no-repeat top left; }
.row-topic-features .feature-file { background: url('../../../static/en/img/2014/icon-cloud-48x48.png') no-repeat top left; }
.row-topic-features .feature-hostname { background: url('../../../static/en/img/2014/icon-gear-48x48.png') no-repeat top left; }
.row-topic-features .feature-snapshot { background: url('../../../static/en/img/2014/icon-camera-48x48.png') no-repeat top left; }
.row-topic-features .feature-group { background: url('../../../static/en/img/2014/icon-people-48x48.png') no-repeat top left; }
.row-topic-features .feature-satisfaction { background: url('../../../static/en/img/2014/icon-smiley-48x48.png') no-repeat top left; }
.row-topic-features .feature-script { background: url('../../../static/en/img/2014/icon-code-48x48.png') no-repeat top left; }

/*row-topic-bot*/
.row-topic-bot .features-left { width: 470px; float: left; }
.row-topic-bot p { font-size: 12px; color: #ddd; }
.row-topic-bot .features-right { width: 470px; float: left; }
.row-topic-bot h1 .text-prominent { color: #B8D1FB; }
.row-topic-bot ul li { padding: 10px 0px 0px 17px; font-size: .9em;  list-style-position: inside; background: url('../../../static/en/img/small-purple-plus.png') no-repeat 0px 10px; }

/*row-topic-worldwide-locations*/
.row-topic-worldwide-locations .row-inner { background: none; }
.row-topic-worldwide-locations .world-map { height: 302px; width: 565px; background: url('../../../static/en/img/2014/world-map.png') no-repeat top left; float: right; position: relative; }
.row-topic-worldwide-locations .world-map .server-location { height: 23px; width: 23px; background: url('../../../static/en/img/2014/server-location.png') no-repeat top left; position: absolute; }
.row-topic-worldwide-locations .world-map .server-location:hover { background: url('../../../static/en/img/2014/server-location.png') no-repeat bottom left; }
.row-topic-worldwide-locations .world-map .server-location-us-east { top: 108px; left: 98px; }
.row-topic-worldwide-locations .world-map .server-location-us-central { top: 120px; left: 100px; }
.row-topic-worldwide-locations .world-map .server-location-us-west { top: 106px; left: 70px; }
.row-topic-worldwide-locations .world-map .server-location-canada { top: 90px; left: 100px; }
.row-topic-worldwide-locations .world-map .server-location-europe-germany { top: 90px; left: 275px; }
.row-topic-worldwide-locations .world-map .server-location-europe-netherlands { top: 80px; left: 265px; }
.row-topic-worldwide-locations .world-map .server-location-europe-france { top: 90px; left: 265px; }
.row-topic-worldwide-locations .world-map .server-location-europe-italy { top: 100px; left: 275px; }
.row-topic-worldwide-locations .world-map .server-location-asia-singapore { top: 165px; left: 420px; }
.row-topic-worldwide-locations .world-map .server-location-asia-hongkong { top: 135px; left: 444px; }
.row-topic-worldwide-locations .world-map .server-location-asia-india { top: 158px; left: 385px; }
.row-topic-worldwide-locations .world-map .server-location-asia-tokyo { top: 110px; left: 487px; }
.row-topic-worldwide-locations .world-map .server-location-australia { top: 220px; left: 485px; }
.row-topic-worldwide-locations .world-map .server-location-mexico { top: 140px; left: 95px; }
.row-topic-worldwide-locations .world-map .server-location-russia { top: 78px; left: 305px; }
.row-topic-worldwide-locations .world-map .server-location-sa-brazil { top: 210px; left: 185px; }


/*row-topic-server-explanation*/
.row-topic-server-explanation { padding: 40px 0; }
.row-topic-server-explanation h2 { display: block; font-family: 'Oswald', impact; text-transform: uppercase; font-size: 28px; text-align: center; margin-bottom: 40px; }
.row-topic-server-explanation .server-diagram { width: 960px; height: 124px; background: url('../../../static/en/img/2014/server-diagram.png') no-repeat top center; }

/*row-topic-application-features*/
.row-topic-application-features .application-skins { float: left; width: 480px; }
.row-topic-application-features .overlay { float: left; width: 480px; }
.row-topic-application-features .header-box { float: left; font-size: 30px; margin: 0 60px 40px 60px; }
.row-topic-application-features .header-box div div div div { padding: 20px 40px; }

/*row-topic-mobile*/
.row-topic-mobile .header-box { margin-bottom: 30px; }
.row-topic-mobile .header-box div div div div { padding: 20px 30px; }
.row-topic-mobile .mobile-apps-ios { width: 450px; float: left; padding-right: 30px; }
.row-topic-mobile .mobile-apps-ios .header-box  { float: right; margin-right: 68px; }
.row-topic-mobile .mobile-apps-ios .header-box .ios { text-transform: none; }
.row-topic-mobile .mobile-apps-ios .header-box .icon { display: block; float: left; width: 32px; height: 40px; background: url('../../../static/en/img/2014/apple-icon.png') no-repeat 0 8px; margin-right: 8px; }
.row-topic-mobile .mobile-apps-ios .description { float: right; clear: both; margin-right: 110px; }
.row-topic-mobile .mobile-apps-ios .description a img { display: block; }
.row-topic-mobile .mobile-apps-android { width: 450px; float: left; padding-left: 30px; }
.row-topic-mobile .mobile-apps-android .header-box  { float: left; margin-left: 45px; }
.row-topic-mobile .mobile-apps-android .header-box .icon { display: block; float: left; width: 32px; height: 40px; background: url('../../../static/en/img/2014/android-icon.png') no-repeat 0 8px; margin-right: 8px; }
.row-topic-mobile .mobile-apps-android .description { float: left; margin-left: 130px; }
.row-topic-mobile .mobile-apps .tm { font-size: 10px; padding: 0px; line-height: 28px; }
.row-topic-mobile .mobile-apps .description a img { display: block; }
.row-topic-mobile .mobile-apps .description a img:first-child { margin-bottom: 10px; }
.row-topic-mobile .description { position: relative; }
.row-topic-mobile .description a { display: block; clear: both; font-family: 'Oswald', impact; text-transform: uppercase; text-align: justify; font-size: 16px; }
.row-topic-mobile .description a span { display: block; clear: both; margin-top: 10px; }
.row-topic-mobile .description a span:after { content: ""; display: inline-block; width: 100%; }

/*row-topic-footer*/
.row-topic-footer { position: absolute; width: 100%; height: 290px; bottom: 0; z-index: 0; }
body.index .row-topic-footer .row-inner { background: none; }
body.index .row-topic-footer .row-inner.row-inner { background: none; }
.row-topic-footer .row-inner .row-inner .row-inner { height: 200px; }
.row-topic-footer table td { padding-left: 30px; color: #ccc; }
.row-topic-footer table td:first-child { padding-left: 0px; }
.row-topic-footer table td ul li a { text-decoration: none; color: #ccc; transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; }
.row-topic-footer table td ul li a:hover { text-decoration: none; color: #fff;}
.row-topic-footer table td ul li { display: block; padding-bottom: 20px; }
.row-topic-footer table td .link-topic { color: #fff; margin-bottom: 20px; font-family: 'Oswald', impact; font-size: 18px; text-transform: uppercase; }
.row-topic-footer table td .footer-row { margin-bottom: 20px; }
.row-topic-footer table td .footer-row .bbb-logo { margin-right: 10px; }
.row-topic-footer .copyright { color: #aaa; font-size: 10px; text-align: center; }

/**/
.row-topic-server-page { font-size: 16px; }
.row-topic-server-page h1 { font-size: 35px; }
.row-topic-server-page .introduction { width: 50%; margin: 0 auto; }
.row-topic-server-page .introduction h1 { text-align: center; margin-bottom: 10px; font-size: 40px; }
.row-topic-server-page .introduction img { background-color: #9eb3d7; border-radius: 4px; display: block; margin-right: auto; margin-left: auto; text-align: center; max-width: 500px; margin-bottom: 30px; -moz-box-shadow: 0 0 30px #9eb3d7; -webkit-box-shadow: 0 0 30px #9eb3d7; box-shadow: 0 0 30px #9eb3d7; }
.row-topic-server-page .introduction .float { float: left; }
.row-topic-server-page .introduction .connect-helper { height: 46px; margin-left: 10px; line-height: 46px; margin-bottom: 20px; }
.row-topic-server-page .introduction .connect-helper a { vertical-align: middle; }
.row-topic-server-page .container-left { margin-top: 20px; width: 470px; margin-right: 20px; float: left; }
.row-topic-server-page .container-right { margin-top: 20px; width: 470px; float: left; }
.row-topic-server-page ul li { padding: 10px 0px 0px 0px; list-style-position: inside; }
.row-topic-server-page .online-users { height: 265px; overflow: auto; }
.row-topic-server-page .recently-connected-users { height: 265px; overflow: hidden; }
.row-topic-server-page.contributions h1 { margin-bottom: 40px; }
.row-topic-server-page.contributions h1 a { -webkit-transition: none; transition: none; -moz-transition: none; }
.row-topic-server-page.contributions h1 a:hover { color: white; }
.row-topic-server-page.contributions table { width: 100%; line-height: 20px; }
.row-topic-server-page.contributions table .amount { padding-right: 10px; width: 75px; }
.row-topic-server-page.contributions table .who { padding-right: 10px; width: 125px; }
.row-topic-server-page.contributions table th { height: 30px; }
.row-topic-server-page.contributions table td { padding-bottom: 10px; }
.row-topic-server-page.contributions .custom-contribution-message { margin-bottom: 20px; }
.row-topic-server-page.recent-users ul { list-style-type: none; }
.row-topic-server-page.recent-users .user-left { float: left; }
.row-topic-server-page.recent-users .user-right { float: right; margin-right: 10px; color: #ccc; }
.row-topic-server-page.recent-users p { margin-bottom: 8px; }
.row-topic-server-page.recent-users i { color: #9eb3d7; }
.row-topic-server-page.disk-transfer .tri-graph { float: left; width: 33%; }
.row-topic-server-page.disk-transfer .tri-graph i { margin-right: 10px; }
.row-topic-server-page.disk-transfer .sales { margin-top: 20px; }

/*teamspeak-download page */
.button-download { display: block; margin-bottom: 10px; position: relative; width: 310px; text-align: left; padding-left: 55px; margin-left: 10px; }
.button-download .icon { display: inline-block; width: 32px; height: 32px; background-image: url("../../../static/en/img/os-sprites.png"); background-repeat: no-repeat; position: absolute; top: 20px; left: 10px; }
.button-download .icon-osx { background-position: -32px 0px; }
.button-download .icon-linux { background-position: -64px 0px; }
.button-download .client { padding-bottom: 5px; }
.button-download .version { font-size: 20px; }

/*server status script page */
#code { background: #232323; border: 1px solid #595959; padding: 10px; color: #fff; width: 450px; height: 50px; margin-top: 10px; }
#server-example-container { position: absolute; top: 90px; left: 400px; background: url('../../../static/en/img/2014/ffffff-10.png'); padding: 10px; border: 1px solid #666; }
#server-example-container h2 { margin-top: 0px; }

/* New Support Page Styles*/

ol.guide { font-size: 18px; }
ol.guide .stepDescription { font-size: 14px; line-height: 20px; }

/************************/
/* Supporting Old Pages */
/************************/
/**/
/**/ /*support*/
/**/ .row ol { list-style-type: decimal; padding: 0 0 0 20px; }
/**/ .row .stepHeader { font-size: 18px; display: inline-block; margin-bottom: 15px; }
/**/ body.teamspeak-server-support .row li, body.teamspeak-2-server-support .row li { display: block; margin-bottom: 10px; }
/**/
/**/ /*permissions-list*/
/**/ #permissionList tr td, #permissionList tr th { padding: 3px 0; }
/**/ #permissionList tr:hover td { background: url('../../../static/en/img/2014/ffffff-10.png'); }
/**/
/**/ /*landing page*/
/**/ body.landing_ts h1 { padding: 10px; text-align: justify; display: block; width: 765px; height: 20px; font-size: 30px; }
/**/ body.landing_ts h1:after { content: ""; display: inline-block; width: 100%; }
/**/ body.landing_ts .row-style-default .row-inner { padding-left: 180px; padding-top: 90px; }
/**/ body.landing_ts .row-inner .package { color: #9eb3d7; width: 196px; float: left; text-align: center; font-size: 100px; font-family: impact,arial; background: url("../../../static/en/img/package-background.png"); margin: 0px 10px 20px 10px; width: 176px; padding-bottom: 20px; cursor: pointer; text-decoration: none; text-shadow: 0px 0px 5px #000000; filter: shadow(color=black,strength=4); }
/**/ body.landing_ts .row-inner .package:hover { display: block; background: url('../../../static/en/img/package-background-hover.png'); color: #fff; }
/**/ body.landing_ts .row-inner .package:first-child { margin-left: 0px; }
/**/ body.landing_ts .row-inner .package .users { font-size: 26px; text-transform: uppercase; color: #fff; }
/**/ body.landing_ts .row-inner .package .price { font-size: 50px; }
/**/ body.landing_ts .row-inner .package .order { font-size: 25px; text-transform: uppercase; color: #fff;  }
/**/
/**/ /*pricing*/
/**/ .pricing-table { margin: 20px 0 0 0; width: 100%; }
/**/ .pricing-table tr td, .pricing-table tr th { padding: 4px; }
/**/ .pricing-table tr:hover td { background: url('../../../static/en/img/2014/ffffff-10.png'); }
/**/
/**/ /*hidden details*/
/**/ .details_link { font-size: 12px; text-decoration: underline; }
/**/ .details { display: none; background: url('../../../static/en/img/2014/ffffff-10.png'); padding: 5px; margin-top: 10px; }
/**/
/**/ /*tos*/
/**/ body .ui-widget-header { background: #9eb3d7;  -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; font-family: 'Oswald', impact; text-transform: uppercase; }
/**/ body .ui-dialog { border: 1px solid #9eb3d7; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; padding: 5px; }
/****************************/
/* End Supporting Old Pages */
/****************************/

/* analytics-container */
.analytics-container { display: none; }

/* ui helpers */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }


.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;
	top: -10px;
	right: -10px;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}
.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; }


.ui-dialog-title { text-shadow: 1px 1px 1px rgba(51,51,51,0.5); }

@media only screen and (min-width: 800px) {
	.button-on-mobile-homepage, .login-mobile{display: none;}
	.row-style-default .middle-box h1 { font-size: 40px; }
}

@media only screen and (max-width: 600px) {
	.row-style-default .middle-box h1 { font-size: 26px;  }

    .row-topic-features .feature h2 { font-size: 18px;
    .row-style-default .row-inner .middle-box h1 { font-size: 14px;  }
    .text-prominent {font-size: 14px; }
}



@media only screen and (max-width: 800px) {
	h1 { font-size: 18px; font-weight: 500}
	h2 { font-size: 16px; font-weight: 500}


	.header .header-inner { width: 100%; }
	.header .header-inner .logo{ display:inline-block; margin-left:20px; margin-right: 0px }
	.header .header-inner .login-mobile{ display:inline-block; float:right; margin-left:20px; margin-right: 20px; font-size: 16px; margin-top: 3px;}

	.row-style-default { padding: 10px 0; }
	.row-style-default .row-inner { width: 98%; margin: 0 auto; position: relative;  }
	.row-style-default .middle-box h1 { display: block; text-align: justify; height: 35px; margin: 0px; padding: 0px; }
	.row-style-default .middle-box h1:after { content: ""; display: inline-block; width: 100%; }
	.row-style-default .middle-box { width: 94%; margin: 0 auto; padding-top:10px; }

	.row-style-purple-haze .row-inner { width:98%; margin: 0 auto; padding: 45px 0; position: relative; }
	.row-style-stone .row-inner .row-inner .row-inner { width: 98%; margin: 0 auto; padding: 35px 0; }

	.row-style-stone-dark { background: url('../../../static/en/img/2014/row-style-stone-dark-background.jpg'); background-size:cover;}
	.row-style-stone-dark .row-inner { background: url('../../../static/en/img/2014/row-style-stone-dark-border-top.png') repeat-x top center; height: 100%; }
	.row-style-stone-dark .row-inner .row-inner { background: url('../../../static/en/img/2014/row-style-stone-dark-border-bottom.png') repeat-x bottom center; height: 100%; }




	.row-topic-sign-up .sign-up-bar { width: 96%; height: 56px; margin-top: 10px; padding: 8px;  }
	.row-topic-sign-up .sign-up-bar .server-hostname { float: left; width: 98%;  }
	.row-topic-sign-up .sign-up-bar .server-hostname .server-hostname-pseudo-input { padding: 5px; height: 21px; background: #232323; border: 1px solid #595959; font-size: 16px;  }
	.row-topic-sign-up .sign-up-bar .server-hostname .server-hostname-pseudo-input input { display: block; font-family: 'Open Sans', sans-serif; width: 140px; float: left; text-align: right; border: 0px; background: transparent; color: #fff; padding: 0px; margin: 0px; font-size: 16px; padding-right: 2px; }
	.row-topic-sign-up .sign-up-bar .server-hostname .server-hostname-pseudo-input .teamspeak-dot-com { color: #999999; font-size: 14px; padding-top: 5px; }

	.row-style-stone-dark .row-inner .row-inner .row-inner {width: 95%; height: 700px; margin: 0 auto; padding-top: 20px; padding-left: 20px; position: relative; }





	.row-topic-features .features-left { width: 98%; float: left; }
	.row-topic-features .features-right { width: 98%; float: left; }

	.row-topic-bot .features-left { width: 98%; float: left; }
	.row-topic-bot .features-right { width: 98%; float: left; }

	.row-topic-server-explanation { padding: 40px 0; }
	.row-topic-server-explanation h2 { display: block; font-family: 'Oswald', impact; text-transform: uppercase; font-size: 18px; text-align: center; margin-bottom: 20px; }
	.row-topic-server-explanation .server-diagram { width:98%; background: url('../../../static/en/img/2014/server-diagram.png') no-repeat center; background-size:contain; }

	#ts3Windows64, #ts3Windows32, #ts3Mac, #ts3Linux64{display: none;}
	.button-download {width: 70%;}


	.button-on-mobile-homepage{ width: 94%; float:initial; margin: 15px auto 0px auto !important;}



	.header .header-inner .header-links {display: none;}
	.row-topic-mobile, .row-topic-worldwide-locations, .row-topic-application-features, .row-topic-sign-up-secondary  {display: none;}

	.server-size {display: none;}
	.call-to-actions{ display: none; }

	.full-size-continue-button{ display: none; }

	table, thead, tbody, th, td, tr {
		display: block;
	}

	.row-topic-footer { width: 98%; height:750px; position: relative;}
	.row-topic-footer table td .footer-row { margin-bottom: 10px; text-align: center;}
	.row-topic-footer table td { padding-left: 0px; }

	.features-right {padding-top: 20px; }
	.teamspeak-intro {padding-top: 0px !important; }
	.wrapper {
	    padding-bottom: 0px;
	}


	/* Free trial page*/
	.row-topic-free-server .free-servers-left{ position: relative; top: 0px; margin-top:10px; margin-right:20px;}
	.row-topic-free-server .free-servers-left p { width: 98%;}
	.row-topic-free-server{ height: 575px; }
	.row-topic-free-server .middle-box h1 {display: none;}
	.form-free{margin-top:30px;}


}