/* MYO Make Your Own */

html { font-size: 100%; }
table { font-size: 100%; }

body { margin: 0; padding: 58px 0 30px 0; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 71%; color: #555; background: #fff; }

.notvisible { visibility: hidden; text-decoration: none; }
.donotshow { display: none !important; }
p { margin: 0 0 15px 0; }
img { border: none; display: block; }

a { color: #83be42; text-decoration: none; }
a:hover { color: #f18915; text-decoration: none; }

h1 { color: #000; margin: 35px 0 15px 0; line-height: normal; font-size: 210%; }
h2 { color: #83be42; margin: 15px 0 5px 0; line-height: normal; font-size: 195%; }
h2.sIFR-replaced { margin-bottom: -5px; height: 41px; }
h3 { color: #000; margin: 30px 0 10px 0; line-height: normal; font-size: 160%; }
h4 { color: #000; margin: 25px 0 10px 0; line-height: normal; font-size: 140%; }
h5 { color: #000; margin: 20px 0 5px 0; line-height: normal; font-size: 110%; }
h6 { color: #000; margin: 15px 0 5px 0; line-height: normal; font-size: 100%; }

form { padding: 0; margin: 0; }

.clearfloats { clear: both; height: 0px; font-size: 1px; line-height: 0px; }
.clear {clear: both;}
.firstchild { padding-top: 0 !important; margin-top: 0 !important; }

.aligncenter { text-align: center; }

h1.printheader { display: none; }


/* Main Contents */
.sitecontainer { margin: 0 auto; padding: 0 30px; width: 851px; font-size: 108%; position: relative; }

h1#myclub { position: absolute; top: -24px; left: -18px; margin: 0; width: 260px; height: 167px; background: url(images/myclub-logo.gif) no-repeat; text-indent: -9999em; }

a.fblink { display: block; width: 144px; height: 44px; position: absolute; top: -53px; right: 115px; text-indent: -9999em; outline: none; }
a.myolink { display: block; width: 66px; height: 45px; position: absolute; top: -45px; right: 29px; text-indent: -9999em; outline: none; }
a.gotomyo { display: block; width: 207px; height: 26px; float: right; font-size: 10px; margin-bottom: 43px; background: url(images/join-goto-myo.gif) no-repeat top left; }
a.gotomyo:hover { background-position: bottom left; }

a.logout { display: block; width: 56px; height: 17px; float: right; font-size: 10px; margin-bottom: 35px; background: url(images/member-logout.gif) no-repeat top left; }
a.logout:hover { background-position: bottom left; }


/* - JOIN */
#join.sitecontainer { background: #fecf05 url(images/join-sitecontainer-topbg.gif) no-repeat top left; }
#join .footer { background: url(images/join-footer-bg.gif) no-repeat bottom left; }
#join .main-copy { background: #fff url(images/join-maincopy-corners.gif) no-repeat top left; }
#join .main-copy-inner { background: url(images/join-maincopy-corners.gif) no-repeat bottom right; }
* html #join .main-copy-inner {padding-left: 27px;!important; padding-right: 27px!important;}
#join .column-item { background: #fff url(images/join-rightcol-corners.gif) no-repeat top left; }
#join .column-item-inner { background: url(images/join-rightcol-corners.gif) no-repeat bottom right; }

#msg {margin-top: -4px;}
#msg p {margin: 0 0 3px 0;}

/* - Logged In */
#member.sitecontainer { background: #9ed236 url(images/member-sitecontainer-topbg.gif) no-repeat top left; }
#member .footer { background: url(images/member-footer-bg.gif) no-repeat bottom left; }
#member .main-copy { background: #fff url(images/member-maincopy-corners.gif) no-repeat top left; color: #636363; }
#member .main-copy-inner { background: url(images/member-maincopy-corners.gif) no-repeat bottom right; padding-top: 30px; padding-bottom: 20px; }
#member .column-item { background: #fff url(images/member-rightcol-corners.gif) no-repeat top left; }
#member .column-item-inner { background: url(images/member-rightcol-corners.gif) no-repeat bottom right; }


/* - Club Header */
.club-header { float: right; width: 590px; padding: 11px 0 0 0; min-height: 164px; height: auto !important; height: 164px; }
.club-header h1 { clear: right; width: 590px; height: 70px; font-size: 10px; margin: 0; padding: 0; font-size: 20px; color: #fefefe; text-align: right; background: url(images/join-title-bg.gif) no-repeat top right; }
.club-header h1.welcometitle { height: auto; background: none; }


/* - Main Copy */
.main-copy { float: left; width: 557px;}
.main-copy-inner { width: 497px; padding: 25px 30px; }

.main-copy ul { margin: 0; padding: 0 0 0 18px;  }
.main-copy ul li { padding-bottom: 3px; }
.main-copy img.floatmid { margin: 0 auto; }

.right-column { float: right; width: 264px; }

.column-item { width: 264px; }
.column-item-inner { width: 220px; padding: 18px 22px; }
.column-item-inner h3 { width: 220px; height: 53px; margin: 0 0 15px 0; font-size: 12px; text-indent: -9999em; }

.join-today { margin-bottom: 26px; }
.join-today h3 { background: url(images/join-today-titlebg.gif) no-repeat 0px 0px; }
.join-today .column-item-inner { height: 380px; }

#join-form { position: relative; }
#join-process { display: none; }
#join-process img { margin: 0 auto; padding-top: 115px; width: 32px; height: 32px; }
#join-thanks { display: none; text-align: center; line-height: 140%; color: #636363; }
#join-thanks h3 { margin: 45px 0 20px 0; width: 210px; height: 80px; background: url(images/join-thankyou-title.gif) no-repeat top center; color: #ffcf00; font-size: 20px; text-indent: -9999em; }

#login-process { display: none; }
#login-process img { margin: 0 auto; padding-top: 115px; width: 32px; height: 32px; }

.member-login h2 { width: 220px; height: 53px; margin: 0 0 15px 0; font-size: 12px; text-indent: -9999em; background: url(images/join-login-titlebg.gif) no-repeat 0px 0px; }
.member-login a { color: #f18915; font-weight: bold; font-size: 90%; }
.member-login a:hover { color: #83be42; }
.member-login .erroroccured { display: none; font-weight: bold; color: #d02a2a; padding: 0 0 15px 0; }

.my-profile h3 { background: url(images/member-profile-titlebg.gif) no-repeat 0px 0px; }

.downloadvoucher { display: block; width: 423px; margin: 10px auto 0 auto; }


/* - Confirmation Page */
#confirmation-container { padding: 212px 20px 0 20px; margin: 0 auto; width: 530px; background: url(images/confirmed/confirmed-top.gif) no-repeat top left; }
#confirmation-container h1 { display: none; }
#confirmation-container h2 { margin: 0 0 15px 0; color: #636363; font-weight: normal; font-size: 120%; }
#confirmation-container h2 strong { font-size: 115%; }
#confirmation-container .confirmed-content {background: url(images/confirmed/confirmed-bgrepeat.gif) repeat-y left; color: #636363; font-size: 120%; margin: -7px 0 0 0; padding: 0 55px 30px 55px; text-align: center; width: 420px; }
\ html #confirmation-container .confirmed-content {margin-top: 0;}

#confirmation-container .login-form { width: 410px; text-align:left; margin-top: 25px; padding: 25px 0 30px 10px; border-top: 1px solid #e1e1e1; }
#confirmation-container .login-form label { float: left; font-weight: bold; float: left; width: 172px; font-size: 90%; padding-bottom: 2px; color: #83be42; }
#confirmation-container .login-form input.text { padding: 0; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 154px; margin-right: 15px;
 }
#confirmation-container .login-form input.confirmed-submit { float: left; margin: 0; }
#confirmation-container .confirmed-footer { width: 495px; padding: 44px 0 12px 35px; background: url(images/confirmed/confirmed-btm.gif) no-repeat top left; color: #fff; font-weight: bold; }

/* - Play 1-in-10 comp - */

#play {text-align: center; margin: 20px 0 10px 0; width: 517px; float: left;}
* html #play {width: 490px;}
#play a {color: #828282; text-decoration: underline;  }
#play input.play_code {background: #fff; width: 338px; height: 34px; padding: 10px; border: 1px solid #9ed236; font-size: 200%; text-align: center; margin: 10px 0;}
#play input.play_check {width: 20px; height: 20px;}

* html img#blurb_copy {width: 490px;}

/* - Generic Form Styling */
label { font-weight: bold; display: block; }
label.checklabel { margin: 3px 0 0 20px; font-size: 90%; }
label a { cursor: pointer; }
input.text { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #555; width: 210px; margin: 2px 0 4px 0; }
input.text.pass { letter-spacing: 1px; }
select { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #555; width: 216px; margin: 2px 0 5px 0; }
select .formhead { color: #6aa02f; font-weight: bold; }
select.day { width: 55px; margin-right: 6px; }
select.month { width: 95px; }
select.local { margin-bottom: 10px; }
input.checkradio { float: left; margin: 4px 0 0 0; }
\ html input.checkradio { margin-left: -3px; margin-top: 1px; }
input.f_login_password { display: none; letter-spacing: 1px; }

.submit { margin: 13px 0 0 0; padding: 13px 0 2px 0; border-top: 1px solid #e3e3e3; }
.submit input { font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.submit.update-details { margin-top: 50px; }
.member-login .submit { padding: 8px 0 10px 0; margin-top: 0; border-top: none; }
.member-login .submit input { margin-bottom: 8px; }
.member-login .submit a { display: block; }

/* - Error page */

#confirmation-container .error { width: 420px; padding: 0 55px 20px 55px; background: url(images/confirmed/confirmed-bgrepeat.gif) repeat-y left; color: #636363;}


/* - Footer */
.footer { width: 858px; height: 28px; padding: 12px 0 0 53px; margin: 0 -30px; color: #fefefe; font-weight: bold; font-size: 90%; }

.smallText { font-size: 0.9em; }