/****************/
/*"Regular" HTML Codes Go Here*/
/****************/
body
{
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	color: #333333;
	float: left;
	margin: 0px;
	background-image: url(/images/sideground-3.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: 920px 0px;
}

p
{
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	font-size: 10pt;
}

code { font-size: 10pt; }
i { font-style: italic; }
em { font-style: italic; }
b { font-weight: bold; }
strong { font-weight: bold; }

a:link
{
	color: #060;
	text-decoration: none;
	font-weight: bold;
}

a:visited
{
	color: #060;
	text-decoration: none;
	font-weight: bold;
}

a:hover
{
	color: #090;
	text-decoration: underline;
	font-weight: bold;
}

a:active
{
	color: #090;
	text-decoration: underline;
	font-weight: bold;
}

/****************/
/*IDs Go Here*/
/****************/
#sidebar
{
	padding: 13px 10px 10px 10px;
	border-color: #666;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
}

#header
{
	background-image: url(/elacct/images/cctheadbar.gif);
	background-color: #060;
	width: 920px;
	height: 99px;
	border-color: #666;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	font-size: 10pt;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

#nav
{
	color: #006699;
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	font-size: 10pt;
	border-color: #666;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	padding: 30px 10px 0px 15px;
	background-color: #ffffff;
}

#mainbody
{
	background-color: #ffffff;
	padding: 35px 0px 30px 30px;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #666;
	min-height: 750px;
	font-size: 10px;
}

#footer
{
	/*	background-image: url(/images/newfooter-clock.jpg);*/
	width: 920px;
	height: 99px;
	color: #FFF;
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	font-size: 8pt;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #666;
	background-color: #060;
}

#subnav
{
	font-size: 10pt;
	color: #006699;
	text-align: left;
	margin: -10px 0px 25px 0px;
}

#popup
{
	background: #ffffff;
	border-color: #666666;
	border-width: 1px;
	border-style: solid;
	/*
	width: 641px;
	height: 480px;
*/
}

/****************/
/*Classes Go Here*/
/****************/
.altHeading
{
	font-weight: bold;
	font-size: 11pt;
	color: #000000;
}

.altHeading3
{
	font-weight: bold;
	font-size: 11pt;
	color: #000;
}

.altHeading4
{
	font-weight: bold;
	font-size: 14pt;
	color: #069;
	font-style: italic;
}

.pageHeading
{
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16pt;
	color: #000000;
}

.subsectionHeading
{
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	font-weight: normal;
	/*	font-size: 22pt;*/
	font-size: 20pt;
	color: #000000;
}

.code
{
	font-family: courier, courier new, fixed-width;
	font-size: 10pt;
}

.footertext
{
	margin-left: 10px;
	padding: 10px 0px 0px 0px;
}

.redhead
{
	color: #994c00;
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
}

.sideheadline
{
	color: black;
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
}

.sidesmallright
{
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	text-align: right;
	font-size: 10pt;
}

.blueside
{
	background-color: #009900;
	margin: 0px 5px 0px 5px;
	padding: 4px 10px 4px 1px;
}

.blueside .sideheadline
{
	color: #FFFFFF;
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
}

.bluesidep
{
	/*margin-left: 10px;*/
	/*	padding: 0px 20px 0px 0px;*/
	/*padding: 0px 0px 0px 0px;*/
	color: #efffff;
}

.blueside .redhead
{
	color: #FFFFFF;
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
}

.blueside a:link
{
	font-weight: normal;
	text-decoration: none;
	color: #efef00;
}

.blueside a:visited
{
	font-weight: normal;
	text-decoration: none;
	color: #efef00;
}

.blueside a:hover
{
	font-weight: normal;
	text-decoration: none;
	color: #FFFF00;
}

.blueside a:active
{
	font-weight: normal;
	text-decoration: none;
	color: #FFFF00;
}

.goldside
{
	background-color: #009900;
	margin: 0px 5px 0px 5px;
	padding: 4px 10px 4px 1px;
}

.goldside .sideheadline
{
	color: #FFFFFF;
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
}

.goldsidep
{
	/*	margin-left: 10px;*/
	/*	padding: 0px 20px 0px 0px;*/
	/*	padding: 0px 0px 0px 0px;*/
	color: #EFFFFF;
}

.goldside .redhead
{
	color: #FFFFFF;
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
}

.goldside a:link
{
	font-weight: normal;
	text-decoration: none;
	color: #eeee00;
}

.goldside a:visited
{
	font-weight: normal;
	text-decoration: none;
	color: #eeee00;
}

.goldside a:hover
{
	font-weight: normal;
	text-decoration: none;
	color: #FFFF00;
}

.goldside a:active
{
	font-weight: normal;
	text-decoration: none;
	color: #FFFF00;
}

.whiteside
{
	background-color: #FFFFFF;
	margin: 0px 5px 0px 5px;
	padding: 4px 10px 4px 1px;
}

.boldred
{
	font-weight: bold;
	color: #994c00;
	list-style-type: square;
	list-style-position: inside;
}

.ubertable
{
	border-color: #666;
	border-width: 1px;
	max-width: 920px;
	border-style: solid;
}

.pageimage
{
	right: 0px;
	position: relative;
	float: right;
	padding: 15px 0px 15px 15px;
}

#sidebar p
{
	color: #333;
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	font-size: 9pt;
	padding: 0px 0px 0px 0px;
}

#sidebar a { text-align: right; }

#nav p
{
	line-height: 18pt;
	margin: 0px 0px 24px 0px;
}

#nav a:link
{
	text-decoration: none;
	font-weight: normal;
	color: #060;
	font-size: 10pt;
}

#nav a:visited
{
	text-decoration: none;
	font-weight: normal;
	color: #060;
	font-size: 10pt;
}

#nav a:hover
{
	text-decoration: underline;
	font-weight: normal;
	color: #090;
	font-size: 10pt;
}

#nav a:active
{
	text-decoration: underline;
	font-weight: normal;
	color: #090;
	font-size: 10pt;
}

#subnav a:link
{
	color: #060;
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
}

#subnav a:visited
{
	color: #060;
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
}

#subnav a:hover
{
	color: #006699;
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: underline;
}

#subnav a:active
{
	color: #006699;
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: underline;
}

#footer a:link
{
	color: #FFF;
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: underline;
}

#footer a:visited
{
	color: #FFF;
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: underline;
}

#footer a:hover
{
	color: #FFF;
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: underline;
}

#footer a:active
{
	color: #FFF;
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: underline;
}

#header a:link
{
	color: #FFF;
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
}

#header a:visited
{
	color: #FFF;
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
}

#header a:hover
{
	color: #FFF;
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
}

#header a:active
{
	color: #FFF;
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
}

#sidebar p
{
	margin-left: 10px;
	/*	padding: 0px 20px 0px 0px;*/
	padding: 0px 0px 0px 0px;
}

#sidebar a:link
{
	font-weight: normal;
	text-decoration: none;
}

#sidebar a:visited
{
	font-weight: normal;
	text-decoration: none;
}

#sidebar a:hover
{
	font-weight: normal;
	text-decoration: none;
}

#sidebar a:active
{
	font-weight: normal;
	text-decoration: none;
}

#sidebar .iconspot
{
	position: relative;
	left: 37px;
}

#mainbody p { padding: 0px 30px 0px 0px; }

#mainbody li
{
	font-size: 10pt;
	max-width: 450px;
}

#mainbody ul
{
	font-size: 10pt;
	max-width: 450px;
}

#mainbody ol
{
	font-size: 10pt;
	max-width: 450px;
}

#mainbody table
{
	font-size: 10pt;
	max-width: 500px;
}

#mainbody hr
{
	max-width: 510px;
	margin: 0px;
}

#nav.why a#why, #nav.how a#how, #nav.about a#about, #nav.support a#support, #nav.pricing a#pricing, #nav.signup a#signup, #nav.home a#home { color: #999999; }


#footer img { border: 0px; }
#footer .imglink { border: 0px; }

/****************/
/*Demo Things Go Here*/
/****************/
#demomainbody p { padding: 0px 20px 0px 0px; }

#demomainbody ul
{
	font-size: 10pt;
	/*	max-width: 450px;*/
}

#demomainbody ul li
{
	font-size: 10pt;
	/*	list-style-image: url(/images/uparrow.gif);*/
	list-style-type: default;
	list-style-position: default;
	padding: 0 0 10px 0;
}

#demomainbody ul ul li
{
	font-size: 10pt;
	/*	list-style-image: url(/images/uparrow.gif);*/
	list-style-type: default;
	list-style-position: default;
	padding: 5px 0 5px 0;
}

#demosidebar p
{
	font-size: 9pt;
	/*	max-width: 450px;*/
	padding: 0 0 0 5px;
}

#demosidebar ul
{
	font-size: 8pt;
	/*	max-width: 450px;*/
	padding: 0 0 0 5px;
}

#demosidebar ul li
{
	font-size: 8pt;
	list-style-image: url(/images/arrowRight.gif);
	list-style-type: default;
	list-style-position: default;
	padding: 0 0 10px 5px;
}

#demosidebar ul ul li
{
	font-size: 8pt;
	list-style-position: inside;
	list-style-image: url(/images/arrowRight.gif);
	padding: 5px 0px 0px 5px;
	list-style-type: default;
}

#demosidebar ol
{
	font-size: 8pt;
	/*	max-width: 450px;*/
}

#demomainbody table
{
	font-size: 10pt;
	max-width: 600px;
}

#demomainbody hr
{
	max-width: 610px;
	margin: 0px;
}

#demosidebar
{
	padding: 13px 10px 10px 10px;
	border-color: #666;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
}

#demomainbody
{
	background-color: #ffffff;
	padding: 10px 0px 30px 30px;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #666;
	min-height: 295px;
	font-size: 10px;
}

#demonav
{
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	font-size: 10pt;
	border-color: #666;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	padding: 0px 0px 0px 0px;
	background-image: url(/images/demo-leftside.jpg);
	background-repeat: repeat-y;
}

#demofooter
{
	background-image: url(/images/newfooter-clock.jpg);
	width: 920px;
	height: 99px;
	color: #FFF;
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	font-size: 8pt;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #666;
	background-color: #ffffff;
}

* html img#foo
{
	position: relative;
	top: 4px;
}

#demofooter a:link
{
	color: #FFF;
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: underline;
}

#demofooter a:visited
{
	color: #FFF;
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: underline;
}

#demofooter a:hover
{
	color: #FFF;
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: underline;
}

#demofooter a:active
{
	color: #FFF;
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: underline;
}

.ebstep
{
	color: #058;
	font-weight: bold;
	font-size: 20px;
}