@import url('reset.css');

body { margin: 0; font-size: 75%; font-family: Arial, sans-serif; }

#mainContent{width: 625px; float:left; padding-top: 10px; }
#sideBar{float:right; width:300px; padding-top:10px;position:relative; zoom:1;}

form {margin: 0; padding: 0;}
#main {margin:0 auto; position: relative; min-height: 1200px; }
#header { padding: 0 10px; width: 940px; z-index: 35; }
#header h1#SiteLogo {border:none; position:relative; }
#header h1#SiteLogo a {display:block; text-indent: -378em; }
#header ul { list-style-type: none; margin: 0; padding: 0; }
#header ul li { list-style-type: none; margin: 0; padding: 0; }
#header #toolbar {  
    padding: 7px 20px 6px 30px; 
    text-align: right; 
    font-size: 11px; 
    position: relative;
    float: right;
    margin-top: 160px; 
    background-image: url(Images/welcome-image.png);
    background-repeat: no-repeat;
    background-position: 6px 4px;
    behavior: url(/App_Themes/Default/IE6PngFix.htc);    
    font-size: 12px;
    z-index: 60;
}
#header #menu { clear: both; z-index: 50!important; position: relative; }

/** Navigation level 1 base styles **/
#header #menu ul { display: block; float: left; }
#header #menu ul li { display: block; float: left; position: relative; }
#header #menu ul li a {display: block; float: left; text-decoration: none; text-transform: lowercase; display: block; font-family: Myriad Pros, Arial; font-size: 11pt;}

/** Navigation level 2 base styles and resets **/
#header #menu ul li ul { display: none; }
#header #menu ul li ul li { display: block; width: 100%; float: none; padding: 0; }
#header #menu ul li ul li a { display: block;  line-height: 1em; padding: 7px 5px 7px 11px; float: none; }
#header #menu ul li:hover ul { display: block; width: 200px; padding: 8px 0; position: absolute; top: 37px; left: 0; }


#header #menu #Searcher {float: right; padding: 7px 6px 0 0;}
#header #menu #Searcher input {float: left; border: none;}
#header #menu #Searcher .SearcherBox {background: #fff url(/img/main/SearchBG.gif) repeat-x 0 0; height: 20px; width: 145px; margin-right: 7px; padding: 3px 0 0 5px;} 
#header #menu #Searcher .SearcherButton {background: url(/img/main/SearchButtonBG.gif) repeat-x 0 0;  height: 23px; width: 34px; color: #fff; padding: 0; font-size: 11px; cursor: pointer;}
#header #menu #Searcher .SearcherButton:hover { color: #fff; background-position: left bottom; }
input.searchBlur { color: #999; } /* blur class for search box */

#header #MoreShows {width: 168px; display:none;}
#header #MoreShows #ShowItems {width: 168px; float: left;}
#header #MoreShows #ShowList {width: 230px; float: right;}
#header #MoreShows #ShowsOther {width: 230px; float: right;}
#header #StationList { display:none; position: absolute; z-index: 99; padding: 10px; background: #060606 url('/img/main/ShowDropListBG.gif') repeat-x 0 100%; border-bottom: solid 1px #9a9a9a; width: 80px; top: 185px; line-height: 1.5em; right: 104px;}
#header #StationList strong { font-size: 11px; }
#header #StationList ul { margin-bottom: 5px; }
#header #StationList a { font-size:1.2em; color: #fff; text-decoration: none; line-height:1.4em; }
#header #StationList a:hover { color: #ed1c24; }
#header #PMAlert,#header #LogoutAlert { position: absolute; top: -55px; right: 55px; padding: 12px 0 0 45px; text-align: left; }
#main #header #PMAlert a,#header #LogoutAlert a { color:#ed1c24; text-decoration: underline; }
#main #header #PMAlert a:hover,#header #LogoutAlert a:hover { text-decoration: none; }
#header #LogoutAlert{display:none;background: url(/img/main/LogoutAlertBG.gif) no-repeat;}
#header #LogoutAlert #LogoutYes{ padding-left:25px; height:26px;}
#header #LogoutAlert #LogoutNo{ padding-left:39px; height:26px;}
#header #LogoutAlert p { width:80px; float:left;}

#header a#Profile { color: #bf2727; padding: 0 0 3px 22px ; background: url(/img/main/profile.png) no-repeat 0 2px; height: 12px; margin-left:5px; }
#header a#Profile:hover { color: #e40000; background-position: 0 -16px; }
#header #toolbar a.Logout { color:#a01f17;padding-left:5px; }
#header #toolbar a.Rego { color:#00ccea; padding-left:5px; }

#header #toolbar #ShowAllStations { margin-left:5px; width:5px; height:5px}

#ContentContainer { padding: 20px 0; }

#Crumb { clear: both; }
#Crumb span { background: #161616 url(/img/main/BackBG.gif) repeat-x 0 0; padding: 6px 5px; display: block; float: left; border-top: solid 1px #000; }
#Crumb span a { color: #a7a7a7; font-size: 9px; background: url(/img/main/BackIcon.gif) no-repeat 0 50%; padding-left: 12px; }

/*DMG PLAYER*/
#DMGPlayer { position: absolute; top: 0; right: 0; width: 311px; z-index: 100; color: #fff; font-size: 9px; height:83px; }
#DMGPlayer #DMGPlayerInner {background: url(/img/main/player_background.PNG) no-repeat; height: 83px;  overflow: hidden; padding-left:15px; }
#DMGPlayer #PlayListMore { background: url(/img/main/player_favouriteBut.PNG) no-repeat 0 0; display: block; height: 19px; width: 80px; text-indent:-487em; }
#DMGPlayer #NowPlayingButton { display: block; height: 38px; width: 42px; background: url(/img/main/player_playButton.PNG) no-repeat 0 0; text-indent:-1435em; float:left; }


#DMGPlayer #PlayingInfo h3 {width: 220px; text-transform: uppercase; font-size: 12px; padding: 20px 0 3px 0; color:#fff; }
#DMGPlayer #PlayingInfo strong {width: 270px; font-size: 9px; display: block;}
#DMGPlayer #PlayingInfo strong span {color:#888;}
#DMGPlayer #PlayingInfo ul, #DMGPlayer #PlayingInfo li {list-style-type: none;}
#DMGPlayer #PlayerUtils { margin: 3px 0 0 7px;}
#DMGPlayList {clear: both; z-index: 99; top: -160px; right: 0; position: absolute }
#DMGPlayList #PlayerFull li {}
#DMGPlayList #PlayerFull li strong, #DMGPlayer #PlayerFull li span {width: 120px; overflow: hidden; display: block; float: left;}
#DMGPlayList #PlayerFull li .FaveSong {width:23px; height:20px; background: url(/img/main/Favourite.gif) no-repeat; text-indent: -888em; display: block; float: left; }
#DMGPlayer #playerButtons{width:42px; float:left;margin-right:10px;}
#DMGPlayer #PlayingInfo ul.nowPlayingInfo li.title{font-size:1.4em;height:14px;margin-top:-2px;max-height:14px;overflow:hidden;padding-left:2px;width:172px;}
#DMGPlayer #PlayingInfo ul.nowPlayingInfo li.artist{padding-left:2px;}
#DMGPlayer #PlayingInfo ul.nowPlayingInfo{padding-left:7px;}
#DMGPlayer #playerButtons ul li{float:left}
#DMGPlayer ul#playerBottom{float:left; width:295px;clear:both;margin-top:2px;}
#DMGPlayer ul#playerBottom li{float:left}
#DMGPlayer ul#playerBottom li.rating{float:right;margin-right:15px; margin-top:2px;}
#DMGPlayer #PlayingInfo img {padding:0;}
#DMGPlayer #PlayingInfo img.thumb {float:left; width: 50px; height: 50px; background-color:#ff0000}
#DMGPlayer #PlayingInfo {height:56px; padding-top:5px;}
#DMGPlayer #PlayingInfo ul{float:left; padding-left:1px;}
#DMGPlayer #PlayingInfo ul li {margin-bottom:2px;}
#DMGPlayer #PlayingInfo ul li.title{font-size:1.5em;font-weight:bold;} 
#DMGPlayer #PlayingInfo ul li span{color:#888; font-size:1.2em}
li.songDetails p{line-height:1.4em}

#DMGPlayer #PlayerFull ul{}
#DMGPlayList ul#playlist li ul li.songDetails{float:left}
#DMGPlayList ul#playlist li.song{background-color:#656565;border-top:1px solid #797979;clear:both;float:left;padding:5px 15px;width:281px;}
#DMGPlayList ul#playlist li.song:hover{background-color:#7c7c7c;}
#DMGPlayList ul#playlist li.heading{background:#2e2e2e url(/img/main/player_arrowDropdown.GIF) no-repeat 42px 6px;clear:both;float:left;padding:18px 15px 13px;width:281px;}
#DMGPlayList ul#playlist li.heading ul li{float:left;}
#DMGPlayList ul#playlist li.heading p{font-size:1.2em}
#DMGPlayList ul#playlist li.song ul li.fav{float:right; padding-top:5px;} 
#DMGPlayList ul#playlist li.heading ul li.fav{float:right}
#DMGPlayList ul#playlist li.fav a.addTofav {width:23px; height:17px; background: url(/img/main/play_addToFavIcon.PNG) no-repeat; display:block}
#DMGPlayList ul#playlist li.fav a.addedTofav {width:23px; height:17px; background: url(/img/main/play_addedToFavIcon.PNG) no-repeat; display:block; cursor:default;}
#DMGPlayList ul#playlist{background-color:#656565; margin-top:-3px; float:left; background: url(/img/main/player_dropdownBottom.PNG) no-repeat 0 bottom;padding-bottom:5px;}
#playerButtons a.addTofav {width:23px; height:17px; background: url(/img/main/player_favIcon.PNG) no-repeat; display:block}
#playerButtons a.addedTofav {width:23px; height:17px; background: url(/img/main/play_addedToFavIcon.PNG) no-repeat; display:block; cursor:default;}

#Content 
{
    padding-bottom: 30px;    
}

h1 {  padding: 10px 5px; font-weight: normal; margin: 0;}
h1 a {text-decoration: none; }
h2 { padding: 0 0 5px 0; margin: 0; text-transform: capitalize; }
h2 a {text-decoration: none; }
h3 {}

a { outline: none; text-decoration: underline; cursor: pointer; }
a:hover { text-decoration: none; }
a img {border:none;}

ul, li, p { margin: 0; padding: 0; }

.Action {text-align:right; padding-top: 5px ;clear:both; position: relative;}

.Box {float: left; margin: 0 0 10px 0; width:300px;margin-top:10px}
#SideBox {float: right; width: 300px;}

#FooterAd { text-align:center; height: 90px; margin-bottom: 30px; margin-top: 30px; }

.BoxMain { width: 625px; margin: 0 0 20px 0;}
.BoxMax { width: 940px; }
.BoxSlim { width: 305px; margin: 0 10px 10px 0; float: left;}
#sideBar .BoxSlim { width: 300px;}
.BoxWide { width: 625px; margin: 0 0 10px 0; clear: both; }
.BoxSlimWrap .last { margin-right: 5px; float: right; }
.Boxy { width: 300px; float:right; margin-bottom:10px;margin-top:10px;}
.BoxHero { width: 940px; position: relative; height: 1%; clear:both;}
.BoxFull {width: 920px; }
.BoxUtil { float:right; }
.BoxHide { float:left; }
.BoxSide {margin:0; clear:both}
.BoxTools {background: url(/img/main/ToolBoxBG.gif) no-repeat 0 100%; padding-bottom: 18px;}
.FeatureItem { width: 308px; float: left; }
.FeatureItem p{ font-size: 0.916em; line-height: 1.6em; }
.FeatureItem h1 { border: none; font-size: 20px; clear: both; }
.FeatureItem .Date {float:left; font-size: 9px; }
.ItemGroup { width: 300px; float: right; margin-right: 5px; }
.eventsGroup { width: 300px; float: right; margin-right: 5px; }
.ItemGroup .Summary {clear:both; border-top: solid 1px #222; padding: 5px 0; color: #828282; font-size: 9px;}
.ItemGroup .Summary span {margin-right: 6px;}

#BoxCompetition {background:url(/img/main/CompetitionBG.gif) repeat-x 0 0; float:left; width: 616px; padding-bottom: 10px; }
#SurveyInfo, #CompInfo {padding: 10px;}

#CompInfo p {margin: 10px 0; font-size:1.2em; line-height:1.2em}
#CompInfo #CompFacebookLikeBox {display: table; position: relative; padding: 5px 5px 5px 0pt;}

#SurveyInfo, #CompResponseText {padding: 10px; margin-bottom:20px; font-size:1.2em; line-height:1.2em} /* border:2px solid #FFFFFF; */
#CompResponseText p {margin: 10px 0; font-size:1.2em; line-height:1.2em}

#SurveyInfoDetails {padding: 10px;}
#CompBody, #CompRelated, #CompEntries, #SurveyBody, #CompAssociationContainer {padding: 0 10px;}
#SurveyForm, #CompForm {padding: 10px; }
#CompEntriesDetails {background: #171717; padding: 10px;}
.CompPicEntry {float:left; margin: 0 5px 5px 0;}
.CompPicEntry img {border: solid 1px #a1a1a1;}
.CompEntry {margin-bottom: 12px; font-size: 12px; color: #aaa;}
.CompEntry .User {color: #fff;}
h3.CompQuestion {color: #fff; font-size: 120%; margin-top: 10px; margin-bottom:5px;}

#competitions{width:615px; margin-top:10px;}

#EventCalendar td{vertical-align:bottom;}

#Hero {width: 940px; height: 320px; position: relative; }
#Hero #MainHero {width: 940px; height: 320px; position: relative; overflow:hidden; }
#Hero .Heroes img {width: 940px; height: 320px; z-index: 5; }
#Hero .Heroes {position: relative; min-height:300px;}
#Hero .Heroes .HeroTitle {position: absolute; bottom: 0; right: 0; color: #fff; z-index: 10; height:50px; padding:10px 100px 10px 60px; text-align: right; font-size: 12px; overflow: hidden; }
#Hero .Heroes .HeroTitle h1 {font-size: 26px; padding: 0; margin: 3px 0; border: none; max-height: 28px; overflow: hidden; }
#Hero #MoreHeroesButton { position: absolute; width: 22px; z-index: 21; height: 22px; overflow: hidden; }
#Hero #LessHeroesButton { position: absolute; width: 22px; z-index: 21; height: 22px; overflow: hidden; }

#SponsorItem{z-index:13; position:absolute; bottom:10px;}

#Hero .MoreHeroes{ background:url(/img/main/spriteHeroNavRoundArrows.png) no-repeat 0 0;}
#Hero .LessHeroes{ background:url(/img/main/spriteHeroNavRoundArrows.png) no-repeat -22px 0;}
#Hero .MoreHeroesGrey{ background:url(/img/main/spriteHeroNavRoundArrows.png) no-repeat -22px -22px;}
#Hero .LessHeroesGrey{ background:url(/img/main/spriteHeroNavRoundArrows.png) no-repeat 0 -22px;}

#Hero .MoreHeroesGrey:hover,
#Hero .LessHeroesGrey:hover { background-position: left bottom; }
#Hero #SideKick { position: absolute; width: 65px; z-index: 11; height: 250px; overflow: hidden; }
#Hero #SideKickView { width: 65px; position: relative; }
#Hero #SideKick img {width: 63px; height: 43px; border: solid 1px #6a6a6a; margin-bottom: 20px;}
#Hero #ShowSponsor {position:absolute; left: 0; bottom: 0; background:url(/img/main/ShowSponsorBG.png) no-repeat -3px 1px; z-index: 11; width: 340px; height: 132px;}
#Hero #ShowSponsor img {width: auto; height: auto; z-index: 12; position:absolute; left: 0; bottom: 10px; }

.Pichu {width: 260px; padding: 0 10px 0 0; background: url(/img/main/PichuBG.png) repeat-y 0 0; position: absolute; top: 20px; left: 0; height: 280px; text-align: right;}
#PichuTabs {width: 30px; float: left; padding: 10px 0; }
#PichuTabs a {text-indent: 1500em; width: 27px; display: block; float: left; overflow: hidden; }
#PichuTabs a#PichuComp {background:url(/img/main/SideComp.gif) no-repeat 0 50%; height: 103px; }
#PichuTabs a#PichuEvent {background:url(/img/main/SideEvent.gif) no-repeat 0 50%; height: 75px;}
#PichuTabs a#PichuMusic {background:url(/img/main/SideMusic.gif) no-repeat 0 50%; height: 78px;}
#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: -28px 50%;} 
.PichuContent {position: absolute; top: -873em;}
.Pika {margin: 0; color: #fff; font-size: 10px; padding: 10px 0; height: 40px; text-align: left;}
.Pika img {float: left; margin-right: 10px; border: solid 1px #000;}
.Pika h2 {margin: 0; padding: 0; font-size: 12px; font-weight: bold; max-height: 14px; overflow:hidden;}
.Pika p {margin: 0; padding: 0; max-height: 28px; overflow:hidden;}

.GalleryContainer {overflow: hidden; width: 625px;  padding:0;}

/** ------------------------
    Latest pics styles
------------------------- **/

#GalleryPort { 
    padding: 5px; 
}

#GalleryPort #GalleryList {
    margin-bottom: 10px;
}

#GalleryPort .rotate-btn {
    width: 22px;
    height: 22px;
    margin: 10px auto;
    display: block;
    background-position: left top;
}

#GalleryPort .rotate-btn:hover {
    background-position: left bottom;
}



#GalleryBox {width: 620px; position: relative; height: 240px;}
#LessPhotosButton{display:block; height:27px; width:630px; text-align:center; margin:0;}
#MorePhotosButton{display:block; height:27px; width:630px; text-align:center; margin:0;}
.LessPhotos{background:url(/img/main/LessPhotos.png) no-repeat 0 0;}
.MorePhotos{background:url(/img/main/MorePhotos.png) no-repeat 0 0;}
.LessPhotosGrey{background:url(/img/main/LessPhotos_grey.png) no-repeat 0 0;}
.MorePhotosGrey{background:url(/img/main/MorePhotos_grey.png) no-repeat 0 0;}


/*#MusicPort {float:left; margin:8px 0; padding:0; width: 555px; height:105px; overflow:hidden;position: relative;}*/

#MusicPort {
float:left;
height:103px;
margin:8px 0 0 0;
overflow:hidden;
position:relative;
width:572px;
}

#MusicPort a{ margin:0; padding:0;}
#MusicPort img{ margin:0 5px 0 5px;}
#MusicList{ position:absolute; margin:0; padding:0;}

#LessMusicButton{display:block; height:26px; width:26px; text-align:center; margin:0 1px; float:left;position: relative; margin:50px 0;}
#MoreMusicButton{display:block; height:26px; width:26px; text-align:center; margin:0 1px; float:left;position: relative; margin:50px 0;}

.LessMusic{background:url(/img/main/spriteGalleryNavRoundArrows.png) no-repeat 0 0; width:26px; height:26px;}
.LessMusicGrey{background:url(/img/main/spriteGalleryNavRoundArrows.png) no-repeat 0 -26px; width:26px; height:26px;}
.MoreMusic{background:url(/img/main/spriteGalleryNavRoundArrows.png) no-repeat -26px 0; width:26px; height:26px;}
.MoreMusicGrey{background:url(/img/main/spriteGalleryNavRoundArrows.png) no-repeat -26px -26px; width:26px; height:26px;}

/*.LessMusic{background:url(/img/main/music_prev.gif) no-repeat 0 50%;}
.LessMusicGrey{background:url(/img/main/music_prev_grey.gif) no-repeat 0 50%;}
.MoreMusic{background:url(/img/main/music_next.gif) no-repeat 0 50%;}
.MoreMusicGrey{background:url(/img/main/music_next_grey.gif) no-repeat 0 50%;}*/

#GalleryList, #ArticleList, #VideoList, #PollList{ list-style-type: none; margin: 0; padding: 4px 0 0 0; display: block; width: 620px; /*position: absolute;*/ overflow:hidden; }
#GalleryList li{display: block; float: left; padding: 1px;width:140px; height:100px; border: solid 4px #979797; position:relative; background:#fff; margin: 0 4px 4px 0; }
#GalleryList li a {display:block; width:140px; height:100px; }
#GalleryList li strong { display: block; height: 16px; font-weight: normal; overflow: hidden; width: 180px; padding: 3px 5px; position:absolute; z-index:21; bottom:0; left:0; line-height: 1.1em; background: url(/img/main/thumbmask.png); font-weight: bold; font-size: 15px; color: #fff;}

/** -------------------------
    Content box styles
--------------------------**/

.contentBox, .contentBoxPad {
    padding: 5px 0 5px 5px;
}

body #main #Content .wide {
}

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

.user-items {
    padding: 10px;
    width: 230px;
}

.user-items h1 {
    margin-bottom: 10px;
    padding: 0!important;
}

.user-items #FriendList,
.user-items #artistList,
.user-items #showList {
    margin-bottom: 5px;
    width: auto;
}

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

.featured-gallery 
{
    width: 285px;
    float: right;
    padding: 5px 5px 0;    
}

.featured-gallery .featured-gallery-list 
{
    padding: 5px 0 5px 5px;
} 

.featured-gallery .featured-gallery-list a
{
    margin: 0 2px 2px 0;
    display: block;
    float: left;
}

/** -------------------------
    Global meta styles
--------------------------**/

#main .meta
{
    display: block;    
    padding: 5px;
    margin: 0 -5px;
}

#main .meta .link,
#main .meta .link a 
{
    font-size: 10px;
}

#main .ForumItem .meta 
{
    margin: 0;
    padding-left: 50px;
}

#ArticlePort,#VideoPort,#PollPort,#PhotoPort{overflow:hidden; width: 620px; height:66px; position: relative;}
#ArticleList li,#VideoList li,#PollList li {display: block; float: left; width:70px; height:50px; position:relative; background:#fff; z-index: 10; margin: 0 7px 7px 0; }
#PhotoList li{display: block; float: left; width:90px; height:50px; position:relative; background:#fff; z-index: 10; margin: 0 7px 7px 0;}

#StarPic {width: 310px;}
#FullStar { max-width: 600px; max-height: 400px;}
.HalfStar {width: 305px; height: 210px;}
#AlbumBG { /*background:url(/img/main/FeaturedAlbumBG.jpg) no-repeat 0 0;  padding: 7px 6px; color: #333;*/}
#AlbumBG a img { border: 3px solid #fff; }
#PhotoBG {background: url(/img/main/PhotoBGTop.jpg) no-repeat 0 0 #ffffff;  color: #333;}
#photoBGBottom{background: url(/img/main/PhotoBGBottom.jpg) no-repeat 0 bottom;padding: 10px;}
#photoBGBottom p{font-size:1.2em; margin-bottom:10px;}
#photoBGBottom div.photo{text-align:center; margin-bottom:10px; position:relative;}
#photoBGBottom div#PhotoWatermark {position: absolute; bottom: 30px; right: 30px;}
#photoBGBottom #ShowCaseInfo {font-size:1.2em; margin-bottom:10px; margin-top:10px;}

#SummaryPhoto .GalleryPinky {width: 90px; height: 64px; border: solid 1px #999; float: left; margin: 0 6px 6px 0;} 
#SummaryVideo .VideoThumb {width: 90px; height: 64px; border: solid 1px #999; float: left; margin: 0 6px 6px 0;}
#SummaryVideo .VideoThumb img {width: 90px; height:64px;}

.GalleryThumb { width: 140px; height: 100px; }
.AlbumStar { width: 293px; height: 210px; }
.AlbumThumb { width: 178px; height: 128px; }
.AlbumSThumb { width: 100px; height: 100px; border: solid 1px #727272; }
.CompThumb,.ShowThumb { width: 140px; height: 100px; border: solid 1px #999999; }
.AudioThumb, .ArticleThumb, .PollThumb, .EventThumb, .VideoThumb { width: 70px; height: 50px; border: solid 1px #999; display:block; }
.CompPinky { width: 52px; height: 38px; }
.Avatar { border:1px solid #888888; display:block; float:left; height:35px; width:35px; overflow:hidden; }
.Avatar img{ height:35px;width:35px; }
.AvatarBig { width: 80px; height: 80px; }

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

#ShowContainer .ItemContainer {
    margin: 0 0 10px 0; 
    font-size: 10px; 
    padding: 10px; 
    width: 590px; 
}

#ShowContainer .ItemContainer .show-thumb {
    float: left;
    width: 140px;
    margin-bottom: 5px;
    padding-left: 5px; 
}

#ShowContainer .ItemContainer .show-content {
    float: right;
    width: 435px; 
}

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

#main #Content .article-thumb-wrap {
    float: left;
    display: block;
    margin-bottom: 5px;
    padding-left: 5px;
}

#main #Content .article-content 
{
    float: right;
    width: 210px;
    margin-bottom: 5px;
    padding-right: 5px;
}

#sideBar #SummaryForum .article-content {
    width: 245px;
}

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

#main .ItemContainerItem .article-content {
    width: 220px!important;
}

/** GalleryContainer width **/
#main .GalleryContainer .ItemContainer .article-content
#main #GalleryContainer .ItemContainer .article-content {
    width: 400px;
}

/** VideoContainer/PollContainer width **/
#main #VideoContainer .ItemContainer,
#main #PollContainer .ItemContainer {
    /*padding-right: 5px;    */
}
#main #VideoContainer .ItemContainer .article-content,
#main #PollContainer .ItemContainer .article-content,
#main #AudioContaniner .ItemContainer .article-content,
#main #EventsUpcomingContainer .ItemContainer .article-content {
    width: 530px;
}

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

/** feature box 620x40 ad **/
#aw0 {
    display: block;
    margin: 10px auto;
}

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

#toolbar p,
#toolbar a {
    margin: 0;
    float: left;
}

#toolbar p {
    margin-right: 4px;
}

#toolbar p a {
    float: none!important;
}

#site-select {
    display: block;
    float: left;
    width: 115px;
    position: relative;
    font-size: 10px;
    height: 14px;
}

#site-select ul {
    display: block;
    text-align: left;
    height: 100%;
}

#site-select ul li {
    padding-left: 10px;
    padding-right: 14px;
    line-height: 13px;
    height: 100%;
}

#site-select ul li ul {
    display: none;
    position: absolute;
    width: 113px;
    height: auto;
    left: 0;
    top: 14px;
    font-size: 11px;   
}

#site-select ul li:hover ul {
    display: block;
}

#site-select ul li ul li {
    height: auto;
    padding: 0;
}

#site-select ul li ul li.group-title {
    padding: 0px 10px 4px;
}

#site-select ul li ul li a {
    float: none;
    display: block;
    padding: 2px 10px 4px;
}


.ItemContainer {min-height:54px; margin: 0; font-size: 10px; padding:10px 0; clear: both; }
.ItemContainerItem {float: left; width: 304px; margin: 0 5px 5px 0; }
/*.ItemContainer img { margin: 0 10px 0 8px;}*/
.ItemContainer img.AlbumThumb {background: url(/img/main/GalleryHalfBG.gif); padding: 5px 19px 20px 5px; display: block;}
.ItemContainer img.GalleryPinky {margin: 5px 6px 0 0;}
.ItemContainer h2 {margin: 0; padding: 0 0 3px 0; font-size: 13px; line-height: 16px;}
.ItemContainer p {max-height: 100px; overflow: hidden; font-size:1.1em; line-height:1.3em;}

/*sideBar event new style*/
/*#sideBar .ItemContainer { width:300px; }*/
#sideBar div.sideEvent{}
/*#sideBar div.sideEvent div.ItemFooter { background-color: #232323; border-bottom: 1px solid #000000; }*/
/*#sideBar div.sideEvent div.ItemContainer { width: 299px; background-color: #151515; border-bottom: 1px solid #151515; border-top: 1px solid #232323; border-right: 1px solid #232323;padding:0;min-height:53px;}*/
#sideBar div.sideEvent div.ItemContainer img { padding: 0; margin:0; border: 2px solid #535353; line-height: 1.5em; }
#sideBar div.sideEvent div.ItemContainer a.article-thumb-wrap { width: 77px; }
#sideBar div.sideEvent .ItemContainer h2 { padding-top: 5px; }

/*sideBar latest discussion new style*/
#sideBar div.latestDiscussion{ min-height: 45px; color: #fff; padding: 0; background:#181818 repeat scroll 0 0; border-bottom:1px solid #535353;float:left; width: 300px; margin-bottom:3px;}
#sideBar div.latestDiscussion a.Avatar{width:45px; height:45px; /*background: #535353 url(/img/main/Latest_Discussions_tip.jpg) no-repeat right 0;*/ border:none; margin:0; padding-right:8px; }
#sideBar div.latestDiscussion a.Avatar img {width:45px; height:45px;}
#sideBar div.latestDiscussion div.UtilS{ /*background-color:#181818; height:23px; padding-top:5px; */ }
#sideBar div.latestDiscussion div.UtilS h2{ padding-left:5px}
#sideBar div.latestDiscussion div.UtilS h2 a{font-weight:normal}
#sideBar div.latestDiscussion div.details{height:13px; padding-top:4px;}
#sideBar div.latestDiscussion a.User{padding-left:5px}
#sideBar div.latestDiscussion .summary-content {float: right; width: 235px;}



#EventsUpcomingContainer{clear:both}
#EventsUpcomingContainer a.eventThumbnail {float:left;display:block;float:left;margin-bottom:5px;padding-left:5px;margin-right:10px;}
#EventsUpcomingContainer p{padding-bottom:4px;}
#EventsUpcomingContainer img.EventThumb{ border:1px solid #323232;padding:1px;}
#EventsUpcomingContainer .EventStartDate{color:#656565}
#EventsUpcomingContainer .eventContent {width:530px; float:right;}


#GalleryContainer .ItemContainer {
    margin: 0 0 10px 0; 
    font-size: 10px;  
    clear: both;
}

#ShowContainer .ItemContainer h2,
#GalleryContainer .ItemContainer h2 
{
    font-size: 2em; line-height:normal;
}

#ShowContainer .ItemContainer h3,
#GalleryContainer .ItemContainer h3  
{
    font-size: 1.4em; line-height:normal; color: #999;
}

#ShowContainer .ItemContainer p.showSummary,
#GalleryContainer .ItemContainer p.showSummary
{
    max-height:55px; margin-bottom:4px;
}

.GalleryContainer .ItemContainer{ float: left; width: 625px; }

.ItemContainer .Date { font-size: 10px; display: block; clear: both;}
.ItemFooter .Date { float: left; margin-right: 10px; }
.ItemFooter, .ItemFooterS {clear:both; padding: 5px 10px 3px 10px; font-size: 9px; }
.ItemFooterS { float:left; width: 380px; /*clear: none; margin-bottom: 20px;*/ padding-left: 0; }
.Action span, .ItemFooter span, .ItemFooterS span { height: 15px; display: inline-block; margin-right: 3px; padding-top:3px; }
#ShareThis {background: #2a2a2a url(/img/main/ShareThisBG.gif); height: 22px; padding: 6px 5px 5px 95px; width: 205px; display: inline-block; border: none;}
#ShareThis a {display: block; width: 20px; height: 21px; margin-right: 3px; text-indent: -339em; float: left;}

#ShareThis a#facebook{background:url("/img/main/spriteShareIt.png") no-repeat 0 0; width:18px; height:17px;}
#ShareThis a#twitter{background:url("/img/main/spriteShareIt.png") no-repeat -18px 0;width:18px; height:17px;}
#ShareThis a#myspace{background:url("/img/main/spriteShareIt.png") no-repeat -35px 0;width:18px; height:17px;}
#ShareThis a#buzz{background:url("/img/main/spriteShareIt.png") no-repeat -71px 0;width:18px; height:17px;}
#ShareThis a#stumbleupon{background:url("/img/main/spriteShareIt.png") no-repeat -53px 0;width:18px; height:17px;}
#ShareThis a#email{background:url("/img/main/spriteShareIt.png") no-repeat -89px 0;width:18px; height:17px;}

#ShareEmail {margin: 20px; padding: 10px 40px 10px 40px; background: #000; min-height: 350px;}
#ShareEmail p {margin: 10px 0;}

.ItemContainerGrid {width: 150px; margin: 4px 1px 0 4px; float: left; clear:none; padding: 0;}
.ItemContainerGrid h2 {display:none;}
.ItemContainerGrid p {display:none;}
.ItemContainerGrid img.VideoThumb { width: 140px; height: 100px; border: solid 4px #979797; padding: 1px; margin: 0;}
.ItemContainerGrid .ItemFooter {display:none;}
#SummaryVideo img.VideoThumb { width: 90px; height:74px; border: solid 1px #999; float: left; margin: 0 6px 6px 0;}

.Buneary { min-height: 37px; color: #fff; background:#d8d8d8 none repeat scroll 0 0;border-bottom:1px solid #a8a8a8; padding:5px; width:290px; }
#ContentContainer .Buneary {width: auto;}
.Buneary img {}
.Buneary img.Avatar {margin-top: 5px;} 
.Buneary div.PostBub {padding-left:10px; background: url(/img/main/PostBubBG.gif) no-repeat 2px 15px; float:left; width: 550px;}
.Buneary div.Post, .Buneary p {background: #3f3f3f url(/img/main/PostBG.gif) repeat-x 0 0; padding: 3px 10px; margin: 5px 0 15px 0; font-size: 12px;}
.Buneary h2 {margin: 0; padding: 0 0 5px 0; font-size: 12px; font-weight: bold;}
.Buneary div.UtilS { color: #646464; font-size: 11px; /*min-height: 45px;*/ width: 248px; float: right;}
.Buneary div.UtilS h2 {padding: 0; max-height: 15px; overflow: hidden; font-size: 14px; margin-bottom: 3px; }
.Buneary div.UtilS strong {font-size: 12px; margin-bottom: 12px; display: block;}
.Buneary div.UtilS .Date { display: block; color: #181818!important; }
.whats-happening .Buneary { border-top: 1px solid #b3b3b3; border-bottom: 1px solid #e7e7e7; background: #cccccc url('/img/main/whatsHappeningTile.gif') left bottom repeat-x; padding-bottom: 3px; }

.Buneary div.PostAction {float: right; width: 100px; text-align: right;}
.Buneary div.Util { padding: 7px 0 0 0px; font-size: 11px; }
.Buneary div.Util .User {font-size: 12px;}
.Buneary div.Util span, .Buneary div.More span  { height: 15px; display: inline-block; margin-right: 3px; }

#SearchBox {padding:20px 30px 30px 30px; background: #070707 url(/img/main/SearchBoxBG.gif) repeat-x 0 100%; text-align: left;}

#GalleryContainer a {padding-bottom:3px;}

.comment{width:610px; padding:5px; float:left; margin-top:10px;}
.comment div.PostBub {padding-left:10px; background: url(/img/main/PostBubBG.gif) no-repeat 2px 12px; float:left; width: 558px;}
.comment div.Post {background: #3f3f3f url(/img/main/PostBG.gif) repeat-x 0 0; padding:8px 10px 10px; font-size: 12px;}
.comment div.PostAction {float: right; width: 100px; text-align: right;}
.comment div.PostAction a {margin-left:10px;}
.comment div.PostBub p {margin-bottom:5px; line-height:1.3em;}

.Plusle {float: left; width: 290px; padding: 7px 0 0 7px;}
.Plusle img {float: left; margin: 0 7px 0 0;}
.Plusle h2 {margin: 0; padding: 0 0 5px 0; font-size: 12px; font-weight: bold;}

#Lugia {color: #646464; min-height: 170px; }
#Lugia img.AlbumThumb {background: url(/img/main/GalleryHalfBG.gif); padding: 5px 19px 20px 5px; margin: 5px 10px 0 5px; display: block; float: left;}
#Lugia div.space {padding: 5px; background:#161616; border-bottom: solid 1px #222; } 
#Lugia #ShareThis {float: right;}

.SummaryTabBox {clear: both; width: 300px; margin-bottom: 10px; float:right;}
.SummaryTabs,.SummaryTabsB {height: 27px; clear: both; width: 290px; background: #252525; padding: 0 5px; font-size: 8px; }
.SummaryTabs a,.SummaryTabsB a { background:#000000 url(/img/main/tabsumarrow.gif) repeat-x scroll 0 21px;
display:block;
float:left;
font-size:1.5em;
font-weight: bold;
margin-right: 1px;
padding:3px 20px 10px;
text-decoration:none;
}
.SummaryTabsB a {font-size:1em;padding:5px 10px 10px;}

#SummaryPhoto, #SummaryVideo{padding: 5px 0 0 6px; background:#333333;float:right;}

.SummaryTabs a.selected,.SummaryTabsB a.selected {background-color: #00bee2; background-position: 50% 21px;}
.TabShow { display: block; }
.TabHide { display: none; }

#ShowCase {background: #f1f1f1; padding: 10px; color: #333;}
#ShowCase p {margin: 5px 0;}
#ShowCase a {color: #333;}
#ShowCaseInfo span {margin-right: 10px;}
#ShowCaseInfo .User {color:#333;}

.BoxMain h2 {font-size: 15px; margin-bottom: 5px; padding: 0; }
.BoxMain h3 {font-size: 14px; margin-bottom: 5px; padding: 0;}
.BoxMain ul, .BoxMain ol {margin-left: 20px;}
.BoxMain li {margin-bottom: 10px;} 

a#RSS{padding:0; display: block; float: right; text-indent: -503em; background: url(/img/main/rss.gif) no-repeat; width: 22px; height: 22px; margin: 15px 10px 0 0; }
#ContentSections {text-transform: uppercase;}
#ContentSections a { display: block; float: left; margin-right: 10px; font-size: 1.2em; position: relative; text-decoration: none; }
#ContentSections a.Selected, #ContentSections a:hover {text-decoration: none; background-position: 50% 100%; color: #fff;}
#ContentSections a#NewMessage {float: right;}
#ContentSections #AjaxLoading {float: left; display:none; background: url(/img/main/loading.gif) 50% 50%; width: 30px; height: 30px; font-size: 0; text-indent: -500em; overflow: hidden;}
#ContentSections #LayoutList {float: right;}
#ContentSections #LayoutGrid {float: right;}

#event{margin: 10px 0; font-size: 1.2em; line-height: 18px;}
#event .section div{margin-bottom:5px;}

#StarInfo {width: 310px; float: right; margin-left: 15px; }
#StarAudio {width: 289px; height: 38px; float: left; text-align: left; margin-bottom: 10px;margin-top:7px; }
#BodyText {padding: 10px 0; font-size: 12px; line-height: 18px; }
#BodyText a {text-decoration: underline; }
#BodyText a:hover {text-decoration: none; }
#BodyText p {margin-bottom: 10px;}
#BodyText ul { margin-left:0;}
#BodyText li {margin-bottom: 3px; margin-top: 0;}
#BodyText h2 {margin-top: 10px;}

#UtilInfo { background: #141414; margin: 0 0 10px 0; width: 310px; float: right; padding: 0; font-size: 11px; color: #777; }
#UtilInfoL {background: #171717; font-size: 11px; color: #666;}
#UtilInfo div.section, #UtilInfoL div.section  {border-bottom: solid 1px #222; padding:14px 0 14px 8px;}
#UtilInfoL a, #UtilInfo a {color: #777; text-decoration: underline;}
#UtilInfoL a:hover, #UtilInfo a:hover {text-decoration: none;} 
#UtilInfo .PostMsg {color: #fbcd85; font-style:italic; padding: 3px 0 0 9px; }
#UtilInfoL #RatePre, #UtilInfo #RatePre {padding: 3px 9px 0 0; }
#UtilInfo #RateSect {border-bottom: solid 1px #222; padding: 7px;}
#UtilInfo #RateSect div {float: left;}
#UtilInfo #FaveSect {border-bottom: solid 1px #222; padding: 7px;} 
#UtilInfo #FaveSect a {background:url(/img/main/favourite.gif) no-repeat 98% 50%; padding: 8px 30px 8px 0; display: block; float: left;}
#UtilInfo #PhotoRateSect {padding: 7px; clear:both; float:left;}
#UtilInfo #PhotoFaveSect {padding: 8px; color:#dab273; clear:left; float:left; width:300px;} 
#UtilInfoL .CommentCount, #UtilInfo .CommentCount {background: url(/img/main/Comment.gif) no-repeat 100% 50%; padding: 7px 27px 7px 0; font-size: 11px;}
#UtilInfoL #CommentSect {float: left; padding-top: 5px;}
#UtilInfoL #CommentSect a {margin-left: 35px;}
#UtilInfoL #FaveSect {float:left; width:250px; padding: 5px 0 0 8px;}
#UtilInfoL #FaveSect a {background:url(/img/main/favourite.gif) no-repeat 98% 50%; padding:9px 30px 12px 0; display: block; float: left;}
#UtilInfoL #RateSect {float:left; width: 300px;}
#UtilInfoL #RateSect div {float:left;}
#UtilInfoL #ShareThis {float:right; }

#StarNav {text-align: center; clear: both; font-size:16px; font-weight:bold; margin: 0 0 10px 0; padding-top:5px;}
#StarNav a {margin:0; width: 80px; float:left; display:block; padding:4px 0; font-size: 16px; font-weight:bold; }
#StarNav a.prev {background: url(/img/main/photo_prev.gif) no-repeat 0 50%; padding-left: 22px;}
#StarNav a.next{float:right; text-align:right;background: url(/img/main/photo_next.gif) no-repeat 100% 50%; padding-right: 27px;}
#StarNav a.next:hover #StarNav a.prev:hover{text-decoration:underline;}
#StarOther {padding: 10px 10px;}
#StarOther img {float: left; margin-right: 2px; margin-bottom: 2px; border: solid 1px #999; }
#StarOther h2 {padding: 0 0 0 0;}

#UtilInfoPost {width: 620px;}
.UtilPost {border-bottom: solid 1px #222; border-top: solid 1px #222; padding: 7px; clear:both; width: 620px; height: 30px;} 
.UtilPost div.section {float:left; border-bottom:none; width:300px;}
.UtilPost #FaveSect {color:#dab273; float:right; width:300px;}
.UtilPost #FaveSect a {background:url(/img/main/favourite.gif) no-repeat 98% 50%; padding: 3px 30px 3px 0; display: block; float: left;}
.UtilPost #RateSect {float:right; width: 300px;}
.UtilPost #RatePre { color:#555; font-size:15px; float:left; margin-right:5px; margin-top:5px; text-transform:uppercase; }
.UtilPost #ShareThis {float:left; }
#UtilInfoPost a {color: #484848; text-decoration: underline;}
#UtilInfoPost a:hover {text-decoration: none;} 
#UtilInfoPost .PostMsg {color: #fbcd85; font-style:italic; display:block; clear:both; text-align:right; margin:0 30px 10px 0; }

#CommentBox {clear: both;}
.Date { font-style:italic; font-size: 10px; }
.User { }
.sub {font-size: 9px;}
.HotCount {background: url(/img/main/CountHot.gif) no-repeat 100% 100%; padding: 0 17px 0 0; font-size: 9px; }
.NotCount {background: url(/img/main/CountNot.gif) no-repeat 100% 100%; padding: 0 17px 0 0; font-size: 9px; }
.CommentCount {padding: 0 5px 0 17px; font-size: 10px; }
.ForumStat .CommentCount { margin-left: 10px; }
.PhotoCount{background: url(/img/main/CountPhoto.gif) no-repeat 0 50%;padding: 0 5px 0 23px; font-size: 9px;}

.MoreContent {background: url(/img/main/MoreContent.gif) no-repeat 0 0; height: 14px; padding: 6px 10px 2px 5px; width: 110px;  display: inline-block; text-align: left; font-size: 0.833em;}
.MoreContent:hover {text-decoration: none; background-position: 0 -22px;} 
.Ratings5 {background: url(/img/main/Stars.gif) no-repeat 0 0; float: right; text-indent: -623em; height: 12px; width: 76px;}
.Ratings4 {background: url(/img/main/Stars.gif) no-repeat -16px 0; float: right; text-indent: -623em; height: 12px; width: 76px;}
.Ratings3 {background: url(/img/main/Stars.gif) no-repeat -32px 0; float: right; text-indent: -623em; height: 12px; width: 76px;}
.Ratings2 {background: url(/img/main/Stars.gif) no-repeat -48px 0; float: right; text-indent: -623em; height: 12px; width: 76px;}
.Ratings1 {background: url(/img/main/Stars.gif) no-repeat -63px 0; float: right; text-indent: -623em; height: 12px; width: 76px;}
.Ratings0 {background: url(/img/main/Stars.gif) no-repeat -79px 0; float: right; text-indent: -623em; height: 12px; width: 76px;}
.RatingBig {background: url(/img/main/StarOn.gif) no-repeat 0 0; display: inline-block; width: 127px; height: 22px; margin: 5px;}
.RatingBig span {background: url(/img/main/StarOff.gif) no-repeat -127px 0; text-indent: -956em; display: inline-block; width: 127px; height: 22px; }
.RatingBig span.RatingBig45, .RatingBig span.RatingBig5 {background-position: -127px 0;}
.RatingBig span.RatingBig35, .RatingBig span.RatingBig4 {background-position: 104px 0;}
.RatingBig span.RatingBig25, .RatingBig span.RatingBig3 {background-position: 78px 0;}
.RatingBig span.RatingBig15, .RatingBig span.RatingBig2 {background-position: 52px 0;}
.RatingBig span.RatingBig05, .RatingBig span.RatingBig1 {background-position: 26px 0;}
.RatingBig span.RatingBig0 {background-position: 0px 0;}

#CommentLogin { font-size: 12px; padding: 10px; clear: both;}
#ReplyBox {padding-top: 10px;}
.IslandAd {float:right; margin: 10px 0 10px 0; }
.BannerAd {background: url(/img/main/BannerAdBG.jpg) repeat-x 0 0; text-align:center; }

#WarningInfo {background: url(/img/main/WarningBubMsg.gif) no-repeat 36px 100%; padding-bottom: 18px; }
#WarningInfo p{font-size:1.3em; line-height:1.5em}
#WarningInfo div {background: #e74000 url(/img/main/WarningMsg.gif) no-repeat 0 0; min-height: 64px; padding: 10px 20px 10px 32px }

.FormInfo {min-height:45px; background: #1d0204 url(/img/main/FormInfo.gif) no-repeat 0 0; width: 248px; padding: 20px 20px 10px 32px; color: #d99292; font-size: 11px; margin-top:5px;}
.FormInfo p {line-height:1.3em;}

/* form items */
.Item {clear: both; padding: 3px 0; }
.Item .ItemForm {float: right; width: 450px; padding-bottom: 15px;}
.Item label { font-size:12px; width: 135px; padding: 2px 15px 0 0; text-align: right; display: block; float: left; margin: 0;}
.Item label.Topper { float: none; text-align: left; font-weight: bold; width: auto; font-size: 15px; margin-bottom: 10px;  }
.Item .Big, .Liner, .Item textarea, .Item select {border: none; width: 290px; padding: 3px 5px; color: #fff; background: #333; font-size:12px; }
.Item .Block {height: 144px; background: #333 url(/img/main/BlockBG.gif) repeat-x 0 100%; }
textarea { font-family: Arial, Verdana, Sans-Serif; }
.Item .Brick {height: 50px; background: #333 url(/img/main/BlockBG.gif) repeat-x 0 100%; }
.Item .Reply {width: 290px; background: #333 url(/img/main/BlockBG.gif) repeat-x 0 100%; height: 120px; font-family: Arial, Sans-Serif; }
.Item .Big { width: 400px;}
.Item .sub {color: #999; font-size: 10px;}
.Item select {width: 300px;}
textarea.Block { width: 400px; height: 120px;}
.Item .BigBlock { width: 400px; height: 350px;}
.SurveyQuestion {padding: 0 5px 10px 5px;}
.SurveyTextBox, .SurveyTextArea {padding: 3px 5px; color: #fff; background: #636363; width: 500px; border: none;  font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Verdana, sans-serif; font-size:12px;}
.SurveyTextArea {height: 300px;}
.SurveyButton { width: 520px; text-align:right;}
.SearchTextBox {border: solid 3px #797979; background: #c0c0c0; width: 270px; height: 29px; margin-right: 5px; padding: 7px 5px 0 5px; font-size: 15px; color: #000; margin-top: 5px; margin-left: 107px; }
.SearchSubText {margin-left: 125px;}
fieldset {border: solid 1px #777; margin-bottom: 20px; font-size: 12px;}
.Button,.ButtonUpdate,.ButtonUpload,.ButtonAdd,.ButtonDelete { padding: 3px 5px; width: 125px; height: 30px; color: #fff; background: url(/img/main/ButtonBG.gif); border: none; text-align: left; font-weight: bold; cursor:pointer; }
.TextBottom {background: url(/img/main/TextMunchBG.gif) no-repeat 0 100%; padding-bottom: 41px;}
.AdminButton {border: none; cursor: pointer; border-bottom: solid 1px #5c5c5c; background-color: #333333; color: #fff; text-align: left; padding: 10px 0 10px 45px; width: 300px; background-repeat: no-repeat; background-position: 5px 50%;}
.AdminButton:hover {background-color: #7f7246;}
.ToolButton {border: none; border-bottom: solid 1px #cdcdcd; background-color: #e4e4e4; color: #5a5a5a; text-align: left; padding: 15px 0 15px 55px; width: 300px; background-repeat: no-repeat; background-position: 5px 50%;}
.ToolButton:hover {background-color: #fff;}
.AddStyle {background-image:  url(/img/main/create_new.gif); }
.FeatureStyle {background-image: url(/img/main/feature_this.gif);}
.EditStyle {background-image: url(/img/main/edit_this.gif);}
.DeleteStyle {background-image: url(/img/main/delete_this.gif);}
.AssociateStyle {background-image:url(/img/main/AssociateButton.gif);}
.SortStyle {background-image:url(/img/main/SortButton.gif);}
.PastStyle {background-image:url(/img/main/MoveButton.gif);}
.PresentStyle {background-image:url(/img/main/MoveButton.gif);}
.FutureStyle {background-image:url(/img/main/MoveButton.gif);}
.ApproveStyle {background-image:url(/img/main/ApproveButton.gif);}
.MoveStyle {background-image:url(/img/main/MoveButton.gif);}
.LockStyle {background-image:url(/img/main/LockButton.gif);}
.AddFriend {background:url(/img/main/ButtonAddFriend.gif) no-repeat 0 0; width: 88px; height: 20px; border:none; padding:0;outline: none;cursor: pointer; text-indent: 1123em; float: left;}
.RemoveFriend {background:url(/img/main/ButtonRemoveFriend.gif) no-repeat 0 0; width: 111px; height: 20px; border:none; padding:0;outline: none;cursor: pointer; text-indent: 1123em; float: left;}
.ButtonRegister{background:transparent url(/img/main/ButtonRegister.gif) no-repeat 0 0; width: 125px; height: 30px; border:none; padding:0;outline: none;cursor: pointer;}
.ButtonLogin{background:transparent url(/img/main/ButtonLogin.gif) no-repeat 0 0; width: 125px; height: 30px; padding:0; border:none;outline: none;cursor: pointer;}
.ButtonSignup{background:transparent url(/img/main/ButtonSignup.gif) no-repeat 0 0; width: 125px; height: 30px; padding:0; border:none;outline: none;cursor: pointer;}
.ButtonSearch{background: url(/img/main/SearchBoxButton.gif); float: right; width: 86px; height: 74px; border: none; text-indent: -987em; margin-right: 70px; cursor:pointer; }
.ButtonNowTime{ color: #ffffff; width: 125px; height: 15px; border: none; text-align: left; cursor:pointer; background: none; font-size:smaller; }

/* ------- new css above ----------- */

#TagSuggest { font-size: 11px; color: #999; width: 400px; padding-top:5px; padding-bottom:5px; padding-right:5px; line-height: 14px;}
#TagSuggest a {  padding: 1px; color: #fff; cursor: pointer; text-decoration:none;}
#TagSuggest a:hover { text-decoration: underline;}
#TagSuggest a.selected { background: #777; }

#TagBox { padding: 10px 0; text-align:justify; }
#TagBox a { padding: 4px; line-height: 23px; text-decoration: none; font-weight: bold; }

.Size0, .Size1 { font-size: 0.833em; color: #ffffff; }
.Size2 { font-size: 0.916em; color: #ffffff; }
.Size3 { font-size: 1em; color: #99e9f9; }
.Size4 { font-size: 1.2em; color: #16c2e5; }
.Size5 { font-size: 1.4em; color: #16c2e5; }
.Size6 { font-size: 1.6em; color: #16c2e5; }
.Size7 { font-size: 1.8em; color: #16c2e5; }
.Size8 { font-size: 2em; color: #16c2e5; }

#TagList {margin: 10px 0; font-size:1em; line-height: 1.6em;}
#TagList span {padding: 0 5px 0 0;}
#TagList a {color:#aaa; text-decoration: none;}
#InfoMessage { color: #ffffff; font-weight:bold; min-height: 30px; margin-bottom: 1px; background:url(/img/main/InfoMessage_BG.gif) repeat-x; width:940px; margin-left:10px;}
#InfoMessage div {background:#f4f4f4; padding: 15px 10px 15px 50px; background:url(/img/main/InfoMessage_icon.gif) no-repeat 10px 50%;}
#ErrorMessage {color: #ffffff; font-weight:bold; min-height: 30px; margin-bottom: 1px; background:url(/img/main/ErrorMessage_BG.gif) repeat-x;}
#ErrorMessage div {background:#f4f4f4; padding: 15px 10px 15px 50px; background:url(/img/main/ErrorMessage_icon.gif) no-repeat 10px 40%;}

blockquote { background: transparent url(Images/"../img/main/bq.gif") no-repeat 0 1px; color: #aaa; padding:0; padding-left: 10px; margin: 0;  }

hr { border: none 0; border-top: 1px solid #989898; height: 1px; margin-bottom: 15px; clear: both; }
div.spacer { display:block; background:url(/img/main/RegoField_bg.gif) no-repeat 20px -1px; border:none; border-top:solid 1px #4c4c4c; height:9px; margin-top:10px;}

#paging {margin: 5px; text-align:right; clear:both;}
#paging .Statistics{ margin:5px; color:#999; font-size:90%;}
#paging a.page { padding: 2px 2.5px; color: #fff; background: #0B6173; border: solid 1px #0B6173; text-decoration: none; line-height: 1.2em; font-size:10px;}
#paging a.page:hover { border: solid 1px #ccc; }
#paging .pageCurrent { color: #fff; font-weight: bold; padding: 2px 5px;}
#paging .prev { background:url(/img/main/PagingPrev.gif) 0 0 no-repeat; padding-left:17px; padding-right:5px; text-decoration:none;}
#paging .next { background:url(/img/main/PagingNext.gif) no-repeat right; padding-left:5px; padding-right:17px; text-decoration:none;}
#paging .pgEmptyPrev { background:url(/img/main/PagingPrev_gray.gif) 0 0 no-repeat; padding-left:17px; padding-right:5px; text-decoration:none; color:#555;}
#paging .pgEmptyNext { background:url(/img/main/PagingNext_gray.gif) no-repeat right; padding-left:5px; padding-right:17px; text-decoration:none; color:#555;}

/* float hack */
hr.clearer {display: block; clear: both; margin: -0.66em 0; visibility: hidden;}
div.clearer {clear: both; line-height: 0; height: 0; font-size: 1px;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* Debug:
	border: solid 1px #ff0000;
*/

.li-answer{margin-left:24px; list-style:none;}
ul.candyList { margin: 0; padding: 0; list-style-type: none; float: left;}
ul.candyList li {margin: 0 3px 5px 0; float: left;}
.Melon { position: relative; padding: 0px; border: solid 1px #ccc; float: left; margin: 0 6px 7px 0; }
.Melon a {z-index: 1; display: block; }
.Melon img {border: none; }
.Melon .info {width: 80px; background: #fff; text-align:left; display: block; z-index: 10; height: 28px; position: absolute; margin: 0px; left: 0; bottom: 1px; padding: 2px 0 2px 2px; text-indent: 0; visibility: visible; font-size: 11px; color: #333; overflow: hidden; font-weight: bold; }
.clear{ clear:both;}

#RateStar { float:left;}
#RateStar img {float: left; cursor: pointer; padding-top: 3px; }
#rated { float:left; padding-left:5px;}

#showNavigation { list-style:none; }
#showNavigation li { float:left; font-size:16px;}
#showNavigation li a { width:100px;margin:6px 12px;}
#showNavigation li a:hover { background-color:#ff0000;}
.tip{ color:#ff0000; margin:0px 12px;}


#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; border:solid 1px #ccffff; }
#sortable li span { position: absolute; margin-left: -1.3em; }


#PullUp{ background:url(/img/main/MoreHero.png) no-repeat 0 0; cursor:pointer; text-indent:24px; width:70px;}
.pull{ text-align:center; height:20px;}
.pullUp{ background:url(/img/main/up.png) no-repeat; cursor:pointer; display:block; margin-left:300px;}
.PullDown{ background:url(/img/main/down.png) no-repeat; cursor:pointer; display:block;margin-left:300px; }

/* poll css */
#PollVotes{	margin:0;color: #fff; margin-top:10px; font-size:1.1em;}
#PollVotes .Sect{ display:inline; color:#666;}
#PollConclude{color: #666;font-weight: bold; display:none;}
#PollConclude strong{color: #000;}

#PollInfo{margin:0; padding:10px 5px; width:280px; float:left;font-size:1.1em;}
#sideBar #PollInfo { width: 290px; }
#PollInfo .Result{ float:right; width:150px; margin-top:5px;margin-bottom:8px;}
#PollInfo .Result img{ height:18px; float:left;}
#PollInfo .Result strong { color:#fff; display:block; float:right; margin-right:10px;}
#PollInfo .Choice{ float:left; width:130px; clear:left; margin-top:5px; margin-bottom:8px; font-size:1.1em;}

#PollInfo #HeadChoice{text-transform: uppercase;  font-size:110%; font-weight:bold; float:left; margin-bottom:10px;}
#PollInfo #HeadResult{text-transform: uppercase; font-size:110%; font-weight:bold; float:right; margin-bottom:10px;}

table#pollResults { width: 270px; }
table#pollResults td{padding:5px 5px 5px 0; vertical-align:middle;}
table#pollResults tr td img{height:20px;}

#PollVotes table {width:290px; margin-top:10px;}
#PollVotes table td {padding:5px 5px 5px 0;}
#PollVotes table td input {display:block; float:left; margin-left:0; margin-right:5px; padding:0; margin-top:0;}
#PollVotes table td label{padding-top:2px;}

#showList img {width:70px; height:50px;}

/** discussion styles **/

#main #Content .more-discussions .article-thumb-wrap {
    padding: 0px;
    margin-left: 8px;
}

#main #Content .more-discussions .article-content {
    width: 240px;
}

/** facebook-profile **/
#facebook-profile {
    width: 25px;
    height: 25px;
}


/*Competition page*/

#CompAssociationContainer{}
#CompAssociationContainer h1{margin-top:10px;}
#CompEntry #ProfileInfo {float:left;width:150px; font-size:14px;}
#CompEntry #ProfileInfo .ProfileDetails {font-size:14px;}
#CompEntry #UserEntry {padding-left:180px;}
.compSummaryContainer {padding:5px;}
.compSummaryContainer .competitionThumb {float:left; margin-right:10px;}
.galleryDetails{float:left; width:690px;}
.galleryDetails ul#galleryThumbs {float:left}
.galleryDetails ul#galleryThumbs li{float:left;}
.compThumbWrap{float:left;margin-bottom:10px;margin-left:10px;margin-right:10px;}
.assCompGalleryContainer, .assContFeatureContainer {min-height:54px; margin: 0; font-size: 10px; padding:10px 0; clear: both; }
.assCompGalleryContainer img.GalleryPinky {margin:5px 8px 0 0;}
ul.galleryThumbs li{float:left;}


/*Sond details*/
.songContainer {position:relative;clear:both;color:#FFFFFF;font-size:10px;margin:0;clear:both;font-size:10px;margin:0;min-height:54px;padding:10px 0 0 0;}

ul.songDetails {width:290px;}
ul.songDetails li.art {float:left;margin-right:10px;}
ul.songDetails li h2 a {font-size:13px;}

.songContainer .mp3Player{float:right; position:absolute; right:10px;top:7px;}
.mp3Player {position:inherit;}


/*Artits page*/

#MusicContainer .article-content {width:535px !important;}



/** ----------------------
    Music Search
-----------------------**/

#MusicSearch
{
    position:relative;
    height: 170px;
    padding-left: 15px;
    padding-top: 20px;
    background-color: #141414;
    background: #070707 url(../img/main/SearchBoxBG.gif) repeat-x scroll 0 100%;
    margin-bottom:20px;
}

#MusicSearch #searchRadioButton
{
    float: left;
    width: 20px;
    margin-right: 0px;
    padding-top: 20px;
}

#MusicSearch #searchByDate
{
    float: left;
    width: 200px;
    margin-right: 3px;
    padding-top: 2px;
}

#MusicSearch #searchByTime
{
    float: left;
    width: 200px;
    margin-right: 10px;
    padding-top: 2px;
}

#MusicSearch #searchRadioButton p, #MusicSearch #searchByDate p, #MusicSearch #searchByTime p { font-size:11px;font-weight:bold;margin-bottom:5px;}

#MusicSearch #searchAnyTime
{
    margin-right: 10px;
    padding-top: 10px;
}

#MusicSearch #MusicSearchTerm
{
    float: left;
    width: 200px;
    margin-right: 10px;
    padding-top: 2px;
    clear: left;
}

#MusicSearch #MusicSearchButton
{
    float: left;
    width: 100px;
    padding-top: 10px;
}

#MusicSearch .MusicSearchDateSearch
{
    background: #535353;
    color: #fff;
    display: block;
    width: 180px;
    border: none;
    padding: 5px;
}

#MusicSearch .MusicSearchTimeSearch
{
    background: #535353;
    color: #fff;
    display: block;
    width: 170px;
    border: none;
    padding: 4px;
}

#MusicSearch .MusicSearchTermSearch
{
    background: #535353;
    color: #fff;
    display: block;
    width: 180px;
    border: none;
    padding: 4px;
}

#MusicSearch .SearchButton
{
    background: url(img/main/MusicSearchButtonBG.gif);
    width: 125px;
    height: 30px;
    border: none;
    text-align: left;
    font-weight: bold;
}

#MusicSearchDisplayTime
{
    font-size: 18px;
    height: 50px;
}

#MusicSearchDisplayTime input
{
    float: left;
}

#MusicSearchDisplayTime span
{
    display: block;
    float: left;
    padding: 3px 10px 0 10px;
}

#MusicSearch #SearchBox
{
    clear:both;
    padding:0;
    background:none;
}

#MusicSearch #SearchBox input
{
    float:left;   
   }

#MusicSearch #SearchBox input.SearchTextBox
{
     margin:19px 0 0 0;   
}

#MusicSearch #SearchBox input.ButtonSearch
{
      padding:0;
      margin: 14px 0 0 0;  
}

.SearchTextBox
{
    margin-left: 0px;
    margin-top: 20px;
}

.ButtonSearch
{
    margin-right: 20px;
    margin-top: 15px;
}

#HeadingSearchMusic
{
    background: url(../img/main/HeaderSearchMusic.jpg) no-repeat 0 100%;
    padding: 10px 5px 15px 70px;
}

#MusicSearchInfoBox
{
    background:transparent url(../img/main/MusicSearchInfoBox.png) no-repeat scroll 0 100%;
    height:75px;
    margin-left:395px;
    padding:9px 5px 5px 35px;
    position:absolute;
    right:15px;
    top:37px;
    width:157px;
}searchByDate

#MusicSearchTime
{
    
}

#timeSearch
{
   background-image: url(img/main/clock.png);
   background-repeat: no-repeat;
   padding-top: 5px;
   margin-top: 5px; 
   margin-left: 10px; 
   padding-left: 30px; 
   height: 20px;
}

#MusicSearchTimeStep
{
    background:transparent url(../img/main/MusicSearchTimeStep.png) no-repeat scroll 0 100%;
    height:81px;
    position:absolute;
    right:12px;
    top:0;
    width:288px;
}

#timeMachine {margin-top:10px;padding-left:6px;}
#timeMachine ul li {float:left; color:#919191;font-size:12px;margin-right:5px;}
#timeMachine ul li.details{margin-top:-3px}
#timeMachine ul li span.info{font-size:15px;font-weight:bold; line-height:17px;}

.musicSearchResult
{
    clear:both;
    min-height:52px; 
    background: #141414 url(../img/main/ItemContainerBG.gif) repeat-x 0 0; 
    margin: 0; 
    color: #fff; 
    font-size: 10px; 
    padding:15px 10px 15px 15px; 
    border-top:1px solid #333;
}

#SongResultsContainer{}

#SongResultsContainer ul#head
{
    float:left;
    padding-bottom:10px;
    padding-top:10px;
}

#SongResultsContainer ul#head li
{
    float:left;
    font-size:14px;
    margin-left:13px;
    margin-right:28px;
}
.musicSearchResult {position:relative;}
.musicSearchResult ul.songDetails{width:290px;}
.musicSearchResult ul.songDetails li.art {float:left; margin-right:15px;}
.musicSearchResult ul.songDetails li.art a{border:1px solid #fff; display:block;}
.musicSearchResult ul.songDetails li.title, ul.songDetails li.artist {margin-bottom:5px; }
.musicSearchResult ul.songDetails li.title {font-size:13px;font-weight:bold;max-height:12px;overflow:hidden;padding-bottom:2px;padding-top:11px;width:220px;}
.musicSearchResult ul.songDetails li.artist{font-size:11px;}
.musicSearchResult .mp3Player {position:absolute; right:12px; top:22px;}

/** ----------------------
    Contact Us box
-----------------------**/
#contactUs{clear:both; margin-bottom:10px;}
ul#contactDetails span.separator{display:inline-block; width:43px;}
ul#contactDetails li{line-height:30px; padding-left:20px;}
ul#contactDetails li.contactPhone{border-left:1px solid #000000; border-right:1px solid #000000;}

/** ----------------------
    Get flash
-----------------------**/

a#getFlash{position:absolute; top:1px; right:0;}

#downloadNowPlaying  {margin-bottom:10px;}

.eventsGroup .ItemContainer p {font-size:1.1em;line-height:1.3em;margin-right:3px;margin-top:3px;max-height:15px;overflow:hidden;}

.dtstart, .dtend {visibility:hidden;display:none;}