/* +---------------------------------------------------------------------+ */ /* | SITE: Peacisely.com | */ /* | AUTHOR: Paul Hamlington | */ /* | DESCRIPTION: Player: Main Stylesheet. | */ /* +---------------------------------------------------------------------+ */ /* [ GENERAL: SETTINGS ] */ body{margin:0px; padding:0px; background-color:#f0f0f0;} a{border:none; outline:none; background:url('/images/transparent.png') no-repeat 0px 0px;} #pc_page{position:absolute; top:0px; bottom:0px; left:0px; right:0px; width:1407px; height:818px; margin:auto;} #pc_protective_screen{position:fixed; top:0px; left:0px; width:100%; height:100%; background:transparent; z-index:100;} #pc_window_screen{position:fixed; top:0px; left:0px; width:100%; height:100%; background:#222; opacity:0.7; z-index:49;} #pc_body{position:absolute; width:100%; height:100%; min-height:818px; min-width:1407px;} .version{position:absolute; top:-20px; left:0px; width:1387px; padding:0px 10px 0px 10px; height:20px; font-family:"Times New Roman",Times,serif; font-weight:normal; font-style:normal; font-size:11px; line-height:20px; color:#666666; text-align:right; cursor:default;} .pc_body_onload{position:absolute; top:0px; left:-5000px; visibility:hidden;} .pc_visible_on{visibility:visible;} .pc_visible_off{visibility:hidden;} .pc_display_on{display:block;} .pc_display_off{display:none;} /* [ ACTIVATION: PAGE ] */ #pc_activation{position:absolute; width:100%; height:100%; min-height:300px; min-width:600px;} #pc_activation .box{position:absolute; top:0px; bottom:0px; left:0px; right:0px; width:600px; height:300px; margin:auto; background-color:#222;} #pc_activation .box .message{position:absolute; top:20px; left:20px; width:560px; height:260px;} #pc_activation .box .message h1{position:relative; font-family:arial; font-weight:bold; font-size:35px; line-height:35px; color:#FFF; text-align:center;} #pc_activation .box .message p{position:relative; font-family:arial; font-weight:normal; font-size:16px; line-height:16px; color:#FFF; text-align:center;} #pc_activation .box .message p a{color:#FFF;} #pc_header_loader{position:absolute; top:34px; right:29px; width:50px; height:50px;} #pc_header_stats{position:absolute; left:30px; bottom:0px; width:auto; height:auto; cursor:default;} #pc_header_stats span{font-family:arial; font-weight:normal; font-style:normal; font-size:12px; line-height:24px;} #pc_header_stats .stats_title{color:#6d8b3d;} #pc_header_stats .stats_total{color:#fff; margin-right:15px;} .pc_header{position:absolute; top:0px; left:0px; width:1407px; height:117px; background-color:#222;} .pc_header .logo{position:absolute; top:15px; left:30px; width:223px; height:41px; background:#6d8b3d url('/images/main.png') no-repeat -5px -5px;} .pc_header .welcome{position:absolute; right:90px; top:32px; width:398px; height:22px; font-family:arial; font-weight:normal; font-style:normal; font-size:16px; line-height:22px; color:#fff; text-align:right;} .pc_header h1{position:absolute; top:60px; left:29px; margin:0px; padding:0px; font-family:arial; font-weight:bold; font-style:italic; font-size:12px; line-height:12px; color:#fff;} .pc_header .menu{position:absolute; right:90px; top:56px; width:402px; height:22px;} .pc_header .menu .btn{position:absolute; top:0px; right:0px; width:78px; height:22px; background-color:#222; cursor:pointer;} .pc_header .menu .btn a{position:relative; display:block; width:100%; height:100%; z-index:2; cursor:pointer;} .pc_header .menu .btn .bar{position:absolute; top:0px; left:0px; width:78px; height:4px; background-color:#6d8b3d;} .pc_header .menu .btn:hover .bar{background-color:#fff;} .pc_header .menu .btn span{position:absolute; bottom:0px; width:78px; font-family:arial; font-weight:bold; font-style:normal; font-size:12px; line-height:12px; color:#fff; text-align:center;} .pc_header .loader_on{background:url('/images/loader1.gif') no-repeat 0px 0px;} .pc_header .loader_off{background:url('/images/main.png') no-repeat -355px -112px;} .pc_playlist_toolbar{position:absolute; top:118px; left:967px; width:440px; height:74px; background-color:#222;} #pc_playlist_toolbar_screen{position:absolute; top:13px; left:126px; width:213px; height:46px; background-color:#222; border:1px solid #222; z-index:4; opacity:0.7; cursor:default;} .pc_playlist_toolbar div{position:absolute; top:13px; width:42px; height:46px; border:1px solid #6d8b3d; z-index:1;} .pc_playlist_toolbar div:hover{border:1px solid #fff; z-index:2; cursor:pointer;} .pc_playlist_toolbar div span{position:absolute; top:0px; left:0px; width:42px; height:14px; font-family:arial; font-weight:normal; font-size:9px; line-height:14px; color:#fff; text-align:center;} .pc_playlist_toolbar .new{right:270px; background:#fff url('/images/main.png') no-repeat -5px -56px;} .pc_playlist_toolbar .save{right:227px; background:#fff url('/images/main.png') no-repeat -57px -56px;} .pc_playlist_toolbar .shuffle_off{right:184px; background:#fff url('/images/main.png') no-repeat -109px -56px;} .pc_playlist_toolbar .shuffle_on{right:184px; background:#222 url('/images/main.png') no-repeat -278px -180px;} .pc_playlist_toolbar .shuffle_on span{color:#222;} .pc_playlist_toolbar .quality_1{right:141px; background:#fff url('/images/main.png') no-repeat -161px -56px;} .pc_playlist_toolbar .quality_2{right:141px; background:#fff url('/images/main.png') no-repeat -213px -56px;} .pc_playlist_toolbar .quality_3{right:141px; background:#fff url('/images/main.png') no-repeat -265px -56px;} .pc_playlist_toolbar .quality_4{right:141px; background:#fff url('/images/main.png') no-repeat -317px -56px;} .pc_playlist_toolbar .video{right:98px; background:#fff url('/images/main.png') no-repeat -369px -56px;} .pc_playlist_toolbar .ignore{right:55px; background:#fff url('/images/main.png') no-repeat -421px -56px;} .pc_playlist_toolbar .delete{right:12px; background:#fff url('/images/main.png') no-repeat -473px -56px;} .pc_playlist_toolbar a{position:relative; display:block; width:100%; height:100%; z-index:2;} .pc_search_toolbar{position:absolute; top:118px; left:0px; width:440px; height:74px; background-color:#222;} .pc_search_toolbar div{position:absolute; top:13px; height:46px; border:1px solid #6d8b3d; z-index:1;} .pc_search_toolbar div:hover{border:1px solid #fff; z-index:2; cursor:pointer;} .pc_search_toolbar div span{position:absolute; top:0px; left:0px; width:48px; height:14px; font-family:arial; font-weight:normal; font-size:9px; line-height:14px; color:#fff; text-align:center; z-index:1;} .pc_search_toolbar .input{position:absolute; left:13px; width:314px;} .pc_search_toolbar .input input{position:absolute; top:0px; left:0px; width:284px; height:46px; margin:0px; padding:0px 15px 0px 15px; border:0px; font-family:arial; font-weight:normal; font-size:20px; line-height:46px; color:#fff; background-color:#222;} .pc_search_toolbar .submit{position:absolute; left:328px; width:48px; background:#fff url('/images/main.png') no-repeat -525px -56px;} .pc_search_toolbar .submit a{position:relative; display:block; width:100%; height:100%; z-index:2;} .pc_search_toolbar .alphabet{position:absolute; left:377px; width:48px; background:#fff url('/images/main.png') no-repeat -583px -56px;} .pc_search_toolbar .alphabet a{position:absolute; display:block; width:100%; height:100%; z-index:2;} #pc_search_toolbar_alphabet{position:absolute; top:74px; left:0px; width:438px; height:67px; background:#222; border:1px solid #222;} #pc_search_toolbar_alphabet .top{position:absolute; top:6px; left:28px; width:381px; height:25px; background:#ff6600; border:0px;} #pc_search_toolbar_alphabet .bottom{position:absolute; top:30px; left:50px; width:337px; height:25px; background:#ff6600; border:0px;} #pc_search_toolbar_alphabet .small{position:relative; display:block; float:left; width:23px; height:23px; margin:0px -1px 0px 0px; background:#222; border:1px solid #6d8b3d; font-family:arial; font-weight:normal; font-size:12px; line-height:23px; color:#fff; text-align:center; text-decoration:none; z-index:1;} #pc_search_toolbar_alphabet .large{position:relative; display:block; float:left; width:45px; height:23px; margin:0px -1px 0px 0px; background:#222; border:1px solid #6d8b3d; font-family:arial; font-weight:normal; font-size:12px; line-height:23px; color:#fff; text-align:center; text-decoration:none; z-index:1;} #pc_search_toolbar_alphabet a:hover{border:1px solid #fff; z-index:2;} #pc_search{position:absolute; top:262px; left:0px; width:405px; height:501px; background-color:#fff; border:1px solid #222;} #pc_search .character{position:absolute; top:-70px; left:-1px; width:61px; height:66px; background-color:#fff; border:1px solid #222;} #pc_search .character a{position:absolute; top:0px; left:0px; width:63px; height:66px; font-family:arial; font-weight:bold; line-height:66px; font-size:45px; color:#6d8b3d; text-align:center; text-decoration:none;} #pc_search .title{position:absolute; top:-70px; left:63px; width:305px; height:66px; padding:0px 59px 0px 10px; background-color:#fff; border:1px solid #222; font-family:arial; font-weight:normal; line-height:66px; font-size:20px; color:#222; overflow:hidden; cursor:default;} #pc_search .title1{position:absolute; top:-70px; left:-1px; width:418px; height:66px; line-height:66px; padding:0px 10px 0px 10px; background-color:#fff; border:1px solid #222; font-family:arial; font-weight:normal; font-size:20px; color:#222; overflow:hidden; cursor:default;} #pc_search .scrollbar{position:absolute; top:-1px; right:-34px; width:30px; height:501px; background-color:#fff; border:1px solid #222;} #pc_search .scrollbar .top{position:absolute; top:0px; left:0px; width:30px; height:100px; cursor:pointer;} #pc_search .scrollbar .top .img{position:absolute; top:7px; left:7px; width:15px; height:8px; background:#6d8b3d url('/images/main.png') no-repeat -5px -162px; opacity:0.5;} #pc_search .scrollbar .top:hover .img{opacity:1;} #pc_search .scrollbar .bottom{position:absolute; bottom:0px; left:0px; width:30px; height:100px; cursor:pointer;} #pc_search .scrollbar .bottom .img{position:absolute; bottom:7px; left:7px; width:15px; height:8px; background:#6d8b3d url('/images/main.png') no-repeat -30px -162px; opacity:0.5;} #pc_search .scrollbar .bottom:hover .img{opacity:1;} #pc_search .scrollbar a{position:relative; display:block; width:100%; height:100%; z-index:2;} #pc_search .footer{position:absolute; bottom:-54px; left:-1px; width:440px; height:52px; background-color:#222;} #pc_search .footer .img1{position:absolute; bottom:10px; left:10px; width:119px; height:31px; background:#6d8b3d url('/images/main.png') no-repeat -238px -10px;} #pc_search .footer .img2{position:absolute; bottom:10px; right:10px; width:119px; height:3px; background:#6d8b3d url('/images/main.png') no-repeat -496px -10px;} #pc_search .list{position:absolute; top:13px; left:13px; width:379px; height:475px; overflow:hidden;} #pc_search .list .row{position:relative; width:379px; height:25px;} #pc_search .list .row:hover a{background-color:#6d8b3d; opacity:0.15;} #pc_search .list .row:hover .plus{opacity:1;} #pc_search .list .row:hover .folder{opacity:1;} #pc_search .list .row:hover .folderMouseOver{visibility:visible;} #pc_search .list .row .folderMouseOver{position:absolute; top:2px; left:7px; width:21px; height:21px; background:url('/images/main.png') no-repeat -143px -180px; cursor:pointer; z-index:5; visibility:hidden;} #pc_search .list .row .folderMouseOver a{position:absolute; top:0px; left:0px; width:21px; height:21px; background:transparent; cursor:pointer; outline:0px;} #pc_search .list .row .folder{position:absolute; top:2px; left:7px; width:21px; height:21px; background:#6d8b3d url('/images/main.png') no-repeat -81px -180px; cursor:pointer; z-index:0; opacity:0.5;} #pc_search .list .row .plus{position:absolute; top:2px; left:7px; width:21px; height:21px; background:#6d8b3d url('/images/main.png') no-repeat -81px -211px; cursor:pointer; z-index:5; opacity:0.5;} #pc_search .list .row .plus a{position:absolute; top:0px; left:0px; width:21px; height:21px; background:transparent; cursor:pointer; outline:0px;} #pc_search .list .row .title{position:absolute; top:0px; left:38px; width:341px; height:25px; padding:0px; line-height:25px; font-family:arial; font-weight:normal; font-size:14px; color:#333; border:0px;} #pc_search .list .row a{position:absolute; top:0px; left:0px; width:379px; height:25px; outline:0px;} #pc_search .list ol{position:absolute; top:0px; left:0px; margin:0px; padding:0px; list-style-position:inside; list-style-type:none; width:379px; height:0px;} #pc_search .list li{position:relative; width:372px; height:53px; line-height:53px; padding:0px 0px 0px 7px; margin:0px; font-family:arial; font-weight:normal; font-size:20px; color:#6d8b3d;} #pc_search .list li .text{position:absolute; top:5px; left:38px; width:341px; height:43px; overflow:hidden;} #pc_search .list .text h1{position:relative; display:block; padding:0px; margin:0px; font-family:arial; font-weight:normal; font-size:16px; line-height:16px; color:#6d8b3d; white-space:nowrap;} #pc_search .list .text h2{position:relative; display:block; padding:0px; margin:0px; font-family:arial; font-weight:normal; font-size:14px; line-height:14px; color:#333; white-space:nowrap;} #pc_search .list .text h3{position:relative; display:block; padding:0px; margin:0px; font-family:arial; font-weight:normal; font-size:12px; line-height:12px; color:#333; white-space:nowrap;} #pc_search .list li a{position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; z-index:2;} #pc_search .list li:hover a{background-color:#6d8b3d; opacity:0.15;} #pc_search .list li .plus{position:absolute; top:16px; left:7px; width:21px; height:21px; background:#6d8b3d url('/images/main.png') no-repeat -81px -211px; cursor:pointer; z-index:5; opacity:0.5;} #pc_search .list li .plus a{position:absolute; top:0px; left:0px; width:21px; height:21px; background:transparent; cursor:pointer; outline:0px;} #pc_search .list li:hover .plus{opacity:1;} #pc_search .list .noresults{position:absolute; top:0px; left:0px; padding:217px 0px 216px 0px; width:379px; height:475px;} #pc_search .list .noresults h1{position:relative; display:block; padding:0px; margin:0px; font-family:arial; font-weight:normal; font-size:16px; line-height:18px; color:#6d8b3d; white-space:nowrap; text-align:center;} #pc_search .list .noresults h2{position:relative; display:block; padding:0px; margin:0px; font-family:arial; font-weight:normal; font-size:14px; line-height:16px; color:#333; white-space:nowrap; text-align:center;} #pc_search .paging{position:absolute; top:0px; left:0px; width:440px; height:52px; font-family:arial; font-weight:normal; font-size:12px; line-height:52px; color:#fff; text-align:center;} #pc_search .addAll{position:absolute; top:-70px; right:33px; width:1px; height:68px; background-color:#f0f0f0; border-left:1px solid #333; border-right:1px solid #333;} #pc_search .addAll a{position:absolute; top:1px; right:-67px; width:66px; height:66px; background:#6d8b3d url('/images/main.png') no-repeat -5px -180px; opacity:0.5;} #pc_search .addAll a:hover{opacity:1;} .pc_player{position:absolute; top:118px; left:441px; width:458px; height:284px; background-color:#fff; border:1px solid #222;} #pc_player_screen{position:absolute; top:10px; left:10px; width:438px; height:264px; background:#fff url('/images/main.png') no-repeat -5px -255px;} #pc_player_black_screen{position:absolute; top:10px; left:10px; width:438px; height:264px; background-color:#222; z-index:22;} #pc_player_error{position:absolute; top:10px; left:10px; width:438px; height:264px; background-color:#222; z-index:21;} #pc_player_error div{position:absolute; top:112px; left:69px; width:300px; height:40px; font-family:arial; font-weight:normal; font-size:14px; color:#fff; text-align:center;} #pc_player_error div a{font-family:arial; font-weight:normal; font-size:14px; color:#fff; text-decoration:underline;} #pc_player_volume{position:absolute; top:10px; left:10px; width:438px; height:264px; background-color:#222; line-height:264px; font-family:impact; font-weight:normal; font-size:120px; color:#fff; text-align:center; z-index:10; opacity:0.8;} #pc_player_video_container{position:absolute; top:10px; left:10px; width:438px; height:264px; background:#000; outline:none;} #pc_player_video_container div,#pc_player_video_container div iframe{position:absolute; top:0px; left:0px; width:438px; height:264px; background:#000; outline:none;} #pc_player_video_container .on{position:absolute; visibility:visible; top:0px; left:0px; width:438px; height:264px; z-index:3;} #pc_player_video_container .off{position:absolute; top:-1000px; left:0px; visibility:hidden; width:0px; height:0px; z-index:2;} #pc_player_control_screen{position:absolute; top:11px; left:11px; width:40px; height:265px; background-color:#222; border:1px solid #222; z-index:4; opacity:0.7;} #pc_player_control_screen:hover{border:1px solid #222; cursor:default;} .pc_player .control{position:absolute; top:-1px; right:-66px; width:64px; height:286px; background-color:#222;} .pc_player .control div{position:absolute; left:11px; width:40px; border:1px solid #6d8b3d;} .pc_player .control div:hover{border:1px solid #fff; cursor:pointer;} .pc_player .control div a{position:relative; display:block; width:100%; height:100%;} .pc_player .control .plus{position:absolute; top:11px; left:11px; width:40px; height:30px; border:1px solid #6d8b3d; background:#fff url('/images/main.png') no-repeat -5px -112px;} .pc_player .control .minus{position:absolute; top:46px; left:11px; width:40px; height:30px; border:1px solid #6d8b3d; background:#fff url('/images/main.png') no-repeat -55px -112px;} .pc_player .control .rewind{position:absolute; top:80px; left:11px; width:40px; height:40px; border:1px solid #6d8b3d; background:#fff url('/images/main.png') no-repeat -105px -112px;} .pc_player .control .play{position:absolute; top:114px; left:11px; width:40px; height:58px; background-color:#222; border:1px solid #6d8b3d; border-radius:8px; background:#fff url('/images/main.png') no-repeat -155px -112px; z-index:2;} .pc_player .control .pause{position:absolute; top:114px; left:11px; width:40px; height:58px; background-color:#222; border:1px solid #6d8b3d; border-radius:8px; background:#fff url('/images/main.png') no-repeat -415px -112px; z-index:2;} .pc_player .control .forward{position:absolute; top:166px; left:11px; width:40px; height:40px; border:1px solid #6d8b3d; background:#fff url('/images/main.png') no-repeat -205px -112px;} .pc_player .control .stop{position:absolute; top:210px; left:11px; width:40px; height:30px; border:1px solid #6d8b3d; background:#fff url('/images/main.png') no-repeat -255px -112px;} .pc_player .control .repeat{position:absolute; top:244px; left:11px; width:40px; height:30px; border:1px solid #6d8b3d; background:#fff url('/images/main.png') no-repeat -305px -112px;} .pc_player .control .repeat_on{position:absolute; top:244px; left:11px; width:38px; height:28px; border:2px solid #fff; background:#fff url('/images/main.png') no-repeat -306px -113px;} .pc_player .control .repeat_on:hover{border:2px solid #fff; cursor:pointer;} .pc_player .display{position:absolute; bottom:-58px; left:-1px; width:525px; height:56px; background-color:#222;} .pc_player .display div{position:absolute; top:6px; left:6px; width:511px; height:42px; border:1px solid #6d8b3d;} #pc_player_display_title{position:absolute; top:0px; left:0px; width:391px; margin:0px; padding:0px 110px 0px 10px; font-family:arial; font-weight:normal; font-size:18px; line-height:42px; color:#fff; cursor:default;} #pc_player_display_time{position:absolute; top:0px; right:10px; width:100px; margin:0px; padding:0px; font-family:arial; font-weight:normal; font-size:29px; line-height:42px; color:#fff; text-align:right; cursor:default;} #pc_player_display_time_link{position:absolute; top:0px; right:10px; width:100px; height:42px; margin:0px; padding:0px;} #pc_playlists{position:absolute; top:531px; left:441px; width:490px; height:232px; background-color:#fff; border:1px solid #222;} #pc_playlists .toolbar{position:absolute; top:-70px; left:417px; width:105px; height:66px; background-color:#fff; border:1px solid #222;} #pc_playlists .toolbar div{position:absolute; top:9px; width:42px; height:46px; border:1px solid #6d8b3d; z-index:1;} #pc_playlists .toolbar div:hover{z-index:2; cursor:pointer;} #pc_playlists .toolbar div:hover .effect{opacity:0;} #pc_playlists .toolbar div span{position:absolute; top:0px; left:0px; width:42px; height:14px; font-family:arial; font-weight:normal; font-size:9px; line-height:14px; color:#222; text-align:center;} #pc_playlists .toolbar .load{right:52px; background:#6d8b3d url('/images/main.png') no-repeat -174px -180px;} #pc_playlists .toolbar .random{right:9px; background:#6d8b3d url('/images/main.png') no-repeat -226px -180px;} #pc_playlists .toolbar .effect{position:absolute; top:17px; left:0px; width:42px; height:29px; background-color:#fff; border:0px; opacity:0.5;} #pc_playlists .toolbar div a{position:relative; display:block; width:100%; height:100%; z-index:2;} #pc_playlists .untitled{position:absolute; top:-70px; left:-1px; width:395px; height:66px; padding:0px 10px 0px 10px; background-color:#fff; border:1px solid #222; font-family:arial; font-weight:normal; line-height:66px; font-size:20px; color:#222; overflow:hidden; cursor:default;} #pc_playlists .scrollbar{position:absolute; top:-1px; right:-34px; width:30px; height:232px; background-color:#fff; border:1px solid #222;} #pc_playlists .scrollbar .top{position:absolute; top:0px; left:0px; width:30px; height:100px; cursor:pointer;} #pc_playlists .scrollbar .top .img{position:absolute; top:7px; left:7px; width:15px; height:8px; background:#6d8b3d url('/images/main.png') no-repeat -5px -162px; opacity:0.5;} #pc_playlists .scrollbar .top:hover .img{opacity:1;} #pc_playlists .scrollbar .bottom{position:absolute; bottom:0px; left:0px; width:30px; height:100px; cursor:pointer;} #pc_playlists .scrollbar .bottom .img{position:absolute; bottom:7px; left:7px; width:15px; height:8px; background:#6d8b3d url('/images/main.png') no-repeat -30px -162px; opacity:0.5;} #pc_playlists .scrollbar .bottom:hover .img{opacity:1;} #pc_playlists .scrollbar a{position:relative; display:block; width:100%; height:100%; z-index:2;} #pc_playlists .footer{position:absolute; bottom:-54px; left:-1px; width:525px; height:52px; background-color:#222;} #pc_playlists .footer .img1{position:absolute; bottom:10px; left:10px; width:119px; height:3px; background:#6d8b3d url('/images/main.png') no-repeat -496px -23px;} #pc_playlists .footer .img2{position:absolute; bottom:10px; right:10px; width:119px; height:3px; background:#6d8b3d url('/images/main.png') no-repeat -496px -10px;} #pc_playlists .list{position:absolute; top:13px; left:13px; width:464px; height:207px; overflow:hidden;} #pc_playlists .list .row{position:relative; width:464px; height:25px; margin:0px 0px 1px 0px;} #pc_playlists .list .row:hover .load{background-color:#6d8b3d; opacity:0.15;} #pc_playlists .list .row:hover .minus{opacity:1; cursor:pointer;} #pc_playlists .list .row .minus,#pc_playlists .list .row .minus_guest{position:absolute; top:2px; left:7px; width:21px; height:21px; background:#6d8b3d url('/images/main.png') no-repeat -112px -180px; outline:0px; z-index:5; opacity:0.5;} #pc_playlists .list .row .load{position:absolute; top:0px; left:0px; width:464px; height:25px; outline:0px; background-color:transparent; border:0px;} #pc_playlists .list .row .title{position:absolute; top:0px; left:38px; width:426px; height:25px; padding:0px; line-height:25px; font-family:arial; font-weight:normal; font-size:14px; color:#333; border:0px;} #pc_playlists .paging{position:absolute; top:0px; left:0px; width:525px; height:52px; font-family:arial; font-weight:normal; font-size:12px; line-height:52px; color:#fff; text-align:center;} .pc_playlist{position:absolute; top:262px; left:967px; width:405px; height:501px; background-color:#fff; border:1px solid #222;} .pc_playlist .title{position:absolute; top:-70px; left:-1px; width:418px; height:66px; line-height:66px; padding:0px 10px 0px 10px; background-color:#fff; border:1px solid #222; font-family:arial; font-weight:normal; font-size:20px; color:#222; overflow:hidden; cursor:default;} .pc_playlist .scrollbar{position:absolute; top:-1px; right:-34px; width:30px; height:501px; background-color:#fff; border:1px solid #222;} .pc_playlist .scrollbar .top{position:absolute; top:0px; left:0px; width:30px; height:100px; cursor:pointer;} .pc_playlist .scrollbar .top .img{position:absolute; top:7px; left:7px; width:15px; height:8px; background:#6d8b3d url('/images/main.png') no-repeat -5px -162px; opacity:0.5;} .pc_playlist .scrollbar .top:hover .img{opacity:1;} .pc_playlist .scrollbar .bottom{position:absolute; bottom:0px; left:0px; width:30px; height:100px; cursor:pointer;} .pc_playlist .scrollbar .bottom .img{position:absolute; bottom:7px; left:7px; width:15px; height:8px; background:#6d8b3d url('/images/main.png') no-repeat -30px -162px; opacity:0.5;} .pc_playlist .scrollbar .bottom:hover .img{opacity:1;} .pc_playlist .scrollbar a{position:relative; display:block; width:100%; height:100%; z-index:2;} .pc_playlist .footer{position:absolute; bottom:-54px; left:-1px; width:440px; height:52px; background-color:#222;} .pc_playlist .footer .img1{position:absolute; bottom:10px; left:10px; width:119px; height:3px; background:#6d8b3d url('/images/main.png') no-repeat -496px -23px;} .pc_playlist .footer .img2{position:absolute; bottom:10px; right:10px; width:119px; height:31px; background:#6d8b3d url('/images/main.png') no-repeat -367px -10px;} .pc_playlist .list{position:absolute; top:13px; left:13px; width:379px; height:477px; overflow:hidden;} .pc_playlist .list ol{position:absolute; top:0px; left:0px; margin:0px; padding:0px; list-style-position:inside; list-style-type:decimal-leading-zero; width:379px; height:0px;} .pc_playlist .list li:hover .play{background-color:#6d8b3d; opacity:0.15;} .pc_playlist .list li:hover .minus{opacity:1;} .pc_playlist .list li:hover .play_off{opacity:1;} .pc_playlist .list li:hover .play_on{opacity:1;} .pc_playlist .list li{position:relative; width:372px; height:53px; line-height:53px; padding:0px 0px 0px 7px; margin:0px; font-family:arial; font-weight:normal; font-size:20px; color:#6d8b3d;} .pc_playlist .list li .text{position:absolute; top:5px; left:43px; width:276px; height:43px; overflow:hidden; z-index:1;} .pc_playlist .list li .text h1{position:relative; display:block; padding:0px; margin:0px; font-family:arial; font-weight:normal; font-size:16px; line-height:16px; color:#6d8b3d; white-space:nowrap;} .pc_playlist .list li .text h2{position:relative; display:block; padding:0px; margin:0px; font-family:arial; font-weight:normal; font-size:14px; line-height:14px; color:#333; white-space:nowrap;} .pc_playlist .list li .text h3{position:relative; display:block; padding:0px; margin:0px; font-family:arial; font-weight:normal; font-size:12px; line-height:12px; color:#333; white-space:nowrap;} .pc_playlist .list li .hidden{position:absolute; top:0px; left:0px; width:0px; height:0px; visibility:hidden;} .pc_playlist .list .play{position:absolute; top:0px; left:0px; width:379px; height:53px; z-index:4;} .pc_playlist .list .playing{position:absolute; top:0px; left:0px; width:379px; height:53px; background-color:#6d8b3d; opacity:0.15; z-index:4;} .pc_playlist .list .minus{position:absolute; top:16px; right:27px; width:21px; height:21px; background:#6d8b3d url('/images/main.png') no-repeat -112px -180px; z-index:5; opacity:0.5;} .pc_playlist .list .play_on{position:absolute; top:16px; right:5px; width:21px; height:21px; background:#6d8b3d url('/images/main.png') no-repeat -112px -211px; z-index:5; opacity:0.5;} .pc_playlist .list .play_off{position:absolute; top:16px; right:5px; width:21px; height:21px; background:#6d8b3d url('/images/main.png') no-repeat -143px -211px; z-index:5; opacity:0.5;} #pc_playlist_paging{position:absolute; top:0px; left:0px; width:440px; height:52px; font-family:arial; font-weight:normal; font-size:12px; line-height:52px; color:#fff; text-align:center;} /* [ WINDOW: SETTINGS ] */ #pc_window{position:absolute; left:402px; top:144px; width:593px; height:572px; background-color:#222; border:1px solid #6d8b3d; z-index:50;} #pc_window_loader{position:absolute; right:8px; top:6px; width:50px; height:50px; border:1px solid #222; z-index:51;} #pc_window .loader_off{background:url('/images/main.png') no-repeat -355px -112px;} #pc_window .loader_on{background:url('/images/loader1.gif') no-repeat 0px 0px;} #pc_window_data{position:absolute; left:0px; top:0px; width:593px; height:572px; z-index:11;} #pc_window_data .header{position:absolute; left:10px; top:0px; width:573px; line-height:64px; font-family:arial; font-weight:bold; font-size:35px; color:#fff;} #pc_window_data .body{position:absolute; left:10px; top:64px; width:573px; height:400px; border:0px;} #pc_window_data .footer{position:absolute; left:10px; bottom:0px; width:573px; height:108px;} #pc_window_data .btn1,#pc_window_data .btn2,#pc_window_data .btn3,#pc_window_data .btn4{position:absolute; right:0px; bottom:10px; width:80px; height:40px; line-height:38px; background-color:#222; border:1px solid #6d8b3d; font-family:arial; font-weight:normal; font-size:14px; color:#fff; outline:0px;} #pc_window_data .btn2{right:85px;} #pc_window_data .btn3{right:170px;} #pc_window_data .btn4{right:255px;} #pc_window_data .btn1:hover,#pc_window_data .btn2:hover,#pc_window_data .btn3:hover,#pc_window_data .btn4:hover{border:1px solid #fff; cursor:pointer;} #pc_window_data .text{position:relative; width:553px; height:40px; margin:0px 10px 0px 10px; line-height:40px; font-family:arial; font-weight:normal; font-size:16px; color:#fff;} #pc_window_data .container_window{position:absolute; top:10px; left:10px; width:553px; height:438px; overflow:hidden;} #pc_window_data .container_window .row{position:relative; width:544px; height:125px; margin-bottom:10px;} #pc_window_data .container_window .row a .img1{opacity:0.5;} #pc_window_data .container_window .row a .img2{opacity:0.5;} #pc_window_data .container_window .row a:hover .img1{cursor:pointer; opacity:1;} #pc_window_data .container_window .row a:hover .img2{cursor:pointer; opacity:1;} #pc_window_data .container_window .row .text{position:absolute; top:0px; left:135px; width:409px; height:125px; line-height:20px; background-color:#222; font-family:arial; font-weight:normal; font-size:16px; color:#fff; cursor:default;} #pc_window_data .container_window .row .img1{position:absolute; top:0px; left:0px; width:125px; height:125px; margin-bottom:10px; background:url('/images/main.png') no-repeat -140px -530px;} #pc_window_data .container_window .row .img2{position:absolute; top:0px; left:0px; width:125px; height:125px; margin-bottom:10px; background:url('/images/main.png') no-repeat -5px -530px;} #pc_window_data .textwindow{position:absolute; top:10px; left:10px; width:539px; height:426px; line-height:20px; padding:5px; border:2px solid #222; font-family:arial; font-weight:normal; font-size:16px; color:#fff; overflow:auto;} #pc_window_data .textblock{position:relative; width:553px; height:auto; line-height:20px; margin:10px; font-family:arial; font-weight:normal; font-size:16px; color:#fff;} #pc_window_data .textblock span{cursor:default;} #pc_window_data .textblock a{font-family:arial; font-weight:bold; font-size:16px; color:#6d8b3d; text-decoration:underline;} #pc_window_data .textblock li{line-height:25px;} #pc_window_data .textbox{position:relative; width:549px; height:56px; margin:0px 10px 0px 10px; border:2px solid #6d8b3d;} #pc_window_data .textbox input{position:absolute; top:0px; left:0px; width:537px; height:44px; line-height:44px; padding:5px; background-color:#222; border:1px solid #222; font-family:arial; font-weight:normal; font-size:20px; color:#fff;} #pc_window_data .dropdown{position:relative; width:549px; height:56px; margin:0px 10px 0px 10px; border:2px solid #6d8b3d;} #pc_window_data .dropdown select{position:absolute; top:10px; left:10px; width:529px; line-height:32px; height:36px; border:0px; background-color:#222; font-family:arial; font-weight:normal; font-size:20px; color:#fff;} #pc_window_data .textarea{position:relative; width:549px; height:256px; margin:0px 10px 0px 10px; border:2px solid #6d8b3d;} #pc_window_data .textarea textarea{position:absolute; top:0px; left:0px; width:537px; max-width:537px; height:244px; max-height:244px; line-height:20px; padding:5px; border:1px solid #222; background-color:#222; font-family:arial; font-weight:normal; font-size:14px; color:#fff;} #pc_window_data_validation{position:absolute; left:0px; top:0px; width:593px; height:572px; background-color:#222; z-index:12;}