@charset "utf-8";

body { background: url(/images/MPP/bg.gif) no-repeat top center #222; }

#head #counter .number {  background: url(/images/MPP/sprites.png) no-repeat 0 -791px;}
#head #counter .comma { background: url(/images/MPP/sprites.png) no-repeat -308px -791px;  }
#head #counter .n1 { background-position: 0 -791px; }
#head #counter .n2 { background-position: -30px -791px; }
#head #counter .n3 { background-position: -60px -791px; }
#head #counter .n4 { background-position: -90px -791px; }
#head #counter .n5 { background-position: -120px -791px; }
#head #counter .n6 { background-position: -150px -791px; }
#head #counter .n7 { background-position: -180px -791px; }
#head #counter .n8 { background-position: -210px -791px; }
#head #counter .n9 { background-position: -240px -791px; }
#head #counter .n0 { background-position: -270px -791px; }


#head h1 a {  background: url(/images/MPP/logo.gif) no-repeat; width: 304px; height: 57px; margin: 12px 0 20px 10px; }
#head h1.nolink { background: url(/images/MPP/logo.gif) no-repeat; width: 304px; height: 57px;  margin: 12px 0 20px 10px; }

#head #search {left:438px; }

#head ul#nav li a {  background: url(/images/MPP/sprites.png) no-repeat 0 -97px;  }
#head ul#nav li a span { background: url(/images/MPP/sprites.png) no-repeat right -129px; }

#head ul#nav li.join a {  background: url(/images/MPP/sprites.png) no-repeat 0 -225px;  }

#head ul#nav li.join a span { background: url(/images/MPP/sprites.png) no-repeat right -257px; }

#head ul#nav { list-style: none; }
#head ul#nav li { float:left; margin-bottom: -1px; }
#head ul#nav li a {  height: 32px; margin-right: 2px; padding-left: 9px; float:left; text-decoration: none; }
#head ul#nav li a span {  font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; padding: 9px 21px 0 12px; color: #fff; float:left; height: 23px; cursor:pointer;  }
#head ul#nav li a:hover { background-position: 0 -161px; }
#head ul#nav li a:hover span { background-position: right -193px; color: #fff; }

#head ul#nav li.active a {  height: 33px; margin-right: 2px; padding-left: 9px; float:left; text-decoration: none; background: url(/images/MPP/sprites.png) no-repeat 0 -29px; }
#head ul#nav li.active a span {  height: 24px; color: #666; float:left;background: url(/images/MPP/sprites.png) no-repeat right -63px;  }

#head ul#nav li.join { }
#wide #head ul#nav li.join { margin-right:0; }
#head ul#nav li.join a {   height: 32px; margin-right: 2px; padding-left: 9px; float:left; text-decoration: none;  }
#wide #head ul#nav li.join a { margin-right: 0; }
#head ul#nav li.join a span {  color: #333; float:left; text-align: center; }
#head ul#nav li.join a:hover { background-position: 0 -289px; }
#head ul#nav li.join a:hover span { background-position: right -321px; color: #000; }


#splash-index { background: url(/images/MPP/index_splash.jpg) no-repeat top;}
#splash-member { background: url(/images/MPP/member_splash.jpg) no-repeat top;}
#splash-member .today, #splash-member .tomorrow { background: url(/images/MPP/bg_splash.gif) repeat-x 1px 0; }

#splash-index a.join { background: url(/images/MPP/sprites.png) no-repeat 0 -560px; }

#main { background: url(/images/MPP/bg_page.gif) repeat-y; }

#content { clear:left; background: url(/images/MPP/bg_content.gif) repeat-x top #fff; }

#content .left { background: url(/images/MPP/bg_left.gif) repeat-y right; }
#content .left_bg { background: url(/images/MPP/bg_left_bottom.gif) no-repeat bottom right; }
#content .link-list { background: url(/images/MPP/bg_left_top.gif) no-repeat top right; }

#content .link-list ul li a { background: url(/images/MPP/sprites.png) no-repeat 0 -640px; color: #08a9a8; }
#content .link-list ul li h5 a { color: #666; }

#content .right a.red-join { background: url(/images/MPP/sprites.png) no-repeat 0 -660px; }

#content .right ul.dvd-list li a.watch {  background: url(/images/MPP/sprites.png) no-repeat 0 -522px;}
#content .right ul.dvd-list li a.watch:hover { background-position: 0 -541px; }


#content ul.scene-list li a.watch { background: url(/images/MPP/sprites.png) no-repeat 0 -522px; }

#content .right .dvd-item .buttons a { background: url(/images/MPP/sprites.png) no-repeat 0 -731px; }

.members-footer { background: url(/images/MPP/memfoot.gif) no-repeat; }
#wide .members-footer { background: url(/images/MPP/memfoot-wide.gif) no-repeat; }

#right { background: url(/images/MPP/bg_right.gif) no-repeat 0 -40px; }

#right #mobile { background: url(/images/MPP/dpmobile.png) no-repeat right; }

#right h3 { background: url(/images/MPP/h3arrow.gif) no-repeat 0 0;  }

#right .scene { background: url(/images/MPP/sprites.png) 0 -365px;  }
#right .scene h4 { font-size: 11px; background:url(/images/MPP/sprites.png) no-repeat 0 -599px;  }

#right .scene a.play { background: url(/images/MPP/sprites.png) no-repeat -178px -481px; }

#right .dvd { background: url(/images/MPP/sprites.png) -452px -372px; }

#right .dvd a.play { background: url(/images/MPP/sprites.png) no-repeat -178px -481px;}


#right ul.scene-list li { background: url(/images/MPP/scene-list-arrow.gif) no-repeat left -66px;}

#right ul.scene-list li.active { background: url(/images/MPP/scene-list-arrow.gif) no-repeat left 5px; }

#joinFooter { background: url(/images/MPP/footer_join.png) no-repeat;  }
#wide #joinFooter { background: url(/images/MPP/footer_join.png) no-repeat #fff; }

#player_page #download { background: url(/images/MPP/player_bg.gif) repeat-x bottom; }

#player_page #download a { background: url(/images/MPP/downloadbuttons.png) no-repeat;}

#player_page .scene-info { background: url(/images/MPP/player_bg.gif) repeat-x bottom;  }

#player_page ul.tabs { background: url(/images/MPP/player_bg.gif) repeat-x bottom;  }

#content ul.tabs {  background: url(/images/MPP/player_bg.gif) repeat-x bottom; }



#joinForm { background: url(/images/MPP/join_bg.gif) no-repeat -80px 0 #fff; }

#joinForm #membershipOptions h1 { background: url(/images/MPP/join_step.gif) no-repeat 0 -90px; }
#joinForm #createAccount h1 { background: url(/images/MPP/join_step.gif) no-repeat top left; }

img.secure { position: absolute; top:-2px; right: 182px; }

#joinRight { background: url(/images/MPP/join_right.gif) bottom no-repeat;  }

a.back-button { background: url(/images/MPP/arrow_back.gif) no-repeat left; }

#upgrade h3 {  background: url(/images/MPP/arrow_red.gif) no-repeat left;  }
#upgrade h3.notice, #login h3.notice {color: #225011; font-size: 15px; background: #DDFFCC; border: 1px solid #119911; margin: 10px; padding: 10px; text-align: center;}