﻿* { margin: 0; padding: 0; }
body { font-family: arial, helvetica, sans-serif; font-size: 12px; }
body { color: #333;}
img { border: 0; }
pre { font-family: monospace; font-size: 1.0em; }

a:link { color: #666; text-decoration: underline; }
a:visited { color: #666; text-decoration: underline; }
a:active { color: #666; text-decoration: underline; }
a:hover { color: #000000; text-decoration: underline; }

a.MyLinkButton {color:#666; text-decoration:none;}
a.MyLinkButton:hover {color:#000000;text-decoration:underline;}


#loginbar { background-image: url('../../Images/quicklist/bg_dot.gif'); background-repeat: repeat-x; background-position: left bottom; height: 24px; }
#loginbar .content { margin: 0em auto; width: 765px; padding: 5px 0px; }
#loginbar .login { float: right; }
#loginbar .login-link { font-weight: bold; }
#loginbar .lang { border-spacing: 0px; border-collapse: collapse; }

#navbar { margin: 0em auto; width: 765px; padding: 10px 0 17px 0; }
#navbar .logo { float: left; }
#navbar .content { padding-top: 50px; padding-bottom: 17px; }
#navbar a:link { text-decoration: none; }
#navbar a:visited { text-decoration: none; }
#navbar a:active { text-decoration: none; }
#navbar a:hover { color: #666; text-decoration: underline; }
#navbar_logo { width: 252px; height: 71px; }
#navbar ul { display: inline; list-style: none; padding-left: 30px; }
#navbar li { display: inline; font-size: 1.3em; font-weight: bold; font-family: arial, helvetica, sans-serif; color: #A7A7A7; padding-left: 32px; }
#navbar li.selected { background-color: #666; }
#navbar li.selected a:link { color: #fff; text-decoration: none; }
#navbar li.selected a:visited { color: #fff; text-decoration: none; }
#navbar li.selected a:active { color: #fff; text-decoration: none; }
#navbar li.selected a:hover { color: #fff; text-decoration: none; }


#slogan{ background-color: #7CC120; background-image: url('../../Images/quicklist/BG.png'); repeat: repeat-x; clear: both; }
#slogan .content { margin: 0em auto; width: 765px; color: #fff; height: 250px; }
#slogan .list { float: left; }
#slogan .list img { top: -12px; margin-bottom: -12px; position: relative; width: 252px; height: 262px; padding-right: 27px; }
#slogan .promo { padding-top: 62px; }
#slogan .account { text-align: center; padding-top: 4px; color: #B3CEEA; }
#slogan .help { padding-left: 18px; font-size: 1.3em; }
#slogan .help a:link { text-decoration: underline; }
#slogan .help a:visited { text-decoration: underline; }
#slogan .help a:active { text-decoration: underline; }
#slogan .help a:hover { color: #FFD300; text-decoration: underline; }
#slogan .help-link { font-weight: bold; }
#slogan .tagline { width: 450px; height: 60px; font-size:18px; white-space: nowrap;}

#register-btn { margin-top: 15px; }
#register-btn table { border-collapse: collapse; border-spacing: 0px; }
#register-btn .left { background-image: url('../../Images/quicklist/signup_lft.png'); background-repeat: no-repeat; width: 7px; height: 52px; cursor: pointer; }
#register-btn .middle { background-image: url('../../Images/quicklist/signup_mid.png'); background-repeat: repeat-x; height: 52px; padding: 0px 33px; cursor: pointer; white-space: nowrap; }
#register-btn .link { color: #fff; font-weight: bold; font-size: 1.5em; }
#register-btn .right { background-image: url('../../Images/quicklist/signup_rgt.png'); background-repeat: no-repeat; width: 7px; height: 52px; cursor: pointer; }
#register-btn a:link { color: #fff; text-decoration: none; }
#register-btn a:visited { color: #fff; text-decoration: none; }
#register-btn a:active { color: #fff; text-decoration: none; }
#register-btn a:hover { color: #fff; text-decoration: none; }

#home-hr { border: 0; background-color: #DADADA; color: #DADADA; height: 1px; }

#usage { margin: 0em auto; width: 745px; }
#usage h3 { text-align: center; color: #666; margin: 1.3em 0 0.7em 0; }
#usage table td { padding: 0px 12px 20px 12px; vertical-align: top; line-height: 1.3em; }
#usage img { margin-bottom: 7px; width: 213px; height: 68px; border: 1px solid #D1D1D1; }
#usage .signup-link { text-align: center; padding: 10px 0; font-size: 1.4em; font-weight: bold; }

#container { margin: 0em auto; width: 765px; padding: 20px 0 20px 0; }
#container .content { padding: 0px; }
#container .content p { font-size: 1.0em; line-height: 1.3em; margin: 1.2em 0em 1.2em 0em; }
#container .content ol, #container .content ul { font-size: 1.0em; line-height: 1.3em; margin: 0.4em 0 0.4em 2.0em; }

#home #container { padding-top: 0; }

#header { background-color: #7CC120; padding: 10px 0; clear: both; }
#header .content { margin: 0em auto; width: 765px; }
#header h1 { font-size: 1.7em; color: #fff; margin: 0; }
#header a:link { color: #B3CFEB; text-decoration: underline; }
#header a:visited { color: #B3CFEB; text-decoration: underline; }
#header a:active { color: #B3CFEB; text-decoration: underline; }
#header a:hover { color: #fff; text-decoration: underline; }

#footer { background-image: url('../../Images/quicklist/bg_dot.gif'); background-repeat: repeat-x; background-position: left top; color: #9A9CA0; padding: 7px 0 3px 0; clear: both; }
#footer a:link { color: #9A9CA0; text-decoration: none; }
#footer a:visited { color: #9A9CA0; text-decoration: none; }
#footer a:active { color: #9A9CA0; text-decoration: none; }
#footer a:hover { color: #0060BF; text-decoration: underline; }
#footer-content { margin: 0em auto; width: 765px; padding: 5px 0px; }
#footer-legal { color: #333; }
#footer-legal a:link { color: #333; text-decoration: underline; }
#footer-legal a:visited { color: #333; text-decoration: underline; }
#footer-legal a:active { color: #333; text-decoration: underline; }
#footer-legal a:hover { color: #333; text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #333; }
h1 { font-size: 1.5em; margin: 0em 0em 0.4em 0em; }
h2 { font-size: 1.5em; margin: 1.2em 0em 0.4em 0em; }
h3 { font-size: 1.4em; margin: 1.2em 0em 0.4em 0em; color: #EC5800; }
h4 { font-size: 1.2em; margin: 1.2em 0em 0.4em 0em; }
h5 { font-size: 1.0em; margin: 1.2em 0em 0.4em 0em; }
h6 { font-size: 0.8em; margin: 1.2em 0em 0.4em 0em; }

#help { margin: 0em auto; width: 745px; }
#help h3 { text-align: center; color: #666; margin: 1.3em 0 0.7em 0; }
#help table td { padding: 0px 12px 20px 12px; vertical-align: top; line-height: 1.3em; }
#help img { margin-bottom: 7px; width: 240px; height: 400px; border: 1px solid #D1D1D1; }
#help step {color:#6699FF;font-size:12px;font-weight:bold;}
#help content {font-size:12px;}


