/* ------------------------------------------------------------
    Title:     Config.com master.css styles
    Updated:   Dec 2006
------------------------------------------------------------ */
/* Global Styles */
html,body{margin:0;padding:0}
body{font-family: "Lucida Grande", Verdana, sans-serif; font-size: small; color:#333333;}
*html body {font-size: x-small; /* for IE5/Win */
   f\ont-size: small; /* for other IE versions */}
h1, h2, h3, h4 {font-family: "Lucida Grande",Tahoma, sans-serif; clear:all;}
h1 {font-size: 1.5em; color:#3366FF;}
h2 {font-size:1.3em; color:#3366FF;}
h3 {font-size: 1.2em}
h4 {font-size: 1.1em}
p {font-size: .9em}
a:link, a:visited {color:#B01213; text-decoration:none;}
a:hover {color:#00CC33;}
form {margin: 0px; padding: 0px;}
img {border:none;}
/* Structure */
#container {min-width:997px; margin:0 auto; padding:0;}
/* Header 
---------------------------------------------------------------*/
div#header{height:100px; background:#fff url(/images/bg/header.png) repeat-x top left; margin-top:6px; padding:0;}
/* Logo */
div#logo {float:left; width:30%; margin:0; padding:0; padding-left:40px;}
/* Navigation 
---------------------------------------------------*/
#main-nav {float:right; width:59.9%; height:98px; text-align:right; padding:0; margin:0}
#main-nav ul {float:right; margin:0; padding:43px 0 0 0; text-align:right;}
#main-nav li {float:right; list-style:none; display:block; height:40px; margin:0; padding:15px 25px 0 25px; color:#fff; 
	border-left:1px solid #fff;}
#main-nav li:hover {background:url(/images/bg/main_nav_over.gif) top;}
#main-nav li:hover a {color: #fff;}
#main-nav a:link, #main-nav a:visited {font:bold 1.2em "Lucida Grande",Tahoma, sans-serif; color:#ccc; display:block;}
#main-nav a:hover {color:#fff;}
body#services #services_nav {background:url(/images/bg/main_nav_over.gif) top;}
body#services #services_nav a {color:#fff;}
body#about #about_nav {background:url(/images/bg/main_nav_over.gif) top;}
body#about #about_nav a {color:#fff;}
body#support #support_nav {background:url(/images/bg/main_nav_over.gif) top;}
body#support #support_nav a {color:#fff;}
body#login #login_nav {background:url(/images/bg/main_nav_over.gif) top;}
body#about #about_nav a {color:#fff;}
/* Subnav */
div#subnav{height:19px; background:url(/images/bg/subnav.png) repeat-x top left; margin:0; padding:3px;
	border-top:1px solid #999; border-bottom:1px solid #999;}
div#subnav ul {list-style:none; margin:0; padding:0 50px; float:right;}
div#subnav li {height:20px; list-style:none; display:block; margin:0; padding:0; float:left; padding:0 6px; border-left:1px solid #ccc;}
div#subnav a:link, div#subnav a:visited {font:1em Tahoma, Verdana, sans-serif; color:#0165FB;}
div#subnav a:hover {color:#666;}
/* Content Home
---------------------------------------------------------------*/
#wrapper {width:990px; margin:0 auto; padding:10px 0;}

/* 2 Col Content - LEFT */
div#home-left{float:left; width:430px; padding:10px 10px 0 10px; margin:0;}
div#home-left h2{font:2.1em Georgia, serif; color:#3366FF; margin:0;}
div#home-left h2 span{color:#00CC33;}
/* 2 Col Content - RIGHT */
div#home-right{float:left; width:490px; margin:0; padding:0;}
#desires {background: url(/images/bg/I_want_bot.png)no-repeat bottom; width:530px; margin:0 auto; padding:0px}
#desires-inner {background: url(/images/bg/I_want_top.png)no-repeat top; padding:0 0 10px 10px}
#desires-inner p {margin-top:0; padding-top:0; margin-bottom:0; padding-bottom:0;}
#desires-inner img {float:left; padding:20px 30px 0 0;}
#desires-inner ul {padding:10px; margin:0;}
#desires-inner li {list-style-image: url(/images/bullet_green.png); padding-top:9px; margin:0}
#desires a:link, #desires a:visited {color:#fff; font:1.3em "Lucida Grande", Tahoma, sans-serif; border-bottom:1px dashed #fff;}
#desires a:hover {color:#3366FF; font:1.3em "Lucida Grande", Tahoma, sans-serif; border-bottom:1px solid #3366FF;}
/* 1 Col Content */
div#content {float:left; clear:left; padding:0; margin:10px 0;}
div.hosting {float:left; width:242px; margin-left:4px; padding:0; background:url(/images/bg/hosting_bot.png) left bottom no-repeat;}
div.hosting-inner {padding:5px; background:url(/images/bg/hosting_top.png) no-repeat left 13px;}
div.hosting h1 {margin:0; display:inline; padding:3px 30px 3px 3px; font:1.3em "Lucida Grande", Tahoma, sans-serif; color:green;
	background:#fff url(/images/hosting_cross.png) no-repeat right; text-align:right;}
div.hosting ul {margin:5px; padding:5px 0 0 15px; list-style:none;}
div.hosting li {margin:3px 0; padding:2px 0; list-style-image: url(/images/bullet_green.png); border-bottom: 1px solid #ccc;}
div.hosting dl {float:left; background:url(/images/bg/hosting_price.gif) no-repeat; width:222px; 
margin:0 0 10px 5px; padding:4px;}
div.hosting dt {float:left; width:75px; padding:0; margin:0;}
div.hosting dd {float:left; width:130px; padding:5px; margin:0; font:bold 1.9em "Lucida Grande", Tahoma, sans-serif; color:#B01213;}
div.hosting-inner a:link, div.hosting-inner a:visited {color:#00CC33;}
div.hosting-inner a:hover {text-decoration:underline; color:#00CC33;}
.per_mo {font-size:.65em; font-weight: normal;}
div.hosting-inner sup {font-weight:normal; vertical-align: text-top;}
/* Content Interior
---------------------------------------------------------------*/
#content2 {float:left; padding:10px 0;}
/* 2 Col Content - LEFT */
div#left {float:left; width:490px; padding-right:10px;}
div#left h2 {font:2.1em Georgia, serif; color:#3366FF; margin:0;}
div#left h2 span {color:#00CC33;}
/* 2 Col Content - RIGHT */
div#right {float:right; width:490px; margin:0; padding:0;}
/* Footer 
---------------------------------------*/
div#footer{clear:left; float:left; width:100%; background: #0066FF url(/images/bg/footer.png) repeat-x; 
	color: #FFF; border-top:2px solid #0053D0;}
div#footerL{float:left; width:50%;}
div#footerR{float:left; width:49.9%;  background: url(/images/xlogo.gif) no-repeat bottom right;}
div#footer dt{font:2.1em "Lucida Grande", Tahoma, sans-serif; border-bottom:1px solid #fff;}
div#footer dd{font-style:"Lucida Grande", Tahoma, sans-serif; background: url(/images/bullet_green.png) no-repeat left; padding-left:15px;}
div#footer dt+dd {margin-top:8px}
#footer dl, #footer ul {padding:5px 20px}
#footerL span {color:#ccc;}
#footerR span {color:#0053D0;}
#footerR dl {float:left; }
#footer a:link, #footer a:visited {color:#fff}
#footer a:hover {color:#fff; text-decoration:underline}
/* Contact Info */
#contactL {float:left; width:40%; margin-top:5px;}
#contactR {float:left; width:59.9%; margin-top:5px;}
#contactR p{padding:3px 0 15px 15px;margin:0; background:url(/images/bg/emails.gif)no-repeat top left;}
#contactR a:link, #contactR a:visited {color:#B01213; font:bold 1.2em "Lucida Grande", Tahoma, sans-serif;}
/* News */
.news {margin-top:10px; clear:left;}
.news li {list-style:none; margin:0; padding:3px 0 3px 0;}
.newsL {float:left; clear:left; width:10%; background:url(/images/bg/news.gif)no-repeat top; color:#666; 
	text-align:center; font:1em "Lucida Grande", Tahoma, sans-serif; line-height:1em;}
.newsL span {font:bold 1.3em "Lucida Grande", Tahoma, sans-serif; color:#0033CC; margin:0; padding:0}
.news br {margin:0; padding:0}
.newsR {float:left; width:89.9%; color:#ccc;}
.newsR h4 {margin:0; padding:0;}
.newsR h4 a:link, .newsR h4 a:visited  {font:bold 1.2em "Lucida Grande", Tahoma, sans-serif;}
/* Copyright */
#copyright{clear:left; width:100%; background-color: #0053D0; text-align:right; margin:0; padding:5px 0; color:#fff;}
#copyright a:link, #copyright a:visited {color:#fff}
#copyright a:hover {color:#fff; text-decoration:underline}

/* Support Pages 
---------------------------------------*/
#contact h1 {font-size:2em; margin-bottom:0; padding-bottom:0;}
#contact #left p {font-size:1.2em;}
#map {width:300px; height:250px; background:#efefef; border:1px solid #ccc; margin:0 auto; padding: 50px;}
#contact_us {padding: 30px; background-color:#eaf4d7; border:1px solid #ccc;}
.textfield{font: normal 1em "lucida grande", verdana, sans-serif; padding:2px; margin: 0; border: 1px solid #ccc; background-color: #eee;
	width: 100%; color: #666;}
#contact_us form{background-color:#fff; padding:20px; border:1px solid #ccc; width:80%;}
#contact_us label{ display: block; font: normal 0.8em "lucida grande", verdana, sans-serif; margin: 0; padding: 0px 0; color: #666;}
#contact_us td{padding:5px;}
#contact_us {width:90%;}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  margin-left: auto;
  margin-right: auto;
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

.record_table {
	border: 1px solid black;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	border-collapse: collapse;
	cell-padding: 0px;
	margin-bottom: 1.5em;
}

div.rec_type {
	margin-left: 6%;
	font-size: 1.2em;
	font-weight: bold;
}

tr.header {
	background-color: #0053D0;
	color: white;
}

th.ttl {
	width: 60px;
}

th.domain {
	width: 200px;
}

th.actions {
	width: 110px;
}

td.no_records {
	text-align: center;
}

label {
	width: 75px;
}

td.label {
	text-align: right;
	padding-right: 5px;
	font-weight: bold;
}

table.record_form_table {
	border: 1px solid black;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	cell-padding: 0px;
	background-color: #0066FF;
	margin-bottom: 1em;
}
table.record_table td {
	text-align: center;
}

table.record_table tr:hover {
	background-color: #CDF;
}

table.record_table tr.header:hover {
	background-color: #0053D0;
}
tr.locked_record {
	background-color: #EEE;
}

ul#news_list span {
	font-weight: bold;
}

p.form_help {
	font-size: 1.1em;
	text-align: center;
}