html,body{
  	scrollbar-base-color: #5C7685;
	scrollbar-arrow-color: #bdbc76;
	scrollbar-3dlight-color: #bdbc76;
	scrollbar-darkshadow-color: #bdbc76;
	scrollbar-face-color: #5C7685;
	scrollbar-highlight-color: #5C7685;
	scrollbar-track-color: #a8a785;
	scrollbar-shadow-color: #5C7685;
	/*overflow-x: hidden; /*Fix for the IE bottom scrollbar problem -- sorta. */
}

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

body 		{ background-image: url('http://images.instantteamspeak.com/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:#C3CAD0; font-size:10px; 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 */


#nav {height:30px;margin:0px;padding:0px; float: right;}
#nav span {display: none;}

#nav li, #nav a {
height:30px;
display:block;

/*
filter:alpha(opacity=40);
-moz-opacity:.40;
opacity:.40;
*/
}


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

#nav li {
float:left;
list-style:none;
display:inline;
}

#nav-01 {width: 168px; background:url("http://images.instantteamspeak.com/images/en/its-menu-sprite.jpg") -492px 0px no-repeat;} /*order now*/
#nav-02 {width: 76px;  background:url("http://images.instantteamspeak.com/images/en/its-menu-sprite.jpg") -660px 0px no-repeat;}
#nav-03 {width: 91px;  background:url("http://images.instantteamspeak.com/images/en/its-menu-sprite.jpg") -736px 0px no-repeat;}
#nav-04 {width: 116px; background:url("http://images.instantteamspeak.com/images/en/its-menu-sprite.jpg") -827px 0px no-repeat;}

#nav-01 a:hover {background:url("http://images.instantteamspeak.com/images/en/its-menu-sprite.jpg") -492px -30px no-repeat; }
#nav-02 a:hover {background:url("http://images.instantteamspeak.com/images/en/its-menu-sprite.jpg") -660px -30px no-repeat; }
#nav-03 a:hover {background:url("http://images.instantteamspeak.com/images/en/its-menu-sprite.jpg") -736px -30px no-repeat; }
#nav-04 a:hover {background:url("http://images.instantteamspeak.com/images/en/its-menu-sprite.jpg") -827px -30px no-repeat; }

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; border-top:2px solid #5C7685;  border-left:2px solid #5C7685;  border-right:2px solid #5C7685;}
.tab:hover{ border-top:3px solid #5C7685;  border-left:3px solid #5C7685;  border-right:3px solid #5C7685; }
.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:#670001;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:hover	{color:#670001;}
div.middlecontent a:link	{color:#670001;}
div.middlecontent a:visited	{color:green;}
div.middlecontent a:active	{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('http://images.instantteamspeak.com/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('http://images.instantteamspeak.com/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('http://images.instantteamspeak.com/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('http://www.instantteamspeak.com/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:#e88c31; 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 		{cursor:pointer;cursor:hand; width:74px; height:74px;}
.pboxh		{cursor:pointer;cursor:hand; width:74px; height:74px;border:2px solid #dd8a00; background-position: -2px -2px}
/*.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;}

	
  .perk_containers { padding: 4px; }
  .perk_container { background: #d5e0e7; color: #5a5a4c; margin-bottom: 4px; }
  .perk_container h2 { border-bottom: none; margin: 0; }
  .perk_icon { width: 60px; height: 60px; float: left; clear: left; }
  .perk { float: left; width: 420px; }	
	
	.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%; }