/* ---------- Elements ---------- */
a {color: #028;}
body {background-color:#fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; margin: 0px 10px;}

h1, .head {font-size: 18px; font-weight: bold; color: #000;}
h2, .head2 {font-size: 18px; font-weight: bold; color: #340; margin: 0px;}
h3, .subhead {font-size: 14px; font-weight: bold; color: #000; margin: 0px; margin-bottom: 3px; padding-bottom:0px;}
.subsubhead {font-size: 11px; font-weight: bold;}
h4 {font-size: 12px;}
h5, .subhead2 {font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}

hr {border: 0px; width: 100%; border-bottom: 1px solid #000; clear: both; margin: 0px; padding-top: 20px;}
li {margin-left: -1.4em; margin-bottom: 7px;}

th {border-bottom: 1px solid #000; vertical-align: bottom;}
th, .subhead {font-size: 14px; font-weight: bold; text-align: left;}


/* ---------- Header ---------- */
#bar {margin: 0px auto; width: 700px; border: none; padding: 1px 0px; background-color: #790; border: 2px solid #790; vertical-align: top; text-align: right;}
#bar .header {padding: 3px 6px; font-size: 12px; font-weight: bold; color: #fff; text-align:left; }
#bar .step-present, #bar .step-past, #bar .step-future {padding: 3px 6px; margin: 0px -2px;}
#bar .step-present {background-color: #790;}
#bar .step-future {color: #340;}
#bar a {color: #fff; font-size: 11px;}
#bar .linksList {text-align:right; display: inline;}

#logo {position: absolute; left: 0px; top: -22px; width: 400px; z-index: 5; text-align: left;}

#nav {position: relative; width: 700px; margin: 26px auto 0px auto; text-align: right;}

#servicenav {padding: 5px; background-color: #bce; border: solid 1px #89b; margin-bottom: 10px;}
#servicenav h4 {margin: 0px; margin-bottom: 3px;}
#servicenav p {font-size: 11px; margin: 0px; padding: 4px;}
#servicenav .active {font-weight: bold; background-color: #89c;}

/* ---------- Structural ---------- */
.actiontable, .actiontable table {background-color: #deb; width: 100%; border: none;}
.actiontable h2, .actiontable h3 {color: #000;}
.actiontable td, .actiontable table td {padding: 1px 2px;}
.actiontable .header {font-size: 11px; font-style: italic; text-align:left;}
.actiontable .actionButton input {background-color: #deb;}

.browser, .standardForm {background-color: #eee; border-top: solid #000 1px;}
.browser .browser {background-color: #FFF;}
.browser th {font-size: 14px; text-align: left; background-color: #fff; padding: 5px;}
.browser td, .standardForm td {padding: 5px;}
.browserselected, .browserselected td {background-color: #ddd;}

.box {background-color: #bce; border: solid 1px #89b; padding: 4px;}

.categoryColumn, .category {width: 220px; height: 120px; margin: 15px 5px 0px 5px; float: left;}

.content {width:700px; margin:12px auto;}

.container {background-color: #FFF; border: solid #000 1px;}

#footer {width: 700px; margin: auto; margin-top: 40px; text-align: center; font-size: 11px; clear: both;}

.info {background-color: #deb; padding: 3px; border: 2px solid #790;}

.pageAction {margin-top: 20px; clear: both; text-align: center;}

.sidebar {width: 50%; padding-right: 20px; float: left; background-color: #fff;}

/* ---------- List ---------- */
.list {background-color: #eee; border-top: solid #fff 1px;}
.list th {font-size: 12px; font-weight: bold; background-color: #fff; border-bottom: solid #000 1px; padding: 3px;}
.list td {padding: 3px; border-bottom: solid #fff 2px; vertical-align: top;}
.list .spacer {background-color: #fff;}
.list input {background-color: #eee;}

.linksList {margin: 0px; text-align: center;}
.linksList li {margin: 0px; padding: 6px; display: inline; list-style: none;}

.overline td {border-top: solid #000 1px;}
.underline td, .underline th {border-bottom: solid #000 1px;}


/* ---------- */
.calendar_hide {CURSOR:default ; TEXT-DECORATION: none}
.calendar {color:#000; background-color:#fff}
.calendar a {font-weight:bold;}
.calendar td {padding: 3px;}
.calendar .today {background-color: #deb;}
.calendar .head td {font-weight:bold; font-size:14px;}
.calendarNav a {text-decoration: none;}
.calendarNav a:hover {text-decoration: underline;}
.calendar .calendarNav {font-weight: bold; vertical-align:bottom;}
.calendar .dayHeader { color:#000; background-color:#ccc; font-size:10px;}
.calendar .otherMonth {background-color:#eee;}
.calendar .selected {background-color:#790;color:#000;}
.calendar .title {font-size: 14px; font-weight:bold; background-color:#fff;}
.sptable .calendar {border: 1px solid #000;}

.divider {border-left: solid #666 1px;}
.error, .alert {font-weight: bold; color: #900;}
.intro, .intro p {font-size: 14px;}

.printonly-inline {display: none;}

.news .date {font-size:10px; font-weight:bold; color:#A30;}

.popup {COLOR: #028; CURSOR: hand; TEXT-DECORATION: none}

.promo {margin-top: 6px; clear: both; float: right; font-size: 14px; text-decoration: none;}

.promo td {border: 0px; padding: 0px; margin: 0px;}

.small {font-size: 10px;}
.smallprint {font-size: 10px; color: #666}

.subtotal {background-color: #eee; border-bottom: solid #000 1px;}
.total {background-color: #ccc; font-weight: bold;}


/* ---------- Admin Login ---------- */
.adminactiontable {  background-color: #ddd; color: #000; }
.adminactiontable td { color: #000; font-size: 10px;}
.adminactiontable a:link { color: #009}
.adminactiontable a:hover { color: #339}
.adminactiontable a:visited { color: #339}

.admintab {font-weight:bold;}
.admintab .on {background-color: #B5B5B5;}
.admintab .off {background-color: #EEEEEE;}

.admintable {  background-color: #fff; color: #000; }
.admintable td { color: #000; font-size: 10px;}
.admintable a:link { color: #009}
.admintable a:hover { color: #339}
.admintable a:visited { color: #339}


/* ---------- SP Login ---------- */
.spactiontable {background-color: #deb; color: #000; font-size: 11px; padding:3px;}
.spactiontable td {color: #000; font-size: 11px;}

.spactiontable2 {PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 13px; FONT-FAMILY: Courier New, Courier, Mono; PADDING-BOTTOM: 3px; COLOR: #000; PADDING-TOP: 3px; BACKGROUND-COLOR: #deb}
.spactiontable2 TD {FONT-SIZE: 13px; COLOR: #000}

.spdatatable {border: 0px solid #000;}
.spdatatable tr td {border-bottom: 1px solid #000;}
.spdatatable .header td {font-weight:bold;}
.sptable .spdatatable .header td {}
.spdatatable .footer td {border-bottom: none}

.sptab {font-weight:bold;}
.sptab img {vertical-align:middle; margin-top:-1px;}
.sptab a {text-decoration:none;}
.sptab .on {background-color: #e6e6e6;}
.sptab, .sptab .off {background-color: #ccc;}

.sptable {background-color: #e6e6e6; color: #000;}
.sptable td {color: #000; font-size: 11px; padding: 5px;}
.sptable a:link {color: #009}
.sptable a:hover {color: #339}
.sptable a:visited {color: #339}

.signupnav {width:700px; margin: 6px auto;}
.signupnav td {text-align: center; padding: 3px;}
.signupnav .off {border-bottom: solid 4px #ccc;}
.signupnav .on {border-bottom: solid 4px #27c;}


@media print 
{
	body, .body, .content {width: auto; margin: 0px;}
	.subtotal {border-bottom: none; font-weight: bold;}
	.total {border-top: 1px solid;}
	#nav, #bar, .noprint, #footer .linksList {display:none}
	#nav #logo {display:inline; background-color:#790}
	a:link {color:#000}
	a:visited {color:#000}
	
	.printonly-inline {display: inline;}
	
	.sptable {background-color:#fff;}
	
	.sptab {border-bottom: solid 1px #000;}
	.sptab .on {border: solid 1px #000; border-bottom: none;}
}




/* new styles 11/7/05 */


.features {
width: 100%;
overflow: hidden;
float:left;
margin-top: 10px;
margin-bottom: 10px;

}

.features img {
float:left;
margin-right: 15px;
}

.features h2 {
color: #000000;
font-size: 18px;
font-weight: bold;
margin-top: 0;
margin-bottom: 10px;
}

.features ul {
list-style-type: none;
padding: 0;
margin: 0;
float:left;

}

.features li
{
background-image: url(images/features_bullet.gif);
background-repeat: no-repeat;
background-position: 4px;
padding-left: 35px;
margin-bottom: 10px;
margin-left:0;
height: 19px;
}


/* checkout table */

.checkout_table, .total_table
{
	border: solid 1px #595959;
	border-collapse: collapse;
	rules: all;
	width: 100%;
	
}

.checkout_table td, .total_table td
{
	padding: 5px;
	border: solid 1px #595959;
	
}

.checkout_table th
{
	border-bottom: solid 1px #595959;
	border-left: #C4DF9B;
	border-right:  #C4DF9B;
	background-color: #C4DF9B;
	padding: 3px 5px;
	font-size: 12px;
}

.total_table, .total_table td
{
	border: none;
}

/* form table */

.form_table_out, .total_table_out 
{
	border: solid 1px #595959;
	background-color: #eeebea;
	border-collapse: collapse;
	rules: all;
	width: 100%;
	padding: 10px;
	
	
}

.form_table_out th
{
	border: solid 1px #595959;
	background-color: #c4df9b;
	padding: 3px 5px;
	font-size: 12px;
}

.form_table_out td, .total_table_out  td
{
	border: none;
	padding: 3px 5px;
	font-size: 12px;
}

.form_table_in
{
	border: none;
	border-collapse: collapse;
	background-color: #eeebea;
	padding: 0;
	font-size: 12px;
}

.form_table_in td, .total_table_in td
{
	border: none;
	border-collapse: collapse;
	background-color: #eeebea;
	padding: 0;
	font-size: 12px;
}

.form_table, .total_table
{
	border: none;
	border-collapse: collapse;
	rules: all;
	width: 100%;
	
}

.form_table td, .total_table td
{
	padding: 5px;
	border: none;
	
}

.form_table th
{
	border: none;
	background-color: #C00000;
	padding: 3px 5px;
	font-size: 12px;
}