html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, form, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
    font: 1em Arial, sans-serif; /* 1em = 16pts */
}
ul {
	list-style: none;
}

 /* --- COLOR SCHEME --- */
 
 body {
	background:#dedede;
 	color:#000000;
}
 	
 #page {
 background-color: #FFFFFF;
 font-size:.8em;
 color:#000000;
 }
 
 div#page {
 color:#000000;
	width:994px;  
	margin-left:auto; 
	margin-right:auto;   /* centers layout when > max width */
	background-color: #FFFFFF;
}

  
 h1 {
 	color:#000;
}
 h2 {
 	color:rgb(37,55,89); /*#507EA1; */
 	}
 h3,  h5 {
 	color:rgb(37,55,89); /*#507EA1;*/
 	}
 h4 {
 	color:rgb(89,82,79); /*#738040; */
 	}
 h6 {
 	color:#507EA1;
 	}
 ul, ol, dl, blockquote, cite {
 	color:#404053;
 	}
 table,  form {
 	color: #000;
 	}

 a {text-decoration:none; color: #2066d4}
 a:visited {text-decoration:none; color: #2066d4}
 a:hover, a:active {color:#f01010;text-decoration:underline;}
 h3 a, a h3 {color: #0033CC}

 
 /* --- FONT SIZES --- */

h1 {
	padding-top: 15px;
	padding-bottom: 15px;
}
h1, h2, h3, h4, h5, h6 {
  	font-family: "Lucida Grande",Geneva, Verdana,Arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
} 

h1 {font-size:1.3em; /* 24pt */
 	}
h2 {font-size:1.2em; /* 22pt */
 	line-height:1.25;
 	padding:0.6em 0 0.5em 0;	
 	}
h3 {font-size:1.125em; /* 18pt */
 	line-height:1.25;
 	margin: 24px 0 0;
 	}
h4 {
	font-size:14px;
	border-bottom: solid 1px #e0e0e0;
	padding-bottom:1px;
	margin: 16px 0 0;
	font-weight: bold;
 	}
h5 {font-size:0.8em; /* 16pt */
 	}
h6 {font-size:.875em; /* 14pt */
 	}
 p  {
 	line-height:1.25; /* on 15pt */
 	margin-bottom:.75em; /* 12pts of space */
  	}
 a, button {
	cursor: pointer;
 	}
 a:hover {
 	text-decoration:none;
 	}
 /* basic list styling - more-styled lists in list.css */
 ul, dl, ol {
 		margin:0 0 .75em 0; /* lists without specific classes */
 		line-height:1.5;}
 li, dd {
 		padding:0em 0; /* lists without specific classes */
 		}
 
ol li {
	margin-left: 20px;
	vertical-align: top;
}
 dt {font-weight:bold;}
 
 code {font-size:1.25em;}
 * html code {font-size:1.1em;} /* default size is smaller in IE */
 
 
.clearfix:after {
    display: block; 
  height: 0;
  clear: both;
  visibility: hidden;
 }
 .clearfix {display: inline-table;}




#threecolwrap {
  float:left;
  width:100%;
	background-color: #FFFFFF;
}


#onecolwrap {
 	float:left;
	width:100%;
	display:inline; /* stops IE doubling  margin on float*/
	margin-right:-320px; /* CWS - neg margin move */
}




/* - HEADER - */

div#header {
	width:auto;
	background: #999999 url(header-background.png) repeat-x;
	min-height:93px;
	border-bottom: 2px solid #fff;
}

#header-inner-left {
   float:left;
	padding: 1px 2px 2px 2px;
	}
	
#header-inner-right {
   float:right;
	padding: 1px 2px 2px 0px;
	}


#content {
 	width:auto;
	min-height: 400px;
 	padding-top: 0px;
	position: relative;
	dz-index: 4;
}

#my_content {
 	width:auto;
	min-height: 400px;
}

#threecolwrap #leftcolwrap #content {
 	margin-left:160px; /* 150px */
}

#threecolwrap #twocolwrap #content {
 	margin-left:150px; /* 150px */
 	margin-right:320px;
}

#threecolwrap #onecolwrap #content {
	margin-left: 0px;
 	margin-right:310px;
}

#threecolwrap #content {
	margin-left: 0px;
	margin-right: 0px;
}

#content-inner {
	padding:0 10px 10px;
	margin-top: 16px;
 	width:650px; 	
}
#threecolwrap #leftcolwrap #content-inner {
	padding-right: 40px;
}
	
/* - RIGHT COLUMN - */

#right-column {
 	float: right;
 	width:300px; 
	margin-right: 10px;
	position: relative;
	dz-index: 3;
	margin-bottom: 12px;	
}

#right-column-inner {
	padding:.0em 0 1em 0;
	}
	
#right-column ul, #right-column dl, #right-column ol {
		margin:.5em 1em .75em 1em; /* lists without specific classes */
		}
#right-column li {
	}


/* - FOOTER - */

#footer {
	background: #bebebe  top repeat-x; 
	border-top: 1px solid rgb(38,29,26);
	margin: 0;
	width:100%;
	clear:both; 
	font-size:0.9em;
}

#footer-inner {
	padding:0.5em 2em;
	/*text-align:center;*/
}

#footer-inner .col {
		margin: 22px 10px 10px 10px;
		text-align: center;
}

#footer-inner .col h4  {
		font-size: 12px;
		margin-bottom: 1px;
		border-bottom: none;
		font-weight: normal;
}

#footer-inner .col h4 a, col h4 a:visited {
		color: #333;
}
#footer-inner a {
	color: #444;
}
#footer-inner a:hover {
	text-decoration: underline;
}

#footer-inner  a {
	color: #5256FF;
}
#footer-inner  a:hover {
	color: #0000FF;
}

.tabnav {
	border-bottom: 5px solid #a4a4a4;
	float:left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style:none;
}
.tabnav li {
	background: url(subtab-gray-lt.png) top left no-repeat;	 
	float: left;
	margin: 0 2px 0 0;
	padding: 0 0 0 2px;
	font-size: 1.1em;
	color: #888888;
}
.tabnav li a {
	background: #fff url(subtab-gray-lt.png) top right no-repeat;
	float: left;
	display: block;
	padding: 5px 9px;
	text-decoration: none;
	color: #222222;	
}
/*
.tabnav li {
	background: url(subtab-gray-lt.png) top left no-repeat;	 
	float: left;
	margin: 0 2px 0 0;
	padding: 0 0 0 2px;
	font-size: 1em;
	color: #888888;
}
.tabnav li a {
	background: #fff url(subtab-gray-lt.png) top right no-repeat;
	float: left;
	display: block;
	padding: 4px 4px;
	text-decoration: none;
}
*/
.tabnav li:hover {
	background: url(subtab-gray-md.png) top left no-repeat;	
}
.tabnav li a:hover {
	background: #fff url(subtab-gray-md.png) top right no-repeat;
	color: #000000;		
}
.tabnav li.selected {
	color: #fff;	
}
.tabnav li.selected a {
	color: #fff;	
}

.tabnav li.selected {
	background: url(subtab-gray.png) top left no-repeat;	 
	padding-left: 2px;
}
.tabnav li.selected a {
	background: #fff url(subtab-gray.png) top right no-repeat;
	padding-right: 10px;
}


#lang-selector
{
  float:right;
  padding:25px 1px 6px 1px;
}



/* Search Form */
div.SearchForm {
   margin: 20px 0 0;
   background: #efefef;
   padding: 12px 12px 8px 12px;   
}
div.SearchForm input.InputBox {
   width: 535px;
   margin: 0px 8px 0 0;
   padding: 4px 4px;
	font-size: 26px;
}

div.SearchForm input.CaptchaBox {
   width: 40px;
   margin: 0px 8px 0 0;
   padding: 4px 4px;
}


div.SearchForm input.Button {
   font-size: 24px;
   padding: 4px 8px;
}
div.SearchForm div.Options {
   font-size: 110%;
   padding: 8px 0 0;
}
div.SearchForm div.Options a {
   padding: 0 8px;
}


.Button {
   cursor: pointer;
   margin: 0px 0px 0px 0px;
   font-family: Tahoma, 'Trebuchet MS', Arial, Verdana;
   padding: 4px;
   font-size: 11px;
   background: #656565;
   color: #FFFFFF;
   border: 1px solid #bbb;

   }
input.Button {
   font-weight: bold;
}
.Button:hover {
   color: #FFFFFF;
   background: #009900;
   border: 1px solid #888;
}
.Form .Button {
   font-size: 13px;
}

input.InputBox,
textarea {
   font-family: arial;
   color: #222;
   font-size: 13px;
   padding: 1px;
   margin: 0px;
   width: 500px;
   border: 1px solid #aaa;
}

input.CaptchaBox {
   font-family: arial;
   color: #222;
   font-size: 13px;
   padding: 1px;
   margin: 0px;
   width: 40px;
   border: 1px solid #aaa;
}

.features {
	background: url(tick_bullet.png) top left no-repeat;	 
	padding-left: 22px;
	padding-right: 2px;
	padding-bottom: 5px;
	text-align:justify;
}

#info {
	background: url(info_icon.png) top left no-repeat;	 
	padding-left: 22px;
	padding-bottom: 15px;
}

#education {
	background: url(education.jpg) top left no-repeat;	 
	padding-left: 52px;
	padding-bottom: 15px;
	text-align:justify;
}

#help {
	background: url(help.jpg) top left no-repeat;	 
	padding-left: 52px;
	padding-bottom: 15px;
	text-align:justify;
}


hr {border: none 0;
border-top: 1px dashed #888888;/*the border*/
width: 100%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
margin-bottom: 15px;
margin-top: 15px;
} 



div.ipaddr_info {
   margin: 0 0 0 0;
   background: #efefef;
   padding: 12px 12px 6px 12px;   
   text-align:center;
}


div.proxy_info {
   margin: 0 0 0 0;
   background: #FFAAAA;
   padding: 12px 12px 8px 12px;
   text-align:center;
}

div.ipaddr_big {
	font-size: 68px;
}


#bookmark {
	background: url(bookmark_icon.png) top left no-repeat;
	padding-left: 48px;
	min-height: 40px;
}

#facebook {
	background: url(facebook_icon.png) top left no-repeat;
	padding-left: 48px;
	min-height: 40px;
}

#linkedin {
	background: url(linkedin_icon.png) top left no-repeat;
	padding-left: 48px;
	min-height: 40px;
}

#forum {
	background: url(forum_icon.png) top left no-repeat;
	padding-left: 48px;
	min-height: 40px;
}

#addons {
	background: url(addons_icon.png) top left no-repeat;
	padding-left: 48px;
	min-height: 40px;
}

#ftpguard {
	background: url(FTPGuard_icon.png) top left no-repeat;
	padding-left: 48px;
	min-height: 40px;
}

#host_coprate {
	background: url(host_coprate_icon.png) top left no-repeat;
	padding-left: 48px;
	min-height: 40px;
}

pre {
	font-size:13px;
 	}
 	
.disabled {
	color:#aaaaaa;
} 	

.red {
	color:#EE0000;
	font-weight: bold;
	font-family: arial;	
} 	

.green {
	color:#00BB00;
	font-weight: bold;
	font-family: arial;	
} 	

div.err {
   margin: 0 0 0 0;
   color: #FFFFFF;
   background: #FF0000;
   padding: 12px 12px 8px 12px;
   text-align:center;
	font-weight: bold;   
}

div.captcha {
   margin: 0 0 0 0;
   color: #000000;
   background: #FFF373;
   padding: 12px 12px 8px 12px;
   text-align:center;
	font-weight: bold;
	margin-bottom:12px;
}

#map{  
  height: 330px;
  width: 300px;
}  

.webtools-container{
	padding: 2px 2px 2px 2px;
	clear: both;
	}

.webtools-left {
   clear:left;
   float:left;
	padding: 2px 2px 2px 2px;
	width: 254px;
	}
	
.webtools-right {
   clear:right;
   float:right;   
	padding: 2px 2px 2px 2px;
	}
	
.webtools-line {
   clear:bottom;
   float:bottom;
	padding: 2px 2px 2px 2px;
	width: 100%;
	clear:both;
	}
	
.webtools-widget-header {
	background: #E4E4E4;
   clear:bottom;
   float:bottom;
	padding: 5px 5px 5px 5px;
	clear:both;
	margin-bottom:12px;
	}	

.code_js {
margin:0px; padding:4px; background-color: #e6ffe8; border: #999999 1px inset; 
color: black; font-size: 13px; height: 80px; width: 360px; overflow: auto; text-align:left;
font-family: verdana, arial, san-serif;
}


div.subnav {
   margin: 0 0 0 0;
   color: #000000;
   background: #e8e8e8;
   padding: 12px 12px 12px 12px;
   text-align:center;
	font-weight: bold;   
}