/*global styles*/
* {margin: 0; padding: 0;}
html, body{height: 100%;}
body {
	margin: 0px;
	padding-left: 100px;
	text-align: center;
	background-color: #F1F1F1;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4;
}
a{text-decoration: none; color: #666;}
a:hover{color: #A32626;}
h1, h2, h3, p{padding-left: 10px;}
li{list-style: none;}
img{border-style: none;}
/*containing block*/
#container{
	position: relative;
	margin: -8px auto -28px;
	text-align: left;
	width: 860px;
	min-height: 100%;
	height: 100%;
	height: auto !important;
}

/*header*/
#header{
	width: 625px;
	background-color: #fff;
	padding: 10px 10px 0 10px;
}
#header p{
	position: absolute; 
	top: 100px; 
	right: 226px; 
	z-index: 3; 
	font-size: 12px; 
	line-height: 1.7em; 
	text-align: right;
	font-weight: bold;
}
.top_line{
	position: absolute;
	z-index: 100;
	margin-left: -100px;
	#margin-right: -100px;
	
	width: 100%;
	height: 20px;
	background: url(http://www.heptacube.com/cubeklix/images/top_bar.png) repeat-x;

}
.login{
	position: absolute; 
	top: 130px; 
	right: 230px; 
	font-size: 12px; 
	z-index: 2; 
	padding: 0;}

#navbar{float: right;}

ul#nav {
	position: relative;
	padding: 0;
	margin: 0;
	width: 100%;
}
ul#nav li{display: inline; }
ul#nav li a{
	float: left;
	margin: 0;
	padding: 5px 10px 5px 10px; 
	text-align: center; 
	background-color: #fff;
	color: #000;
	font-weight: bold;
}
ul#nav li a:hover{color: #A32626;}
ul#nav li.active a{background: #ffc800 url(http://www.heptacube.com/cubeklix/images/yellow_stripes.png); color: #fff; margin-top: -1px; padding-top: 6px; z-index: 5;}
ul#nav li.active a:hover{color: #A32626;}

/*right sidebar*/
#sideBar{
	z-index: 5;
	position:relative;
	color: #000;
	background-color: #fff;
	background-image: url(http://cubeklix.com/images/sidebar.png);
	background-position: top left;
	background-repeat: repeat-y;
	width: 240px; 
	text-align: left;
	padding: 5px 10px 5px 0; 
	float: right; 
	margin-top: 52px;
	font-size: 12px;
}
#sideBar a{color: #A32626;}
#sideBar a:hover{#E5E5E5;}
#sideBar .header{display: block; width: 205px; height: 22px; text-align: center; color: #000; margin: -10px 0 -20px 15px; padding: 8px 15px 5px 5px; background-color: #E5E5E5;}
#sideBar .pageFold{position: absolute;margin-top: -30px; width: 250px;}
#sideBar tr td{padding: 5px 10px 0 5px;}
#sideBar tr td img{margin-left: 18px; border-style: none;}
#sideBar tr td b{font-size: 14px;}
#sideBar span{font-size: 16px; font-weight: bold; text-shadow: 2px 2px 5px #333;}
#sideBar b{color: #000;}

/*javascript slider*/
#slider{position: relative; width:645px; height: 200px;}
#slideshow{
	position: absolute;
	width:645px; 
	height: 200px; 
	margin: 0 0 0 -10px; 
	padding: 0;
}
#slideshow .slide{
	background: url(http://cubeklix.com/images/slide_bckgrnd.png) repeat-x top left; 
	margin: 0; 
	padding: 10px; 
	width: 625px; 
	height: 200px;
}
#slideshow .slide img{margin-right: -5px; padding: 0; border-style: none;}

/*main content area*/
#contentArea{
	z-index: 0; 
	width: 625px; 
	height: 100%;
	min-height: 800px; 
	margin: 0; 
	padding: 10px; 
	background-color: #fff;
}

#contentArea h3{color: #000; background: #ffc800 url(http://cubeklix.com/images/yellow_stripes.png); height: 26px; padding: 4px 4px 4px 10px; text-shadow: 2px 2px 5px #333;}
#contentArea h4{padding: 10px; margin-right: 40px;}
#contentArea p{font-size: 14px; margin-right: 40px; padding: 10px;}
#contentArea form{font-size: 12px; padding-left: 10px;}
#contentArea iframe{margin-left: -10px;}
#contentArea .left{width: 350px; float: left; margin: 0; padding: 0;}
#contentArea .right{width: 215px; float: right; margin: 40px 30px 0 0; padding: 0 0 10px 0; border: 1px solid #000; text-align: center;}
#contentArea .left p, #contentArea .below_slider .right p{margin: 0; padding: 10px;}
#contentArea .contact_us div p{margin-right: -40px;}

/*footer*/
.push {height: 20px; clear: both;}
.footer{height: 30px; clear: both; background: url(http://cubeklix.com/images/bottom_bar.png) repeat-x; color: #fff;}
.footer p{padding-top: 13px; font-size: 12px; margin-left: -230px;}
.footer a{color: #eee;}
.footer a:hover{color: #A32626;}

/*predefined styles*/
.clear_float{clear: both;}
.indent{margin: 0 30px 0 20px; font-size: 12px;}
.indent p{font-size: 12px;}
.indent tr td{padding: 0 5px 10px 0;}
.shorten_header{margin-right: 30px; }
.fix_margin{margin-top: -270px;}

/*contact.php*/
.contact_us h3{padding: 0 0 5px 5px;}
.contact_us div{float: left;}
.icon{height: 25px; vertical-align: -6px; padding: 0 5px 0 0;}
.hept_logo{width: 110px; padding: 10px 0 10px 10px;}

/*configureAd.php*/
#AdPreview{width: 200px;}
.words, .wordspub{ padding: 5px 0 5px 0; width: 200px;}
.inputPub{padding: 5px 0 5px 0; width: 220px;}

/*client: logged in*/
.nav_icons{margin: 28px 2px 0 0;}
.nav_icons img{margin: 0;}
.total_credit{position: absolute; top: 5px; right: 165px; width: 150px; text-align: right;}

/*new.php*/
.create_ad{margin: 5px 0 5px 0; width: 200px;}
.preview_ad{position: absolute; top: 186px; right: 285px; word-wrap: break-word;}
.below_hr{margin-top: -5px; font-size: 14px;}
.below_hr td{padding-top: 5px;}

/*account.php*/
.account_info{margin-left: 7px;}

/*stats.php*/
.client_stats{margin: 10px 0 0 5px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; text-align: left;}

/*ads.php*/
.tableHead{margin: 15px 0 0 10px;}
.tableHead a{color: #000;}

/*deposit.php*/
.make_deposit{margin: 2px 0 5px 0;}
.invoices{margin: 10px 0 0 10px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; text-align: center;}

/*mod.php*/
.modify_ad tr td{margin: 0; padding: 0;}

/*terms.php*/
#table_of_contents{padding-left: 5px;}
#table_of_contents a{display: block; margin-left: 5px;}
#table_of_contents h4{padding-left: 5px;}
#terms p{line-height: 1.4; width: 605px;}
.go_to_top {float: right; width: 20px; background: url(http://cubeklix.com/images/arrow_top.png) top no-repeat; font-size: 10px; font-weight: bold; text-align: center; padding-top: 9px; margin: 1px 5px 0 0;}

div.HPCLink {
        float:left;
	padding-right:60px;
	padding-top:8px;
}

/*sitemap.php*/
ul#sitemap{padding: 10px;}