@charset "utf-8";
/* CSS Document */

/*body{background:url(../imgs/bg01.jpg) no-repeat fixed #000 top right; font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 11px}*/

body{font-family: Arial, Helvetica, sans-serif;}
.clear{clear:both; height:8px}
#site{width: 900px; margin: 0 auto}
#site p{color: #FFF}
#site a, .textInput a{color: #EF821E}
#site #menu a{color: #FFF}
#site #menu {margin-bottom: 20px}
#site .orange{color: #EF821E}
#site .textWhite{color: #FFF}
#site .whiteTitle{color: #FFF; font-size: 14px; font-weight:bold}


#columnLeft{float: left; width: 244px; margin-right: 30px}
#columnRight{float: left; width: 610px; }

.logo{height: 130px; padding-top: 20px; margin-left: -10px}
.top{height: 95px;}

/*player*/
.player{height: 55px}
#giaPlayer{position:absolute; top: 30px; right: 0;  z-index: 4; left: 50%; margin-left: 106px; height: 200px; overflow:hidden}
.giaPlayerMaskLink{position:absolute; top: -80px; right: -80px;  z-index: 501; width:100px; height: 250px}

/*alerts*/
.ok{font-size: 12px; color: #FFF; border:2px solid #009938; padding: 10px; max-width: 400px; font-weight: bold; text-align:center; margin: 10px auto} 

/*forms elements*/
.input1{font-size: 12px; border: 1px solid #000}
.input3{width: 140px; font-size: 12px; border: 1px solid #000}
.input4{width: 180px; font-size: 12px; border: 1px solid #000}
.input5{width: 200px; font-size: 12px; border: 1px solid #000}
.input6{width: 400px; font-size: 12px; border: 1px solid #000}
.input7{width: 300px; font-size: 12px; border: 1px solid #000}

.textInput{width:300px; float:left}

.helpinputText{ clear:both; padding-left: 121px}
.greenButton{border: none; background: #009938; color: #FFF; padding: 2px; font-size: 11px; font-weight: bold; margin-top: 5px}
.supergreenButton{border: none; background: #009938; color: #FFF; padding: 4px; font-size: 13px; font-weight: bold}
.textarea6{width: 400px; font-size: 12px; border: 1px solid #000; height: 80px; font-family: Arial, Helvetica, sans-serif}
.textarea7{width: 300px; font-size: 12px; border: 1px solid #000; height: 80px; font-family: Arial, Helvetica, sans-serif}



/*box titles*/
.boxTitle{background: #009938; text-align:right; color: #FFF; height: 16px; padding-top: 3px; padding-right: 20px; font-weight:bold}

/*small Titles*/
.smallTitle_left{float:left; width: 120px}
.smallTitle_right{float:right; width: 120px; float:right; text-align:right}
#site .smallTitle_right a{color: #FFF}
#site .smallTitle_right a:hover{color: #EF821E}
.viewMoreLink{text-align:right}

.thumbAlbumName{text-align:center}


#footer{clear:both; color: #FFF; font-size: 11px; text-align: center; margin-bottom: 20px}
.textFooter{padding: 4px}
#footer div{height: 30px; margin-top: 10px}

/*column  left*/

.contentTransparent{background:url(../imgs/bg_transparent.png) repeat; margin-bottom: 15px}
.contentTransparentHome{background:url(../imgs/bg_transparent.png) repeat; margin-bottom: 15px}

.whiteLine{clear:both; height: 10px; background:url(../imgs/equal_line.gif) repeat-x bottom; margin:15px 12px;}

.sheet {height: 130px; padding-top: 10px}
.sheet .sheetInfo { width: 100px; float: left; text-align:right; margin: 10px 10px 10px 20px }
.sheet .sheetImage { width: 98px; float: left}
.sheet .sheetImage img{border: 2px solid #FFF}
.sheet .linkButton { background: #EF821E; padding: 0 4px; height: 12px; text-align:center; font-size: 10px; margin: 4px 0} 
#site .sheet .linkButton a{color: #FFF; font-weight: bold; text-decoration: none}
.invite {padding-left: 20px; margin-bottom: 20px; padding-top: 10px}
.invite li {height: 20px}
#content_in li {height: 22px; text-align: left}
#content_in .firstItem_invite { height: 28px}



#columnRight .boxTitle{text-align: left; padding-left: 10px}


/*lists*/


.menuFilters{ background: #000; height: 16px; padding: 2px 10px; border-bottom: 2px solid #009938}
.menuFilters li{ width: 130px; float:left; margin-right: 8px}
#site .menuFilters li a{color: #FFF}
#site .menuFilters li a:hover{color: #EF821E}
#site .menuFilters li .filter_select{color:#FFF; background: #009938; height: 16px; padding: 0 10px}

#site .column_home_left .newsList li{background: none; margin-bottom: 10px}
.newsList, .photoList{padding: 5px 0}

.newsList li{background: url(../imgs/greenline.gif) repeat-x top; margin-bottom: 10px; font-size:12px}
.multimediaText{background: url(../imgs/greenline.gif) repeat-x bottom; margin-bottom: 10px; padding:10px; font-size: 12px; color: #FFF}

.newsDate {color: #FFF; font-size:11px; font-weight: bold}
.newsList .viewMore{height: 16px; background:url(../imgs/bg_more.gif) right no-repeat; text-align: right; padding-right: 20px; font-weight: bold}
#site .newsList .viewMore a{color: #FFF; text-decoration: none}
#site .newsList .viewMore a:hover{color: #EF821E}
.newsList .viewMore:after{clear:both}
.newsList .imageNews, .photoList .imagePhoto{width: 130px; padding-left: 20px; float: left}
.newsList .textNews{float:left; width: 440px}
.newsList .textNews_noimage{float: none; width: 570px;  padding-left: 20px;}
.newsList .textNewsHome{float:left; width: 350px}
.newsList .newsTitle, .photoList .photoTitle{ color: #EF821E; font-weight: bold}
#site .photoTitle p{font-weight: normal; font-size: 11px}
.videoPlay{position:absolute; z-index: 250; margin-left: 43px; margin-top: 22px}
#site .videoPlay img{border: none}
.photoList ul{margin: 20px 0; }
.photoList li{display: inline; float: left; width: 305px; height: 145px}
.photoList .textPhoto{width: 140px; float:left; padding-left: 5px}
.photoList li img{border:3px solid #EF821E}
.upload{ position:absolute; width: 610px; text-align: right}
.uploadButton{float:right; background:url(../imgs/bg_cornerItem.gif) left top no-repeat; height: 25px; padding: 0 10px 0 30px; text-transform:uppercase}
.downloadButton{float:right; background:url(../imgs/bg_cornerItem.gif) right top no-repeat; height: 25px;  width:120px; text-align:center}
.credits_item{height: 20px; margin-top: 6px; color:#FFF; font-size: 11px; font-weight: normal; background:url(../imgs/bg_credits.gif) repeat-x; border-top: 1px solid #000; text-align: center; padding-top: 4px}
.borderRight{border-right: 1px solid #000}


.photoThumbnail{ margin: 15px 0}
.photoThumbnail li{width: 130px; text-align:center; float:left; display: inline; margin: 10px 0 10px 20px; height: 140px}
.photoThumbnail .imagePhotoList  {background:url(../imgs/bg_transparent.png); width: 130px; height: 130px; text-align:center; display: table-cell; vertical-align: middle}
.photoThumbnail .imagePhotoList img.valign{height:100%;
vertical-align:middle;
width:0px;}

#site .uploadButton a, #site .downloadButton a, #site .download a{color: #FFF; font-size: 11px; font-weight: bold; text-decoration: none}
#site .uploadButton a:hover,  #site .downloadButton a:hover, #site .download a:hover{color: #EF821E}
.pager{ float:right;}
#site .pager a{color: #FFF}
#site .pager a.active{color: #EF821E}
#site .pager a:hover{color: #EF821E}


/*projector*/
.projector{width: 560px; margin:20px auto }
.titleProject{color: #EF821E; height: 18px; padding-left: 30px}
.showPictureTool .leftArrow{float:left; width: 30px;}
.showPictureTool .rightArrow{float:left; width: 30px;}
.showVideoTool {width: 500px; height:400px; background:url(../imgs/bg_transparent.png); text-align:center; margin: 0 auto;}
.showPictureTool .pictureTool{width: 500px; height:500px; background:url(../imgs/bg_transparent.png); text-align:center; float:left;}
.controls{ clear:both; width: 500px; margin: 20px auto}
.vote {float:left; width: 120px; border-right: 2px solid #FFF; margin-right:10px; width:90px;}
.vote p{color: #FFF; font-weight: bold; }
.vote li{display: inline; float:left; height: 20px}
.vote li.vote_on {background:url(../imgs/vote_on.png) no-repeat left top}
.vote li.vote_off {background:url(../imgs/vote_off.png) no-repeat left top}
.votesCounter{color: #FFF; font-weight: bold}

.visitCounter{float: left; width: 225px; color: #FFF; font-size: 11px; font-weight: bold; text-align:left; line-height: 17px; border-right: 2px solid #FFF}


.download{float:right; width: 170px; text-align:right} 
.download .iso{width: 45px; float:left; margin-right: 5px}
.download .downloadInfo{width: 120px; float:left; text-align:left}
.download .creditsInfo{width:120px; height: 18px; background: #009938; text-align:center; color: #FFF}

.song {padding-left: 10px}
.song .vote{float: left; width: 80px; border-right: none; margin-right: none }
.song .download {float: left; width: 100px; }
.song .vote {font-weight: bold; margin-bottom: 10px}
.song .download a{color:#FFF; font-weight: bold; text-decoration: none}
.song .download .downloadInfo{ width: 50px}

/*comments*/
.comments{width: 500px; margin:20px auto 40px auto; font-size: 12px}
.comments .commentsForm label{color:#EF821E; font-weight: bold}
.comments .commentsForm textarea{width: 500px; height: 100px; margin-bottom: 5px}
.comments .commentsForm input{float: right}

.comments .commentsList{clear: both; margin-top: 40px; background: url(../imgs/greenline.gif) repeat-x top;}  
		  .commentsList li{border-bottom: 1px solid #808080; margin-bottom: 10px; padding: 10px }
		  .commentsList li p{ clear:both}
.commentUser{}
.withDelete{ float:left; width: 350px}
.deleteIcon {text-align: right; width: 40px; text-align:right; float:right}





/*login*/
.formLogin{}
.formLogin ul{width: 200px; margin:10px auto}
.formLogin li {margin-bottom: 5px; text-align:right}
.formLogin li label{display:block; color:#FFF}

/*newsLogin*/
.loginNews ul{width: 200px; margin:10px auto}
.loginNews li{margin-bottom: 15px}
.loginNews li .date{ background: #009938; color: #FFF; width: 60px; text-align:center; margin-bottom: 5px}

/*register*/
.welcomeBox{}
.welcomeLeft{float:left; width: 300px; margin-right: 10px}
.welcomeRight{float: left; width: 300px; padding-top: 45px; text-align:center; height: 80px}
.welcome p{margin: 10px 20px; font-size: 12px}
.welcome {}

.registerForm{}
.registerForm ul {width: 560px; margin: 25px auto}
.registerForm li {float:left; color: #FFF; text-align: righ; margin-bottom: 15px}
.registerForm li label{display: block; float:left; text-align: right; margin-right: 20px}
.registerForm li .input1{float:left}
.registerForm li textarea{ width: 400px; float: left;}
.registerForm .buttonRegister{ text-align: right; width: 522px}

.checkhome{width: 30px; float:left}
.terms_home{float:left; display:block}

/*song list*/
.tracklist{color: #FFF; clear:both; padding: 20px 0}
.tracklist .th_tracklist{padding-right: 0}
.tracklist .th_tracklist li{display:inline; float:left;}
		   .th_tracklist .discName{width: 350px; border-right: 2px solid #FFF}
		   .th_tracklist .lenght, .th_tracklist .credits, .th_tracklist .vote{width: 70px; text-align:center}
		    .th_tracklist .lenght, .th_tracklist .credits{border-right: 2px solid #FFF}
.cover {float: left; width: 160px; padding-top:30px; text-align:center}
.tracks {float:left; width: 450px; padding-top:30px}
.tracks table{width: 450px; margin-bottom: 15px }
.tracks table .trackName{ width: 200px; padding-left: 10px}
.tracks table .trackLenght{ width: 80px; text-align: center}
.tracks table .trackCredits{width: 80px; text-align: center}
.tracks table .trackVote{ width: 100px;  text-align: center}
.trackVote ul{width: 65px; margin: 2px}
.trackVote li{display: inline; float:left; width: 10px; height: 12px}
.trackVote li.vote_on{background:url(../imgs/vote_on_small.png) no-repeat left top}
.trackVote li.vote_off{background:url(../imgs/vote_off_small.png) no-repeat left top}
tr.track_on .trackVote li.vote_on{background:url(../imgs/vote_on_small_selected.png) no-repeat left top}
.tracks table tr{background:url(../imgs/greenline.gif) repeat-x bottom; height: 18px}
.tracks table tr:hover, .tracks table tr.hilite {background:url(../imgs/bg_track_over.png) repeat-x bottom ; height: 18px}
.tracks table tr.track_on{ background: #EC8821; height: 18px}
#lyrics{padding: 8px; display:block}


/*upload_video*/

.uploader_form {padding: 20px 10px}
.uploader_form span{display: block; float:left; color: #FFF; margin-right: 10px}
.uploader_form li{ margin-bottom: 8px}
.uploader_form label{float:left; width: 110px; text-align:right; color: #FFF; margin-right: 8px}
.uploader_form .input6{float: left; margin-right: 5px}
.uploader_form .textarea6{float: left; margin-right: 5px}
.uploader_form .input7 {float: left; margin-right: 5px}
.uploader_form .greenButton { margin-right: 5px}

/*profile*/
.profile_place{padding: 15px}
.profile_place .avatar{ width: 100px; float:left; margin-right: 8px; text-align:center}
.profile_place .avatar img{border: 2px solid #FFF}
.profile_place .profile_data{color: #FFF; float:left}
.profile_place .profile_data li{margin-bottom: 10px}
.profile_place .profile_data .itemTitle{background: #009938; padding: 2px 5px; width: 130px; float:left; margin-right: 5px; text-align: right }
.profile_place .profile_data .itemInfo{width: 250px; float:left; color: #FFF; font-size: 11px}

.numeric_data_list {margin: 10px 0}
.numeric_data_list .numeric_data{display: inline; float:left; width:282px; background: #009938; height: 16px; color: #FFF; padding-left: 10px  }
#site .numeric_data_list .numeric_data a{color: #FFF}
#site .numeric_data_list .numeric_data a:hover{ color: #EF821E}
.numeric_data_list .numeric_sep{width: 26px; float:left; background:url(../imgs/bg_sep.gif) no-repeat top left; height: 16px}

#site .column_home_left .last_videos{height: auto}
.last_videos{height: 125px}
.last_videos li{float:left; margin: 20px 0 20px 24px}
.last_videos li img{border: 2px solid #EF821E}

.comments_profile {width: 585px; margin:15px auto}
.comments_profile .commentsForm {width: 502px; margin:15px auto}
.comments_profile .commentsForm label{color:#EF821E; font-weight: bold; float:none; display:block}
.comments_profile .commentsForm textarea{width: 500px; height: 100px; margin-bottom: 5px}
.comments_profile .commentsForm input{float: right}

.comments_profile .commentsList{clear: both; margin-top: 20px}  
.comments_profile .commentsList li{border-bottom: 1px solid #808080; margin-bottom: 10px; padding: 10px }


.title_left {float:left ; width: 250px}
#site .boxTitle .title_right a{color: #FFF}
#site .boxTitle .title_right a:hover{color:#EF821E}
.title_right {float:right; widows: 250px; text-align:right}

/*home*/
.columns_home{margin-top: 15px}
.columns_home .column_home_left{ width: 375px; float:left;margin-right: 15px}
.columns_home .column_home_right{width: 220px; float:left}
.ranking_number{position: absolute; z-index:155; margin-left:90px; margin-top: -5px}
.ranking .ranking_number img{border: none}
.ranking {padding: 15px 0}

.userList .ranking li {margin-bottom: 10px}
.ranking li{ display: inline; float:left; width: 118px; color: #FFF; text-align: right; }
.ranking li img{border: 2px solid #FFF}
.newsHome{padding: 8px}
.thumbHome ul{width: 320px; margin: 8px auto}
.img_user_list{ height: 130px}

.commentsFormHome {margin:8px 0}
.commentsFormHome label{color:#EF821E; font-weight: bold}
.commentsFormHome textarea{width: 200px; height: 60px; margin: 5px 0; }

/*credits*/
.tracksCredit {padding-top:30px}
.tracksCredit table{margin-bottom: 15px; color: #FFF}
.tracksCredit table .trackName{ width: 200px; padding-left: 10px}
.tracksCredit table .trackLenght{ width: 80px; text-align: center}
.tracksCredit table .trackCredits{width: 80px; text-align: center}
.tracksCredit .trackVote{ width: 80px;  text-align: center}
.tracksCredit th{background: #009938; color: #FFF}
.tracksCredit table tr{background:url(../imgs/greenline.gif) repeat-x bottom; height: 18px}
.tracksCredit table tr:hover, .tracks table tr.hilite {background:url(../imgs/bg_track_over.png) repeat-x bottom ; height: 18px}
.tracksCredit table tr.track_on{ background: #EC8821; height: 18px}
.textBox { padding: 15px 10px; font-size: 12px}

.credits_home_left, .credits_home_right{}
.credits_home_right{margin-left: 10px}
.credits_home_left .photoList .imagePhoto{padding-left: 10px}
#objects .credits{ float:left; width:160px; height:200px; padding-left: 40px}
#objects .credits .imagePhoto{ float:none; height: 130px;  }
#objects .credits .textPhoto{padding-left: 10px}


.buy_credits{ width:410px; margin: 10px auto;}
.buy_credits li{ background: url(../imgs/greenline.gif) repeat-x bottom; font-size: 12px; color: #FFF;  padding: 10px 8px}
.buy_credits .button_buy{text-align:right; background: none}
.buy_credits .creditsdiv{float: left; width: 300px}
.buy_credits .buy_info{font-weight: bold; color: #EF821E; font-size: 14px}
.buy_credits .creditsprice{font-weight: bold; font-size: 14px; float:left; width: 50px}
.buy_credits .creditsradial{float:left; width: 40px}

/*search*/
.search{padding: 0 0 0 18px; color: #FFF }


/*shownews*/
.bodyNews{ width: 500px; margin: 10px  auto}
.bodyNews p{font-size: 12px}
.newsPlayer{ background:url(../imgs/bg_transparent.png); width: 250px; position: absolute; z-index: 402; margin: 10px 0  0 53px}
.arrowsSmalls{ height:18px; widows: 250px}
.arrowsSmalls .smallBack{width:120px; float:left} 
.arrowsSmalls .smallBack{width:120px; float:right; text-align:right}
.titleNews{font-size: 14px; color: #EF821E; width:500px; margin: 10px auto 0 auto; font-weight: bold}
.infoNews{font-size: 11px; color: #FFF; width:500px; margin: 3px auto 3px auto; }

/*messageList*/
.messageList{ padding: 15px 10px}
.messageList li{background:url(../imgs/greenline.gif) repeat-x bottom; padding-bottom: 10px; margin-bottom: 15px}
.message_userInfo{ width: 110px; float:left}
.message_userInfo img{border: 2px solid #FFF; margin-bottom: 5px}
.message_userInfo .ranking_user_info{ color:#FFF}
.messageTextList{ width: 480px; float:left}
.messageHeader{ border-bottom: 2px solid #FFF; margin-bottom: 10px; padding-bottom: 5px}
.messageTextList .messageTitle{ font-size: 12px; color: #FFF; font-weight: bold; width: 400px; float:left}
.messageTextList .messageTitle span{ font-size: 11px; font-weight: normal} 
.messageIcons{ width: 40px; float:right; text-align: right}
.messageIcons li{ float:left; width: 20px; background: none; margin-bottom: 0}
.messageText p{ color: #FFF; font-size: 11px}
.message_form {padding: 15px 10px}
.message_form li{margin-bottom: 6px}
.message_form label{width: 50px; display: block; float: left}

/*language*/
.language{position: absolute;  margin-left: 870px}