/*	Stylesheet for HLRSE and BlueToast */

/*
	Vertical Gradient Primary Colors
		Lightest	#2573b5
		Medium	#154369
		Darkest	#10334f
		Gray		#1a1a1a
*/

/*
	Horizontal Gradient Primary Colors
		Blue			#2c5881
		Blue-Light		#3272b0
		Green		#03ad00
		Green-Light		#02e200
		Red			#ad0020
		Red-Light		#e20028
		Pink			#812c3c
		Pink-Light		#b03248
		Orange		#81552c
		Orange-Light	#b07032
		Yellow		#a1ad00
		Yellow-Light	#d0e200
*/

/*
	SubSpace Font Styles
		font-size: 12px;
		font-family: verdana, arial, helvetica, sans-serif;
	
	SubSpace Font Primary Colors
		White	#bdb5b5
		Green	#5ace4a
		Blue		#9c9ce7
		Red		#ce0808
		Yellow	#ffc631
		Purple	#ad6bf7
		Orange	#f78c18
		Pink		#efb5b5
		Gray		#666666
	
	SubSpace Other Colors
		????		#002300
		????		#008000
		????		#005000
		????		#122c12
*/

/*
	cPanel Login Form
	
	<form action="http://www.hlrse.net:2082/login/" method="post">
		<input type="hidden" name="login_theme" value="" />
		<input type="text" name="user" />
		<input type="password" name="pass" />
		<input type="submit" value="Login" />
	</form>
*/

div, img, span { behavior: url(iepngfix.htc); }

* {
	margin: 0;
	padding: 0;
}

a:active, a:link, a:visited {
	color: #eee;
	text-decoration: none;
}

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

a.paypal_verified img {
	border: none;
	float: left;
	margin-right: 10px;
}

body, html {
	height: 100%;
	position: relative;
	z-index: 0;
}

html { background: #00396a url(images/body.png) center; color: #eee; }

.background-dark {
	background: #10334f;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: -1;
}

.background-dark-left {
	background: url(images/sprites.png) repeat-y -700px;
	bottom: 0;
	left: 0;
	position: absolute;
	top: 0;
	width: 350px;
}

.background-dark-modified {
	background: #10334f;
	height: 100%;
	position: absolute;
	left: 40px;
	right: 40px;
	z-index: -1;
}

.background-dark-modified-left {
	background: url(images/sprites.png) repeat-y -740px;
	bottom: 0;
	left: 0;
	position: absolute;
	top: 0;
	width: 350px;
}

.background-dark-modified-left-corner {
	background: url(images/sprites_dark_corners.png) no-repeat bottom left;
	height: 100%;
	left: -40px;
	position: absolute;
	width: 40px;
}

.background-dark-right {
	background: url(images/sprites.png) repeat-y -1050px;
	bottom: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 350px;
}

.background-dark-modified-right {
	background: url(images/sprites.png) repeat-y -1010px;
	bottom: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 350px;
}

.background-dark-modified-right-corner {
	background: url(images/sprites_dark_corners.png) no-repeat bottom right;
	height: 100%;
	right: -40px;
	position: absolute;
	width: 40px;
}

.background-gray {
	background: #1a1a1a;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: -1;
}

.background-gray-left {
	background: url(images/sprites.png) repeat-y -2100px;
	bottom: 0;
	left: 0;
	position: absolute;
	top: 0;
	width: 350px;
}

.background-gray-modified {
	background: #1a1a1a;
	height: 100%;
	position: absolute;
	left: 40px;
	right: 40px;
	z-index: -1;
}

.background-gray-modified-left {
	background: url(images/sprites.png) repeat-y -2140px;
	bottom: 0;
	left: 0;
	position: absolute;
	top: 0;
	width: 350px;
}

.background-gray-modified-left-corner {
	background: url(images/sprites_gray_corners.png) no-repeat top left;
	height: 100%;
	left: -40px;
	position: absolute;
	width: 40px;
}

.background-gray-modified-left-corner-reverse {
	background: url(images/sprites_gray_corners.png) no-repeat bottom left;
	height: 100%;
	left: -40px;
	position: absolute;
	width: 40px;
}

.background-gray-modified-right {
	background: url(images/sprites.png) repeat-y -2410px;
	bottom: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 350px;
}

.background-gray-modified-right-corner {
	background: url(images/sprites_gray_corners.png) no-repeat top right;
	height: 100%;
	right: -40px;
	position: absolute;
	width: 40px;
}

.background-gray-modified-right-corner-reverse {
	background: url(images/sprites_gray_corners.png) no-repeat bottom right;
	height: 100%;
	right: -40px;
	position: absolute;
	width: 40px;
}

.background-gray-right {
	background: url(images/sprites.png) repeat-y -2450px;
	bottom: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 350px;
}

.background-light {
	background: #2573b5;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: -1;
}

.background-light-left {
	background: url(images/sprites.png) repeat-y 0;
	bottom: 0;
	left: 0;
	position: absolute;
	top: 0;
	width: 350px;
}

.background-light-modified {
	background: #2573b5;
	bottom: 81px;
	position: absolute;
	top: 163px;
	width: 100%;
	z-index: -1;
}

.background-light-right {
	background: url(images/sprites.png) repeat-y -1750px;
	bottom: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 350px;
}

.background-medium {
	background: #154369;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: -1;
}

.background-medium-left {
	background: url(images/sprites.png) repeat-y -350px;
	bottom: 0;
	left: 0;
	position: absolute;
	top: 0;
	width: 350px;
}

.background-medium-right {
	background: url(images/sprites.png) repeat-y -1400px;
	bottom: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 350px;
}

.bar {
	cursor: default;
	height: 40px;
}

.bar ul, .bar li {
	margin: 0;
	text-align: center;
}

.bar li {
	display: inline;
	font-size: 16px;
	line-height: 40px;
	list-style-type: none;
	padding: 0 5px;
}

.bodyshadowleft {
	background: url(images/sprites.png) repeat-y -2825px;
	left: -24px;
}

.bodyshadowleft-bottom {
	background: url(images/sprites_shadow_corners.png) no-repeat top right;
	bottom: -40px;
}

.bodyshadowleft-top {
	background: url(images/sprites_shadow_corners.png) no-repeat bottom right;
	top: -40px;
}

.bodyshadowleft,.bodyshadowright {
	bottom: 107px;
	position: absolute;
	top: 113px;
	width: 25px;
	z-index: -2;
}

.bodyshadowleft-bottom, .bodyshadowleft-top {
	height: 40px;
	position: absolute;
	width: 25px;
}

.bodyshadowright {
	background: url(images/sprites.png) repeat-y -2800px;
	right: -25px;
}

.bodyshadowright-bottom {
	background: url(images/sprites_shadow_corners.png) no-repeat top left;
	bottom: -40px;
}

.bodyshadowright-top {
	background: url(images/sprites_shadow_corners.png) no-repeat bottom left;
	top: -40px;
}

.bodyshadowright-bottom, .bodyshadowright-top {
	height: 40px;
	position: absolute;
	width: 25px;
}

.box, .box2 {
	border: 1px solid #000;
	margin: 1px 0;
	text-align: justify;
}

.box h1 {
	border-bottom: 1px solid #000;
	font-size: 20px;
	font-weight: normal;
	line-height: 20px;
	margin: 0;
	text-indent: 5px;
}

.box p {
	font-size: 16px;
	line-height: 16px;
	margin: 0;
	padding: 5px;
}

.box ul, .box ol {
	margin-left: 20px;
	margin-right: 5px;
}

.box-h1-blue { background: url(images/sprites2.png) repeat-x 0 0; }

.box-h1-green { background: url(images/sprites2.png) repeat-x 0 -22px; }

.box-h1-orange { background: url(images/sprites2.png) repeat-x 0 -88px; }

.box-h1-pink { background: url(images/sprites2.png) repeat-x 0 -66px; }

.box-h1-red { background: url(images/sprites2.png) repeat-x 0 -44px; }

.box-h1-yellow { background: url(images/sprites2.png) repeat-x 0 -110px; }

.box-blue { background: #001328; }

.box-green { background: #002801; }

.box-orange { background: #281500; }

.box-pink { background: #280006; }

.box-red { background: #280006; }

.box-yellow { background: #232800; }

.box2 {
	background: #10324f;
	padding: 3px;
}

.box2 p {
	margin-left: 14px;
	margin-right: 14px;
	text-align: justify;
}

.box2-blue {
	background: #2f6ca7 url(images/sprites_quarter_circle.png) no-repeat top left;
	min-height: 75px;
	position: relative;
}

.box2-blue div {
	background: url(images/sprites2.png) repeat-x 0 -132px;
	height: 73px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.box2-blue span {
	background: url(images/sprites_webhosting.png) no-repeat center;
	display: block;
	height: 72px;
	margin: 0 auto;
	padding-top: 20px;
	width: 560px;
}

.burst { padding-bottom: 40px; }

.content {
	margin: 0;
	padding: 10px;
	position: relative;
}

.content a:active, .content  a:link, .content  a:visited { font-style: italic; }

.footer {
	border-top: 1px solid black;
	bottom: 40px;
	left: 0;
	position: absolute;
	width: 100%;
}

.footer p {
	margin: 0;
	line-height: 40px;
	text-align: center;
	font-size: 12px;
}

.header { border-bottom: 1px solid #3b3c3d; }

.header-modified { border-top: 1px solid #3b3c3d; }

.header, .navigation1, .navigation2 { position: relative; }

.navigation1 { border-bottom: 1px solid black; }

.navigation2 { border-bottom: 1px solid black; }

.postwrapper {
	background: black url(images/space.png) bottom center;
	border-top: 3px solid gray;
	height: 110px;
	left: 0;
	margin-top: -110px;
	right: 0;
	width: 100%;
}

.prewrapper {
	background: black url(images/space.png) top center;
	border-bottom: 3px solid gray;
	height: 110px;
	left: 0;
	margin-bottom: -116px;
	right: 0;
	width: 100%;
}

.title {
	background: url(images/title.png) no-repeat center;
	height: 40px;
	position: relative;
}

.wrapper {
	height: auto !important;
	margin: 0 auto;
	min-height: 100%;
	position: relative;
	max-width: 1024px;
	min-width: 735px;
	width: 80%;
	z-index: 1;
}