@charset "ISO-8859-1";
body{
/*	background-image: url(../assets/images/backgrounds/music_notes_a2.jpg); */
/*	background-color: #FFF; */
	background-attachment:scroll;
	background-position:top center;
	background-repeat: repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}


div, p, img {
	margin: 0px;
	padding: 0px;
}

/* #tcPopupContents_div p {
	margin: 1em 0px;
} */

a img {
	border: none;
}

/* basic formatting */
/*body {font:76% normal verdana,tahoma,arial,"sans serif"; margin: 0px; padding: 0px;)}
h1 {font:2.5em georgia,"times new roman",helvetica,verdana,"sans serif";}
p {line-height:1.6em;}*/

table.collapseAndCenter {
/*	border-collapse: collapse; */
	background-color: transparent;
/*	border-collapse: separate;
	border-spacing: 5px; */
	margin: auto;
}

td.box1 {
	background-color: #304F7F;
	color: #E6E6E6;
	border-width: 1px;
	padding: 0px 10px;
	border-style: solid;
	border-color: #000;
	cursor: pointer;
}

/*#loading_div {
	position: absolute;
	z-index: 30;
	left: -200px;
	top: 200px;
	width: 400px;
	height: 220px;
	padding: 25px;
	color: #444;
	background-color: #FFF;
	border: solid 2px #ca003f;
	font-size: 2em;
	margin-left: 50%;
	display: block;
/*	visibility: visible; */
/*}*/

#loading_div {
	position: absolute;
	z-index: 600;
	left: -200px;
	top: 300px;
	width: 400px;
	height: 100px;
	padding: 25px;
	color: #444;
	font-size: 2em;
	margin-left: 50%;
	text-align: center;
	display: none;
}

#landing_div {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1000px;
	height: 600px;
	text-align: center;
	background-image: url(../assets/images/backgrounds/CL-Cityscape-opacity30.gif);
	background-attachment:scroll;
	background-position: bottom center;
	background-repeat: no-repeat;
	display: none;
}

#landingContents_div {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

#landingRules_div {
	width: 730px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: .9em;
}

#landingLinks_div {
	font-size: .9em;
}

#landingClick_span {
	text-decoration: underline;
	cursor: pointer;
}

.landingSlogan {
	font-size: 1.3em;
	color: #CFD8E8; /* #004B8D; #999; */
}

#container_div {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 980px;
	height: 640px;
/*	background-color: #FFF; */
	visibility: hidden;  /* Don't display it until it's ready */
}

/*#bigBanner_div {
	position: absolute;
	z-index: 0;
} */

#bigLogo_div {
	position: absolute;
	left: 30px;
	top: 18px;
	width: 160px; /*126px;*/
	height: 209px; /*161px;*/
	z-index: 2;
}

#cityscape_div {
	position: absolute;
	width: 479px;
	height: 98px;
	background-image: url(../assets/images/backgrounds/cityscape_a1.gif);
	background-attachment:scroll;
	background-position:top left;
	background-repeat: repeat;
	z-index: 1;
}

#slogan_div {
	position: absolute;
	left: 230px;
	top: 25px;
	width: 250px;
	height: 120px;
}

#sloganDiv1_div, #sloganDiv2_div {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}

.sloganText {
	color: #EEE; /* #6C3596; */
	font-size: 1.7em;
	font-weight: normal;
	text-align: center;
}

.sloganText2 {
	color: #DDD; /* #6C3596; fa306f;*/
	font-size: .9em;
	font-weight: normal;
	text-align: center;
}

#languageBar_div {
	position: absolute;
	left: 230px;
	top: 160px;
	width: 740px;
	height: 25px;
	font-size: .7em;
	color: #E6E6E6; /* #959595; */
}

/*.cityId_div {
	display: none;
	background-color: #F00;
}

.cityName_div {
	display: inline;
	padding: 1px 12px;
	border: solid 1px #999;
	background-color: #F00;
}
*/

.select1 {
	background-color: #FFF;
	color: #777;
	font-size: .9em;
	border: none;
}

#headline {
	font-size: 1.2em;
	font-weight: bold;
	color: #6C3596;
}

.btn {
	cursor: pointer;
}

.btnIcon {
	background-position: center;
	background-repeat: no-repeat;
/*
	position: relative;
	left: 0px;
	top: 0px;
	width: 20px;
	height: 20px;
	margin: 0px;
	padding: 0px;   */
}

#write_btn_icon, #video_btn_icon {
	background-image: url(../assets/images/buttons/black_button_35x27.gif);
}

#slFilterNotice_td {
	color: #C90700;
	font-size: .7em;
}

#search_btn {
	width: 103px;
	height: 19px;
	font-size: .6em;
	background-image: url(../assets/images/buttons/srch_clsd_off_103x19.gif);
}

#slSortBy_sel {
	background-color: #304F7F; // #6781AA;
	color: #E6E6E6; // #F0F0F0;
	font-size: .9em;
	border: solid 1px #000;
}

#searchReset_btn {
	text-align: center;
	width: 49px;
	height: 15px;
	position: relative;
/*	left: -5px;*/
	background-image: url(../assets/images/buttons/grey_button_bg_49x15.gif);
}

#searchGo_btn {
	text-align: center;
	width: 49px;
	height: 15px;
	position: relative;
	background-image: url(../assets/images/buttons/red_button_bg_49x15.gif);
}

#facebook_btn_icon, #myspace_btn_icon, #twitter_btn_icon, #link_btn_icon {
	width: 20px;
	height: 20px;
}

#link_btn_text {
	font-size: .7em;
}

#songLink_p {
	color: #636363;
	font-size: 1em;
}

#playerVote_btn_icon {
	width: 40px;
	height: 40px;
}

#playerVote_btn_text {
	font-size: .7em;
}

#leftButtons_div {
	position: absolute;
	left: 20px;
	top: 212px;
	width: 190px;
	height: 200px;
/*	background-color: #DDD; */
}

#leftButtonsBanner_div, #slBanner_div, #playerBanner_div {
	width: 100%;
	height: 28px;
}

#leftButtonsContents_div {
	position: absolute;
	margin-left: 10px;
	overflow: auto;
/*	border: solid 1px #333; */
}

/*.bigButtonGrey_div { */
/*	margin-top: 10px; */
/*	width: 160px;
	height: 90px;
	position: relative;
	left: 0px;
	background-image: url(../assets/images/buttons/button_purple_round_160x90.gif);
	color: #C8C8C8;
} */

.leftButton {
/*	margin-top: 10px; */
	width: 160px;
/*	height: 90px; */
	position: relative;
	left: 0px;
/*	border: solid 1px #00F; */
/*	background-image: url(../assets/images/buttons/button_purple_round_160x90.gif);
	color: #C8C8C8; */
}

#write_btn_text, #video_btn_text {
	padding-left: 10px;
	font-size: 1em;
}

#writeLinks_div, #videoLinks_div {
	font-size: .7em;
	line-height: .9em;
/*	border: solid 1px #0F0; */
/*	position: relative;
	left: 20px; */
}

/* #writeLinks_div a, #videoLinks_div a {
	color: #444;
	text-decoration: none;
}

#writeLinks_div a:hover, #videoLinks_div a:hover {
	color: #777;
	text-decoration: none;
} */

#sl_div {
	position: absolute;
	left: 230px;
	top: 200px;
	width: 476px;
	height: 450px;
	overflow: visible;
}

.bannerText1 {
	font-size: 1em;
	color: #444;
}

.bannerText2 {
	font-size: .8em;
	color: #444;
}

.bannerText3 {
	font-size: .7em;
	color: #444;
}

#slSearch_div {
	position: relative;
	left: 1px;
	width: 474px;
	height: 85px;
	background-image: url(../assets/images/backgrounds/search_bg-1400x85_a1.jpg);
	background-attachment: scroll;
	background-position: top left;
}

#search_tbl td {
	white-space: nowrap;
	height: 18px;
}

#search_tbl td select {
	font-size: .9em;
}

#slSearch_div input {
	width: 100%;
	height: 10px;
	padding: 0px;
	margin: 0px;
	font-size: .8em;
}

.searchFieldName {
/*	color: #616161;
	text-align: right;
	font-size: .7em;
	padding: 0px 6px 0px 0px; */
}

#search_tbl {
	color: #616161;
	font-size: .7em;
}

.searchFieldData {
	color: #616161;
	font-size: .7em;
}

#eftButtonsColumnHeaders, #slColumnHeaders, #playerColumnHeaders {
	width: 100%;
	height: 19px;
	color: #777; /*#AFAFAF;*/
	font-size: .7em;
}

#slScroll_div {
	position: absolute;
	overflow: auto;
	height: 100%;
	width: 100%;
}

/* #slContents_div {
	position: absolute;
	overflow: visible;
	height: 100%;
	width: 100%;
} */

/* #slSongs_div {
	position: absolute;
	overflow: auto;
	height: 100%;
	width: 100%;
} */

#slContents_div td {
/*	height: 1.2em;; */
}

.slSong {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EEE;

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEE;
}

.slSongOdd {
	background-color: #FFF;
}

.slSongEven {
	background-color: #EEE; /* #E3EEFA; #F1F5FA; */
}

.slSongHover {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #444;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #444;
}

.slSongSelected {
	background-color: #D2D7E9; /*#A1DEF1;  #FFF3D3; */

	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #444;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #444;

}

.slSongSummary {
/*	background-color: #E8E8FF;
	color: #444;
*/	background-color: transparent;
	width: 100%;
	padding: 3px 0px;
	
/*	height: 45px; */
}

.slSongDetails {
	background-color: transparent;
	overflow: auto;
}

.slLeftPad		{width: 3px; height: 15px; font-size: .1em;}
.slArrow        {width: 15px; font-size: .1em;}
.slTitle        {font-size: .7em; color: #444;}
.slDemoIcon     {width: 25px;}
.slDemoIcon_div {width: 15px; position: relative; top: 3px;}
.slArtist       {font-size: .7em; color: #444;}
.slComposer		{font-size: .7em; color: #808080;}
/* .slDownloadIcon, .slNoDownloadIcon {width: 17px; font-size: .7em;} */
.slMediaIcon    {width: 15px; font-size: .1em;}
.slMediaName    {height: 15px; font-size: .7em; color: #444;} /*#808080;} */
.slDownload		{width: 60px; font-size: .6em;}
/* .slVoteIcon     {width: 20px; font-size: .1em;}
.slPopularity   {width: 10px; font-size: .7em;} */

.slCity         {font-size: .6em; color: #808080;}
.slBlank        {width: 15px; font-size: .1em;}
.slStyle        {font-size: .6em; color: #808080;}

.slDetail {
 white-space: nowrap;
/*	position: relative;
	overflow: visible; */
}

/*.slHover {
	color: #444;
	text-decoration: underline;
	cursor: pointer;
} */

.slFileSize {
	font-size: .7em;
	color: #808080;
}

.slPlayLink {
	color: #444;
	cursor: pointer;
	text-decoration: underline;
}

.slDownloadLink {
	color: #808080;
	cursor: pointer;
}

/*a.songName {
	color: #444;
	text-decoration: none;
}

a:hover.songName {
	color: #C90700;
	text-decoration: underline;
}

.slSongDetails {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	background-color: #E0E0FF;
	background-color: #E8FFE8;
}
*/

#slStatus_div {
	position: absolute;
	left: 0px;
	top: 100px;
	width: 400px;
	padding: 20px 0px;
	color: #F00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-align: center;
	background-color: #EEE;
/*	text-decoration: blink;
	border: solid 2px #F00; */
	visibility: hidden;
	z-index: 200;
}

#slPaging_div {
	position: absolute;
	left: 0px;
	bottom: 3px;
	height: 25px;
	width: 100%;
	font-size: .6em;
	text-align: right;
	color: #808080; /*#AFAFAF; */
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}

#slPaging_div img {
	position: relative;
	top: 3px;
}

#slPaging_div input {
	position: relative;
	top: 3px;
}

#pagingPerPage_inp {
	width: 20px;
	height: 10px;
	color: #444;
	font-size: .8em;
}

#sppGo_span {
	font-size: .8em;
	color: #0F0;
	background-color: #000;
	cursor: pointer;
}

#player_div {
	position: absolute;
	left: 736px;
	top: 200px;
	width: 234px;
	height: 200px;
}

/*#playerCurrentSongName {
	font-size: .7em;
}*/

#playerContents_div {
	width: 100%;
	height: 70px;
	text-align: center;
/*	border: solid 1px #00F; */
}

#playerVote_div {
	position: relative;
	top: -5px;
	color: #ca003f;
}
	
.playerDetails_td {
	font-size: .7em;
	color: #777;
	padding-left: 10px;
}

.playerCurrentSong_td {
	color: #444;
	font-weight: bold;
}

#topBanner1_div {
	position: absolute;
	right: 30px;
	top: 20px;
	width: 468px;
	height: 60px;
	z-index: 2;
}
					
#topBanner2_div {
	position: absolute;
	right: 30px;
	top: 90px;
	width: 468px;
	height: 60px;
	z-index: 2;
}

#leftBanner1_div {
	position: absolute;
	left: 30px;
	bottom: 185px;
	width: 160px;
	height: 60px;
}

#leftBanner2_div {
	position: absolute;
	left: 30px;
	bottom: 120px;
	width: 160px;
	height: 60px;
}

#leftBanner3_div {
	position: absolute;
	left: 30px;
	bottom: 55px;
	width: 160px;
	height: 60px;
}

#rightBanner1_div {
	position: absolute;
	background-color: #FFF;
	text-align: center;
	right: 30px;
	width: 234px;
	height: 60px;
	bottom: 185px;
}

#rightBanner2_div {
	position: absolute;
	background-color: #FFF;
	text-align: center;
	right: 30px;
	width: 234px;
	height: 60px;
	bottom: 120px;
}

#rightBanner3_div {
	position: absolute;
	background-color: #FFF;
	text-align: center;
	right: 30px;
	width: 234px;
	height: 60px;
	bottom: 55px;
}

#apra_div {
	position: absolute;
	left: 30px;
	bottom: 0px;
	width: 160px;
	height: 60px;
	font-size: .6em;
	color: #808080;
	text-align: center;
	z-index: 200;
}

#clFooter_div {
	position: absolute;
	bottom: 10px;
	width: 100%;
	line-height: 1.4em;
	font-size: .6em;
	color: #808080;
	text-align: center;
}

#songCount_span {
	color: #808080;
}

.txtBtn {
	color: #959595;
}

.helpIcon_div {
	font-size: .5em;
	color: #00F;
}

#leftSideHelp_div {
	position: absolute;
	left: 30px;
	bottom: 55px;
	width: 160px;
	height: 180px;
	z-index: 30;
	background-color: #FFF;
	border: solid 1px #777;
	font-size: .7em;
	display: none;
}

#leftSideHelpText_div {
	color: #777;
	padding: 10px;
}

#slHelp_div {
	position: absolute;
	z-index: 20;
	left: 0px;
	top: 0px;
	width: 400px;
	height: 250px;
	padding: 25px;
	color: #444;
	background-color: #EEE;
	border: solid 2px #ca003f;
	display: none;
}

#voteDisabledHelp_div, #contestOverVote_div {
	position: absolute;
	z-index: 20;
	left: 0px;
	top: 0px;
	width: 350px;
	height: 200px;
	padding: 25px;
	color: #444;
	background-color: #EEE;
	border: solid 2px #ca003f;
	display: none;
}

#status_div {
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 234px;
	position: absolute;
	right: 30px;
	bottom: 5px;
	visibility: visible;
	z-index: 10;
	font-size: .7em;
	text-align: center;
	color: #FFF;
/*	border: solid 1px #CCC; */
}

#iPhone_div {
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 16px;
	position: absolute;
	right: 5px;
	bottom: 5px;
	visibility: hidden;
	z-index: 10;
}

#debug_div {
/*	position: absolute;
	top: 420px;
	right: 30px;
	width: 232px;
	height: 180px;
	overflow: auto;
	z-index: 60;
	border: solid 3px #BBB; */
	font-size: .7em; 
	display: none;
}

#darken_div {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color:#000;
	z-index: 94;
	display: none;
}

#popup_div {
	position: absolute;
	z-index: 95;
	background-color: #FFF;
	border: solid 2px #304F7F;
	display: none;
	overflow: auto;
}

#popupHeader_div, .modalHeader {
	background-color: #304F7F; /*#F1F5FA; */
	color: #EEE;
	font-size: 1.2em;
	padding: 5px 20px;
}

#popupContents_div, .modalContents {
	background-color: #FFF;
	font-size: .8em;
	padding: 0px 20px;
}

#popupOk_span, #popupCancel_span {
	text-decoration: underline;
	cursor: pointer;
}

/* #regContributor_tbl, #regMediaCompany_tbl, #regSecurity_tbl, #regAgree_tbl, #regSecurityQuestion_sel, #regCompanyType_sel {
	color: #CCC;
} */

#cs_div {
	height: 220px;
}

#si_div {
	height: 150px;
}

#contact_div  {
	height: 350px;
}

#siSecurity_tbl, #siPasswordResetGo_span, #siValidationEmailGo_span {
	display: none;
}

#siPasswordReset_span, #siValidationEmail_span {
	color: #304F7F;
	text-decoration: underline;
	cursor: pointer;
}

#csCountry_sel, #csCity_sel {
	width: 200px;
}

#tcPopup_div {
	background-color:#FFF;
	position: absolute;
	margin-left: 50%;
	left: -500px;
	height: 600px;
	width: 1000px;
	padding: 0px;
	z-index: 500;
	overflow: hidden;
	display: none;
}

#tcPopupNav_div {
	padding: 0px 0px 0px 10px;
	background-color: #304F7F;
	color: #EEE;
	width: 200px;
	height: 100%;
	float: left;
}

#tcPopupNav_div a {
	color: #EEE;
}

#tcPopupNav_div .tcLink {
	text-decoration: underline;
	color: #AAA;
	cursor: pointer;
}

#tcPopupNav_div .tcSelected {
	color:#EEE;
}

#tcPopupContents_div {
	padding: 10px 30px;
	height: 580px;
	overflow: auto;
}

#reg_div {
	height: 400px;
}

#regVoter_lbl, #regWriter_lbl, #regVideoMaker_lbl, #regMediaCompany_lbl {
	color: #304F7F;
	font-size: 1.2em;
}

#regCompany_tbl {
	display: none;
}

#regEmailNotice_div {
	display: none;
}

.modal {
	position: absolute;
	top: 300px;
	left: -300px;
	margin-left: 50%;
	width: 600px;
	background-color:#FFF;
	border: solid 2px #304F7F;
	z-index: 96;
	display: none;
}

#popupTc_div {
	width: 95%;
	height: 200px;
	overflow: auto;
	border: solid 1px #444;
}

#tcList_ul ul, #tcList li {
	font-size: 1.2em;
	line-height: 2em;
}

.tcSpan {
	text-decoration: underline;
	cursor: pointer;
}

.alert {
	background-color: #FF0;
}

.slHighlight {
	color: #C90700;
}

.slDownloadHighlight {
	color: #444; /* background-color: #304F7F; */
}

.slDetailVote {
/*	background-color: #C90700;
	color: #EEE; */
	border: solid 1px #C90700;
/*	background-color: #DDF; */
}

/*.processing {
	color: #F00;
	text-decoration: blink;
} */

.grey1 {
	color: #636363;
}

#uploadSongCollab_span {
	font-weight: bold;
}

#uploadSongWarning_div, #registerWarning_div {
	background-color: #F00;
	color: #EEE;
	padding: 10px;
}

/* select {
	background-color: #00F;
} */

#flashAudioPlayer_div {
	position: absolute;
	width: 232px;
	height: 68px;
	overflow: hidden;
	left: 1px;
	top: 0px;
/*	left: 100px;
	top: 0px;
	border: solid 2px #FF0; */
	z-index: 20;
	visibility: hidden;
}

#flashYoutubePlayer_div {
	position: absolute;
	width: 232px;
	height: 188px;
	overflow: hidden;
	left: 1px;
	top: 0px;
/*	left: 500px;
	top: 0px;
	border: solid 2px #FF0; */
	z-index: 20;
	visibility: hidden;
}

.red {
	color: #F00;
}