@charset "utf-8";
/***************************/
/* RESET MARGINS & PADDING */
/***************************/

html, body, div, span,
p, blockquote, pre, code,
h1, h2, h3, h4, h5, h6,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}

/**************/
/* TYPOGRAPHY */
/**************/

body {
  font-family: Arial, Helvetica, sans-serif;     /* web safe fonts */
  font-size: 75%;    /* 12px */
  font-weight: normal;
  line-height: 130%;  
}
ul {
  margin: 0 0 0 17px;
  padding: 5px 0 0 0;
  list-style-position: outside;
}
ul li {
  margin: 0 0 0 0;
  padding: 0px 0 5px 0;
}


h1 {
  font-size: 2.5em;
  font-weight: normal;
  line-height: 120%;
  color: darkblue;
  margin: 10px 0 10px 0;
}
h2 {
  color: darkblue;
  font-size: 21px;
  font-weight: bold;
  margin: 10px 0 10px 0;
}
h3 {
  color: #0884F6;
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0 10px 0;
}

/*****************/
/* DEFAULT LINKS */
/*****************/

a {
  color: blue;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

a:link,
a:visited {
  color: darkblue;
}  

a:hover,
a:active {
  text-decoration: underline;
}


/**********/
/* LAYOUT */
/**********/

html {
  color: #0884F6;
}

.clear {
  clear: both;
}
.radio {
  width: 336px;
  display: block;
  float: left;
}

#main {
  margin: 3px auto 0 auto;
  width: 990px;
  display: block;
}
#bottom-footer {
    border-top: 2px solid #0884F6;
    height: 50px;
    margin: 10px 0 0;
    padding: 10px 0 0;
    width: 990px;
	text-align: center;
}

#bottom-footer a {
    padding: 2px 5px 2px 5px;
	font-size: 14px;
    border-right: 1px solid darkblue;
	line-height: 200%;
}

#bottom-footer a.last {
	border-right: none;
	
}

#left-col {
  width: 166px;
  padding: 0px 0px;
  margin: 0px 10px 0px 0px;
  display: block;
  float: left;
}
#left-col .logo{
  width: 166px;
  height: 107px;
  padding: 0px 0px;
  margin: 10px 0px 10px 0px;
  display: block;
  float: left;
}
#left-col .viral {
  height: 20px;
  padding: 19px 25px;
  display: block;
  float: left;
}
#left-col .messages{
  width: 166px;
  padding: 0px 0px;
  margin: 0px 0px 10px 0px;
  display: block;
  float: left;
  background: white;
  color: darkblue;
}
#left-col .messages .block-header {
  width: 156px;
  height: 20px;
  padding: 0px 5px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
  background: #04a3e6 url(../images/blue-header.png) no-repeat left top;
}
#left-col .messages .block-header h2{
  font-size: 14px;
  line-height: 100%;
  padding: 0px 0px;
  margin: 2px 0px 2px 0px;
  display: block;
  float: left;
  color: white;
}
#left-col .messages .block-body {
  width: 150px;
  height: 125px;
  padding: 7px 6px 0px 6px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
  border-top: none;
  border-right: 2px #04a3e6 solid;
  border-bottom: none;
  border-left: 2px #04a3e6 solid;
  background: white;
  overflow: hidden;
}
#left-col .messages .block-body a {
  font-size: 12px;
  font-weight: bold;
  color: #0066FF;
}
#left-col .messages .block-body a:hover {
  text-decoration: underline;
}
#left-col .messages .block-body .title {
  font-weight: bold;
}
#left-col .messages .block-body .title:hover,
#left-col .messages .block-body .message:hover {
  text-decoration: underline;
}
#left-col .messages .links {
  float: left;
  width: 162px;
  height: 75px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0 0 0;
  display:block;
  border-left: 2px #04a3e6 solid;
  border-right: 2px #04a3e6 solid;
  border-top: none;
  border-bottom: 2px #04a3e6 solid;
}
#left-col .messages .all-messages-link,
#left-col .messages .write-message-link,
.blue-button-small {
  float: left;
  width: 154px;
  height: 14px;
  padding: 7px 4px 9px 4px;
  margin: 5px 0 0 0;
  display:block;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: white !important;
  background: #04a3e6 url(../images/messages-link.png) no-repeat 0px -30px;
}
#left-col .messages .all-messages-link:hover,
#left-col .messages .all-messages-link:active,
#left-col .messages .write-message-link:hover,
#left-col .messages .write-message-link:active,
.blue-button-small:active, 
.blue-button-small:hover {
  background: #04a3e6 url(../images/messages-link.png) no-repeat 0px 0px;
  text-decoration: none;
}
/*#left-col .messages .all-messages-link:active,
#left-col .messages .write-message-link:active,
.blue-button-small:active{
  width: 153px;
  height: 13px;
  margin: 6px 0 0 1px;
}*/
#left-col .categories{
  width: 166px;
  padding: 0px 0px;
  margin: 0px 0px 10px 0px;
  display: block;
  float: left;
  background: #e2b434;
}
#left-col .categories .block-header {
  width: 156px;
  height: 20px;
  padding: 0px 5px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
  background: #e2b434 url(../images/yellow-header.png) no-repeat left top;
}
#left-col .categories .block-header h2{
  font-size: 14px;
  line-height: 110%;
  padding: 0px 0px;
  margin: 2px 0px 2px 0px;
  display: block;
  float: left;
  color: white;
}
#left-col .categories .block-body {
  width: 152px;
  padding: 5px 5px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
  border: 2px #e2b434 solid;
  border-top: none;
  background: white;
}
#left-col .categories .block-body a {
  font-size: 12px;
  font-weight: bold;
  color: #996600;
  display: block;
}
#left-col .categories .block-body a:hover {
  background: #FFCC33;
  text-decoration: none;
}
#left-col .add-category {
  width: 166px;
  padding: 0px 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
  background: #f56636;
}
#left-col .add-category .block-header {
  width: 156px;
  height: 20px;
  padding: 0px 5px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
  background: #f56636 url(../images/yellow-header.png) no-repeat left top;
}
#left-col .add-category .block-header h2{
  font-size: 14px;
  line-height: 110%;
  padding: 0px 0px;
  margin: 3px 0px 3px 0px;
  display: block;
  float: left;
  color: white;
}
#left-col .add-category .block-body {
  width: 152px;
  padding: 5px 5px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
  border: 2px #E2B434 solid;
  border-top: none;
  background: white;
  overflow: hidden;
}
#left-col .add-category .block-body a {
  font-size: 12px;
  font-weight: bold;
  color: #996600;
  display: block;
}
#left-col .add-category .block-body a:hover {
  background: #FFCC33;
  text-decoration: none;
}
#left-col .add-category .help-us {
  font-size: 12px;
  margin: 10px 0px 0px 0px;
  color: #996600;
}
#right-col {
  width: 814px;
  padding: 0px 0px;
  display: block;
  float: left;
}
#right-col #language-block {
  width: 84px;
  height: 40px;
  padding: 0px 0px;
  margin: 0 0 5px 0;
  display: block;
  float: right;
}
#right-col #language-block .inner{
  display: block;
  margin: 0 auto;
}
#right-col #language-block .flag {
  margin: 0px 0px 0px 8px;
  display: block;
  float: left;
}
#right-col #language-block .prva {
  margin: 0px 0px 0px 0px !important;
}
#right-col .slogan {
  padding: 0px 0px 0px 0px;
  margin: 5px 0px 5px 0px;
  display: block;
  float: left;
}
#right-col .slogan h2{
  margin: 0px 0px 0px 0px;
  text-align: center;
  font-size: 21px;
  line-height: 100%;
  color: #0884F6;
  width: 720px;
}
#right-col .menu{
  width: 814px;
  height: 40px;
  padding: 0px 0px;
  display: block;
  float: left;
  background: url(../images/menu.png) no-repeat top left;
}
#right-col .menu a {
  height: 24px;
  padding: 8px 10px 18px 10px;
  margin: 0px 0px;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: bold;
  line-height: 100%;
  color: #0884f6;
}
#right-col .menu a.active {
  background: url(../images/menu-item.png) no-repeat center top;
  text-decoration: none;
  color: white;
}
#right-col .menu a:hover {
  text-decoration: underline;
  color: #003366;
}
#right-col .menu a:hover.active {
  text-decoration: none;
  color: #00CCFF;
}
#right-col .menu .menu-item {
}
#right-col .google-ad-728x90{
  width: 814px;
  height: 90px;
  padding: 0px 0px;
  margin: 5px 0px 0px 0px;
  display: block;
  float: left;
  text-align: left;
  background: white;
}
#right-col #left-side {
  width: 468px;
  padding: 0px 0px;
  margin: 0px 10px 0px 0px;
  display: block;
  float: left;
}
#right-col #left-side .search {
  width: 468px;
  height: 32px;
  padding: 0px 0px;
  margin: 10px 0px 7px 0px;
  display: block;
  float: left;
}

#right-col #left-side .rank-list {
  width: 468px;
  padding: 0px 0px;
  margin: 5px 0px 0px 0px;
  display: block;
  float: left;
/*  background: #e2b434;*/
}
#right-col #left-side .rank-list .rank-list-header {
  color: white;
  font-size:14px;
  font-weight: bold;
  margin: 0 0 0px 0;
  padding: 2px 5px 2px 5px;
  background: #89CF46 url(../images/middle-headers-footers.png) no-repeat left top;
  width: 458px;
  height: 16px;
}

#right-col #left-side .rank-list a {
  color: #235900;
  font-size: 12px;
  line-height: 100%;
  display: block;
  padding: 4px 2px 4px 2px;
}
#right-col #left-side .rank-list a:hover {
  background: yellow;
  text-decoration: none;
}

#right-col #left-side .rank-list .block-header {
  width: 460px;
  height: 20px;
  padding: 0px 2px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
  border-left: #89CF46 2px solid;
  border-right: #89CF46 2px solid;
}
#right-col #left-side .rank-list .left-col {
  width: 229px;
  padding: 0px 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
  overflow:hidden;
}
#right-col #left-side .rank-list .song {
  width: 229px;
  height: 20px;
  padding: 0px 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
}
#right-col #left-side .rank-list .left-col .most-played {
  width: 215px;
  padding: 0px 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
  white-space: nowrap;
  overflow: hidden;
}
#right-col #left-side .rank-list .right-col {
  width: 229px;
  padding: 0px 0px;
  margin: 0px 0px 0px 2px;
  display: block;
  float: left;
  overflow:hidden;
}

#right-col #left-side .rank-list .right-col .most-ranked {
  width: 225px;
  padding: 0px 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
  white-space: nowrap;
  overflow: hidden;
}
#right-col #left-side .rank-list .block-header .left-col .most-played h2,
#right-col #left-side .rank-list .block-header .right-col .most-ranked h2 {
  font-size: 12px;
  line-height: 130%;
  padding: 4px 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: none;
  color: #235900;
  text-align: center;
}

#right-col #left-side .rank-list .block-body {
  width: 460px;
  padding: 3px 2px 3px 2px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
  border: 2px #89CF46 solid;
  border-top: none;
  background: white;
}
#right-col #left-side #search-page {
  width: 468px;
  overflow: hidden;
  padding: 0px 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
}
#right-col #left-side #search-page h1 {
  font-size:14px;
}
#right-col #left-side #rank-list-page {
  width: 468px;
  overflow: hidden;
  padding: 0px 0px;
  margin: 0px 0px 5px 0px;
  display: block;
  float: left;
}
#right-col #left-side #rank-list-page h1 {
  font-size:20px;
  color: black;
  padding: 0px 0px 3px 0px;
  margin: 0px 0px 0px 0px;
}
#right-col #left-side #rank-list-page .playlists {
  width: 234px;
  padding: 0px 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
}
#right-col #left-side #rank-list-page .songs {
  width: 234px;
  padding: 0px 0px;
  margin: 0px 0px 5px 0px;
  display: block;
  float: left;
}
#right-col #left-side #rank-list-page .songs h2, 
#right-col #left-side #rank-list-page .playlists h2 {
  width: 226px;
  height: 16px;
  padding: 2px 3px 2px 5px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
  text-decoration: none;
  font-size:14px;
  color: white;
  background: #89cf46 url(../images/middle-headers-footers.png) no-repeat right top;
}

#right-col #left-side #rank-list-page .playlists h2 {
  width: 225px;
  border-right: solid 1px white;
  background: #89cf46 url(../images/middle-headers-footers.png) no-repeat left top;
}
#song-filter {
  float: left;
  margin: 0 0 5px 0;
  width: 468px;
}
.all-songs a,
.downloadable-songs a,
#right-col #left-side #rank-list-page .songs a, 
#right-col #left-side #rank-list-page .playlists a {
  width: 206px;
  padding: 4px 3px 3px 25px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
  text-decoration: none;
  font-size:12px;
  color: black;
  background: transparent url(../images/radio-button.png) 4px -1px no-repeat;
}
.all-songs a.active,
.downloadable-songs a.active,
#right-col #left-side #rank-list-page .songs a.active, 
#right-col #left-side #rank-list-page .playlists a.active {
  background: transparent url(../images/radio-button.png) 4px -21px no-repeat;
}
.all-songs a:hover,
.downloadable-songs a:hover,
#right-col #left-side #rank-list-page .songs a:hover, 
#right-col #left-side #rank-list-page .playlists a:hover {
  text-decoration: underline;
}
#right-col #left-side #category-page #rank-list-page #time-list,
#right-col #left-side #rank-list-page #time-list{
  width: 468px;
  height: 20px;
  padding: 0px 0px 0px 5px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
  border-bottom: 1px solid #0d6131;
}
#right-col #left-side #category-page #rank-list-page #time-list{
  border-bottom: 1px solid #603913;
}
#right-col #left-side #rank-list-page #time-list .folder {
  padding: 0px 0px 0px 5px;
  margin: 0px 7px 0px 0px;
  display: block;
  float: left;
  background: white url(../images/tabs.png) 0px -22px no-repeat;
}
#right-col #left-side #category-page #rank-list-page #time-list .folder {
  padding: 0px 0px 0px 5px;
  margin: 0px 7px 0px 0px;
  display: block;
  float: left;
  background: white url(../images/tabs.png) 0px -66px no-repeat;
}

#right-col #left-side #rank-list-page #time-list a {
  padding: 3px 5px 3px 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
  color: green;
  background: white url(../images/tabs.png) right -22px no-repeat;
  font-weight: bold;
}
#right-col #left-side #category-page #rank-list-page #time-list a {
  padding: 3px 5px 3px 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
  color: #603913;
  background: white url(../images/tabs.png) right -66px no-repeat;
  font-weight: bold;
}
#right-col #left-side #rank-list-page #time-list .folder:hover, 
#right-col #left-side #rank-list-page #time-list .active {
  background: #89cf46 url(../images/tabs.png) 0px 0px no-repeat;
  color: white;
  text-decoration: none;
}
#right-col #left-side #category-page #rank-list-page #time-list .folder:hover, 
#right-col #left-side #category-page #rank-list-page #time-list .active {
  background: #E2B434 url(../images/tabs.png) 0px -43px no-repeat;
  color: white;
  text-decoration: none;
}
#right-col #left-side #rank-list-page #time-list .folder:hover a,
#right-col #left-side #rank-list-page #time-list .active .active {
  background: #89cf46 url(../images/tabs.png) right 0px no-repeat;
  color: white;
  text-decoration: none;
}
#right-col #left-side #category-page #rank-list-page #time-list .folder:hover a,
#right-col #left-side #category-page #rank-list-page #time-list .active .active {
  background: #E2B434 url(../images/tabs.png) right -43px no-repeat;
  color: white;
  text-decoration: none;
}
#right-col #left-side #category-page {
  width: 468px;
  overflow: hidden;
  padding: 0px 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
}
#right-col #left-side #category-page .category-name {
  color: white;
  font-size:14px;
  font-weight: bold;
  /*text-transform: uppercase;*/
  margin: 0px 0 5px 0;
  padding: 2px 5px 2px 5px;
  background: #e2b434 url(../images/middle-headers-footers.png) no-repeat left -21px;
  width: 458px;
  height: 16px;
  white-space:nowrap;
}


#right-col #left-side #song-detail,
#right-col #left-side #playlist-page {
  width: 466px;
  padding: 0px 0px;
  margin: 0px 0px 5px 0px;
  display: block;
  float: left;
  border: 1px solid white;
  overflow: hidden;
}
#right-col #left-side #playlist-page .type a {
  font-size: 14px;
  color: #999999;
  text-decoration: underline;
}
#right-col #left-side #playlist-page .type a:hover,
#right-col #left-side #playlist-page .type a.active {
  color: #000066;
  font-weight: bold;
  text-decoration: none;
  font-size: 18px;
}
#right-col #left-side #playlist-page .type a.active {
  cursor: default;
}

#right-col #left-side #song-detail .song-name,
#right-col #left-side #playlist-page .playlist-name {
  font-size:24px;
  font-weight: bold;
  line-height: 120%;
  padding: 0px 0px;
  margin: 0px 0px 5px 0px;
}
#right-col #left-side #song-detail .autor .description,
#right-col #left-side #playlist-page .autor .description {
  margin: 0px 10px 2px 0px;
  float: left;
  font-weight: bold;
}
#right-col #left-side #song-detail .song-categories {
  float: left;
  margin: 3px 0 0 0;
  width: 233px;
}
#right-col #left-side #song-detail .song-description {
    height: 60px;
    margin: 0px 0 10px 0;
    overflow: auto;
    width: 460px;
}
#right-col #left-side #playlist-page .rating-stars, 
#right-col #left-side #playlist-page .box, 
#right-col #left-side #song-detail .box {
  font-size: 12px;
  color: darkblue;
  font-weight: bold;
  line-height: 120%;
  padding: 0px 0px;
  margin: 3px 0px 0px 0px;
  width: 233px;
  display: block;
  float: left;
}
#right-col #left-side #song-detail .rating-stars {
  font-size: 12px;
  color: darkblue;
  font-weight: bold;
  line-height: 120%;
  padding: 0px 0px;
  margin: 10px 0px 0px 0px;
  width: 233px;
  height: 50px;
  display: block;
  float: right;
}
#right-col #left-side #song-detail .rating-stars .stars-block {
  float: left;
}
#right-col #left-side #song-detail .rating-stars .stars-vote-count {
  float: left;
  margin: 0 0 0 5px;
}

#right-col #left-side #song-detail .box .download-song img{
  top: 2px;
  margin: -2px 0 0 0;
  left: 9px;
  position: relative;
}
#right-col #left-side #song-detail .outer {
  padding: 0px 0px;
  margin: 0px 0px 6px 0px;
  width: 233px;
  display: block;
  float: right;
}
#right-col #left-side #song-detail .viral {
  padding: 0px 0px;
  margin: 10px 0px 0px 0px;
  width: 233px;
  height: 25px;
  display: block;
  float: left;
  overflow: hidden;
}


#right-col #left-side #song-detail .song-categories a {
  text-decoration: none;
  font-weight: bold;
  font-size:14px;
  /*text-transform: uppercase;*/
  color: #996600;
  line-height: 130%;
  display: block;
}
#right-col #left-side #song-detail .song-categories a:hover {
  background: #FFFFCC;
}

#right-col #left-side #song-detail .similar-songs a {
  text-decoration: none;
  font-weight: bold;
  font-size:14px;
  color: #CC3333;
  line-height: 130%;
  display: block;
}
#right-col #left-side #song-detail .similar-songs a:hover {
  background: #FFFFCC;
}
#right-col #left-side #song-detail .mark-wrong-song {
  display: block;
  float: left;
  width: 466px;
  height: 50px;
  padding: 0px 0px;
  margin: 3px auto 0px auto;
}
#right-col #left-side #song-detail .mark-wrong-song p{
  font-size:12px;
  font-weight: bold;
  line-height: 120%;
  display: block;
  float: left;
  padding: 17px 5px 0 0px;
  margin: 0px 0px 0px 0px;
}
#right-col #left-side #song-detail .mark-wrong-song .img-link {
  padding: 0px 0px;
  margin: 0px 0px 5px 0px;
  display: block;
  float: left;
  width: 50px;
  height: 50px;
  background: url(../images/wrong-song.png) top left;
}
#right-col #left-side #song-detail .mark-wrong-song .img-link:hover {
  background: url(../images/wrong-song.png) top right;
}
#right-col #left-side .profil-page-view, 
#right-col #left-side .profil-page-edit, 
#right-col #left-side .art-profil-request,
#right-col #left-side #registration-page {
  display: block;
  float: left;
  width: 466px;
}
#registration-successfull .inner {
  float: left;
  padding: 10px 0px;
}
#right-col #left-side .profil-page-view p {
  display: block;
  padding: 3px 0px 3px 0px;
  margin: 0 0 2px 0;
  font-size: 14px;
}

#right-col #left-side #forgotten-password p,
#right-col #left-side .profil-page-edit p, 
#right-col #left-side .art-profil-request p,
#right-col #left-side #registration-page p,
#right-col #left-side #message-add .row p{
  display: block;
  width: 460px;
  height: auto;
  padding: 3px 5px 3px 1px;
  margin: 0 0 2px 0;
  float: left;
  font-size: 12px;
}
#right-col #left-side #registration-page p {
  font-size: 12px;
}
#right-col #left-side .profil-page-edit .description-name, 
#right-col #left-side .art-profil-request .description-name {
  width: 466px;
  padding: 3px 0px 0px 0px;
  margin: 0 0 0px 0;
}
#forgotten-password .row,
#right-col #left-side .art-profil-request .row,
#right-col #left-side .profil-page-edit .row,
#registration-page .row{
  float: left;
  padding: 1px 0 15px 0;
}

#right-col #left-side .content{
  width: 468px;
  padding: 0px 0px;
  margin: 0px 0px 10px 0px;
  display: block;
  float: left;
/*  border: 1px solid #89cf46;*/
  background: white;
}
/*#right-col #left-side .content .header {
  width: 466px;
  margin: 3px 0 0 0;
  display: block;
  float: left;
  font-weight: bold;
  font-size: 12px;
}*/

#right-col #left-side .content .block-body .row {
  height: 34px;
  padding: 3px 0 0px 0;
}
#right-col #left-side .content .block-body .row:hover {
  background: #cccccc;
/*  background: #EEEEEE;*/
  display: block;
  width: 466px;
}
#right-col #left-side .content .block-body .row .inner-block{
  width: 64px;
  height: 34px;
  float: left;
  text-align: center;
  cursor: default;
}
#right-col #left-side .content .block-body .type, #right-col #left-side .content  .header .type {
  width: 40px;
  height: 18px;
  padding: 0px 2px 0px 2px;
  margin: 0px 0px 0px 2px;
  display: block;
  float: left;
  background: red;
  font-size: 11px;
  font-weight: bold;
  color: white;
  text-align: center;
}
#right-col #left-side .content .block-body .mp3 {
  background: transparent url(../images/mp3.png) no-repeat left top;
}
#right-col #left-side .content .block-body .video {
  background: transparent url(../images/video.png) no-repeat left top;
}
#right-col #left-side .content .block-body .playlist {
  background: transparent url(../images/playlist.png) no-repeat left top;
}
#right-col #left-side .content  .header .type {
  background: transparent;
}
#right-col #left-side .content .block-body .date {
  font-size: 10px;
  text-align: center;
  width: 61px;
  height: 18px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 3px;
  display: block;
  float: left;
}
#right-col #left-side .content .block-body .song, 
#right-col #left-side .content .header .song {
  font-size: 12px;
  text-align: left;
  vertical-align: middle;
  width: 215px;
  height: 30px;
  padding: 0px 0px 0px 5px;
  margin: 0px 10px 0px 0px;
  display: table-cell;
  float: left;
  overflow: hidden;
}

#right-col #left-side .content #ranklist .block-body .number {
  width:20px;
  float:left;
	
}

#right-col #left-side .content #ranklist .block-body .song {
  width: 195px;	
	
}

#right-col #left-side .content #my-songs .header .song,
#right-col #left-side .content #my-fav-playlists .header .song,
#right-col #left-side .content #my-fav-playlists .header .user {
  height: auto;
}
#right-col #left-side .content #my-songs .block-body .allow-download, 
#right-col #left-side .content #my-songs .header .allow-download {
  font-size: 10px;
  text-align: center;
  width: 100px;
  padding: 0px 0px 0px 0px;
  margin: 0px 2px 0px 0px;
  vertical-align: middle;
  display: table-cell;
  float: left;
  overflow: hidden;
}
#right-col #left-side .content #my-songs .block-body .allow-download {
  font-size: 14px;
}
#right-col #left-side .content #my-songs .block-body .allow-download a {
  color: #999999;
  text-decoration: underline;
}
#right-col #left-side .content #my-songs .block-body .allow-download a:hover,
#right-col #left-side .content #my-songs .block-body .allow-download a.active {
  color: #000066;
  font-weight: bold;
  text-decoration: none;
  font-size: 18px;
}
#right-col #left-side .content #my-songs .block-body .allow-download a.active {
  cursor: default;
}
#right-col #left-side .content #my-fav-playlists .block-body .remove,
#right-col #left-side .content #playlist .block-body .remove {
  width: 70px;
  text-align: center;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
  font-size: 12px;
}
#right-col #left-side .content #my-fav-playlists .block-body .remove .remove-link img,
#right-col #left-side .content #playlist .block-body .remove .remove-link img{
  width: 15px;
  height: 15px;
}

#right-col #left-side .content .block-body .song .middle {
  width: 215px;
  height: 30px;
  display: block;
  line-height: 130%;
}
#right-col #left-side .content .block-body .song .middle a {
  display: block;
  height: 30px;
}
#right-col #left-side .content .block-body .user, 
#right-col #left-side .content .header .user {
  font-size: 12px;
  text-align: left;
  width: 100px;
  height: 30px;
  padding: 0px 0px 0px 0px;
  margin: 0px 2px 0px 0px;
  vertical-align: middle;
  display: table-cell;
  float: left;
  overflow: hidden;
  line-height: 130%;
}
#right-col #left-side .content .header .user {
  font-size: 12px;
}
#right-col #left-side .content .block-body .user .middle{
  width: 100px;
  height: 30px;
  display: block;
}
#right-col #left-side .content .block-body .views, 
#right-col #left-side .content .header .views {
  font-size: 10px;
  text-align: center;
  width: 70px;
  height: 18px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
}
#right-col #left-side .content .block-body .download, 
#right-col #left-side .content .header .download {
  width: 70px;
  height: 18px;
  text-align: center;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
  font-size: 10px;
}
#right-col #left-side  .downloadable-songs .download-ico{
  width: 15px;
  height: 15px;
  display: block;
  background: #77C100;
  float:left;
  margin-right:5px;
}
#right-col #left-side .content .block-body .download a {
  width: 15px;
  height: 15px;
  margin: 0px auto 0px auto;
  display: block;
  background: #77C100;
}
#regular-page .header,
#registration-successfull h2,
#login-page h2,
#right-col #left-side .art-profil-request h2.user-message-header,
.add-song-page h2,
#right-col #left-side #download-page h2,
#right-col #left-side .art-profil-request h2,
#right-col #left-side .profil-page-view h2,
#right-col #left-side .profil-page-edit h2,
#right-col #left-side #registration-page h2,
#right-col #left-side #forgotten-password h1 {
  color: white;
  font-size:14px;
  font-weight: bold;
  margin: 5px 0 0px 0;
  padding: 2px 5px 2px 5px;
  background: #e2b434 url(../images/middle-headers-footers.png) no-repeat left -21px;
  width: 458px;
  height: 16px;
  display: block;
}

#regular-page .page_body {
	margin:5px 0 5px 2px;
}

#right-col #left-side #forgotten-password .content{
  padding: 10px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 468px;
}
#right-col #left-side .google-ad-468x60 {
  width: 468px;
  height: 60px;
  padding: 0px 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
  text-align: center;
  background: #FFF;
}
#right-col #right-side {
  width: 336px;
  padding: 0px 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
}

/*********************/
/* Right side login */
/*******************/

#right-col #right-side .log-in,
#right-col #right-side .log-out {
  width: 336px;
  height: 97px;
  padding: 0px 0px;
  margin: 5px 0px 5px 0px;
  display: block;
  float: left;
}
#right-col #right-side .log-in .inner,
#right-col #right-side .log-out .inner {
  width: 245px;
  height: 70px;
  padding: 0px 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
}
#right-col #right-side .log-in .inner .row,
#right-col #right-side .log-out .inner .row {
  float: left;
  padding: 1px 0 0 0;
}
#right-col #right-side .log-in .name,
#right-col #right-side .log-in .pass {
  width: 65px;
  height: 14px;
  padding: 7px 5px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-size:12px;
  display: block;
  float: left;
}
#right-col #right-side .log-out .name {
  padding: 3px 5px 3px 0px;
  margin: 0px 0px 0px 0px;
  font-size:16px;
  display: block;
  float: left;
}
#right-col #right-side .log-in .login,
#right-col #right-side .log-out .logout {
  background: #66ccff url(../images/login.png) no-repeat 0px 0px;
  border: none;
  width: 90px;
  height: 38px !important;
  padding: 23px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
  font-size:16px;
  color: white;
  text-align: center;
/*  text-shadow: #025296 1px 1px;*/
  font-weight: bold;
}
#right-col #right-side .log-in .login:hover,
#right-col #right-side .log-out .logout:hover {
  background: #66ccff url(../images/login.png) no-repeat 0px -62px;
  border: none;
  color: white;
  text-decoration: none;
}
/*#right-col #right-side .log-in .login:active,
#right-col #right-side .log-out .logout:active {
  margin: 1px 0px 0px 1px;
  width: 89px;
  height: 38px !important;
  text-decoration: none;
}*/
#right-col #right-side .log-in .under-login-line {
  display: block;
  margin: 3px 0 0 0;
  float: left;
  line-height: normal;
}
/***************/
/* LOGIN PAGE */
/*************/

#login-page {
  padding: 0px 0px;
  margin: 0px auto 0px auto;
  display: block;
  width: 468px;
}

#login-page .log-in {
  width: 468px;
  padding: 0px 0px;
  margin: 5px 0px 5px 0px;
  display: block;
  float: left;
}
#login-page .log-in .inner {
  width: 378px;
  height: 70px;
  padding: 0px 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
}
#login-page .log-in .inner .row {
  float: left;
  padding: 1px 0 0 0;
}
#login-page .log-in .name,
#login-page .log-in .pass {
  width: 65px;
  height: 14px;
  padding: 7px 5px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-size:12px;
  display: block;
  float: left;
}
#login-page .log-in .login {
  background: #66ccff url(../images/login.png) no-repeat 0px 0px;
  border: none;
  width: 90px;
  height: 38px !important;
  padding: 23px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
  font-size:16px;
  color: white;
  text-align: center;
/*  text-shadow: #025296 1px 1px;*/
  font-weight: bold;
}
#login-page .log-in .login:hover {
  background: #66ccff url(../images/login.png) no-repeat 0px -62px;
  border: none;
  color: white;
  text-decoration: none;
}
#login-page .log-in .login:active {
  margin: 1px 0px 0px 1px;
  width: 89px;
  height: 38px !important;
  text-decoration: none;
}
#login-page .under-login-line .register,
#login-page .under-login-line .lost-pass {
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  color: darkblue;
  font-weight: bold;
  line-height: 120%;
  padding: 10px 0px 0px 0px;
  margin: 0px 3px 0px 1px;
  width: 164px;
  height: 24px;
  display: block;
}
#login-page .under-login-line .register:hover,
#login-page .under-login-line .lost-pass:hover {
  text-decoration: underline;
}
#login-page .under-login-line .lost-pass {
  float: right
}
#login-page .under-login-line .register {
  float: left;
}

.warning-message {
  padding: 20px 20px;
  margin: 5px 0px 10px 0px;
  display: block;
  float: left;
  width: 426px;
  border: red solid 1px;
  text-align: center;
  color: red;
  font-size:16px;
  line-height: 150%;
  background: pink;
}
.add-song-page {
  padding: 0px 0px;
  margin: 5px 0px 0px 0px;
  display: block;
  float: left;
  width: 468px;
  line-height: 150%;
}

.add-song-page p {
  margin: 0px 0px 0px 0px;
  padding: 5px 0 5px 2px;
  font-size: 12px;
  line-height: 150%;
  float: left;
}
.add-song-page .allow-download p {
  display: block;
  width: 50px;
  float: left;
}

#right-col #right-side .google-ad-336x280{
  width: 336px;
  height: 280px;
  padding: 0px 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
  text-align: center;
  background: #FFF;
}

/*************/
/* COMMENTS */
/***********/

#comments {
  color: black;
  background: #CCCCCC;
  margin: 5px 0 35px 0;
  padding: 5px;
  display: block;
  float: left;
  width: 458px;
}
#comments #add-comment a {
  font-size: 12px;
  text-align: center;
  color: white;
  background: #666666;
  margin: 5px 0 0 0;
  padding: 5px 4px 8px 5px;
  width: 156px;
  height: 12px;
  display: block;
  float: right;
  border-top: 1px white;
}
#comments #add-comment .remain {
  font-size: 12px;
  margin: 0px 0 0 0;
  padding: 0px 5px 0px 5px;
  width: 250px;
  height: 30px;
  display: block;
  float: left;
}
#comments .comment {
  font-size: 12px;
  color: black;
  margin: 0 0 5px 0;
  padding: 5px;
  display: block;
  float: left;
  width: 448px;
  border: none;
  border-bottom: 2px groove white;
}
#comments .comment .who-when .name, 
#comments .comment .who-when .date, 
#comments .comment .who-when .time {
  font-size: 12px;
  color: black;
  margin: 0 0 5px 0;
  display: block;
  float: left;
}
#comments .comment .text {
  font-size: 12px;
  text-align: justify;
  color: black;
  margin: 0 0 5px 0;
  display: block;
  float: left;
}
#comments .more {
  font-size: 12px;
  text-align: center;
  color: white;
  background: #666666;
  margin: 5px 0 0 0;
  padding: 5px 4px 8px 5px;
  width: 448px;
  height: 12px;
  display: block;
  float: left;
}
#comments .more:hover,
#comments #add-comment a:hover,
#comments .more:active,
#comments #add-comment a:active {
  background: #999999;
  border-top: 1px white;
  text-decoration: none;
}
#comments .more .down-arrow {
  padding: 2px 2px 2px 5px;
}

/******************/
/* MESSAGE PAGE */
/****************/
#message-page #messages,
#message-page #message-detail,
#message-page #message-add,
#pop_content #choose-song {
  margin: 5px 0 0px 0;
  padding: 0px;
  display: block;
  float: left;
  width: 468px;
  line-height: 130%;
}

#pop_content #choose-song {
	width:730px;
	float: none;
	
}
#message-page #messages .messages-table {
  background: white;
  margin: 0px 0 0px 0;
  padding: 0px;
  display: block;
  float: left;
  width: 468px;
}
#fav-playlists h2,
#message-added h1,
#message-page #message-detail .plain-header,
#message-page #message-add h1,
#message-page #messages .messages-table .header {
  background: #04A3E6 url(../images/middle-headers-footers.png) no-repeat left -42px;
  display: block;
  float: left;
  color: white;
  width: 468px;
  font-weight: bold;
  font-size: 14px;
}
#message-page #message-detail .title-box {
  float: left;
}
#message-page #message-detail .image {
  float: left;
  width: 200px;
  height: 198px;
  border: solid 1px #999999;
  margin: 0 10px 10px 0;
  padding: 2px;
  text-align: center;
}

#message-page #messages .messages-table .row {
  margin: 0px 0 0px 0;
  padding: 0 3px 0 3px;
  display: block;
  float: left;
}
#message-page #message-add h1,
#message-page #messages .messages-table .header .row {
  height: 20px;
}
#fav-playlists h2,
#message-added h1,
.add-song-page h2,
#message-page #message-detail .plain-header,
#message-page #message-add h1 {
  margin: 0px 0 0px 0;
  padding: 1px 0px 1px 5px;
  display: block;
  float: left;
  line-height: 130%;
  height: 18px;
  width: 463px;
}
#message-page #message-detail h2 {
  float: left;
  line-height: 130%;
  width:465px;
  overflow:hidden;
}
#message-page #messages .messages-table .body-row {
  padding: 3px 3px 3px 3px;
  border-top: solid 2px #04A3E6;
  border-left: solid 2px #04A3E6;
  border-right: solid 2px #04A3E6;
  height:36px;
  overflow:hidden;
  color: darkblue;
  cursor:pointer;
}
#message-page #messages .messages-table .left-col,
#message-page #messages .messages-table .right-col {
  display: block;
  float: left;
}
#message-page #messages .messages-table .left-col {
  display: block;
  float: left;
  width: 73px;
  padding: 0 0px 0 2px;
}

#message-page #messages .messages-table .right-col {
  display: block;
  float: left;
  width: 381px;
  padding: 0 0px 0 2px;
  overflow: hidden;
}
#message-page #messages .messages-table .header .right-col,
#message-page #messages .messages-table .header .left-col {
  padding-top: 2px;
}
#message-page #messages .messages-table .body-row .right-col {
  font-weight: bold;
}
#message-page #messages .messages-table .body .body-row:hover {
  color: #efa506;
}

#message-added {
  margin: 5px 0px 0px 0px;
  float: left;
}
#message-added .inner {
  padding: 10px 0px 10px 0px;
  float: left;
}
#registration-successfull .footer,
#message-added .footer,
#download-page .footer,
#login-page .log-in .under-login-line,
#forgotten-password .footer,
#registration-page .footer,
.art-profil-request .footer,
.profil-page-view .footer,
.profil-page-edit .footer,
.add-song-page .footer,
#message-page #message-add .footer,
#message-page #message-detail .footer,
#message-page #messages .footer {
  background: #04A3E6 url(../images/middle-headers-footers.png) no-repeat left -63px;
  margin: 0px 0 5px 0;
  padding: 0px;
  display: block;
  float: left;
  width: 468px;
  height: 80px;
}
#message-page #message-add .footer, 
#message-page #message-detail .footer {
  background: #04A3E6 url(../images/middle-headers-footers.png) no-repeat left -83px;
  height: 60px;
}
#message-added .footer {
  background: #04A3E6 url(../images/middle-headers-footers.png) no-repeat left -123px;
  height: 20px;
}
.profil-page-view .must-login .footer,
#download-page .footer,
#forgotten-password .footer,
#registration-page .footer,
.art-profil-request .footer,
.profil-page-edit .footer,
.add-song-page .footer {
  background: #E2B434 url(../images/middle-headers-footers.png) no-repeat left -165px;
  height: 60px;
}
.profil-page-view .footer {
  background: #E2B434 url(../images/middle-headers-footers.png) no-repeat left -145px;
}
#registration-successfull .footer{
  background: #E2B434 url(../images/middle-headers-footers.png) no-repeat left -205px;
  height: 20px;
}


#login-page .log-in .under-login-line {
  background: white;
  height: 35px;
}
#login-page .footer {
  background: #E2B434 url(../images/middle-headers-footers.png) no-repeat left -205px;
  width: 468px;
  height: 20px;
  margin: 0 0 5px 0;
}
#message-page #message-add .upload-image {
  color: black;
  margin: 5px 5px 5px 0;
  padding: 5px;
  display: block;
  float: left;
  width: 188px;
  height: 198px;
  border: 1px solid #999999;
}
#message-page #message-add 
.upload-image .image {
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  height: 198px;
  position: relative;
  text-align: center;
  width: 188px;
  color: #999999;
}
#message-page #message-add .upload-image .image span {
  margin-top:90px;
  position:absolute;
  width:180px;
  left:0;
}
#message-page #message-add .upload-image .image:hover {
  color: #888888;
}
#message-page #message-add .title-box {
  margin: 10px 0px 10px 0px;
  float: left;
  height: 48px;
}
#message-page #message-add .title-box .title-name p {
  text-align: right;
}
#message-page #message-add .textarea-box {
  float: left;
  display: block;
  width:466px;
  height:165px;
  /*padding: 0 0 0 10px;
  margin: 0 0 10px 0;*/
}
#message-page #message-add .choose-song {
  color: black;
  margin: 7px 0px 5px 0px;
  padding: 5px;
  display: block;
  float: right;
  width: 237px;
  height: 142px;
  border: 1px solid #999999;
}

#message-page #message-add .choose-song .button,
#message-page #message-detail .no-song {
  background: white url(../images/choose-song.png) no-repeat 5px 0px;
  color: #999999;
  padding: 100px 0 0 0;
  display: block;
  width: 225px;
  height: 20px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-top: 25px;
}

#message-page #message-detail .no-song {
  border: solid 1px #999999;
  background: white url(../images/choose-song.png) no-repeat -5px 65px;
  height: 102px;
  /*padding-top: 80px;*/
  width: 220px;
  margin-top:0px;
}


#message-page #message-add .choose-song .button:hover,
#message-page #message-add .choose-song .button:active {
  background: white url(../images/choose-song.png) no-repeat 5px -120px;
  color: #e29a34;
  text-decoration: none;
  margin-top: 25px;
}
#message-page #chosen_song {
  display: block;
  width: 225px;
  height: 40px;
  overflow: hidden;
  color: white;
  float:left;
  margin: 0px 0;
  padding: 3px 5px 7px 5px;
  background: black;
  font-weight: bold;
  overflow: hidden;
}
#message-page #message-add #chosen_song {
  display: block;
  width: 240px;
  height: 44px;
  overflow: hidden;
  color: #0884F6;
  float:left;
  margin: 0px 0;
  padding: 7px 5px 3px 5px;
  background: white;
  font-weight: bold;
  overflow: hidden;
}

#message-page #message-detail #chosen_song {
	height:54px;
	
}

#pop_content #choose-song .table {
  background: white;
  margin: 0px 0 0px 0;
  padding: 0px;
  display: block;
  float: left;
  width: 730px;
}
#pop_content #choose-song .table p {
  font-size: 16px;
  line-height: 140%;
  font-weight: normal;
}
#pop_content #choose-song .table a {
  color: #04A3E6;
}
#pop_content #choose-song .table .header {
  background: #04A3E6;
  display: block;
  float: left;
  color: white;
}
#pop_content #choose-song .table .header p {
  font-weight: bold;
  line-height: 170%;
}
#pop_content #choose-song .table .row {
  margin: 0px 0 0px 0;
  padding: 0px;
  display: block;
  float: left;
}
#pop_content #choose-song .table .col-01,
#pop_content #choose-song .table .col-02,
#pop_content #choose-song .table .col-03,
#pop_content #choose-song .table .col-04 {
  display: block;
  float: left;
  width: 123px;
  white-space:nowrap;
  overflow:hidden;
}

#pop_content #choose-song .table .col-02 {
  display: block;
  float: left;
  width: 361px;
  text-align: left;
}
#pop_content #choose-song .table .col-02 p{
  font-weight: bold;
  overflow:hidden;
  width:351px;
}

#pop_content #choose-song .table .body a:hover {
  background: #CAFFFF;
}

#pop_content #choose-song .search {
  display: block;
  float: none;
  height: 30px;
  margin: 0 auto;
  width: 500px;
}

#pop_content #choose-song .search input {
  float: left;
  width: 263px;
  margin: 0 5px 0 0;
}

#right-col #left-side #download-page p {
  font-size: 14px;
  padding: 10px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
}


/************/
/* BUTTONS */
/**********/

#right-col #left-side .search .button {
  width: 80px;
  height: 23px;
  margin: 0px 0px 0px 4px;
  float: left;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: white;
}
#right-col #left-side .search .button:hover {
  border: none;
  text-decoration: none;
}
/*#right-col #left-side .search .button:active {
  margin: 1px 0px 0px 5px;
  width: 79px;
  height: 22px !important;
  text-decoration: none;
}*/
#right-col #left-side .search .button .left-corner {
  width: 5px;
  height: 30px;
  margin: -7px 0 0 0;
  display: block;
  float: left;
  background: #04A3E6 url(../images/buttons230x30.png) left -180px no-repeat; /*blue button*/
}
#right-col #left-side .search .button .right-corner {
  width: 74px;
  height: 23px;
  display: block;
  float: left;
  padding: 7px 5px 0 0;
  background: #04A3E6 url(../images/buttons230x30.png) right -180px no-repeat; /*blue button*/
}
#right-col #left-side .search .button .left-corner:hover,
#right-col #left-side .search .button .right-corner:hover .left-corner {
  background: #04A3E6 url(../images/buttons230x30.png) left -210px no-repeat; /*blue button*/
  cursor: pointer;
}
#right-col #left-side .search .button .right-corner:hover {
  background: #04A3E6 url(../images/buttons230x30.png) right -210px no-repeat; /*blue button*/
  cursor: pointer;
}

/* basic red color button definition */
#right-col #left-side #song-detail .my-copyrights .button,
#right-col #left-side #forgotten-password .content .button,
#choose-song .search .button,
.add-song-page .addsong,
#message-page #messages .footer .button,
#message-page #message-add .footer .button,
#message-page #message-detail .footer .button,
#popup .request,
#right-col #left-side #download-page .button,
#right-col #left-side .add-song-page .button,
#right-col #left-side #song-detail .song-categories .change,
#right-col #left-side #song-detail .song-categories .associate,
#popup .form-block .button,
#right-col #left-side .content .button,
#right-col #left-side #playlist-page .box a {
  font-size: 14px;
  text-align: center;
  text-decoration: none;
/*  text-shadow: #d58475 1px 1px; cerverny tien
  color: #6e2014; cervene pismo*/
  color: white;
  font-weight: bold;
  line-height: 120%;
  padding: 6px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 230px;
  height: 24px;
  display: block;
  float: left;
  background: #e5675c url(../images/buttons230x30.png) 0px -60px no-repeat; /*red button*/
}

#popup .request:hover,
#right-col #left-side #playlist-page .box .delete-playlist:hover {
  background: #e5675c url(../images/buttons230x30.png) 0px -90px no-repeat; /*red button*/
}
/* basic green color button definition */
#right-col #left-side .profil-page-view .button,
#right-col #left-side .profil-page-edit a, 
#right-col #left-side .art-profil-request .button,
#right-col #left-side #registration-page a,
#right-col #left-side .rank-list .more,
#right-col #left-side #playlist-page .box .button,
#right-col #left-side #song-detail .box a,
#right-col #left-side #song-detail .download-song {
  font-size: 14px;
  text-align: center;
  text-decoration: none;
/*  text-shadow: #8ac931 1px 1px; zeleny tien*/
/*  color: #235900; zeleny text*/
  color: white;
  font-weight: bold;
  line-height: 120%;
  padding: 6px 0px 0px 0px;
  margin: 0px 0px 5px 0px;
  width: 230px;
  height: 24px;
  display: block;
  float: left;
  background: #77c100 url(../images/buttons230x30.png) 0px -120px no-repeat; /*green button*/
}
#right-col #left-side #song-detail .download-song {
  margin: 6px auto 6px auto;
  float: none;
}
#right-col #left-side #song-detail .download-song:hover,
#right-col #left-side .rank-list .more:hover,
#right-col #left-side #playlist-page .box .button:hover,
#right-col #left-side #song-detail .box a:hover {
  background: #77c100 url(../images/buttons230x30.png) 0px -150px no-repeat; /*green button*/
}

#right-col #left-side #song-detail .my-copyrights .button,
#choose-song .search .button,
#upload-message-image .request,
#download-page-overlay .center-button .request,
#right-col #left-side .add-song-page .button,
#right-col #left-side #song-detail .song-categories .change,
#right-col #left-side #song-detail .song-categories .associate,
#right-col #left-side .profil-page-view .button, 
#right-col #left-side .profil-page-edit a, 
#right-col #left-side .art-profil-request .button,
#right-col #left-side #registration-page a,
#popup .form-block .button,
#right-col #left-side .content .button {
  background: #04A3E6 url(../images/buttons230x30.png) 0px -180px no-repeat; /*blue button*/
  color: white;
  font-weight: bold;
}
#right-col #left-side #forgotten-password .content .button,
#upload-message-image .center-button .request,
#message-page #message-add .footer .button,
#message-page #message-detail .footer .button,
#message-page #messages .footer .button,
#download-page-overlay .center-button .request,
#right-col #left-side .add-song-page .button,
#right-col #left-side #download-page .button,
#right-col #left-side #song-detail .song-categories .change,
#right-col #left-side #song-detail .song-categories .associate,
.add-song-page .addsong,
#right-col #left-side .profil-page-view .button, 
#right-col #left-side .profil-page-edit a, 
#right-col #left-side .art-profil-request .button,
#right-col #left-side #registration-page a,
#popup .form-block .button {
  float: none;
  text-transform: none;
}

#right-col #left-side #song-detail .my-copyrights .button:hover,
#choose-song .search .button:hover,
#upload-message-image .request:hover,
#right-col #left-side .add-song-page .button:hover,
#right-col #left-side #song-detail .song-categories .change:hover,
#right-col #left-side #song-detail .song-categories .associate:hover,
#right-col #left-side .profil-page-view .button:hover, 
#right-col #left-side .profil-page-edit a:hover, 
#right-col #left-side .art-profil-request .button:hover,
#right-col #left-side #registration-page a:hover,
#popup .form-block .button:hover,
#right-col #left-side .content .button:hover {
  background: #04A3E6 url(../images/buttons230x30.png) 0px -210px no-repeat; /*blue button*/
}
/*basic parameters change for transparent button*/
#right-col #left-side #download-page .button,
#right-col #left-side #forgotten-password .content .button,
#right-col #left-side #registration-page .register,
#right-col #left-side .art-profil-request .button,
#right-col #left-side .profil-page-view .button,
#right-col #left-side .profil-page-edit .save,
#right-col #left-side .profil-page-edit .request,
.add-song-page .addsong,
#message-page #message-add .footer .button,
#message-page #message-detail .footer .button,
#message-page #messages .footer .button {
  background: transparent url(../images/buttons230x30-transparent.png) 0px 0px no-repeat; /*yellow-brown transparent button*/
  color: white;
  text-shadow: none;
  font-weight: bold;
  margin: 6px auto 6px auto;
}
#right-col #left-side #download-page .button,
#right-col #left-side #forgotten-password .content .button,
#right-col #left-side #registration-page .register,
#right-col #left-side .art-profil-request .button,
#right-col #left-side .profil-page-view .button,
#right-col #left-side .profil-page-edit .save,
#right-col #left-side .profil-page-edit .request,
.add-song-page .addsong {
  background: transparent url(../images/buttons230x30-transparent.png) 0px -60px no-repeat; /*blue transparent button*/
}
#right-col #left-side .profil-page-view .green {
  background-position: 0px -120px !important; /*green transparent button*/
}
#right-col #left-side #forgotten-password .content .button,
#right-col #left-side #registration-page .register,
#right-col #left-side .art-profil-request .button,
#right-col #left-side .profil-page-edit .save,
#right-col #left-side .profil-page-edit .request,
#upload-message-image .center-button .request,
#download-page-overlay .center-button .request,
.add-song-page .addsong {
  margin: 16px auto 6px auto;
}
#right-col #left-side #download-page .button:hover,
#right-col #left-side #forgotten-password .content .button:active,
#right-col #left-side #forgotten-password .content .button:hover,
#right-col #left-side #registration-page .register:active,
#right-col #left-side #registration-page .register:hover,
#right-col #left-side .art-profil-request .button:active,
#right-col #left-side .art-profil-request .button:hover,
#right-col #left-side .profil-page-view .button:active,
#right-col #left-side .profil-page-view .button:hover,
#right-col #left-side .profil-page-edit .save:active,
#right-col #left-side .profil-page-edit .save:hover,
#right-col #left-side .profil-page-edit .request:active,
#right-col #left-side .profil-page-edit .request:hover,
.add-song-page .addsong:active,
.add-song-page .addsong:hover {
  background: transparent url(../images/buttons230x30-transparent.png) 0px -90px no-repeat; /*blue transparent button*/
}
#right-col #left-side .profil-page-view .green:hover,
#right-col #left-side .profil-page-view .green:active {
  background-position: 0px -150px !important; /*green transparent button*/
}
#message-page #messages .footer .button:active,
#message-page #message-detail .footer .button:active,
#message-page #message-add .footer .button:active, 
#message-page #messages .footer .button:hover,
#message-page #message-detail .footer .button:hover,
#message-page #message-add .footer .button:hover {
  background: transparent url(../images/buttons230x30-transparent.png) 0px -30px no-repeat; /*yellow-brown transparent button*/
}
/*button push effect transparent type buttons
#right-col #left-side #forgotten-password .content .button:active,
#right-col #left-side #registration-page .register:active,
#right-col #left-side .art-profil-request .button:active,
#right-col #left-side .profil-page-edit .save:active,
#right-col #left-side .profil-page-edit .request:active,
#upload-message-image .center-button .request:active,
#download-page-overlay .center-button .request:active,
.add-song-page .addsong:active {
  margin: 17px auto 6px auto;
  height: 23px;
  width: 229px;
}*/
/*
#right-col #left-side #song-detail .download-song:active, /* green button */ /*
#right-col #left-side .profil-page-view .button:active,
#right-col #left-side #download-page .button:active,
#message-page #messages .footer .button:active,
#message-page #message-detail .footer .button:active,
#message-page #message-add .footer .button:active {
  margin: 7px auto 6px auto;
  height: 23px;
  width: 229px;
}*/
/*button push effect green type buttons*/
/*#right-col #left-side .profil-page-edit a:active, 
#right-col #left-side #registration-page a:active,
#right-col #left-side .rank-list .more:active,
#right-col #left-side #song-detail .box a:active,
#right-col #left-side #playlist-page .box .button:active {
  margin: 1px 0px 5px 1px;
  height: 23px;
  width: 229px;
}
*/
/*button push effec red type buttons*/
/*#right-col #left-side #song-detail .my-copyrights .button:active,
#popup .request:active,
#choose-song .search .button:active,
#right-col #left-side .add-song-page .button:active,
#right-col #left-side #song-detail .song-categories .change:active,
#right-col #left-side #song-detail .song-categories .associate:active,
#popup .form-block .button:active,
#right-col #left-side #playlist-page .box a:active,
#right-col #left-side .content .button:active {
  margin: 1px 0px 0px 1px;
  height: 23px;
  width: 229px;
}*/
/*Registration and lostpass buttons right side login*/
#right-col #right-side .log-in .lost-pass, 
#right-col #right-side .log-in .register {
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  color: darkblue;
  font-weight: bold;
  line-height: 120%;
  padding: 0px 0px 0px 0px;
  margin: 0px 3px 0px 1px;
  width: 164px;
  height: 24px;
  display: block;
  float: left;
}
#right-col #right-side .log-in .lost-pass:active, 
#right-col #right-side .log-in .register:active,
#right-col #right-side .log-in .lost-pass:hover, 
#right-col #right-side .log-in .register:hover {
  text-decoration: underline;
}
.upload-file .button {
  float: right !important;
  margin: 0px 0px 5px 0px !important;

}
/*.upload-file .button:active {
  margin: 1px 0px 5px 1px !important;
}*/
#right-col #left-side .profil-page-view .must-login {
  padding: 5px 0px 5px 0px;
}

/**********/
/* PAGER */
/********/

#right-col #left-side .pager {
  width: 450px;
  height: 30px;
  padding: 0px 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  
  text-align: right;
}
#right-col #left-side .pager .inner {
  padding: 0px 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  height: 30px;
  float: right;
  width: auto;
}
#right-col #left-side #message-page .pager {
  width: 468px;
}
#right-col #left-side #message-page .pager .inner {
  width: -moz-max-content;
  margin: 0 auto;
}
#right-col #left-side .pager a, #right-col #left-side .pager .actual-page {
  height: 24px;
  padding: 6px 7px 0px 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
  font-weight: bold;
  font-size: 14px;
  color: white;
  background: #04A3E6 url(../images/buttons230x30.png) right -180px no-repeat; /*blue button*/
}
#right-col #left-side .pager a.number,
#right-col #left-side .pager .actual-page {
  display: inline;
  float: none;
  padding: 6px 5px 7px 0px;
  margin: 0 -4px 0 0;
}
#right-col #left-side .pager .actual-page {
  color: #E2B434;
}
#right-col #left-side #message-page .pager a {
  background: url(../images/buttons230x30-transparent.png) right 0px no-repeat; /*yellow-brown button*/
  position: relative;
  left: 4px;
}
#right-col #left-side .pager .scalable-button:hover a, 
#right-col #left-side .pager .centred-scalable-button:hover a {
  color: white;
  text-decoration: none;
  background: #04A3E6 url(../images/buttons230x30.png) right -210px no-repeat; /*blue button*/
}

#right-col #left-side .pager a:active {
  text-decoration: none;
}
#right-col #left-side .pager .scalable-button { 
/*  background: #04A3E6 url(../images/buttons230x30.png) left -180px no-repeat; /*blue button*/
  padding: 0px 0px 0px 0px;
  margin: 0px 2px 0px 2px;
  display: inline;
  float:left;
}
#right-col #left-side .pager .centred-scalable-button {
/*  background: #04A3E6 url(../images/buttons230x30.png) left -180px no-repeat; /*blue button*/
  padding: 7px 0px 7px 0px;
  margin: 0px 2px 0px 2px;
  display: inline;
}
#right-col #left-side .pager .corner {
  background: #04A3E6 url(../images/buttons230x30.png) left -180px no-repeat; /*blue button*/
  display: inline-block;
  height: 29px;
  margin: -6px 0 -10px;
  padding: 0 0;
  width: 5px;
}
#right-col #left-side #message-page .pager .scalable-button {
  background: url(../images/buttons230x30-transparent.png) left 0px no-repeat; /*yellow-brown button*/
  padding: 0px 0px 0px 1px;
  margin: 0px 4px 0px 4px;
}
#right-col #left-side .pager .scalable-button:hover,
#right-col #left-side .pager .centred-scalable-button:hover,
#right-col #left-side .pager .centred-scalable-button:hover a .corner,
#right-col #left-side .pager .scalable-button:hover a .corner {
  background: #04A3E6 url(../images/buttons230x30.png) left -210px no-repeat; /*blue button*/
}
#right-col #left-side .pager .actual-page {
}
#right-col #left-side .pager .actual-page:hover {
  /*cursor: default;*/
}
#right-col #left-side .pager .middle_buttons .centred-ul {
  padding: 7px 0px;
  text-align: center;
}



#choose-song .message-pager {
	width: 730px;
	height: 25px;
	margin: 20px auto;
}
#choose-song .message-pager a {
	color: #04A3E6;
	font-size:16px;
	font-weight:bold;
}
#choose-song .message-pager a:hover,
#choose-song .message-pager a.actual-page {
	color: #E5675C;
	text-decoration:none;
}
#choose-song .message-pager .left-button {
	float:left;
	text-align: left;
	width: 241px;
	height:25px;
	margin-left:10px;
}
#choose-song .message-pager .right-button {
	float:right;
	text-align:right;
	width:241px;
	height:25px;
	margin-right:10px;
	
}
#right-col #left-side .message-pager a {
	color: #fff;
	font-size:16px;
	font-weight:bold;
}

#right-col #left-side .message-pager a:hover, 
#right-col #left-side .message-pager a.actual-page{
	color: #E49C09;
	text-decoration:none;
}

#right-col #left-side .message-pager .left-button {
	float:left;
	text-align: left;
	width:120px;
	height:25px;
	margin-left:10px;
}

#right-col #left-side .message-pager .right-button {
	float:right;
	text-align:right;
	width:120px;
	height:25px;
	margin-right:10px;
	
}

#choose-song .message-pager .pages,
#right-col #left-side .message-pager .pages {
	float:left;
	width:208px;
	height:25px;
	
}

#choose-song .message-pager .pages .pager-button,
#right-col #left-side .message-pager .pages .pager-button{
	width:200px;
	
}

#choose-song .message-pager .pages ul,
#right-col #left-side .message-pager .pages ul {
	text-align: center;
	list-style-type: none;	
}

#choose-song .message-pager .pages ul li,
#right-col #left-side .message-pager .pages ul li { 
	display:inline;
	padding: 0 3px;
}

#choose-song .message-pager .pages ul li a,
#right-col #left-side .message-pager .pages ul li a {
	width:15px;
	
}
/**********/
/* FORMS */
/********/
input, textarea {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border: solid 1px #999999;
  height: 28px;
  font-size: 12px;
  font-family:Arial, Helvetica, sans-serif;
  color: #999999;
}
label:hover {
  text-decoration: underline;
}

textarea {
  font-size: 12px;
}
#cat_form input,
#popup .form-block .outer .radio-button,
#right-col #left-side .art-profil-request .check,
.check input,
.check-box,
.add-song-page .checkbox input,
.add-song-page .radio-button,
.show_contacts .radio-button {
  height: auto !important;
  width: auto !important;
  border: none;
  position: relative;
  top: 2px;
}
.add-song-page .radio-button,
.row .inner-block .check {
  *position: relative; /*IE7 fix*/
  *top: -4px; /*IE7 fix*/
}
#right-col #right-side .log-in .input-name,
#right-col #right-side .log-in .input-pass {
  width: 168px;
  font-size: 23px;
  float: left;
  color: gray;
}
#right-col #right-side .log-in .input-pass {
  color: black;
  line-height: 100%;
}
#login-page .log-in .input-name,
#login-page .log-in .input-pass {
  width: 300px;
  font-size: 23px;
  float: left;
  color: gray;
}
#login-page .log-in .input-pass {
  color: black;
  line-height: 100%;
}
#right-col #left-side .search .search-box {
  width: 375px;
  float: left;
  color: gray;
}
#message-page #message-add .title-box input {
  width: 229px;
  padding-left: 3px;
  padding-right: 3px;
}
#message-page #message-add .textarea-box textarea {
  height: 150px;
  width: 466px;
  /*padding:3px 3px 3px 3px;*/
}
.add-song-page .song-title,
.add-song-page .text-area {
  margin: 0px 0px 15px 0px;
  display: block;
  float: left;
  width: 460px;
}
.add-song-page .text-area {
  height: 70px;  
  line-height: 150%;
}
.add-song-page .checkbox {
  padding: 0px 0px 0px 2px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
  width: 231px;
  height: 28px;
}
.add-song-page .checkbox label,
.show_contacts label,
#popup .form-block .outer label {
  cursor: pointer;
}

.add-song-page .youtube,
.add-song-page .choose-song,
.add-song-page .youtube-url {
  display: block;
  float: left;
  width: 466px;
}
.add-song-page .allow-download {
  padding: 0 2px;
}
#popup .form-block .outer .radio-button,
.add-song-page .radio-button {
  float: left;
}
.add-song-page .radio-button {
  margin: 7px 5px 0px 0px;
}
#right-col #left-side .profil-page-edit .show_contacts input,
#right-col #left-side .art-profil-request .show_contacts input,
#popup .form-block .outer input {
  margin: 4px 5px 0px 0px;
}
#popup .form-block p {
  padding: 4px 0px 4px 0px;
}
#right-col #left-side .profil-page-edit .show_contacts .radio-button,
#right-col #left-side .art-profil-request .show_contacts .radio-button,
#popup .form-block .outer .radio-button {
  position: relative;
  top: 2px;
  *top: -1px;
}
.add-song-page .youtube-url {
  margin: 0 0 5px 0;
}
#right-col #left-side #forgotten-password .content .e-mail,
#right-col #left-side .profil-page-edit input, 
#right-col #left-side .art-profil-request input,
#right-col #left-side #registration-page input,
#right-col #left-side #message-add input{
  width: 466px;
}
#right-col #left-side .profil-page-edit textarea, 
#right-col #left-side .art-profil-request textarea {
  width: 466px;
  height: 150px;
}
#upload-message-image .upload-file,
#right-col #left-side .art-profil-request .upload-file,
#right-col #left-side .profil-page-edit .upload-file,
.add-song-page .upload-file {
  display: block;
  float: left;
  position:relative;
  width:468px;
  height:100%;
  overflow:hidden;
}
#upload-message-image .upload-file {
  float: none;
  margin: 0px auto;
}

#upload-message-image .file-name,
.art-profil-request .file-name,
.profil-page-edit .file-name,
.add-song-page .file-name {
  float: left;
  width:235px !important;
  margin-right: 1px;
}
.file_input_hidden
{
	font-size: 45px; 
	width: auto !important;
	position: absolute; 
	right: 0px; 
	top: 0px; 
	opacity: 0; 
	
	filter: alpha(opacity=0); 
	-ms-filter: "alpha(opacity=0)"; 
	-khtml-opacity: 0; 
	-moz-opacity: 0;
}
#right-col #left-side .art-profil-request .agreement,
.add-song-page .check {
  margin: 5px 0 5px 0;
  padding: 0 2px 0 2px;
  display: block;
  float: left;
}
#right-col #left-side .art-profil-request .agreement a,
.add-song-page .check a {
  color: #0884F6;
}

#popup .form-block .outer .add-to-new-pl .pl-name {
  width: 225px;
  margin: 0 0 5px 0;
}
#popup .form-block .outer .add-to-exist-pl #playlist,
#popup .form-block .outer .add-to-exist-pl #existing_playlist {
  width: 225px;
  margin: 0 0 5px 0;
  padding: 4px 0;
  border: 1px solid #ccc;
  height: 28px;
  color: #999999;
}
#popup .form-block .outer .add-to-exist-pl #playlist option,
#popup .form-block .outer .add-to-exist-pl #existing_playlist option {
  width: 215px;
  overflow: hidden;
}





#comments #add-comment .comment-textarea {
  font-size: 12px;
  color: black;
  background: white;
  margin: 0 0 5px 0;
  padding: 5px;
  display: block;
  float: left;
  width: 448px;
  height: 50px;
  border: none;
}
#right-col #left-side .content .block-body .check,
#right-col #left-side .content .header .check {
  width: 18px;
  height: 18px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
}

#upload_frame {
  height:50px;
}

/**********/
/* POPUP */
/********/

.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.float-center {
  float: none !important;
  margin: 0px auto !important;
  width: 230px;
  height: 30px;
  display: block;
}
#popup  {
  margin: 0 auto !important;
  min-height: 100px;
  overflow: auto;
  padding: 10px !important;
}

#popup .dialog_body {
  width: 680px;
  max-height: 280px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 2px solid #E5675C;
  margin: 20px auto 0 auto;
  padding: 10px;
}

#popup #pop_content  {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  min-height: 50px;
  margin: 35px 0 0 0;
  line-height: normal;
}
#popup #pop_content #choose-song {
  font-size: 12px;
}
#popup #pop-inner  {
  /*overflow-y:hidden;*/
  height: 100%;
}

#popup .dialog_buttons {
  width: 700px;
  height:30px;
  margin: 20px auto 10px auto;
}
#popup #pop_title {
  text-align: center;
}
#popup h2 {
  color: #04A3E6;
  font-size:18px;
}
/* add to new playlist popup*/
#popup .form-block {
  width: 275px;
  float: none;
  display: block;
  padding: 0px 0px;
  margin: 3px auto 0px auto;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
}
#popup .form-block .outer p {
  line-height: 150%;
}
#popup .form-block .outer .add-to-exist-pl,
#popup .form-block .outer .add-to-new-pl {
  display: block;
  padding: 0px 0px;
  margin: 0px 0px 0px 23px;
}
#popup .form-block .outer .add-to-new-pl .playlist-type {
  display: block;
  padding: 0px 0px;
  margin: 0px 0px 0px 10px;
}


/*********************/
/* Statistics panel */
/*******************/

#statistics {
  width: 322px;
  padding: 5px 5px 2px 5px;
  margin: 10px 0px 10px 0px;
  display: block;
  float: left;
  background: url(../images/radio_bg.jpg) #e4e4e4; 
  border: 2px solid #04A3E6;
  opacity: 1;
}

#statistics p {
  line-height: 160%;
  font-size: 14px;
  font-weight: bold;
}

#statistics .counter {
  color: darkblue;
  font-weight: bold;
  text-align: right;
  font-size: 16px;
  width:55px;
  display: block;
  float: left;
  margin: 0 5px 0 0;
}


/*************/
/* UNSORTED */
/***********/
#message-page #message-add #message-left {
    float: left;
    height: 270px;
    width: 210px;
}

#message-page #message-add #message-right {
    float: right;
    height: 270px;
    width: 250px;
}

#message-page #message-detail #message-left {
    float: left;
    height: 220px;
    width: 210px;
}

#message-page #message-detail #message-right {
    float: right;
    height: 220px;
    width: 250px;
}

.message-text {
  margin:10px;
  width:445px;
  overflow:hidden;
	
}

.upload-image-button {
	float:left;
	margin-left: 20px;
	
}
.choose-song-button{
	float:left;
	margin-left: 40px;
	
}
.required {
	
}

.required_missing{
	color:red;
}

.message-top {
	margin-bottom:15px;
}
.gallery {
	cursor:pointer;
	
}
.thank-you-message {
	text-align:center;
	font-size:14px;
	line-height:20px;
	margin:2px;
}
.process-bar {
	clear:both;
	width:300px;
	/*height: 0px;*/
}

#upload_frame {
	display: none;
}
.must-login-text {
	margin:10px 2px;
}
.under-header {
	margin:10px;
}
.profile-view-body {
	margin:0 2px;
	text-align:center;
	overflow:hidden;
	
}
.long-name-header {
	white-space:nowrap;	
}
.warning,
.error {
	color:red;
	font-weight:bold;
}

.download_button {
	width:160px;
	height:80px;
	float:left;
	margin-left:3px;
}

a.big_green_button{
    background: url(../images/big-green-button.png) no-repeat scroll 0 0;
    border: medium none;
    color: white;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 53px !important;
    margin: 0;
    padding: 19px 0 0;
    text-align: center;
    width: 160px;
}


/*.big_green_button:active {
    height: 57px !important;
    margin: 1px 0 0 1px;
    text-decoration: none;
    width: 160px;
}
*/
.big_green_button:hover {
  background: url(../images/big-green-button.png) no-repeat 0px -72px;
  border: none;
  color: white;
  text-decoration: none;
}
#progress-bar {
  background: white url(../images/ajax-loader.gif) no-repeat -50px 5px;
  width: 160px;
  height: 30px;
  display: block;
  position: absolute;
  margin-top: 113px;
  /*left: 140px;*/
  z-index: 0;
  border: 1px solid silver;
}