
/* define font in all default tags */

TABLE, TH, TR, TD, BLOCKQUOTE, DIV, SPAN, DD, U, UL, DL, H4, H5, INPUT, A, BR, CENTER, I, B, LI, OL, TEXTAREA, FORM, P, SELECT, STRONG 
{ 	font-size: 11px; 
	line-height: 120%;
	font-family: Arial, Verdana, Tahoma, sans-serif; 
	color: #333333; 
}
A  { color: #1E5BA2; text-decoration: none; }
A:hover { text-decoration: underline; }
h3 { font-size: 13px; font-weight: bold; }
h2 { font-size: 16px; font-weight: bold; }
h1 { font-size: 18px; font-weight: bold; margin: 0px 0px 0px 0px;}
SELECT { color: #333333; }
INPUT {	color: #333333; }
FORM { margin-top: 0px; margin-bottom: 0px; margin: 0px 0px 0px 0px; }
TEXTAREA { color: #333333; }

/* custom font classes */
.smallbold { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold;  }
.small { font-size: 10px; }
.login_box { font-size: 10px; width: 124px; /* height: 19px */}
.search_box { font-size: 1	0px; width: 100px; /* height: 19px */ }
.blue10 { font-size: 10px; color: #1E5BA2; }
.black10 { font-size: 10px; color: #000000; }
.blue { font-size: 12px; color: #1E5BA2; }
.bluebold { color: #1E5BA2; font-weight: bold; }
.bluebold1 { font-size: 12px; color: #1E5BA2; font-weight: bold; }
.blackbold { font-size: 15px; color: #000000; font-weight: bold; }
.err { font-family: Arial,Tahoma, Verdana, sans-serif; font-size: 10px;  color: red; margin-left:3px; }
.textheader { color: #333333; font-weight: bold; font-size: 18px; }
.subtextheader { color: #333333; font-weight: bold; font-size: 14px; }
.boldwhitenav{ color: #1E5BA2; font-size: 14px; font-weight: bold; color: white;}
.whiteboldlg {  font-weight: bold; color: white; }
.site-info { font-weight: bold; color: black; font-size: 10px; }
.hpServiceBox{ 
	font-size: 10px; 
	line-height: 1em;
	font-family: Arial, Verdana, Tahoma, sans-serif; 
	color: #333333;
}
/* custom body */
.body2{ font-size: 11px; font-family: Arial, Verdana, Tahoma, sans-serif; color: #000000; }

H2.white { color: #FFFFFF; }
H3.white { color: #FFFFFF; }
H1.black { color: #000000; }
/* custom link classes */
A.subnavLink:link { color: #333333; text-decoration: none; }
A.subnavLink:visited { color: #333333; text-decoration: none; }
A.subnavLink:active { color: #333333; text-decoration: none; }
A.subnavLink:hover { color: #1E5BA2; text-decoration: underline; }

A.subHeadLink { color: #1E5BA2; text-decoration: none; font-weight:bold; font-size:11px;}



A.subnavboldLink:link { color: #333333; text-decoration: none; font-weight: bold; }
A.subnavboldLink:visited { color: #333333; text-decoration: none; font-weight: bold; }
A.subnavboldLink:active { color: #333333; text-decoration: none; font-weight: bold; }
A.subnavboldLink:hover { color: #1E5BA2; text-decoration: underline; font-weight: bold; }

A.subnavboldLinkGreen:link { color: #53713B; text-decoration: none; font-weight: bold; }
A.subnavboldLinkGreen:visited { color: #53713B; text-decoration: none; font-weight: bold; }
A.subnavboldLinkGreen:active { color: #53713B; text-decoration: none; font-weight: bold; }
A.subnavboldLinkGreen:hover { color: #53713B; text-decoration: underline; font-weight: bold; }

/* custom td background classes */
td.white { background-image: url("/homeparts/bg_white.gif"); }
td.dotshomepagemiddle { background-image: url("/homeparts/dots_homepagemiddle.gif"); }
td.dotsyournoipmiddle { background-image: url("/homeparts/dots_yournoipmiddle.gif"); }
td.hpcontentleft { background: #f9f9f9 url("/homeparts/border_hpcontentleft.gif"); }
td.hpcontentright { background: #f9f9f9 url("/homeparts/border_hpcontentright.gif"); }

div#layoutContainer {
	width: 721px;
	margin: 0 auto;
	position: relative;
}

div.contentColRight p,div.contentColRight li{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	line-height: 1.5;
	font-size: 12px;
	color: #333;
}
div.contentColRight a,{ color: #1E5BA2; text-decoration: none; }
div.contentColRight a:hover { text-decoration: underline; }
table.tab th {
	background-color: #DDDDDD;
	padding: 3px;
	font-weight: bold;
	border-bottom: solid 1px #AAAAAA;
	border-right:  solid 1px #AAAAAA;
}
table.tab td {
	padding: 3px;
	border-right:  solid 1px #AAAAAA;
	border-bottom: solid 1px #AAAAAA;
}

table.tab {
	 border-top:    solid 2px #AAAAAA;
	 border-left:   solid 2px #AAAAAA; 
	 border-right:  solid 1px #AAAAAA; 
	 border-bottom: solid 1px #AAAAAA; 
}

table.compare th {
	background-color: #1E5BA2;
	padding: 8px;
	font-weight: bold;
	color: white;
	border-bottom: solid 1px #AAAAAA;
	border-right:  solid 0px #AAAAAA;
}
table.compare th a {
	color: white;
}
table.compare td {
	padding: 7px;
	padding-left: 10px;
	border-right:  solid 0px #AAAAAA;
	border-bottom: solid 1px #AAAAAA;
}
table.compare td.feature {

	text-align:	   left;
	background-color:#f9f9f9;
	
}
table.compare td.highlight {
	padding: 5px;
	border-right:  solid 0px #AAAAAA;
	border-bottom: solid 1px #AAAAAA;
	background-color: rgb(255, 255, 210);
}

table.compare tr.cost {
	padding: 3px;
	border-right:  solid 0px #AAAAAA;
	border-top: solid 2px #AAAAAA;
	border-bottom: solid 0px #AAAAAA;
}
table.compare tr.cost td {

	border-top: solid 2px #AAAAAA;
	border-bottom: solid 0px #AAAAAA;
			

}
table.compare {
	 text-align: center;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 10px;
}

#support {
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	line-height: 1.6;
	padding: 10px 40px 0px 20px;
}

#support p,li {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	line-height: 1.5;
	font-size: 12px;
	color: #333;
}
#support h1 {
	font-size: 150%;
	color: #1E5BA2;
	position: relative;
}
#support h2 {
	font-size: 120%;
	color: #333;
	position: relative;
}

#support a{

	font-size: 12px;
	line-height: 1.6;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif!important;
	
}
#support h3 {
	font:  bold 100% Arial, Helvetica, sans-serif;
}
#support_crumbs a {
	font-weight: bold;
	color: #333;
	font-size: 14px;
}

div.error, div.error h3 {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
		color: red;
		font-size: 11px;

}

div.short, div.short p, div.short h3, div.short a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	line-height: 1.5;
	font-size: 12px;

}
div.short {
	padding: 0px 40px 0px 20px;

}

div.short h3 {
	font-size: 120%; 
	font-weight: bold;
}


div#delegationinfo {
	width: 300px;
	border: 1px solid #ccc;
	margin: 10px auto;
	padding: 10px;
}

div#delegationinfo img.alert {
	float: left;
	margin: 0 15px 15px 0;
}

div#delegationinfo h4 {
	display: inline;
	margin: 0; padding: 0;
	color: red;
}

div#delegationinfo ul {
	list-style: none;
	padding-left: 46px;
}

div#liveperson {
	display: block !important;
	position: absolute;
	width: 102px;
	height: 40px;
	right: 0;
	top: 0;
	margin: 12px 8px;
}

/****************************************************************************
 * hostlist style, like host manager.
 ****************************************************************************/
table.hostlist {
	border: 1px solid #aaa;
	border-left: 2px solid #aaa;
	border-top: 2px solid #aaa;
}

table.hostlist th {
	background-color: #ddd;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	padding: 0.25em 0.5em;
}

table.hostlist tr.domain {
	background-color: #eee;
}

table.hostlist tr:hover { background-color: #D1DFEA; }
table.hostlist tr.domain:hover { background-color: #eee; }

table.hostlist td {
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	padding: 2px;
}

table.hostlist td.time 		{ text-align: center; }
table.hostlist td.method 	{ text-align: center; }
table.hostlist td.ip 		{ text-align: center; }
table.hostlist td.action 	{ text-align: center; }
table.hostlist td.host 		{ padding-left: 1em; }

table.hostlist td.product	{ padding-left: 1em; }
table.hostlist td.autorenew	{ text-align: center; width: 10px; }

/****************************************************************************
 * Host Information Style
 ****************************************************************************/

div.hostinfo {
	border: 1px solid #ddd;
	background: white;
	position: relative;
}

div.hostinfo h4 {
	border-bottom: 1px solid #ddd;
	background: #1C5DA0;
	color: white;
	padding: 0.25em;
	margin: 0;
}

div.hostinfo h4 a {
	color: white;
	text-decoration: none;
}

div.hostinfo div.promopane {
	position: absolute;
	border: 1px solid #ddd;
	width: 150px;
	top: 2.5em;
	right: 5px;
	background: #eee;
	color: #333;
	padding: 0.5em;
}

div.hostinfo div.promopane h5 {
	font-weight: bold;
	margin: 0 0 0.5em;
}

div.hostinfo div.promopane p {
	color: #333;
}
/****************************************************************************
 * autorenew page
 ****************************************************************************/
 
.autorenew { width: 469px; }
form.autorenew div.filter { 
	width: 150px;
	float: left;
}
form.autorenew div.filter input.checkbox { margin: 0.25em 0; }
form.autorenew div.buttons { float: right; }
form.autorenew option.sep { display: none; }
form.autorenew option.heading { border-bottom: 1px solid #ddd; font-weight: bold; background: #eee; }


/************************
 * For the blog - djonas
 ***********************/
.post img.ss {
	border: 1px solid #e0e0e0;
	margin: 0.5em 0 1em 1.5em;
}

/******* debug pane *******/
div.debug_pane {
	color: black;
	width: 100%;
	height: 200px;
	background-color: white;
	-moz-opacity: 0.8;
	border-top: 3px double #6F1B1B;
	border-bottom: 1px double #6F1B1B;
	overflow: auto;	
	z-index: 1000;
}

#overlay {
    display: block; 
    position: fixed;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: white;
    margin: 0;
	padding: 4em 0;
    /* -moz-opacity: 0.9; */
}

#overlay p, .maintenance p {
    text-align: center;
    font: bold small-caps 12pt/14pt sans-serif;
}

#overlay .smaller, .maintenance .smaller {
    font: normal 10pt/12pt sans-serif;
}

#overlay .small, .maintenance .small {
    font: normal 9pt/10pt sans-serif;
}

