* { margin: 0; padding: 0; outline: 0; }
.cl, .clear { font-size: 0; line-height: 0; height: 0; display: block; clear: both; }
.l, .left { float: left; display: inline; }
.r, .right { float: right; display: inline; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; display: block; }
a { color: #1c1c1c; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }
body { font-size: 9pt; color: #1c1c1c; font-family: "Segoe UI", Arial, Helvetica, sans-serif; background: url(../images/bg.gif) repeat; }
html, body { min-height: 100%; }

#wrap { position: relative; min-height: 100%; width: 100%; top: 31px; }
#page { position: relative; padding-bottom: 120px; background: transparent url(../images/bg-wood.jpg) no-repeat center 0; }
#page-members { position: relative; padding-bottom: 30px; background: transparent url(../images/bg-wood-members.jpg) no-repeat center 0; }
#footer { position: absolute; bottom: 0; width: 100%; }
.shell { width: 922px; margin: 0 auto; }

/** FOOTER **/
#footer .footer-bg { z-index: 1; background: url(../images/bottombar.png) no-repeat center bottom; height: 25px; }
#footer .shell { z-index: 100; line-height: 24px; font-size: 10px; font-weight: bold; color: #696868; }
#footer ul li { list-style-type: none; display: inline; margin-right: 14px; }
#footer ul li a { color: #696868; }

/** HEADER **/
#header { height: 138px; position: relative; z-index: 10; margin-top: -31px; }
#header-member { height: 75px; position: relative; z-index: 5; margin-top: -31px; }

#topbar { width: 166px; line-height: 30px; height: 30px; font-size: 10px; color: #b6ae95; padding-right: 18px; font-weight: bold; }
#topbar a, #topbar span { float: right; display: block; margin-left: 7px; }
#topbar a.login { color: #fd64e8; }
#topbar a.signup { color: #ee8218; }

#topbar-member { border: 0px solid red;text-align: right; width: 380px; line-height: 30px; height: 43px; font-size: 10px; color: #b6ae95; padding-right: 18px; font-weight: bold; }
#topbar-member span { display: inline; }
#topbar-member a#logout { margin-left: 7px; color: #fd64e8; }
#topbar-member #name { color: #ee8218; margin-left: 7px; margin-right: 7px; }
#topbar-member a#return { color: #ee8218; margin-right: 14px; }

#topbar-member-m { border: 0px solid red;text-align: right; width: 380px; line-height: 30px; height: 30px; font-size: 10px; color: #b6ae95; padding-right: 18px; font-weight: bold; }
#topbar-member-m span { display: inline; }
#topbar-member-m a#logout { margin-left: 7px; color: #fd64e8; }
#topbar-member-m #name { color: #ee8218; margin-left: 7px; margin-right: 7px; }
#topbar-member-m a#return { color: #ee8218; margin-right: 14px; }

#logo { width: 195px; height: 136px; margin-top: -45px; position: relative; z-index: 25; }
#logo a { width: 195px; height: 136px; display: block; background: url(../images/logo.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }
#logo-member { width: 260px; height: 67px; margin-left: 37px; margin-top: -30px; position: relative; z-index: 5; }
#logo-member a { width: 260px; height: 67px; display: block; background: url(../images/logo-member.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }

#badge { height: 197px; width: 163px; position: absolute; right: -45px; top: 30px; background: url(../images/badge.png) no-repeat 0 0; z-index: 15; }

#navbar { height: 21px; float: left; width: 680px; margin: 20px 0px 0px 24px; }
#navbar #nav { background: url(../images/nav.png) no-repeat; height: 21px; width: 591px; position: relative; border: 0px solid red; }
#navbar #nav span { text-indent: -9999px; display: block; }
#navbar #nav li, #nav a { display: block; height: 36px; outline: none; }
#navbar #nav li { float: left; list-style: none; outline: none; }
#navbar #nav-1 { width: 63px; }
#navbar #nav-2 { width: 108px; }
#navbar #nav-3 { width: 132px; }
#navbar #nav-4 { width: 152px; }
#navbar #nav-5 { width: 136px; }
#navbar #nav-1 #nav-1-line, #nav-1-noline a:hover { background: url(../images/nav.png) -0px -21px no-repeat; }
#navbar #nav-2 #nav-2-line, #nav-2-noline a:hover { background: url(../images/nav.png) -63px -21px no-repeat; }
#navbar #nav-3 #nav-3-line, #nav-3-noline a:hover { background: url(../images/nav.png) -171px -21px no-repeat; }
#navbar #nav-4 #nav-4-line, #nav-4-noline a:hover { background: url(../images/nav.png) -303px -21px no-repeat; }
#navbar #nav-5 #nav-5-line, #nav-5-noline a:hover { background: url(../images/nav.png) -455px -21px no-repeat; }

/** CONTENT **/
#content { width: 634px; margin-top: 0px; margin-left: 24px; position: relative; z-index: 0; margin-top: -26px; }
#content a { color: #2099f9; text-decoration: underline; }
#content-cnt { background: url(../images/content-bg.gif) repeat 0 0; padding-left: 10px; padding-right: 15px; position: relative; }
#content-top { height: 6px; background: url(../images/content-top.gif) repeat-x 0 0; line-height: 0; font-size: 0; }
#content-bot { height: 6px; background: url(../images/content-bot.gif) repeat-x 0 bottom; position: relative; z-index: 2; font-size: 0; line-height: 0; }
#copyrights { width: 360px; height: 53px; position: absolute; background: url(../images/copyrights.png) no-repeat 0 0; bottom: -54px; left: 5px; z-index: 0; }

#designlink a { width: 60px; height: 16px; position: absolute; display: inline; text-decoration: none; } 
#designlink a i { visibility: hidden; } 
a#leightaylor { margin: 30px 0px 0px 145px; display: inline; cursor: hand; }
		
/** STEPS **/
#steps .step { float: left; display: inline; font-size: 0; line-height: 0; text-indent: -4000px; width: 188px; height: 165px; background-position: 0 0; background-repeat: no-repeat; margin-right: 21px; }
#steps .step-01 { background-image: url(../images/step1.jpg); }
#steps .step-02 { background-image: url(../images/step2.jpg); }
#steps .step-03 { background-image: url(../images/step3.jpg); margin-right: 0; }

#paper { padding-top: 15px; margin-left: 5px; }

/** MEMBERSHIP INCLUDES **/
#mem-inc { padding-left: 15px; font-size: 8pt; font-weight: bold; color: #1c1c1c; position: relative; }
#mem-inc h2 { font-size: 12pt; line-height: 42px; padding-left: 44px; font-weight: bold; color: #ff4cac; }
#mem-inc h2#index { background: url(../images/h2-back-7.gif) no-repeat 0 4px; }
#mem-inc .content { padding: 5px 10px 5px 30px; }
#mem-inc .step { float: left; display: inline; width: 190px; padding-left: 38px; margin-right: 40px; margin-bottom: 10px; margin-top: 20px; background-position: 0 0; background-repeat: no-repeat; }
#mem-inc .step-02,
#mem-inc .step-04,
#mem-inc .step-06 { width: 235px; margin-right: 0; }
#mem-inc .step-01 { background-image: url(../images/mem-inc-step-01.gif); }
#mem-inc .step-02 { background-image: url(../images/mem-inc-step-02.gif); }
#mem-inc .step-03 { background-image: url(../images/mem-inc-step-03.gif); }
#mem-inc .step-04 { background-image: url(../images/mem-inc-step-04.gif); }
#mem-inc .step-05 { background-image: url(../images/mem-inc-step-05.gif); }
#mem-inc .step-06 { background-image: url(../images/mem-inc-step-06.gif); }

/** BUTTONS **/
.button-more { width: 79px; height: 31px; background: url(../images/more-info-link.gif) no-repeat 0 0; }
.button-signup { width: 77px; height: 33px; background: url(../images/button-signup.gif) no-repeat 0 0; }
.bordered { padding-bottom: 16px; background: url(../images/line.gif) repeat-x 0 bottom; }
.bordered-inside { padding-bottom: 10px; padding-top: 10px; background: url(../images/line.gif) repeat-x 0 bottom; }
.bordered-nav { margin-bottom: 18px; padding-top: 10px; background: url(../images/line.gif) repeat-x 0 bottom; }
.border-bottom { margin-bottom: 20px; background: url(../images/line.gif) repeat-x 0 bottom; }
.border-page-bottom { padding-bottom: 20px; height: 1px; background: url(../images/line.gif) repeat-x 0 top; }

/** IMAGE TEXT **/
h2.txt-whatisit { height: 17px; width: 73px; background: url(../images/txt-whatisit.png) no-repeat 0 0; }
h2.txt-whoisitfor { height: 12px; width: 93px; background: url(../images/txt-whoisitfor.png) no-repeat 0 0; }
h2.txt-whatdoiget { height: 14px; width: 101px; background: url(../images/txt-whatdoiget.png) no-repeat 0 0; }
h2.txt-whydoineedthis { height: 17px; width: 143px; background: url(../images/txt-whydoineedthis.png) no-repeat 0 0; }
h2.txt-introduction { height: 12px; width: 91px; background: url(../images/txt-introduction.png) no-repeat 0 0; }
h2.txt-signup { height: 16px; width: 65px; background: url(../images/txt-signup.png) no-repeat 0 0; }
h2.txt-login { height: 15px; width: 102px; background: url(../images/txt-login.png) no-repeat 0 0; }
h2.txt-password { height: 15px; width: 102px; background: url(../images/txt-password.png) no-repeat 0 0; }
h2.txt-thankyou { height: 15px; width: 102px; background: url(../images/txt-thankyou.png) no-repeat 0 0; }
h2.txt-contactus { height: 15px; width: 102px; background: url(../images/txt-contactus.png) no-repeat 0 0; }
h2.members { height: 16px; width: 91px; background: url(../images/txt-members.gif) no-repeat 0 0; }
h2.games { height: 16px; width: 69px; background: url(../images/txt-games.gif) no-repeat 0 0; }
h3.txt-treasure-island a { height: 15px; width: 193px; background: url(../images/txt-treasure-island.gif) no-repeat 0 0; }
h3.txt-quiz-show a { height: 15px; width: 179px; background: url(../images/txt-quiz-show.gif) no-repeat 0 0; }
h2.txt-testimonials { height: 15px; width: 108px; background: url(../images/txt-testimonials.gif) no-repeat 0 0; margin-bottom: 8px; }

/** SLIDESHOW **/
#slideshow { height: 393px; width: 614px; background: url(../images/home-feature-bg.jpg) no-repeat 0 0; margin-bottom: 20px; padding-left: 22px; border: 0px solid blue; }
#slideshow .head { padding-left: 28px; padding-top: 24px; margin-bottom: 27px; height: 12px; }
#slideshow .image { width: 571px; height: 275px; margin-top: 8px; position: relative; }
#slideshow .image a { position: absolute; bottom: 15px; right: 10px; width: 114px; height: 27px; background: url(../images/button-findout.png) no-repeat 0 0; }
#slideshow .paging { margin-top: 15px; margin-right: 36px; border: 0px solid blue; }
#slideshow .paging a { float: right; display: inline; padding: 0 6px 7px; }
#slideshow .paging a:hover, #slideshow .paging a.active { background: url(../images/active-page.gif) no-repeat center bottom; }
#slideshow .paging a span { float: left; display: inline; font-size: 0; line-height: 0; text-indent: -4000px; height: 8px; width: 9px; }
#slideshow .paging a.num-1 span { background: url(../images/num-1.gif) no-repeat 0 0; }
#slideshow .paging a.num-2 span { background: url(../images/num-2.gif) no-repeat 0 0; }
#slideshow .paging a.num-3 span { background: url(../images/num-3.gif) no-repeat 0 0; }
#slideshow .paging a.num-4 span { background: url(../images/num-4.gif) no-repeat 0 0; }
.tools-left-display { height: 359px; width: 80px; background: url(../images/tools-left.png) no-repeat 0 0; position: absolute; left: -80px; }
.tools-right-display { height: 342px; width: 62px; background: url(../images/tools-right.png) no-repeat 0 0; right: -62px; position: absolute; }
.tools-left-nonmembers-top { top: 90px; }
.tools-right-nonmembers-top { top: 55px; }
.tools-left-members-top { top: 127px; }
.tools-right-members-top { top: 92px; }

/** SIDEBAR **/
#sidebar { width: 252px; position: relative; z-index: 5; margin-top: -12px; }
#sidebar .box { margin-bottom: 18px; }
#signup { height: 128px; width: 224px; margin-bottom: 18px; display: block; background: url(../images/signup.gif); }
.percentoff { margin-top: 6px; height: 72px; width: 224px; background: url(../images/recentlaunchoffer.gif) no-repeat 0 0; border: solid 0px black; }

.darkbox { width: 251px; }
.darkbox .head { height: 33px; padding-top: 16px; padding-left: 12px; background: url(../images/darkbox-top.png) no-repeat 0 0; }
.darkbox .content { background: url(../images/darkbox-bg.jpg) no-repeat 0 bottom; position: relative; height: 100%; }
.blackbox .content { background: #000; }

form input, textarea, select { font-family: "Segoe UI", Arial, Helvetica, sans-serif; }
form.login { padding: 0 12px 15px; }
form.login .field { float: left; display: inline; width: 120px; height: 18px; line-height: 18px; font-size: 8pt; font-weight: bold; border: solid 1px #201f1e; padding: 0 5px 0 2px; margin-bottom: 12px; background: url(../images/bg-text.gif) no-repeat 0 0; }
form.login label { float: left; display: inline; width: 85px; padding-right: 5px; line-height: 18px; color: #fff; font-weight: normal; font-size: 8pt; text-align: right; border: 0px solid red;}
form.login .button { float: left; display: inline; margin-left: 90px; border: none; height: 21px; width: 48px; background: url(../images/login-button.gif) no-repeat 0 0; cursor: pointer; }
form.login .help { float: right; display: inline; margin-right: 6px; font-size: 10px; color: #af905b; line-height: 22px; }
.games { padding-bottom: 28px; }
.games .game { width: 226px; margin: 0 auto; padding-top: 20px; }
.games .game h3 { margin-bottom: 3px; }

.lightbox { border: solid 4px #dfd5b7; width: 223px; background: url(../images/lightbox-bg.gif) repeat 0 0; padding: 15px 10px 25px; }

.testimonials .article .company { padding-top: 6px; color: #7b7b7b; }
.testimonials .article .company .author { color: #3698e6; }

.headbox { height: 283px; width: 614px; background: url(../images/inside-feature-bg.jpg) no-repeat 0 0; position: relative; margin-right: -5px; }
.headbox .head { padding-top: 24px; padding-left: 50px; height: 32px; }
.headbox .content { padding-top: 15px; padding-left: 22px; width: 571px; height: 166px; }
.headbox .content { padding-top: 15px; padding-left: 22px; width: 571px; height: 166px; }
.headbox .content #title-image { }

#mem-inc-big { min-height: 410px; height: auto !important; height: 410px; }
#mem-inc-big h2 { font-size: 13pt; margin-top: 8px; line-height: 42px; font-weight: bold; color: #ff4cac; padding-left: 44px; }
#mem-inc-big h2#whatisit { background: url(../images/h2-back-5.gif) no-repeat 0 2px; }
#mem-inc-big h2#whoisitfor { background: url(../images/h2-back-4.gif) no-repeat 0 2px; }
#mem-inc-big h2#whydoineedthis { background: url(../images/h2-back-2.gif) no-repeat 0 2px; }
#mem-inc-big h2#whatdoiget { background: url(../images/h2-back-1.gif) no-repeat 0 2px; }
#mem-inc-big h2#signupbg { background: url(../images/h2-back-7.gif) no-repeat 0 2px; }
#mem-inc-big h2#termsbg { background: url(../images/h2-back-5.gif) no-repeat 0 2px; }
#mem-inc-big h2#privacybg { background: url(../images/h2-back-7.gif) no-repeat 0 2px; }
#mem-inc-big h3 { font-size: 11pt; font-weight: normal; color: #2099f9; margin-top: 15px; }
#mem-inc-big p#bulletarrow { background: url(../images/bulletarrowparagraph.png) no-repeat 0px 2px; padding-top: 12px; padding-left: 55px; }

#mem-inc-big .content { font-weight: normal; color: #1c1c1c; font-size: 9pt; padding-top: 8px; line-height: 15pt; padding-left: 30px; padding-right: 10px; }
#mem-inc-big .content p { padding-top: 5px; padding-bottom: 5px; }
#mem-inc-big .content p.bold { font-weight: bold; }
#mem-inc-big span.blue { color: #2099f9; font-style: italic; }

.banner-guarantee { width: 535px; position: relative; z-index: 101; background: url(../images/banner-guarantee.png) no-repeat 0 0; height: 40px; margin-left: -75px; margin-right: -105px; padding-left: 230px; padding-top: 36px; margin-top: 20px; margin-bottom: 5px; }
.banner-guarantee p { color: #e8e8d9; font-size: 8pt; line-height: 14px; font-weight: normal; }
.banner-guarantee a { color: #ff8ef0; font-weight: bold; }

.includes .article { font-weight: normal; border: 0px solid blue; }
.includes .article .image img { padding-left: 5px; padding: 2px 2px 2px 2px; }

/* FORM TABLE */
form input, form select, form textarea { font-size: 9pt; line-height: 17px; vertical-align: top; height: 18px; }
form label { font-size: 9pt; }
form input.input-text { width: 160px; }
form input.input-file { width: 180px; height: 24px; }
form select, form select.select-box { width: 164px; }
form select { width: 164px; height: 20px; }
form textarea { padding-left: 2px; width: 330px; height: 100px; }
form input[type=checkbox] { margin-right: 5px; }

table.form-table { border-collapse: collapse; }
table.form-table th, 
table.form-table td { padding: 0px 0 7px 0; border: 0px solid blue; }
table.form-table th { color: #252525; text-align: left; }
form .stories-form th { width: 120px; }
form .stories-form td { font-size: 8pt; }
form .stories-form .align-top { padding-top: 2px; vertical-align: top; }
form .contact-form th { width: 168px; }
form .support-form th { width: 100px; }
form .signup-form th { width: 115px; vertical-align: top; }
form .account-form th { width: 115px; }
form .account-form .align-top { padding-top: 2px; vertical-align: top; }
form .account-form td { font-size: 8pt; }
form .login-form th { width: 90px; }
form .password-form th { width: 90px; }
table.form-table tr.final { height: 46px; }
table.form-table tr.final td { padding-top: 10px; vertical-align: top; }
table.form-table td p.note { padding-top: 4px; font-size: 8pt; line-height: 12pt; vertical-align: top; }
table.form-table .button-payment { width: 147px; height: 28px; }
table.form-table .button-login { width: 68px; height: 29px; }
table.form-table .button-update-account { width: 119px; height: 30px; }
table.form-table .button-go { width: 41px; height: 27px; }
table.form-table .button-send { width: 61px; height: 29px; }
table.form-table select#description { width: 295px; }
table.form-table #gamestory { width: 295px; height: 200px; }
table.form-table #hintstips { width: 295px; height: 75px; }
table.form-table #message { width: 292px; }

label.error { background: url(../images/unchecked.gif) no-repeat 0px 2px; height: 16px; padding-left: 17px; font-size: 8pt; font-weight: bold; width: 360px; display: block; color: #EA5200; text-align: left; border: 0px solid blue; }
#form-results-message { padding-top: 10px; font-size: 8pt; font-weight: bold; width: 600px; display: none; text-align: left; }
#message-error { padding-top: 2px; background: url(../images/unchecked.gif) no-repeat 0px 1px; color: #EA5200; padding-left: 17px; display: none; }
#message-ok { padding-top: 2px; background: url(../images/checked.gif) no-repeat 0px 1px; color: #0055AA; padding-left: 17px; display: none; }

/** MEMBERS **/
#fullpage #navigation { padding-right: 0; }
#fullpage #content { width: 888px; margin-top: 0; }

.small-font p { line-height: 18px; font-size: 9pt; }
.large-font p { line-height: 19px; font-size: 10pt; }

#mem-inc-member { padding: 10px 25px 5px 25px; min-height: 395px; height: auto !important; height: 395px; }
#mem-inc-member h1 { font-size: 13pt; padding-bottom: 18px; font-weight: bold; color: #ff4cac; }
#mem-inc-member h2 { font-size: 11.5pt; padding: 12px 0 2px 0; font-weight: bold; color: #ff4cac; }
#mem-inc-member h3 { font-size: 10pt; padding: 12px 0 2px 0; font-weight: bold; }
#mem-inc-member #cheatsheet { float: left;  margin: 10px 0 10px 0; padding: 10px; display: block; border: 1px solid black; }

#subnav { font-size: 8pt; padding: 10px; }
#subnav ul li { float: left; display: inline; list-style-type: none; padding-right: 28px; }
#subnav ul li a { color: #000; text-transform: uppercase; }
#subnav ul li a:hover,
#subnav ul li a.active { color: #fd52e6; text-decoration: none; }
#subnav a.right { color: #7b7b7b; padding-left: 10px; text-transform: capitalize; }

.dropdown-wrap { margin-left: 2px; padding-bottom: 20px; cursor: pointer; cursor: hand; }
.dropdown-wrap .dropdown { background: #FCFCF9; margin:0; padding:0; list-style-type: none; position: absolute; }   
.dropdown-wrap .dropdown .dropdown-point { float: left; width: 148px; }  
.dropdown-wrap .sub-dropdown { border: 1px solid #A2A2A2; background: url(../images/dropdown-bg.gif) repeat-y 0 0; margin: 0; padding: 0; list-style-type: none; display: none; line-height: 18px; font-size: 11px; color: #2099f9; font-weight: normal; padding-left: 6px; }
.dropdown-wrap .link { display: block; background: url(../images/dropdown.gif) no-repeat 0 0; height: 18px; line-height: 18px; font-size: 11px; color: #2099f9; font-weight: normal; padding-left: 6px; width: 142px; }

#instructions { font-size: 9.5pt; margin-bottom: 20px; }
#instructions .states { width: 182px;  margin-right: -3px; position: relative; z-index: 100; margin-top: 3px; padding-left: 7px; }
#instructions .content { width: 677px; background: url(../images/inst-content-cnt.gif) repeat-y 0 0; position: relative; }
#instructions .content .top { background: url(../images/inst-content-top.gif) no-repeat 0 0; padding-top: 8px; }
#instructions .content .bot { background: url(../images/inst-content-bot.gif) no-repeat 0 bottom; padding-bottom: 7px; padding: 34px 10px 10px 10px; width: 655px; }
#instructions .content p,
#instructions .content h2 { margin-bottom: 10px; }
#instructions .content ul { padding-left: 15px; padding-bottom: 20px; line-height: 18px; }
#instructions .content ul li span { color: #696969; }
#instructions .states .steps { margin-top: 15px; list-style-type: none; font-size: 11px; font-weight: normal; line-height: 28px; margin-bottom: 16px; }
#instructions .states .steps li { display: block; width: 182px; height: 28px; }
#instructions .states .steps li a { padding-left: 12px; }
#instructions .states .steps li div { padding-left: 12px; background: url(../images/instructions-step-active.gif) no-repeat 0 0; }
#instructions .states .steps li span#arrow1 { color: #2099f9; display: block; background: url(../images/arrow-1.png) no-repeat 141px 9px; }
#instructions .states .steps li span#arrow2 { color: #2099f9; display: block; background: url(../images/arrow-2.png) no-repeat 141px 9px; }
#instructions .states .steps li span#arrow3 { color: #2099f9; display: block; background: url(../images/arrow-3.png) no-repeat 141px 9px; }
#instructions .states .steps li span#arrow4 { color: #2099f9; display: block; background: url(../images/arrow-4.png) no-repeat 141px 4px; }
#instructions .states .steps li span#arrow5 { color: #2099f9; display: block; background: url(../images/arrow-5.png) no-repeat 141px 8px; }
#instructions .states .steps li span#arrow6 { color: #2099f9; display: block; background: url(../images/arrow-6.png) no-repeat 141px 10px; }
#instructions .states .steps li span#arrow7 { color: #2099f9; display: block; background: url(../images/arrow-7.png) no-repeat 141px 10px; }
#instructions .states .steps li span#arrow8 { color: #2099f9; display: block; background: url(../images/arrow-8.png) no-repeat 141px 8px; }
#instructions .states .steps li span#arrow9 { color: #2099f9; display: block; background: url(../images/arrow-9.png) no-repeat 141px 10px; }
#instructions .states .steps li span#arrow10 { color: #2099f9; display: block; background: url(../images/arrow-10.png) no-repeat 141px 9px; }
#instructions .states .sortable { padding-left: 10px; list-style-type: none; }
#instructions .states .sortable li a { font-size: 11px; color: #7b7b7b; font-weight: normal; line-height: 20px; }

#member-page-border { font-size: 9.5pt; margin-bottom: 20px; margin-left: 4px; }
#member-page-border .content { width: 858px; background: url(../images/inst2-content-cnt.gif) repeat-y 0 0; position: relative; }
#member-page-border .content .top { background: url(../images/inst2-content-top.gif) no-repeat 0 0; padding-top: 8px; }
#member-page-border .content .bot { background: url(../images/inst2-content-bot.gif) no-repeat 0 bottom; padding-bottom: 7px; padding: 44px 10px 10px 5px; width: 858px; }
#member-page-border .content p,
#member-page-border .content h2 { margin-bottom: 10px; }

h2.txt-treasure-hunt-adventure { height: 14px; width: 205px; background: url(../images/txt-treasure-hunt-adventure.gif) no-repeat 0 0; margin-left: -2px; }
h2.txt-game-overview { height: 16px; width: 126px; background: url(../images/txt-game-overview.gif) no-repeat 0 0; }
h2.txt-tools { height: 17px; width: 44px; background: url(../images/txt-tools.gif) no-repeat 0 0; }
a.get-started { height: 30px; width: 119px; margin-top: 10px; background: url(../images/button-letsgetstarted.png) no-repeat 0 0; }
.banner-thegame { z-index: 500; position: absolute; top: -3px; left: -6px; height: 38px; width: 125px; background: url(../images/banner-the-game.png) no-repeat 0 0; }
.banner-tools { position: absolute; top: -1px; left: -6px; height: 37px; width: 108px; background: url(../images/banner-tools.png) no-repeat 0 0; }
.banner-member-stories { position: absolute; top: -2px; left: -6px; height: 47px; width: 177px; background: url(../images/banner-member-stories.png) no-repeat 0 0; }
.banner-my-account { position: absolute; top: -1px; left: -6px; height: 44px; width: 156px; background: url(../images/banner-my-account.png) no-repeat 0 0; }
.banner-contact-us { position: absolute; top: -6px; left: -6px; height: 47px; width: 148px; background: url(../images/banner-contact-us.png) no-repeat 0 0; }

#hiddenkey { background: url(../images/hiddenkey.png) 0px 0px no-repeat; }
#hiddenkey a { display: block; width: 12px; height: 30px; outline: none; }
#hiddenkey a:hover { background: url(../images/hiddenkey.png) -0px -30px  no-repeat; width: 12px; height: 30px; }

.banner-suggest p.copy { font-size: 8pt; color: #e8e8d9; line-height: 14px; font-weight: normal; }
.banner-suggest a { color: #ff8ef0; font-weight: bold; }
.banner-suggest { width: 765px; position: relative; height: 55px; z-index: 101; background: url(../images/suggest-game-big.png) no-repeat 0 0; padding-top: 36px; padding-left: 256px; margin-left: -76px; margin-right: -81px; padding-bottom: 5px; }

ul.box { list-style: none; margin-left: 0; padding-left: 0; }
ul.box li { font-size: 1.0em; background-image: url(../images/bullet1.png); background-repeat: no-repeat; background-position: 0 .2em; line-height: 2.0em; padding-left: 1.3em; }

#list-alphabet ul li { overflow: hidden; list-style: none; padding: 12px 0 0 0; }

#tc { margin-right: 6px; width: 86px; height: 46px; border: 0px solid red; }
#tc #tc-counter { float: right; position: relative; font-family: arial; font-size: 8pt; color: #fff; height: 46px; width: 35px; border: 0px solid red; } 
#tc #tc-counter #position { float: right; padding: 10px 2px 0px 0px; }
#tc #tc-container { float: right; position: relative; background: url(../images/treasure-chest.png) no-repeat; height: 44px; width: 46px; z-index: 10; border: 0px solid red; }
#tc #tc-container a { float: right; position: relative; width: 46px; height: 44px; }
.tc-glow { background: url(../images/treasure-chest.png) 39px -45px no-repeat; }
.tc-glow-open { background: url(../images/treasure-chest-broken-lock.png) 0px -45px no-repeat; }
.ui-draggable-dragging {  border: solid 1px #ee8218 !important; }
#tc-message { float: right; text-align: right; position: relative; font-weight: bold; font-size: 8pt; color: #fff; height: 44px; border: 0px solid red; } 
#tc-message #position2 { margin: 10px 2px 0px 0px; }
#clip { }

#txt-play-our-hidden-objects-game { position: absolute; z-index: 999; background: url(../images/txt-playourgame.png) 0px 0px no-repeat; top: 8px; left: 436px; width: 211px; height: 18px; border: 0px solid red; }

#tc-item-1 { position: absolute; z-index: 999; top: 12px; left: 2px; width: 12px; height: 30px; border: 0px solid red; }
#tc-item-1-container { display: block; background: url(../images/tc-item-1.png) 0px 0px no-repeat; }
#tc-item-1-container a { display: block; height: 30px; }
#tc-item-1-container a:hover { cursor: default; background: url(../images/tc-item-1.png) -0px -30px  no-repeat; width: 12px; height: 30px; }

#tc-item-2 { position: absolute; z-index: 999; top: 157px; left: -82px; width: 25px; height: 31px; border: 0px solid red; }
#tc-item-2-container { display: block; background: url(../images/tc-item-2.png) 0px 0px no-repeat; }
#tc-item-2-container a { display: block; height: 31px; }
#tc-item-2-container a:hover { cursor: default; background: url(../images/tc-item-2.png) -0px -31px  no-repeat; width: 25px; height: 31px; }

#tc-item-3 { z-index: 999; width: 36px; height: 22px; border: 0px solid red; }
#tc-item-3-container { display: block; background: url(../images/tc-item-3.png) 0px 0px no-repeat; }
#tc-item-3-container a { display: block; height: 22px; }
#tc-item-3-container a:hover { cursor: default; background: url(../images/tc-item-3.png) -0px -23px  no-repeat; width: 36px; height: 22px; }

#tc-item-4 { position: absolute; z-index: 999; top: 350px; left: -40px; width: 34px; height: 25px; border: 0px solid red; }
#tc-item-4-container { display: block; background: url(../images/tc-item-4.png) 0px 0px no-repeat; }
#tc-item-4-container a { display: block; height: 25px; }
#tc-item-4-container a:hover { cursor: default; background: url(../images/tc-item-4.png) -0px -25px  no-repeat; width: 34px; height: 25px; }

#tc-item-5 { position: absolute; z-index: 999; top: 18px; left: 590px; width: 31px; height: 33px; border: 0px solid red; }
#tc-item-5-container { display: block; background: url(../images/tc-item-5.png) 0px 0px no-repeat; }
#tc-item-5-container a { display: block; height: 33px; }
#tc-item-5-container a:hover { cursor: default; background: url(../images/tc-item-5.png) -0px -33px  no-repeat; width: 31px; height: 33px; }

#tc-item-6 { position: absolute; z-index: 999; top: -5px; left: -15px; width: 8px; height: 62px; border: 0px solid red; }
#tc-item-6-container { display: block; background: url(../images/tc-item-6.png) 0px 0px no-repeat; }
#tc-item-6-container a { display: block; height: 62px; }
#tc-item-6-container a:hover { cursor: default; background: url(../images/tc-item-6.png) -0px -62px  no-repeat; width: 8px; height: 62px; }

#tc-item-7 { position: absolute; z-index: 999; top: 335px; left: 280px; width: 25px; height: 32px; border: 0px solid red; }
#tc-item-7-container { display: block; background: url(../images/tc-item-7.png) 0px 0px no-repeat; }
#tc-item-7-container a { display: block; height: 32px; }
#tc-item-7-container a:hover { cursor: default; background: url(../images/tc-item-7.png) -0px -32px  no-repeat; width: 25px; height: 32px; }

#tc-item-8 { position: absolute; z-index: 999; top: 21px; left: -14px; width: 73px; height: 56px; border: 0px solid red; }
#tc-item-8-container { display: block; background: url(../images/tc-item-8.png) 0px 0px no-repeat; }
#tc-item-8-container a { display: block; height: 56px; }
#tc-item-8-container a:hover { cursor: default; background: url(../images/tc-item-8.png) -0px -56px  no-repeat; width: 73px; height: 56px; }

#tc-item-9 { position: absolute; z-index: 999; top: 370px; left: 227px; width: 44px; height: 22px; border: 0px solid red; }
#tc-item-9-container { display: block; background: url(../images/tc-item-9.png) 0px 0px no-repeat; }
#tc-item-9-container a { display: block; height: 22px; }
#tc-item-9-container a:hover { cursor: default; background: url(../images/tc-item-9.png) -0px -22px  no-repeat; width: 44px; height: 22px; }

#tc-item-10 { position: absolute; z-index: 999; top: -50px; left: 294px; width: 18px; height: 53px; border: 0px solid red; }
#tc-item-10-container { display: block; background: url(../images/tc-item-10.png) 0px 0px no-repeat; }
#tc-item-10-container a { display: block; height: 53px; }
#tc-item-10-container a:hover { cursor: default; background: url(../images/tc-item-10.png) -0px -53px  no-repeat; width: 18px; height: 53px; }

div#antispam { padding-top: 14px; height: 0px; overflow: hidden; background-image: url(../images/infogfhby.gif); background-repeat: no-repeat; height: 0px !important; height :14px;}

.downloadable { background: #ffffff; border: 1px solid #c8c4b5; }
.downloadable .main { width: 580px; padding: 10px 0 0 0; margin: 0 auto; border: 0px solid #333333; }
.downloadable ul { margin: 0; padding: 0; padding: 5px 0 0 0; }
.downloadable ul li { overflow: hidden; list-style: none; }
.downloadable ul li .left { float: left; width: 85px; height: 75px; padding: 0; border: 0px solid #333333; }
.downloadable ul li .left a { float: left; }
.downloadable ul li .left a img { float: left; border: 0px solid #FFFFFF; }
.downloadable ul li .left a img:hover { }
.downloadable ul li .right { float: right; padding: 0 4px 0 0; width: 470px; color: #1c1c1c; border: 0px solid #333333; }
.downloadable ul li .right h3 { margin: 0; }
.downloadable ul li .right p { margin: 0; padding: 0; }
.downloadable ul li .right p.link { font-size: 10px; }

.photobox { background: #ffffff; border: 1px solid #c8c4b5; margin: 0; }
.photobox .main { width: 580px; padding: 10px 0 0 0; margin: 0 auto; border: 0px solid #333333; }
.photobox ul { margin: 0; padding: 0; padding: 5px 0 0 0; }
.photobox ul li { overflow: hidden; list-style: none; }
.photobox ul li .left { float: left; width: 100px; height: 84px; padding: 0; border: 0px solid #333333; }
.photobox ul li .left a { float: left; }
.photobox ul li .left a img { float: left; border: 1px solid #FFFFFF;}
.photobox ul li .left a img:hover { border: 1px solid #2099f9; }
.photobox ul li .right { float: right; padding: 0 4px 0 0; width: 445px; color: #1c1c1c; border: 0px solid #333333; }
.photobox ul li .right h3 { margin: 0; }
.photobox ul li .right p { margin: 0 0 0 0; }
.photobox ul li .right p.link { font-size: 10px; }

#facebox .b { background: url(../images/facebox/b.png); }
#facebox .tl { background: url(../images/facebox/tl.png); }
#facebox .tr { background: url(../images/facebox/tr.png); }
#facebox .bl { background: url(../images/facebox/bl.png); }
#facebox .br { background: url(../images/facebox/br.png); }
#facebox { position: absolute; top: 0; left: 0; z-index: 1000; text-align: center; }
#facebox .popup { position: relative; }
#facebox table { border-collapse: collapse; }
#facebox td { border-bottom: 0; padding: 0; }
#facebox .body { padding: 10px; background: #fff; width: 370px; }
#facebox .loading { text-align: center; }
#facebox .image { text-align: center; }
#facebox img { border: 0; margin: 0; }
#facebox .footer { border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right; }
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; }
#facebox_overlay { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; }
.facebox_hide { z-index: -100; }
.facebox_overlayBG { background-color: #000; z-index: 999; }
* html #facebox_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }