﻿body {
	background: url(../Pictures/images/shell_blue_bg.jpg) #4c7094 repeat-x;
    text-align: center;
	margin-top: 14px;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 62.5%;
}

#body
{	
	margin: 0 auto 0 auto;
	height: 610px;
	width: 962px;
	background-image: url(../Pictures/images/Background.gif); 
	text-align: left;
	position: relative;
}

.bodyHome 
{	
	margin: 0 auto 0 auto;
	height: 603px;
	width: 962px;
	background-image: url(../Pictures/images/BackgroundHome2.png);
	background-repeat:no-repeat;
	text-align: left;
	position: relative;
	
}

#cdeLogo
{
	position: absolute;
	left: 19px;
	top: 19px;
	margin: 0; padding: 0;
}

#cdeLogo a
{
	display:block;
	width:94px; height:103px;
	margin:0; padding:0;
	background: url(../Pictures/images/CdeLogo.png) top left no-repeat;
	text-decoration: none;
}

#cdeLogo span
{
	display: none;
}

#clctNasdaqLogo
{
	position: absolute;
	left: 125px;
	top: 91px;
	margin: 0; padding: 0;
}

#clctNasdaqLogo a
{
	display:block;
	width:52px; height:31px;
	margin:0; padding:0;
	background: url(../Pictures/images/ClctNasdaqLogo.png) top left no-repeat;
	text-decoration: none;
}

#clctNasdaqLogo span
{
	display: none;
}

#tag
{
	position: absolute;
	left: 119px;
	top: 32px;
	width:537px; height:55px;
	margin:0; padding:0;
	background: url(../Pictures/images/IntroBanner3.png) top left no-repeat;
}

#tag span
{
	display: none;
}

#nav
{
	position: absolute;
	left: 186px;
	top: 106px;
	margin: 0; padding: 0;
	display: inline; width:450px;
}

#nav li
{
	display: inline;
	list-style-type: none;
	padding: 0 4px 0 4px;
	border-left: 1px solid #6a6a69;
}

#nav li.first
{
	border-left: none;
}

#nav a:link, #nav a:visited
{
	color: #6a6a69;
	text-decoration: none;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
}

#nav a:hover
{
	text-decoration: underline;
	color: #b30b10;
}


#banner
{
	position: absolute;
	left: 19px;
	top: 127px;
	width:631px; height:80px;
	margin:0; padding:0;
	background: url(../Pictures/images/IntroBanner-New.png) top left no-repeat;
	z-index: 1;
}

#banner span
{
	display: none;
}

#contest
{
	position: absolute;
	left: 19px;
	top: 132px;
}

#contest img
{
	border-style: none;
}

#register
{
	position: absolute;
    left: 19px;
    top: 211px;
    height: 380px;
    width: 631px; 
    background: #0066cc url(../Pictures/images/RegisterBackground.jpg) no-repeat left top;
    
}

#registerFree
{
	position: absolute;
	left: 26px;
	top: 54px;
	width:186px; height:23px;
	margin:0; padding:0;
	background: url(../Pictures/images/JoinFree.gif) top left no-repeat;
}

#registerFree span
{
	display: none;
}

#selection
{
	position: absolute;
	left: 42px;
	top: 120px;
	width:145px; height:67px;
	margin:0; padding:0;
	background: url(../Pictures/images/Selection.gif) top left no-repeat;
}

#selection span
{
	display: none;
}

#more
{
	position: absolute;
	left: 72px;
	top: 200px;
}

#more a
{
	text-decoration: underline;
	font-weight: bold;
}

#more a:link, #more a:visited 
{
	color: #b30b10;
}

#more a:hover
{
	color: White;
}

#rewardCard
{
	position: absolute;
	left: 46px;
	top: 237px;
	margin: 0; padding: 0;
}

#rewardCard img
{
	border-style: none;
}

#registerNow
{
	position: absolute;
	left: 25px;
	top: 40px;
	margin: 0;
	padding: 0;
	background-color: black;
	width: 200px;
}
.JoinNowHome
{
	left: 14px;	
	position: relative;
}
#VideoDemoButton
{
	position: absolute;
	left: 39px;
	top: 270px;
	margin: 0; padding: 0;
}
#registerNow img
{
	border-style: none;
}

#orderOnline
{
	position: absolute;
	left: 315px;
	top: 50px;
	width:287px; height:18px;
	margin:0; padding:0;
	background: url(../Pictures/images/OrderOnline.gif) top left no-repeat;
}

#orderOnline span
{
	display: none;
}

#gcalCertified
{
	position: absolute;
	left: 345px;
	top: 78px;
	width:257px; height:15px;
	margin:0; padding:0;
	background: url(../Pictures/images/gcalCertified.gif) top left no-repeat;
}

#gcalCertified span
{
	display: none;
}
#GetMoreInfo
{
	text-align: right;
	position: absolute;
	right: 30px;
	top: 85px;
	direction: rtl;
}
#confidence
{
	text-align: right;
	position: absolute;
	right: -10px;
	top: 130px;
	direction: rtl;
}

#confidence li
{
	list-style-image: url(../Pictures/images/Bullet.gif);
	margin: 0 0 8px 0;
	font-size: 11px;
}

#confidence a
{
	text-decoration: underline;
}

#confidence a:link, #confidence a:visited
{
	color: White;
}

#confidence a:hover
{
	color: #b30b10;
}

#gcal
{
	position: absolute;
	left: 449px;
	top: 281px;
}

#gcal a
{
	display:block;
	width:152px; height:52px;
	margin:0; padding:0;
	background: url(../Pictures/images/Gcal.gif) top left no-repeat;
	text-decoration: none;
}

#gcal span
{
	display: none;
}

/***************************************************************************\
 *
 * Log In home page
 *
\***************************************************************************/

.LoginFormDiv
{	
	position: absolute;
	left: 656px;
	top: 31px;
	height: 174px;
	width: 287px;
	background: url(../Pictures/images/LoginBackground.png) no-repeat left top;
}

.LoginFormTable
{
	text-align: right;
	margin-right: 41px;
	margin-left:19px;
	margin-top:8px;
}

.LoginP
{
	padding: 0;
	margin: 0 0 10px 0;
}

.LoginInput
{
	width: 140px;
}

#Login a
{
    margin-right: 32px;
	margin-left:19px;
}

#Login a:link, #login a:visited
{
	color: #6a6a69;
}

#Login a:hover
{
	color: #b30b10;
}


.RememberMeCheckBox
{
    margin-left:15px;
    color: #6a6a69;
}

.MemberLogin
{
	width:81px; height:11px;
	margin: 23px 0 0 19px; padding:0;
	background: url(../Pictures/images/MemberLogin.gif) top left no-repeat;
}

.MemberLoginSpan
{
	display: none;
}

.HomeErrorLoginLabel
{
    color:Red;
    display:block;
    margin-left: 19px;
} 
/*******************************/

#rightContent
{
	position: absolute;
	left: 656px;
	top: 211px;
	height: 380px;
	width: 287px;
	background: url(../Pictures/images/RightColumnBackground.png) no-repeat left top;
	text-align:center;
}

#rightContent p
{
	margin: 0 0 8px 0; padding: 0;
}

#rightContent img
{
	border: none;
	margin: 8px 0 0 0;
}

#rightContent h4
{
	margin: 0 30px 0 30px;
	font-family: Verdana;
	font-size: 11px;
	font-weight:lighter;
}

#rightContent a:link, #rightContent a:visited
{
	color: #b30b10;
}

#rightContent a:hover
{
	color: #b2b0b0;
}

#footer
{
	font-size: 9px;
	margin: 0; padding: 0;
	color: #b2b0b0;
}

#footer p
{
	margin: 6px 0 0 0; padding: 0;
}

#footer a:link, #footer a:visited
{
	color: #b2b0b0;
}

#footer a:hover
{
	color: #b30b10;
}

#footer a:link.red, #footer a:visited.red
{
	color: #b30b10;
}

#footer a:hover.red
{
	color: White;
}

/* secondary page styles */
#diadex
{	    
	position: absolute;
	left: 656px;
	top: 14px;
	height: 191px;
	width: 288px;
	background: White url(../Pictures/images/DiadexBackground.png) no-repeat left top;
	text-align: center;
	
}

#diadex h4
{
	margin: 0 30px 0 30px; padding: 0;
	font-family: Verdana;
	font-size: 11px;
	font-weight:lighter;
}

#diadex img
{
	border-style: none;
	width: 230px; 
	height: 155px; 
	
}

#diadex a:link, #diadex a:visited
{
	color: #b30b10;
}

#diadex a:hover
{
	color: #b2b0b0;
}

#diadex p 
{
	margin: 3px 0 3px 0; padding: 0;
}

#content
{
	position: absolute;
	left: 19px;
	top: 211px;
	height: 380px;
	width: 923px;
	background: White url(../Pictures/images/ContentBackground.jpg) no-repeat left top;
	color: White;
}

#content h2
{
	font-size: 17px;
	padding: 10px 10px 0 10px;
	clear: both;
}


#content ul li
{
	font-size: 14px;
	padding: 0 16px 8px 0;
	list-style-image: url(../Pictures/images/Bullet.png);
}

#content a:link, #content a:visited
{
	color: White;	
	text-decoration: none;
	
}

#content a:hover
{
	color: #b30b10;	
	text-decoration: none;
}
#contentLeft
{
	position: absolute;
	left: 0px; top: 0px;
	width: 642px; 
	height: 380px; 
	overflow: auto; 
}

.right
{
	float: right;
	font-size: 12px;
	padding: 0 16px 0 0;
}

#last
{
	padding-bottom: 103px;
}

#contentRight
{
	position: absolute;
	left: 643px; top: 0px;
	width: 281px;
	float: right;
	padding: 0; margin: 0;
}

#contentRight ul li
{
	list-style-image: url(../Pictures/images/Bullet.png);
}

#cdeGcal
{
	position: absolute;
	right: 9px;
	bottom: 13px;
	margin: 0; padding: 0;
}

#cdeGcal a
{
	display:block;
	width:106px; height:84px;
	margin:0; padding:0;
	background: url(../Pictures/images/CdeGcal.gif) top left no-repeat;
	text-decoration: none;
}

#cdeGcal span
{
	display: none;
}

.caps
{
	text-transform: uppercase;
}

#moreLeft
{
	position: absolute;
	left: 0px; top: 0px;
	width: 461px;
}

#moreLeft h1
{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	padding: 10px 0 10px 0; margin: 0;
}

#moreLeft h2
{
	font-size: 18px;
	color: Yellow;
	text-align: center;
	padding: 10px 0 10px 0; margin: 0;
}

#moreLeft ul
{
	padding: 0 0 0 40px; margin: 0;
}

#moreLeft ul li
{
	list-style-image: url(../Pictures/images/Bullet.png);
}

#moreLeft ul li ul li
{
	list-style-image: none;
}

#moreLeft p
{
	text-align: center;
}

#moreLeft img
{
	border-style: none;
}
	
#moreRight
{
	position: absolute;
	left: 462px; top: 0px;
	width: 461px;
}

#moreRight h3
{
	font-size: 16px;
	color: Yellow;
	text-align: center;
	padding: 10px 0 0 0; margin: 0;
}

#moreRight p
{
	font-size: 14px;
	padding: 5px 20px 0 20px; margin: 0;
}

#moreRight h4
{
	font-size: 14px;
	font-weight: bold;
	color: Gray;
	text-align: center;
	padding: 20px 0 0 0; margin: 0;
}

#moreRight img
{
	border-style: none;
	padding: 40px 0 0 15px;
}

#content p
{
	font-size: 14px;
}

#content img
{
	border-style: none;
}

.RulesRegisterImage
{
    margin-left: 60px;
    margin-top: 25px;
}
