/*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/vt3/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 .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; }
a:hover {color: #9eb3d7; }
h1, h2, h3 {   font-family: 'Roboto Condensed', impact; text-transform: uppercase; margin: 15px 0; font-weight: 300; letter-spacing: 1px; }
h1 { font-size: 26px; }
h2 { font-size: 20px; }

.form input[type=text], .form input[type=password], input[type=text], input[type=password], select, .form select { -moz-border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

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

/*header*/
.header { height: 54px; background: url('/static/en/img/vt3/2014/header.png') bottom center repeat-x; }
.header .header-inner { width: 960px; margin: 0 auto; background: url('/static/en/img/vt3/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/vt3/2014/logo-with-powered-by.png') top center no-repeat; }
.header .header-inner .powered-by { color: #777; font-size: 10px; text-transform: uppercase; width: 165px; text-align: justify; margin-top: 1px; }
.header .header-inner .powered-by:after { content: ""; display: inline-block; width: 100%; }
.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; }
.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 .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s 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 .live-chat-now { display: block; position: absolute; top: 12px; right: 0px; background: url('/static/en/img/vt3/2014/ffffff-10.png'); padding: 5px; border: 1px solid #444; }
.header .header-inner .live-chat-now .icon { width: 22px; height: 16px; background: url('/static/en/img/vt3/2014/icon-headset-22x16.png') no-repeat; float: left; display: block; margin-right: 6px; }
.header .header-inner .live-chat-now .online { color: #00ff00; }

/*text*/
.text-prominent { color: #5fb1ea; }

/*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 .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s 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; }

/*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/vt3/2014/header-box-border-top-left.png') no-repeat top left; }
.header-box div div { background: url('/static/en/img/vt3/2014/header-box-border-top-right.png') no-repeat top right; }
.header-box div div div { background: url('/static/en/img/vt3/2014/header-box-border-bottom-right.png') no-repeat bottom right; }
.header-box div div div div { background: url('/static/en/img/vt3/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: 42px; 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/vt3/2014/row-style-stone-background.jpg') repeat-x top center; }
.row-style-stone .row-inner { background: url('/static/en/img/vt3/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/vt3/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/vt3/2014/row-style-stone-dark-background.jpg') repeat-x top center; }
.row-style-stone-dark .row-inner { background: url('/static/en/img/vt3/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/vt3/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/vt3/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-content*/
/*this is so the contents of the order form doesn't go behind the buyer confidence box*/
 .row-topic-content .row-inner { width: 630px; padding-right: 330px; }

/*row-topic-sign-up*/
.row-topic-sign-up { padding: 90px 0;}
.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; }
.row-topic-sign-up .call-to-actions .button:first-child { margin-right: 10px; }
.row-topic-sign-up .sign-up-bar { width: 574px; height: 46px; background: url('/static/en/img/vt3/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/vt3/2014/down-arrow.png') no-repeat #232323 top right; border: 1px solid #595959; font-family: 'Oswald', impact; font-size: 18px; text-transform: uppercase; position: relative; }
.row-topic-sign-up .sign-up-bar .server-size #server-size-pseudo-dropdown:hover { background: url('/static/en/img/vt3/2014/down-arrow.png') no-repeat #2c2c2c bottom right; border: 1px solid #777; }
.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: 315px; 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: 110px; 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 .sign-up-bar .button-continue { padding: 4px 15px; margin: 0px; }

/*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 .free-servers-left { z-index: 2; width: 350px; position: absolute; top: 80px; right: 0px; font-family: 'Oswald', impact; text-transform: uppercase; font-size: 26px; line-height: 35px; background: url('/static/en/img/vt3/2014/ffffff-10.png'); padding: 10px; }

/*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; }
.row-topic-features .feature-ready { background: url('/static/en/img/vt3/2014/icon-headset-48x48.png') no-repeat top left; }
.row-topic-features .feature-afk { background: url('/static/en/img/vt3/2014/icon-person-minus-48x48.png') no-repeat top left; }
.row-topic-features .feature-file { background: url('/static/en/img/vt3/2014/icon-cloud-48x48.png') no-repeat top left; }
.row-topic-features .feature-hostname { background: url('/static/en/img/vt3/2014/icon-gear-48x48.png') no-repeat top left; }
.row-topic-features .feature-snapshot { background: url('/static/en/img/vt3/2014/icon-camera-48x48.png') no-repeat top left; }
.row-topic-features .feature-group { background: url('/static/en/img/vt3/2014/icon-people-48x48.png') no-repeat top left; }
.row-topic-features .feature-satisfaction { background: url('/static/en/img/vt3/2014/icon-smiley-48x48.png') no-repeat top left; }
.row-topic-features .feature-script { background: url('/static/en/img/vt3/2014/icon-code-48x48.png') no-repeat top left; }

/*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/vt3/2014/world-map.gif') 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/vt3/2014/server-location.png') no-repeat top left; position: absolute; }
.row-topic-worldwide-locations .world-map .server-location:hover { background: url('/static/en/img/vt3/2014/server-location.png') no-repeat bottom left; }
.row-topic-worldwide-locations .world-map .server-location-us-east { top: 108px; left: 130px; }
.row-topic-worldwide-locations .world-map .server-location-us-central { top: 125px; left: 100px; }
.row-topic-worldwide-locations .world-map .server-location-us-west { top: 106px; left: 70px; }
.row-topic-worldwide-locations .world-map .server-location-europe { top: 90px; left: 290px; }
.row-topic-worldwide-locations .world-map .server-location-asia { top: 70px; left: 370px; }
.row-topic-worldwide-locations .world-map .server-location-australia { top: 220px; left: 485px; }

/*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/vt3/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 { width: 325px; margin: 0 auto; }
.row-topic-mobile .header-box div div div div { padding: 20px 30px; }
.row-topic-mobile .mobile-apps { width: 500px; margin: 0 auto; padding: 40px;  }
.row-topic-mobile .mobile-apps .android-app { display: block; float: right; }
.row-topic-mobile .mobile-apps .ios-app { display: block; float: left; }

/*row-topic-footer*/
.row-topic-footer { position: absolute; width: 100%; height: 290px; bottom: 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 .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s 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 .copyright { color: #aaa; font-size: 10px; text-align: center; }

/*order-teamspeak-page */
body.order-teamspeak-server-hosting h1 { color: #9eb3d7; }

/*free-teamspeak-server*/
/*this is so we don't give our free trial users the missimpression that a credit card is required to sign up for the trial*/
body.free-teamspeak-server .buyer-confidence-item-credit-cards { display: none; }

/*order form adjustments*/
body .section, body .receipt { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background: url('/static/en/img/vt3/2014/ffffff-10.png'); border: 1px solid #555; }
body .map-button { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 1px solid #666; background-color: #333; }
body .map-button:hover { background-color: #444; }
body ul.billing-cycles li { border-left: 1px solid #555; }
body .billing-cycle-selected, body .billing-cycle:hover { background: url('/static/en/img/vt3/2014/ffffff-30.png'); }
body .special-feature-unchecked .additional, body .additional-container .additional, body .exclusives li .additional { background: url('/static/en/img/vt3/2014/additional-info.png') center left; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
body ul.billing-cycles li .popular { background: #5fb1ea; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; padding: 2px 0; bottom: -17px; }
body #service-agreement-excerpt { line-height: 20px; }
body .price-table td:first-child { color: #fff; width: 80px; }
body #total { font-size: 24px; }
body #alt-currency { margin: 5px 0 0 5px; }
body #price-before-savings { color: #bbb; }
body .ui-button { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background: #5fb1ea; border: 0px; }
body .ui-button-continue { font-weight: normal; }
body .continue-progress { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 1px solid #5fb1ea }
body .continue-progress div { border-left: 3px solid #5fb1ea; }
body .ui-button { transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; }
body .ui-button:hover { color: #fff; background: #b2c4e4; }
body .form label { font-size: 12px; margin-bottom: 2px; }
body .form .special-feature label { font-size: 14px; margin-bottom: 2px; }
body .validation-error { background: red; }
body .success-on-field { background: #fff url('/static/en/img/vt3/2014/check.png') center right no-repeat !important; }
body .loading { background: #fff url('/static/en/img/vt3/2014/loading.gif') center right no-repeat !important; }
body .payment-methods li { padding-bottom: 10px; }
body .payment-methods .ui-state-default { margin-top: 0px; }
body .payment-data table tr td:first-child { color: #9eb3d7; }
body .payment-data table tr td:first-child, body .payment-data table tr td + td + td { font-weight: normal; }
body.payment-select .ui-button-continue { padding: 5px 20px; }
body .continue-progress { bottom: 4px; }
body ul.billing-cycles li .no-discount { color: #bbb; font-weight: normal; }
body .features { line-height: 20px; }
body .buyer-confidence { position: absolute; top: 0px; right: 0px; width: 330px; text-align: justify; }
body .buyer-confidence .buyer-confidence-item { margin-bottom: 20px; }
body .features img { float: left; margin-right: 10px; }

/*free trial*/
#server-information {  }
#server-information td, #server-information th { text-align: left; font-size: 14px; padding: 5px; }
#server-information td { padding-left: 5px; }
#server-information table { background: url('/static/en/img/vt3/2014/ffffff-10.png'); border: 1px solid #555; }
#server-information .pad { margin-top: 10px; }
#server-information .pad:first-child { margin-top: 0px; }
#install-bar { background: url('../../img/ivt/installing-server-bar.gif') no-repeat -6px -3px; height: 13px; width: 208px; }

/*jquery*/
.ui-state-error .ui-icon, .ui-state-highlight .ui-icon, .ui-state-success .ui-icon { display: block; float: left; }

/* 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; }

li#coupon-section .validation-error {
	padding: 3px;
	background-color: #E69A17;
}