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, textarea{border:0;outline:0;font:normal normal normal 100%/120% Arial, Helvetica, sans-serif;vertical-align:baseline;background:transparent;margin:0;padding:0}
body{line-height:1; color:#666} /* 888c8c */
ol,ul{list-style:none}
blockquote,q{quotes:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
h1{font-size:140%}
h2{font-size:130%}
h3{font-size:120%}
h4{font-size:110%}
h5{font-size:100%}
h6{font-size:90%}
.cf{clear:both; margin:0; padding:0;} /* cf = Clear Float */
.center{text-align:center}
.error { color: red; font-size: 120%; }
.alert{background:url(/images/warning.png) 0 0 no-repeat; padding:0 0 0.6em 2.5em ;color: red; font-size: 115%; }
/*

Color Palette
-------------
Background Light Blue: #AFDDF1
Light Gray: #FBFEFE
Gray: #888C8C
Blue: #42ABE0
Green: #99CA3C

*/


.ext { color: #000; }

#BlogInfo {float:right; width:14.5em; display:block; margin:0; overflow:hidden; background:#ceecf9; color:#42ABE0; position:relative; right:2.3em}
#BlogInfo div{padding:0.6em; font-size:70%; color:#888C8C;}
#BlogInfo a{color:#42ABE0}
#BlogInfo div span{font-weight:700}
#BlogInfo div img.icon{vertical-align:middle; position:relative; top:-0.1em; margin-right:0.1em}

/*Main Tags*/
body.Gradient{background:#afddf1 url(images/back_gradient.jpg) 0% 0% repeat-x}
#Containter{margin:0 auto; padding:0; width:60em; overflow:auto}

.Header{padding:1.5em 2em 0 2em; margin-bottom:-1.5em; overflow:auto}

#MainMenu{font-size:80%; width:71em; margin:0 auto; overflow:hidden; position:relative; top:0.4em; right:2em; z-index:1}
#MainMenu ul{float:right}
#MainMenu ul li span {height:40px; display:block; text-align:center; padding:0 0 0 0.4em; background:url(images/TabSelectedLeft.png) 0 0 no-repeat}
#MainMenu ul li{float:left; margin-right:0.04em; padding-bottom:0.4em; padding-right:0.4em; background:url(images/TabSelectedRight.png) 100% 0 no-repeat; height:40px; opacity:0.8}
#MainMenu ul li:hover{opacity:0.95}

#MainMenu ul li#SelectedItem span{background:url(images/TabSelectedLeft1.png) 0 0 no-repeat}
#MainMenu ul li#SelectedItem{background:url(images/TabSelectedRight1.png) 100% 0 no-repeat; opacity:1}

#MainMenu ul li.Home{width:70px}
#MainMenu ul li.Features{width:90px}
#MainMenu ul li.JoinNow{width:90px}
#MainMenu ul li.AboutUs{width:90px}

#MainMenu ul li.Members{width:110px; padding-left:1em; opacity:1}
#MainMenu ul li.Members a{color:#99CA3C}
#MainMenu ul li.Members span{padding-left:0}
#MainMenu ul li.Members span:hover{padding-left:0}
#MainMenu ul li.Members img{position:relative; padding-right:0.4em; top:0.1em}


#MainMenu ul li a{color:#757E83; display:block; line-height:40px; position:relative; top:0.15em; font-weight:700; text-decoration:none}
#MainMenu ul li a:hover{color:#444}
#MainMenu ul li#SelectedItem a{color:#42ABE0}

/*Rounded Box*/
#content{margin:0;padding:3em 1em; overflow:auto; font-size:80%;}

/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc{background-color: transparent; background-repeat: no-repeat}
#tlc{background:url(images/tlc.png) 0% 0% no-repeat}
#trc{background-image:url(images/trc.png);background-position: 100% 0%}	
#blc{background-image:url(images/blc.png);background-position: 0% 100%}
#brc{background-image:url(images/brc.png);background-position: 100% 100%}
#tb, #bb{background-color:transparent;	background-repeat: repeat-x}			
#tb	{background:url(images/tb.png) 0 0 repeat-x;}
#bb	{background-image:url(images/bb.png);background-position: 50% 100%}	
#rb	{background-image:url(images/rb.png);background-position: 100% 0%;background-repeat: repeat-y}
#lb	{background:#fbfefe url(images/lb.png) 0% 100% repeat-y; margin-top:-0.28em}

/*Promo Text Area With Features And Links*/
.PromoTextWithLinks{margin:0; padding:1em 0 3em 2em; overflow:auto; background:url(images/PromoShot.png) 101% 0% no-repeat}
.PromoTextWithLinks h2{color:#42abe0; font-weight:700}
.PromoTextWithLinks p{margin:1em 40em 1em 0}
.BlueDotList li{padding:0.1em 0; font-weight:700; background:url(images/bullet_blue.png) top left no-repeat; padding-left:1.5em}
a.LearnMore{margin:0; padding:0; background:url(images/LearnMore.png) 0 0 no-repeat; width:121px; height:30px; display:block}
a.SignUp{margin:0; padding:0; background:url(images/SignUp2.png) 0 0 no-repeat; width:180px; height:30px; display:block}
a.LearnMore:hover, a.SignUp:hover{background-position: 0 -30px}


.PromoTextWithLinks2{margin:0; padding:1em 2em 2em 2em; overflow:auto;}
.PromoTextWithLinks2 h2{color:#42abe0; font-weight:700}
.PromoTextWithLinks2 p{margin:1em 0;}
.PromoTextWithLinks2 a{color:#42ABE0}

#SignUpForm{margin:1.5em 0 0 0; padding:0; overflow:auto}
#SignUpForm div{padding:0.5em 0}
#SignUpForm div.LeftPart{float:left; width:43%; overflow:auto}
#SignUpForm div.RightPart{float:right; width:35em; overflow:auto}
#SignUpForm div h5{margin-bottom:1em}
#SignUpForm div label{display:block; font-weight:700; padding:0.2em 0; float:left; width:14em; color:#42abe0; font-size:99%}
#SignUpForm div.RightPart label{width:10em}
#SignUpForm div input, #SignUpForm div select, #SignUpForm div textarea{padding:0.2em; width:13em; color:#444; border:1px solid #D3D7D9; background:#F5F8F8}
#SignUpForm div input:focus, #SignUpForm div textbox:focus{border-color:#AFDDF1}
#SignUpForm div input.SubmitButton{background:transparent url(images/Submit.png) 0 0 no-repeat; border:0; width:121px; height:30px; display:block; cursor:pointer}
#SignUpForm div input.SubmitButton:hover{background-position:0 -30px}

.Feature{margin:2em 0; padding:0; overflow:hidden}
.Feature h4{color:#42ABE0}
hr{border:0; margin:0 auto; padding:0; border-bottom:1px dashed #ddd; height:0;}
.Feature .icon{margin:0.5em 1em 1em 0; float:left}
.Feature .screenshot{float:right; margin:1em 0 1em 1em; border:1px solid #ddd;}
.Feature img.screenshot:hover{border-color:#bbb}

/*Below Promo Area*/
.BelowPromo{overflow:auto; background:url(images/BelowPromoGradient.png) top left repeat-x; margin:0; padding:2em 1em 0 1em; border-top:1px solid #d3d7d9}
.BelowPromo p{margin:1em 0}
.BelowPromo p img{border:1px solid #979ea2}
.BelowPromo p.before, .BelowPromo p.after{width:8em; float:left; color:#757e83; font-weight:700; text-transform:uppercase; text-align:center}
.BelowPromo p.before img, .BelowPromo p.after img{display:block; margin:0 auto; margin-bottom:0.2em}

.more{display:block; width:51px; height:20px; background:url(images/more.png) 0 0 no-repeat}
.more:hover{background-position:0 -20px}

.BelowPromo h3{font-weight:700; color:#8ec201}
.BelowPromo ul li{margin:0; padding:0; float:left; overflow:auto}
.BelowPromo ul li a{color:#42abe0; text-decoration:underline}
.BelowPromo ul li span{font-weight:700}
.BelowPromo ul li span a{font-weight:700}

.BelowPromo ul li.TopSlimmer{width:40%; padding:0 1em; overflow:hidden}
.BelowPromo ul li.TopSlimmer ul{margin:0; padding:0.5em 0 0 0;}
.BelowPromo ul li.TopSlimmer ul li{margin:0; padding:0.3em 1em; float:none; color:#42abe0}
.BelowPromo ul li.TopBodyBuilder{width:25%; overflow:hidden; text-align:center; padding:0 2.5em; border-left:1px dashed #e7eaeb}
.BelowPromo ul li.TopBodyBuilder .centering{width:16em; margin:0 auto}

.BelowPromo ul li.Login{float:right;width:21%; padding-left:2.5em; overflow:hidden; border-left:1px dashed #e7eaeb}
.BelowPromo ul li.Login h3{color:#757E83}
form.LoginForm ul{margin:1em 0 0 0; padding:0; overflow:hidden}
form.LoginForm ul li{margin:0;padding:0.5em 0; width:14em; color:#42ABE0}
form.LoginForm ul li input{padding:0.3em; width:12em; border:1px solid #d3d7d9; background:#f5f8f8; color:#444}
form.LoginForm ul li input.LoginNow{cursor:pointer; background:url(images/Login.png) 0 0 no-repeat; border:0; width:121px; height:30px; display:block}
form.LoginForm ul li input.LoginNow:hover{background-position:-121px 0}
form.LoginForm ul li a.Forgot{font-size:80%; color:#757E83}

.Footer{font-size:70%; padding:0.4em 2em; overflow:auto}
.Footer a{color:#888c8c}
.Footer a:hover{color:#555}

.FooterLinks{margin:0; float:right; overflow:auto}
.FooterLinks li{float:left; border-right:1px solid #fff}
.FooterLinks li a{padding:0 0.7em}
.FooterLinks li.last{border:0}
.FooterLinks li.last a{border:0; padding-right:0}

.aLoginNow	{cursor:pointer; background:url(images/Login.png) 0 0 no-repeat; border:0; width:121px; height:30px; display:block}
.aLoginNow:hover {background-position:-121px 0}