@import url('../Default/Main.css');
@import url('../Default/Music.css');
@import url('../Default/Footer.css');


body { background: #000 url(images/bodybg.jpg) no-repeat 50% 0; color: #fff;}
#main { width: 960px;}
#Content {width: 940px; padding: 0 10px;}
#header {padding: 0; width:960px; margin-bottom: 25px; position: relative;}
#Header {height: 101px; background: url(StreamingHeaderBG.jpg); margin-bottom: 25px; z-index: 5;}
#header #SiteLogo {
	background: none;
	float: left;
	width: 371px;
	height: 147px;
	padding-top: 28px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#header #SiteLogo a {
	width:371px;
	height: 147px;
	background-image: url(images/NovaNationLogo%20copy.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#header #menu { background: none; height: 38px; }
#header #menu #Searcher { padding-top: 10px; }
#header #menu #Searcher .SearcherBox { background: #000; color: #fff; width: 175px; margin-right: 10px; }
#header #menu #Searcher .SearcherButton { font-size: 18px; padding-bottom: 7px;}

/** DMG Player **/
#main #header #DMGPlayer {
    top: 0px;
    height: 100px;
    width: 339px;
}

#main #header #DMGPlayer #PlayingInfo {
    padding: 4px 0 21px 70px;
    height: 66px;
    width: 252px;    
}

#main #header #DMGPlayer #PlayingInfo ul {
    position: absolute;
    left: 8px;
    bottom: 4px;
}

#main #header #DMGPlayer #PlayingInfo ul.nowPlayingInfo {
    left: 0;
    padding-left: 70px;
    width: 180px;
    height: 62px;
    top: auto;
    bottom: auto;
}

#main #DMGPlayer #NowPlayingButton {
    position: absolute;
    top: 0;
    right: 15px;
    display: block;
    height: 77px;
    width: 80px;
    text-indent: -1435em;
    background: transparent url('images/btn-player.png') center 10px no-repeat;
}

#main #DMGPlayer #NowPlayingButton:hover {
    background-position: center bottom;
}

#main #header #DMGPlayer #DMGPlayerInner {
    position: absolute;
    height: 97px;
    width: 339px;
    padding-left: 0;
    background: transparent url('images/player-background.gif') left bottom no-repeat;
}

#DMGPlayer ul#playerBottom {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 267px;
}

#DMGPlayer ul#playerBottom li {
    float: right;
    margin-right: 12px;
    margin-top: 8px;
}

#DMGPlayer ul#playerBottom li.rating {
    margin-top: 0;
    float: left;
}

#main #header #DMGPlayer img.thumb {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 7px;
    top: 7px;
    z-index: 20;
    border: 4px solid #555!important;
}

#main #header #DMGPlayer #DMGPlayerInner h3 {
    position: relative;
    top: 65px;
    left: 45px;
    display: block;
    width: 180px;
    height: 20px;
    text-transform: uppercase;
    font-family: Arial Narrow, Arial;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    text-decoration: none;
    color: White;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
}

#main #header #DMGPlayer #DMGPlayerInner h3 a {
    text-decoration: none;
    color: #fff;
}

#main #header #DMGPlayer #DMGPlayerInner h3 a:hover {
    color: #e31919;
}

#main #header #DMGPlayer #PlayingInfo ul.nowPlayingInfo li.title {
    display: block;
    color: #fff;
    font-size: 9pt;
    overflow: hidden;
    max-height: 13px;
    text-transform: uppercase;
}

#main #header #DMGPlayer #PlayingInfo ul.nowPlayingInfo li.title a {
    text-decoration: none;
}

#main #header #DMGPlayer #PlayingInfo ul.nowPlayingInfo li.artist span, #main #header #DMGPlayer #PlayingInfo ul.nowPlayingInfo li.artist {
    color: #fff;
    font-size: 9pt;
    height: 1em;
    overflow: hidden;
}

#DMGPlayList {
    top: -233px;
    right: 1px;
}

#DMGPlayList ul#playlist li.heading,
#DMGPlayList ul#playlist li.song {
    width: 307px;    
}

#DMGPlayList ul#playlist li.song {
    padding: 7px 15px;
    position: relative;
}

#main #DMGPlayList ul#playlist {
    padding-bottom: 5px;
    font-size: 0.833em;
    margin-top: 57px;    
    background:transparent url(images/spriteRadioPlayerButtons.PNG) no-repeat scroll 0 bottom;
}

#DMGPlayList ul#playlist li.song ul li.fav {
    position: absolute;
    right: 9px;
    top: 4px;
}

#DMGPlayer #PlayListMoreNovaNation {
    background:transparent url(../../img/main/player_favouriteBut.PNG) no-repeat scroll 0 0;
    display:block;
    height:19px;
    text-indent:-487em;
    width:80px;
}

#playerButtons a.addTofav {
    background:transparent url(images/spriteRadioPlayerButtons.PNG) no-repeat scroll -23px -15px;
    display:block;
    height:15px;
    width:19px;
}

#playerButtons a.addedTofav {
    background:transparent url(images/spriteRadioPlayerButtons.PNG) no-repeat scroll -23px 0;
    cursor:default;
    display:block;
    height:15px;
    width:19px;
}

#DMGPlayList ul#playlist li.fav a.addTofav {
    background:transparent url(images/spriteRadioPlayerButtons.PNG) no-repeat scroll 0 -17px;
    display:block;
    height:17px;
    width:23px;
}

#DMGPlayList ul#playlist li.fav a.addedTofav {
    background:transparent url(images/spriteRadioPlayerButtons.PNG) no-repeat scroll 0 0;
    cursor:default;
    display:block;
    height:17px;
    width:23px;
}


/** Navigation Level 1 **/
#header #menu ul { width: 730px; padding-top: 3px; }
#header #menu ul li { height: 38px; }
#header #menu ul li a { /*background: url('images/MenuItemBG.gif') repeat-x 0 -80px;*/ font-weight: bold; padding: 11px 12px; color: #000; font-size: 15px; }
#header #menu ul li a.selected { background-position: 0 0; color: #3995ed; }
#header #menu ul li a:hover,
#header #menu ul li:hover a { background-position: 0 -39px; color: #3995ed; }

/** Navigation Level 2 **/
#header #menu ul li ul li { height: auto; }
#header #menu ul li ul { }
#header #menu ul li:hover ul { background: #c4c4c4 url('images/bg-submenu.gif') left bottom repeat-x; border-top: 1px solid #555; padding-top: 5px; padding-bottom: 12px; }
#header #menu ul li:hover ul li { border: none; }
#header #menu ul li:hover ul li a { background: none; border: none; border-bottom: 1px solid #dedfdf; }
#header #menu ul li:hover ul li a:hover { background-color: #3995ed; color: #fff; }

/*#header .NavItem {background: #000 url(images/NavItemBG.gif) no-repeat 30px 0; border: solid 1px #fff;}
#header .NavItem a {border-bottom: solid 1px #1c1c1c; color:#fff;}
#header .NavItem a:hover {background: #fff; color: #000;}*/
#header #PMAlert,#header #LogoutAlert { background: #000; color: #fff; padding: 10px; width:205px; top: -45px; right: 25px; border-top: solid 1px #5d5e00; border-bottom: solid 1px #1f3887;}


#Hero {width: 940px; border: none;}
#Hero #MoreHeroesButton { top: 10px; left: 40px; }
#Hero #LessHeroesButton { bottom: 10px; right: auto; left: 40px;}

#Hero .Heroes .HeroTitle { bottom: 0; top: auto; background: transparent url('images/HeroTitleBG.png') left top repeat; padding: 5px 325px 3px 100px; width: 515px; text-align: left;}
#Hero .Heroes .HeroTitle h1 {color:#fff; font-size: 22px; max-height: 24px; }
#Hero #SideKick { height: 245px; overflow: hidden; background: none; top: 40px; left: 19px;}
#Hero #SideKick img {border: solid 1px #b2b2b2; margin-bottom: 20px;}
#Hero #SideKick img:hover {border-color:#fff;}
.BoxHero { width: 940px; margin-top:0; margin-bottom: 10px;}
.Pichu { width: 290px; left: auto; padding: 0; right: 17px; height: 280px; text-align: left; }
.BoxHero .Pichu{z-index:11;}
.Pichu .MoreContent { margin: 0!important; position: absolute; right: 5px; bottom: 0; }
#PichuTabs {width: 280px; float: none; padding: 6px 5px; padding-bottom:12px; background: url(images/PichuTabBG.gif) repeat-x 0 0; height: 24px; }
#PichuTabs a {width: auto; display: inline; float: none; text-indent: 0; font-size: 17px; color: #000; text-decoration: none; font-weight: bold; padding: 2px 5px 12px 3px;}
#PichuTabs a#PichuComp, #PichuTabs a#PichuEvent, #PichuTabs a#PichuMusic {background:url(images/PichuTabSelBG.gif) no-repeat 0 -20px; height: auto;}
	#PichuTabs a#PichuComp:hover, #PichuTabs a#PichuMusic:hover, #PichuTabs a#PichuEvent:hover, 
#PichuTabs a#PichuComp.select, #PichuTabs a#PichuMusic.select, #PichuTabs a#PichuEvent.select {background-position: 50% 100%; color: #0d95f2;} 
.PichuContent {position: absolute; top: -873em;}
.Pika { margin: 0 0 15px 0; color: #fff; font-size: 10px; padding: 0 10px; height:40px; text-align: left; overflow: hidden; }
.Pika img,
.Pika a img { float: left; margin-right: 10px; border: solid 1px #000; }
.Pika a:hover img { border: solid 1px #fff; }
.Pika h2 { margin: 0 0 3px 0; padding: 0; font-size: 12px; font-weight: bold; max-height: 14px; overflow:hidden; }
.Pika p { margin: 0; padding: 0; max-height: 27px; overflow:hidden; }
.Pichu .MoreContent {margin: 0 10px;}

a {color: #fff; }
a:hover {color: #fff; text-decoration: none; }

h1 { text-transform: uppercase; color: #fea0ee; text-shadow: 0px 0px 20px #e343c8; font-style: italic; font-size: 20px; font-weight: normal; letter-spacing: normal; border-bottom: solid 1px #323232;}
h1 a { color: #fea0ee; }
h1 a:hover {color: #e343c8; text-decoration: none; }

h2 { 
    color: #fff; 
    font-weight: bold; 
    font-size: 14px; 
}

#Content h2 a {
    color: #fff;
    font-size: 14px; 
}

#Content h2 a:hover {
    background-color: #910601;
    border-top: 1px solid #710804;
    color: #FFFFFF;
    font-size: 14px;
}

.BoxMax, .BoxWide, .BoxSlimWrap { margin-bottom: 10px; }
#main #Content .BoxWide .article-content { width: 535px; }
.BoxSlim { margin-right: 10px; }
.BoxSlim h1, .BoxWide h1, .BoxFull h1, .BoxMain h1, .BoxMax h1 { background:transparent url(images/wideheaderbg.gif) no-repeat 0 100%; padding: 25px 15px 7px 10px; }
.BoxSlim h1 {background:transparent url(images/slimheaderbg.gif) no-repeat 0 100%;} 
.BoxMain h1, .BoxMax h1 {background-color: #000;}
/*.contentBox h1, .contentBoxPad h1 {background: none; padding: 0 10px; font-size: 22px;}*/

#HeadingArticles {background-image: url(images/HeaderArticle.gif); padding-left: 60px;}

h1#HeadingCompInfo, h1#HeadingGallery, h1#HeadingArticle, h1#HeadingAudio, h1#HeadingVideos, h1#HeadingPolls { background:transparent url(images/wideheaderbg.gif) no-repeat 0 100%; padding: 25px 15px 7px 10px; }

/*#HeadingVideo, #HeadingVideos, #HeadingVideosF {background-image: url(images/HeaderVideo.gif); padding-left: 60px;}*/
/*, #HeadingPhoto #HeadingGallery, #HeadingGalleryF {background-image: url(images/HeaderGallery.gif); background-repeat: no-repeat; padding-left: 60px;}
#HeadingArticle, #HeadingArticlesF {background-image: url(images/HeaderArticleF.gif); padding-left: 60px;}*/
#HeadingReply {background-image: url(images/HeaderReply.gif); padding-left: 60px;}
#HeadingComments {background-image: url(images/HeaderComments.gif); padding-left: 60px;}

#BodyText {padding: 5px 10px; clear:left;}
.contentBox, .contentBoxPad {background: #000; padding: 0; clear: both; border-top: none; /*border-top: solid 1px #323232;*/ padding-top: 5px;}
.contentBoxPad {padding: 10px 10px;}

a#RSS{background-image: url(images/rss.gif); height: 27px; width: 27px; margin-top: 12px; }
#ContentSections {background: #171717 url(images/ContentSectionsBG.gif) repeat-x 0 0; padding: 2px 7px 0px 7px; }
#ContentSections a { color: #000; text-decoration: none; font-size: 14px; font-weight: bold; padding: 5px 0 15px 0; margin-right: 20px; background: url('images/ContentSectionsBGHover.gif') no-repeat 0 -20px; text-align: center; }
#ContentSections a.Selected, #ContentSections a:hover {color: #0d95f2; background-position: 50% 100%;  }
.SummaryTabBox {clear: both; width: 300px; margin-bottom: 10px; float:right; }
.SummaryTabs {background: #333 url(images/ContentSectionsBG.gif) repeat-x 0 0; height: 38px;}
.SummaryTabs a { color:#000; background: transparent url('images/ContentSectionsBGHover.gif') no-repeat 0 -20px; padding: 5px 0 14px 0; margin-right: 20px; font-size: 17px; font-weight: bold;}
.SummaryTabs a:hover, .SummaryTabs a.selected  { color: #0d95f2; background-position: 50% 100%; background-color: Transparent; }
#SummaryPhoto, #SummaryVideo{ padding: 5px 0 5px 6px; }
.PhotoCount{ background-image: url('images/PhotoCount.gif'); }

.BoxSlim-i {padding: 0; }
.ItemContainer {background: #151515; padding-bottom: 0; margin-bottom: 0px; }
.ItemContainerItem {margin-right: 12px;}
.BoxSlimWrap { width: 630px; overflow: hidden; clear: both; }
.ItemContainer a img { 
    padding: 1px;
    border: 1px solid #323232;
 }
 
.ItemContainer a:hover img {
    padding: 2px;
    border: none;
    background: transparent url('images/GalleryHalfBG.gif') left top repeat-x;
}
.ItemContainer h2 {font-size: 16px; line-height: 16px; }
.ItemFooter { padding: 3px 10px 2px 10px; background: #000; border-bottom: solid 1px #323232;}
.FeatureItem .Action { padding: 5px; margin-bottom: 10px; }
#main .FeatureItem .Action .Date {padding-top: 3px; color: #fff!important;}
.FeatureItem H1 {padding: 0 5px; font-size: 16px;background: none; color: #fff;}
.FeatureItem H1 a {color: #fff;}
.FeatureItem p {padding: 5px;}
.FeatureItem .HalfStar {padding: 5px; background: url(images/HalfStarBG.gif);}
.ItemGroup .ItemContainer {padding-top: 3px;}
.Buneary {background:#000; }

#AlbumBG { background: url('images/FeaturedAlbumBG.gif') left top no-repeat;  }
.ItemContainer img.AlbumThumb,
.ItemContainer a:hover img.AlbumThumb { background: url(images/GalleryHalfBG.gif) repeat-x 0 0; padding: 5px; border: none; float:left; margin-right:10px;}

#StarStar {padding-left: 1px;}
.comment div.PostBub {color:#fff;}
.comment a {color: #fff;}
.comment .Date {color: #8b8b8b;}
.PostBub .Date { color: #8b8b8b; }
#UtilInfo, #UtilInfoL {background: #141414; color: #777; }
#UtilInfo #FaveSect, #UtilInfo div.section, #UtilInfoL div.section { padding: 7px 8px;}
#UtilInfo #RateSect { }
#ShareThis {background: transparent url(images/ShareThisBG.gif); }
#UtilInfoL #ShareThis { background: transparent url('images/ShareThisBG2.gif'); margin-top: 3px; }
#UtilInfoL .CommentCount, #UtilInfo .CommentCount {background: url(images/CommentBG.gif) no-repeat 100% 50%; padding: 14px 35px 14px 0; }
#UtilInfoL #FaveSect a, #UtilInfo #FaveSect a {background:url(images/Favourite.gif) no-repeat 98% 50%;}
#StarAudio {width: 270px;}

.Item label { width: 125px; }
.Item .ItemForm {width: 430px; }
.Item .Big, .Liner, .Item textarea, .Item select {border: none; width: 290px; padding: 3px 5px; color: #fff; background: #636363; }
.Item .Block {height: 144px; background: #636363; width: 400px; }
.Item .Brick {height: 50px; background: #636363; }
.Item .Reply {width: 290px; background: #636363; height: 120px; }
.Item .Big { width: 400px;}
.Item .sub {color: #646464; font-size: 10px;}
.Item select {width: 300px;}
#ReplyButtonBox {text-align: right; padding: 40px 170px 0 0; margin-top: -1px;}
fieldset {padding: 15px;}
fieldset li {list-style-type:disc;}

/** Whats happening styles **/
#main .whats-happening .Buneary  { width: 290px; border-top: 1px solid #fff; border-bottom: 1px solid #999; }
#main .whats-happening .Buneary div.UtilS { padding-bottom: 26px; position: relative; }
#main .whats-happening .Buneary div.UtilS strong  { margin: 0; display: inline; }
#main .whats-happening .Buneary div.UtilS .status  { display: block; line-height: 1.4em; }
#main .whats-happening .Buneary div.UtilS .Date  { position: absolute; bottom: 0; left: 0; }

#sideBar .BoxSlim .VideoThumb { float: left; margin: 0 7px 7px 0;}
#sideBar .BoxSlim .GalleryPinky { border: solid 1px #999; float: left; margin: 0 7px 7px 0; display: block;}
.MoreContent {color:#fff; text-decoration: none;}
.MoreContent:hover {color:#fff; text-decoration: none;} 
.CommentCount { background: url('images/CountComment.gif') no-repeat 0 50%; color: #fff; padding-left: 20px; }
#main .Date { color: #656565!important; }
.Ratings5, .Ratings4, .Ratings3, .Ratings2, .Ratings1, .Ratings0  {background-image: url('images/Stars.png'); margin-top: 3px; padding-bottom: 2px;}

#ForumPager { border-top: solid 1px #1e1e1e; }

/** -------------------------
    Tab button styles
------------------------- **/

#main #ContentSections #LayoutList,
#main #ContentSections #LayoutGrid {
    padding-left: 0; 
    padding-right: 0;
}

#main #ContentSections #LayoutList:hover,
#main #ContentSections #LayoutGrid:hover {
    background: none;
}

#main #ContentSections #LayoutList.Selected,
#main #ContentSections #LayoutGrid.Selected {
    background: none;
}

/** -------------------------
    Article styles
------------------------- **/

.FeatureItem {
    width: 315px;
    background-color: #151515;
    margin-bottom: 20px;
}

#main #ArticleContainer .article-content {
    width: 535px;
}

/** -------------------------
    Show page styles
------------------------- **/

#ShowContainer .ItemContainer {
    width: 605px;
}

/** -------------------------
    Win page styles
------------------------- **/

#main #competitions .article-thumb-wrap {
    width: 70px;
}

#main #competitions .article-content {
    width: 535px;
}

/** -------------------------
    Video page styles
------------------------- **/
.ItemContainerGrid {
    margin: 4px 1px 4px 9px;
    width: 145px; 
}

.ItemContainerGrid img.VideoThumb {
    border: 1px solid #323232;
    height: 100px;
    margin: 0;
    padding: 1px;
    width: 140px;
}

.ItemContainerGrid a:hover img.VideoThumb {
    border: none;
    padding: 2px;
    background: transparent url('images/GalleryHalfBG.gif') left top repeat-x;
}

/** -------------------------
    Song page styles
------------------------- **/

#main #SongContainer .article-thumb-wrap,
#main #AlbumContainer .article-thumb-wrap {
    margin-right: 10px;
}

#main #SongContainer .article-content,
#main #AlbumContainer .article-content {
    width: 550px;
}

/** -------------------------
    Form styles
------------------------- **/

.AdminButton {
    background-color: #555; 
    color: #fff;
    border-bottom: solid 1px #999; 
}

.AdminButton:hover {
    background-color: #777; 
} 

.ButtonReply { 
    /*width: 129px; 
    height: 37px; 
    background: url('images/ButtonPost.gif'); */
    color: #3995ED;  
    border: none; 
    text-align: left; 
    font-weight: bold; 
    cursor: pointer;  
}

.Button, 
.ButtonUpdate, 
.ButtonUpload, 
.ButtonAdd, 
.ButtonDelete,
.ButtonReply { 
    background: url('images/Button.gif'); 
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;  
    width: auto; 
    padding: 3px 10px; 
    color: #3995ED; 
}

.Button:hover, 
.ButtonUpdate:hover, 
.ButtonUpload:hover,
.ButtonAdd:hover, 
.ButtonDelete:hover,
.ButtonReply:hover { 
    color: #333; 
}


#ReplyButtonBox {
    padding: 15px 175px 0 0;
}

.Item .ItemForm {
    /*float: left;*/
}

.Item label {
    padding: 2px 25px 0 0;
}

/** -------------------------
    Toolbar styles
------------------------- **/

#header #toolbar { 
    float: right; 
    margin-top: 182px; 
    color: #888; 
    margin-right: 22px; 
    font-size: 13px;
    font-weight: bold; 
    background: #000 url('images/bg-toolbar.gif') left center no-repeat; 
    padding: 7px 10px 8px 32px; 
    margin-bottom: 2px; 
    border-top: solid 1px #5d5e00; 
    border-bottom: solid 1px #1f3887;
}

#header #toolbar a { 
    color: #fff; 
    font-weight: bold; 
    text-decoration: none;
}

#header #toolbar a.Logout, #header #toolbar a.Rego {
    color: #fff;
} 

#header #toolbar #ShowAllStations {
    background: url(images/showmore.gif) no-repeat 50% 50%; 
    width: 9px; 
    height: 9px; 
    display: inline-block;
}

#header #toolbar #ShowAllStations img {
    display:none;
}

/** ---------------------------
    Facebook icon  
---------------------------- **/

#header #toolbar #facebook-profile {
    top: 2px!important;
    left: 2px!important;
    width: 25px;
    height: 25px;
}

#header #toolbar #facebook-profile img.FB_profile_pic { width:25px; height:25px; }



#header #StationList {
    right: 158px;
    top: 203px;
}

/** logout styles **/
#header #LogoutAlert p {
    width: auto;
}

#header #LogoutAlert #LogoutYes,
#header #LogoutAlert #LogoutNo {
    padding-left: 15px;
    height: auto;
}

#header #LogoutAlert #LogoutYes:hover,
#header #LogoutAlert #LogoutNo:hover {
    color: #3995ED;
}



/** -------------------------
    Gallery styles
------------------------- **/

#GalleryPort {
    background: #252525 url(images/gallerylistbg.gif) repeat-x 0 0;
}

#GalleryList {
    padding-left: 7px;    
}

#GalleryList li {
    padding: 4px;
    margin: 0 6px 4px 0; 
    width: 140px; 
    height: 100px; 
    border: none; 
    background: url('images/photothumbbg.gif'); 
}

#GalleryPort #GalleryList {
    padding-left: 5px;
}

#GalleryPort #GalleryList li {
    margin: 0 4px 4px 0; 
}


#GalleryPort .rotate-btn {
    width: 605px;
    height: 25px;
}

#GalleryPort .up {
    background-image: url('images/btn-uparrow.gif');
}

#GalleryPort .down {
    background-image: url('images/btn-downarrow.gif');
}

#GalleryPort .down:hover,
#GalleryPort .up:hover {
    background-position: left bottom;
}

/** Galleries page styles **/
#AlbumBG a img {
    margin: 5px 0 0 4px;
}

.GalleryContainer {
    width: 625px; 
}

#GalleryContainer .ItemFooterS,
.GalleryContainer .ItemFooterS {
    width: 605px;
    padding-left: 10px;
    background-color: #000;
    border-bottom: 1px solid #323232;
}

#main #GalleryContainer .ItemContainer .article-content,
#main .GalleryContainer .ItemContainer .article-content {
    padding-bottom: 10px;
    width: 410px!important;
}

#GalleryContainer .ItemContainer {
    margin: 0;
}

.GalleryContainer .ItemContainer {
    width: 625px;
}

.thumbnails {
    padding: 10px 0 0;
}

.featured-gallery {
    width: 295px;
    margin-bottom: 10px;
}

.featured-gallery-list a img {
    padding: 1px;
    border: 1px solid #323232;
}

.featured-gallery-list a:hover img {
    padding: 2px;
    border: none;
    background: transparent url('images/GalleryHalfBG.gif') left top repeat-x;
}

/** -------------------------
    Hero content box styles
------------------------- **/

#main #Content .Pichu .article-content {
    width: 185px;
}


/** -------------------------
    Action styles
------------------------- **/

#main .Action {
    background: #333 url('images/bg-action.gif') -4px top repeat-x;
    border-bottom: 1px solid #3e4e5e;
    padding-right: 5px;
}

#main .MoreContent { 
    background: url('images/MoreContent.gif') left top no-repeat; 
    height: 17px; 
    padding: 7px 10px 2px 10px;
    font-size: 12px;    
    text-decoration: none;
}

#main .MoreContent:hover { 
    background-position: left bottom; 
    text-decoration: none; 
} 

/** -------------------------
    Misc styles
------------------------- **/

#SummaryVideo .VideoThumb,
#SummaryPhoto .GalleryPinky, 
.thumbnails a img,
#StarOther a img {
    border: 1px solid #323232;
    padding: 1px;
    margin: 3px 3px 0 0;
}

#SummaryVideo .VideoThumb:hover,
#SummaryPhoto .GalleryPinky:hover,
.thumbnails a:hover img,
#StarOther a:hover img {
    /*border-color: #fff;*/
    border: none;
    padding: 2px;
    background: transparent url('images/GalleryHalfBG.gif') left top no-repeat;
}

#ContentSections #AjaxLoading {
    display: none!important;
}

#sideBar div.sideEvent div.ItemFooter {
    background-color: #000;
    border-bottom: 1px solid #323232;
}

#sideBar div.sideEvent div.ItemContainer {
    padding-top: 5px;
}

#sideBar .ItemContainer {
    background-color: #333!important;
    border: none!important;
    width: 300px!important;
}

.ItemGroup {
    margin-right: 0;
}

#main #PollInfo {
    padding: 10px 0;
}

/** -------------------------
    User page styles
------------------------- **/

#main .user-items h1 {
    padding: 15px 0 7px 10px!important;
    background-position: left 20px;
}

#main .user-items a img {
    padding: 1px;
    border: 1px solid #323232;
}

#main .user-items a:hover img {
    padding: 2px;
    border: none;
    background: transparent url('images/GalleryHalfBG.gif') left top repeat-x;
}

#main #CurrentStatus span.User {
    color: #0D95F2;
}

.details {
    clear: both;
    display: block;
    font-size: 0.916em;
    padding-top: 5px;
}

.details li {
    display: block;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}

.details .User {
    border-right: 1px solid #999999;
    padding-left: 0;
}

#main .details .Date {
    border-right:1px solid #999999;
    color: #eee!important;
}

#main #ProfileContent .Buneary p {
    font-size: 18px;
}

#main #ProfileContent .Post {
    padding: 10px;
}

#main #ProfileContent .article-thumb-wrap {
    margin-right: 10px;
}

#main #ProfileContent .article-content {
    width: 593px;
}

/** -------------------------
    User tools styles
------------------------- **/

.BoxTools {
    padding-bottom: 20px;
    background: none;
}

.BoxTools h1 { 
    background: url('images/slimheaderbg.gif') left top no-repeat;
    padding: 14px 0 7px 10px;
}

.ButtonDiscussionAdd,
.ButtonEventAdd,
.ButtonVideoAdd,
.ButtonPhotoAdd {
    background: url('images/btn-addsomething.gif') left top no-repeat;
}

.ToolButton {
    border-style: solid;
    border-width: 1px;
    border-color: #444345 #000 #000 #000;
    background-color: #252525;
    padding: 10px 0 9px 42px;
    width: 298px;
    cursor: pointer;
    color: #fff;
}

.ToolButton:hover {
    background-position: left bottom;
    background-color: #454545;
}

/** ----------------------
    Site-select (ss) styles
-----------------------**/

#site-select {
    border: 1px solid #3c3c3c;
    background: #040404 url('images/bg-site-select.gif') left top repeat-x;
    color: #c7c7c7;
}

#site-select ul li {
    background: transparent url('images/bg-ss-drop-btn.gif') right top no-repeat;
}

#site-select ul li ul {
    border: 1px solid #737070;
    background-color: #1b1b1b;
}

#site-select ul li ul li {
    background: none;
}

#site-select ul li ul li.group-title {
    background: #0a0a0a url('images/bg-group-title.gif') left bottom repeat-x;
}

#site-select ul li ul li a:hover {
    background: #f23dd6;
    padding: 1px 10px 3px;
    border-top: 1px solid #ff65e7;
    border-bottom: 1px solid #d01bb4;
}

/** title colours **/

#site-select ul li ul li.ss-nova {
    color: #b92118;
}

#site-select ul li ul li.ss-vega {
    color: #00b4da;
}

#site-select ul li ul li.ss-other {
    color: #6099f9;
}


/** -------------------------
    Forum styles
------------------------- **/

#forum-selector-module {
    background: transparent url('images/bg-forum-selector.gif') left top no-repeat;
}

/** drop down menu styles **/

.forum-option .forum-option-thumb {
    padding: 4px;
}

/** -------------------------
    Tagbox styles
------------------------- **/

#TagBox {
    border-bottom: 1px solid #323232;
}

#main .Size9, #main .Size8 { color: #008aff; }
#main .Size7, #main .Size6 { color: #ffc600; }
#main .Size5, #main .Size4 { color: #6cff00; }
#main .Size3, #main .Size2 { color: #ff1e00; }
#main .Size1, #main .Size0 { color: #fff; }

/** -------------------------
    Ad styles
------------------------- **/

#main .banner {
    margin: 40px 0;
    text-align: center;
    clear: both;
}

#main .BannerAd {
    background: none;
    margin: 40px 0;
    clear: both;
}

#FooterAd {
    padding: 30px 0;
}

/** -------------------------
    Footer styles
------------------------- **/
#Footer {background: url(images/FooterBG.jpg) no-repeat 50% 0; }
#Footer h2 {background-color: #fff;color: #000;display: inline-block;margin-bottom: 6px;padding: 2px;}
#Footer h2 a { color: #000; }
#Footer h2 a:hover { color: #3995ED; }
#Footer a {color: #fff; text-decoration: none;}
#Footer a:hover {color: #3995ED;}
#Footer #nowplaying-footer {right: 15px;top: 100px;}
#Footer #nowplaying-footer span {background-image: url('images/btn-listenlive.gif');} 
#Footer { background: transparent url('images/FooterBG.jpg') no-repeat 50% 0!important; }
#Footer #Footer-i {width: 920px;/*background: url('images/FooterLogo.png') no-repeat right 30px;*/}
#Footer #Footer-i ul li h2,#Footer #Footer-i ul li h2 a {color: #000000;font-family: Georgia, Times New Roman, Serif;font-weight: normal;}
#Footer #Footer-i ul li a {color: #fff;text-decoration: none;}
#Footer #Footer-i ul li a:hover{color: #3995ed;}
#Footer-i ul li a:hover{text-decoration:underline}
#Footer a#nowplaying-footer span {background: url('images/spriteFooterLinks.png') no-repeat 0 -39px; display:block; height:38px; width:277px;} 
#Footer a#dmgRadio-footer span {background: url('images/spriteFooterLinks.png') no-repeat 0 0; display:block; height:38px; width:276px;} 
#Footer #FooterLinks {font-size: 9px; color: #aaa; text-align: center; position:relative; right:35px; top: 70px; line-height: 1.6em; }
#Footer #FooterLinks a {color: #aaa; text-decoration: none;}
ul#extraFooterLinks{margin-left:-36px;width:276px; padding-right:0;margin-top:5px;}
ul#extraFooterLinks li {text-align:center; margin-bottom:30px;}



.whatsHappeningInner{clear:both;}

#DMGGoogleAdFloatNovaNation {height:82px;position:absolute;right:141px;width:239px;z-index:99;}


.assCompGalleryContainer, .assContFeatureContainer, .assCompAudioContainer, .assCompVideoContainer, .assCompPollContainer{background: #151515; padding-bottom: 0; margin-bottom: 0px; }
.assCompGalleryContainer a:hover img {padding: 2px; border: none;background: transparent url('images/GalleryHalfBG.gif') left top repeat-x;}
.assCompGalleryContainer a img { padding: 1px;border: 1px solid #323232;}
.SearchSubText {margin-left:120px; font-size:.9em;}

/** ----------------------
    Music Search
-----------------------**/
#MusicSearchInfoBox{background:transparent url(images/MusicSearchInfoBox.png) no-repeat scroll 0 100%;}
#MusicSearchTimeStep{background:transparent url(images/MusicSearchTimeStep.png) no-repeat scroll 0 100%; top:-2px}
#timeMachine ul li.details {clear:none}
#SongResultsContainer ul.itemDetails {float:left;padding-top:2px;width:100%;}
#SongResultsContainer ul.itemDetails li{height:12px;float:left}
#SongResultsContainer ul.itemDetails li.rating{float:right;height:12px;margin-top:-3px;}
#timeSearch{background-image: url(images/clock.png);}
h1#HeadingSearchMusic {background:transparent url(../../img/main/wideheaderbg.html) no-repeat scroll 0 100%;padding:10px 5px 15px 70px;}

/** ----------------------
    Contact Us box
-----------------------**/

h1#headingContactUs{height:40px; text-indent:-1000em; background:transparent url(images/contactUsHeading.jpg) no-repeat scroll 0 100%;padding:0; margin-bottom:0;}
ul#contactDetails{border-right:1px solid #454545; border-left:1px solid #454545; border-bottom:1px solid #454545; }
ul#contactDetails li{color:#fff;}
ul#contactDetails li.contactPhone {background-color:#252525;border-left:1px solid #000; border-right:1px solid #000;}
ul#contactDetails span.separator {color:#9A9A9A}
ul#contactDetails span.phoneNumber{color:#0E95F1}
ul#contactDetails span.email a{color:#0E95F1}


/** ----------------------
    Profile page
-----------------------**/

#MessagesContainer .IconDeleteMessage
{
    background: url(images/IconDeleteMessage.png); 
    display:block;
    float:left;
    height:28px;
    width:28px;
    text-indent:-9999pt;
}
#MessagesContainer .IconReplyMessage
{
    background: url(images/IconReplyMessage.png); 
    display:block;
    float:left;
    height:28px;
    margin-left:10px;
    margin-right:10px;
    text-indent:-9999pt;
    width:28px;
}

#MessagesContainer .avatar { width: 35px; }