/* AUDITION CSS Document */

body {
    background-color: black;
    margin:0;
    padding: 0;}

#main {
    font: normal 11px Verdana;
    margin:0;
    padding: 0;
    text-align:left;
    width: 1024px;}

/* ===== HEADER ===== */

.header {
    background:url(images/bg/bgIndex_header.jpg) no-repeat;
    height: 176px;
    width: 1024px;}

.navMenu {
    font-size: 10px;
    font-weight: bold;
    height: 25px;
    margin-left: 75px;
    margin-top: 20px;
    text-align:left;
}

.navMenu a{
    color: #000;
    text-decoration: none;}

.navMenuBg {
    background:url(images/bg/navBg.png) repeat-x;
    float:left;
    height: 22px;
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 10px;
    }

.navBgLeft {
    background:url(images/bg/navBg-left.png) no-repeat;
    float:left;
    height: 25px;
    width: 12px;}

.navBgRight {
    background:url(images/bg/navBg-right.png) no-repeat;
    float:left;
    height: 25px;
    width: 16px;}


.navLink {
    color: #fff;
    font-size: #11px;
    margin-left: 85px;}

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

.textBox {
    font: normal 11px Verdana;
    padding: 1px;
    vertical-align: middle;}

/* ============================== INDEX ================================ */

/* ===== INDEX MAIN ===== */


.indexTop {
    background:url(images/bg/Index_top.jpg) no-repeat;
    height: 342px;
    width: 1024px;}

/* LEFT */

.top {
    background-color: #00071f;}

.indexLeft {
    float:left;
    width: 820px;}

.indexLeftTop {
    background:url(images/bg/IndexLeft-top.jpg) no-repeat;
    background-color: #00071f;
    float:left;
    height: auto;
    margin-bottom: 10px;
    width: 820px;}

*html .indexLeftTop {
    height: 513px;}
    
.indexLeftBottom {
    background:url(images/bg/Index_05.jpg) no-repeat;
    height: 760px;
    width: 1024px;}    

*html .indexLeft, *html .topTenList {
    padding-left: -30px;
    
    }
*html .topTenList {
    padding-left: -30px;    
    width: 167px;}
    
*html .serverStat,    {
    width: 140px;
    }

*html .topTen{
    margin-left: 10px;}
    
.topten_bg_top {
	background: url(images/bg/topTen-top.png) no-repeat;
	width: 204px;
	height: 83px;
}

.serverStat {
    background:url(images/bg/serverStat.png) no-repeat;
    float:left;
    height: 45px;
    margin-left: 68px;
    margin-top: 230px; 
    padding-top: 55px;
    padding-left: 35px; 
    width: 158px;}

*html .serverStat {
    margin-left: 38px;
 }

.indexRight1 {
    float:left;
    margin-left: 20px;}    

.topTen {
    font-size: 10px;
    float:left;
    margin-left: 33px;
    margin-top: -10px;
    }    
    
.topTenList {
    background:url(images/bg/topTen-bg.png) repeat-y;
    padding-left: 37px;
    width: 164px;
    }    

*html .topTenList {
    margin-top: -2px;}

.leftAds {
    color: #fff;
    font: normal 9px Verdana;  
    float: left;
    margin-right: 15px;
    margin-left: 50px;
    margin-top: 10px;
    text-align:right;
    height: 500px; 
    width: 180px;
    }    

*html .leftAds {
    margin-left: 20px;}

.leftAds img{
    padding-bottom: 10px;}


.leftAdsAbsolute {
	position: absolute;
	margin: 10px 0 0 18px;
}

    
/* RIGHT */



.rightPart {
    background: #00071f url(images/bg/right1.jpg) no-repeat;
    float: right;
    height: 513px;
    width: 204px;}

/* IndexRight2 */

/*
.indexRight2 {
    float: left;
    width: 584px;}

*/

.iR2-upperLeft {
    float:left;
    margin-left: 10px;
    width: 286px;
    }



.featuredVideo {
    background:url(images/bg/FeaturedVidBg.png) no-repeat;
    font-size: 10px;
    height: 236px;
    padding: 60px 0 10px 10px;
    width: 286px;
    }

.latestVideo {
    color: #fff;
    font-size: 11px;
    }

.latestVideoBg {
    background:url(images/bg/latestVidBg.png) repeat-y;
    padding-top: 5px;
    width: 285px;
    }

*html .latestVideoBg, *html .latestVideoList {
    width: 100px;
    margin-left: -2px;
    margin-top: -4px;}    

    
.latestvideo_top
{
	background: url(images/bg/latestVid-top.png) no-repeat;
	width: 287px;
	height: 57px
}

.latestVideoList {
    width: 265px;
    }

.latestVideoList table{
    width: 265px;
    }

.iR2-upperRight {
    float:left;
    margin-left: 13px;
}

.egamesBillboard {
    margin-bottom: 10px;
   }

.musicPlaylist {
    background:url(images/bg/jukeBox.gif) repeat-y;
    padding-left: 6px;
    padding-top: 5px; /* temporary */
    width: 246px;
    height: 275px;
    padding-left: 15px;
    }

.iR2-lower {
    float:left;}

.exceptionalAudista {
    background:url(images/bg/exceptionalBg.png) no-repeat;
    height: 115px; /* 157px */
    padding: 42px 10px 0px 70px;
    width: 466px; /* 546 */
        }

.crushNgBayan {
    float:left;
    margin-top: 10px;
    width: 264px;}

.crushContent {
    background-color: #ffd3f1;
    padding-left: 10px;
    width: 254px;
    }

.cluboftheMonth {
    float:left;
    margin-top: 20px;}

.clubContent {
    background-color: #b3b3b3;
    padding-left: 10px;
    margin-left: 20px;
    width: 254px;
    }

/* for sale */

.forSale {
    font: bold 15px Arial, Sans-Serif;
    margin-top: 10px;}

.forSaleLeft {
    background:url(images/bg/forSaleLeft.png) no-repeat;
    float:left;
    height: 228px;
    width: 17px;}

.forSaleRight {
    background:url(images/bg/forSaleRight.png) no-repeat;
    float:left;
    height: 228px;
    width: 16px;}

.forSaleMain {
    background:url(images/bg/forSaleBg.png) repeat-x;
    float:left;
    height: 228px;
    padding-top: 10px;
}

*html .forSaleMain {
    height: 218px;}
/*
.auditionUkay {
    background:url(images/bg/ukayBg.gif) repeat-x;
    height: 79px;
    width: 520px;
}
*/
.auditionUkayContent img:hover, .latestCollection img:hover{
    border: 2px solid #000;}

.latestCollection {
    background:url(images/bg/latestCollectionBg.gif) repeat-x;
    height: 79px;
}

*html .latestCollection {
    width: 500px;}

/* IndexRight3 */

.indexRight3 {
    position: absolute;
    height: auto;
    margin-bottom: 15px;
}

*html .indexRight3 {
    height: auto;
    }

.indexRight3 img {
    margin-bottom: 10px;}    

/* ============================== ABOUT AUDITION ================================ */

.aboutMain {
    background-color: #010924;
    }


.aboutUpperLeft {
    background:url(images/bg/AboutBg_upperLeft.jpg) no-repeat;
    background-color: #010924;
    color: #fff;
    font: bold 29px Arial;
    float:left;
    height: 304px;
    height: auto; 
    padding-left: 65px;
    width: 757px;
}

*html .aboutUpperLeft {
    padding-left: 55px;
    width: 767px;
    }

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

.aboutRight {
    background: #010924 url(images/bg/AboutBg_right.jpg) no-repeat;
    float: left;
    height: 350px;
    width: 202px;
}

.history {
    float:left;
    margin: 10px 0 5px 0;
    width: 460px;}

*html .history {
    margin-bottom: -5px;}    

.historyContent {
    background:url(images/bg/historyBg.png) repeat-y;
    color: #000;
    font: normal 11px Verdana;
    padding: 3px 18px 5px 17px;
    width: 455px;
    }
*html .historyContent {
    margin-top: -14px;
    }

*html .pngBottom {
    margin-top: -30px;    }

/* read more */

.readMore {
    float:right;
    margin-right: 15px;
    margin-top: 10px;
}

.readMore a{
    color: #000;
    font-weight: bold;
    text-decoration: none;
    }

/* Lower Left */

.lowerLeft {
    float:left;
    width: 460px;
    }

.introduction, .newFeatures {
    margin-bottom: 10px;}

*html .introduction, *html .newFeatures {    
    margin-bottom: -5px;}

*html .introductionContent, *html .newFeaturesContent {
    margin-top: -7px;
    }

*html .introContent {
    margin-top: -11px;}    

.introContent, .newFeaturesContent {
    background:url(images/bg/introBg.png) repeat-y;
    color: #000;
    font: normal 11px Verdana;
    padding: 3px 18px 5px 17px;
    width: 455px;
    }
    
*html .clubMonthContent {
    margin-top: -11px;}    

.clubMonthContent {
    background:url(images/bg/cluboftheMonth.png) repeat-y;
    color: #000;
    font: normal 11px Verdana;
    padding: 3px 15px 5px 17px;
    width: 459px;
}

/* lowerleft2 */

.lowerLeft2 {
    float:left;
     margin-left: 35px; }

*html .lowerLeft2 {
    margin-left: 5px;}

/* get installer */

.getInstallerContent {
    background:url(images/bg/getInstaller.png) repeat-y;
    color: #000;
    font: normal 11px Verdana;
    padding: 0px 13px 5px 17px;
    width: 229px;}

.buyEpointsContent{
    background:url(images/bg/buyEpoints.png) repeat-y;
    color: #000;
    font: normal 11px Verdana;
    padding: 0px 13px 5px 17px;
    width: 229px;}

*html .buyEpointsContent, *html .getInstallerContent {
    margin-top: -14px;}
/* ============================== ARCHIVE / ARTICLE ================================ */

.artcileSearchContent {
    background:url(images/bg/articleBg.png) repeat-y;
    color: #000;
    font: normal 11px Verdana;
    padding: 0px 10px 5px 15px;
    width: 234px;
    }

*html .artcileSearchContent {
    margin-top: -15px;
 }
    
.articleSearchcontent a, .articleSearchcontent a:hover {
	color: #000;
	text-decoration: none;
}

/* ===== Content Boxes ==== */
.content_box_top{
	background: url(images/bg/articleBg-top.png) no-repeat; 
	height:19px;	
	width: 259px; 
}
.content_box_bottom {
	background: url(images/bg/articleBg-btm.png) no-repeat; 
	width:259px;
	height: 28px;	
}
.content_box_long_top {
	background: url(images/bg/introBg-top.png) no-repeat;
	width: 491px;
	height: 23px;
}
.content_box_long_bottom {
	background: url(images/bg/introBg-btm.png) no-repeat;
	width: 491px;
	height: 26px;
}
.content_box_super_long_top {
	background: url(images/bg/clearanceBg-top.png) no-repeat;
	width: 751px;
	height: 26px;
}

.content_box_super_long_bottom {
	background: url(images/bg/clearanceBg-btm.png) no-repeat;
	width: 751px;
	height: 26px;
}


/* Yellow */
.content_yellow_box_top {
	background: url(images/bg/featuredBand-top.png) no-repeat;
	height:19px;
	width: 312px;
	
}
.content_yellow_box_bottom {
	background: url(images/bg/featuredBand-btm.png) no-repeat;
	height:28px;
	width: 312px;
}
.content_yellow_box_long_top {
	background: url(images/bg/historyBg-top.png) no-repeat;
	height: 20px;
	width: 490px;
	
}
.content_yellow_box_long_bottom {
	background: url(images/bg/historyBg-btm.png) no-repeat;
	height:25px;
	width: 490px;
}

.content_blue_bottom
{
	background: url(images/bg/jukeboxTopten-btm.png) no-repeat;
	width:198px;
	height: 29px;
}
.content_pink_box_top {
	background: url(images/bg/getInstaller-top.png) no-repeat;
	width: 259px;
	height: 20px;
}
.content_pink_box_bottom {
	background: url(images/bg/getInstaller-btm.png) no-repeat;
	width: 259px;
	height: 26px;
}
.content_flesh_box_top {
	background: url(images/bg/buyEpoints-top.png) no-repeat;
	width: 259px;
	height: 23px;

}
.content_flesh_box_bottom {
	background: url(images/bg/buyEpoints-btm.png) no-repeat;
	width: 259px;
	height: 27px;
}
.content_crush_ng_bayan {
	background: url(images/bg/cnbtop.png) no-repeat;
	width: 259px;
	height:75px;
}
.content_club_of_the_month {
	background: url(images/bg/cluboftheMonth-top.png) no-repeat;
	width: 490px;
	height:48px;
}
.content_club_of_the_month_bottom {
	background: url(images/bg/cluboftheMonth-btm.png) no-repeat;
	width: 490px;
	height:29px;
}


/* ============================== JUKEBOX PAGE ================================ */

.JukeboxMain {
    margin-left: -15px;
    width: 529px;}

*html .JukeboxMain{
    margin-right: 0;
    width: 515px;}

.jukeboxTopten {
    float:left;}

.jukeboxToptenContent {
    background:url(images/bg/jukeboxTopten.png) repeat-y;
    color: #000;
    font: bold 9px Verdana;
    padding-left: 23px;
    width: 175px; /*198 */
    }

*html .jukeboxToptenContent, *html .featuredBandContent {
    margin-top: -15px;}

.jukeboxToptenContent div{
    padding: 0px;
    margin:0px;
    padding-bottom: 3px;}

.featuredBand {
    float:left;}

.featuredBandContent {
    background:url(images/bg/featuredBand.png) repeat-y;
    color: #000;
    font: normal 11px Verdana;
    padding-left: 12px;
    width: 300px; /*312 */}

.pagination {
        margin-top: 20px;
        text-align:center;
        }

.pagination a{
    color: #000;
    text-decoration: none;
    }

/* ==========================CATALOGUE PAGE =========================== */

.catalogueMain {
   
    margin-top: 20px;}

.clearanceContent {
    background:url(images/bg/clearanceBg.png) repeat-y;
    color: #000;
    font: normal 11px Verdana;
    padding: 0 0 20px 20px;
    width: 741px; }

*html .clearanceContent {
    margin-top: -8px;
    padding-left: 3;
    width: 731px;}

*html .catalogueMain {
    margin-top: -180px;}    

.clearanceOption {
    font-size: 12px;
    margin-left: 30px;
    margin-top: 15px;}
    
.clearanceOption a, .clearanceOption img {
    border: none;
    color: #fff;
    text-decoration: none;}

.clearanceChoices {
    background-color: #fff;
    border: 1px solid #c0c0c0;
    margin-left: 30px;
    margin-top: 10px;
    padding: 5px;
    width: 627px;}    

.clearanceChoices div{
    margin-top: 10px;
    }    
    
.clearanceChoices a, .clearanceChoices a:visited, .clearanceChoices img{
    border: none;
    }    

/* popup selectedItem */


.selectedItemContent {
    background:url(images/bg/selectedBg.png) repeat-y;
    color: #000;
    font: normal 12px Verdana;
    text-align:center;
    }

*html .selectedItemContent {
    margin-top: -4px;
    }

.closebutton {
    float:right;
    margin-right: 40px;
    margin-bottom: 10px;}

*html .closebutton{
    margin-right: 15px;}
    
/* ============================== FOOTER ================================ */

.footerx {
    background:url(images/bg/bgIndex_footer.jpg) no-repeat;
    height: 147px;
    width: 1024px;}

.footer2{
    background:url(images/bg/AboutBg_footer.jpg) no-repeat;
    height: 298px;
    padding-top: 120px;
    width: 1024px;
    }
.indexRight1 {
    height: 297px;
    width: 684px;
}

.clicker {cursor: pointer}

.ad
{
	padding-bottom: 10px;
}

/* ============================== FLASH ================================ */
.flash_nav {
	height: 39px;
	width: 684px;	
}
.flash_main
{
	background: url(images/flash/flash_bg_main_pane.png) no-repeat;
	height: 288px;
	width: 684px;
}

.flash_news_on
{
	background: url(images/flash/news_updates_on.png) no-repeat;
	border: none;
	cursor: pointer;
	height: 39px;
	float: left;
	width: 124px;
}
.flash_news_off
{
	background: url(images/flash/news_updates_off.png) no-repeat;
	border: none;
	cursor: pointer;
	height: 39px;
	float: left;
	width: 124px;
}

.flash_ingames_on
{
	background: url(images/flash/ingames_on.png) no-repeat;
	border: none;
	cursor: pointer;
	height: 39px;
	float: left;
	width: 233px;
}
.flash_ingames_off
{
	background: url(images/flash/ingames_off.png) no-repeat;
	border: none;
	cursor: pointer;
	height: 39px;
	float: left;
	width: 233px;
}
.flash_bg_upper
{
	background: url(images/flash/flash_bg_upper.png) no-repeat;
	float: left;
	height: 39px;
	width: 327px;
}
/* ============================== Bread Crumbs ================================ */
.breadcrumbs, .breadcrumbs a
{
	font: normal 11px Verdana;
	color: #FFF;
	text-decoration: none;
    height: 20px;
}
.breadcrumbs a:hover
{
	color: #CCC;
}


/* ============================== MISC ================================ */
h1{
	font: bold 13px Verdana;
	margin: 0 0 5px 0;
}
h2
{
	font: normal 18px Verdana;
	margin: 0 0 5px 0;
}
.black, .black a, .black a:hover
{
	color: #000;
}

.white, .white a, .white a:hover
{
	color: #FFF;
}
.clear {
	clear: both;
	height: 0;
}
img .no-border {
	border: none;
}
img {
	border: none;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
	background-color: #010924;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* ADDITIONAL PART2 */

.musicOption {
    font-size: 11px;
    margin-left: 10px;
    margin-top: 10px;}
    
.musicOption a, .musicOption img {
    border: none;
    color: #fff;
    text-decoration: none;
    vertical-align:middle;}

.playList {
    margin-left: -5px;
    margin-top: 15px;}

.playListContent {
    background:url(images/bg/playList-main.png) repeat-y;
    font-size: 10px;
    width: 461px;}

*html .playListContent {
    margin-top: -5px;}    

.playListWhite {
    background-color: #fff;
    }

.playListGray {
    background-color: #e8e8e8;}    

.playListTable td{
    padding-left: 20px;
    padding-right: 20px;}