/* PNG fix for IE */

/*img, div, h1 { 
    behavior: url( "_scripts/iepngfix.htc" );   
}
*/
html {
    background: url(../images/background_tile.jpg) top left;
}
body 
{
	padding: 0;
	text-align: center;	
}
a {
    color: #000;
}
.hide 
{
	display: none !important;
}
div#background-head {
	background: url(../images/background_head.jpg) repeat-x;
	position: absolute;
	width: 100%;
	height: 149px;
	top: 0;
	left: 0;
}
div#logo {
	width: 200px;
	height: 100px;
	position: absolute;
	top: 4px;
	left: 0;
}
* html div#logo {
    background: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/gp_scen.png', sizingMethod='scale');
}
#player {
	position: absolute;
	top: 0;
	right: 0;
	width: 240px;
	height: 61px;
	outline: 0;
}
div#container 
{
	position: relative;
	margin: 0 auto 0;
	top: 73px;
	text-align: left;
	width: 938px;
	height: 758px;
	padding: 0 0 150px 0;
}

ul.top_menu {
	height: 36px;
	list-style: none;
	padding: 0 0 0 25px;
	margin: 0;
}

ul#menu_vote {
	background: url(../images/menu_items_vote.png) no-repeat;
}
* html ul#menu_vote {
    background: url(../images/menu_items_vote.gif) no-repeat;
}

ul#menu_final {
	background: url(../images/menu_items_final.png) no-repeat;
}
* html ul#menu_final {
    background: url(../images/menu_items_final.gif) no-repeat;
}

ul.top_menu li {
	float: left;
	padding: 0;
	margin: 0;
	width: 150px;
	height: 30px;
}
ul.top_menu li a {
	height: 30px;
	display: block;
	text-indent: -3000px;
	outline: 0;
}

div#container.about ul#menu_vote, div#container.rules ul#menu {}
div#container.toplist ul#menu_vote { background-position: 0px -36px; }
div#container.latest ul#menu_vote { background-position: 0px -72px; }
div#container.compete ul#menu_vote { background-position: 0px -108px; }

div#container.about ul#menu_final, div#container.rules ul#menu {}
div#container.finalists ul#menu_final { background-position: 0px -36px; }
div#container.toplist ul#menu_final { background-position: 0px -72px; }
div#container.compete ul#menu_final { background-position: 0px -108px; }

div#content 
{
	background: url(../images/content.png) no-repeat;
	width: 938px;
	height: 758px;
	position: relative;
}
* html div#content {
    background: url(../images/content.gif) no-repeat;
}
div#cooperate {
	position: absolute;
	bottom: -32px;
	right: 12px;
	width: 299px;
	height: 31px;
}
div#main {
	position: absolute;
	width: 920px;
	left: 7px;
	height: 758px;
}
div.jury {
	position: absolute;
	bottom: 55px;
	font-size: 11px;
	font-family: tahoma, verdana, arial;
	width: 460px;
	left: 79px;
}
div.jury strong 
{
	font-weight: bold;
}
div.gotogp {
    position: absolute;
    bottom: 30px;
    left: 79px;
    font-size: 11px;
	font-family: tahoma, verdana, arial;
	line-height: 11px;
}
div.gotogp a {
    text-decoration: none;
}
div.gotogp a img {
    vertical-align: bottom;
    margin-left: 4px;
}
div.gotogp a:hover {
    text-decoration: underline;
}
div.twitter  {
	position: absolute;
	right: 10px;
	top: 15px;
	width: 281px;
	height: 387px;		
	background: #fdfaf6;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
div.twitter img.fade 
{
	position: absolute;
	bottom: 31px;
}
div.twitter h4 
{
	padding: 11px 0 7px 18px;
	border-bottom: 1px solid #c0beb9;
}
div.twitter div.tweets 
{
	padding: 13px 18px 0 18px;
	height: 295px;
	overflow: hidden;
}
div.twitter div.tweets div 
{
	margin: 0 0 10px 0;
}
div.twitter div.tweets div 
{
	font-size: 11px;
}
div.twitter div.tweets span.time_ago 
{
	color: #8f8f8f;
}
div.twitter div.follow 
{
	width: 264px;
	height: 15px;
	position: absolute;
	bottom: 0;
	padding: 8px 0 8px 18px;
	border-top: 1px solid #c0beb9;	
}
div.twitter div.follow a 
{
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}
div.twitter h5.error 
{
	font-weight: bold;
	padding: 10px;
	text-align: center;
}
a.facebook 
{
	position: absolute;
	right: 10px;
	top: 415px;
}
#last_years_winner_container
{
	position: absolute;
	right: 10px;
	top: 467px;
}
a.share_with_a_friend 
{
	position: absolute;
	right: 10px;
	top: 688px;
}
div.share_box 
{
	position: absolute;
	display: none;
}
div.about div.share_box_small,
div.rules div.share_box_small
{
	right: 37px;
	top: 556px;
}
div.songlist div.share_box_small
{
	right: -24px;
	top: 556px;
}
div.share_box_large 
{
	right: 0px;
	top: 112px;	
}
div.share_box_large #copy_url_container 
{
	position: absolute;	
	right: 8px;
	bottom: 26px;	
}
div.share_box_large #copy_url 
{
}
div.share_box_large input 
{
	position: absolute;
	bottom: 24px;
	left: 10px;
	width: 219px;
	height: 19px;
	border: 1px solid #000;	
}
div.mail_box 
{
	position: absolute;
	z-index: 9999;
	overflow: hidden;	
	left: 110px;
	top: 95px;
	width: 651px;
	height: 451px;
	background: url(../images/lightbox_mail_bg.png) no-repeat;
	display: none;
}
* html div.mail_box 
{
	background: url(../images/lightbox_mail_bg.gif) no-repeat;
}
div.mail_box div.close 
{
	display: block;
	position: absolute;	
	right: 0;
	top: 0;
	width: 100px;
	height: 25px;
}
div.mail_box div.close a.close_btn 
{
	display: block;
	width: 100%;
	height: 100%;
	zoom: 1;
	position: relative;
	z-index: 10000;	
}
div.mail_box .mail_form,
div.mail_box .sent 
{
	padding: 51px 49px 0 49px;	
}
div.mail_box .sent 
{
}
div.mail_box .sent h5 
{
	font-weight: bold;
	font-size: 19px;
	margin: 0 0 5px 0;
}
div.mail_box .mail_form div 
{
	margin: 0 0 15px 0;	
}
div.mail_box div.lbl 
{
	display: block;
	margin: 0 0 5px 0;
	font-size: 14px;	
}
div.mail_box div.lbl span 
{
	margin: 0 0 0 5px;
}
div.mail_box input
{
	width: 296px;
	height: 24px;
	padding: 0 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ebe6de;	
}
div.mail_box input.send 
{
	float: right;	
	width: 81px;
	height: 18px;
}
div.mail_box textarea 
{
	width: 531px;
	height: 104px;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ebe6de;	
}
div.interview_box {
	position: absolute;
	z-index: 999999;
	left: 125px;
	top: 155px;
	border: 2px solid #000;
	width: 374px;
	height: 478px;
	background: white;
	display: none;
}
div.interview_box div.header {
	position: absolute;
	top: 0;
	left: 0;
	width: 374px;
	height: 24px;
	background: url(../images/interview_box_header.png) no-repeat;
}
div.interview_box div.header a.close {
	position: absolute;
	top: 1px;
	right: 13px;
}
div.interview_box div.content_container {
	position: absolute;
	left: 0;
	top: 24px;	
	width: 374px;
	height: 453px;
	overflow-y: scroll;
}
div.interview_box div.content {
	padding: 24px;
}

div.interview_box div.content h5 {
	font-weight: bold;
	font-size: 13px; 
	margin: 20px 0 10px 0;
}

div.interview_box div.content p {
	font-size: 11px;
	margin: 0 0 15px 0;
}

div.interview_box div.content span {
	font-size: 11px;
}

div.overlay 
{
	position: fixed;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.6;
	cursor: pointer;
	display: none;	
}

/* about */
div#container.about div.text_vote {
	position: absolute;
	left: 79px;
	top: 41px;
	height: 296px;
	width: 446px;
	background: url(../images/about_text_vote.png) no-repeat;	
}
div#container.about div.text_final {
	position: absolute;
	left: 41px;
	top: 30px;
	height: 212px;
	width: 511px;
	background: url(../images/about_text_final.png) no-repeat;	
}
div#container.about div.text  
{
	text-indent: -900000px;
}
div#container.about a.finalists-button {
	position: absolute;
	top: 179px;
	left: 240px;
	outline: 0;	
}
div#container.about a.rules-button {
	position: absolute;
	top: 363px;
	left: 79px;
	outline: 0;
}
div#container.about a.upload-button {
	position: absolute;
	top: 363px;
	left: 271px;
	outline: 0;
}

div#container div.boombox_vote {
	background: url(../images/boombox_vote.png) no-repeat;
	position: absolute;
	left: 50px;
	top: 437px;
	width: 522px;
	height: 214px;
}
div#container div.boombox_vote a {
	position: absolute;
	top: 37px;
	left: 51px;
	outline: 0;
}

div#container div.boombox_final {
	background: url(../images/boombox_final.png) no-repeat;
	position: absolute;
	left: 15px;
	top: 244px;
	width: 599px;
	height: 429px;	
}

div#container div.boombox_winner {
	position: relative;
	background: url(../images/boombox_winner.png) no-repeat;
	position: absolute;
	top: 28px;
	left: 16px;
	width: 602px;
	height: 615px;
}

div#container div.boombox_winner_song {
	position: relative;
	background: url(../images/boombox_winner_song.png) no-repeat;
	position: absolute;
	top: 28px;
	left: 16px;
	width: 602px;
	height: 615px;	
}

div#container div.boombox_winner_song div.play_winner_song {
	position: absolute;
	top: 223px;
	left: 84px;
}

div#container div.boombox_winner_song a.dl_winner_song {
	position: absolute;
	top: 222px;
	right: 139px;	
}

div#container div.boombox_winner img.winner_shout {
	position: absolute;
	top: 49px;
	left: 82px;
}

div#container div.boombox_winner img.audience_award_shout {
	position: absolute;
	top: 420px;
	right: 22px;
}

/* rules */
div#container.rules div.text {
	position: absolute;
	left: 79px;
	top: 56px;
	height: 324px;
	width: 517px;
}
div#container.rules a.back-button {
	position: absolute;
	top: 363px;
	left: 79px;
	outline: 0;
}
div#container.rules a.upload-button {
	position: absolute;
	top: 363px;
	left: 271px;
	outline: 0;
}

/* compete */
div#container.compete table {
	position: absolute;
	top: 80px;
	left: 56px;
}
div#container.compete table td {
	width: 410px;
}
div#container.compete table div {
	font-weight: bold;
	margin-bottom: 18px;
	line-height: 18px;
}
div#container.compete table div span {
    padding-left: 4px;
}
div#container.compete input.forminput {
	width: 308px;
	height: 24px;
	border: 1px solid #000;
	font-size: 14px;
	margin: 2px 0 0 0;
	font-family: Arial;
	font-weight: normal;
}
div#container.compete input.small 
{
	width: 178px;
}
div#container.compete input.formfile {
    width: 350px !Important;
    height: 24px;   
}
div#container.compete textarea.formtextarea {
	width: 400px;
	height: 115px;
	border: 1px solid #000;
	margin: 2px 0 0 0;
}
div#container.compete div.uploading_panel_hidden {
    display: none;
    position: absolute;
    top: 180px;
    left: 220px;
    background: #fff;
    text-align: center;
    width: 400px;
    z-index: 20;
    padding: 40px;
    border: 3px solid #ddd;
}
div#container.compete input.submitbutton {
    position: absolute;
    left: 667px;
    top: 583px
}

div#container.compete div.download_logo 
{
	position: absolute;
	left: 56px;
	bottom: 85px;
}
div#container.compete div.download_logo p 
{
	margin: 0 0 3px 0;
	font-size: 12px;
	font-weight: bold;
}
div#container.compete div.download_logo a 
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

/* list */
div#container.songlist div.information {
	position: absolute;
	top: 41px;
	left: 40px;
	width: 220px;
	font-size: 10px;
	font-family: Verdana, Tahoma;
	visibility: hidden;
}
div#container.songlist div.information div.description {
	margin: 14px 0 29px;
}
div#container.songlist div.information div.myspace {
	text-indent: 4px;
	line-height: 20px;
	margin-bottom: 10px;
}
div#container.songlist div.list {
	position: absolute;
	top: 16px;
	left: 340px;
}
div#container.songlist div.navigation {
	top: 6px;
	position: relative;
}
div#container.songlist a.previous {
	position: absolute;
}
div#container.songlist a.next {
	position: absolute;
	right: 0;
	top: 0;
}
div#container.songlist ul.navigation {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 106px;
}
div#container.songlist ul.navigation li {
	float: left;
	line-height: 20px;
	width: 60px;
	text-align: center;
}
div#container.songlist ul.navigation li a {
	text-decoration: none;
	color: #6c6c6c;
	padding: 0 6px;
}
div#container.songlist ul.navigation li.selected a {
	color: #000000;
}
div#container #song_player_container {
    width: 484px;
    height: 532px;
}   
div#container #song_player {
    outline: 0;
}

div#loader 
{
	position: absolute; 
	left: 450px; 
	top: 300px;
}