.hide { display: none; }

#covers h2, #covers h2 a { background-image: url('../IMG/coversGallery.jpg'); width: 385px; height: 48px; position: static; display: block; }
#covers h2.userCovers, #covers h2.userCovers a { background-image: url('../IMG/yourCurrentTop10.jpg'); width: 385px; height: 48px; position: static; display: block; }

#covers .search fieldset { float: right; width: 225px; margin-bottom: 5px; }
#covers .search .latest, #covers .search .latest a { background-image: url('../IMG/latestCovers.jpg'); width: 115px; height: 16px; display: block; float: left; background-repeat: no-repeat;  /*margin: 0px 5px 0px 30px;*/ background-position: 23px 0px;} 
#covers .search .top, #covers .search .top a { background-image: url('../IMG/youCoverTop.gif'); width: 115px; height: 16px; display: block; float: right; background-repeat: no-repeat; margin-right: 5px; clear: both;} 
#covers .search .latest a, #covers .search .top a { margin: 0px;}

#covers .search .back, #covers .search .back a { background-image: url('../IMG/buyBackIssues.gif'); width: 157px; height: 16px; display: block; float: right; background-repeat: no-repeat; margin-right: 5px;} 
#covers .search .back a { margin: 0px;}


#covers { background: Transparent url('../IMG/coverBg.gif') repeat-y top left; float: left;}
#covers .cTop { background: Transparent url('../IMG/coverTop.gif') no-repeat top left; padding-top:4px; float: left;}
#covers .cBottom {background: Transparent url('../IMG/coverBottom.gif') no-repeat bottom left; padding-bottom:4px; float: left;}

#covers .layout { padding: 20px 15px 20px 20px; float: left; width: 840px; }

.ads .mpu { margin: 400px 0px 0px 559px;}
#item .ads .mpu{margin: 1232px 0px 0px 545px;}

#covers .search {float: left; width: 345px; padding-left: 110px; height: 45px;}

#covers .yearControls {float: left; clear: both; width: 840px; border: 1px solid #E6E9F2; border-right: none; border-left: none; margin-top: 20px;}
#covers .yearControls .previous, #covers .yearControls .next { float: left; display: block; width: 13px; height: 13px; margin-top: 5px; background: Transparent url('../IMG/previous.jpg') no-repeat bottom left; width: 13px;}
#covers .yearControls .next { background: Transparent url('../IMG/next.jpg') no-repeat bottom left; margin-left: 5px;	}
#covers .yearControls .previous { margin-right: 5px;}

#covers .yearControls #yearList { float: left; padding: 0px 25px 0px 25px; width: 743px;}

#covers .yearControls li { float: left; background: Transparent url('../IMG/spacer.jpg') no-repeat right 7px; }
#covers .yearControls li a { text-decoration: none; font-weight: bold; color: #000;	 font-size: 0.9em; line-height: 2em; padding: 0.5em 0.5em;}
#covers .yearControls li a:hover { background-color: #B6964D; color: #fff; }
#covers .yearControls li a.active  { background-color: #B6964D; color: #fff; }

#covers .gallery{ float: left; clear: both;	width: 540px; margin: 18px 0px 0px 0px;}
#item #covers .gallery {margin-top: 5px; width: 840px; overflow: hidden; height: 115px;}
#covers .gallery li {float: left; margin: 0px 6px 7px 0px; }
#covers .gallery li .cover { height: 110px; }
#covers .gallery li .cover a { background-color: #fff; display: block; text-decoration: none; margin: 0px; float: left; }
#covers .gallery li .cover a:hover { background-color: #B6964D;	}

#covers .gallery #magGallerySmall li .cover .top { position: absolute; font-weight: bold; font-size: 0.85em; margin: 93px 0px 0px 0px; color: #fff; text-transform: uppercase; height: 15px; z-index: 100; text-align: center; width: 64px; }
#covers .gallery #magGalleryBig li .cover .monthText { position: absolute; margin: 12px 0px 0px 15px; font-size: 0.85em; font-weight: bold;}

#covers .gallery #magGallerySmall {float: left; width: 840px; margin: 0px 0px 0px 1px; }

#covers .gallery #magGalleryBig li { border: 1px solid #828490; }
#covers .gallery #magGalleryBig  li .cover { height: 250px;}
#covers .gallery #magGallerySmall li .cover a { position: absolute;}
#covers .gallery #magGalleryBig  li .cover a img {margin: 30px 15px;}
#covers .gallery #magGallerySmall li .cover a:hover img { border-bottom: 1px solid #fff; }
#covers .gallery #magGalleryBig li .cover a, #covers .gallery #magGalleryBig li {width: 170px; height: 250px;}
#covers .gallery #magGallerySmall li .cover a, #covers .gallery #magGallerySmall li {width: 64px; height: 110px;}

#covers .gallery li.topImages {float: left; margin: 0px 17px 38px 0px; }

#covers .gallery #magGalleryBig  li.topImages .cover { height: 215px;}
#covers .gallery #magGalleryBig  li.topImages .cover a img {margin: 10px 10px;}
#covers .gallery #magGalleryBig li.topImages .cover a, #covers .gallery #magGalleryBig li.topImages {height: 215px; width: 160px;}

#covers .gallery #magGalleryBig li.topImages1 { border: none; background: Transparent url('../IMG/top/border.jpg') no-repeat -1px -1px; width: 172px; height: 230px; }
#covers .gallery #magGalleryBig li.topImages2, #covers .gallery #magGalleryBig li.topImages3 { margin-top: 7px; margin-bottom: 44px}
#covers .gallery li.topImages1 {  margin: 0px 7px 38px 0px; }
#covers .gallery #magGalleryBig  li.topImages1 .cover a img {margin: 18px 18px;}
#covers .gallery li.topImages1 .cover a { background-color: Transparent; }
#covers .gallery li.topImages1 .cover a:hover { background-color: Transparent;	}

#covers .gallery #magGalleryBig  li.topImages .coverTop { float: left; clear: both; height: 1px; position: relative; bottom: 30px; width: 160px; text-align: center; }
#covers .gallery #magGalleryBig  li.topImages1 .coverTop { width: 170px; }

* html #covers .gallery #magGalleryBig  li.topImages .coverTop { width: 100px; }
#covers .gallery #magGalleryBig  li.topImages .coverTop p { display: block; width: 61px; height: 60px; background-color: Transparent; background-position: bottom center; background-repeat: no-repeat;	 margin: 0px auto; behavior: url(/Content/HTC/iepngfix.htc); }

#covers .gallery #magGalleryBig  li.topImages p.coverTop1 { background-image: url('../IMG/top/1.png'); height: 65px; }
#covers .gallery #magGalleryBig  li.topImages .coverTop2 { background-image: url('../IMG/top/2.png'); }
#covers .gallery #magGalleryBig  li.topImages .coverTop3 { background-image: url('../IMG/top/3.png'); }
#covers .gallery #magGalleryBig  li.topImages .coverTop4 { background-image: url('../IMG/top/4.png'); }
#covers .gallery #magGalleryBig  li.topImages .coverTop5 { background-image: url('../IMG/top/5.png'); }
#covers .gallery #magGalleryBig  li.topImages .coverTop6 { background-image: url('../IMG/top/6.png'); }
#covers .gallery #magGalleryBig  li.topImages .coverTop7 { background-image: url('../IMG/top/7.png'); }
#covers .gallery #magGalleryBig  li.topImages .coverTop8 { background-image: url('../IMG/top/8.png'); }
#covers .gallery #magGalleryBig  li.topImages .coverTop9 { background-image: url('../IMG/top/9.png'); }
#covers .gallery #magGalleryBig  li.topImages .coverTop10 { background-image: url('../IMG/top/10.png'); }

#covers .coverImage { float: left; clear: both;	}

#covers .nextPrevious { float: left; clear: both; width: 399px; height: 25px;}
#covers .Previous, #covers .Next, #covers .Previous a, #covers .Next a{ background: Transparent url('../IMG/issuePrevious.jpg') no-repeat top left; display: block;width: 67px; height: 9px; float: left; }
#covers .Next, #covers .Next a {background: Transparent url('../IMG/issueNext.jpg') no-repeat top left; float: right; width: 43px; }

#covers .inIssue {background-color: #000; width: 820px; float: left; padding: 10px;}
#covers .inIssue .inIssueLayout { width: 399px; text-align: center;  /*position: relative; top: 10px; left: 10px; margin-bottom: 10px;*/ margin: 10px auto; }

#covers .inIssue .inThisIssue { float: right; width: 410px; background-color: #fff; height: 600px; overflow: auto; /*position: relative; right: 10px; top: 10px;*/ }
#covers .inIssue .inThisIssue .inThisIssueLayout { padding: 10px;}
#covers .inIssue .inThisIssue .inThisIssueLayout h4 { font-weight: bold; font-size: 1.9em; text-transform: uppercase; margin-bottom: 0.5em;}
#covers .inIssue .inThisIssue .inThisIssueLayout p { margin-bottom: 1em;}
#covers .inIssue .inThisIssue .inThisIssueLayout a.subscribe { text-decoration: none; color: #AB0013; font-weight: bold; }
#covers .inIssue .inThisIssue .inThisIssueLayout a.subscribe:hover { text-decoration: underline;}
#covers .post { clear: both; border: none; }

#covers .bottom fieldset { background-color: #E9EAEE; width: 480px; height: 250px; }
#covers .bottom fieldset label {float: left; width: 100px; font-weight: bold; font-size: 0.9em; }
#covers .bottom fieldset p { padding: 10px 0px 0px 10px; }
#covers .bottom fieldset textarea { width: 355px; height: 135px; }

#covers fieldset textarea, #covers fieldset input { border: 1px solid #A3A3A3; border-bottom: 1px solid #6D6D6D; border-right: 1px solid #6D6D6D; height: 16px; }

#covers .bottom .paddingBox { padding: 10px; clear: both; }

#covers .box { margin: 10px 0px 0px 0px; float: left; width: 840px; }
#covers .box h4 { margin:10px 10px 0px 10px; padding:0px; font-size: 1.1em; font-weight: bold; text-transform: uppercase; float: left; }
#covers .box ul { padding: 0px 10px 10px 10px; }
#covers .box ul li { float: left; width: 790px; border: 1px solid #D0CFD4; min-height: 1em; margin: 0px 0px 10px 0px; font-size: 0.85em; }

#covers .box h4.post, #covers .box h4.post a { background:transparent url(http://www.mojo4music.com/blog//IMG/commentOnThisPost.gif) no-repeat scroll left top; display:block; height:20px; margin:0px 10px 5px 10px; width:166px; clear: both; float: none; border: none; }

#covers .box .comment { float: left; clear: both; padding: 10px; width: 770px; padding: 10px; }
#covers .box .comment .commentByName { font-weight: bold; }
#covers .box .comment .commentOnTime, #covers .box .comment .commentOnDate { color: #C49E49; }
#covers .box .comment a { color: #000; text-decoration: none; }
#covers .box .comment a:hover { text-decoration: underline;	}

#covers .box .hr { border-top: 1px solid #E7EBEE; margin:10px; width: 790px; float: left; clear: both; }

#covers .box h3 { display: block; background-image:url(http://www.mojo4music.com/blog/IMG/Heading/comments.gif); height:108px; width: 23px; position: absolute; }
#covers .box .grid { border-left: 1px solid #D6DAE5; border-right: 1px solid #D6DAE5; width:840px; }
#covers .box .grid .top { border-top: 1px solid #D6DAE5; }
#covers .box .grid .bottom { border-bottom: 1px solid #D6DAE5; }

p.reply a { background:transparent url(http://www.mojo4music.com/blog/IMG/replyToThis.gif) no-repeat scroll left top; clear:both; float:right; height:17px; padding:0px; width:110px; }

#covers .cover .top { height: 0px;  }
#covers .cover .bottom { float: left; }
#covers .cover .bottom .user  { background:transparent url(/Content/IMG/userRating.png) repeat-x scroll left top; display: block; width: 62px; height: 7px;  position: absolute; margin: 230px 0px 0px -155px;  behavior: url(/Content/HTC/iepngfix.htc);}
#covers .cover .bottom .rate { float: right; } 

#covers .cover .topCovers { position: absolute; margin: 5px 0px 0px 15px; }
#covers .cover .topCovers p { text-transform: uppercase; background-color: #B6964D; color: #fff; font-size: 0.85em; font-weight: bold; }

.userRating{ float: right; margin:10px 10px 0px 10px;}
.userRating .rate, .userRating .average, .userRating .rateCover, .userRating .starRating { float: left; }

.userRating .rate { background:transparent url(/Content/IMG/star.png) repeat-x left bottom; display: block; height: 10px; width: 50px;  behavior: url(/Content/HTC/iepngfix.htc); }
.userRating .rating1, .userRating .rating2, .userRating .rating3, .userRating .rating4, .userRating .rating5 { background:transparent url(/Content/IMG/star5.png) repeat-x scroll left top; display: block; height: 10px; width: 10px; behavior: url(/Content/HTC/iepngfix.htc); }
.userRating .rating2 { width: 20px; }
.userRating .rating3 { width: 30px; }
.userRating .rating4 { width: 40px; }
.userRating .rating5 { width: 50px; }

#default .userRating{ float: right; margin:0px; width: 50px; position: absolute; margin: 230px 0px 0px -65px}

.grid .userRating .rate { margin: 5px 5px 0px 5px; }
.grid .userRating select { margin: 0px 0px 0px 5px; }

.subscription { float: left; margin-top: 277px; width: 291px; border: 4px solid #4E4F53;}
.subscription h3 { background: #4E4F53 url('/Content/IMG/sub.jpg') no-repeat top left; display: block; width: 100%; height: 17px;  }
.subscription img { border: 4px solid #B6964D; margin: 5px; float: left; }
.subscription div { float: right; width: 212px; }
.subscription h4 { margin: 5px 5px 5px 0px; font-weight: bold; }
.subscription h4 a { color: #000; text-decoration: none; }
.subscription h4 a:hover { text-decoration: underline; }
.subscription p { margin: 0px 5px 5px 0px;} 
.subscription p.more, .subscription p.more a { background: Transparent url('/Content/IMG/clickForMore.jpg') no-repeat top left; display: block; width: 134px; height: 18px; }