html {
	min-height: 101%;
}

body {
	font: 13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
	margin: 0;
	padding: 0;
	background: #2d2d2d;
	line-height:1.35em;
}

img{
	border: 0;
}

:focus {
	outline: 0;
}


a {
	color: inherit;
	text-decoration: none;
}


a:hover {
	text-decoration: none;
	color: #034262;
}

ol{
	list-style: none;
	padding: 0;
	margin: 0;
}

h1, h2, h3{
	color: #2d2d2d;
	border-bottom: 1px solid #ccc;
	font-size: 18px;
	font-weight: normal;
}

h1{
	font-size: 18px;
}

h1 select {float:right;
	}

h2{
	font-size: 16px;
}

h3{
	font-size: 14px;
	color: #126391;
}

form ol{
	width: 100%;
	padding: 0;
	margin: 0;
}
	
	form ol li {
		padding: 10px 0;
		border-top:1px solid #ddd;
	}
	
	#main form ol li.firstchild {
		border: 0;
	}
	
	form ol li span.input{
		display: block;
	}
	
	form ol li select.intdialcode{
		width: 125px;
		margin: 0 10px 0 0;
	}

span.keyword {
   font-weight: bold;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
	width: 600px;
	padding: 0;
	margin: 0;
}
	
	/*
table table{
		width: 100%;
	}
*/
	
thead{
	background: #4887A7;
	color: #FFF;
}

tfoot{
	background: #7DB7D8;
	color: #FFF;
}
	
thead td{
	line-height: 30px;
	height: 30px;
}

td{
	padding: 5px;
}

tr.selected, tr.hover{ background: #C2DDED; }
table tr.even td{ background: #D6E8F3; }

/* structure */

#topbar, #header, #searchbanner, #main, #semi-footer, #footer{
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
	clear: both;
}
	
	#topbar > div, #header > div, #searchbanner > div, #main > div, #semi-footer > div, #footer > div{
		width: 960px;
		padding: 0 20px;
		margin: 0 auto;
		text-align: left;
		clear: both;
	}

#topbar{
	background: #2d2d2d;
	padding: 5px 0;
}
	
	#topbar > div{
		height: 30px;
	}
	
	#topbar > div > img{
		float: right;
	}
	
	#topbar a#grouplink{
		float: right;
	}
	
	#topbar ol{
		padding: 7px 0;
		margin: 0;
	}
	
	#topbar ol li.firstchild, #semi-footer ol li.firstchild{
		border: 0;
		padding-left: 0;
	}
	
	#topbar ol li{
		display: inline;
		margin: 0;
		padding: 0 10px;
		border-left: 1px solid #D8D8D8;
		color: #D8D8D8;
		position: relative;
	}
		
		#topbar ol li a, #semi-footer ol li a{
			color:#D8D8D8;
			padding: 12px 0;
		}
		
		#topbar ol li a:hover, #semi-footer ol li a:hover{
			color: #FFF;
		}
		
		#topbar ol ol{
			display: none;
			background: #2D2D2D;
			width: 150px;
		}
		
		#topbar ol li:hover ol{
			display:block;
			position: absolute;
			top: 27px;
			left: 0;
		}
		
		#topbar ol ol li{
			display: block;
			float: none;
			padding: 0;
			border: 0;
		}
		
		#topbar ol ol li a{
			display: block;
			padding: 10px;
		}
		
		#topbar ol ol li a:hover{
			background: #000;
		}
	
#searchbanner{
	background: #f9f9f9;
}
	
	#searchbanner > div{
		padding: 5px 20px;
		color: #888;
	}
	
#header{
	background: url(/images/smallheaderbg.png) repeat-x top;
}
	
	#header > div{
		padding: 30px 20px 10px 20px;
	}
	
	#header #logo, #homepage #header a#fastsignup{
		padding-left: 45px;
	}
	
	#homepage #header{
		background: url(/images/headerbg.png) repeat-x top;
	}
	
	#homepage #header > div{
		height: 350px;
		width: 330px;
		padding: 30px 650px 10px 20px;
		background: url(/images/websiteimage.png) no-repeat bottom right;
	}
	
	#header p{
		font-family: "Times New Roman";
		padding: 0 10px;
		margin:21px 0;
		text-align: center;
	}

#main{
	background: #f9f9f9;
	border-top: 1px solid #bbb;
}
	
	#main > div{
		padding: 20px;
	}

#main div#searchBox {
	margin: 20px 0 0 0;
	border: 1px solid #136ea0;
	padding: 10px;
}

#main div#searchBlurb h1.home {
	float: left;
	margin-right: 20px;
}

#main div#searchBlurb form {
	padding: 7px 0 0 0;
	display: block;
}

#main div#searchBlurb form button {
	width: 80px;
}

#main div#searchBlurb form input {
	width: 300px;
	font-size: 1.1em;
	padding: 1px;
}

#main a {
	text-decoration: none;
	border-bottom:1px dashed #336699;
}

#main td a {border:0;}



#main div#info {
	clear: both;
	padding-top: 15px;
	width: 690px;
}

.left {
	float: left;
	display: block;
	margin-top: 10px;
	margin-right: 10px;
}

#main div#quickSearch {
	width:240px;
	float: right;
	
}

#main div#quickSearch h3 {
	font-weight: normal;
}

#main div#topHome {
	overflow: hidden;
	width: 100%;
}

#main div#welcomeBlurb {
	float: left;
	width: 320px;
}

#main div#welcomeBlurb h1{
	font-weight: normal;
	font-size: 1.8em;
	margin-top: 5px;
}

div.quarter {
	padding: 10px 5px 0 5px;
	width: 230px;
	float: left;
	overflow: hidden;
}

div.quarter a img {
	border: 1px solid #aaa;
	padding: 2px;
}

div.quarter a:hover img {
	border: 1px solid #ddd;
}

div.quarter form select.unilist {
	width: 190px;
}

div.quarter ol {
	padding: 0;
	margin: 10px 0 10px 0;
}

div.quarter ol.guides {
	list-style: circle;
	margin-left: 15px;
}

div.quarter h1 {
	border-bottom: 1px solid #ccc;
	font-size: 16px;
	font-weight: normal;
}

#pagenavigation{
	margin: 10px 0;
	padding: 0;
	overflow: hidden;
	clear: both;
}
	
#pagenavigation li {
	padding: 0;
	margin: 0;
	display: inline;
}

#pagenavigation li a {
	display: block;
	float: left;
	padding: 5px 5px;
	border: 1px solid #136ea0;
	background-color: #136ea0;
	margin: 0 3px;
	color: #fff;
	text-decoration: none;
	
}

#pagenavigation li.active, #pagenavigation li.nolink, #pagenavigation li.pageof	{
	display: block;
	float: left;
	padding: 5px 5px;
	border: 1px solid #136ea0;
	background-color: #fff;
	margin: 0 3px;
	color: #136ea0;
	text-decoration: none;
	
}

#pagenavigation li a:hover{
	background-color: #fff;
	border: 1px solid #136ea0;
	color: #136ea0;
	text-decoration: none;
}

span.keyword {
	font-weight: bold;
}

#login form#login {
	
}

	#login form#login ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#login form#login ul li {
		margin-bottom: 15px;
	}
	
	#login form#login ul li label {
		display: block; 
	}
	
	#login form#login ul li input {
		width: 200px;
	}

#welcome {
	
}

	#welcome div.splitblock {
		clear: both;
		overflow: hidden;
		width: 100%;
	}

	#welcome form ul {
		list-style: none;
		margin: 0 auto;
		padding: 0;
		width: 650px;
		float: right;
	}
	
	#welcome form ul li {
		margin-bottom: 15px;
		padding-left: 30px;
	}
	
	#welcome form ul li label {
		display: block;
	}
	
	#welcome form ul li label span.formInfo {
		font-size: 0.9em;
		color: #888;
		clear: both;
		display: block;
	}

#order #main > div, #configure #main > div{
	background: url(/images/smudgeleft.png) no-repeat 325px 50px;
}

	#accountDetails, #order #cart {
		width: 280px;
		float: left;
		padding: 0 10px 0 50px;
	}
	
		#order #accountDetails ol {
			margin: 0;
			padding: 0;
		}
		
		#order #accountDetails ol li label, #order #cart ol li label {
			width: 100%;
			display: block;
		}
	
	#order #domains, #configure #domains{
		width: 600px;
		float: right;
		padding: 0 0 0 10px;
	}
		
		table#doms tbody ol.ports li{
			padding: 0;
			margin: 0 0 10px 0;
			border: none;
			display: block;
			float: left;
			height: 20px;
			width: 20%;
		}
		
		
#how table{
	width: 100%;
}	

#how div.column1, #how div.column2, #how div.section{
	width: 460px;
	float: left;
}

#how div.column1{
	margin: 0 30px 0 0;
}

#how div.section{
	width: 460px;
	margin: 0 0 20px 0;
}
	
	#how div.section img{
		margin: 0 auto;
	}

#semi-footer{
	background: #353535;
	border-bottom:1px solid #222;
}
	
	#semi-footer ol li{
		display: inline;
		padding: 0 10px;
		border-left: 1px solid #FFF;
	}
	
	#semi-footer ol li.firstchild{
		padding-left: 15px;
		background: url(/images/arrowfooter.png) no-repeat left;
	}
	
	#semi-footer > div{
		color: #FFF;
	}
	
	#semi-footer > div{
		padding: 10px 20px;
	}

#footer > div{
	padding: 20px;
	color: #FFF;
	font-size:0.85em;
}

	#footer #companyinfo{
		float: right;
	}
		
		#footer #companyinfo li{
			text-align: right;
		}
		
		#footer #companyinfo li.firstchild{
			margin: 0 0 10px 0;
		}
		
		#footer #companyinfo li.firstchild img{
			margin: 0 0 -4px 0;
		}
		
	#footer #robots li.firstchild{
		background: url(/images/robots.png) no-repeat top left;
		line-height: 29px;
		height: 29px;
		padding: 0 0 10px 40px;
	}
	
#footer a {
	text-decoration:underline;
	color:#FFF;
	}
	
#footer a:hover {
	text-decoration:none;
	color:#FFF;
	}

#my_chart {
	width: 700px;
	overflow: hidden;
	background: red;
}

#main #searchBlurb {
	background-color: #303A4C;
	color: #fff;
	clear: both;
	border-top: 1px solid #fff;
	border-bottom: 3px solid #ccc;
	margin-bottom: 20px;
	
}

#main div#searchBlurb {
	min-height: 40px;
	overflow: hidden;
}

#main div#searchBlurb h1 {
	margin: 0;
	padding: 10px 0 10px 10px;
	font-size: 1.4em;
}

div#chartRight {
	float: right;
	width: 240px;
	overflow: hidden;
}

div#chartRight div.centerText {
	text-align: center;
}

div#chartRight h1, div#chartRight h2, div#chartRight h3  {
	border: none;
	padding-bottom: 5px;
	text-transform: uppercase;
	display: block;
	margin: 0;
}

div#chartRight h2 {
	margin: 10px 0 0 0;
}

div#chartRight h1 {
	font-size: 40px;
	margin: 10px 0 0 0;
}

div#chartRight li label {
	display: block;
	width: 70px;
	float: left;
}

div#chartRight li {
	margin-bottom: 10px;
}

div#calendar {
	width: 470px;
	padding: 10px 5px 0 5px;
	float: left;
}

div#calendar h1 {
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	font-size: 16px;
}

.uptime_green{
	color: #11b700;
}

.uptime_yellow{
	color: #ffcc00;
}

.uptime_red{
	color: #c90000;
}

#controlpanel #main > div{
	background: url(/images/smudgeleft.png) no-repeat 325px 50px;
}
	
	#controlpanel #payment{
		width: 600px;
		float: right;
		padding: 0 0 0 10px;
	}
	
	#controlpanel #settings{
		width: 280px;
		float: left;
		padding: 0 10px 0 50px;
	}
	
	#controlpanel #subscriptions{
		width: 600px;
		float: right;
		padding: 0 0 0 10px;
	}
	
	#controlpanel table thead tr td{
		background: 0;
		padding: 0;
		margin: 0;
		height: auto;
		text-align: left;
	}
	
		#controlpanel thead h2{
			padding: 0;
			margin: 0;
			overflow: hidden;
			color: #FFF;
			border: 0;
		}
		
			#controlpanel thead h2 span.domainname {
				padding: 3px 5px;
				display: block;
				float: left;
			}
		
			#controlpanel thead h2 div.confirmDelete {
				background-color: #000;
				padding: 3px 0;
				clear: both;
				text-align: center;
				font-size: 12px;
				color: #ccc;
			}
				#controlpanel thead h2 div.confirmDelete a:hover {
					color: #fff;
				}
			
			#controlpanel thead h2 span.options{
				float: right;
				display: block;
				padding: 3px 5px;
			}
				
				#controlpanel thead h2 span.options a{
				    height: 20px;
				    width: 30px;
				    display: block;
				    float: left;
				}
				
				#controlpanel thead h2 span.options a.config{
					background: url(/images/cogicondull.png) no-repeat;
				}
				
				#controlpanel thead h2 span.options a.delete{
					background: url(/images/deleteicondull.png) no-repeat;
				}
				
				#controlpanel thead h2 span.options a:hover.config{
					background: url(/images/cogicon.png) no-repeat;
				}
				
				#controlpanel thead h2 span.options a:hover.delete{
					background: url(/images/deleteicon.png) no-repeat;
				}
				
				#controlpanel thead h2 span.options a span{
					display: none;
				}
			
			#controlpanel td.uptime_green, #controlpanel td.uptime_yellow, #controlpanel td.uptime_red{
				font-weight: bold;
			}
				
				#controlpanel td.na{
					color: #868686;
				}
				
	#controlpanel a.makepayment{
		background: url(/images/makepayment.png) no-repeat;
		width: 161px;
		height: 47px;
		display: block;
		border:0;
	}
		
		#controlpanel a.makepayment span{
			display: none;
		}
				
table.calendar {
   border: 1px solid #eee;
   width: 100%;
   clear: both;
   margin: 0 0 20px 0;
}
	
	table.calendar span {
	   
	}
	
	table.calendar tr td {
	   border: 1px solid #ddd;
	}
	
	table.calendar thead {
	   color: #136ea1;
	}
	
	table.calendar thead tr {
	   padding: 15px 0;
	   height: 40px;
	}
	
	table.calendar tr.day_names td {
	   text-align:  center;
	   background-color: #136ea1;
	   color: #fff;
	   font-weight: bold;
	}
	
	table.calendar tr td{
		vertical-align: top;
	}
	
	table.calendar tr td.blank_cell {
	   background-color: #eee;
	}
	
	table.calendar tr td.active_cell {
	   background-color: #fdfdfd;
	}
		
		table.calendar tr td.active_cell a{
			font-size: 0.8em;
			color: #9b0000;
			cursor: pointer;
		}
		
#failDetails #pagenavigation{
	font-size: 0.75em;
	margin: 2px 0;
}

#failDetails #pagenavigation li a, #failDetails #pagenavigation li.active, #failDetails #pagenavigation li.nolink, #failDetails #pagenavigation li.pageof{
	padding: 0 3px;
	margin: 0 2px;
}

#subscriptions{
	border-collapse: collapse;
	border-spacing: 0;
	width: auto;
}
	
	#subscriptions td{
		width: 40px;
		height: auto;
		text-align: center;
	}
	
	#subscriptions td.selected, #subscriptions td.hover{
		background: #C2DDED;
	}
	
	#subscriptions td.name{
		color: #FFF;
		text-align: left;
		background: #4887A7;
		width: auto;
	}
		
		#subscriptions td ul, #subscriptions td li{
			list-style: none;
			padding: 0;
			margin: 0;
		}

#addgroup #main > div > div{
	margin: 0 0 30px 0;
}
		
#addgroup div.groupform{
	width: 400px;
	float: left;
	margin-right: 10px;
}

#addgroup div.contacttable{
	width: 400px;
	float: left;
	clear: left;
	margin-right: 10px;
}

#addgroup div.substable{
	width: 540px;
	float: right;
	margin-left: 10px;
}

#addgroup button{
	float: left;
	clear: both;
}

#groups a.addgroup, #contacts a.addcontact{
	background: url(/images/addgroup.png) no-repeat;
	height: 40px;
	width: 132px;
	text-align: center;
	line-height: 40px;
	display: block;
	margin: 0 0 20px 0;
	border:0;
}
	
	#groups a.addgroup span, #contacts a.addcontact span{
		display: none;
	}
	
#contacts a.addcontact{
	background: url(/images/addcontact.png) no-repeat;
}

/*Blog*/
div#sidebar {
	float:right;
	width:20%;
}

div#content {
	float:left; 
	width:80%;
}
		
/* modal window */
#mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/images/mask.png) repeat;
	text-align: center;
}
	
	#mask #modalbox{
		height: 250px;
		width: 400px;
		border: 10px solid #FFF;
		margin: 0 auto;
		background: #7F7F7F;
	}

#support form#support {
	
}

	#support form#support ul {
		list-style:none;
		margin: 0;
		padding: 0;
	}
	
	#support form#support ul li {
		margin-bottom: 15px;
	}
	
	#support form#support ul li label {
		display: block;
		
	}
	
	#support form#support ul li input {
		width: 200px;
	}
	
	#support form#support ul li textarea {
		width: 205px;
		height: 90px;
	}

#homepage ul.bullets, #homepage ul.bullets li{
	list-style: none;
	padding: 0;
	margin: 0;
}
	
	#homepage ul.bullets{
		margin: 0 0 10px 0;
		float: left;
	}
		
	#homepage ul.bullets li{
		width: 230px;
		display: block;
		float: left;
		padding: 0 0 0 10px;
		font-size: 0.95em;
	}
	
	#homepage ul.bullets li.firstchild{
		padding: 0;
	}
	
	#homepage ul.bullets li img{
		float: left;
		padding: 2px;
		border: 1px solid #333;
	}
	
#homepage #dependable h1{
	color: #074666;
	border: 0;
	padding: 0;
	margin: 0;
	font-weight: bold;
}
	
	#homepage #dependable ul{
		list-style: none;
		padding: 0;
		margin: 0;
	}