/* styles for hbrt
=  ingrid ankerson, ankerson.com
=  february 2008
=============== */

body {
font-size: 90%;
color: #333;
font-family: Arial,  "HelveticaNeue", Helvetica, Sans-Serif;
margin: 0;
}

div, ul, li, p,
h1,h2,h3,h4,h5{
	font-family: Arial,  "HelveticaNeue", Helvetica, Sans-Serif;
	margin: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.access {display: none;}
.clr {clear: both;}
li {list-style-type: none;}

img {border: 0; }

/* General 
=============== */

#wrapper {
text-align: left;
margin: 0;
position: relative;
background: url('art/wrap-l.gif') top left no-repeat;
padding: 0 27px;
margin-top: 0px;
min-width: 809px;
width:810px;
}
#wrapper .wb {
	background: url('art/wrap-r.gif') top right no-repeat;
	width: 816px;
}

#home_copy {
	width:765px;
	height:70px;
	z-index:1;
	margin-left: 40px;
	margin-top:20px;
	line-height:20px;
}

/* Header 
=============== */

#header {
margin-top: 0px;
background: url('art/wrap-t.gif') top left repeat-x;
position: relative;
}

#header #logo a {
	background: url('art/logo.png') top left no-repeat;
	display: block;
	text-indent: -4000px;
	height: 111px;
	width: 517px;
	position: absolute;
	top: 0px;
	left: -37px;
}

#header #logoKS a {
background: url('art/logoKS.png') top left no-repeat;
display: block;
text-indent: -4000px;
height: 99px;
width: 401px;
position: absolute;
top: -44px; left: 0;
}


#header .ht {
height: 111px;
background: url('art/wrap-tr.gif') top right no-repeat;
}


/* Content 
=============== */
#topline {
	position:absolute;
	width:800px;
	height:2px;
	z-index:1;
	top: 123px;
}


#content {
padding: 10px;
}

#wide {
float:left;display: inline;
width: 95%;
}

#main {
float:left;display: inline;
width: 70%;
}

#main .wr {
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	padding-right:10px;
}

.nosidebar #main {
width: 90%;
}
.nosidebar #main p {
max-width: 50em;
}
#content p {
	font-size: .8em;
	line-height:1.8em;
	margin-bottom: 1.3em;
	padding-left: 5px;
	margin-left: 0px;
	padding-right: 5px;
}
#content .callout {
float: left;display: inline;
color: #d87939;
font-weight: bold;
line-height: 1.5em;
width: 160px;
margin: 3px;
font-size:1.3em;
margin-top:5px;
margin-left:0px;
}

#content h1 {
border-bottom:1.5px solid #CCCCCC;
color:#F7831D;
font-size:1.8em;
font-weight:lighter;
margin:0.2em;
margin-bottom:15px;
}

#content h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #666;
	margin: 3px;
	padding-top: 3px;
}

#content h3 {
font-weight: normal;
font-size: 1em;
margin: 1em 0 .5em 0;
}
#content h4 {
	font-size: 1.5em;
	font-weight: normal;
	padding-left: 5px;
	padding-top: 15px;
}

#content h5 {
	font-size: 3em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
}


#content a:link {
color: #000000;
text-decoration: underline;
}

#content a:visited{
color:#000000;
text-decoration: underline;
}

#content a:hover {
color:#990033;
text-decoration: underline;
}
#content a.active {
   font-weight:bold;
   color:#F7831D;
}

#home{
padding: 25px 0px 0px 0px;
width:100%;
}

#home p{
font-size:1.8em;
line-height: 1.5em;
}

#home a:link {
color:#227CA0 ;
font-weight:bold;
text-decoration:none;
}

#home a:visited{
color:#227CA0;
font-weight:bold;
text-decoration:none;
}

#home a:hover {
color:#F7831D;
text-decoration: none;
}
#home a:active{
color:#227CA0;
text-decoration: none;
}


#home img{
border:0;
}
/* Error
=============*/
.error{ color:#FF0000;}
/* Enroll
============ */
#enroll_form {
width: 480px;
margin: 1em;
margin-top:0;
background:#84C600;
}
	

#enroll_form .line-input  {
clear: left;
}

#enroll_form .line-input label {
float: left;
width: 150px;
text-align: right;
padding-right: 10px;
font-weight: normal;
color:#fff;
font-size: small;
margin-left:50px;
}

#enroll_form .line-input_long label {
float: left;
width: 70%;
}

#enroll_form .line-input span {
float: left;
}

#enroll_form .line-input input.text {
   width: 250px;
}
#enroll_form .text,
#enroll_form textarea {
border: 1px solid #999;
padding: 1px;
color: #444;
}

#enroll_form p {
clear: left;
}

#enroll_form p.submit {
text-align: right;
padding: 0 25px ;
}

#enroll_form .top {
background: url(art/enroll_top.gif) top right no-repeat;
height: 30px; overflow: auto;
}

#enroll_form .btm {
background: url(art/enroll_bottom.gif) top right no-repeat;
height: 23px; overflow: auto;
}

#enroll_form .error {
color:#990000;
text-align:center;
padding: 0 20px 0 20px;
}

#error p {font-size:.8em;}
#error h2{    font-size:1.2em; color:#FFF;}
#error {
   color:#FF0000;
   font-size:1em;
   font-weight:bold;
   margin:30px;
   margin-top:5px;
   margin-bottom:5px;
   border:1px solid #f00;
   background-color:#FF7979;
   padding:5px;
   margin:0 auto;
   width:90%;
}
#message h2{    font-size:1.2em; color:#333;}
#message {
   color:#333;
   font-size:1em;
   font-weight: normal;
   margin:30px;
   margin-top:5px;
   margin-bottom:5px;
   border:1px solid #666;
   background-color:#DDD;
   padding:5px;
   margin:0 auto;
   width:90%;
}

/* Sidebar
============ */

#sidebar {
float: right;
width: 27%;
margin: 0;
}
#sidebar ul li {
font-size: 1em;
line-height: 2em;
}

#sidebar a:link { color: #227CA0; text-decoration: none; }
#sidebar a:visited { color: #227CA0; text-decoration: none; }
#sidebar a:hover { color: #F7831D; text-decoration: none;  }
#sidebar a:active { color: #F7831D; text-decoration: none; }

#sidebar a.active { color: #F7831D;   text-decoration: none; }

/* two-block login page 
========== */
#content.login  {
	width: 770px;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 15px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 50px;
}
#content.login #main {
	width: 375px;
	background-image: url(/style/art/child_title.png);
}

#content.login #main .wr {
background: url(/style/art/content.png) top left repeat-y;
}
#gadget_launch {
	padding-bottom: 10px;
	background-image: url(/style/art/child.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#gadget_launch h3 {
	height: 120px;
	text-indent: -4000px;
	margin: 0;
	background-image: url(/style/art/child.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#gadget_launch .gadgets {
	min-height: 180px;
	background-image: url(/style/art/child_gadgets.png);
	background-repeat: repeat-y;
	background-position: 0px bottom;
}

#gadget_launch #tips {
background: url(art/tips.png) top left no-repeat;
height: 40px;
text-indent: -4000px;
margin: 10px 0 0 15px;
}
#gadget_launch p {
margin: 0 20px;
line-height: 1.3em;
font-size: 1.2em;
}

#gadget_launch #message-from {
background: url(art/message-from.png) top left no-repeat;
height: 30px;
text-indent: -4000px;
margin: 20px 0 0px 10px;
}
#pricing_table { border:1px solid #000; font-size:0.8em; border-collapse:collapse;}
#pricing_table th{ background-color: #84C600; color:#FFF;}
#pricing_table td{ padding:3px; text-align:center;}

.admin_table { border:1px solid #000; font-size:0.8em; border-collapse:collapse;}
.admin_table th{ background-color: #84C600; color:#FFF;}
.admin_table td{ padding:3px; text-align:center;}

.inputText{ border:1px inset #333; }
.inputButton{ border:1px outset #333; color:#F7831D; }

#sidebar.block {
	display: inline;
	width: 375px;
	background-image: url(/style/art/parent_title.png);
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0;
	padding-left: 0px;
}
#login_table p{
padding-left:25px;
padding-right:25px;
margin-bottom:5px;
}
#login_table label{
padding-left:25px; 
}
#login_table  .Welcome{ padding-left:25px; }
#Email2{ padding-left:25px; }
#login_table input.text {
border:1px solid #444444;
float:left;
margin-bottom:5px;
padding-bottom:0;
}
#login_form {
	background-color: #227CA0;
	padding: 15px 30px 5px 15px;
	background-image: url(/style/art/content.png);
	background-image: url(/style/art/login.png);
	padding: 10px;
	margin:0 auto;
}
#login_form p {
	clear: left;
	margin:0;
	padding:3px;
	border-bottom: 0;
	margin-top:10px;
	line-height:20px;
}
#login_form p, 
#login_form h5 {
color: #fff; font-size:small;
}
#login_form h5 {
	font-size: 1em;
	color: #000000;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
#login_form label {
	float: left;
	width: 8em;
	color: #FFCC11;
}
#login_form input.text {
	border: 1px solid #444;
	float: left;
	padding-bottom: 0px;
	margin-bottom: 5px;
}

#login_form .submit {
	background-color:#227CA0;
	border: 1px solid #FFF;
	padding:3px;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
	/* background-image: url(/style/art/login_button.png); */
}

#login_form .error { color:#FFFF00; font-weight:bold; padding:5px;}

#login_form a:link{ color:#FFF; text-decoration: underline; }
#login_form a:visited{ color:#FFF; text-decoration: underline; }
#login_form a:hover{ color:#FFF; text-decoration: none; }
#login_form a:active{ color:#FFF; text-decoration: underline; }

#form_url{ margin-left: -2000px; float: left;  }

#sidebar .st {
	background-image: url(/style/art/content.png);
	background-repeat: repeat-y;
	background-position: left top;
}

#sidebar .section {
clear: left;
padding: 10px 20px;
border-bottom-style: dotted;
	border-right-color: #CCCCCC;
}

#sidebar .centered {
	text-align: left;
	border-bottom-style: dotted;
	border-right-color: #CCCCCC;
}
#sidebar .base {
	border: none;
	background-image: url(/style/art/content_bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* Image Bullets
============ */
div.bullet {
padding-left: 100px!important;
min-height:70px;
}

div.bullet h2 {
color: #227ca0!important;
font-weight: normal!important;
font-size: 1.3em!important;
}
#content .bullet h2 a:link{ color: #227ca0 !important; font-weight: normal !important; text-decoration: none;}
#content .bullet h2 a:visited{ color: #227ca0 !important; font-weight: normal !important; text-decoration: none;}
#content .bullet h2 a:hover{ color: #F7831D !important; font-weight: normal !important; text-decoration: none; }
#content .bullet h2 a:active{ color: #227ca0 !important; font-weight: normal !important; text-decoration: none;}

#bullet-demo{
background: url(art/gadget_tour.jpg) top left no-repeat;
}

#bullet-whatis {
background: url(art/bullet-what.gif) top left no-repeat;
}

#bullet-why {
background: url(art/bullet-why.gif) top left no-repeat;
}
#bullet-pricing {
background: url(art/bullet-pricing.gif) top left no-repeat;
}
#bullet-features {
background: url(art/bullet-features.gif) top left no-repeat;
}
#bullet-questions {
background: url(art/bullet-questions.gif) top left no-repeat;
height:68px;
}

/* Footer
=============== */

#footer {
	margin: 2em 0em;
	margin-right:2em;
	/* border-top: 1px solid #ccc; */
	clear: both;
	padding: .5em 0 1em;
	height: 2.5em;
	background-position: bottom;
	font-size:x-small;
}
#copyright {
margin: 0;
margin-top: 2em;
margin-left: 2em;
font-size:x-small;
color: #666;
width:200px;
float:left;
}
#footer ul {
margin-top: 2em;
float: right;
}
#footer ul li {
display: inline;
color: #666;
margin-right: .5em;
}
#footer ul li a {
color: #666;
text-decoration: none;
margin-right: .4em;
margin-left: .4em;
font-size:x-small;

}
#footer ul li a:link{color:#666666; text-decoration: none;}
#footer ul li a:visited{color:#666666; text-decoration: none;}
#footer ul li a:hover{ text-decoration: underline; color:#666666; }
#footer ul li a:active{color:#666666; text-decoration: none;}

#numbered_list {padding-left:10px; margin:10px; margin-left:0px;}
#numbered_list li{margin-left:30px; list-style-type: decimal; font-size:1em; line-height:1.5em;}
#not_numbered_list {padding-left:10px; }
#not_numbered_list li{margin-left:30px; list-style-type:disc; font-size:0.8em;}

/* Report Table
====== */
#report {
margin: 0 50px;
}
#report table {
border-collapse: collapse;

}
#report table td {
padding: 5px;
}