/* reset */
body,h1,h2,h3,h4,h5,tr,th,td,form,label,p,img { border: 0; padding: 0; margin: 0; border-collapse: collapse; font-weight: normal; }

/* elements */
body,html { background: url('../../img/cp/background-tile.gif') #26272b repeat-x; }
body { font-family: arial, verdana; font-size: 14px; color: #fff; }
td,th { font-family: inherit; font-size: inherit; color: inherit; }
a { color: inherit; }

h1 { margin-bottom: 20px; }
h2 { margin-bottom: 15px; font-size: 18px; }
h3 { font-weight: bold; margin: 10px 0; color: inherit; }
.ui-widget-content h2 { color: #333; }
h4 { font-size: 16px; margin: 0px; padding: 0px; font-weight: normal; }
th { text-align: left; color: inherit; padding: 0 20px 0 0; }

/*layout*/
#wrapper { width: 943px; margin: 0 auto; }
#main { width: 943px; position: relative; }
#left { width: 220px; float: left; }
#right { width: 713px; float: left; padding: 0 0 10px 10px; }
#footer { width: 943px; height: 27px; text-align: center; color: #777; font-size: 10px; padding: 10px 0 0 0; }
#footer a { display: inline-block; font-size: 16px; text-decoration: none; margin: 0 0 10px 15px; }

/*header*/
#header { height: 78px; width: 943px; position: relative; }
#controlpanel { float: left; display: block; margin-top: 17px; }
#lightspeed { position: absolute; top: 25px; right: 0px; display: block; }
#coins { float: left; margin: 12px 0 0 150px; }
#languages, #languages li { padding: 0; margin: 0; display: block; float: left; }
#languages { position: absolute; top: 62px; right: 0px; }
#languages li { padding: 0 0 0 5px; }

/*menu*/
#menu { border-width: 1px; height: 28px; width: 931px; padding: 0 0 0 10px; position: relative; margin-bottom: 10px; }
#menu ul, #menu ul li { list-style-type: none; padding: 0px; margin: 0px; float: left; display: block; }
#menu ul li a { display: block; height: 22px; text-decoration: none; padding: 6px 25px 0 0; font-weight: bold; }
#menu ul li a:hover { color: #222327; }

/*welcome*/
#welcome { position: absolute; right: 0px; top: 0px; height: 20px; width: 400px; text-align: right; padding: 7px 5px 3px 5px; color: #cdf0ff; }
#welcome a { display: block; float: right; margin: 0 0 0 5px; }
#account-name { font-weight: bold; color: #fff; }
.site-list { width: 700px; margin: 0 0 0 150px; }
.site-list div { margin-top: 10px; margin-left: 50px; }
.site-list div:first-child { margin-top: 0 !important; margin-left: 0 !important; }
.site-list a { display: block; float: left; margin-left: 20px; }
.site-list a:first-child { margin-left: 0 !important; }

/*fancy links*/
ul.fancy-list, ul.fancy-list li { padding: 0px; margin: 0px; list-style-type: none; }
ul.fancy-list li { padding: 0 0 4px; height: 20px; }
ul.fancy-list li a { padding: 3px; text-decoration: none; display: block; color: #40402c; height: 17px; }
ul.fancy-list li a:hover { color: #0078AE; }

/*left menu sections*/
#left > div { margin-bottom: 10px; }
#left .section { padding: 10px; border-top: 1px dotted #aaa; }
#left .section:first-child { border-top: 0px; }
#my-services a { width: 100%; }
.service-label { padding: 0px; }
.service-label-ventrilo div, .service-label-ventrilo span { display: block; padding: 10px 10px 10px 60px; background: url('../../img/cp/service-fade-ventrilo.png') center left no-repeat; }
.service-label-ventrilo4 div, .service-label-ventrilo4 span { display: block; padding: 10px 10px 10px 60px; background: url('../../img/cp/service-fade-ventrilo4.png') center left no-repeat; }
.service-label-teamspeak div, .service-label-teamspeak span { display: block; padding: 10px 10px 10px 60px; background: url('../../img/cp/service-fade-teamspeak.png') center left no-repeat; }
.service-label-teamspeak3 div, .service-label-teamspeak3 span { display: block; padding: 10px 10px 10px 60px; background: url('../../img/cp/service-fade-teamspeak3.png') center left no-repeat; }
.service-label-mumble div, .service-label-mumble span  { display: block; padding: 10px 10px 10px 60px; background: url('../../img/cp/service-fade-mumble.png') center left no-repeat; }
.service-label-hosting div, .service-label-hosting span, .service-label-webhosting div, .service-label-webhosting span { display: block; padding: 10px 10px 10px 60px; background: url('../../img/cp/service-fade-webhosting.png') center left no-repeat; }
.service-label-domain div, .service-label-domain span { display: block; padding: 10px 10px 10px 60px; background: url('../../img/cp/service-fade-webhosting.png') center left no-repeat; }
/*ie6 upgrade browser options*/
#browser-options { display: block; list-style-type: none; padding: 0; margin: 0; }
#browser-options li { display: block; float: left; padding: 10px; }
#browser-options li img { margin: 0 5px 0 0; }

/*my services*/
.server-label { color: #9ac9dc; }
.server-name { text-decoration: none; display: block; font-weight: bold; color: #353527; height: 20px; }
.server-name:hover { color: #0078AE; }
.service-info-section { padding: 10px 0 0 0; }
.service-info-section:first-child { padding: 0 0 0 0; }
.server-new-info td { padding: 0px 0px 0 10px; }
.server-new-info td:first-child { padding: 0; }

#live-chat-now { position: absolute; top: 25px; right: 105px; width: 60px; float: left; height: 10px; background: url('../../img/live-chat-now.png') no-repeat; width: 157px; height: 32px; }
#live-chat-now:hover { background-position: bottom; }

/*left menu buttons*/
#billing-order-now, #contact-need-help { margin: 8px 0 0 0; display: block; }


/*request chat*/
#chat_prompt { display: none; }

/*server info on homepage */
.server-block { padding: 0 0 10px 0; }
.server-block .ui-widget-content h2 { margin: 0 0 10px 0; }
.server-image { float: right; }

/*subscription status */
#ventrilo-server-status-demo { position: absolute; top: 364px; right: 20px; width: 200px; }
.subscription-active { color: #00b20d; }
.subscription-inactive { color: #990000; }
.subscription-overdue { color: #990000; }
.subscription-canceled { color: #990000; }

/*server status*/
.service-header { margin-bottom: 10px; font-size: 18px; }
.server-online { color: #00b20d;   }
.server-online-icon { background: url(../../img/cp/server-online.png) no-repeat top right; padding: 0 20px 0 0; display: block; float: left; }
.server-offline { color: #990000; }
.server-offline-icon { background: url(../../img/cp/server-offline.png) no-repeat top right; padding: 0 20px 0 0; display: block; float: left; }
.server-unknown { color: #333; }

/* trial */
.ui-widget-content a.trial-days-left { border: 1px solid #DB0011; background: url(../../img/cp/jquery/ui-bg_highlight-hard_50_e00003_1x100.png) 50% 50%; color: white; display: block; text-decoration: none; }
.ui-widget-content a.trial-days-left .ui-icon { float: left; }

/*control*/
.control-server-details { width: 600px; padding: 0 0 10px 60px; float: left; }
.control-upgrades { width: 345px; float: left; }
.control-server-details-ventrilo { background: url(../../img/cp/60x60-vent-logo.gif) top left no-repeat; }
.control-server-details-teamspeak3 { background: url(../../img/cp/60x60-ts3-logo.gif) top left no-repeat; }
.control-server-details-teamspeak { background: url(../../img/cp/60x60-ts-logo.gif) top left no-repeat; }
.control-server-details-mumble { background: url(../../img/cp/60x60-mumble-logo.gif) top left no-repeat; width: 100%; padding-left: 70px; }
.control-server-details-mumble th { width: 150px; }

/*lists*/
.welcome-list, .welcome-list li { margin: 0; padding: 0; list-style-type: none; }
.welcome-list { margin-top: 10px; }
.welcome-list li { padding-top: 10px; }
.welcome-list li img { display: block; float: left; margin-right: 5px; }
.welcome-list li a { text-decoration: none; }
.welcome-list li a:hover { text-decoration: underline; }
.welcome-list li:first-child { padding-top: 0px; }

/*terms of service*/
#copytext { width: 550px; background: #fff0cf; border: 0px; height: 15px; font-size: 10px; padding: 3px; }
.tos_header {font-size: 14px;font-weight: bold;text-align: center;}
.tos_content_header {font-weight: bold;text-decoration: underline;}
.tos_content {margin-left: 20px;}

/*upgrade slot count*/
#slot-boost h2 { padding-top: 20px; }
.slot-boost-continue-wrapper { width: 275px; float: left; padding-left: 10px; }
.slot-boost-continue-wrapper p { padding: 10px 0 5px 0; line-height: 18px; color: #333; font-size: 14px; text-align: justify; }
.slot-boost-boosting { color: #333; height: 80px; background: url('../../img/cp/ajax-loader.gif') no-repeat center center; font-size: 18px; font-weight: bold; padding-top: 20px; text-align: center; text-transform: uppercase; }
.slot-boost-wrapper { width: 370px; float: left; padding-top: 20px; background: url('../../img/cp/free-slot-boost-to.png') no-repeat 130px 20px; text-align: center; }
.slot-boost-wrapper .inner { margin-left: 110px; float: left; width: 130px; height: 130px; text-align: center; color: #333; }
.slot-boost-wrapper .inner:first-child { margin-left: 0px; }
.slot-boost-wrapper .inner .slots { font-family: impact, arial; font-size: 100px; line-height: 0.8em; text-align: center; }
.slot-boost-wrapper .inner .slots-label { font-family: tahoma,arial; font-size:30px; text-transform: uppercase; text-align: center; font-weight: bold; }

/*text formatting*/
.sidenote { font-size: 10px; color: #777; }

/*behavior*/
.last { border: 0; margin: 0; padding: 0; }
.smaller { font-size: 10px; }
.cursor { cursor: pointer; }
.bigger { font-size: 200%; font-weight: bold; }
.pad { padding: 10px; }

.services-service { padding-top: 15px; margin-bottom: 15px; border-top: 1px solid #ccc; }
.services-service:first-child { padding-top: 0px; margin-bottom: 15px; border-top: 0; }
.spacer { height: 10px; clear: both; }
.center { text-align: center; }
.fright { float: right; }
.fleft { float: left; }

/*extra*/
.ajax-loading { background: url('../../img/cp/ajax-loader.gif') no-repeat center 30px; padding: 10px 0 30px 0; height: 20px; text-align: center; }
.loading-bar { background: url('../../img/cp/ajax-loader.gif') no-repeat center; height: 20px; }
.ajax-loading-circle { background: url('../../img/cp/ajax-loading-circle.gif') no-repeat; height: 14px; padding: 8px 0 8px 0; width: 30px; }
.ajax-loading-updating { padding-left: 35px; color: #333; font-weight: bold; white-space: nowrap; }


/*error messages*/
.ui-state-error, .ui-state-highlight, .ui-state-success { margin-top: 10px; } /*bottom padding between multiple error/notices*/
.ui-state-error:first-child, .ui-state-highlight:first-child, .ui-state-success:first-child { margin-top: 0px; }

/*ventrilo status generator*/
#ventrilo-status-code { display: none; }
#ventrilo-status-code textarea { width: 400px; height: 50px; display: block; margin: 0 auto; font-size: 10px; }
#ventrilo-status-code p { text-align: center; }
ul.status-form { list-style: none outside none; padding: 0 15px; margin: 0; }
ul.status-form li label, ul.status-form li input,  ul.status-form li select { padding: 3px; border: 0px; }
ul.status-form li input,  ul.status-form li select,ul.status-form li input { padding: 3px; border: 1px solid #aaa; }
input[type="checkbox"], input[type="radio"] { border: 0 !important; }
ul.status-form li input.color-selector { background: url('../../img/cp/color-picker-input.gif') 10px 0 no-repeat; padding: 3px 0 3px 13px; }
ul.status-form li ul { list-style: none outside none; padding: 0 15px; margin: 0px;}
ul.status-form li { padding: 0 0 15px 0; margin: 0px; clear: left; }

/*multiuser access*/
#add_user { display: none; }
.ui-widget-content a.permission-on, .permission-on { color: green; text-decoration: none; }
.ui-widget-content a.permission-off, .permission-off { color: red; text-decoration: none; }

/*user status on ventrilo user view*/
.table-list { width: 100%; margin: 10px 0; }
.users-admin { color: green; }
.users-general { color: red; }
.ban-confim { display: none; }

/*redundancy*/
#hidden_loading { display: none; }
#click-start, #click-stop,#hidden_loading { text-align: center; }

/* responses */
.success { font-size: 16px; font-weight: bold; text-align: center; color: #57a630;  }
.failure { font-size: 16px; font-weight: bold; text-align: center; background-color: #d62d2d; color: #fff; padding: 5px; }
.failure a { color: #fff; }

/*redundancy*/
.redundancy-icon { float: right; margin: 0 3px 0 0; }
.redundancy-text { float: left; display: block; }

/*profile complete progress bar */
.profile-complete-bar { height: auto !important; margin: 0 0 5px 0; }
.profile-complete-bar .ui-progressbar-value  { padding: 5px; text-align: right; }
.profile-complete-bar  { padding: 5px; text-align: left; }

/*tables*/
#ventrilo-basic-settings th { width: 135px }
#mumble-basic-settings th { width: 205px }
#ventrilo-advanced-settings th { width: 135px; }
#permissions-add th { padding: 0 10px 0 0; }
#server-snapshots td { padding: 0 10px 0 0; }
#client-list th { text-align: left; }
#client-list td { padding: 0 10px 0 0; }
#teamspeak-bans td { padding: 0 10px 0 0; }
#billing-history td { padding: 0 10px 0 0; }
#privilage-keys td { padding: 0 20px 0 0; }
#trouble-tickets td { padding: 0 10px 0 0; vertical-align: top; border-top: #ccc 1px dotted; padding: 3px 0; }
#trouble-tickets th.trouble-ticket-date { width: 170px; }
#trouble-tickets th { font-weight: bold; }
#ticket-information { background: #ccc; width: 100%;}
#ticket-information td, #ticket-information th { padding: 0 5px 0 0; }
#ticket-discussion td, #ticket-discussion th { vertical-align: top; padding: 5px 10px 5px 0; }
#ticket-discussion #ticket-information { padding: 5px; width:100%}
#paypal-accounts { width: 100%; }
#payment-page-bottom { width: 375px; margin: 0 auto; }
#reseller-signup th, #reseller-signup td { vertical-align: top; }
.tlist { width: 100%; }
.tlist th { font-weight: bold; }
.tlist tr td { padding: 5px 0px; border-top: 1px dotted #ccc; }
.tlist tr:first-child td { border: 0px; }
.tlist-ban td + td + td + td + td { text-align: right; }
.multi-user-access-user { border-top: 1px dotted #ccc; width: 100%; margin-top: 10px; }
.multi-user-access-user:first-child { border-top: 0px; margin-top: 0px; }
tr.divider td { border-top: 1px dotted #ccc; }
.upgrade-server-info th, .redundancy-info th, .hostname-info th, .subscription-info th { padding: 0 10px 0 0; }
.make-a-payment th { padding: 0 10px 0 0; }

/*payment*/
.payment-total-stuff input { border: 0px; background: transparent; }

/*log*/
.legend tr td { padding: 0 10px 0 0; }
.legend-disconnect { background: black; color: black; }
.legend-channel { background: blue; color: blue; }
.legend-admin { background: green; color: green; }
.legend-user { background: red; color: red; }
.legend-server { background: orange; color: orange; }
.log { height: 500px; width: 620px; margin: 10px 0 0 0; padding: 5px; white-space: nowrap; overflow: auto; background: white; line-height: 150%; border: 1px solid #AAAAAA; }
.teamspeak-log { height: 500px; width: 670px;  font-size: 11px; white-space: nowrap; overflow: auto; background: white; line-height: 150%; }

/*old site stuff*/
.admin-token { font-size:10px; width: 100% }
#alert_message { display: none; }
#dhtmltooltip{ visibility: hidden; filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;z-index:200;background-color:#660000; position:absolute; border:1px solid black; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; padding:5px 5px 5px 5px; font-size:12px }
input.login		{ border:1px solid #676767; background-color:#dbdabd; font-size:10px; margin-left:10px}
.support-list{display:inline-block;margin-left:25px;}
.matrix,#matrix { margin:0; padding:0px; }


.matrix li, #matrix li { display: block; cursor:pointer; width: 75px; height:70px; margin: 0 3px 4px 0; padding: 2px; display:block; float:left; list-style:none; font-size: 12px; text-align:center; text-decoration: none; color: #4f4e3b; }
.matrix_select { color: #0078ae !important; font-weight:bold; }
.matrix li:hover { color: #0078ae !important; }
.matrix li a { text-decoration: none !important; }

.tab{ display:inline-block; height:20px; font-size:16px; padding-left:10px; padding-right:10px; font-weight:bold; background-color:#666542; border-top:2px solid #87866A;  border-left:2px solid #87866A;  border-right:2px solid #87866A;}
.tab:hover{ border-top:3px solid #87866A;  border-left:3px solid #87866A;  border-right:3px solid #87866A; }
.otherservices_row:hover{ font-weight:bold;}
.otherservices_row{cursor:hand;cursor:pointer;}
.middlecontent {font-size:12px; padding:1px 5px 0px 5px; display:inline-block; margin-top:0px;}
div.middlecontent a:hover{color:#670001;}
div.middlecontent a:link	{color:#670001;}
div.middlecontent a:visited{color:green;}
div.middlecontent a:active	{color:#670001;}
.details{ display:none;padding-left:20px; padding-top:5px;}
.cancelation-response { display: none; }
.news_cat_title { margin: 10px; font-weight: bold;}
div div .title .close{ float: right; text-align: right; font-size: 10px; cursor: pointer;cursor: hand;}
.tl1{color: #CFCE9E;}
.tl2, .tflash{color: #bdba75;}
.title{#FFF;}
#text_MESSAGE { font-size: 10px; color: #af1d00; }
#MESSAGE, #ticket-reply,#NOTE { width: 100%; }
.validation_error { display: none; }
.required { color: red; }
.group-pay-payment { font-size: 11px; width: 400px; border: 0; background: transparent; }
.text-input { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px #7F9DB9 solid; }

/*news and alerts*/
.news { margin: 0 0 2px 0; cursor: pointer; }
.news-title, .news-content { padding: 5px; }
.news-close { float: right; }
.news-normal { border: 1px solid #6c6c62;}
.news-normal .news-title{ background: #87866a; color: #fff; }
.news-normal .news-content { background: #fff; }
.news-resolved { border: 1px solid #6c6c62;}
.news-resolved .news-title{ background: #87866a; color: #fff; }
.news-resolved .news-content { background: #fff; }
.news-announcement { border: 1px solid #3cad2d;}
.news-announcement .news-title{ background: #3cad2d; color: #fff; }
.news-announcement .news-content { background: #fff; }
.news-warning { border: 1px solid #BF5100;}
.news-warning .news-title{ background: #ff6e03; color: #fff; }
.news-warning .news-content { background: #fff; }
.news-critical { border: 1px solid #de0404;}
.news-critical .news-title{ background: #a91d1d; color: #fff; }
.news-critical .news-content { background: #fff; }
.news-category { margin: 10px 0; font-weight: bold; }
.news-category:first-child { margin-top: 0px; }

/*footer*/
#footer, #footer a { color: #fff; }

/*backups*/
#backups { height: 200px; overflow: auto; padding: 0.2em; }
.backups-loading { background: url('/static/en/img/cp/ajax-loader.gif') center center no-repeat; text-align: center; padding-top: 75px !important; height: 125px !important; font-size: 10px; }

#restoring-loading { background: url('/static/en/img/cp/ajax-loader.gif') bottom center no-repeat; text-align: center; height: 60px; }


/*jquery*/
.ui-state-error .ui-icon, .ui-state-highlight .ui-icon, .ui-state-success .ui-icon { display: block; float: left; }
#main .ui-widget-content { border-top: 1px solid #fff; }

/*clearfix*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.flat-table { border-spacing: 0; width: 100%; }

.flat-table>tbody>tr>td,
.flat-table>tbody>tr>th,
.flat-table>tfoot>tr>td,
.flat-table>tfoot>tr>th,
.flat-table>thead>tr>td,
.flat-table>thead>tr>th { border-bottom: 2px solid #ddd; padding: 8px; }

.flat-table>thead>tr>th { vertical-align: bottom; }
.flat-table>tbody>tr>th { vertical-align: top; }

.flat-table>thead>tr>th { font-size: 14px; font-weight: bold; text-transform: uppercase; }
.flat-table>tbody>tr>td { border-bottom: 1px solid #ddd; }

.flat-table.contributions th.amount { width: 70px; }
.flat-table.contributions th.date { width: 120px; }
.flat-table.contributions th.who { width: 130px; }

.no-contributions-yet { margin-top: 15px; }

/*.flat-table tr:hover td { background:#4E5066; color:#FFFFFF; border-top: 1px solid #22262e; border-bottom: 1px solid #22262e; } */

.mua { border-collapse: collapse; }
.mua th { text-align: center; font-size: 10px; padding: 0 3px; }
.mua td { text-align: center; padding: 3px 0; }
.mua td:first-child { font-size: 12px; font-weight: bold; text-align: left; white-space: nowrap; padding-right: 10px; }
.mua tr:hover td { background: #ccc; }
.mua .pending { color: red; font-size: 12px; text-align: left; }


.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}