@charset "utf-8";

/*	PLAYBOY ZONE
	Author:	Stephan van Opstal, Netvlies
	----------------------------------------------------*/

/*	Table of contents
	=GENERIC
	=BODY
	=WRAPPERS
	=NAVIGATION
	=SIDEBAR
	=GLOBAL VIDEO LISTING / PAGING / FILTER
	=CONTESTS
	=VIDEO DETAIL
	=ADVERTISEMENT
	=UPLOAD
	=UPLOAD (FORM)
	=UPLOAD (FOOTER)
	=404
	=TYPOGRAPHY (GLOBAL)
 	----------------------------------------------------*/

/*	=GENERIC
	----------------------------------------------------*/
	* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
	img { border: 0; vertical-align: bottom; }
	.clr { overflow: hidden; height: 100%; }
	a { outline: 0; }
	
/*	=BODY
	----------------------------------------------------*/
	body { background: #000 url(../img/body_bg.gif) repeat-x; text-align: center; padding: 25px 0 20px 0; }
	
/*	=WRAPPERS
	----------------------------------------------------*/
	.wrapper { width: 960px; margin: 0 auto;  text-align: left; }
	#page_header { height: 75px; background: #3a3a3a; position: relative; }
	
	#page_content { background: #ebebeb; padding-bottom: 20px; }
	#page_content .col_a { width: 610px; float: left; display: inline; margin: 20px 0 0 20px; position: relative; }
	#page_content .col_b { margin: 20px 20px 0 20px; position: relative; }
	
/*	=TYPOGRAPHY (GLOBAL)
	----------------------------------------------------*/
	h1 { font-size: 12px; color: #000; font-weight: bold; } 
	h2 { font-size: 12px;  color: #414141; font-weight: bold; }
	h2 a { color: #414141; text-decoration: none; }
	h3 { font-size: 14px; color: #fff; font-weight: bold; padding: 2px; text-transform: uppercase; margin-top: 10px; }
	h3 span { background: #da182c; }
	h3 a { color: #fff; }
	h3.movie { padding-top: 8px; padding-left: 40px; background: url(../img/ico_video_large.gif) no-repeat 0 0px; }
	h3.photo { padding-top: 8px; padding-left: 40px; background: url(../img/ico_photo_large.gif) no-repeat 0 0px; }
	h3.contest { padding-top: 8px; padding-left: 40px; background: url(../img/ico_contest_large.gif) no-repeat 0 0px; }
	.col_a h3, .col_b h3 { padding-bottom: 15px; }
	p { font-size: 12px; color: #000; }
	p a { color: #000; }

	.txt { margin: 0 0 15px 0; background: url(../img/dots2.gif) repeat-x top; padding-top: 15px; }
	.txt ul { margin: 0 0 0 15px; list-style-type: square; }
	.txt ul li { font-size: 12px; color: #000; }
	.txt p.dt { margin: 5px 0 5px 0; font-size: 10px; }
	.txt p img { float: left; margin: 2px 10px 5px 0; }
	.txt h3 { padding-bottom: 0; padding-top: 0; margin-top: 0; }
	
/*	=NAVIGATION
	----------------------------------------------------*/
	#nav_meta { list-style: none; position: absolute; top: 28px; right: 15px; }
	#nav_meta li { color: #fff; float: left; font-size: 12px; }
	#nav_meta li a { color: #fff; text-decoration: none; }
	
	#nav_main { list-style: none; background: url(../img/nav_main_bg.gif) repeat-x; }
	#nav_main li { float: left; height: 50px; text-indent: -9999px; }
	#nav_main li a { display: block; height: 100%; }
	#nav_main a.nav_1 { width: 89px; background: url(../img/nav_main_btn_home.gif) no-repeat; }
	#nav_main a.nav_3 { width: 80px; background: url(../img/nav_main_btn_sexy.gif) no-repeat; }
	#nav_main a.nav_4 { width: 193px; background: url(../img/nav_main_btn_playboy-contests.gif) no-repeat; }
	#nav_main a.nav_5 { width: 99px; background: url(../img/nav_main_btn_humor.gif) no-repeat; }
	#nav_main a.nav_6 { width: 166px; background: url(../img/nav_main_btn_entertainment.gif) no-repeat; }
	#nav_main li a:hover, #nav_main li a.active { background-position: 0 -50px; }
	
/*	=SIDEBAR
	----------------------------------------------------*/
	#sidebar { width: 270px; /*290*/ padding: 10px; float: right; display: inline; background: #cacaca; margin: 20px 20px 0 0; }
	
	#frm_search { background: url(../img/dots.gif) repeat-x bottom; padding-bottom: 15px; margin: 0 0 10px 0; }
	#frm_search p { margin-bottom: 5px; }
	#frm_search p span { font-style: italic; }
	#frm_search input { font-size: 12px; float: left; vertical-align: middle; }
	#frm_search .fld { width: 190px; margin: 0 10px 0 0; border: 1px solid #b2afaf; padding: 2px 2px 3px 2px; }
	#frm_search .sbt { width: 60px; height: 22px; }
	
	#most_popular .video  { position: relative; height: 61px; background: url(../img/dots.gif) repeat-x bottom;  margin: 10px 0 0 0; }
	#most_popular .video .thumb { float: left; display: inline; margin: 0 10px 0 0; width: 50px; height: 50px; }
	#most_popular .video .ico { position: absolute; right: 0; top: 0; }
	#most_popular .video h2 { margin: 0 28px 0 0; }
	
	#most_popular_contest .video  { position: relative; height: 61px; background: url(../img/dots.gif) repeat-x bottom;  margin: 10px 0 0 0; }
	#most_popular_contest .video .thumb { float: left; display: inline; margin: 0 10px 0 0; width: 50px; height: 50px; }
	#most_popular_contest .video .ico { position: absolute; right: 0; top: 0; }
	#most_popular_contest .video h2 { margin: 0 28px 0 0; }
	
	#sendyourown { background: url(../img/dots.gif) repeat-x bottom; padding-bottom: 1px; }
	#babeoftheweek { margin: 5px 0 0 0; }
	
	#sidebar .cat_list { list-style: none; margin: 5px 0 0 0; background: url(../img/dots.gif) repeat-x bottom; padding-bottom: 10px; }
	#sidebar .cat_list li { font-size: 12px; color: 000; line-height: 18px; }
	#sidebar .cat_list li a { color: #000; }
	
/*	=GLOBAL VIDEO LISTING / PAGING / FILTER
	----------------------------------------------------*/
	.filter { font-size: 12px; color: 000; position: absolute; top: 12px; right: 0; margin-bottom: 20px; }
	.filter a { color: #000; text-decoration: none; }
	.filter a:hover { text-decoration: underline; }
	.filter a.active { background: #da182c; color: #fff;  }
	
	.paging { background: url(../img/dots2.gif) repeat-x top; padding: 10px 0 0 0; }
	.paging.first { position: relative; }
	.paging ul { text-align: center; background: url(../img/dots2.gif) repeat-x bottom; padding: 0 0 12px 0; }
	.paging ul li { font-size: 12px; color: #aaaaaa; font-weight: bold; display: inline; line-height: 16px; padding: 0 2px 0 2px; }
	.paging ul li a { color: #000; text-decoration: none; }
	.paging ul .active { background-color: #DA182C; color: #FFF; font-weight: bold; margin: 0px 1px; }
	.paging ul .active a { color: #FFF; }
	
	.videos .video { background: url(../img/dots2.gif) repeat-x top; float: left; padding: 15px 0 10px 0; width: 305px; }
	.videos .video.first { background: 0; padding-top: 15px; }
	.videos .video .thumb { float: left; overflow: hidden; height: 100px; }
	.videos .video h2 { height: 40px; margin: 0 10px 0 110px; }
	.videos .video h2 a { color: #000; background: red; display: block; height: 100%; padding-left: 37px; }
	.videos .video h2.photo a { background: url(../img/ico_photo_large.gif) no-repeat top left; }
	.videos .video h2.movie a { background: url(../img/ico_video_large.gif) no-repeat top left; }
	.videos .video h2.contest a { background: url(../img/ico_contest_large.gif) no-repeat top left; }
	.videos .video p { font-size: 10px; margin-left: 110px; color: #000; }
	.videos .video p.dt { margin-bottom: 4px; }
	.videos .video p.kudos { margin-top: 4px; height: 26px; }
	.videos .video p a, .videos .video p span { color: #da182c; text-decoration: none; }
	.videos .video p.kudos span { color: #000; }
	
	.videos .video .actions { list-style: none; border: 1px solid #b0b0b0; background: #dbdbdb; margin: 10px 10px 0 0; }
	.videos .video .actions li { color: #414141; font-size: 10px; float: left; padding: 2px 2px 4px 6px; }
	.videos .video .actions a { color: #414141; }
	
/*	=CONTESTS
	----------------------------------------------------*/
	#frm_contests { margin: 8px 0 15px 0; }
	#frm_contests select { font-size: 12px; }
	#frm_contests select option { padding-right: 10px; }
	
/*	=VIDEO DETAIL
	----------------------------------------------------*/
	#video_detail { background: url(../img/dots2.gif) repeat-x top; padding: 15px 0 15px 0; font-size: 12px; color: #000; }
	#video_detail .inner { background: #dbdbdb; padding: 5px; }
	#video_detail .col-a { width: 165px; float: left; }
	#video_detail .col-b { width: 425px; float: right; position: relative; }
	#video_detail p.dt { font-size: 10px; margin-bottom: 5px; }
	#video_detail p.by { font-size: 10px; margin-top: 5px; }
	#video_detail p a, #video_detail span { color: #da182c; text-decoration: none; }
	#video_detail .also { background: url(../img/dots2.gif) repeat-x top; margin: 10px 0 0 0; padding: 10px 0 0 0; }
	#video_detail .also a { font-size: 10px; display: block; color: #000; margin: 5px 0 0 0; }
	#video_detail #staf { background: url(../img/dots2.gif) repeat-x top; margin: 10px 0 0 0; padding: 10px 0 0 0; }
	#video_detail #staf .inpt { width: 90%; margin: 0 0 5px 0; border: 1px solid #b2afaf; padding: 3px; font-size: 10px; }
	#video_detail #staf .error { color: #ff0000; }
	#video_detail #staf p { margin: 0 0 5px 0; }
	#video_detail #staf p.note { font-size: 10px; }
	#video_detail .kudos {  position: relative; height: 25px; padding: 3px; }
	#video_detail .kudos span { color: #000; }
	#video_detail .kudos ul { position: absolute; right: 5px; top: 3px; }
	#video_detail .kudos ul li { width: 26px; height: 25px; line-height: 25px; float: left; display: inline; position: relative; } 
	#video_detail .kudos ul li a { text-indent: -9999px; display: block; height: 100%; }
	#video_detail .kudos ul li a.up { background: url(../img/video_detail_kudo_up.gif) no-repeat; }
	#video_detail .kudos ul li a.down { background: url(../img/video_detail_kudo_down.gif) no-repeat; }
	#video_detail .kudos ul li a:hover, #video_detail .kudos ul li a.active { background-position: 0 -25px; }
	#video_detail .kudos ul li a.active { cursor: default; }
	#video_detail .kudos ul li a.disabled, #video_detail .kudos ul li a.disabled:hover { cursor: default; background-position: 0 0!important;}
	#video_detail .kudos p { float: right; padding: 5px 60px 0 0; }
	#video_detail .ok { position: absolute; left: 0; top: 0px; padding: 8px 0 0 0; z-index: 100; line-height: 13px; height: 25px; }
	#video_detail .ok a { color: #000; background: url(../img/video_detail_ok_flag.gif) no-repeat 73px 2px; padding-right: 18px; }
	#video_detail .ok a:hover, #video_detail .ok.active a { color: #da182c; background-position: 73px -13px; }
	#video_detail .ok.active a { cursor: default; }
	#video_detail .video_player { margin: 0 0 5px 0; }
	
	#detail .video_prevnext { position: absolute; right: 0; top: 15px; }
	#detail .video_prevnext a { font-size: 12px; color: #000; font-weight: bold; }
	
	#detail #comments { position: relative; }
	#detail #comments .addcomment { position: absolute; right: 0; top: 5px; font-size: 12px; color: #000; font-weight: bold; }
	
	#detail #comments .comment { background: #dbdbdb; margin-bottom: 10px; padding: 5px; position: relative; }
	#detail #comments .comment p.dt { color: #da182c; font-size: 10px; margin-top: 5px; }
	#detail #comments .comment .ok { position: absolute; right: 5px; top: 5px; }
	#detail #comments .comment .ok a { text-indent: -9999px; color: #000; background: url(../img/video_detail_ok_flag.gif) no-repeat top left; display: block; height: 13px; width: 13px; line-height: 13px; }
	#detail #comments .comment .ok a:hover, #detail #comments .comment .ok.active a { background-position: 0 -15px; }
	#comments .comment .ok.active a { cursor: default; }
	
	#detail #comments #comment_add .inpt {  font-size: 10px; padding: 3px; border: 1px solid #b2afaf; width: 150px; margin: 0 10px 10px 0; }
	#detail #comments #comment_add .inpt.error { color: #ff0000; }
	#detail #comments #comment_add textarea { display: block; font-size: 10px; padding: 3px; border: 1px solid #b2afaf; width: 321px; overflow: hidden; margin: 0 0 10px 0; }
	#detail #comments #comment_add p.error { margin: 0 0 5px 0; font-size: 10px; }
	#detail #comments #comment_add .captcha { width: 321px; display: block; margin: 10px 0 0 0;  }
	#detail #comments #comment_add .submit { font-size: 12px; margin: 10px 0 0 0; }
	
/*	=ADVERTISEMENT
	----------------------------------------------------*/
	#ads_a { background: url(../img/dots2.gif) repeat-x top; }
	#ads_a div { background: url(../img/dots2.gif) repeat-x bottom; padding: 16px 15px 15px 15px; margin: 0 0 0 0; }
	#footer-ad { padding: 15px; }

/*	=UPLOAD
	----------------------------------------------------*/
	#frm_upload #upl_video_url { display: none; }
	#frm_upload #upl_video_file { display: none; }
	#frm_upload { color: #FFF; }
	#frm_upload a { color: #FFF; }
	#upload_page #frm_upload { color: #000; }
	#upload_page #frm_upload a { color: #000; }
	#frm_upload #upl_huisregels { font-size: 12px; }
	#frm_upload #upl_huisregels a { padding: 0px; margin: 0px; font-size: 12px; }
	
/*	=UPLOAD (FORM)
	----------------------------------------------------*/
	#upload_page * { vertical-align: middle; }
	#upload_page h3 { padding-bottom: 5px; }
	#upload_page .txt { padding: 10px 0 10px 0; margin: 0; }
	#upload_page p.note { font-size: 10px; margin-bottom: 10px; }
	#upload_page .col-a { float: left; width: 305px; background: url(../img/dots2.gif) repeat-x top; padding: 1px 0 0 0; }
	#upload_page .col-b { float: left; width: 305px; background: url(../img/dots2.gif) repeat-x top; padding: 1px 0 0 0; }
	#upload_page .col-c { background: url(../img/dots2.gif) repeat-x top; padding: 1px 0 0 0; }
	#upload_page .col-d { background: url(../img/dots2.gif) repeat-x top; padding: 16px 0 15px 0; }
	#upload_page .col-d ol li { font-size: 12px; }
	#upload_page .col-d a { padding: 0px; margin: 0px; }
	#upload_page ol { list-style: none; padding: 15px 0 15px 0; }
	#upload_page ol li { line-height: 13px; margin-bottom: 2px; }
	#upload_page ol li.error input.inpt { color: #ff0000; }
	#upload_page ol li.error p { background: url(../img/frm_upload_input_error.gif) no-repeat center right; }
	#upload_page ol li p { float: left; display: inline; width: 100px; margin: 3px 3px 0 0; }
	#upload_page ol li p span { font-size: 10px; }
	#upload_page ol p.error { width: 500px; color: #ff0000; padding: 0 0 0 25px; margin: 5px 0 0 85px; background: url(../img/frm_upload_input_error.gif) no-repeat center left; }
	#upload_page ol li input.inpt { width: 180px; padding: 2px; font-size: 12px; border: 1px solid #b2afaf; }
	#upload_page ol li input.file { width: 264px; padding: 2px; font-size: 12px; }
	#upload_page ol li textarea { height: 40px; width: 180px; border: 1px solid #b2afaf; padding: 2px; font-size: 12px; overflow: hidden; }
	#upload_page ol li select { width: 186px; border: 1px solid #b2afaf; padding: 2px; font-size: 12px; overflow: hidden; font-size: 12px; }
	#upload_page ol li a { font-size: 12px; color: #000; margin: 0 0 0 10px; }

/*	=UPLOAD (FOOTER)
	----------------------------------------------------*/
	#upload { background: #000 url(../img/upload_bg.gif) repeat-x; margin: 10px 0 0 0;  padding: 5px 15px 0 15px; }
	#upload .txt { margin: 0; background: none; padding: 0; }
	#upload p { color: #fff; }
	#upload p.note { font-size: 10px; margin-bottom: 5px; }
	
	#upload form { border-top: 1px solid #585858; xborder-bottom: 1px solid #585858; padding: 15px 0 15px 0; margin: 15px 0 0 0; }
	#upload form .col_a { border-right: 1px dotted #585858; width: 320px; float: left; margin-right: 10px; }
	#upload form .col_b { border-right: 1px dotted #585858; width: 270px; float: left; margin-right: 10px; }
	#upload form .col_c { float: left; width: 310px; }
	#upload form ol { list-style: none; }
	#upload form ol li { margin: 5px 0 0 0; line-height: 16px; font-size: 12px; }
	#upload form ol li.first { margin-top: 0; }
	#upload form ol li.error p { background: url(../img/footer_upload_input_error.gif) no-repeat center right; }
	#upload form ol li p { float: left; width: 90px; }
	#upload form ol p.error { width: 500px; color: #ff0000; padding: 0 0 0 25px; margin: 5px 0 0 85px; background: url(../img/frm_upload_input_error.gif) no-repeat center left; }
	#upload form ol li .inpt { width: 210px; border: 1px solid #b2afaf; padding: 1px; }
	#upload form .col_b ol li input { width: 160px; }
	#upload form ol li textarea { width: 210px; overflow: auto; height: 50px; padding: 1px; border: 1px solid #b2afaf; font-size: 12px; }
	#upload form ol li select { width: 213px; border: 1px solid #b2afaf; font-size: 12px;  }
	#upload form ol li.type select { width: 83px; }
	#upload form ol li .file { width: 200px; }
	#upload form ol li.more { color: #fff; font-size: 10px; padding-left: 90px; }
	#upload form ol li.more a { color: #fff; }
	#upload form .submit { margin-left: 90px; }
	
/*	=404
	----------------------------------------------------*/
	.notfound { background: #ebebeb url(../img/404notfound_bg.jpg) no-repeat top right!important; height: 400px!important; }
	.notfound .txt { width: 700px!important; }
	
/*	=WATCHER LOGIN
	----------------------------------------------------*/
	#watcher_login { width: 373px; border: 10px solid #000; margin: 0 auto; background: #3a3a3a url(../img/watcher_login_bg.gif) no-repeat top left; padding: 97px 0 0 0; text-align: left; }
	#watcher_login form {  margin: 0 18px 18px 18px; }
	#watcher_login form ol { background: #cacaca; padding: 10px; list-style: none; margin: 0 0 10px 0; }
	#watcher_login form ol li { line-height: 13px; }
	#watcher_login form ol li input.inpt { margin: 0 0 3px 0; width: 205px; font-size: 12px; padding: 2px; }
	#watcher_login form ol li p { float: left; width: 100px; font-size: 10px; margin: 5px 0 0 0; }
	#watcher_login form ol li.error { font-size: 12px; margin: 0 0 10px 0; }

/*	=LOADING MESSAGE
	----------------------------------------------------*/	
	#loadingMessage { display: none; }
	#loadingMessage p { color: #fff; font-size: 14px; }
	
	#footer { color: #969696; padding: 0 20px 20px 0; margin: 10px 0 0 0; }
	#footer a { color: #969696; font-size: 12px; text-decoration: none; }
	#footer .left { float: left; padding-left: 18px; }
	#footer .right { float: right; }
	.footer { height: 125px; }

	#video_info { position: relative; }
	#flag { padding-top: 10px; clear: both; display: none; }
	#flag .uitleg { margin: 10px 0px; }
	#flag label { width: 110px; float: left;}
	#flag .frmtxt { width: 300px; margin: 0 0 5px 0; border: 1px solid #b2afaf; padding: 3px; font-size: 10px; }
	#flag .submit { margin-left: 350px; }
	#flag textarea { width: 300px; margin: 0 0 5px 0; height: 100px;  border: 1px solid #b2afaf; padding: 3px; font-size: 10px; }