img { border: 0px; }
html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); /*IE6 background image fix*/ }

body { background-image: url('/images/its-verticalbg.jpg'); font-family:Arial, Helvetica, sans-serif; background-repeat:repeat-x; background-color:#87939c; height:auto; font-size:12px} 
html, body, #wrapper {margin: 0px 0px 0px 0px;padding:0px;border: none;text-align: center; height:auto; }
#wrapper { margin: 0 auto;text-align: left;width: 943px;vertical-align: middle; min-height:100%;/*for mozilla*/font-size:12px;}
#dhtmltooltip{ visibility: hidden; filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;z-index:200;background-color:#212A3F; 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: transparent; margin-left:10px; }
.support-list{display:inline-block;margin-left:25px;}
 
/*#menu_div div{ background:#5C7685 url('/images/left-1px.jpg') repeat-y;} /*Opera fix */



#support-links { margin:10px; padding:0px; }
#support-links li { display: block; margin: 0 0 5px 0; list-style-type:none; padding: 0px; }
#support-links li a { display: block; padding: 4px; background: #b3bbc1; }
#support-links li a:hover { background: #a3aab0; }

#nav {
	height:30px;
	margin:0 10px 0 0;
	padding:0px;
	float: right;
}

#nav li {
	height:24px;
	display:block;
	float: left;
	margin:0 0 0 20px ;
	padding:6px 0 0 0;
}

#nav li a {
	color: #586a78;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

#nav li a:hover {
	color: #3c4b56;
}



ol_for_support {position: relative; left: -15px;}
.tos_heading{
	color:#333333; 
	font-size:12px;
	font-weight:bold
}
p{ font-weight:100; }


a.main_menu{ text-decoration:none; color:#212C40}
a.main_menu:hover{ text-decoration:none; color:#FFF;}
.tab{ display:inline-block; height:20px; font-size:16px; padding-left:10px; padding-right:10px; font-weight:bold; background-color:#212a3f; }
.otherservices_row:hover{ font-weight:bold;}
.otherservices_row{cursor:hand;cursor:pointer;}
h1{border-bottom:1px dotted #999999;color:#000000;font-size:18px; margin-top:0px}
h2{border-bottom:1px dotted #999999;color:#5e7785;font-size:16px;}
h4{color:black;font-size:16px;}

a:link{color:#C3CAD0; text-transform: none;}
a:visited{color:#C3CAD0; }
a:active{color:#C3CAD0; }
a:hover{ color:#e1ebf2;}

.middlecontent {font-size:12px; padding:1px 5px 0px 5px; display:inline-block; margin-top:0px;}

div.middlecontent a {color:#670001;}

p{ font-weight:100; }
.details_link{ cursor:hand; cursor:pointer; font-style:italic;background-color:#CCCCCC;margin-left:20px; text-decoration:underline }
.details{ display:none;padding-left:20px; padding-top:5px;}

/* Location stuff. */
.locations_tittle_eu {margin-left:11px; width:195px;height:40px; color:#FFFFFF;cursor:hand;cursor:pointer; font-size:10px;}
.locations_tittle {margin-left:11px; width:196px;height:22px; color:#FFFFFF;cursor:hand;cursor:pointer; font-size:10px;}
.locations_tittle span{position: relative; left: 140px; top: 3px; color:#CCCCCC; font-weight:bold; font-size:10px;}
.locations_tittle_eu span{position: relative; left: 140px; top: 14px; color:#CCCCCC; font-weight:bold; font-size:10px;}

.loc_us div{  background:url('/images/en/teamspeak-server-sprites.jpg') -416px -280px no-repeat;  margin-left:15px; font-size:14px; color:#FFFFFF;font-size:11px; background-color:white; width:196px;height:19px; text-indent:25px; padding-top:3px;cursor:hand;cursor:pointer}
.loc_ca div{  background:url('/images/en/teamspeak-server-sprites.jpg') -416px -258px no-repeat;  margin-left:15px; font-size:14px; color:#FFFFFF;font-size:11px; background-color:white; width:196px;height:19px; text-indent:25px; padding-top:3px;cursor:hand;cursor:pointer}
.loc_eu div{  margin-left:15px; font-size:14px; color:#FFFFFF;font-size:11px; background-color:white; width:196px;height:19px; text-indent:25px; padding-top:3px;;cursor:hand;cursor:pointer}
.loc_other div{  background:url('/images/others-location.jpg'); margin-left:15px; font-size:14px; color:#FFFFFF;font-size:11px; background-color:white; width:196px;height:19px; text-indent:25px; padding-top:3px;cursor:hand;cursor:pointer}
.loc_us div:hover, .loc_ca div:hover, .loc_eu div:hover, .loc_other div:hover{ color:#e88c31;cursor:hand;cursor:pointer;font-size:11px;}

/* PRICE BOXES */
.box-div {background:url('/images/en/box-price-as-low-as.gif'); margin-bottom:3px}
.box-div-users {font-size:20px; font-weight:bold; color:#FFFFFF; padding:13px 0px 0px 4px;vertical-align:text-top;}
.box-td-price {font-size:16px; font-weight:bold; color:#ffffff; vertical-align:bottom;padding:0px 2px 1px 0px; text-align:right;}
.box-td-mo 	{font-size:10px; font-weight:bold; color:#CCCCCC; vertical-align:bottom;padding:0px 0px 3px 0px;}
.pbox,.pboxh 		{cursor:pointer;cursor:hand; width:74px; height:74px;}
/*.pboxh, .pbox {border:2px solid #526768;}*/



/*Fader advert elements */		
#fader_elements{position: absolute; top: 97px;}










/*Modalbox*/
#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #000!important;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
	position:absolute;
	top: 0;
	border: 0 solid;
	text-align:left;
	z-index:10000;
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
	position:relative;
	background-color: #EFEFEF;
	height:100%;
}

#MB_header {
	margin:0;
	height: 28px;
}

#MB_content {
	padding: 6px .75em;
	overflow:auto;
}

#MB_caption {
	font: bold 85% "Lucida Grande", Arial, sans-serif;
	text-shadow: #FFF 0 1px 0;
	padding: .5em 2em 0 .75em;
	margin: 0;
	text-align: left;
}

#MB_close {
	display:block;
	position:absolute;
	right:5px; top:4px;
	padding:2px 3px;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
}
#MB_close:hover {
	background:transparent;
}

#MB_loading {
	padding: 1.5em;
	text-indent: -10000px;
	background: transparent url(/inc/spinner.gif) 50% 0 no-repeat;
}

/* Color scheme */
#MB_window {
	background-color:#EFEFEF;
	color:#000;
}
#MB_content { border-top: 1px solid #F9F9F9; }
#MB_header {
  background-color:#DDD;
  border-bottom: 1px solid #CCC;
}
#MB_caption { color:#000 }
#MB_close { color:#777 }
#MB_close:hover { color:#000 }

.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;}



/*News Styles*/

	.news_cat_title {border-bottom:1px dotted #999999;color:#333;font-size:14px; margin-left: 10px; font-weight: bold;}
	
	/*These should remain the same for all news classes*/
	div div .title .close{width: 42px; border: none; float: right; text-align: right; font-size: 10px; cursor: pointer;cursor: hand;}
	.tl1{color: #CFCE9E;}
	.tl2, .tflash{color: #bdba75;}
	.title{#FFF;}

	/*News flash */
	div.news_NORMAL {margin-bottom: 2px;}
	div.news_NORMAL div{ width: 80%; margin: 0px auto;  padding: 0px 5px; border: 1px solid #6c6c62;}
	div.news_NORMAL .title{border-bottom: none; background-color: #87866a; color: #FFF; font-size: 15px; font-weight: bold; font-family: arial;}
	div.news_NORMAL div + div {border-top: none; background-color: #E9E9E1; padding-bottom: 5px; text-align: center;}	
	
	/*Server news*/
	div.news_RESOLVED {margin-top: 4px;}
	div.news_RESOLVED div{ width: 90%; margin: 0px auto;  padding: 0px 5px; border: 1px solid #6c6c62;}
	div.news_RESOLVED .title{background-color: #87866a; color: #FFF; font-size: 12px; font-weight: bold; font-family: arial; cursor: pointer;cursor: hand;} 
	div.news_RESOLVED div + div {border-top: none; background-color: #E9E9E1; padding-bottom: 5px; text-align: center;}

	div.news_ANNOUNCEMENT {margin-top: 4px;}
	div.news_ANNOUNCEMENT div{ width: 90%; margin: 0px auto;  padding: 0px 5px; border: 1px solid #005c0b;}
	div.news_ANNOUNCEMENT .title{background-color: #00760e; color: #FFF; font-size: 12px; font-weight: bold; font-family: arial; cursor: pointer;cursor: hand;} 
	div.news_ANNOUNCEMENT div + div {border-top: none; background-color: #FFF; padding-bottom: 5px; text-align: center;}

	div.news_WARNING {margin-top: 4px;}
	div.news_WARNING div{ width: 90%; margin: 0px auto;  padding: 0px 5px; border: 1px solid #BF5100;}
	div.news_WARNING .title{background-color: #ff6e03; color: #FFF; font-size: 12px; font-weight: bold; font-family: arial; cursor: pointer;cursor: hand;}
	div.news_WARNING div + div {border-top: none; background-color: #FFF; padding-bottom: 5px; text-align: center;}
	
	div.news_CRITICAL {margin-top: 4px;}
	div.news_CRITICAL div{ width: 90%; margin: 0px auto;  padding: 0px 5px; border: 1px solid #de0404;}
	div.news_CRITICAL .title{background-color: #a91d1d; color: #FFF; font-size: 12px; font-weight: bold; font-family: arial; cursor: pointer;cursor: hand;}
	div.news_CRITICAL div + div {border-top: none; background-color: #FFF; padding-bottom: 5px; text-align: center;}
	
	.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%; }
  
  #continents-small { position: relative; height: 117px; width: 500px; margin: 20px 0 0 0; }
	#north-america-small { position: absolute; top: 0px; left: 0px; width: 160px; height: 124px; background: url(/images/continents-cp-small.gif) -5px 0px no-repeat; text-indent: -9999px; cursor: pointer; }
	#south-america-small { position: absolute; top: 0px; left: 163px; width: 62px; height: 124px; background: url(/images/continents-cp-small.gif) -166px 0px  no-repeat; text-indent: -9999px; cursor: pointer; }
	#europe-small { position: absolute; top: 0px; left: 230px; width: 230px; height: 124px; background: url(/images/continents-cp-small.gif) -228px 0px no-repeat; text-indent: -9999px; cursor: pointer; }
	#australia-small { position: absolute; top: 53px; left: 428px; width: 64px; height: 46px; background: url(/images/continents-cp-small.gif) -456px -65px no-repeat; text-indent: -9999px; cursor: pointer; }
	#continents-small div img:hover { background-image: url(/images/continents-hover-cp-small.gif) !important; font-size: 0px; }
	
#table-features { width: 500px; }
#table-features td { width: 250px; background: #cdd8de; color: #5a5a4c; vertical-align: top; }
#list-features { margin:10px 10px 0 10px; padding:0px; }
#list-features li { display: block; padding: 4px; margin: 0 0 5px 0; list-style-type:none; }

/*server locations */
#server-locations { padding:0;position:relative; }
#server-locations .server-locations-right { background: #081922; }
#server-locations .server-locations-right .location { display: block; padding: 4px 7px; margin: 7px 5px 0 7px; background: url('../images/server-locations-location-background.png') bottom #3399ca; cursor: pointer; color: #fff; }
#server-locations .server-locations-right .location:hover, #server-locations .server-locations-right .location-hover { background: #fff; color: #333; }
#server-locations .server-locations-left { width:509px; height:377px; position:absolute; top:0px; left:0px; }
#server-locations .server-locations-right { width:198px; height:377px; position:absolute; top:0px; right:0px; text-align: left; }
#server-locations .server-locations-continent { width:509px; height:275px; position:absolute; top:0px; left:0px; }
#server-locations .server-locations-continents { width:509px; height:102px; position:absolute; bottom:0px; left:0px; background: url('../images/server-locations-continents.png') no-repeat; }
#server-locations .server-locations-continents div { cursor: pointer; float: left; height: 22px; padding-top: 80px; text-align: center; color: #fff; font-size: 12px; }
#server-locations .server-locations-continents div span { display: none; }
#server-locations .server-locations-continents div:hover span { display: inline; }
#server-locations .server-locations-continents .server-locations-north-america { width: 140px; }
#server-locations .server-locations-continents .server-locations-south-america { width: 90px; }
#server-locations .server-locations-continents .server-locations-europe { width: 210px; }
#server-locations .server-locations-continents .server-locations-australia { width: 60px; }
#server-locations .server-locations-continent .location { height: 17px; width: 17px; position: absolute; background:url('../images/dot.png') no-repeat; cursor: pointer; }
#server-locations .server-locations-continent .location:hover, #server-locations .server-locations-continent .location-hover { background:url('../images/dot-hover.png') no-repeat; }
#server-locations .server-locations-continent .europe { background:url('../images/select-location-europe.jpg') no-repeat;width:509px;height:275px; }
#server-locations .server-locations-right .location span { color: #b2d0df; font-size: 10px; float: right; }

.perk { font-size: 14px; margin-bottom: 5px; color: #68747a; font-weight: bold; }
.perk .highlight { color: #374954; }