/* account and sso framing spec */
html, body { height: 100%; min-height: 100% }
html { background-color: #000; color: #fff; font-family: helvetica; }
body { background-color: #000; color: #fff; font-family: helvetica; }
#accountPageContainer { height: 1600px; width: 1000px; margin: 0 auto; border-left: 1px solid #666; border-right: 1px solid #666; background-color: #000; }
#pageHeader { height: 126px; }
* html #accountContentContainer { height: 100%; }
#accountContentContainer { position: relative; width: 100%; margin-top: 10px; }
#accountContentContainer .bgSideGraphic { background: url(/kink/images/sites/sideGraphic/5380_bg_join.jpg); width: 200px; height: 500px; }
#accountContentContainer .pdSideGraphic { background: url(/kink/images/sites/sideGraphic/pd_5563.jpg); width: 200px; height: 500px; }
#accountContentContainer .psSideGraphic { background: url(/kink/images/sites/sideGraphic/5832_PS_join.jpg); width: 200px; height: 500px; }
#siteGraphicOne { position: absolute; top: 0; left: 0; width: 200px; height: 500px; }
#accountContent { position: absolute; top: 0; left: 175px; width: 650px; padding-top: 10px; font-size: 12px; }
#siteGraphicTwo { position: absolute; top: 0; right: 0; width: 170px; height: 637px; }
table.loginContainer { margin: 0 auto; }
table.loginContainer td.loginHeader { text-align: center; padding-bottom: 10px; }
/* end general framing spec */
h1 { font-size: 2em; font-family: Arial, Helvetica; margin: 5px 0; }
a { color: #c00; text-decoration: none; }
a:link { color: #c00; font-weight: bold; }
a:visited { color: #c00; font-weight: bold; }
a:hover { color: #f00; text-decoration: underline; font-weight: bold; }
p { font-size: 1em; line-height: 1.2em; }
#joinContent #loginContainer { margin: 0 auto; }
#loginHeader { text-align: center; padding-bottom: 5px; font-size: 16px; }
.overallJoinContainer #joinContent { height: 800px; }
input[type="text"] { margin-left: 2px; border: 1px solid #69f; width: 97%; margin-top: 5px; }
input[type="password"] { margin-left: 2px; border: 1px solid #69f; width: 97%; margin-top: 5px; }
input[type="checkbox"] { border: 1px solid #69f; margin-right: 5px; }
#stepDots { margin: 0 auto; color: #c00; height: 30px; text-align: center; line-height: 30px; font-weight: bold; margin-bottom: 15px; }
#stepSelected { background: #fff; margin: 0 auto; font-size: 20px; width: 30px; border: 2px solid #c00; text-align: center; line-height: 30px; font-weight: bold; color: #c00; }
#stepDeselected { margin: 0 auto; font-size: 15px; color: #c00; width: 25px; height: 25px; text-align: center; line-height: 25px; font-weight: bold; border: 1px dotted #ccc; }
#stepsText { font-size: 12px; line-height: 16px; font-weight: bold; width: 100px; }
#stepsTextDeselect { font-size: 12px; color: #c00; width: 100px;}
.divider { background: url(/images/join/redDivider.jpg) no-repeat center; margin-top: 5px; }
#discountedPricing { text-align: center; padding-bottom: 5px; font-size: 20px; }
#stepContainer { margin: 5px auto 6px auto; text-align: center; padding: 5px; }
#stepContainer td { text-align: center; }
#stepContainer table.registerSteps { margin: 0 auto; }
#loginContainer td.loginHeader { height: 35px; font-size: 16px; text-align: center; color: #fff; line-height: 35px; }
#loginContainer td { vertical-align: top; margin-top: 5px; font-size: 12px; }
#loginContainerLeft {vertical-align: top; width: 310px;}
.rowTable { padding: 5px; width: 100%; color: #fff; border: 1px solid #c00; border-spacing: 1px; margin-bottom: 10px; font-weight: bold; }
.rowTable th { font-size: 12px; font-weight: bold; padding: 4px; white-space: nowrap; text-align: right; }
.rowTable td { vertical-align: center; }
.loginField { margin-top: 5px; width: 97%; }
#joinContent { position: relative; }
.joinFooter { text-align: center; margin-top: 20px; }
.mwHeaderGraphic { background: url(/kink/images/sites/header/MALEWANK_743_1237.jpg) }
.mwSideGraphic { background: url(/kink/images/sites/sideGraphic/1236_mw_tall.jpg) }
.wbHeaderGraphic { background: url(/kink/images/sites/header/wbbanner_3402.jpg); }
.wbSideGraphic { background: url(/kink/images/sites/sideGraphic/5049_wb_tall.jpg); }
.rfcHeaderGraphic { background: url(/kink/images/sites/header/REALFUCKINGCOUPLES_2495_2479_2609_2542.jpg); }
.rfcSideGraphic { background: url(/kink/images/sites/sideGraphic/2609_rfc_tall.jpg); }
.bmbHeaderGraphic { background: url(/kink/images/sites/header/6819_6810_6719_bmb_header.jpg); }
.bmbSideGraphic { background: url(/kink/images/sites/sideGraphic/6875_bmb_join.jpg); }
.ttooHeaderGraphic { background: url(/kink/images/sites/header/ttoo_4861_join.jpg); }
.ttooSideGraphic { background: url(/kink/images/sites/sideGraphic/11616_ttoo.jpg); }
.mipHeaderGraphic { background: url(/kink/images/sites/header/4357_4230_4263_4748_mip.jpg); }
.mipSideGraphic { background: url(/kink/images/sites/sideGraphic/5305_mip_tall.jpg); }
.tssHeaderGraphic { background: url(/kink/images/sites/header/5551_5714_4669_tss_header.jpg); height: 150px !important; }
.tssSideGraphic { background: url(/kink/images/sites/sideGraphic/5250_ts_tall.jpg); }
.htHeaderGraphic { background: url(/kink/images/sites/header/9235_ht_header.jpg); height: 175px !important; }
.htSideGraphic { background: url(/kink/images/sites/sideGraphic/9235_join_page.jpg); }
.wpHeaderGraphic { background: url(/kink/images/sites/header/6431_5350_wp_header.jpg); }
.wpSideGraphic { background: url(/kink/images/sites/sideGraphic/6457_wp_join.jpg); }
.waHeaderGraphic { background: url("http://content.kink.com/mmr/2010/08/20/8522_7208_wa_header_a_123457.jpg"); height: 175px !important; }
.waSideGraphic { background: url(/kink/images/sites/sideGraphic/7021_wa_join.jpg); }
.sasHeaderGraphic { background: url(/kink/images/sites/header/6417_4979_sas_header.jpg); }
.sasSideGraphic { background: url(/kink/images/sites/sideGraphic/5989_sas_join.jpg); }
.dbHeaderGraphic { background: url(/kink/images/sites/header/6499_6500_db_header.jpg); height: 150px !important; }
.dbSideGraphic { background: url(/kink/images/sites/sideGraphic/6553_db_tall.jpg); }
.fmHeaderGraphic { background: url(/kink/images/sites/header/4240_3829_fm_head.jpg); }
.fmSideGraphic { background: url(/kink/images/sites/sideGraphic/5859_tall_fm.jpg); }
.usHeaderGraphic { background: url(/kink/images/sites/header/4278_4393_US_head.jpg); }
.usSideGraphic { background: url(/kink/images/sites/sideGraphic/5045_us_tall.jpg); }
.pdHeaderGraphic { background: url(/kink/images/sites/header/PUBLICDISGRACE_5781_5806_pd_head.jpg); }
.pdSideGraphic { background: url(/kink/images/sites/sideGraphic/pd_5563.jpg); }
.psHeaderGraphic { background: url(/kink/images/sites/header/p_header.jpg); }
.psSideGraphic { background: url(/kink/images/sites/sideGraphic/5832_PS_join.jpg); }
.bgHeaderGraphic { background: url(/kink/images/sites/header/header_BG.jpg); }
.nkHeaderGraphic { background: url(/kink/images/sites/header/6189_6186_6208_nk_header_alt.jpg); }
.nkSideGraphic { background: url(/kink/images/sites/sideGraphic/6186_nk_join.jpg); }
.ebHeaderGraphic { background: url(/kink/images/sites/header/6144_6649_eb_1000x150.jpg); height: 150px !important; }
.ebSideGraphic { background: url(/kink/images/sites/sideGraphic/6659_eb_side.jpg); }
.dibHeaderGraphic { background: url(/kink/images/sites/header/DiB_header_1000x150.jpg); height: 150px !important; }
.dibSideGraphic { background: url(/kink/images/sites/sideGraphic/5657_dib_join_side.jpg); }
.threedHeaderGraphic { background: url(/kink/images/sites/header/3dk_header_1000x150.jpg); }
.threedSideGraphic { background: url(/kink/images/sites/sideGraphic/3dk_join_side.jpg); height: 450px !important; }
.tufHeaderGraphic { background: url(/kink/images/sites/header/6531_TUF_Header.jpg); height: 150px !important; }
.tufSideGraphic { background: url(/kink/images/sites/sideGraphic/6531_TUF_join.jpg); height: 450px !important; }
.klHeaderGraphic { background: url(/kink/images/sites/header/7366_KL_Header_1000x126_115258.jpg); height: 126px !important; }
.klSideGraphic { display: none; }
.bipHeaderGraphic { background: url(/kink/images/sites/header/9788_BiP_header.jpg); height: 185px !important; }
.bipSideGraphic { background: url(/kink/images/sites/sideGraphic/10140_BiP_joinPage_sideGFX.jpg); height: 506px !important; width: 190px; }
.bgbHeaderGraphic { background: url(/kink/images/sites/header/12402_12465_bgb_header.jpg); height: 175px !important; }
.bgbSideGraphic { background: url(/kink/images/sites/sideGraphic/11975_bgb_join.jpg); height: 506px !important; width: 190px; }
.kodHeaderGraphic { background: url(/kink/images/sites/header/KINKONDEMAND_a.jpg); }
.kodSideGraphic { display: none; }
.mwMobileGraphic { background: url(/kink/images/mobile/mw_mobile_header.jpg) no-repeat scroll center; }
.wbMobileGraphic { background: url(/kink/images/mobile/wb_mobile_header.jpg) no-repeat scroll center; }
.rfcMobileGraphic { background: url(/kink/images/mobile/rfc_mobile_header.jpg) no-repeat scroll center; }
.bmbMobileGraphic { background: url(/kink/images/mobile/bmb_mobile_header.jpg) no-repeat scroll center; }
.ttooMobileGraphic { background: url(/kink/images/mobile/ttoo_mobile_header.jpg) no-repeat scroll center; }
.mipMobileGraphic { background: url(/kink/images/mobile/mip_mobile_header.jpg) no-repeat scroll center; }
.tssMobileGraphic { background: url(/kink/images/mobile/tss_mobile_header.jpg) no-repeat scroll center; }
.htMobileGraphic { background: url(/kink/images/mobile/ht_mobile_header.jpg) no-repeat scroll center; }
.wpMobileGraphic { background: url(/kink/images/mobile/wp_mobile_header.jpg) no-repeat scroll center; }
.waMobileGraphic { background: url(/kink/images/mobile/wa_mobile_header.jpg) no-repeat scroll center; }
.sasMobileGraphic { background: url(/kink/images/mobile/sas_mobile_header.jpg) no-repeat scroll center; }
.dbMobileGraphic { background: url(/kink/images/mobile/db_mobile_header.jpg) no-repeat scroll center; }
.fmMobileGraphic { background: url(/kink/images/mobile/fm_mobile_header.jpg) no-repeat scroll center; }
.usMobileGraphic { background: url(/kink/images/mobile/us_mobile_header.jpg) no-repeat scroll center; }
.pdMobileGraphic { background: url(/kink/images/mobile/pd_mobile_header.jpg) no-repeat scroll center; }
.psMobileGraphic { background: url(/kink/images/mobile/ps_mobile_header.jpg) no-repeat scroll center; }
.bgMobileGraphic { background: url(/kink/images/mobile/bg_mobile_header.jpg) no-repeat scroll center; }
.nkMobileGraphic { background: url(/kink/images/mobile/nk_mobile_header.jpg) no-repeat scroll center; }
.ebMobileGraphic { background: url(/kink/images/mobile/eb_mobile_header.jpg) no-repeat scroll center; }
.dibMobileGraphic { background: url(/kink/images/mobile/dib_mobile_header.jpg) no-repeat scroll center; }
.threedMobileGraphic { background: url(/kink/images/mobile/threed_mobile_header.jpg) no-repeat scroll center; }
.tufMobileGraphic { background: url(/kink/images/mobile/tuf_mobile_header.jpg) no-repeat scroll center; }
.kodMobileGraphic { background: url(/kink/images/mobile/kod_mobile_header.jpg) no-repeat scroll center; }
.pMobileGraphic { background: url(/kink/images/mobile/p_mobile_header.jpg) no-repeat scroll center; }
.bipMobileGraphic { background: url(/kink/images/mobile/bip_mobile_header.jpg) no-repeat scroll center; }
.mobileJoinButton { background: url(/kink/images/mobile/small_blue_button.png) no-repeat top center; border: none; height: 30px; width: 175px; color: #fff; }
#mobileHeader { height: 71px; width: 300px; margin: 0 auto; }
.mipWelcomeContainer { width: 1000px; height: 600px; background:transparent url(/kink/images/sites/welcome/4867_welcomeBG_mip.jpg) no-repeat scroll center; margin: 0 auto; font-weight: bold; }
.htWelcomeContainer { width: 1000px; height: 600px; background:transparent url(/kink/images/sites/welcome/new/9235_HT_welcomePage.jpg) no-repeat scroll center; margin: 0 auto; font-weight: bold; }
.wbWelcomeContainer { width: 1000px; height: 600px; background:transparent url(/kink/images/sites/welcome/new/4849_WB_welcomePage.jpg) no-repeat scroll center; margin: 0 auto; font-weight: bold; }
.waWelcomeContainer { width: 1000px; height: 600px; background:transparent url(/kink/images/sites/welcome/new/7021_WA_welcomePage.jpg) no-repeat scroll center; margin: 0 auto; font-weight: bold; }
.wpWelcomeContainer { width: 1000px; height: 600px; background:transparent url(/kink/images/sites/welcome/new/6303_WP_welcomePage.jpg) no-repeat scroll center; margin: 0 auto; font-weight: bold; }
.tssWelcomeContainer { width: 1000px; height: 600px; background:transparent url(/kink/images/sites/welcome/new/4623_TSS_welcomePage.jpg) no-repeat scroll center; margin: 0 auto; font-weight: bold; }
.sasWelcomeContainer { width: 1000px; height: 600px; background:transparent url(/kink/images/sites/welcome/new/6417_SAS_welcomePage.jpg) no-repeat scroll center; margin: 0 auto; font-weight: bold; }
.ttooWelcomeContainer { width: 1000px; height: 600px; background:transparent url(/kink/images/sites/welcome/new/4682_TTOO_welcomePage.jpg) no-repeat scroll center; margin: 0 auto; font-weight: bold; }
.dbWelcomeContainer { width: 1000px; height: 600px; background:transparent url(/kink/images/sites/welcome/new/6469_DB_welcomePage.jpg) no-repeat scroll center; margin: 0 auto; font-weight: bold; }
.fmWelcomeContainer { width: 1000px; height: 600px; background:transparent url(/kink/images/sites/welcome/new/5451_FM_welcomePage.jpg) no-repeat scroll center; margin: 0 auto; font-weight: bold; }
.usWelcomeContainer { width: 1000px; height: 600px; background:transparent url(/kink/images/sites/welcome/new/4657_US_welcomePage.jpg) no-repeat scroll center; margin: 0 auto; font-weight: bold; }
.bgWelcomeContainer { width: 1000px; height: 600px; background:transparent url(/kink/images/sites/welcome/new/5282_BG_welcomePage.jpg) no-repeat scroll center; margin: 0 auto; font-weight: bold; }
.pdWelcomeContainer { width: 1000px; height: 600px; background:transparent url(/kink/images/sites/welcome/new/5560_PD_welcomePage.jpg) no-repeat scroll center; margin: 0 auto; font-weight: bold; }
.psWelcomeContainer { width: 1000px; height: 600px; background:transparent url(/kink/images/sites/welcome/new/5382_P_welcomePage.jpg) no-repeat scroll center; margin: 0 auto; font-weight: bold; }
.nkWelcomeContainer { width: 1000px; height: 600px; background:transparent url(/kink/images/sites/welcome/new/6208_NK_welcomePage.jpg) no-repeat scroll center; margin: 0 auto; font-weight: bold; }
.ebWelcomeContainer { width: 1000px; height: 600px; background:transparent url(/kink/images/sites/welcome/new/6811_EB_welcomePage.jpg) no-repeat scroll center; margin: 0 auto; font-weight: bold; }
.bmbWelcomeContainer { width: 1000px; height: 600px; background:transparent url(/kink/images/sites/welcome/6875_bmb_welcomepage.jpg) no-repeat scroll center; margin: 0 auto; font-weight: bold; }
.dibWelcomeContainer { width: 1000px; height: 600px; background:transparent url(/kink/images/sites/welcome/new/DiB_welcomePage_2.jpg) no-repeat scroll center; margin: 0 auto; font-weight: bold; }
.tufWelcomeContainer { width: 1000px; height: 600px; background:transparent url(/kink/images/sites/welcome/new/6531_TUF_welcomePage.jpg) no-repeat scroll center; margin: 0 auto; font-weight: bold; }
.bipWelcomeContainer { width: 1000px; height: 600px; background:transparent url(/kink/images/sites/welcome/new/bip_welcomeBG.jpg) no-repeat scroll center; margin: 0 auto; font-weight: bold; }
.bgbWelcomeContainer { width: 1000px; height: 600px; background:transparent url(/kink/images/sites/welcome/new/11773_BGB_welcomePage.jpg) no-repeat scroll center; margin: 0 auto; font-weight: bold; }
.threedWelcomeContainer { width: 1000px; height: 600px; background:transparent url(http://3dkink.com/3d/img/welcome_3dk_bg.jpg) no-repeat scroll center; margin: 0 auto; font-weight: bold; }
.welcomeContentBox { width: 500px; text-align: center; margin: 40px; }
.welcomeContentBox h1 { font-size: 20px; text-transform: uppercase; text-align: center; color: #fff; }
.welcomeContentBox .left { float: left; width: 200px; text-align: left; margin-bottom: 30px; margin-left: 20px; }
.welcomeContentBox p { margin: 15px 0; }
.welcomeContentBox .finalBreak { text-align: left; clear: both; }
#freeSchwagFM { background: url(/kink/images/sites/schwag/freeDildo.jpg) no-repeat; height: 55px; margin: 5px 0pt 10pt 40px; width: 300px; }
#freeSchwagWP { background: url(/kink/images/sites/schwag/freeClamps.jpg) no-repeat; height: 60px; margin: 5px 0pt 10pt 40px; width: 300px; }
.welcomeSupportContainer { font-size: 12px; width: 430px; margin: 0 auto; }
.welcomeSupportContainer a { color: #d8202a; }
.welcomeContent { margin: 40px 20px; text-align: center; width: 550px; float: left; color: #fff; }
.welcomeContent img { margin: 15px; }
.welcomeContent h1 { text-transform: uppercase; color: #d8202a; font-size: 20px; margin: 5px; }
.welcomeContent h2 { text-transform: uppercase; color: #fff; font-size: 25px; margin: 5px; }
.welcomeContent a { color: #d8202a; margin: 5px; text-decoration: underline; text-transform: none; }
.welcomeContent a: link{ color: #d8202a; }
.welcomeContentBox { background: #000; -webkit-border-radius: 15px; -moz-border-radius: 15px; padding: 25px; }
.joinButton2 { background: transparent url(http://www.kinkondemand.com/static/img/kod/nav_button.jpg) no-repeat scroll center; border: 1px solid #c00; color: #fff; margin: 5px 10px 0 0; }
.centerText { text-align: center; }
/* new join form css */
.rowTable2 { padding: 10px; width: 400px; color: #fff; border: 1px solid #c00; border-spacing: 1px; margin-bottom: 10px; font-weight: bold; background: #151515; }
.rowTable2 th { font-size: 12px; font-weight: bold; padding: 4px; white-space: nowrap; font-size: 17px; }
.rowTable2 td { vertical-align: center; }
#loginContainer2 { margin-left: 40px; }
#loginContainer2 td.loginHeader { height: 35px; font-size: 16px; text-align: center; color: #fff; line-height: 35px; }
#loginContainer2 td { vertical-align: top; margin-top: 5px; font-size: 12px; }
#stepsText2 { font-size: 12px; line-height: 16px; font-weight: bold; }
#stepsTextDeselect2 { font-size: 12px; color: #444; }
#stepSelected2 { margin: 0 auto; font-size: 20px; width: 30px; border: 2px solid #c00; text-align: center; line-height: 30px; font-weight: bold; color: #fff; }
#stepDeselected2 { margin: 0 auto; font-size: 15px; color: #444; width: 25px; height: 25px; text-align: center; line-height: 25px; font-weight: bold; border: 1px solid #444; }
/* Button styles */
.button, .button > span { background-image: url("/kink/images/buttons_master_sprite.png") !important; background-repeat: no-repeat; background-color: transparent; cursor: pointer; }
.button, .button span { display: block; color: #fff; text-decoration: none !important; text-align: center; }
.button { float: left; }
.button.button23px { height: 23px; font-size: 13px; margin: 3px 8px 15px 0; padding: 0 6px 0 0; }
.button.button23px > span { padding: 5px 0 5px 7px; line-height: 13px; }
.button.button23px.red span { background-position: 0 -300px; }
.button.button23px.red:hover span { background-position: 0 -330px; }
.button.button23px.red { background-position: right -720px; }
.button.button23px.red:hover { background-position: right -750px; }
.button.button44px { height: 44px; margin-left: 15px; padding: 0 12px 0 0; font-size: 1.3em; font-weight: normal; }
.button.button44px > span { padding: 14px 0 14px 14px; line-height: 16px; }
.button.button44px.red span { background-position: 0 -200px; }
.button.button44px.red:hover span { background-position: 0 -250px; }
.button.button44px.red { background-position: right -620px; }
.button.button44px.red:hover { background-position: right -670px; }
button.button { border: none; }
button.button::-moz-focus-inner { border: none; padding:0; }
/* IE6 nonsense */
* html a.black { background: #666; }
* html a.blue { background: #6AA7F0; }
* html a.red { background: #E7232C; }
/* End Button styles */