/*------------------------Gardahost.com Style Sheet------------------------*/

/*------------------------Body-----------------------*/

* {
	margin: 0px;
	padding: 0px;
}

body {
	background: #FFFFFF;
	font-family: verdana, arial, sans-serif;
}

#main_container {
	width: 780px;
	margin: auto;
	background: url('images/body_back.jpg') repeat-y;
}

/*------------------------Header-------------------*/

#header_top {
	width: 780px;
	height: 189px;
	background: #FFFFFF url('images/header_top.jpg');
}

#header_top a {
	padding: 9px 50px 0px 0px;
	float: right;
	font-size: 0.7em;
}

#header_bottom {
	width: 780px;
	height: 28px;
	clear: both;
	background: #FFFFFF url('images/header_bottom.jpg');
}

/*------------------------Navbar-------------------*/

#navbar_home a {
	width: 139px;
	height: 34px;
	display: block;
	float: left;
	background: url('images/nav_home.jpg');
}

#navbar_home a:hover {
	background: url('images/nav_home_hover.jpg');
}

#navbar_hosting a {
	width: 128px;
	height: 34px;
	display: block;
	float: left;
	background: url('images/nav_hosting.jpg');
}

#navbar_hosting a:hover {
	background: url('images/nav_hosting_hover.jpg');
}

#navbar_support a {
	width: 128px;
	height: 34px;
	display: block;
	float: left;
	background: url('images/nav_support.jpg');
}

#navbar_support a:hover {
	background: url('images/nav_support_hover.jpg');
}

#navbar_login a {
	width: 128px;
	height: 34px;
	display: block;
	float: left;
	background: url('images/nav_login.jpg');
}

#navbar_login a:hover {
	background: url('images/nav_login_hover.jpg');
}

#navbar_right {
	width: 257px;
	height: 34px;
	background: url('images/nav_right.jpg');
	float: left;
}

/*------------------------Left Content-------------------*/

#left_column {
	padding: 0px 0px 15px 30px;
	width: 502px;
	float: left;
}

#left_column p {
	margin: 10px 0px 10px 0px;
	font-size: 0.7em;
}

#left_column h5 {
	margin: 10px 0px 10px 0px;
}

#left_column h3 {
	margin-bottom: 10px;
}

#left_column h2 {
	padding: 7px 0px 10px 0px;
	font-size: 0.8em;
	text-align: center;
}

#left_column li {
	margin-bottom: 5px;
}

#left_column ol {
	margin: 0px 0px 25px 30px;
	font-size: 0.7em;
}

#left_column ul {
	margin: 10px 0px 0px 0px;
	list-style: none;
}

#left_column ul.smalltext {
	font-size: 0.7em;
}

#left_column p img {
	padding-top: 10px;
}

/*------------------------Tables-------------------*/

table.front_top {
	margin: auto;
	width: 450px;
	font-size: 0.7em;
}

.front_top td {
	padding: 3px;
}

table.front_bottom {
	margin: auto;
	width: 450px;
	font-size: 0.7em;
}

.front_bottom td {
	padding: 3px 15px 3px 15px;
}

td.bottom_head {
	text-align: center;
}

table.plans {
	width: 470px;
	font-size: 0.7em;
}

td.plan_header {
	padding: 6px;
	background: #C9E3C0;
	border: 1px solid white;
}

td.plan_option {
	padding: 5px;
	width: 40%;
	background: #F0F0F0;
	border: 1px solid white;
}

td.plan_list, td.plan_list_head {
	padding: 5px;
	width: 20%;
	text-align: center;
}

td.plan_list_head {
	padding: 8px 5px 8px 5px;
	border: 1px solid white;
	background: #F0F0F0;
}

td.plan_list_head a {
	color: #000000;
}

td.plan_empty {
	width: 40%;
}

/*------------------------Middle Content-------------------*/

#middle_column {
	padding: 25px 0px 15px 30px;
	width: 720px;
	float: left;
	font-size: 0.7em;
}

#middle_column li {
	list-style: none;
	padding: 3px;
}

#content_top {
	width: 502px;
	height: 26px;
	background: url('images/content_top.jpg') no-repeat;
}

#content_top_text {
	padding: 7px 0px 0px 35px;
	font-weight: bold;
	color: #616A71;
}

#content_top_text_front {
	padding: 7px 0px 0px 35px;
	font-weight: bold;
	font-size: 0.7em;
	color: #616A71;
}

#content {
	padding: 10px 15px 15px 15px;
	clear: both;
	border: 1px #CCCCCC solid;
	text-align: justify;
}

/*------------------------Right Content-------------------*/

#right_column {
	padding: 0px 0px 15px 20px;
	width: 210px;
	float: left;
}

.plan_top {
	margin: 5px 0px 0px 0px;
	width: 202px;
	height: 27px;
	background: url('images/plan_top.jpg') no-repeat;
}

#plan_top_basic, #plan_top_standard, #plan_top_advanced {
	font-weight: bold;
	font-size: 0.7em;
	color: #616A71;
	clear: both;
}

#plan_top_basic {
	padding: 8px 0px 0px 85px;
}

#plan_top_standard {
	padding: 8px 0px 0px 70px;
}

#plan_top_advanced {
	padding: 8px 0px 0px 69px;
}

.plan_bottom {
	margin: 0px 0px 15px 0px;
	width: 202px;
	height: 31px;
	clear: both;
	background: url('images/plan_bottom.jpg') no-repeat;
}

.plan_bottom_text {
	padding: 10px 0px 0px 65px;
	font-weight: bold;
	font-size: 0.6em;
	color: #616A71;
}

.plan_bottom_text a {
	color: #616A71;
}

#plan1, #plan2, #plan3 {
	width: 202px;
	height: 90px;
	float: left;
	font-size: 0.7em;
}

#plan1 ul, #plan2 ul, #plan3 ul {
	padding: 6px 0px 0px 25px;
}

#plan1 li, #plan2 li, #plan3 li {
	list-style: none;
}

#plan1 {
	background: url('images/plan1.jpg');
}

#plan2 {
	background: url('images/plan2.jpg');
}

#plan3 {
	background: url('images/plan3.jpg');
}

#applications {
	margin-bottom: 10px;
	text-align: center;
}

/*------------------------Footer-------------------*/

#footer {
	width: 780px;
	height: 40px;
	clear: both;
	background: #FFFFFF url('images/footer.jpg');
}	

#footer_text {
	padding: 15px 0px 0px 0px;
	font-size: 0.7em;
	color: #909090;
	text-align: center;
}

/*------------------------Misc-------------------*/

img {
	border-style: none;
}

a {
	color: #909090;
}

a:hover {
	text-decoration: none;
}

.space {
	margin: 15px 0px 15px 0px;
}

/*------------------------Client Area-------------------*/

.heading {
	font-size: 18px;
	font-weight: normal;
	color: #65A5E6;
}

.wrapper {
	width: 730px;
	border: 0px;
	padding: 5px;
	border-collapse: collapse;
	background-color: #ffffff;
	margin: auto; 
}

table.topnavbar {
	width: 100%;
}

tr.topnavbar {
	background-color: #efefef;
	font-weight:bold;
	text-align: center;
}

tr.topnavbar a {
	color: #909090;
}

tr.topnavbar a:hover {
	text-decoration: none;
}

.clientarealinks a {
	color: #909090;
}

.clientarealinks img {
	margin: 3px;
}

table.frame {
	width: 100%;
	border: 1px solid #CCCCCC;
}

.fieldarea {
	background-color: #EFF2F9;
	text-align: right;
}

.clientareatable {
	width: 100%;
	background-color: #cccccc;
}

tr.clientareatableheading {
	background-color: #efefef;
	font-weight: bold;
	text-align: center;
}

tr.clientareatableactive {
	background-color: #ffffff;
	text-align: center;
}

tr.clientareatablepending {
	background-color: #ffffcc;
	text-align: center;
}

tr.clientareatablesuspended {
	background-color: #ccff99;
	text-align: center;
}

tr.clientareatableterminated {
	background-color: #ff9999;
	text-align: center;
}

tr.supportticketsheading {
	background-color: #efefef;
}

tr.supportticketscontent {
	background-color: #ffffff;
}

.contentbox {
	width: 75%;
	text-align: center;
	background-color: #f7f7f7;
	border: 1px dashed #cccccc;
	padding: 5px;
	margin: auto; 
}

.errorbox {
	border: 1px dashed #CCCCCC;
	font-weight: bold;
	background-color: #FBEEEB;
	text-align: center;
	width: 90%;
	padding: 10px;
	color: #cc0000;
	margin: auto; 
}

.domaincheckeravailable {
	color: #669900;
}

.domaincheckerunavailable {
	color: #cc0000;
}

tr.orderheadingrow {
	background-color: #5AB9F1;
	color: #ffffff;
}

tr.orderrow1 {
	background-color: #E8F0F9;
	color: #000000;
}

tr.orderrow2 {
	background-color: #D6E4F6;
	color: #000000;
}