/****************************************
 global
****************************************/
html {
	min-height: 100%; margin-bottom: 1px;
	}

body {
	margin:0 10%; 
	padding:0;
	background:#E6E3C4;
	font:75% Arial, Helvetica, sans-serif;
	color:#000000;
	}
	
#container {	/* contains #header, #content, and #footer */
	margin:0;
	padding:0;
	background:#FFFFFF; 
	color:#000000;
	}	
	
#header {
	margin:5px 0 0 0; 
	padding:0;
	width:100%;
	clear:both; 
	background:url(../images/bgHeader.gif) top left repeat-x;
	text-align:center;
	}
	
#content {
	margin:0;
	padding:1.5em;
	} 
		
#footer {
	margin:0; 
	padding:0; 
	width:100%; 
	clear:both; 
	background:#E6E3C4; 
	color:#000000;
	text-align:center;
	}
h1{position:relative;} /* fixes IE7 disappearing text bug */
/* p{position:relative;}   fixes IE7 disappearing text bug */
/*	header elements ************/	
#header #appname {margin:0; padding:4px 10px 4px 280px; height:42px; background:url(../images/bgAppName.gif) top left no-repeat; color:#FFFFFF; font-size:22px; letter-spacing:.05em; text-align:right;}

/*	footer elements ************/
#footer p {margin:.5em;}
#footer ul {margin:0; padding:0; width:100%; clear:both;} 
#footer li {margin:0; padding:0; display:inline; list-style:none; line-height:2em;}

#footer li a {margin:0; padding:.375em .75em; font-weight:bold; text-decoration:none; color:#FFFFFF;}
#footer li a:hover {color:#FFFFFF; background:#990000;}

#footer ul#app {background:#666699;}
#footer ul#html {background:#333366;}
#footer p#cookies {font-size:80%;}	
#footer p#verisign :hover {background:none;}
#entrust {margin: 0 auto; width: 62px; height: 62px; padding: 2px;}

/*	headings and text ***********/
h1 { font-size:140%; margin-top:0; padding-top:0; }
h2 { font-size:120%; }
h3 { font-size:110%; }
h4 { font-size:100%; }

div.error {margin:1em;}
div.error p {margin:.25em 0;}

/*	links ***********************/
a			{ color:#333366; text-decoration:underline; }
a:hover		{ color:#666699; text-decoration:none; }
a:visited	{ color:#666699; }
a:visited:hover	{ color:#666699; }
a.demo 		{ display:block; margin:0; padding:.75em 0 0 27px; height:35px; background:url(../images/icoDemo.gif) left top no-repeat; }

/*	forms ***********************/
fieldset {width:90%; height:auto; margin:0px auto; padding:1.5em; border:1px solid #CCCCCC;}
fieldset h2 {border-bottom:1px solid #CCCCCC; padding-bottom:.3em; color:#333333;}
legend 	{margin:10px 0; padding:2px 5px; color:#000000; font-weight:bold; background-color:#E6E3C4; border:1px solid #CCCCCC;}
input, select, textarea {font-family:Arial, Helvetica, sans-serif; font-size:100%;}
form p, .form p {margin:.5em 0;}
p label, .label {float:left; clear:left; width:40%; text-align:right; margin-right:1em;}
.nofloat 		{display:inline; float:none; clear:none; width:auto; text-align:left; margin-right:0;}

a.button {padding:5px 10px;}
input.button {padding:4px 6px;}
.button {border:1px solid #999; background:url(../images/bgBtn.jpg) repeat; font-size:90%; font-weight:normal; color:#333366; text-decoration:none;}	
.button:hover {color:#990000; background:url(../images/bgBtn.jpg) repeat; border-color:#990000;}
.button:visited {color:#333366;}
.button:visited:hover {color:#990000; background:url(../images/bgBtn.jpg) repeat;}

/*	tables ***********************/
table {font-size:100%;}
/*	Tag Library */ 
table.taglib td {
	padding:.5em;
}
table.taglib th.sortable {
	padding:.5em;
	background-color:#ccb
}
table.taglib tr.even, table.zebra tr.even {
	background-color:#eee;
}

table.taglib tr.odd {
	background-color:#fff;
}
.table-results {
	font-weight:bold;
}
	
/*	global classes ************/
.error	{ color:#990000; font-weight:bold; } 
.left	{ text-align:left; }
.right	{ text-align:right; }
.center, .middle { text-align:center; }
.certify{ float:none; clear:both; margin:2em auto; width:75%; font-weight:normal; color:#000000; }
.certify label { float:none; clear:none; color:#990000; font-weight:bold; }
.divide { border-bottom:1px dotted #9999CC; padding-bottom:5px; color:#333366; }

.styleguide {font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color:#FF6600;}

.frame {width:90%; margin:0px auto; text-align: left; padding:0 1.5em 1.5em 1.5em; border:1px solid #333366;}
.frame h2 {border-bottom:1px dotted #9999CC; padding-bottom:.3em; color:#333366;}
.plain_wrap {width: 100%; float:none; clear: both; margin-bottom: 1em;}
.plain_wrap h1, .plain_wrap h2 { color: #333366; }

dl.box {float:left; width:49%; margin-bottom:.5em;}	
dl.box dt {font-weight:bold; float:left; clear:left; width:39%; text-align:right;}
dl.box dd {position:relative; left:0; margin-left:41%; width:55%;}

/* float for Netscape and Mozilla-like browsers */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/**************************************** 
 pattern effects
****************************************/
div#accordion {border:1px solid #CCC;}
div#accordion .acctitle {margin:0; padding:.25em .5em; border-bottom:1px solid #FFF;}
div#accordion .acccontent {margin:0; padding:.75em;}

div#ncalendar {display:block; background:#FFF; padding:.25em; text-align:center; border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #666; border-bottom:1px solid #666;}
div#ncalendar div {font-size:120%;}
div#ncalendar strong {margin:0 .25em; cursor:move;} /*Month YYYY*/
div#ncalendar a {font-weight:bold; cursor:pointer;} /*prev, next, close*/
div#ncalendar table {/*border-collapse:collapse;*/ display:block; float:none; clear:both; margin:.5em 0 .25em 0; font-size:100%;}
div#ncalendar table th, div#ncalendar table td {padding:.25em;}
div#ncalendar table th {background:#666; color:#FFFFFF; font-weight:normal;}
div#ncalendar table td {background:#EEE; color:#333366; text-decoration:underline; cursor:pointer;}
div#ncalendar table td:hover {background:#990000; color:#FFF; text-decoration:none;}
div#ncalendar .sunday, div#ncalendar .saturday {background:#CCC;}
div#ncalendar .noday, div#ncalendar .noday:hover {background:none; cursor:default;}

.tool-tip {
	width:250px;
	margin:0; padding:0;
	color:#666;
	background:#F7F5EA;;
	border-right:1px solid #CCC; border-bottom:1px solid #CCC;
	z-index:13000;
}
 
.tool-title {
	padding:.5em;
	font-weight:bold; 
	color:#666;
	background:#EBE7CB;
	border-bottom:;
}
 
.tool-text {
	padding:.5em;
}

 /*if user has javascript, then these will be displayed*/
a.checkall, img.calendar, .hide {display:none;} 

/**************************************** 
 page specific: help and demo
****************************************/
.help #header, .help #footer {display:none;}
.FAQs {margin:0 0 3em 0; padding:0; list-style:none;}
.FAQs li {margin:.5em 0;}
.question {font-weight:bold;}
.answer {margin:0; padding:0 1em;}
.answer ul {margin:0 0 0 1.5em; padding:0;}
.show {margin:0; padding:0;}
.content.answer {margin:0; padding:.5em 1em; background:#EEE;}
.content.answer .hide {font-weight:bold;}/* close button*/
.totop {float:none; clear:both; margin:3em 0;}

/* example pages */
h1.demo {margin:0; padding:.75em 0 0 27px; height:35px; background:url(../images/icoDemo.gif) left top no-repeat;}
p.demonav {margin:0; padding:0; text-align:right;}
p.demonav a.demo {width:8em;}
.demo h1 {float:none; clear:both;}
.demo h2 {border:none;}
.demo h2.center {color:#666666; font-size:120%; font-weight:normal;}
.demo div.screenshot {display:block; float:none; clear:both; margin:0 1% 2em 1%; padding:0; width:98%; text-align:center;}
.demo div.screenshot.float {float:left; clear:none; width:45%;}
.demo div.screenshot.center {margin:1em auto; padding:10px 0; width:620px; background:#666; border:15px solid #999;}
.demo div.screenshot.center img {margin:0; padding:0; border:2px solid #333333;}
.demo div h2 {margin-bottom:.5em;}
.demo div h2 span, .demo div h2 div {font-weight:normal;}

/**************************************** 
 page specific: index
****************************************/
body.index #content, #content div.index {background:url(../images/bgIndexContent.gif) top right no-repeat; height:100%;}
	
.index #features {margin:0; padding:0; float:left; width:55%;}
.index #features h2 {margin:.5em 0 0 1.5em; padding:0; color:#990000; border-bottom:1px solid #990000;}
.index #features p {margin:.5em .5em .75em 1.75em; padding:0;}
.index #currentusers, #newusers {margin:0 0 2em 2em; padding:0; float:left; width:33%; border:1px solid #CCCCCC; background:#FFFFFF;}
.index #currentusers h2, #newusers h2 {margin:0; padding:.35em 1em; font-size:100%; background:#E6E3C4; border-bottom:1px solid #CCCCCC;}
.index #currentusers p, #newusers p {margin:0; padding:1em;}
.index ul {margin:1em 1em 1em 3em; padding:0;}
.index ul li {margin:0 0 .5em 0; padding:0; list-style-image:url(../images/icoStarGold.gif);}	

/****************************************
 page specific: login
 ****************************************/
.login {text-align:center;}
.login h1 {display:none;}
.login form {margin-bottom:1em;}
.login p {margin:0; clear:both;}
.login fieldset {width:60%;}
.login input {margin:0 0 .25em 0; float:left; clear:right;}
.login label {margin:0 .5em 0 0; padding:0; float:left; clear:left; width:40%; text-align:right; font-weight:bold;}
.login input.button {display:inline-block; clear:both; float:none; margin:.5em auto;}
.login br{ clear:both; }
	
/****************************************
 page specific: payment, paymentverification
 ****************************************/
 /* summary of fees */
.due, .paid {font-weight:bold;}
.payment #summary {margin:1em auto 2em auto; padding:0; float:none; clear:both; text-align:right; font-weight:bold; list-style:none;}
.payment #summary li {float:none; clear:both; margin:0; padding:.25em 0;}
.payment #summary li label 	{display:block; float:left; clear:left; text-align:right; width:42%; font-weight:normal;}
.payment #summary li span 	{display:block; float:left; clear:right; text-align:right; width:8em;}
.payment #summary li.due 		{display:block; width:70%; margin:0 auto; border-top:3px double #000; font-size:140%;}
.payment #summary li.due label 	{font-weight:bold; width:38.5%;}
.payment #summary li.due span 	{width:6em;}
.payment div.due {float:none; clear:both; margin-bottom:1em; font-size:140%;}
/* payment information */
.payment h2 {margin:1em 0 .5em 0;}
.payment h3.method {margin:0; padding:.5em; background:#EEEEEE; color:#000000;}
.payment form p.instructions {margin:.5em 0 1.5em 0;}
.payment form p.disclaimer {display:block; float:none; clear:both; width:100%; padding-top:2em;} /* "You will have a chance to verify all payment information before final submission." */

/****************************************
 page specific: confirmation
 ****************************************/
 .confirmation #summary {font-weight:bold;}
 .confirmation .print {margin:2em auto;}
 
 /**************************************** 
 page specific: processing
****************************************/
.processing {text-align:center;}

/**************************************** 
 scal.js calendar styles
****************************************/
/*to get round corners*/
b.rtop{display:block;background: transparent;}
b.rtop b{display:block;height: 1px; overflow: hidden; background: #336}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4{margin: 0 1px;height: 2px}

/*Styles for date picker*/
.floating{ background-color: white;	margin:0px;	border:1px solid #bfcdd4; border-top-color: #336; font-family: Arial;	font-size:12px;	width:225px; /* cellwidth * 7 + cellpadding * 14 + cellborder * 14 */	display:block; padding:0 0 0 0;	min-height:179px; line-height: 1.4em !important;}
.floating:hover{ cursor:pointer;}
.floating .calwrapper{ display:block;}
.floating .calweekswrapper{	display:block; border: solid 1px white;}
.floating .calheader{	display: block;	width:100%;	text-align:center; color:#fff;	font-size:13px;	font-weight: bold; background-color: #336; padding-bottom: 2px;}
.floating .caltitle{ width:auto; margin-left:auto; margin-right:auto;	text-align:center;}
.floating .calcontrol{ font-weight: bold;	width:20px; background: transparent no-repeat center center;}
.floating .calcontrol:hover{}
.floating .calclose{ float:right;	display:block;} /*background-image: url(../images/calendar/close.jpg);*/
.floating .calprevmonth{ float:left;}
.floating .calnextmonth{ float:right;}
.floating .calnextyear{ float:right;}
.floating .calprevyear{ float:left;}
.floating .daybox{ float:left; background-color: #F2F1E6; border:1px solid #ccc;	width:25px;	padding:2px; color:#222;	text-align:center; margin-left: 1px;}
.floating .dayboxvalue{ display: none;}
.floating .dayboxname{ border: 1px solid #EEF3F6; background-color: #fff; color:#222;}
.floating .dayboxsunday{ background-color: #F2F1E6;	border: 1px solid #ccc; margin-left: 0;}
.floating .dayboxsaturday{ background-color: #F2F1E6;	border: 1px solid #ccc;}
.floating .dayinmonth:hover, .floating .dayoutmonth:hover{background-color: #336; color: #fff;}
.floating .dayboxname:hover{}
.floating .dayinmonth{ color:#222;}
.floating .dayoutmonth{	color:gray;}
.floating .dayselected{	background-color: #900; color: white;}
.floating .daycurrent{ border:1px solid #e8eef7;}
.floating .weekbox{	width:100%;	min-height:21px; display:block; background-color: #EEF3F6;}
.floating .endweek{	float:left;}
.floating .weekboxname{ background-color: #EEF3F6;}

.calImg {margin-left: 3px; vertical-align: top; cursor: pointer;}


/*************
*	Accordions
*************/
.acc_toggle {	display: block;	height: 30px;	width: auto;	background-color: #336;	padding: 0 10px 0 10px;	line-height: 30px; color: #fff;	border-bottom: 1px solid #ccc;	cursor: pointer; margin: 0;}
.acc_toggle_active { background-color: #900;}
.acc_content { background-color: #ffffff;	color: #444444;	overflow: hidden;}
.acc_content p { margin: .75em 1em;}

/*************
*	Tool Tips
*************/
.tooltip { position: absolute!important; overflow:hidden;	font-size: 12px; z-index: 10000!important;}
.tooltip .xtop, .tooltip .xbottom { display: block; background: transparent; font-size: 1px; }
.tooltip .xb1, .tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { display: block; overflow: hidden; }
.tooltip .xb1, .tooltip .xb2, .tooltip .xb3 { height: 1px; }
.tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { background: #666; border-left: 1px solid #333; border-right: 1px solid #333; }
.tooltip .xbottom .xb2, .tooltip .xbottom .xb3, .tooltip .xbottom .xb4 { background: #666; }
.tooltip .xb1 { margin: 0 5px; background: #333; }
.tooltip .xb2 { margin: 0 3px; border-width: 0 2px; }
.tooltip .xb3 { margin: 0 2px; }
.tooltip .xb4 { height: 2px; margin: 0 1px; }
.tooltip .xboxcontent { padding: 0 .5em; margin: 0;	color: #000; text-shadow: 2px 2px 0px #CCC; word-wrap:break-word;	border: 1px solid #333; border-width: 0px 1px 0 1px; background-color: #666;}