﻿@import url('../Default/Main.css');
@import url('../Default/Music.css');
@import url('../Default/Footer.css');

body
{
    background: #fff url('Images/bodybgrepeat.gif') left top repeat-x;
}

/** highlight colour **/
.hl-colour, #CurrentStatus span.User
{
    color: #E31919 !important;
}

#fauxBg
{
    background: url('Images/bodybgrunner.gif') repeat-y 50% 0;
    color: #000;
}
#body
{
    background: url('Images/bodybg.jpg') no-repeat 50% 0;
    color: #000;
}
#main
{
    width: 940px;
}
#main #header
{
    padding: 0;
    width: 940px;
}

#Header
{
    height: 101px;
    background: url(images/Streaming_StarFM.jpg);
    margin-bottom: 25px;
    z-index: 5;
}
#header #SiteLogo
{
    padding-top: 122px;
    background: none;
    float: left;
    width: 298px;
    height: 58px;
}
#header #SiteLogo a
{
    background: url('Images/StarLogo.gif') no-repeat 0 0;
    width: 398px;
    height: 58px;
}
#header #toolbar
{
    float: right;
    margin-top: 160px;
    color: #fff;
}
#header #toolbar a
{
    color: #7c0000 !important;
}
#main #header #PMAlert a, #header #LogoutAlert a
{
    color: #ED1C24 !important;
}

#main #header #LogoutAlert #LogoutYes, #main #header #LogoutAlert #LogoutNo
{
    height: auto;
    padding: 0 5px;
}

#ContentSections #AjaxLoading
{
    display: none !important;
}



#Hero #ShowSponsor
{
    background-image: url('Images/ShowSponsorBG.png');
}


/* New styles for latest revision - greater specificity */
#main #header #DMGPlayer
{
    height: 96px;
    width: 300px;
}

#main #DMGPlayer #NowPlayingButton
{
    position: absolute;
    bottom: 34px;
    right: 15px;
    display: block;
    height: 40px;
    width: 40px;
    text-indent: -1435em;
}

#main #DMGPlayer #DMGPlayerInner
{
    position: absolute;
    background-image: url(Images/on-air-listen-live.png);
    height: 100px;
    width: 285px;
}

#main #DMGPlayer #DMGPlayerInner #NowPlayingButton
{
    background-image: none;
}

#main #DMGPlayer img.thumb
{
    position: absolute;
    width: 82px;
    height: 82px;
    left: 15px;
    top: 7px;
}

#main #DMGPlayer #DMGPlayerInner h3
{
    position: relative;
    top: 77px;
    left: 91px;
    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 #DMGPlayer #DMGPlayerInner h3 a
{
    text-decoration: none;
    color: #fff;
}

#main #DMGPlayer #DMGPlayerInner h3 a:hover
{
    color: #e31919;
}

#main #DMGPlayer #PlayingInfo ul.nowPlayingInfo li.title
{
    display: inline;
    color: White;
    font-size: 9pt;
}

#main #DMGPlayer #PlayingInfo ul.nowPlayingInfo li.artist span, #main #header #DMGPlayer #PlayingInfo ul.nowPlayingInfo li.artist
{
    display: inline;
    color: White;
    font-size: 9pt;
}

/** Navigation Level 1 **/

#header #menu
{
    background: url('Images/menubg.jpg') repeat-x 0 0;
    height: 38px;
}

#header #menu ul li
{
    height: 38px;
}
#header #menu ul li a
{
    background: url('Images/MenuItemBG.gif') repeat-x 0 -80px;
    padding: 11px 12px;
    color: #fff;
    font-size: 15px;
}
#header #menu ul li a.selected
{
    background-position: 0 0;
    color: #fff;
}
#header #menu ul li a:hover, #header #menu ul li:hover a
{
    background-position: 0 -39px;
    color: #fff;
    border-right: solid 1px #ff8fa0;
    padding-right: 11px;
}

/** Navigation Level 2 **/
#header #menu ul li ul li
{
    height: auto;
}
#header #menu ul li ul
{
    background-color: #000;
}
#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 #1b1b1b;
}
#header #menu ul li:hover ul
{
    background: #000 url('Images/NavItemBG.gif') no-repeat 10px 0;
    border-bottom: 1px solid #838486;
}
#header #menu ul li:hover ul li a:hover
{
    background: #e21937 url('Images/MenuItemBG.gif') repeat-x 0 -38px;
    color: #fff;
}

/*#header .NavItem { background: #000 url('Images/NavItemBG.gif') no-repeat 10px 0; }
#header .NavItem a {border-bottom: solid 1px #1b1b1b; color:#fff; }
#header .NavItem a:hover {background: url('Images/MenuItemBG.gif') repeat-x 0 -38px; color: #fff; }*/
#header #PMAlert, #header #LogoutAlert
{
    background: url('Images/PMAlertBG.gif');
    color: #fff;
    height: 32px;
    width: 185px;
}
#Footer
{
    background: #000 url('Images/FooterBG.jpg') no-repeat 50% 0 !important;
}

#FooterLinks
{
    padding-top: 30px;
    float: right;
}

#Hero{width: 940px;border: none;}
#Hero a#MoreHeroesButton{background:transparent url('Images/spriteHeroArrows.png') no-repeat 0 -22px;top:10px; left: 40px;}
#Hero a#MoreHeroesButton.MoreHeroesGrey{background-position: -22px -22px; cursor:default;}
#Hero #MoreHeroesButton:hover{}
#Hero a#LessHeroesButton{background:transparent url('Images/spriteHeroArrows.png') no-repeat 0 0; bottom: 10px; right: auto; left: 40px;}
#Hero a#LessHeroesButton.LessHeroesGrey {background-position: -22px 0; cursor:default;}
#Hero #LessHeroesButton:hover{}

#Hero .Heroes .HeroTitle
{
    bottom: 0;
    top: auto;
    text-align: right;
    height: 62px;
    background: transparent url('Images/HeroTitleBG.png') repeat 0 0;
    padding: 5px 70px 3px 70px;
    width: 800px;
}
#Hero .Heroes .HeroTitle h1, #Hero .Heroes .HeroTitle h1 a
{
    color: #fff;
    font-size: 22px;
    max-height: 24px;
    overflow: visible;
}
#Hero #SideKick
{
    padding: 0 0 0 19px;
    height: 245px;
    overflow: hidden;
    background: none;
    top: 40px;
    left: 0;
}
#Hero #SideKick img
{
    border: solid 1px #6a6a6a;
    margin-bottom: 20px;
}
#Hero #SideKick img:hover
{
    border-color: #e41b37;
}
.BoxHero .Pichu
{
    display: none;
}
.BoxHero
{
    width: 940px;
    margin-top: 0;
}

a
{
    color: #e31919;
}
a:hover
{
    color: #b10f26;
}

h1
{
    text-transform: none;
    color: #e31919;
    font-size: 22px;
    font-weight: bold;
}
h1 a
{
    color: #e31919;
}
h1 a:hover
{
    color: #b10f26;
}

h2
{
    color: #000;
}
h2 a
{
    color: #000;
}
h2 a:hover
{
    color: #e31919;
}

.BoxMax
{
    margin-top: 10px;
}
.BoxSlim h1, .BoxWide h1, .BoxFull h1, .BoxMain h1, .BoxMax h1
{
    background: transparent url('Images/headerbg.png') no-repeat 0 100%;
    padding: 14px 0 7px 90px;
}




.feature-box
{
    border: 1px solid #999;
}
.feature-box h1
{
    background-image: url('Images/headerbg-main.png');
    background-color: #ECEBEA;
    border-bottom: 1px solid #fff;
}
.feature-box .FeatureItem h1
{
    border: none;
}
.BoxMain h1, .BoxMax h1
{
}
#main .feature-box .contentBox
{
    border: none !important;
    padding: 5px;
}
.FeatureItem h1
{
    background: none;
}
.contentBox h1, .contentBoxPad h1
{
    background: none;
    padding: 0 10px;
    font-size: 22px;
}
#ProfileStuff h1
{
    padding: 5px 0;
    margin-bottom: 10px;
}

#main #BodyText
{
    padding: 10px;
}
#main .contentBox, #main .contentBoxPad
{
    background: #ecebea;
    padding: 0;
    border: 1px solid #999;
    clear: both;
}
.contentBoxPad
{
    padding: 10px 10px;
}

#main a#RSS
{
    background-image: url('Images/rss.png');
}
#main .SummaryTabBox
{
    clear: both;
    width: 300px;
    margin-bottom: 10px;
    background-color: #ECEBEA;
    float: right;
    border: 1px solid #999;
    border-bottom: none;
}

#sideBar .SummaryTabBox {clear: both; width: 300px; margin-bottom: 10px; float:left; }

#main #SummaryPhoto, #main #SummaryVideo
{
    background-color: #ECEBEA;
    border-bottom: 1px solid #999;
    padding-top: 7px;
}
.SummaryTabs a.selected, .SummaryTabs a:hover
{
    background-color: transparent;
    background-position: 50% 100%;
}

#sideBar .BoxSlim h1, #sideBar .BoxSide h1
{
    background: url('Images/headerbg.png') no-repeat 0 100%;
    padding: 14px 0 7px 80px;
}

.BoxSlim h1#pollTitle{background:none;font-size:14px;padding-left:0;padding-top:10px;padding-left:5px;}

#sideBar div.latestDiscussion, .BoxSlim-i
{
    background: #ecebea url('Images/BoxSlimBG.gif') no-repeat 0 0;
    padding: 0;
    border: 1px solid #999;
    border-bottom: none;
}
#sideBar div.latestDiscussion
{
    float: none;
    margin: 0;
    width: 298px;
}

#main .ItemFooter, #main .ItemFooterS
{
    background: url('Images/ItemContainerSBG.gif') repeat-x 0 100%;
    border-top: 1px solid #eee;
    clear: both;
    width: auto;
    float: none;
    border-bottom: 1px solid #999 !important;
}
#main .ItemContainer
{
    background: #ECEBEA url('Images/ItemContainerBG.gif') repeat-x 0 100%;
}
.BoxSlimWrap
{
    width: 630px;
    overflow: hidden;
    clear: both;
}

.BoxWide-i
{
    background: #ecebea url('Images/BoxSlimBG.gif') top left no-repeat;
    border-top: 1px solid #fff;
}


.ItemFooter
{
    background: url(Images/ItemContainerLBG.gif) left top repeat-x;
    border-bottom: 1px solid #999;
    padding: 3px 10px 2px 10px;
}
#main .BoxMain
{
    width: 623px;
}
.BoxSide
{
    margin-bottom: 10px;
    border: 1px solid #999;
    border-bottom: none;
}
.BoxMain .Action
{
    padding: 0 5px 0;
    margin-bottom: 5px;
    border-bottom: 1px solid #E2D9D5;
}
#main .FeatureItem .Action
{
    padding: 5px;
    border: none;
    border-bottom: 1px solid #999;
    background: none;
}
.FeatureItem
{
    width: 305px;
}
.FeatureItem .Action .Date
{
    padding-top: 3px;
}
.FeatureItem h1
{
    padding: 0 5px;
    font-size: 18px;
}
.FeatureItem h1 a
{
    color: #000;
}
.FeatureItem h1 a:hover
{
    color: #E31919;
}
.FeatureItem p
{
    padding: 5px;
}
.ItemGroup
{
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    margin-right: 0 !important;
}
#StarStar
{
    padding-left: 1px;
}
.comment div.PostBub
{
    color: #fff;
}
.comment a
{
    color: #fff;
}
.comment .Date
{
    color: #d6aaae;
}
#UtilInfo, #UtilInfoL
{
    background: #f7f7f7 url('Images/UtilInfoBG.gif') repeat-x 0 100%;
    padding: 10px 0;
    color: #555;
}
#UtilInfo #FaveSect, #UtilInfo div.section, #UtilInfoL div.section
{
    border: none;
    padding: 7px 8px;
}
#UtilInfo #RateSect
{
    border-bottom: solid 1px #a9a9a9;
}
#ShareThis
{
    background: transparent url('Images/ShareThisBG.gif');
}
#UtilInfoL .CommentCount, #UtilInfo .CommentCount
{
    background: url(Images/CommentBG.gif) no-repeat 100% 50%;
}
#UtilInfoL #FaveSect a, #UtilInfo #FaveSect a
{
    background: url('Images/Favourite.gif') left center no-repeat;
    padding: 9px 0 12px 30px;
}
#StarAudio
{
    width: 270px;
}

a.add-comm
{
    padding: 1px 0 2px 20px;
    background: url('Images/CommAdd.gif') left center no-repeat;
}

.Item label
{
    width: 125px;
}
.Item .ItemForm
{
    width: 430px;
}
.Item .Big, .Liner, .Item textarea, .Item select
{
    border: none;
    width: 290px;
    padding: 5px;
    color: #fff;
    background: #2f2f2f;
}
.Item .Block
{
    height: 144px;
    background: #2f2f2f;
    width: 400px;
}
.Item .Brick
{
    height: 50px;
    background: #2f2f2f;
}
.Item .Reply
{
    width: 290px;
    background: #2f2f2f;
    height: 120px;
}
.Item .Big
{
    width: 400px;
}
.Item .sub
{
    color: #2f2f2f;
    font-size: 10px;
}
.Item select
{
    width: 300px;
}
#ReplyButtonBox
{
    text-align: right;
    padding: 10px 182px 0 0;
    margin-top: -1px;
}
fieldset
{
    padding: 15px;
}
fieldset li
{
    list-style-type: disc;
}


/** Whats happening styles **/
#main .whats-happening .Buneary
{
    width: 288px;
    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;
}

/** Article styles **/
#main .ItemContainer
{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #bbb;
}
#main #sideBar div.sideEvent div.ItemContainer
{
    border: none;
    border-bottom: 1px solid #E0D8D5;
    border-top: 1px solid #fff;
}
#SongContainer, #main #sideBar div.sideEvent div.ItemContainer
{
    background-color: #ECEBEA;
}
#ArticleContainer
{
    border-top: 1px solid #999;
    clear: both;
}
#main .ItemContainer
{
    padding: 5px 0 0;
    margin: 0 !important;
}
#main #Content .article-thumb-wrap
{
    padding-left: 7px;
}
#GalleryContainer .article-thumb-wrap
{
    padding-left: 10px;
}
#main #GalleryContainer .ItemContainer .article-content
{
    width: 410px;
}
#main #ArticleContainer .article-thumb-wrap, #main #competitions .article-thumb-wrap
{
    max-width: 70px;
}
body #main #Content #ArticleContainer .article-content, body #main #Content #competitions .article-content
{
    width: 530px !important;
}
#main .ItemFooterS
{
    padding: 5px 10px 3px;
}

#main #ShowContainer .ItemContainer
{
    width: auto;
    margin-bottom: 0;
}
#main #ShowContainer .ItemContainer .show-content
{
    width: 455px;
}

#main .CommentCount
{
    background: url('Images/CountComment.png') no-repeat 0 50%;
    color: #656565;
    padding: 0 5px 0 17px;
}
.Action span, .ItemFooter span
{
    float: left;
}
.Date
{
    color: #830202;
    font-style: italic;
    font-weight: bold;
}
.Ratings5, .Ratings4, .Ratings3, .Ratings2, .Ratings1, .Ratings0
{
    background-image: url('Images/stars.png') !important;
    margin-top: 1px;
}
.ItemFooter .Ratings0, .ItemFooter .Ratings1, .ItemFooter .Ratings2, .ItemFooter .Ratings3, .ItemFooter .Ratings4, .ItemFooter .Ratings5
{
    float: right;
}


.item-bg
{
    background: url('Images/ItemContainerBG.gif') repeat-x scroll 0 100%;
    border: 1px solid #999;
}

/** -------------------------
    Gallery styles
------------------------- **/

#GalleryPort
{
    padding: 0 !important;
}

#GalleryPort .up{background-image: url('Images/spriteHeroArrows.png');}

#GalleryPort .down{background-image: url('Images/spriteHeroArrows.png');}

.GalleryContainer
{
    width: 625px;
}

#GalleryContainer .ItemFooterS, .GalleryContainer .ItemFooterS
{
    /* width: 605px;*/
    padding-left: 10px;
}

body #main #Content #GalleryContainer .ItemContainer .article-content, body #main #Content .GalleryContainer .ItemContainer .article-content
{
    padding-bottom: 10px;
    width: 417px !important;
}

#GalleryList, #ArticleList, #VideoList, #PollList
{
    padding-top: 10px !important;
}

/** -------------------------
    Form styles
------------------------- **/

#main #Content .AdminButton
{
    background-color: #ecebea;
    color: #000;
    border-bottom: solid 1px #999;
    width: 298px;
}

.AdminButton:hover
{
    background-color: #fddbca;
}

.Button, .ButtonUpdate, .ButtonUpload, .ButtonAdd, .ButtonDelete, .ButtonReply
{
    padding: 0 5px 2px;
    width: 127px;
    height: 30px;
    font: bold 12px Arial, Verdana, Sans-Serif;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #fff;
    border: none;
    text-align: left;
    cursor: pointer;
    background-repeat: no-repeat;
}

.ButtonReply
{
    background: url('Images/ButtonPost.gif') left center no-repeat;
    height: 36px;
}

.Button:hover, .ButtonUpdate:hover, .ButtonUpload:hover, .ButtonAdd:hover, .ButtonDelete:hover, .ButtonReply:hover
{
    color: #ccc;
}

#main .FormInfo
{
    background: transparent url('Images/FormInfo.gif') left top no-repeat;
    color: #2f2f2f;
}

div.spacer
{
    background: transparent url('Images/RegoField_bg.gif') 20px -1px no-repeat;
    border-top: 1px solid #999;
    display: block;
    height: 9px;
    margin: 10px 0;
}



#MoreMusicButton
{
    float: right;
    background: transparent url('Images/btn-rightarrow.png') right center no-repeat !important;
}

#MoreMusicButton:hover
{
    background-position: left center !important;
}

#LessMusicButton
{
    float: left;
    background: transparent url('Images/btn-leftarrow.png') left center no-repeat !important;
}

#LessMusicButton:hover
{
    background-position: right center !important;
}

#LessMusicButton, #MoreMusicButton
{
    display: block;
    height: 22px;
    width: 22px;
    position: relative;
    margin: 50px 5px 0;
}

fieldset
{
    border: none;
    border-top: 1px solid #999;
    margin: 0;
}

fieldset legend
{
    margin-top: 5px;
    padding: 5px;
    background-color: #999;
    color: #fff;
}

/** -------------------------
    Tab button styles
------------------------- **/

#main .SummaryTabs
{
    border-bottom: 1px solid #ddd;
    background: #171717 url('Images/bg-summarytabs.gif') left top repeat-x;
    margin: 0 auto;
    padding: 0 5px;
    width: 280px;
}

#main #ContentSections
{
    padding: 3px 7px 0 7px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}

#main .feature-box #ContentSections
{
    border-left: none;
    border-right: none;
}

#main .SummaryTabs a, #main #ContentSections a
{
    padding: 6px 5px 7px;
    color: #222;
    font-size: 12px;
    line-height: 0.833em;
    bottom: -3px;
    font-weight: normal;
    text-transform: uppercase;
    position: relative;
}

#main .SummaryTabs a
{
    bottom: -5px;
    color: #fff;
    background: none;
    margin-right: 10px;
}

#main .SummaryTabs a span, #main #ContentSections a span
{
    display: none;
    width: 0;
    height: 0;
    margin: 0;
}

#main .SummaryTabs a.selected, #main .SummaryTabs a:hover, #main #ContentSections a.Selected, #main #ContentSections a:hover
{
    background-position: center top;
    color: #fff;
    background: url('Images/TabBG.gif') left top repeat-x;
}

#main .SummaryTabs a.selected span, #main .SummaryTabs a:hover span, #main #ContentSections a.Selected span, #main #ContentSections a:hover span
{
    display: block;
    position: absolute;
    width: 10px;
    background: url('Images/bg-tab-arrow.gif') left bottom no-repeat;
    height: 5px;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    z-index: 30;
}

#main #ContentSections #LayoutList, #main #ContentSections #LayoutGrid
{
    padding-left: 0;
    padding-right: 0;
}

#main #ContentSections #LayoutList:hover, #main #ContentSections #LayoutGrid:hover
{
    background: none;
    color: #e31919;
}

#main #ContentSections #LayoutList.Selected, #main #ContentSections #LayoutGrid.Selected
{
    background: none;
    color: #e31919;
}

/** -------------------------
    Pager styles
------------------------- **/

#ForumPager
{
    background: #d8d7d6 url('Images/PagingBG.gif') left bottom repeat-x;
    border-top: solid 1px #c7c6c5;
}

#main #ForumPager ul.pages
{
    margin: 0;
}

#main #ForumPager ul.pages li
{
    border: none;
    padding: 1px 3px;
    color: #000;
}

#main #ForumPager ul.pages li.page-number
{
    border: none;
    background-color: #a09f9f;
    font-weight: bold;
}

#main #ForumPager ul.pages li.pgCurrent
{
    border: none;
    color: #fff;
    background-color: #e13e56;
    font-weight: normal;
}

#main #ForumPager ul.pages li.pgPrev, #main #ForumPager ul.pages li.pgEmptyPrev
{
    background-image: url('Images/PagingPrev_gray.gif');
    background-position: left center;
    padding-left: 13px;
}

#main #ForumPager ul.pages li.pgNext, #main #ForumPager ul.pages li.pgEmptyNext
{
    background-image: url('Images/PagingNext_gray.gif');
    background-position: right center;
    padding-right: 13px;
}

/** -------------------------
    Action styles
------------------------- **/

#main .Action
{
    background: #d9d8d7 url('Images/bg-action.gif') right top no-repeat;
    border: 1px solid #999;
    border-top: none;
}

#main .MoreContent
{
    background: none;
    text-transform: uppercase;
    color: #e31b39;
    text-decoration: none;
    margin-bottom: 5px;
    width: auto;
    padding-right: 15px;
}

#main .MoreContent:hover
{
    color: #444;
    text-decoration: none;
}

/** -------------------------
    Profile page styles
--------------------------**/

#main #ProfileInfo, #main .user-items
{
    border: 1px solid #999;
    background: none;
    background-color: #fff;
    border-top: none;
    border-left: none;
}

#main .user-items
{
    margin-bottom: 10px;
}

#main .user-items h1
{
    font-size: 16px;
}

#main .user-items a img
{
    border: 1px solid #999;
}

#main .user-items a:hover img
{
    border-color: #E31919;
}

/** side bubble **/

#main #CurrentStatus-O
{
    background: transparent url('Images/bg-profilebubble-top.gif') left top no-repeat;
}

#main #CurrentStatus-O #CurrentStatus
{
    background: transparent url('Images/bg-profilebubble-bottom.gif') left bottom no-repeat;
    color: #424242;
}

/** user controls **/
#main #CurrentStatusUpdate
{
    background: url('Images/StatusBoxBG.gif') left bottom repeat-x;
}

#main #CurrentStatusUpdate .StatusText
{
    border-color: #b9b9b9;
    background-color: #fff;
    padding-top: 10px;
}

#main #CurrentStatusUpdate span
{
    padding-top: 3px;
    font-weight: normal;
    color: #E31919;
}

#main #CurrentStatusUpdate .StatusButton
{
    background: transparent url('Images/sprite-usercontrols.png') left top no-repeat;
}
#main #CurrentStatusUpdate .StatusButton:hover
{
    background-position: left -48px;
}

#main #CurrentStatusUpdate .ProfileGo
{
    background: transparent url('Images/sprite-usercontrols.png') -74px top no-repeat;
}
#main #CurrentStatusUpdate .ProfileGo:hover
{
    background-position: -74px -59px;
}
#main #CurrentStatusUpdate .ProfileGoSelected
{
    background: transparent url('Images/sprite-usercontrols.png') -74px -118px no-repeat;
}

#main #CurrentStatusUpdate .ProfileMessage
{
    background: transparent url('Images/sprite-usercontrols.png') -149px top no-repeat;
}
#main #CurrentStatusUpdate .ProfileMessage:hover
{
    background-position: -149px -59px;
}
#main #CurrentStatusUpdate .ProfileMessageSelected
{
    background: transparent url('Images/sprite-usercontrols.png') -149px -118px no-repeat;
}

#main #CurrentStatusUpdate .ProfileEdit
{
    background: transparent url('Images/sprite-usercontrols.png') -224px top no-repeat;
}
#main #CurrentStatusUpdate .ProfileEdit:hover
{
    background-position: -224px -59px;
}
#main #CurrentStatusUpdate .ProfileEditSelected
{
    background: transparent url('Images/sprite-usercontrols.png') -224px -118px no-repeat;
}

/** status bubbles **/
.details
{
    font-size: 0.916em;
    clear: both;
    display: block;
    padding-top: 5px;
}

.details li
{
    display: block;
    float: left;
    padding-right: 10px;
    padding-left: 10px;
}

.details .User
{
    padding-left: 0;
    border-right: 1px solid #999;
}

.details .Date
{
    border-right: 1px solid #999;
}

/** -------------------------
    Album styles
------------------------- **/

.ItemContainer img.AlbumThumb
{
    padding: 0;
    border: 5px solid #999;
    margin-top: 5px;
}

.ItemContainer a img
{
    border: 2px solid #999;
}

.ItemContainer a img:hover
{
    border-color: #e41b37;
}

#GalleryList li
{
    border: none;
    height: 108px;
    width: 148px;
    padding: 0;
    margin: 0 0 6px 6px;
}

#Lugia img.AlbumThumb, #GalleryList li a img
{
    border: 4px solid #999;
    background: none;
    padding: 0;
}

#Lugia img.AlbumThumb:hover, #GalleryList li a:hover img
{
    border: 4px solid #e41b37;
}

/** -------------------------
    Forum styles
------------------------- **/

div.HeadingForumTitles
{
    background-image: url('Images/HeaderForumTitle.gif');
    width: 350px;
}

#ForumGroups
{
    padding: 10px;
}

#ForumGroups .Selected
{
    background: none;
    background-color: #999;
}

.Buneary
{
    width: 288px;
}

.Buneary div.UtilS strong
{
    margin-bottom: 4px;
}

.Buneary div.Post, .Buneary p, #main .ForumPost div.Post
{
    background: #949494 url('Images/PostBG.gif') left top repeat-x;
}

.Buneary div.PostBub, #main .ForumPost
{
    background: transparent url('Images/PostBubBG.gif') 2px 15px no-repeat;
}

#WarningInfo
{
    color: #fff;
}

#main .ForumPost div.Extend
{
    background: #171717 url('Images/bg-summarytabs.gif') repeat-x scroll left top;
}

#main .ForumPost div.Extend .Date
{
    color: #fff;
}

#main .ForumPost div.Extend a
{
    color: #fff;
}

#main span.replies
{
    margin-left: 58px;
    margin-right: 10px;
}

#main .ForumItem
{
    background-color: #ECEBEA !important;
    padding: 15px 8px 10px;
    width: auto;
}

#main .ForumItem .ForumAvatar
{
    padding: 0;
    width: auto;
    height: auto;
}

#main .ForumItem .ForumTitle
{
    padding: 0 10px;
    width: 382px;
}

#main .ForumItem .ForumRating
{
    width: 120px;
}

div.star-rating, div.star-rating a
{
    background: url('Images/RatingStar.png') top left no-repeat !important;
}

#UtilInfoL #CommentSect a
{
    margin: 0;
}

#UtilInfoL #RateSect
{
    width: 306px;
}

/** sidebar summary styles **/

#sideBar #SummaryForum .article-content
{
    width: 245px;
}

/** drop down menu styles **/

#forum-selector-module
{
    background: transparent url('Images/bg-forum-selector.gif') left top no-repeat;
    left: -3px;
}

#main #forum-selector-module #current-forum
{
    border: none;
}

#main .forum-option
{
    background: #ECEBEA;
}

#main .forum-option:hover
{
    background: #d6d6d5;
}

#main .forum-option .forum-option-thumb
{
    padding: 4px;
}

#main .forum-option .forum-option-thumb img
{
    border-style: solid;
    border-width: 1px;
    border-color: #999 #999 #fff #fff;
}

#main #select-btn
{
    background-color: #bbb;
    border: none;
    height: 22px;
}

#main #forum-select li ul li
{
    border: none;
}

#main #forum-select li ul
{
    background-color: #bbb;
    width: 436px;
    padding-right: 21px;
    top: 22px;
}

/** ----------------------
    Site-select (ss) styles
-----------------------**/

#site-select
{
    border: 1px solid #c28566;
    background: #040404 url('Images/stationDropBg.png') left bottom no-repeat;
    color: #fff;
    width:122px;
}

#site-select ul li
{
    /*background: transparent url('Images/sprite_bg-ss-drop-btn.png') right top no-repeat;*/
}

#site-select ul li ul
{
    border: 1px solid #c28566;
    background-color: #7f1f01;
    width:120px;
}

#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;
}

#header #site-select ul li ul li a
{
    color: #fff !important;
    text-decoration: none !important;
}

#site-select ul li ul li a:hover
{
    background: #c07147;
    padding: 1px 10px 3px;
    border-top: 1px solid #dd8e64;
    border-bottom: 1px solid #9e4f25;
}

/** 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;
}

/** -------------------------
    User tools styles
------------------------- **/

.BoxTools
{
    padding-bottom: 0;
    background: none;
}

#main #Content #sideBar .BoxTools h1, #main #Content #sideBar h1#HeadingAdmin
{
    background: #ECEBEA url('Images/headerbg-main.png') left top no-repeat;
    padding: 10px 0 10px 85px;
}

.ButtonDiscussionAdd, .ButtonEventAdd, .ButtonVideoAdd, .ButtonPhotoAdd
{
    background: url('Images/btn-addsomething.gif') left top no-repeat;
}

.ToolButton
{
    border-style: solid;
    border-width: 1px;
    border-color: #fff #fff #b4b4b4 #f7f7f7;
    background-color: #dadada;
    padding: 10px 0 9px 42px;
    width: 298px;
    cursor: pointer;
    color: #E31919;
}

.ToolButton:hover
{
    background-position: left bottom;
}

/** -------------------------
    Tagbox styles
------------------------- **/

#TagBox
{
    border-bottom: 1px solid #999;
    text-align:justify;
}

#main .Size9, #main .Size8
{
    color: #999;
}
#main .Size7, #main .Size6
{
    color: #e31937;
}
#main .Size5, #main .Size4
{
    color: #a61127;
}
#main .Size3, #main .Size2
{
    color: #56010d;
}
#main .Size1, #main .Size0
{
    color: #7f7f7f;
}

/** -------------------------
    Breadcrumb styles
------------------------- **/

#Crumb
{
    padding: 2px 0 3px;
    background: #171717 url(Images/bg-summarytabs.gif) repeat-x scroll left top;
}

#Crumb span
{
    background: none;
    border: none;
    display: block;
    float: left;
    padding: 6px 5px;
}

#Crumb span a
{
    color: #fff;
}

/** -------------------------
    Misc styles
------------------------- **/

#UtilInfo, #UtilInfoL
{
    margin: 0 0 10px 0;
}

.feature-box #UtilInfo, .feature-box #UtilInfoL
{
    margin: 0;
}

#EventCalendar
{
    background-color: #ECEBEA;
}

#EventCalendar .day
{
    border: 1px solid #999;
}

#header #menu #Searcher .SearcherBox
{
    width: 190px;
}

#StarNav a.prev
{
    background: transparent url('Images/btn-leftarrow2.png') no-repeat scroll left 2px !important;
    margin-top: -6px;
}
#StarNav a.prev:hover
{
    background-position: left bottom !important;
}

#StarNav a.next
{
    background: transparent url('Images/btn-rightarrow2.png') no-repeat scroll right 2px !important;
    margin-top: -6px;
}
#StarNav a.next:hover
{
    background-position: right bottom !important;
}

#main #Content #StarNav
{
    padding: 15px 10px 0;
}

#main .featured-gallery .featured-gallery-list
{
    padding-left: 0;
}

/** -------------------------
    Ad styles
------------------------- **/

#google_ads_div_Star1045_1_Ros1_468x60
{
    width: 468px;
    margin: 20px auto;
    clear: both;
}

#google_ads_div_Star1045_1_Ros1_728x90
{
    width: 728px;
    margin: 20px auto;
    clear: both;
}

#google_ads_div_Star1045_PhotoSkin_620x40
{
    width: 620px;
    padding-top: 20px;
    margin: 0 auto 20px;
    clear: both;
}

.BannerAd
{
    background: none !important;
    margin: 0 auto 20px;
}

.banner
{
    text-align: center;
    margin: 0 auto 20px;
}

#main #PollInfo
{
    float: none;
}

#main #sideBar #PollInfo
{
    width: 289px;
    border-bottom: 1px solid #999;
}

/** -------------------------
    Footer styles
------------------------- **/
#Footer {color:#fff;  background: url(Images/FooterBG.jpg) no-repeat 50% 0; }
#Footer h2 {color: #EE1D41;display: inline-block;margin-bottom: 6px;padding: 2px;}
#Footer h2 a { color: #EE1D41; }
#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: #EE1D41;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: #EE1D41;}
#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{float:right; margin-left:-36px;width:276px; padding-right:0;margin-top:5px;}
ul#extraFooterLinks li {text-align:center; margin-bottom:30px;}

/** ---------------------------
    Youtube video hack    
---------------------------- **/

#StarStar object, #StarStar embed
{
    width: 613px;
}

/** ---------------------------
    Facebook icon  
---------------------------- **/
#facebook-profile
{
    width: 16px;
    height: 16px;
}
/*  display:none */
.FB_profile_pic
{
    width: 16px;
    height: 16px;
}


#BoxCompetition
{
    background: #ECEBEA url(Images/ItemContainerBG.gif) repeat-x scroll 0 100%;
    border: 1px solid #BBBBBB;
}
#PollVotes {width:270px; color:#000}
blockquote {color:#000}
.SearchSubText {margin-left:120px; font-size:.9em; color:#FFFFFF;}

#DMGGoogleAdFloat {height:82px;position:absolute;right:112px;width:239px;z-index:99;}

/** ----------------------
    Contact Us box
-----------------------**/

h1#headingContactUs{height:40px; text-indent:-1000em; background:transparent url(Images/contactUsHeading.jpg) no-repeat scroll 0 100%;padding:0;}
ul#contactDetails{border-right:1px solid #BCBCBC; border-left:1px solid #BCBCBC; border-bottom:1px solid #BCBCBC; }
ul#contactDetails li{color:#5F5F5F;}
ul#contactDetails li.contactPhone {background-color:#ECECEC;border-left:1px solid #fff; border-right:1px solid #fff;}
ul#contactDetails span.separator {color:#F31603}
ul#contactDetails span.phoneNumber{color:#F31603}
ul#contactDetails span.email a{color:#F31603}



#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; }

#DMGGoogleAdFloatStar {height:82px;position:absolute;right:113px;width:239px;z-index:99;top:12px;}
a#NowPlayingDL {display:block; height:100px; position:absolute; width:125px; z-index:100;}