﻿/*
********************************
************ RESETS ************
********************************
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
h1, h2, h3, h4, h5, h6
{
    float: none !important;
}
body {
	line-height: 1;
	font-family:arial;
	font-size: 12px;
	color:#005DAD;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
a:link, a:visited, a:active
{
    color:#005DAD;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
	color: #005DAD;
}
.clear
{
    clear: both;
}
.left
{
    float: left;
}
.right
{
    float: right;
}
h2
{
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.1em;
    margin-bottom: 10px;
}
#wrapper
{   position:relative;
    width: 779px;
    height: 459px;
    padding: 10px;
    background: transparent url('../../images/main_bg.jpg') no-repeat;
    margin: 0 auto;
}
.products
{
    position:absolute;
    top: 220px;
    left:0px;
    z-index: 99;
}
.e4uLogo
{
    position: absolute;
    top: 35px;
    left: 35px;
}
.footer
{   position: absolute;
    bottom: 25px;
    color: #66CCFF;
    font-size: 9px;
    text-align: center;
    width: 80%;
    left: 60px;
}
.footer a:link, .footer a:visited
{
    color: #66CCFF;
    text-decoration:underline;
}
.footer a:hover
{
    color: #FFFFFF;
}
.form_Container
{
position: absolute;
    top: 38px;
    right:30px;
    width: 431px;
    height: 385px;
    padding: 15px;
    background: transparent url('../../images/form_bg.png') no-repeat;
}
.form_Container_blank
{
position: absolute;
    top: 38px;
    right:30px;
    width: 431px;
    height: 385px;
    padding: 15px;
    background: transparent url('../../images/form_bg_blank.png') no-repeat;
}
.defaultText { width: 300px; color: #005DAD; }
.defaultTextActive { color: #a1a1a1; }

.defaultPage
{
    font-size:14px;
    font-weight:bold;
    left:35px;
    line-height:1.3;
    position:absolute;
    top:40px;
    width:300px
}

.defaultPage h2
{
    text-indent: -99999px;
    text-transform: capitalize;
    width: 280px;
    height: 58px;
    background: transparent url('../../images/niceTry.gif') no-repeat;
    vertical-align: bottom;
    margin-bottom: 5px;
}
.defaultLast
{
    text-indent: -99999px;
    text-transform: capitalize;
    width: 255px;
    height: 82px;
    background: transparent url('../../images/inactive_btm.gif') no-repeat;
}

/* form styles*/
#EntryFormContainer
{
    
    width: 355px;
    overflow-y: auto;
    min-height: 377px;
    height: 375px;
}
#EntryForm
{   
    width: 300px;
    margin-left: 23px;
}
#EntryForm h2
{
    text-indent: -99999px;
    text-transform: capitalize;
    width: 288px;
    height: 86px;
    background: transparent url('../../images/entryHeading.gif') no-repeat;
    vertical-align: bottom;
    margin-top: 15px;
    margin-bottom: 5px;
}
#EntryForm .fieldWrapper
{
    margin: 0px 0px 3px;
    padding: 0px;
}

#EntryForm .fieldWrapper input
{
    border: solid 1px #005DAD;
    padding: 2px;
}
#EntryForm label
{
    display: block;
}
#EntryForm .fieldWrapper span
{
    display: none !important;
}
#EntryForm .fieldWrapper select
{
    border: solid 1px #005DAD;
    color: #666666;
}
#EntryForm .submitBn
{   margin-top: 10px;
    display: block;
    border: none !important;
    padding: 0px;
    text-indent: -999px;
    text-transform: capitalize;
    width: 157px;
    height: 24px;
    background: transparent url('../../images/submitBtn.png') no-repeat;
}
#EntryForm #ctl00_ContentPlaceHolder1_Register1_txtFirstName,
#EntryForm #ctl00_ContentPlaceHolder1_Register1_txtLastName,
#EntryForm #ctl00_ContentPlaceHolder1_Register1_txtEmail
{
    width: 276px;
}
#EntryForm #ctl00_ContentPlaceHolder1_Register1_txtCity,
#EntryForm #ctl00_ContentPlaceHolder1_Register1_txtAddress,
#EntryForm #ctl00_ContentPlaceHolder1_Register1_txtAddress2
{
    width: 130px;
}
#EntryForm #ctl00_ContentPlaceHolder1_Register1_txtZip
{
    width: 63px;
}
#EntryForm #ctl00_ContentPlaceHolder1_Register1_dlState
{
    width: 60px;
}
#EntryForm .required
{
    color: #005DAD;
    margin-bottom: 4px;
    display: block;
}
#EntryForm .CaptchaContainer
{
    float: left;
    margin-right: 8px;
}
#EntryForm .captcha
{
    border: solid 1px #005DAD;
    margin-bottom: 5px;
}
#EntryForm .captchaInput
{
    margin-top: 4px;
}
#legal
{
    position:absolute;
    top: 25px;
    left: 35px;
    height: 350px;
    width: 405px;
    overflow-y: scroll;
}
#legal p
{
    margin-bottom: 10px;
}

.thankuPage
{
    font-size:14px;
    font-weight:bold;
    left:35px;
    line-height:1.3;
    position:absolute;
    top:40px;
    width: 300px;
}
.thankuPage h2
{
    text-indent: -99999px;
    text-transform: capitalize;
    width: 300px;
    height: 30px;
    background: transparent url('../../images/thanks4coming.gif') no-repeat;
    vertical-align: bottom;
}
.thankuPage p
{
    margin-bottom: 20px;
}
.close
{
    font-size: 11px;
    font-weight: bold;
    margin-top: 35px;
    display: block;
}
.missingPage
{   position: absolute;
    top: 150px;
    left: 80px;
    width: 300px;
    text-align: center;
}
.missingPage h2
{   text-indent: -99999px;
    text-transform: capitalize;
    width: 300px;
    height: 70px;
    background: transparent url('../../images/404.gif') no-repeat;
    vertical-align: bottom;
}
/* admin style */
#adminHeader
{
    width: 100%;
    background-color: #3374AB;
    padding-top: 20px;
    position: relative;
}
#adminHeader h1
{
    color: #ffffff;
    margin-bottom: 20px;
}
#adminHeader .user
{
    color: White;
    position: absolute;
    top: 30px;
    right: 10px;
}
#adminHeader .user a:link,
#adminHeader .user a:visited
{
    color: White;
} 
#adminHeader .adminNav
{
    height: 20px;
    background-color: #528EBD;
}
#adminHeader .adminNav ul
{
    margin: 0px;
    padding: 0xp;
   
}
#adminHeader .adminNav li
{
    display: inline;
}
#adminHeader .adminNav li a
{
    padding: 3px 10px;
    border-right: solid 1px #ffffff;
}
#adminform
{
    width: 500px;
    padding: 10px;
    margin: 0 auto;
}
#adminform h2
{
    text-align: center;
    margin-bottom: 20px;
}
#adminform .fieldWrapper
{
    margin-bottom: 4px;
}

#adminform .fieldWrapper input
{
    border: solid 1px #005DAD;
    padding: 3px;
    color: #666666;
}
#adminform fieldset
{
    border: solid 1px #005DAD;
    padding: 10px;
    margin-bottom: 10px;
    margin-top: 25px;
    background-color: #F4F7F9;
}
#adminform legend
{
    font-size:15px;
    font-weight:bold;
    margin-left:190px;
    text-align:center;
    padding: 0 10px;
}
#adminform .inline
{
    display:block;float:left;padding-top:5px;width:100px;
}
.Message
{
color:#EB8F00;
display:block;
font-size:14px;
font-weight:bold;
margin-top:20px;
margin-bottom:20px;
text-align:center;
}
#adminform .date
{
margin-right:5px;
width:150px;
}
#adminFooter
{
    border-top: solid 2px #528EBD;
    padding: 10px 0px;
    margin-top: 20px;
    text-align: center;
}
/* Table style */
table {
    border-top:1px solid #e5eff8;
    border-right:1px solid #e5eff8;
    margin:1em auto;
    border-collapse:collapse;
}
th 
{
    background:#e5eff8;
    text-align:center;
    color:#3374AB;
    font-size: 1.4em;
    font-weight: bold;
    padding: 6px 6px 6px 12px;
}
td {
    color:#678197;
    border-bottom:1px solid #e5eff8;
    border-left:1px solid #e5eff8;
    padding: 6px 6px 6px 12px;
    text-align:center;
}

.validation-summary
{
	margin: 5px 0 10px 0;
	padding: 10px;
	font-size: 16px;
	color: #000;
	border: 4px solid #fed;
}

.validation-summary ul, .validation-summary ul li
{
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 12px;
	color: #e00;
}

.validation-summary ul li
{
	margin: 2px 0 7px 20px;
	list-style-type: square;
	background-image: none;	
}

.failed-validation { color: #f00; }
label.required     { font-weight: bold; }



input.error  { background: #fed; border: 1px solid #e00 !important; }
select.error { background: #fed; border: 1px solid #e00; }
span.error
{
	width: auto;
	color: red;
	display: block;
}

#ctl00_ContentPlaceHolder1_AdminValidationSummary ul
{
    margin: 0 0 20px 65px;
    
}
#ctl00_ContentPlaceHolder1_AdminValidationSummary li
{
    list-style-type: disc;
    margin-bottom: 5px;
}
#loginForm
{
    width: 300px;
    margin: 80px auto 100px;
    padding: 10px;
    background-color: #FFFFCC;
}
#loginForm .inner
{
    background-color:#FFFFFF;
    border:1px solid #FFCC66;
    padding:15px;
}
#loginForm h3
{
    font-size: 16px;
    margin-bottom: 15px;
}
#loginForm label
{   
    display: block;
    margin-bottom: 5px;
}
#loginForm .fieldWrapper
{
    margin-bottom: 10px;
}

.scroll-pane 		{ width: 357px; height:375px; overflow-y: auto; padding-right: 10px; }

.jScrollPaneContainer 	{ position: relative; overflow: hidden; z-index: 1; }

.jScrollPaneTrack 		{ position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; width: 40px;
						  background: url(../../images/bare.jpg) top center repeat-y; padding: 3px; }

.jScrollPaneDrag	{ position: absolute; background: url(../../images/heart.png) center center no-repeat;
					  cursor: pointer; overflow: hidden; }