/* Default Stylesheet */

/* >>> ELEMENTS <<< */
img, #header h1 a, #header h1 a:hover  { behavior: url(iepngfix.htc); }

* {
  margin: 0;
  padding: 0;
}

hr {
clear:both;
border:none;
margin:10px 0 10px 0;
border-top:1px dotted #ccc;
}

a img {
  border:none;
}
.reset {
display:block;
clear:both;
}

h1 span
{
position: absolute;
left: -9999px;
width: 0px;
overflow: hidden;
}

p a:link, table a:link {text-decoration:none;color:#235F8C;font-weight:bold;}
p a:visited, table a:visited {text-decoration:none;color:#235F8C;font-weight:bold;}
p a:hover, table a:hover {text-decoration:none;background:#235F8C;color:#fff;font-weight:bold;}
p a:active, table a:active {text-decoration:none;background:#235F8C;color:#fff;font-weight:bold;}

.domains p a {color:#78B071;} .domains p a:hover {color:#fff;background:#78B071;}  
.email p a {color:#8494C5;} .email p a:hover {color:#fff;background:#8494C5;}
.voip p a {color:#FF9933;} .voip p a:hover {color:#fff;background:#FF9933;}
.dedicated p a {color:#9B8EC4;} .dedicated p a:hover {color:#fff;background:#9B8EC4;}

body {
  color: #666;  
  font: normal 62.5%/100% Verdana, Arial, Lucida, Helvetica, Sans-Serif;
  text-align: center;
  background:#fff url("../Stat/bg_body.png") top repeat-x;
}

div#container {
  width: 780px;
  margin: 0 auto;
  text-align: left;
  }

div#header {
  height:116px;
  padding:12px 0 0 28px;
  margin-bottom:15px;
  background: url("../Stat/bg_header.jpg") no-repeat;
  }
  
#header h1 a {
  display: block;
  width:279px;
  height:55px;  
  background: url("../Stat/logo.png") no-repeat;  
}
#header h1 a:hover {
  background: url("../Stat/logo.png") no-repeat; 
}

div#left {
  float:left;
  width:142px;
  padding:0 0 0 8px;
}

div#contentArea {
  float: left;
  width: 600px;
  margin: 0 0 0 0;
  padding:0 0 0 8px
}
#sub div#contentArea {
  width: 430px;
  padding:0 10px 20px 10px;
}

div#right {
  width:160px;
  margin:0 0 0 616px;
}

div#footer {
  clear: both;
  width:100%;
  padding:5px 0;
  margin-top:10px;
  border-top:1px solid #E4E4E4;
}
#sub div#footer {
  margin-top:40px;
}

/* Root = Horizontal, Secondary = Vertical */

ul#mainMenu {
  margin-top:21px;
  width: 800px; /*For KHTML*/
  list-style: none;
  height: 36px;
}

ul#mainMenu li {
  margin: 0;
  border: 0 none;
  padding: 4px 1px 0 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 34px;
  background: url("../Stat/bg_ul_li.png") right no-repeat;
}

/* Root Menu */
ul#mainMenu a {
  padding: 0 10px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;  
  color: #fff;
  font: bold 12px/28px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}
ul#mainMenu li.last {background:none;}

ul#mainMenu a:hover {
  color: #14017D;
  background: url("../Stat/bg_ul_a.png") repeat-x;
  }

.domains ul#mainMenu a:hover {background: url("../Stat/bg_ul_a_domains.png") repeat-x;}
.email ul#mainMenu a:hover {background: url("../Stat/bg_ul_a_email.png") repeat-x;}
.voip ul#mainMenu a:hover {background: url("../Stat/bg_ul_a_voip.png") repeat-x;}
.dedicated ul#mainMenu a:hover {background: url("../Stat/bg_ul_a_dedicated.png") repeat-x;}


/* >>> Content <<< */

img.shoutOut {
  margin-bottom:4px; 
}
img.shoutOutSmall {
  margin-right:3px; 
  margin-bottom:10px;
}

div.shoutOut {
  width:170px;
  margin:0 0 20px 600px;
   line-height:13px;
  padding-bottom:10px;
  background:#F8F8F8;

}
div.shoutOut h3 {
  margin:0;
  color:#fff;
  background:#2C639F;
  padding:4px 6px;
}
div.shoutOut h3 a {
  color:#fff;
  background:#2C639F;
}

div.shoutOut ul {
  margin:10px 10px 10px 20px;
  list-style-type:circle;
  list-style-type:circle;
}
div.shoutOut ul li {
  font-size:11px;
  line-height:13px;
  padding:4px 0;
  list-style-type:circle;
  border-bottom:1px dotted #ccc;
}

#left ul {
  margin:10px 15px;  
}
	
#left li {
  list-style-type: disc;
  padding:2px 0 2px 0;
  font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif ;
  font-size: 11px;
  color: #666;	
  line-height:14px;
}
#left li a {
 color: #666;
}


p.price {margin:4px 3px 6px 18px;}
p.price strong {color:#B12D2D;
font-size:16px;line-height:18px;}
p.price img {margin-top:5px;}


div#contentArea p.features {
  float:left;
  width:220px;
  font-size:1.1em;
  padding:10px 20px 10px 20px;
}
div#contentArea p.features img {
  float:left;
  margin:0 8px 8px 0;
}

div#contentArea ol li{
	font-size:1.2em;
	padding:10px ;
	line-height:1.2em;
	margin-left:20px
}
div#contentArea ol ul li{
	font-size:0.9em;
	margin-left:-25px;
	list-style:none;
}
div#contentArea ol li img {
  margin-top:0.5em;
}

/* >>> TYPOGRAPHY <<< */
*.x {display:none;}

h2 {
  font: bold 16px  Arial, Verdana, Lucida, Helvetica, Sans-Serif;
  color: #160379;
  padding: 0 0 2px 0;
  margin-bottom:6px;
}
.domains h2, .domains h3 {color:#78B071;}
.email h2, .email h3 {color:#8494C5;}
.voip h2, .voip h3 {color:#FF9933;}
.dedicated h2, .dedicated h3 {color:#9B8EC4;}

#right h2 {
  font-size:12px;
  padding:0;
  margin-bottom:0;
  text-transform:uppercase;
}
h3 {
  font-weight:normal;
  font-size:12px;
  line-height:14px;
  color: #160379;
  margin:15px 0 5px 0;}
form h3 {font-weight:bold;margin:0 0 2px 0;}

#left h3 {
  margin:0 0 5px 0;
}


div#contentArea p, #right p, address {
  margin:10px 0 10px 0;
  font: normal 1.3em/1.6em  Arial, Verdana, Lucida, Helvetica, Sans-Serif;
}
#right p {font-size:1.1em;line-height:1.4em;}
address {line-height:1.4em;}
#right form p {margin:2px 0;}

div#contentArea p.support {
  font: normal 1.1em/1.3em  Arial, Verdana, Lucida, Helvetica, Sans-Serif;
  margin:0 0 4px 0;
}

#footer p {
margin:5px 0;
font: normal 1.0em/1.3em  Arial, Verdana, Lucida, Helvetica, Sans-Serif;}

div#contentArea ul {
  margin:0 30px;
  font: normal 1.3em/1.6em "Trebuchet MS", "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, Sans-Serif;
}
div#contentArea ul ul {
  font-size:1.0em;
  line-height:1.4em;
}

.shoutOut address {
font-size:10px;
}

div#contentArea dt {
margin-top:10px;
padding:8px;
font-size:14px;
line-height:16px;
color:#fff;
background:#2C639F;
}
div#contentArea dd {
font-size:1.1em;
line-height:2.0em;
padding:6px;
border:1px solid #666;
border-top:none;
background: url("../Stat/icon_tick.gif") bottom right no-repeat;
}
div#contentArea Feat {
font-size:1.1em;
line-height:2.0em;
padding:6px;
border:1px solid #666;
border-top:none;
background: none;
}

/* >>> login <<< */
fieldset {border:none;}
input {
padding:2px;
height:11px;
font-size:1.0em;
line-height:1.0em;
border-top:1px solid #A7A7A7;
border-right:1px solid #DDDDDF;
border-bottom:1px solid #E5E5E5;
border-left:1px solid #B8B8B8;
}
button {
border:none;
background:none;}

form#login fieldset {
height:120px;
padding:4px 8px;
margin-bottom:10px;
background: url("../Stat/bg_login.png") no-repeat;
}
form#login legend {
color:#170283;}

form#login label {
display:block;
color:#170283;
padding:0 0 3px 0;}

form#login input {
width:104px;margin-bottom:4px;}

/* form */
div#contentArea form {
  width:420px;
}
div#contentArea fieldset {
   padding:15px 12px;
   margin-bottom:10px;
   border:1px solid #DDD;
}
div#contentArea fieldset p {
  font: italic 12px/12px verdana, helvetica, arial, sans-serif;
  padding:0;margin:8px 0 2px 0;
  color:#666;
}
div#contentArea label {
 margin-bottom:4px;
 display:block;
 font: bold 13px/12px verdana, helvetica, arial, sans-serif;
 color:#000; 
}

div#contentArea .expire label {
  float:left;display:inline;
  width:100px;
}
div#contentArea .expire {
  clear:left;
}
div#contentArea .expire select{
  width:80px;
}
div#contentArea input.checkbox {
  float:left;
 width:12px;height:12px;
}
div#contentArea p.checkbox {width:370px;float:left;padding:0;margin:0 0 0 5px;}


div#contentArea input, div#contentArea select {
    height:16px;
	padding:2px;
    width: 350px;
    margin-bottom:8px; 
 font: normal 13px/12px verdana, helvetica, arial, sans-serif;   
}
div#contentArea select {
  height:30px;
  font-size:12px;
  padding:0;
}
div#contentArea .shortInput {
  width:80px;
}
div#contentArea .miniInput {
  width:30px;
}

div#contentArea select {height:20px;padding:0;}
div#contentArea input.checkbox {
	width:20px;
	height:20px;
}
div#contentArea textarea, div#contentArea textarea.shortTextbox {
    width:100%;
    height:250px;
    margin-bottom:8px;
}
div#contentArea textarea.shortTextbox {
    height:100px;
 }
div#contentArea .shortText {
  width:175px;
}

div#contentArea #domainCheck label {
  margin-top:6px;
  float:left;
  width:50px;
}
div#contentArea #domainCheck input {
  float:left;
  width:250px;
}
div#contentArea #domainCheck select {
  width:80px;
  height:24px;
  margin-left:4px;
} 
 
div#contentArea button {

    float:right;
    width:auto;
    padding:2px;
    height:auto;  
    margin:0; 
  }
div#contentArea legend {  
  margin:12px 0;
  font-size:120%;  
  font-weight: bold;
  padding: 0 5px;
}
div#contentArea .hint, 
div#contentArea .warning  {
  padding:8px;
  background:#DEFFD5;
  border:1px solid #358D32;
  font-style:normal;
  color:#000;
  margin:10px 0;
}
 
div#contentArea #errorMsg {
  padding:10px;
  margin:20px 0;
  border-top:1px solid #FC6;
  border-bottom:1px solid #FC6;
  background:#FFC;   
  font: normal 12px/13px Verdana, Arial, Lucida, Helvetica, Sans-Serif; 
}
div#contentArea #errorMsg h3 {
  margin:0;padding:0;
  color: #c00;
  font-weight:bold;
  font-style:normal;
}
div#contentArea #errorMsg ul {
  color:#000;
  margin:5px 30px 10px 30px;
}
div#contentArea #errorMsg ul li {
  list-style-type:disc;
  padding:2px 0;
  font: normal 12px/13px Verdana, Arial, Lucida, Helvetica, Sans-Serif; 
}

#footer p a {
padding:2px;
margin:0 20px 0 0;
}


/* >>> table styles <<< */

table {
  width: 400px;
  border-collapse:collapse;
}

thead th {
  border: 1px solid #07175C;
  text-align: left;
  padding: 6px 6px 6px 12px;
}

th.nobg {
	border-top: 0;
	border-left: 0;	
	border-right: 1px solid #07175C;
	background: none;
}

td {
	border-right: 1px solid #07175C;
	border-bottom: 1px solid #07175C;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}

td.alt {
	background: #FFF;
	color: #797268;
}

tbody th {
	border: 1px solid #000;
	padding: 6px 6px 6px 12px;
}
tbody th.heading {
  border:none;
  border-bottom: 1px solid #07175C;
  color: #160379;
  padding:10px 0;
}

form#login {
max-height:125px;
margin-top:26px;
}

div#right a img {
	margin-top:20px;
}