/*
	Heart Cooks Brain Global Styles
	----------------------------------
	Brent Smith | http://www.heartcooksbrain.com

	HCB v2 - October 2008
*/

/* Class Lib */

.clear {
	clear: both;
}
.center {
	text-align: center;
}

/* Page-wide styles */
body {
	background-image: url(../gui/backgrounds/darkbluestripes.gif);
	background-repeat: repeat;
	background-attachment: fixed;
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #26344a;
	font-size: 14px;
}

/* Default link styles */
a:link {
	color: #00aeef;
	text-decoration: none;
	border-bottom: dashed 1px #00aeef;
}
a:visited {
	color: #008BBF;
	text-decoration: none;
	border-bottom: dashed 1px #008BBF;
}
a:hover, a:active {
	color: #f24d99;
	text-decoration: none;
	border-bottom: dashed 1px #f24d99;
}
.nolinkborder a, .nolinkborder a:link, .nolinkborder a:visited, .nolinkborder a:hover, .nolinkborder a:active, a.nolinkborder {
	border: 0px !important;
}

/* Heading Styles */
h1 {
	font-size: 24px;
	font-weight: bold;
	color: #000000;
}
h2 {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}
h3 {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
h4 {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
	.h4-class { /*same as h4 heading by without margins/padding and usable in fieldsets and other elements */
		font-size: 14px;
		font-weight: bold;
		color: #000000;
	}
h5 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
h6 {
	font-size: 10px;
	font-weight: bold;
	color: #333333;
}

/* General Typography */
.eyecatchsm {font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; }

/* Global container styles */

	/* Header -- hcbheader.inc.php */
	#hcb-loginslider-cont {
		display: none;
		width: 100%;
		height: 150px;
	}
	#loginlink {
		width: 825px;
		margin: 5px auto -16px auto;
		text-align: right;
		padding-right: 35px;

	}
		#loginlinktext a, #loginlinktext a:visited {
			color: #FFFF00;
			text-decoration: none;
			border: 0px;
			font-size: 12px;
			font-weight: bold;
		}
		#loginlinktext a:hover, #loginlinktext a:active {
			text-decoration: none;
			color: #f24d99;
			border: 0px;
			font-size: 12px;
			font-weight: bold;
		}
	#hcbheader {
		background-image: url(../gui/static/header.png);
		height: 145px;
		width: 860px;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
	}
	#navbar { /* navbarlogic.inc.php to set nested css */
		height: 30px;
		width: 352px;
		margin-top: 6px;
	}

	/* Default page content container */
	#hcbpagecontainer {
		width: 760px;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		background-image: url(../gui/static/pagefill.png);
		background-repeat: repeat-y;
		padding-left: 50px;
		padding-right: 50px;
		padding-top: 10px;
		padding-bottom: 10px;
	/*	clear: both;  */
		min-height: 650px;
	}
		/* subcontainer for offset content */
		.insetcontainer {
			padding-top: 0px;
			padding-right: 0px;
			padding-bottom: 0px;
			padding-left: 15px;
		}

	/* Page footer -- hcbfooter.inc.php */
	#hcbfooter {
		clear: both;
		height: 45px;
		width: 860px;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		background-image: url(../gui/static/footer.png);
		text-align: center;
		padding-top: 35px;
		background-repeat: no-repeat;
		color: #666666;
		font-size: 12px;
	}
	#hcbfooter a, #hcbfooter a:visited {
		color: #CCCCCC;
		text-decoration: none;
		border-bottom: 0px;
	}
	#hcbfooter a:hover,#hcbfooter a:active {
		color: #FFFFFF;
		text-decoration: none;
		border-bottom: dashed 1px #FFFFFF;
	}
	#hcbheader #hcbnavbar-cont {
		float: right;
		width: 352px;
		margin-top: 30px;
		margin-right: 25px;
		margin-bottom: 13px;
		margin-left: auto;
		height: 102px;
	}

/* Side bar styles */
/* TODO: There was a typo, must fix on all templated page and remove below id */
#hcb-sidebarcont {
	width: 186px;
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}
	#hcb-sidebartitlebar {
		background-image: url(../gui/sidebar/sidebartitle.png);
		margin: 0px;
		height: 21px;
		width: 176px;
		text-align: left;
		padding-top: 5px;
		padding-left: 10px;
		font-size: 14px;
		color: #FFFFFF;
		font-weight: bold;
	}
	.hcb-sidebarwraptitlebar {
		background-color: #5D3712;
		margin: 0px;
		height: 21px;
		width: 176px;
		text-align: left;
		padding-top: 5px;
		padding-left: 10px;
		font-size: 14px;
		color: #FFFFFF;
		font-weight: bold;
	}
		.hcb-sidebarfill {
			background-image: url(../gui/sidebar/sidebarfill.png);
			margin: 0px;
			width: 166px;
			padding-top: 10px;
			padding-left: 10px;
			padding-right: 10px;
		}
			.hcb-sidebarfill a:link, .hcb-sidebarfill a:visited {
				color: #6A359F;
				text-decoration: none;
				border: 0px;
				font-size: 12px;
				padding-left: 0px;
			}
			.hcb-sidebarfill a:hover, .hcb-sidebarfill a:active {
				text-decoration: none;
				color: #f24d99;
				border: 0px;
				font-size: 12px;
				padding-left: 0px;
			}
				.hcb-sidebar-arrow {
					font-size: 14px;
				}
	#hcb-sidebarfooter {
		background-image: url(../gui/sidebar/sidebarfooter.png);
		margin: 0px;
		height: 15px;
		width: 186px;
	}

/* Page Banners */

#hcbhostingbanner, #hcbcontactbanner, #hcbserverstatusbanner, #hcbservicesbanner, #hcbmissionstatementbanner,
#hcbserviceagreementsbanner, #hcbprivacypolicybanner, #hcbknowledgebasebanner, #hcbsupportbanner, #hcbnewsbanner {
	margin-top: -10px;
	margin-left: -10px;
}

/* Ajax tools tip default style / TODO: Replace tools type code, its still buggy
.ajaxtooltip {
    position: absolute; /*do not edit
    display: none; /*do not edit
    width: 300px;so
    left: 0; /*do not edit
    top: 0; /*do not edit
    background: grey;
    border: 2px solid black;
    padding: 5px;
    font-size: 12px;
    color: white;
} */

/* Ajax tools tip default style / TODO: Replace tools type code, its still buggy */
.ajaxtooltip {
    position: absolute; /*do not edit*/
    display: none; /*do not edit*/
    width: 300px;so
    left: 0; /*do not edit*/
    top: 0; /*do not edit*/
    background-color: #ab8b6a;
    -moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
	border: solid 2px #37200a;
    padding: 8px;
    font-size: 12px;
    color: white;
}
/* change cursor to suggest ajac tool-tips */
.helpmouse {
cursor: help;
}

/* "Popup Box" styles -- */
.popup {
	height: 400px;
	width: 491px;
	margin-top: 200px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
	.popuptitlebar {
		height: 23px;
		width: 421px;
		background-image: url(../gui/popup/popuptitlebar.png);
		background-repeat: no-repeat;
		padding: 24px 35px 5px 35px;
		color: #FFFF6F;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
	}
	.popupfill {
		background-image: url(../gui/popup/popupfill.png);
		background-repeat: repeat-y;
		width: 421px;
		padding: 5px 35px 5px 35px;
		text-align: center;
	}
	.popupbottom {
		background-image: url(../gui/popup/popupbottom.png);
		height: 30px;
		width: 491px;
		background-repeat: no-repeat;
		vertical-align: bottom;
	}

.fieldset1 {
	padding: 15px;
	margin-left: 5px;
	border: solid 2px #CCCCCC;
	width: 650px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

/*
#hostingtable{
    height: 366px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
	border: solid 2px #000000;
	background-color:#CCCCCC;
	color: #000000;
}
.hostingtablesmalltext {
	font-size: 12px;
	font-style: normal;
}
.hostingtablegreenheading {
	color: #33CC00;
	font-weight: bold;
}
.hostingtableyellowheading {
	color: #FFFF00;
	font-weight: bold;
}
.hostingtablecharcoalcell {
	color: #FFFFFF;
	background-color: #666666;
}
.hostingtablewhitetext {color: #FFFFFF;}
.hostingtabletinytext {font-size: 10px}
#hostingtable, #planguide {
	font-family: Geneva, Arial, Helvetica, sans-serif !important;
	font-size: 16px !important;
}

.hostingtablegreycell {
	background-color: #999999;
	color: #000000;
}
*/
/* Start hosting plan table/plan guide styles
   TODO: Edit to match new color scheme better*/
#hostingtable{
    height: 366px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
	border: solid 2px #37200a;
	background-color: #fff2cf;
}
.hostingtablesmalltext {
	font-size: 12px;
	font-style: normal;
}
/* next 2 ids are swiched values to ids for testing */
.hostingtableyellowheading {
	color: #ff6517;
	font-weight: bold;
}
.hostingtablegreenheading {
	color: #fdf22f;
	font-weight: bold;
}
.hostingtablecharcoalcell {
	color: #FFFFFF;
	background-color: #5d3712;
}
.hostingtablewhitetext {color: #FFFFFF;}
.hostingtabletinytext {font-size: 10px}
#hostingtable, #planguidetable {
	font-family: Geneva, Arial, Helvetica, sans-serif !important;
	font-size: 16px !important;
	color: #000000;
}

.hostingtablegreycell {
	background-color: #ab8b6a;
	color: #000000;
}
/* End hosting plans table styles */

#planguidetable {
    width: 600px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
	border: solid 2px #37200a;
	background-color: #fff2cf;
}

/* Begin zFeeder styles, used on entry page for headline feed */

#headlineboxcont {
	margin: auto;
	width: 720px;
}
#headlineboxtitlebar {
	background-image: url(../gui/headlinebox/headlineboxtitlebar.png);
	height: 18px;
	width: 700px;
	padding: 5px 10px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
}
#headlineboxfill {
	background-image: url(../gui/headlinebox/headlineboxfill.png);
	background-repeat: repeat-y;
	width: 716px;
	padding: 0px 2px;
}
  #headlineboxfeed-cont { }

	.headlineboxfeed-entrycont {
		padding: 5px 10px;
	}
	.headlineboxfeed-entrycont:hover {
		padding: 5px 10px;
		background-color: #FFCC66;
	}
	/* the news publication date part in the css template */
	.headlineboxfeed-datecont {
		color: #999999;
    font-size: 10px;
	}
	/* the news title part in the css template */
	.headlineboxfeed-titlecont {
		font-weight: bold;
	}
	.headlineboxfeed-titlecont a {
		text-decoration: none;
		border: 0px;
	}
#headlineboxfooter {
	height: 20px;
	width: 700px;
	padding: 0px 10px;
	background-image: url(../gui/headlinebox/headlineboxfooter.png);
	text-align: right;
}
#headlineboxfooter a {
	text-decoration: none;
	border: none;
}

/* Styles for Server Status Page */

#serverstatus-cont {
}
	#server1-colcont {
		float: left;
		width: 370px;
	}
		#server1-servicetable-cont { }
			#server1servicetable {
				background-color: #603913;
				border: 2px #603913 solid;
				-moz-border-radius-topleft: 10px;
				-webkit-border-top-left-radius: 10px;
   			border-top-left-radius: 10px;
			}
  		#server1latestfeed-cont {
  			clear: both;
  		}
			.server1latestfeed-entrycont {
				padding: 0px;
				margin: 5px auto;
				background-color: #603913;
				width: 366px;
				border: 2px #603913 solid;
				-moz-border-radius-topleft: 10px;
				-webkit-border-top-left-radius: 10px;
    			border-top-left-radius: 10px;
			}
				.server1latestfeed-titlecont {
					font-weight: bold;
					font-size: 12px;
					padding: 2px 8px;
					color: #00aeef;
				}
					.server1latestfeed-titlecont a {
						text-decoration: none;
						border: 0px;
					}
				.server1latestfeed-datecont {
					color: #999999;
    				font-size: 10px;
    				padding-bottom: 2px;
    				padding-left: 15px;
    				color: #FFFFFF;
				}
				.server1latestfeed-entrytextcont {
					font-size: 12px;
					background-color: #FDEEC6;
					padding: 5px;
 				 }
  					.server1latestfeed-entrytextcont p:first-child {
						margin-top: 0px;
 					 }
					 .server1latestfeed-entrytextcont p:last-child {
						margin-bottom: 0px;
 					 }

	#server2-colcont {
		float: right;
		width: 370px;
	}
		#server2-servicetable-cont { }
			#server2servicetable {
				background-color: #603913;
				border: 2px #603913 solid;
				-moz-border-radius-topright: 10px;
				-webkit-border-top-right-radius: 10px;
  	 			border-top-right-radius: 10px;
			}
  		#server2latestfeed-cont {
		  	clear: both;
  		}
			.server2latestfeed-entrycont {
				padding: 0px;
				margin: 5px auto;
				background-color: #603913;
				width: 366px;
				border: 2px #603913 solid;
				-moz-border-radius-topright: 10px;
				-webkit-border-top-right-radius: 10px;
    			border-top-right-radius: 10px;
			}
				.server2latestfeed-titlecont {
					font-weight: bold;
					font-size: 12px;
					padding: 2px 8px;
					color: #00aeef;
				}
					.server2latestfeed-titlecont a {
						text-decoration: none;
						border: 0px;
						}
				.server2latestfeed-datecont {
					color: #999999;
    				font-size: 10px;
    				padding-bottom: 2px;
    				padding-left: 15px;
    				color: #FFFFFF;
				}
				.server2latestfeed-entrytextcont {
					font-size: 12px;
					background-color: #FDEEC6;
					padding: 5px;
 				 }
  					.server2latestfeed-entrytextcont p:first-child {
						margin-top: 0px;
 					}
					 .server2latestfeed-entrytextcont p:last-child {
						margin-bottom: 0px;
					}

#servercol-divider { /* dep */
	margin: auto;
	width: 10px;
}
.servernamebanners { margin-bottom: 5px; }
#server1latestalerts-cont, #server2latestalerts-cont  {
	margin-top: 10px;
}
.serveralerts-subscribelink-cont {
	float: right;
	height: 50px;
	width: 50px;
	margin-bottom: 5px;
}
	.serveralerts-subscribelink-cont a {
		border: none;
	}
.serverfeeddesc {
	font-size: 12px;
	width: 275px;
	margin-top: -10px;
	margin-bottom: 10px;
}
.serverfeedfooter {
	text-align: right;
	padding-right: 10px;
}