@import url("reset.css");

/* ---------- General styles ---------- */
html {background:url(../images/newdesign/html-bg.jpg) repeat;}
/*
body { font-family:Arial; font-size:11px; background:#f9f9f9 url(../images/newdesign/body-bg.jpg) repeat-y center top; min-height:2000px; overflow: -moz-scrollbars-vertical; overflow-x: hidden; overflow-y: scroll;}
*/
body { font-family:Arial; font-size:11px; background:#f9f9f9 url(../images/newdesign/body-bg.jpg); min-height:2000px; overflow: -moz-scrollbars-vertical; overflow-x: hidden; overflow-y: scroll;}

.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear floated columns */
a {text-decoration:none; color:#fff;}
a:hover {color:#d26f11;}
p { line-height:1.4em; padding:3px 0;}
h1 { font-size:20px;}
h2 { font-size:15px;}
.left {float:left;}
.right {float:right;}

.wrapper {width:1020px; margin:auto;}
.viewall {float:right; padding-right:2px;}

#center {background:url(../images/newdesign/center-bg.png) repeat-y; padding:0 8px 0 7px;}
#header {background:#f9f9f9 url(../images/newdesign/header-bg.png) no-repeat 0px -30px; padding:0 0px 0 0px;}
.logo {text-align:center;}

/*-----  Top Bar Navigation -----*/
.top-bar {background:url(../images/newdesign/top-bar-bg.jpg) repeat-x; height:29px; width:100%;}
.top-bar .wrapper {padding:0 30px; width:960px;}
.top-bar a {font-weight:bold; display:block; float:left; line-height:29px; vertical-align:middle;}
.top-bar .separator { background:url(../images/newdesign/tb-sep.jpg) no-repeat; width:2px; height:29px; float:left; margin:0 5px;}

/*-----  Main Navigation -----*/
.menu {background:url(../images/newdesign/menu-bg.png) repeat-x; height:52px;}
.menu a {display:block; height:52px; line-height:52px; vertical-align:middle; padding:0 20px; float:left; font-family:Myriad pro, arial; font-size:14px;}
.menu a:hover, .menu a.active {background:url(../images/newdesign/menu-hover-bg.png) repeat-x; color:#fff;}

/*-----  Pagination -----*/
.pagination {background:url(../images/newdesign/pagination-bg.jpg) repeat-x; height:29px; line-height:29px; vertical-align:middle; color:#fff; font-weight:bold; padding:0 20px; width:965px; margin:auto;}
.pagination a {padding:3px 8px;}
.pagination a.active, .pagination a:hover {background:#d26f11; color:#fff;}

/*-----  Pagination -----*/
.short_pagination{width:390px;vertical-align:middle;text-align:right;}
.short_pagination {background:url(../images/newdesign/pagination-bg.jpg) repeat-x; height:29px; line-height:29px; vertical-align:middle; color:#fff; font-weight:bold; padding:0 20px; width:390px; margin:auto;}
.short_pagination a {padding:3px 6px;}
.short_pagination a.active, .short_pagination a:hover {background:#d26f11; color:#fff;}

/*----- Banners & Ads -----*/
.ad125x125 {background:#373737; padding:2px; margin:0 2px 5px 2px; float:left;}
.ad250x250 {background:#373737; text-align:center; padding:8px 0 0 0; width:242px; width:266px; height:258px;}
.ad120x600 {float:right; padding:3px; background:#373737; margin:7px 0 10px 2px;}
.ads {background:#ededed; text-align:center; margin:3px 0 0 0;}
.right_promotion {float:right; padding:0px;  margin:7px 0 10px 2px;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ RIGHT SIDEBAR ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.right.sidebars {width:270px;}
.sidebar {width:266px; float:right; background:#575757; padding:7px 2px; margin:0 0 2px 0;}
.sidebar .heading {height:28px; padding:11px 0px 0 6px; background:#373737; font-family:Myriad Pro, Arial; font-weight:normal; font-size:12px; color:#fff; margin:0 0 5px 0;}
/*-----  Search Block -----*/
.search-by {background:#1e1e1e; padding:1px; margin-top:1px; line-height:22px;}
.search-by a {display:block; float:left; padding:0 16px; vertical-align:middle; font-weight:bold; font-size:13px;}
.search-by a:hover, .search-by a.active {background:url(../images/newdesign/sbah-bg.jpg) repeat-x; color:#fff;}
.search-by .separator {background:url(../images/newdesign/sb-separator.jpg) no-repeat; width:2px; height:22px; float:left;}
.search-inp {width:231px; height:19px; background:#2c2c2c; float:left; border:none; font-size:11px; font-weight:bold; color:#fff; padding:7px 0 0 5px;} 
.search-sel {width:100px; height:19px; background:#2c2c2c;  border:none; font-size:11px; font-weight:bold; color:#fff; padding:7px 0 0 5px;} 
.search-but {float:left;}
/*-----  POPULAR ARTIST  & POPULAR SEARCHES Blocks-----*/
.sidebar .left {width:137px; margin:7px 0 0 0;}
.sidebar .left .h-separator {background:url(../images/newdesign/h-separator.jpg) no-repeat; width:140px; height:2px; overflow:hidden;}
.sidebar .left a { font-size:12px; line-height:20px; vertical-align:middle; padding:0 0 0 5px;}
/*----- Recently Uploaded Block -----*/
.sidebar .recently-uploaded {margin:0 0 5px 0;}
.sidebar .recently-uploaded img {float:left; margin:1px 15px 1px 1px;}
.sidebar .recently-uploaded a {line-height:35px; vertical-align:middle; font-size:12px;}
.sidebar .recently-uploaded .separator {background:url(../images/newdesign/ru-separator.jpg) no-repeat; width:210px; height:2px; overflow:hidden;}

/*----- Recent comments Block -----*/
.sidebar .recently-commented {margin:0 0 5px 0;}
.sidebar .recently-commented img {float:left; margin:1px 15px 1px 1px;}
.sidebar .recently-commented a {line-height:15px;  font-size:12px;}
.sidebar .recently-commented .separator {background:url(../images/newdesign/ru-separator.jpg) no-repeat; width:210px; height:2px; overflow:hidden;}


/*----- Mixtapes Being Played Right Now Block -----*/
.sidebar .bpn-thumb {padding:4px 5px; background:#373737; float:left; margin:0 2px 2px 0;}
.sidebar .bpn-thumb.last {margin:0 0 5px 0;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Main Content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#center .main {width:728px; padding:0 3px; float:left;}
.main .heading {background:url(../images/newdesign/main-heading-bg.jpg) repeat-x; width:716px; height:38px; line-height:38px; vertical-align:middle; padding:0 0 0 10px; font-size:11px; color:#fff; margin:4px 0;}
.main .heading a {text-decoration:underline;}
.main .heading h2 {font-family:myriad pro, arial; font-weight:bold; color:#fff; font-size:13px; float:left;}
.main .heading .filter-by {float:left; margin:0 3px 0 0;}
.main .heading .filter-by a {background:url(../images/newdesign/filter-but.png) no-repeat; display:block; width:62px; height:23px; line-height:23px; text-align:center; vertical-align:middle; float:left; margin:8px 0 0 3px; cursor:pointer; text-decoration:none;}
.main .heading .filter-by a.active, .main .heading .filter-by a:hover {background:url(../images/newdesign/filter-but-hover.png) no-repeat; color:#fff;}




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Blog  Main Content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#center .blogmain {width:728px; padding:0 3px; float:left;font: normal normal normal 15px/21px Georgia, Times, "Times New Roman", serif;color: #000;}
.blogmain .heading {background:url(../images/newdesign/main-heading-bg.jpg) repeat-x; width:716px; height:38px; line-height:38px; vertical-align:middle; padding:0 0 0 10px; font-size:11px; color:#fff; margin:4px 0;}
.blogmain .heading a {text-decoration:underline;}
.blogmain .heading h2 {font-family:myriad pro, arial; font-weight:bold; color:#fff; font-size:13px; float:left;}
.blogmain .heading .filter-by {float:left; margin:0 3px 0 0;}
.blogmain .heading .filter-by a {background:url(../images/newdesign/filter-but.png) no-repeat; display:block; width:62px; height:23px; line-height:23px; text-align:center; vertical-align:middle; float:left; margin:8px 0 0 3px; cursor:pointer; text-decoration:none;}
.blogmain .heading .filter-by a.active, .blogmain .heading .filter-by a:hover {background:url(../images/newdesign/filter-but-hover.png) no-repeat; color:#fff;}

.blogmain a {text-decoration:none; color:#000;}
.blogmain a:hover {color:#d26f11;}



/*----- Caroussel -----*/
.caroussel {background:#373737 url(../images/newdesign/caroussel-bg.jpg) repeat-x; border-top:solid 2px #373737; height:278px; padding:10px 0;}
.caroussel img {float:left; margin:118px 0 0 5px;}
.c-item {background:url(../images/newdesign/c-item-bg.jpg) no-repeat; width:200px; height:261px; float:left; margin:0 0 0 0; text-align:center; padding:10px 0; color:#fff;}
.c-item h2 {color:#fff; font-size:13px;}
.c-item .c-thumb {background:#373737; padding:0px 2px; width:141px; height:144px; margin:0 auto 5px auto; position:relative;}
.c-item img {float:none; margin:0;}
.c-item .featured {background:url(../images/newdesign/featured-tag.png) no-repeat; width:163px; height:29px; position:absolute; bottom:5px; left:-7px;}
.c-item .sponsored {background:url(../images/newdesign/sponsoredribbon.png) no-repeat; width:163px; height:29px; position:absolute; bottom:5px; left:-7px;}
.c-item .newtape {background:url(../images/newdesign/newribbon.png) no-repeat; width:163px; height:29px; position:absolute; bottom:5px; left:-7px;}

.featured-item .featured {background:url(../images/newdesign/featured-tag.png) no-repeat; width:163px; height:29px; position:absolute; bottom:5px; left:-7px;}
.featured-item .sponsored {background:url(../images/newdesign/sponsoredribbon.png) no-repeat; width:163px; height:29px; position:absolute; bottom:5px; left:-7px;}
.featured-item .newtape {background:url(../images/newdesign/newribbon.png) no-repeat; width:163px; height:29px; position:absolute; bottom:5px; left:-7px;}

.c-item a img { margin:3px 0 1px 0;}
.c-thumb a img { margin:0;}
.featured-item {background:url(../images/newdesign/featured-item-bg.jpg) no-repeat; width:229px; height:300px; float:left; margin:5px 0 5px 13px; text-align:center; padding:10px 0 0 0; color:#5a5a5a;}
.featured-item h2 {font-size:13px;}
.featured-item .f-thumb {background:#c8c8c8; padding:0px 2px; width:141px; height:144px; margin:0 auto 5px auto; position:relative;}

.featured-item  a {color:#5a5a5a; text-decoration:underline; }
.featured-item  a:hover {color:#df7d2d; text-decoration:none; }
.featured-item img {float:none; margin:0;}
.featured-item a img { margin:3px 0 1px 0;}


/*----- Footer -----*/
#footer {background:url(../images/newdesign/footer-bg.jpg) repeat-x; height:253px; color:#fff;}
#footer h3 {font-size:14px; font-weight:normal; font-family:myriad pro, arial; border-bottom:solid 1px #fff; padding:10px 0;}
#footer .wrapper {padding:10px 10px; width:910px;}
#footer .left {width:125px; font-size:13px; line-height:25px; margin:0 10px 0 0;}
#footer .right {text-align:center;}
#footer .right h3 {font-size:18px; border:none;}
#footer .right h2 {font-size:28px; border:none; font-family:myriad pro, arial;}

/*----- Pushdowns -----*/
.c-item .c-thumb a img { border:none; position:inherit}
.c-item .c-thumb a img:hover { border:none; position:inherit}
.c-item a img, .viewall a img, .featured-item a img, .sidebar .img_inp  { position: relative; border:1px solid #333333;}
.c-item a img:hover, .viewall a img:hover, .featured-item a img:hover, .sidebar .img_inp:hover { position: relative; top: 1px; left: 1px; border:solid 1px; border-color: #000 #aaa #aaa #000; }
.pushdown img, .pushdown input { position: relative; border:1px solid #333333;}
.pushdown img:hover, .pushdown input:hover { position: relative; top: 1px; left: 1px; borderolid 1px; border-color: #000 #aaa #aaa #000; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ PROFILE PAGE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*----- Left Sidebar -----*/
.left-sidebar { width:223px; height:auto; float:left; overflow:hidden; margin:10px 0 0 5px;}
.left-sidebar .profile-block { background:#373737 url(../images/newdesign/caroussel-bg.jpg) repeat-x; width:100%; color:#fff; padding:5px 0 10px 0;}
.left-sidebar .profile-block .picture { background:url(../images/newdesign/thumb-bg.png) no-repeat; width:200px; height:203px; margin:auto; text-align:center}
.left-sidebar .profile-block .picture p { padding:4px 0 0 0;}
.left-sidebar .profile-block .data { font-size:13px; padding:0 20px 0 20px}
.left-sidebar .profile-block .data p { padding:4px 0;}


.left-sidebar .profile-block-w { background:#FFFFFF  repeat-x; width:100%; color:#000000; padding:5px 0 10px 0;}
.left-sidebar .profile-block-w .picture { background:url(../images/newdesign/thumb-bg.png) no-repeat; width:200px; height:203px; margin:auto; text-align:center}
.left-sidebar .profile-block-w .picture p { padding:4px 0 0 0;}
.left-sidebar .profile-block-w .data { font-size:13px; padding:0 20px 0 20px}
.left-sidebar .profile-block-w .data p { padding:4px 0;}


.left-sidebar .heading { width:213px; text-transform:uppercase}
.left-sidebar .ractivity { width:219; height:auto; padding:1px; border:solid 1px #c8c8c8}
.left-sidebar .ractivity ul li { padding:8px 5px;}
.left-sidebar .ractivity ul li.gray { background:#eee;}

/*----- Main Content -----*/
.content { width:495px; float:left; margin:7px 0 0 5px;}
.content .heading { width:475px; padding:0 0 0 20px; text-transform:uppercase;}
.content .about-me { padding:0 10px 0 10px; font-size:13px; color:#3c3c3c;}
.content .songs { border:solid 1px #aaa; padding:12px; background:#e8e8e8; height:115px;}
.content .songs a { color:#1c1c1c; text-decoration:underline;}
.content .songs a:hover { text-decoration:none}
.content .songs ul { float:left; padding:0 20px 0 0; }
.content .songs ul li { padding:4px 0;}
.content .songs .player { float:left; padding:40px 0 0 5px;}

.content .ssongs { border:solid 1px #aaa; padding:12px; background:#e8e8e8; height:115px;}
.content .ssongs a { color:#1c1c1c; text-decoration:underline;}
.content .ssongs a:hover { text-decoration:none}
.content .ssongs ul { float:left; padding:0 20px 0 0; }
.content .ssongs ul li { padding:4px 0;}
.content .ssongs .player { float:left; padding:40px 0 0 5px;}

.content .tapes { background:url(../images/newdesign/tapes-bg.jpg) no-repeat; width:160px; height:196px; text-align:center; color:#686868; float:left; margin:0 7px 3px 0;}
.content .tapes.last { margin-right:0px;} 
.content .tapes h2 { font-size:13px; color:#5a5a5a; padding:7px 0 0 0;}
.content .tapes img { border:solid #c8c8c8; border-width:4px 3px;}
.content .comment { height:auto; min-height:55px; border:solid 1px #c8c8c8; background:#f0f0f0; padding:9px; margin:0 0 3px 0;}
.content .comment .pic { width:51px; height:51px; border:solid 1px #c8c8c8; background:#fff; float:left}
.content .comment .comm {float:left; width:405px; padding:0 0 0 15px; color:#555;height:auto; min-height:90%;}
.content .comment a {color:#d26f11;text-decoration:underline;font-size:11px;}
.content .comment .comm .username { font-size:13px;}
.content .comment .username { font-size:13px;}
.content .comment .comm p { padding:2px 0;}
.content .add-comment {font-size:13px; color:#484848; background:#efefef; padding:5px 0 5px 0; overflow:hidden; margin-top:-3px;}
.content .add-comment table { width:95%; }
.content .add-comment table td { vertical-align:top; padding:5px;}
.content .add-comment .inp { border:solid 1px #c4c4c4; background:#fff url(../images/newdesign/add-comment-bg.jpg) repeat-x bottom; width:386px; height:16px; padding:5px;}
.content .add-comment .textarea { border:solid 1px #c4c4c4; background:#fff url(../images/newdesign/add-comment-bg.jpg) repeat-x bottom; width:386px; height:49px; padding:5px;}
.content .add-comment .submit { background:url(../images/newdesign/submit.jpg) no-repeat; width:105px; height:27px; cursor:pointer}
.content .add-comment .right { padding-right:16px;}

/* for Internet Explorer . this is necessary to make the comments section grow dynamically*/
/*\*/
* html .comment {
height: 55px;
}
/**/

/* ----------- ################## PLAYLIST PAGE ################# ------------ */

.mixtape-info {background:#373737 url(../images/newdesign/caroussel-bg.jpg) repeat-x; border-top:solid 2px #373737; padding:10px 5px 5px 10px; color:#fff; font-size:12px; margin:3px 0 0 0;}
.mixtape-info .mi-thumb {backgro und:url(../images/newdesign/thumb-bg.png) no-repeat; width:200px; height:203px; text-align:center; float:left; margin:0 10px 0 0;}
.mixtape-info .mi-thumb h2 {font-size:13px; padding:5px 0;}
.mixtape-info .pic {background:#292929; padding:5px 4px; width:137px; margin:0 auto 5px auto;}
.mixtape-info h1 {font-family:arial; font-size:16px; font-weight:normal; padding:0 0 10px 0;}
.mixtape-info h1 span {color:#d26f11;}
.mixtape-info p {line-height:normal;}
.mixtape-info .right {padding:15px 40px 0 0;}
.pushdown img, .pushdown input { position: relative; border:1px solid #333333;}
.pushdown img:hover, .pushdown input:hover { position: relative; top: 1px; left: 1px; border:solid 1px; border-color: #000 #aaa #aaa #000; }
.mixtape-info .hdis { text-align:center; float:right; font-size:11px; width:178px; height:49px; margin:-22px 0 0 0; background:#414141; border-top:solid 1px #333; border-left:solid 1px #333; padding:5px 3px;}
.mixtape-info .hdis b {font-size:10px; font-weight:bold;}
.mixtape-info .hdis a {float:left; margin:3px -30px 0 45px; font-weight:bold;}

.ico-menu {background:url(../images/newdesign/ico-menu-bg.jpg) repeat-x; height:40px; line-height:40px; border-left:solid 1px #a9a9a9; border-right:solid 1px #a9a9a9; padding:0 0 0 5px}
.ico-menu a {font-weight:bold; padding:0 15px 0 20px; display:block; vertical-align:middle; float:left; background-position:left center; background-repeat:no-repeat;}
.ico-menu .separator {background:url(../images/newdesign/ico-menu-sep.png) no-repeat; width:3px; height:38px; float:left; margin:0 5px 0 0;}
.ico-menu a#im-fav {background-image:url(../images/newdesign/fav-ico.png);}
.ico-menu a#im-play {background-image:url(../images/newdesign/play-ico.png);}
.ico-menu a#im-share {background-image:url(../images/newdesign/share-ico.png);}
.ico-menu a#im-comm {background-image:url(../images/newdesign/comm-ico.png);}
.ico-menu a#im-download {background-image:url(../images/newdesign/download-ico.png);}
.ico-menu a#im-subscribe {background-image:url(../images/newdesign/subscribe-ico.png);}

.heading .right {padding:5px 10px 0 0;}

table.playlist {width:100%; text-align:left; font-size:12px; color:#505050;}
table.playlist tr th { padding:2px 4px; vertical-align:middle; background:#e9e9e9;}
table.playlist tr td.small {width:20px;}
table.playlist tr td { padding:0 4px; vertical-align:middle; background:url(../images/newdesign/pl-td-bg.jpg) repeat-x; height:36px;}
table.playlist tr .check {width:35px;}

.embeds {background:#373737; padding:10px; font-size:13px; font-weight:bold; color:#fff; width:705px}
.embeds .inp { border:solid 1px #c4c4c4; background:#fff url(../images/newdesign/add-comment-bg.jpg) repeat-x bottom; margin:5px 0; width:690px; height:16px; padding:5px; #373737;}

.small-avatars .left { margin:5px 0 5px 19px; text-align:left;}
.small-avatars .left img {border:solid 1px #c4c4c4;}
.small-avatars .left a {color:#616161;}

.recent-comments {background:#f0f0f0; border:solid 1px #c8c8c8; color:#555; padding:5px; font-size:13px;height:70px;}
.recent-comments .comments_title {background:#c8c8c8; border:solid 1px #c8c8c8; height:20px;color:#555; padding:0px; font-size:13px;}

.recent-comments .comments_top {background:#c8c8c8; border:solid 1px #c8c8c8; height:70px;color:#555; padding:0px; font-size:13px;}

.recent-comments .date-posted {float:right; background:url(../images/newdesign/calendar-ico.jpg) no-repeat left center; height:20px; padding:0 0 0 25px; line-height:20px; font-weight:bold; vertical-align:middle;}
.recent-comments h2 {padding:0 0 10px 0;}
.recent-comments  a {color:#616161;text-decoration:underline;font-size:14px;}
.recent-comments .avatar {float:left; margin-right:10px;}
.recent-comments .rc_1 {float:left; margin-right:2px;width:50px;vertical-align:middle;}
.recent-comments .rc_2 {float:left; margin-right:2px;width:100px;vertical-align:middle;text-align:center;}
.recent-comments .rc_3 {float:left; margin-right:2px;width:350px;vertical-align:middle;}
.recent-comments .rc_4 {float:left; margin-right:2px;width:175px;vertical-align:middle;}
.recent-comments .row1 {background:#EDA75C; border:solid 1px #c8c8c8; height:50px;padding:10px;}
.recent-comments .row2 {background:#ababab; border:solid 1px #c8c8c8;  height:50px;padding:10px;}

.textarea { border:solid 1px #c4c4c4; background:#fff url(../images/newdesign/add-comment-bg.jpg) repeat-x bottom; width:386px; height:49px; padding:5px;}

.pagination.comments {width:auto;}

.plpage .add-comment {font-size:13px; color:#484848; background:#efefef; padding:5px 0 5px 0; overflow:hidden; margin-top:-3px; width:725px}
.plpage .add-comment table { width:90%; }
.plpage .add-comment table td { vertical-align:top; padding:5px;}
.plpage .add-comment .inp { border:solid 1px #c4c4c4; background:#fff url(../images/newdesign/add-comment-bg.jpg) repeat-x bottom; width:610px; height:16px; padding:5px;}
.plpage .add-comment .textarea { border:solid 1px #c4c4c4; background:#fff url(../images/newdesign/add-comment-bg.jpg) repeat-x bottom; width:610px; height:49px; padding:5px;}
.plpage .add-comment .submit { background:url(../images/newdesign/submit.jpg) no-repeat; width:105px; height:27px; cursor:pointer}
.plpage .add-comment .right { padding-right:16px;}

.pagination {width:965px;}

.upload_container{ float:left; width:708px; padding:30px 10px}

.upload_container h3{ font-size:18px; font-weight:bold; color:#b35e0c; margin:0 0 0 0; padding:0; font-family:"Myriad Pro", Arial, Helvetica, sans-serif}
.upload_container p{ color:#4f4f4f; font-size:13px; margin-bottom:10px}
.upload_container .upload_button_box{ float:left; width:708px; text-align:center; margin-bottom:20px; }

.upload_container .upload_features{ float:left; width:708px; list-style:none; margin-bottom:25px; margin-top:5px;}
.upload_container .upload_features li{ width:343px; float:left; background:#fff; margin:0 9px 9px 0; border:1px solid #c7c7c7; padding:1px}
.upload_container .upload_features li .box{ width:343px; float:left; height:170px;background:#f1f1f1; padding:10px 0}
.upload_container .upload_features li .box img{ float:left;}
.upload_container .upload_features li .box .details{ float:right; width:190px; padding-right:10px}
.upload_container .upload_features li.last{ margin-right:0px}
.upload_container .upload_features h3{ text-transform:uppercase; margin:0 0 12px 0}







#player_container{ float:left; padding:5px; background:#fff}

#player_container .left_palyer_container{ float:left; width:445px;}
#player_container .left_palyer_container .logo_box{ float:left; width:445px; background:#1f1f1f;; text-align:center}
#player_container .left_palyer_container .player{ float:left; width:445px; margin:0 0 2px 0}
#player_container .left_palyer_container .userbar{ float:left; width:435px; background:url(../images/newdesign/userbar_bg.jpg) repeat-x 0 0; height:35px; margin:0 0 2px 0; padding:0 5px}

#player_container .left_palyer_container .userbar .social{ float:left; list-style:none; padding:8px 15px 0 0; height:27px ;	background:url(../images/newdesign/user_sep.jpg) no-repeat top right; margin-right:15px; display:inline}

#player_container .left_palyer_container .userbar .social li{ float:left; margin-right:2px}

#player_container .left_palyer_container .userbar .fav{ float:left; color:#fff; font-weight:bold; height:27px;	background:url(../images/newdesign/user_sep.jpg) no-repeat top right; margin-right:20px; display:inline; padding-right:5px; padding-top:8px;}

#player_container .left_palyer_container .userbar .fav a{ text-decoration:none; color:#fff}

#player_container .left_palyer_container .userbar .fav img{ float:left;}

#player_container .left_palyer_container .userbar .fav span{ float:left; padding:0 10px }

#player_container .left_palyer_container .userbar .rating{ float:left; color:#fff; font-weight:bold; height:27px; padding:8px 0 0 0}

#player_container .left_palyer_container .userbar .rating span{ float:left; padding:0 20px 0 0}

#player_container .left_palyer_container .userbar .rating img{ float:left; margin:0 15px 0 0; display:inline}

#player_container .left_palyer_container .embed_box{ float:left; width:435px; background:#373737; padding:5px; color:#fff; font-weight:bold}

#player_container .left_palyer_container .embed_box label{ float:left; width:435px;margin:0 0 5px 0}

#player_container .left_palyer_container .embed_box input{ float:left; width:406px;  border:1px solid #000; background:url(../images/newdesign/link_input_bg.jpg) no-repeat 0 0; color:#555; font-size:12px; padding:0 10px 3px 10px; margin:0 0 5px 0}


#player_container .left_palyer_container .recent_comment_container{ float:left; width:435px; padding:10px 0 10px 10px;}
#player_container .left_palyer_container .recent_comment_container h3{ float:left; width:425px; font-size:14px; font-weight:bold; color:#b35e0c; text-transform:uppercase; margin-bottom:5px}

#player_container .left_palyer_container .recent_comment_container .input{ border:1px solid #696969; width:396px; float:left; padding:2px; margin-bottom:10px }
#player_container .left_palyer_container .recent_comment_container .input1{ border:1px solid #696969; background:url(../images/newdesign/submit_comment_input_bg.jpg) repeat-x 0 0; padding:5px; width:270px; float:left}

#player_container .left_palyer_container .recent_comment_container .btn{ float:left; margin:0 0 0 10px; display:inline}


#player_container .right_comment_container{ float:left; width:320px; margin:0 0 0 10px; display:inline}

#player_container .right_comment_container .heading{ float:left; width:300px; background:url(../images/newdesign/comment_head_bg.jpg) repeat-x 0 0;margin:0 0 2px 0; color:#fff; font-weight:bold; text-transform:uppercase; padding:13px 10px}

#player_container .right_comment_container .comment_list{ float:left; width:320px; list-style:none}

#player_container .right_comment_container .comment_list li{ float:left; width:316px; border:1px solid #cfcfcf; padding:1px; background:#fff; margin:0 0 5px 0}

#player_container .right_comment_container .comment_list li .box{ float:left; width:296px; background:#f0f0f0; padding:10px}

#player_container .right_comment_container .comment_list li img{ float:left; border:1px solid #c0c0c0}

#player_container .right_comment_container .comment_list li .details{ float:right; width:230px; font-size:13px; color:#555}

#player_container .right_comment_container .paging{ float:left; text-align:right; width:300px; list-style:none; background:#676767; padding:10px}

#player_container .right_comment_container .paging li{ display:inline; font-size:11px; font-weight:bold;}
#player_container .right_comment_container .paging li a{ color:#fff; text-decoration:none;  padding:3px 10px}
#player_container .right_comment_container .paging li a:hover{ color:#fff; text-decoration:none; background:#d26f11;padding:3px 10px}

#player_container .right_comment_container .paging li.current{ color:#fff; text-decoration:none; background:#d26f11;padding:3px 10px}


#player_container .right_comment_container .submit_comment_box{ float:left; width:300px; padding:10px; background:#373737}
#player_container .right_comment_container .submit_comment_box input{ float:right}
#player_container .right_comment_container .submit_comment_box .input{ float:left; width:298px; border:1px solid #000; height:24px; background:url(../images/newdesign/submit_comment_input_bg.jpg) repeat-x 0 0; margin-bottom:5px;}


/*----- small Content created by harish -----*/
.scontent { width:495px; float:left; margin:0px 0 0 0px;vertical-align:top;}
.scontent .heading { width:400px; padding:0 0 0 20px; text-transform:uppercase;}
.scontent .normal { color:#1c1c1c; font-size:12px; text-decoration:none; font-weight:bold;}
.scontent table { width:100%; }
.scontent  table tr th { padding:2px 4px; vertical-align:middle; background:#676767; color:#FFFFFF}
.scontent  table tr td { padding:2px 4px; vertical-align:top; background:#CFCFCF; color:#000000}

/* signup page */
.sign-left { width:495px; height:auto; float:left; overflow:hidden; margin:10px 0 0 5px;}
.sign-right { width:223px; float:left; margin:0px 0 0 0px;vertical-align:top;}
.sign-left .heading { width:400px; text-transform:uppercase}
.sign-left .inp { border:solid 1px #c4c4c4; background:#fff url(../images/newdesign/add-comment-bg.jpg) repeat-x bottom; width:300px; height:16px; padding:5px;}
.sign-left .textarea { border:solid 1px #c4c4c4; background:#fff url(../images/newdesign/add-comment-bg.jpg) repeat-x bottom; width:300px; height:49px; padding:5px;}
.sign-left .inp_small { border:solid 1px #c4c4c4; background:#fff url(../images/newdesign/add-comment-bg.jpg) repeat-x bottom; height:16px; padding:5px;}
.sign-left .inp_select { border:solid 1px #c4c4c4; background:#fff url(../images/newdesign/add-comment-bg.jpg) repeat-x bottom;  height:30px;padding:5px; }
.sign-left .inp_file { border:solid 1px #c4c4c4; background:#fff url(../images/newdesign/add-comment-bg.jpg) repeat-x bottom;  height:30px;padding:5px; }
.sign-left .submit { background:url(../images/newdesign/submit.jpg) no-repeat; width:105px; height:27px; cursor:pointer}
.sign-left .headl{font-family:verdana;font-size:14px;font-weight:bold;color:#A14E1F }
.sign-left a {text-decoration:none; color:#373737;}
.sign-left a:hover {color:#d26f11;}



.inv-left { width:695px; height:auto; float:left; overflow:hidden; margin:10px 0 0 5px;font-family:verdana;font-size:12px;}
.inv-left .heading { width:400px; text-transform:uppercase}
.inv-left .inp { border:solid 1px #c4c4c4; background:#fff url(../images/newdesign/add-comment-bg.jpg) repeat-x bottom; width:300px; height:16px; padding:5px;}
.inv-left .textarea { border:solid 1px #c4c4c4; background:#fff url(../images/newdesign/add-comment-bg.jpg) repeat-x bottom; width:300px; height:49px; padding:5px;}
.inv-left .inp_small { border:solid 1px #c4c4c4; background:#fff url(../images/newdesign/add-comment-bg.jpg) repeat-x bottom; height:16px; padding:5px;}
.inv-left .inp_select { border:solid 1px #c4c4c4; background:#fff url(../images/newdesign/add-comment-bg.jpg) repeat-x bottom;  height:30px;padding:5px; }
.inv-left .inp_file { border:solid 1px #c4c4c4; background:#fff url(../images/newdesign/add-comment-bg.jpg) repeat-x bottom;  height:30px;padding:5px; }
.inv-left .submit { background:url(../images/newdesign/submit.jpg) no-repeat; width:105px; height:27px; cursor:pointer}
.inv-left .headl{font-family:verdana;font-size:14px;font-weight:bold;color:#A14E1F }
.inv-left a {text-decoration:none; color:#373737;}
.inv-left a:hover {color:#d26f11;}


.sign-right .headl{font-family:verdana;font-size:14px;font-weight:bold;color:#A14E1F }

/* signup page */
.upl-main{width:718px; height:auto; float:left; overflow:hidden; margin:10px 0 0 5px;}
.upl-main .headl { font-family:verdana;font-size:16px;font-weight:bold;color:#A14E1F}
.upl-left { width:310px; height:auto; float:left; overflow:hidden; margin:10px 0 0 5px;}
.upl-left .terms { width:295px; height:auto; float:left; overflow:hidden; margin:0px 0 0 0px;}
.upl-right { width:408px; float:left; margin:0px 0 0 0px;vertical-align:top;}
.upl-right .inp { border:solid 1px #c4c4c4; background:#fff url(../images/newdesign/add-comment-bg.jpg) repeat-x bottom; width:300px; height:16px; padding:5px;}
.upl-right .textarea { border:solid 1px #c4c4c4; background:#fff url(../images/newdesign/add-comment-bg.jpg) repeat-x bottom; width:300px; height:49px; padding:5px;}
.upl-right .inp_small { border:solid 1px #c4c4c4; background:#fff url(../images/newdesign/add-comment-bg.jpg) repeat-x bottom; height:16px; padding:5px;}
.upl-right .inp_select { border:solid 1px #c4c4c4; background:#fff url(../images/newdesign/add-comment-bg.jpg) repeat-x bottom;  height:30px;padding:5px; }
.upl-right .inp_file { border:solid 1px #c4c4c4; background:#fff url(../images/newdesign/add-comment-bg.jpg) repeat-x bottom;  height:30px;padding:5px; }
.upl-right .submit { background:url(../images/newdesign/submit.jpg) no-repeat; width:105px; height:27px; cursor:pointer}
.upl-left .heading { width:400px; text-transform:uppercase}
.darkbg{background:#3e3e3e;height:30px;vertical-align:middle;text-align:center;}
.upnormal{font-family:verdana;font-size:12px;color:#3e3e3e}

/* settings page */
.settings{width:718px; height:auto; float:left; overflow:hidden; margin:10px 0 0 5px;}
.settings .inp { border:solid 1px #c4c4c4; background:#fff url(../images/newdesign/add-comment-bg.jpg) repeat-x bottom; v height:16px; padding:5px;}
.settings .textarea { border:solid 1px #c4c4c4; background:#fff url(../images/newdesign/add-comment-bg.jpg) repeat-x bottom; width:170px; height:49px; padding:5px;}
.settings .inp_small { border:solid 1px #c4c4c4; background:#fff url(../images/newdesign/add-comment-bg.jpg) repeat-x bottom; width:60px;height:16px; padding:5px;}
.settings .inp_select { border:solid 1px #c4c4c4; background:#fff url(../images/newdesign/add-comment-bg.jpg) repeat-x bottom;  height:30px;padding:5px; }
.settings .inp_file { border:solid 1px #c4c4c4; background:#fff url(../images/newdesign/add-comment-bg.jpg) repeat-x bottom;  width:200px;height:30px;padding:5px; }
.settings .submit { background:url(../images/newdesign/submit.jpg) no-repeat; width:105px; height:27px; cursor:pointer}
.settings .headl { font-family:verdana;font-size:16px;font-weight:bold;color:#A14E1F}
.settings .heading { width:300px; text-transform:uppercase}
.settings .normal{font-family:verdana;font-size:11px;color:#3e3e3e}
.settings .table {}
.settings .td {}

/*-----  notes Pagination -----*/
.notes_pagination {height:29px; line-height:29px; vertical-align:middle; color:#fff; font-weight:bold; padding:0 20px; margin:auto;}
.notes_pagination a {padding:3px 8px;}
.notes_pagination a.active, .notes_pagination a:hover {background:#d26f11; color:#fff;}