html{font-size:100.01%;height:100%;width:100%;border:0;padding:0;margin:0;}
body{color:#666;background:#f3f3f3;font-size:14px;font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;line-height:1.4;border:0;margin:0;padding:0 0 30px;min-width: 1100px;}
a img, img{margin:0;padding:0;border:0;}
a{color:rgb(204, 51, 51);outline:none;text-decoration:none;}
a:hover{text-decoration: underline;color: rgb(204, 51, 51);}
p,h1,h2,h3,h4,h5,h6,ul,ol,li,form,table,td{margin:0;padding:0;}
table{font-size:1em;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right !important;}
hr,.noScreen{display:none !important;}
.break{display:block !important;}
fieldset{padding:0;margin:0;border:0}
.nowrap{white-space:nowrap !important;}
.textRight{text-align:right !important;}
.rel{position:relative;}
ul li{list-style-type:none}
input,button,textarea{font-family:Arial, Tahoma, Verdana;font-size:12px;}
input:focus,button:focus,textarea:focus{outline:none;}
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.17em; }
h4 { font-size: 1.12em; }
h5 { font-size: .83em; }
h6 { font-size: .75em; }

@font-face {
    font-family: open-sans-bold;
    src: url("../fonts/OpenSans-Bold.ttf");
}
@font-face {
    font-family: open-sans;
    src: url("../fonts/OpenSans-Regular.ttf");
}

.padBot0 {padding-bottom:0 !important;}

#container{
    margin:0 auto;
    max-width:990px;
    width:990px !important;
    padding:10px 0 0;
}
img{
    max-width:100% !important;
    height:auto !important;
}
.font-18 {
    font-size:18px;
}

/* ===================HEADER=================== */
#header {
    position: relative;
    padding-top: 0;
    width: 990px !important;
    height: 90px;
}

#page-navigation {
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    right: 0px;
    top: 8px;
}


#page-navigation li {
    color: #CCCCCC;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-shadow: 1px 1px #FFFFFF;
    text-transform: uppercase;
}

#xpl-logo-subtitle {
    position: absolute;
    left: 0px;
    bottom: 20px;
    height: 24px;
    text-transform: uppercase;
    color: black;
    text-align: left;
    font-weight: bold;
    margin-left: -46px;
}

#page-navigation ul {
    margin: 0;
    padding: 0;
}

#page-navigation a {
    text-decoration:none;
    color:#939393;
    margin-left:15px;
}

#page-navigation a:hover {
    color:#CC3333;
}

#search-div {
    position: absolute;
    margin-top: 7px;
    top: 27px;
    right: 0px;
    height: 24px;
    width: 150px;
}
#search-div .search-input {
                background: url('../img/search-icon.png') no-repeat scroll 132px 8px;
                padding-right: 20px;
                background-color: white;
            }
.search-input {
    width:120px !important;
    height:24px !important;
    line-height:24px !important;
    float:right;
    color:#000 !important;
    font-family:georgia !important;
    font-size:14px  !important;
    padding:0 25px 0 5px !important;
    border:0 !important;
    margin:4px 0 0;
    color:#999 !important;
    font-style:italic;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}

#upper-banner {
    width: 960px !important;
    height: 60px !important;
}

.user-info {
    padding: 0px 0 10px 0;
}

.user-info-label-admin {
    float:right;
}

.user-description {
    min-height:200px;
    float:left;
    padding-left: 15px;
    padding-bottom: 20px;
    width:400px;
}

.user-avatar {
    float:left;
    /*width:200px;*/
}

.banners-top{
    padding:0 0 10px;
    width:990px;
    height:60px;
}

.banner-top{
    padding:0 0 10px;
    width:990px;
    height:60px;
}

.banner-side {
    display:block;
    padding-left: 2px;
}

.banner-left{
    float:left;
    padding-right: 12px;
}

.banner-right{
    float:right;
    padding-left: 12px;
}

#xplaylist-logo {
    margin-top: 15px;
    margin-left: -50px;
    width: 312px;
    height: 42px;
    margin-top: 15px;
}

/* ===================RIGHT BANNER=================== */

#music-style{
    position:relative;
    text-align:left;
    margin-top:-6px;
    /*font-family:georgia;*/
}
#music-style li{
    padding:4px 0 0;
}
#music-style p{
    padding:4px 0 0;
}
#music-style a{
    text-transform: uppercase;
    color:#CC3333;
}

#right-banner{
    float:right;
    width:312px;
}
#right-banner .banner{
    margin:0 0 30px;
}
.right-banner{
    float:left;
}

#content{
    float:left;
    width:636px;
}

#summary{
    text-transform:uppercase;
    margin-top:5px;
    font-family:georgia;
}

#summary p {
    margin-top: 6px;
    margin-bottom: 6px;
}

.gray-italic {
    color: rgb(153,153,153);
    font-style: italic;
    font-family: "Georgia";
}

.login-button{
    text-align: center;
}

.login-button button {
    background-color: rgb(115,115,115);
    height: 30px;
    border-radius: 5px;
    width:100%;
    text-align: center;
    color: rgb(255,255,255);
    font-family: "Georgia";
    font-style: italic;
}

#copyright{
    text-align:right;
    font-style:italic;
    padding:2px 0 0;
    font-size:14px;
    float:right;
    width:312px;
    text-transform:none !important;
    font-family:georgia;
    white-space:nowrap;
}

.editor-choice-div {
    width: 150px;
    margin: 15px 0px 0px 0px;
    padding: 0;
}

.editor-choice-div p {
    margin-top: 5px;
}

.editor-choice-div.left {
    float: left;
}

.editor-choice-div.right {
    float:right;
}

#fm-cover{
    margin-top:5px;
    float:left;
    width:150px !important;
}
#fm-story{
    float:right;
    width:470px;
    margin-top:5px;
    font-size:14px;
    font-family:georgia;
}
#fm-story p{
    margin:0;
    padding:0 0 10px;
}
#artist-container,
#albums-container {
    width:648px;
    float:left;
}
.artists{
    width:150px;
    float:left;
    margin-right:12px;

}
.users{
    width:147px;
    float:left;
    margin-right:9px;
}
.artists img{
    /*float:left;*/
}
.artists p{
    margin-bottom:5px;
}
.artists p.band-song{
    margin-top:-2px;
    margin-bottom:16px;
    font-size:16px;
    /*text-align:center;*/
}
.artist-container{
    position:relative;
    width:648px !important;
}

.artist-tag {
    padding-right:6px;
}

/* ===================CONTENT=================== */


.album-list {
    padding-bottom:30px;
}
#album-list-container{
    padding:0 !important;
    width:648px;
}

.album-preview  {
	margin-top: 10px;
}
.album-preview .cover-preview{
    width:80px;
}

.album-preview .album-percentage {
    float:right;
    padding-right:0px;
    padding-top:30px;
    display:block;
    font-weight: bold;
    width:62px;
}

.album-preview .album-year {
    float:right;
    padding-right:20px;
    padding-top:30px;
    display:block;
}

.album-album {
    float:right;
    padding-right:20px;
    padding-top:30px;
    display:block;
    width:240px;
}

.album-preview .album-name a {
    font-size: 16px;
}

.album-preview .album-name {
    padding-left:10px;
    bottom:35px;
    width:350px;
    display:inline-block;
      line-height:20px;
      vertical-align:middle;
}

.album-descriptions p {
    padding-top: 15px
}

.album-descriptions p {
    padding-top: 5px
}

.artist-image-full {
    padding-bottom:10px;
}

.recent-albums {
    width: 636px;
    margin-top: 10px;
    background-color: #ffffff;
    height: 334px;
}

.recent-albums p {
    margin: 0px;
}

.recent-albums img {
    float: left;
    margin: 0 12px 12px 0;
    width: 150px;
}

.album-first-row {
    margin-bottom: 7px;
}



.reviews .left {
    float: left;
    width: 310px;
}

.reviews .right {
    float: right;
    width: 310px;
}

.review-image{
    width:310px;
    background-color:white;
    height:150px;
    margin:0 0 10px;
}

.review-text {
    /*font-family: "Georgia";*/
    margin-top:0px;
    float:left;
}

.reviews .band-song {
    margin-bottom: 4px;
    font-size:18px;

}

.review-image img{
    float:left;
}

.review-perc{
    display:block;
    float:right;
    height:150px;
    line-height:150px;
    text-align:center;
    width:150px;
    font-family:"Georgia";
    font-size:36px;
    font-style:italic;
    color:#cc3333;
}
.comment-row{
    height:150px !important;
    width:636px !important;
    background-color:white;
    margin-bottom:12px;
}

.comment .band-song {
    margin-top: 6px;
    margin-bottom: 4px;
    font-size: 18px;
}

.comment-image{
    float:left;
    width: 150px;
}

.comment {
    position:relative;
    width:474px;
    height:150px;
    float:right;
}

.comm-content {
    margin-top: 5px;
    margin-bottom: 5px;
}

.comm-footer {
    border-top:1px dotted #ccc;
    margin-bottom:3px;
    padding-top:4px;
    width:100%;
    position:absolute;
    bottom:5px;
    font-size:12px;
}

.album-view {
    float:left;
    width:147px;
    margin:0 12px 12px 0;
    font-size:14px;
    font-weight:bold;
}

.album-view-artist {
    font-size:14px;
    font-weight:bold;
    display:inline-table;
    width:147px;
}
.label-link{
    display:inline-table;
    font-size:12px;
    width:300px;
}
.album-view-title {
    font-size:14px;
    font-weight:normal;
    display:inline-table;
}
.album-view-title .albums{
width:auto !important;
}

.user {
    float:left;
    width:150px;
    margin:0 12px 12px 0;
    font-size:14px;
    font-weight:bold;
}

/* ===================FOOTER=================== */
#footer {
    text-transform: uppercase;
    float: left;
    width: 960px;
    padding-bottom: 25px;
}

.footer-div {
    float: left;
    margin-right: 40px;
}

.footer-div h3 {
    font-size: 14px;
    margin-bottom: 5px;
}

.footer-div ul {
    list-style: none;
    padding-left: 0px;
    font-family:georgia;
}

.footer-div a {
    font-size: 10px;
}

p.gray-footer{
    color: rgb(102, 102, 102) !important;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
}

.footer p {
    font-size: 12px;
    color: rgb(204, 51, 51);
}

.footer-link {
    margin-bottom: 2px;
    margin-top: 2px;
}
/* ===================XPLAYLIST-BLOCK=================== */
.xplaylist-block{
    padding:0 0 26px;
}


.xborder:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}
.xborder{display:inline-block;margin:10px 0 11px;}
/* Hide from IE-mac \*/
* html .xborder{height:1%;}
.xborder{display:block;}
/* End hide from IE-mac */

.capitals-grey {
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding-top: 5px;
    text-align: left;
    color: rgb(102,102,102);
    text-transform:uppercase;
}

.italic-red {
    font-size: 14px;
    text-align: right;
    color:rgb(204,51,51);
    font-style:italic;
    padding-top: 5px;
    font-family:georgia;
}

.italic-red.small {
    margin-top: 3px;
    margin-left: 8px;
    font-size: 11px;
    float: right;
}

.band-song {
    line-height: 1.3;
    text-transform: capitalize;
    font-weight: bold;
    color:rgb(204,51,51);
    padding:0;
    margin:0;

}
h3.band-song {
    padding:0 0 5px;
}

#form-login .form-button-login{
    background:#737373;
    text-align:center;
    color:#fff;
    width:312px;
    height:24px;
    line-height:24px;
    padding:0;
    border:0;
    cursor:pointer;
    font-size:14px;
    font-style:italic;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    text-transform:lowercase;
    font-family:georgia;
}
.login-form-label{
    width:162px;
    height:24px;
    line-height:24px;
    display:block;
    float:left;
    margin:0 0 10px;
    text-transform:lowercase;
    font-size:14px;
    font-style:italic;
    font-family:georgia;
}
.login-form-field{
    width:150px;
    height:24px;
    line-height:24px;
    display:block;
    float:left;
    margin:0 0 10px;
}
.login-form-field input{
    width:140px;
    height:24px;
    line-height:24px;
    padding:0 5px;
    display:block;
    float:left;
    border:0;
    background:#fff;
    color:#999;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font-size:14px;
    font-style:italic;
}

.list-view .pager{
    width:630px;
    clear:both;
    text-align:center !important;
    font-size:11px;
    padding-left:0px;
    margin:20px 0 0 !important;
}
.list-view .pager ul{
    padding:0px 0 0;
    font-size:11px;
}
.list-view .pager li{
    display:inline-block;
    padding:0 0px 0 0;
}
.list-view .pager li a{
    white-space:nowrap;
}
.list-view .pager li.selected{
    font-weight:bold;
}

.list-view .pager ul.yiiPager .hidden a {
    border:none;
}


.list-view .pager ul.yiiPager a {
    border:none;
    color: #666666;
    outline: medium none;
    text-decoration: none;
    font-weight:normal;
}


.list-view .pager ul.yiiPager .selected a {
    border:none;
    color: #CC3333;
    outline: medium none;
    text-decoration: none;
    font-weight:bold;
    background:none;
}
.list-view .pager ul.yiiPager .selected a:hover {
    color:#CC3333 !important;
}

.form-button-login{
    background:#737373;
    text-align:center;
    color:#fff;
    width:312px !important;
    height:24px;
    line-height:24px;
    padding:0;
    border:0;
    cursor:pointer;
    font-size:14px;
    font-style:italic;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    text-transform:lowercase;
}
#content .form-button-login{
    width:412px !important;
}
.register-form-label{
    width:162px;
    height:24px;
    line-height:24px;
    display:block;
    float:left;
    margin:0 0 10px;
    text-transform:lowercase;
    font-size:14px;
    font-style:italic;
    font-family:georgia;
}
.register-form-field, .album-form-field-slogan, .album-form-field-tracklist, .album-form-field-review{
    width:250px;
    line-height:24px;
    display:block;
    float:left;
    margin:0 0 10px;
}
.register-form-field input{
    width:240px;
    height:24px;
    line-height:24px;
    padding:0 5px;
    display:block;
    float:left;
    border:0;
    background:#fff;
    color:#999;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font-size:14px;
    font-style:italic;
}

.album-form-field input{
    width:400px;
    height:24px;
    line-height:24px;
    padding:0 5px;
    display:block;
    float:left;
    border:0;
    background:#fff;
    color:#999;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font-size:14px;
    font-style:italic;
}

.album-form-field-review textarea{
    width:400px;
    height:300px;
    line-height:24px;
    padding:0 5px;
    display:block;
    float:left;
    border:0;
    background:#fff;
    color:#999;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font-size:14px;
    font-style:italic;
}


.album-form-field textarea{
    width:400px;
    height:60px;
    line-height:24px;
    padding:0 5px;
    display:block;
    float:left;
    border:0;
    background:#fff;
    color:#999;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font-size:14px;
    font-style:italic;
}

.album-form-field-slogan textarea{
    width:400px;
    height:60px;
    line-height:24px;
    padding:0 5px;
    display:block;
    float:left;
    border:0;
    background:#fff;
    color:#999;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font-size:14px;
    font-style:italic;
}

.album-form-field-tracklist textarea{
    width:400px;
    line-height:24px;
    padding:0 5px;
    display:block;
    float:left;
    border:0;
    background:#fff;
    color:#999;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font-size:14px;
}


.register-form-field textarea{
    width:240px;
    height:120px;
    line-height:24px;
    padding:0 5px;
    display:block;
    float:left;
    border:0;
    background:#fff;
    color:#999;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font-size:14px;
    font-style:italic;
}

.register-form-field .fileupload-buttonbar  {
    background: #1E2D5F;
    background-position: left 0;
    border:none;
    display:inline-block;
    float:left;
    height: 30px;
    width:130px;
}

.register-form-field .table {
    width:300px;
}

.album-form-field .table {
    width:410px;
    background: transparent;
}
.album-form-field .fileupload-buttonbar  {
    display:inline-block;
    float:left;
    height: 30px;
    width:130px;
}

.album-form-field .table-striped tbody tr:nth-child(2n+1) td, .table-striped tbody tr:nth-child(2n+1) th {
    background:transparent !important;
}


.register-form-field .table button {
    background:#CC3333;
    border:none;
    display:inline-block;
    font-size:14px;
    padding: 4px 8px 4px 8px;
}

.register-form-field .btn {
    color:#fff;
    padding-left: 20px;
    top:3px;
    font-size: 15px;
    text-decoration: none;
    position:relative;
}

.register-form {
    padding-bottom:10px;
}

h1{
    font-size:18px;
    font-weight:bold;
    padding:0 0 14px;
}

.album-slogan{
    font-style:italic;
    padding:0 0 16px;
}
.album-cover, .album-tracklist{
    padding:0;
    background:#fff;
}
.album-review p, .comment-block, .artist-bio p{
    padding:0 0 12px;
}
.album-review iframe{
margin-bottom:10px;
}
p.spacing{
    padding:0 0 0px;
}

.comment-block .comment-header{
    font-weight:bold;
}
.comment-block .login-warning{
    font-size:12px;
    padding:5px 0 0px;
}
.comment-block .comment-paragraph{
    padding:5px 0 0;
}

.comment-block {
    padding-bottom:20px;
}

.comment-block-answer {
    padding-bottom:30px;
}

.login-info-success {
    color:#7BAF34;
    padding: 0 0 5px 0;
}

.login-info-failure {
    color:red;
    padding: 0 0 15px 0;
    font-size:12px;
}


.user-fans {
}

.user-fan {
    width:80px;
    float:left;
    padding-right:10px;
    overflow:hidden;
}

.user-fan-label {
    width:150px;
    float:left;
    padding-right:10px;
    overflow:hidden;    
}

.user-fans-avatar {

}

.user-fans-avatar-label {
    position: relative;
}

.user-fans-username {
    margin-top:0px;
    margin-bottom:4px;
    font-size:14px;
    text-align:center;
}

.social-footer {
    padding-top: 30px;
}


.addalbum-button {
    display:inline-block;
    float:left;
    margin:0 15px 0 0;
    background:url(../img/icons/ico-add.png) no-repeat 0 3px;
    padding:0 0 0 20px;
    font-style:italic;
    font-family:georgia;
}

.add-audioteka {
    margin: 0px;
}

.seen-live-button {
    display: inline-block;
    float:left;
    margin:0 15px 0 0;
    background:url(../img/icons/ico-eye.png) no-repeat 0 2px;
    padding:0 0 0 20px;
    font-style:italic;
    font-family:georgia;
}

.stop-seen-live-button {
    display: inline-block;
    float:left;
    margin:0 15px 0 0;
    background:url(../img/icons/ico-eye-crossed.png) no-repeat 0 2px;
    padding:0 0 0 20px;
    font-style:italic;
    font-family:georgia;
}


.become-fan-button, .become-fan-button-right {
    display: inline-block;
    float:left;
    margin:0 15px 0 0;
    background:url(../img/icons/ico-thumbup.png) no-repeat 0 2px;
    padding:0 0 0 20px;
    font-style:italic;
    font-family:georgia;
}

.become-fan-button-right {
    float:right;
    margin-right: 0px;
}

.stop-fan-button, .stop-fan-button-right {
    display: inline-block;
    float:left;
    margin:0 15px 0 0;
    background:url(../img/icons/ico-thumbup.png) no-repeat 0 2px;
    padding:0 0 0 20px;
    font-style:italic;
    font-family:georgia;
}

.stop-fan-button-right {
    float:right;
    margin-right: 0px;
}

.social-buttons {
    display:inline-block;
    float:left;
    margin-left:0px;

}

.precteno-label {
    display:inline-block;
    float:left;
    margin-right:16px;
    margin-top:0;
    font-weight:bold;
    height:30px;
}


.user-filter-name {
    font-size:16px;
}


.user-container {
    position:relative;
    width:648px !important;
}

.user-reviews {
    padding-bottom: 20px;
}

.user-comments {
    padding-bottom: 20px;
}
.user-comment-image {
    width:80px;
    float:left;
    padding-right:15px;
}

.user-comment-content {
    min-height:80px;
}

.user-comment-footer {
    float:left;
}

.user-comment-header {
    font-weight:normal;
    font-size:15px;
    padding-bottom:5px;
}

.user-votes, .user-artists {
    padding-bottom: 20px;
}

.user-comment {
    padding-bottom: 5px;
}


.user-artist {
    float:left;
    padding-right:10px;
    padding-bottom:10px;
    width:116px;
}

.user-artist-preview {

}

.user-artist-name {
    display:block;
    font-size: 16px;
}

.user-label-preview {
    float:left;
    padding-right: 10px;
    font-size: 16px;
}

.become-friend-button {
    display:inline-block;
    float:left;
    background:url(../img/icons/ico-add-user.png) no-repeat 0 2px;
    padding:0 0 0 22px;
    margin:6px 0 0;
    font-family:georgia;
    font-style:italic;
}

.stop-being-friend-button {
    color:#CC3333;
    float:left;
    font-size: 14px;
    position:relative;
    background:url(../img/icons/ico-delete-user.png) no-repeat 0 0px;
    padding:0 0 0 22px;
    font-family:georgia;
    font-style:italic;
}


.friend-request-button {
    display:inline-block;
    float:right;
    margin-top:6px;
}

.friend-request-button a  {
    color:#CC3333;
    top:0;
    font-size: 14px;
    text-decoration: none;
    position:relative;
    background:url(../img/icons/ico-add-user.png) no-repeat 0 0px;
    padding:0 0 0 20px;
    font-family:georgia;
    font-style:italic;
}


.friend-approve-button {
    border:none;
    display:inline-block;
    float:left;
}

.friend-approve-button a  {
    color:#CC3333;
    top:4px;
    font-size: 14px;
    text-decoration: none;
    position:relative;
    font-family:georgia;
    font-style:italic;
}



.edit-profile-button {
    display:inline-block;
    float:right;
    margin-top:6px;
}

.edit-profile-button a{
    color:#CC3333;
    top:4px;
    font-size: 14px;
    text-decoration: none;
    position:relative;
    background:url(../img/icons/ico-edit.png) no-repeat 0 0;
    padding:0 0 0 20px;
    font-family:georgia;
    font-style:italic;
    text-transform:lowercase;
}
.edit-profile-button a:hover{
text-decoration:underline;
}

.user-message-label {
    padding-top:10px;
}

.user-notification-label {
    float:right;
    display:inline-block;
}

.conversation-participants {
    font-size: 15px;
}

.messages .message {
    padding-right:10px;
}

.chat-line {
    padding-left:5px;

}

.chat-line .input-line {
    width:540px;
    border:1px solid black;
}

.chat-line #conversation-submit {
    background: #3B5799;
    padding-top: 0px;
    color:#fff;
    background-position: left 0;
    border:none;
    bottom:5px;
    left:10px;
    font-size: 15px;
    text-decoration: none;
    position:relative;
    height:30px;
    width:80px;
}

.modal, .modal-footer {
    background-color:#F0F0F0;
}



.conversation-textbox input {
    color:black;
}

.review-block {
    float:left;
    width:315px;
    padding-bottom: 15px;
    margin-right:12px;
}

.review-header {
    /*float:left;*/
}

.reviews {
    width: 654px;
    margin-top: 10px;
}

.album-percentage-view {
    float:left;
    width:147px;
    margin:0 10px 10px 0;
    font-size:14px;
    font-weight:bold;
    position:relative;
}

.album-perc-top{
    display:block;
    float:right;
    height:140px;
    line-height:140px;
    text-align:center;
    width:150px;
    font-family:"Georgia";
    font-size:30px;
    font-style:italic;
    color:#cc3333;
}
.album-perc-over,
.artist-view-over {
    text-align:center;
    font-size:14px;
    font-weight:bold;
    color:#666666;
    position:absolute;
    top:100px;
    right:0;
    display:inline-block;
    padding:3px 10px;
    background-color: rgba(255,255,255, 0.9);
}

.album-vote-over {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    position: absolute;
    bottom: 0px;
    right: 0;
    display: inline-block;
    padding: 5px 10px;
    background-color: rgba(0, 0, 0, 0.75);
    left: 0;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

/*
.best-albums .album-perc-over {
        left: 32px;
} */

.album-perc-block, .album-perc-block-left,
.album-perc-block-line {
    float:left;
    width:310px;
    padding-bottom: 15px;
    position:relative;
}
.album-perc-block-line {
    width: 150px;
    margin-right: 12px;
    position:relative;
}
.best-albums .album-perc-block-line {
    margin-right: 0px;
}

.album-perc-block-left {
    margin-right:10px;
}

.album-perc-image,
.album-perc-image-under {
    width:300px;
    background-color:white;
    height:140px;
    margin:0 0 10px;
}
.album-perc-image-under {
    width: 150px;
    height: 150px;
    position: relative;
}

.album-perc-header {
    float:left;
    font-size:16px !important;
}


.search-result-info {
    font-family: "Georgia";
    font-size: 14px;

}

.search-result {
    font-family: "Georgia";
    font-size: 15px;
}

.search-result-header {

}

.album-cover {
    width:200px;
}
.album-cover img{
    float:left;
    height:200px;
    width:200px;
}

.album-tracklist{
    width:416px;
    padding-left:20px;
    overflow:auto;
    height:200px;
    margin-bottom: 20px;
}
.album-tracklist ul{
    padding:0 0 16px;
}

.album-cover, .album-tracklist{
    float:left;

}

.album-audioteka-form {
    width:416px;
    padding-left:20px;
    overflow:auto;
    margin-bottom: 20px;
}


.album-audioteka-form-field textarea{
    width:390px;
    height:80px;
    line-height:24px;
    padding:0 5px;
    display:block;
    float:left;
    border:0;
    background:#fff;
    color:#999;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font-size:14px;
    font-style:italic;
}

.album-audioteka-form-field {
    padding-top: 5px;
    padding-bottom: 10px;
}

.error {
    color:#cc3333;
    padding: 0px;
}

.album-audioteka-form-button-save {
    background:#737373;
    text-align:center;
    color:#fff;
    width:400px !important;
    height:24px;
    line-height:24px;
    padding:0;
    border:0;
    cursor:pointer;
    font-size:14px;
    font-style:italic;
    font-family:georgia;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    text-transform:lowercase;
    margin-left: 0px;
    margin-top: 20px;
}

.album-audioteka-form-header {
    font-weight: bold;
    font-size:15px;    
}

.album-tracklist-caption, .album-review-footer-bold{
    font-weight: bold;
    font-size:15px;
}
.album-review-footer-bold{
    padding:0 0 7px;
    display:inline-block;
    width:160px;
}

.festival-item-header {
     padding:0 0 7px 0px;
    display:inline-block;
    width:80px;  
    font-weight: bold;
    font-size:15px;
    display:table-cell;
}
.festivaly-item-elem {
    display:table-cell;
}
.festival-item-info {
    display: table-cell;
    min-height:160px;
}

.festival-item {
    display: table;
}
.festival-item p {
    display: table;
}



.festival-item-elem {

}

.festival-item-elem-text {

}
.festival-item-elem-text p{
margin-bottom:12px;
}
#festivaly-map {
    margin-top:20px;
    width:100%;
    height:400px;
    border:1px solid #A3A3A3;
}

#festivaly-item-map-detail {
    display: table-cell;
    width:800px;
    height:400px;
    border:1px solid #A3A3A3;
}

#map-modal.modal {
   width: 800px;
   height: 400px;
}

/* MODAL */

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#map-modal.modal {
  position: fixed;
  top: 15%;
  left: 40%;
  z-index: 1050;
  width: 560px;
  margin-left: -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;
}


#map-modal.modal.fade {
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%;
}
#map-modal.modal.fade.in {
  top: 10%;
}
.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}
.modal-header .close {
  margin-top: 2px;
}
.modal-header h3 {
  margin: 0;
  line-height: 30px;
}
.modal-body {
  position: relative;
  overflow-y: auto;
  max-height: 400px;
  padding: 15px;
}
.modal-form {
  margin-bottom: 0;
}
.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  *zoom: 1;
}
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";
  line-height: 0;
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}


.hide {
  display: none;
}
.show {
  display: block;
}
.invisible {
  visibility: hidden;
}
.affix {
  position: fixed;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}


.map-detail-marker {
    height: 18px !important;
}





.festivaly-recommended-item {
    margin: 10px 0px;
    height:30px;
}

.festivaly-recommended-item-date {
    width:18%;
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
    line-height:100%;
    vertical-align: middle;
}
.festivaly-recommended-item-name {
    width:50%;
    vertical-align: middle;
    font-size: 15px;
    font-weight: normal;
    display: inline-block;
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.festivaly-recommended-item-place {
    width:30%;
    line-height:100%;
    font-size: 15px;
    font-weight: normal;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
}

.festivaly-relevant-item {
    padding: 2px 0;
}

#festivaly-item-map-detail img {
    max-width: none !important;
}

#festivaly-item-map-detail .gm-style-iw {
    color:#666;
    font-size: 13px;
    font-weight: bold;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    text-transform: uppercase;
}

.festivaly-map-wrapper img {
    max-width: none !important;
}

.festivaly-map-wrapper .gm-style-iw {
    color:black;
    font-size: 14px;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

.festivaly-map-wrapper .gm-style-iw .festival-item-info-label {
    display: block;
     font-size: 13px;  
     text-transform: none;
     color: #666; 
}

.festivaly-map-wrapper .gm-style-iw .festival-item-info-link {
    display: block;
     font-size: 13px;  
     text-transform: none; 
}

.festivaly-map-wrapper .gm-style-iw .festival-item-info-wrapper {
    padding: 8px 0px;
}


.album-tracklist-caption{
    padding:15px 0 8px;
}


.album-comments-block {
    /*padding-top:20px;*/
}

.album-perc-top-detail{
    display:block;
    /*float:right;*/
    /*text-align:center;*/
    font-family:"Georgia";
    font-size:30px;
    font-style:italic;
    color:#cc3333;
    padding-bottom: 5px;
    line-height:1.2;
}

.rating-block {
    padding-top:5px;
    display:inline-block;
}
#mystar_voting{
    font-size:11px;
}

.rating-block div.rating-cancel {
    display:none !important;
}

#commentRating div.rating-cancel {
    display:none !important;
}

.album-form-field div.rating-cancel {
    display:none !important;
}

.rating-block-comment {
    padding-top:5px;
    padding-bottom:20px;
    display:block;
}

.addcomment-button {
    background: url(../img/icons/ico-comment2.png) no-repeat scroll 0 4px;
    display: inline-block;
    float:left;
    padding:0 0 0 23px;
    font-style:italic;
    font-family:georgia;
}


.comment-form-label {
    font-weight: bold;
    font-size:14px;
    margin-bottom: 5px;
}

.comment-form-block {
    padding-top: 10px;
    padding-bottom: 10px;
}

.comment-form-block textarea {
    width:600px;
    height:100px;
    margin-top:5px;
    font-size:14px;
    padding:5px;
    color:#666666;
}

.save-comment-button {
    background:none;
    border:0;
    display:inline-block;
    font-family:georgia;
    font-style:italic;
    color:#CC3333;
}

.save-comment-button a {
    color:#CC3333;
    font-size: 14px;
    text-decoration: none;
    position:relative;
    text-transform:lowercase;
}


.delete-comment-link {
    padding-left:10px;
}

.search-image {
    width:50px;
    float:left;
    padding-right: 10px;
}

.search-result-block {
    float:left;
    display:inline-block;
    width:540px;
}


.register-form {
    width:620px;
}

.album-button-save{
    background:#737373;
    text-align:center;
    color:#fff;
    width:312px !important;
    height:24px;
    line-height:24px;
    padding:0;
    border:0;
    cursor:pointer;
    font-size:14px;
    font-style:italic;
    font-family:georgia;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    text-transform:lowercase;
    margin-left: 160px;
    margin-top: 10px;
}


#NewMessageForm_text {
    width:455px;
}

/* HOMEPAGE */
.recent-albums .caroufredsel_wrapper {
    height: 320px !important;
}
.recent-albums .carousel a{
    display:inline-block;
}
.pagination {
    /*margin-left: 277px;*/
    position: relative;
    top: -60px;
    text-align: center;
}
.pagination a{
    display:inline-block;
    width:15px;
    height:15px;
    background:url(../img/promo-navigation.png) no-repeat 0 0;
    text-indent:-9999px;
    /*float:left;*/
    margin:0;
}
.pagination a:hover, .pagination a.selected{
    background:url(../img/promo-navigation.png) no-repeat 0 -35px;
}

.album-carousel .prev a, .album-carousel .next a,
.editor-choice .prev a, .editor-choice .next a,
.hottopic-carousel .prev a, .hottopic-carousel .next a {
    text-decoration:none;
    font-size:20px;
    color:#999;
    /*position:absolute;*/
    text-indent:-9999px;
    width:56px;
    height:59px;
    display:block;
    position:relative;
    top:-190px;
}
.editor-choice .prev a, .editor-choice .next a {
    top:-165px;
}
.hottopic-carousel .prev a, .hottopic-carousel .next a {
    top:-165px;
}
.album-carousel .prev a,
.editor-choice .prev a,
.hottopic-carousel .prev a {
    background:url(../img/arrows.png) no-repeat 0 0px;
    z-index:20;
}

.album-carousel .next a,
.editor-choice .next a,
.hottopic-carousel .next a {
    background:url(../img/arrows.png) no-repeat -59px 0px;
    left: 574px;
    margin-top:-59px;
    z-index:20;
}
.editor-choice .caroufredsel_wrapper{
    /*height: 210px !important;*/
}
.editor-choice a {
    display: inline-block;
    vertical-align: top;
    width:150px;
    margin-right:12px;
    height:216px;
}
.editor-choice .pagination a{
width:15px !important;
height:15px !important;
margin:0 !important;
}
.editor-choice .band-song {
    width: 150px;
    margin-right: 12px;
    display: block;
}
.editor-choice {
    height: 228px !important;
    overflow:hidden;
}
.ui-autocomplete {
    width: 310px !important;
}
.ui-autocomplete .user{
    width: auto;
    margin: 0;
}
#albums-container .album-view {
    width: 150px;
}

.post-preview {
    width: 312px;
}
.fl.post-preview {
    margin-right: 12px;
}
.marginBot10 {
    margin-bottom: 12px;
}
.marginBot15 {
    margin-bottom: 15px;
}
.marginBot20 {
    margin-bottom: 20px;
}
.marginRight10 {
    margin-right: 12px !important;
}

.post-title {
    color: #CC3333;
    height:48px;
    line-height: 1.3em;

}
.post-title-main {
    color: #CC3333;
    display: inline-block;
}
.hp-block {
    width: 648px;
}
span.sort-icon {
    padding-left: 0px;
}
span.sort-icon:before {
    text-decoration: none;
}
span.sort-icon:before {
    position: relative;
    top: -2px;
}
.review {
    width: 310px;
}
.reviews-preview {
    width: 310px;
}
.reviews-preview .review-text {
    margin-top: 10px;
}
.filter-alphabet a.active {
    color: #666;
}
.flip {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
		transform: scaleX(-1);
    filter: 'fliph';
}

.pager .halflings:before,
.week-pager .halflings:before{
    top: -8px;
}

ul.yiiPager .first,
ul.yiiPager .last
{
    display: inline;
    width: 15px;
}
ul.yiiPager .next
{
    padding-right: 0px;
}
.tabs .active {
    color: rgb(102,102,102);
    text-decoration: none;
    cursor: default;
}
.filter{
    margin:0 0 15px;
    font-size:12px;
}
.filter .row{
    padding:0 0 10px;
}
.filter .title{
    width:80px;
    display:inline-block;
}
.filter select{
    background: #fff;
    width: 220px;
    padding:1px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 24px;
    line-height: 24px;
    -webkit-appearance: none;
    margin:0;
    font-size:12px;
    font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
.filter .active {
    color: rgb(102,102,102);
    text-decoration: none;
    cursor: default;
}
.social-header {
    float: right;
}
.social-header .edit-profile-button {
    margin-top: 0px;
}
.social-header .precteno-label {
    margin-top: 0px;
    padding-top: 6px;
    height: 19px;
}
.average-vote {
    width: 239px;
}
.last-votes {
    width: 377px;
    overflow:hidden;
}
.vote-name {
    /*width: 150px;*/
    width: 30%;
    display: inline-block;
}
.vote-album {
    /*width: 150px;*/
    width: 50%;
    display: inline-block;
}
.vote-percentage {
    width: 10%;
    /*width: 40px;*/
    display: inline-block;
    text-align: right;
    margin:0 30px 0 0;
    white-space:nowrap;
}
.columnMargin {
    margin-right: 8%;
}
/* HOTTOPIC */
.hottopic-carousel {
    height: 274px;
    margin-bottom: 20px;
    background-color: #ffffff;
}
.hottopic-carousel .caroufredsel_wrapper {
    height: 260px !important;
}
.flex-caption {
    position: relative;
    bottom: 40px;
    padding:6px 10px;
    text-transform: uppercase;
    font-size: 20px;
    color:#fff;
    text-align:left;
    font-weight:bold;
    background-color: rgba(0, 0, 0, 0.6);
}
.flex-caption a{
    color:#fff;
    text-decoration:none;
}



.grid-view table.items{
    border:0 !important;
    margin:0 0 10px;
}
.grid-view table.items tr.odd{
    background:#f3f3f3 !important;
}
.grid-view table.items tr.even{
    background:#fff !important;
}
.grid-view table.items th, .grid-view table.items td{
    border:0 !important;
    text-align:left;
    vertical-align:top;
    padding:5px 10px;
    background:none !important;
}
.grid-view table.items th{
    background:#737373 !important;
}

.grid-view .pager{
    margin:20px 0 0;
}

.last-votes .list-view .pager {
    width:400px;
    margin: 20px auto 0 !important;
    padding-right: 80px;
}

.pager{
    font-size:12px;
}
ul.yiiPager{
    font-size:11px !important;
}
ul.yiiPager a{
    border:0 !important
        color:#CC3333 !important;
}
ul.yiiPager a:link, ul.yiiPager a:visited{
    color:#666 !important;
    border:0 !important;
    padding:1px 1px !important;
}
ul.yiiPager .selected a{
    background:none !important;
    color:#CC3333 !important;
}

.order{
    font-size:12px;
    margin:0 0 16px !important;
}
.albums{
    width:648px;
}

.login-form-error{
    color:red;
    font-size:12px;
    padding:0 0 12px;
}

.glyphicons-icon.albums-icon {
    background-position: -428px -1093px;
}
.glyphicons.albums-icon i:before {
    content: "\e240";
}
.ui-tooltip {
    background:none;
    border: none;
    display:none;
}
.italic-red a {
	margin-left: 10px;
}
.captcha-button {
	display: block;
}
.items .empty {
	display: block;
	margin-top: 10px;
}
a.active {
	text-decoration: none;
	color: #666;
}
.ui-autocomplete-category {
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	/*color: rgb(204, 51, 51);*/
}
.ui-menu .ui-menu-item a.search-all-btn{
	text-align: center;
	color: rgb(204, 51, 51);
	/*font-weight: bold;*/
}
.album-shop-icon {
	display: inline-block;
	/*width: 90px;*/
        margin:0 6px 0 0;
	text-align: center;
}


ul.ui-widget{
font-size:12px !important;
}
.fb_iframe_widget{
float:left;
margin:0 15px 0 0 !important;
}
.smallLetters {
	text-transform: none;
}


.table tbody tr.message td {
    background-color: transparent;
}

.table tbody tr.message:hover td {
    background-color: transparent;
}  

.table th, .table td {
    border:none;
}

.message-list .info {
   background-color: #D9EDF7;
}

.message-list table td {
    word-wrap:break-word;
}



#messageListView .message-text {
    margin-left:68px;
}


.textContent p {
    padding-bottom:12px;
}

.post-content p {
    padding-bottom:12px;
    margin-right: 15px;
}
.jqueryslidemenu ul{
	z-index: 100;
}

.post-image, .post-image img {
	height: 290px !important;
}
.post-right-col {
	width:140px; 
	padding-left: 10px; 
	height: 290px;
}
.post-author-time {
	margin-top: 215px;
}
.post-author {
	margin-top: 276px;
}

.post-info-title {
    color: #CC3333;
    margin-top: 10px;
    padding-bottom:10px;
    background: url("../img/line_twocolumn.png") no-repeat scroll center 20px rgba(0, 0, 0, 0);
    color: #666666;
    font-family: arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    letter-spacing: 0.07em;
    margin-bottom: 10px;
    text-shadow: 0 1px 0 #FFFFFF;
    text-transform: uppercase;
}


.flex-caption {
    color: #FFFFFF;
    font-size: 17px;
    font-weight: bold;
    text-align: left;
}


.band-textcontent {
    width:960px;
    padding-bottom: 20px;
}

.band-textcontent-bold {
    font-weight: bold;
}

.band-textcontent p {
    display: block;
    padding-bottom: 20px;
}

.band-searchcontent {
    padding-bottom: 20px;
    padding-top: 20px;
    width:960px;
    height:421px;
    background:url("../img/band_input_graphics_new.png") no-repeat;
}

.band-searchcontent-label {
    font-size: 21px;
    font-family:open-sans;
    color:#687279;
    text-transform: uppercase;
    display: block;
    margin-bottom: 20px;
    position: relative;
    left:60px;
    top:70px;
    width:400px;
}

.band-searchbox {
    width:350px;
    height:40px;
    position: relative;
    left: 62px;
    top:126px;
}

.band-searchbox input {
    border:none;
    width:350px;
    height:36px;
    font-weight: normal;
    font-size: 15px;
    font-family:open-sans;
    display: inline-block;
    box-shadow:none;
    margin-bottom: 0px;
}

.band-searchbox input:focus {
    border-color: transparent;
    box-shadow: none;
}

.band-searchbox ::-webkit-input-placeholder { /* WebKit browsers */
   color:     #aaa;
}
.band-searchbox :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:     #aaa;
   opacity:1;
}
.band-searchbox ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:     #aaa;
   opacity:1;
}
.band-searchbox :-ms-input-placeholder { /* Internet Explorer 10+ */
   color:     #aaa;
}

#band-searchbox-formbutton {
    width:25px;
    height:25px;
    background:url("../img/band_input_button.png") no-repeat;
    display: inline-block;
    position: relative;
    left: 342px;
    top:-35px;
    cursor:pointer; cursor:hand;
}

.loading {
    background:url('../img/ajax-loader.gif') no-repeat center !important;
}

#band-resultbox {
    height: 120px;
    width:100%;
    padding-bottom: 20px;
}

#band-buttonsbox {
    margin-left: auto;
    margin-right: auto;
    width:860px;
    padding: 0px 50px;
    text-align: center;
    display: block;
}

.band-button {
    display: block;
}

.band-button a {
    width:260px;
    height:45px;
    background: url('../img/band_button_background.png') no-repeat !important;
    display: inline-block;
    line-height: 44px;
    background: no-repeat;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    text-indent: 0px 0px 2px 0px;
    font-family:sans-serif;
    color:#cf1f1f;
    text-transform: uppercase;
    text-decoration: none;
}


.result-found, .result-notfound {
    display: inline-block;   
} 

.band-result-header {
    font-size: 21px;
    font-family:open-sans;
    color:#687279;
    text-transform: uppercase;
    display: block;
    margin-bottom: 20px;
}

.band-register-button {
    margin-left: 160px;
    width:250px !important;
    margin-bottom: 50px;
}

.band-register-button-artist {
    margin-bottom: 50px;
    width:150px !important;
    margin-left: 160px;
}

.band-login-button {
    width:250px !important;
    margin-bottom: 50px;
    margin-left: 160px;
}

.band-register-button-artist {
    width:410px !important;
}


.editable-submit, .editable-cancel {
    color: rgb(204, 51, 51);
    outline: medium none;
    text-decoration: none;
    border:none;
    background: none;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-size: 14px;
    text-align: left;
    padding:0!important;
    cursor: pointer;
}

.input-large {
    color: #666666;
    font-size: 14px;
    margin-top: 5px;
    padding: 5px;
    width: 300px !important;
}

.editable-buttons {
    padding-bottom: 10px;
}

.editable-submit:hover, .editable-cancel:hover {
    text-decoration: underline; !important;
}

.tracklist-delimiter {
    background:#666;
    display:block;
    width:380px;
    max-width:380px;
    height:2px;
    margin: 10px 10px 10px 0px;
}

.italic-red-left {
    margin-right: 220px;
}

.vychazi-cover {
    position: relative;
}

.vychazi-cover-title a {
    position: absolute;
    bottom:15px;
    left:0px;
    text-align: center;
    padding:4px;

    background-color: rgba(0, 0, 0, 0.75);
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    z-index:10;
    width:142px;
    height:34px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.album-preview .album-name-user a {
    font-size: 16px;
}

.album-preview .album-name-user {
    padding-left:8px;
    position:relative;
    bottom:35px;
    width:150px;
    display:inline-block;
      line-height:20px;
      vertical-align:middle;
}

.name-wrapper {
    top:0px;
    display: inline-block;
    max-height:40px !important;
    /*min-height:70px;
    line-height:70px;
    top:0;*/
}


.pager li > a, .pager li > span {
    background-color: transparent;

}

.pager .previous > a, .pager .previous > span {
    float: none;
}

.pager .next > a, .pager .next > span {
    float: none;
}

.list-view {
    padding-top: 0px !important;
}

.soutez-end {
    opacity: 0.25;
}

.odsazeni_album_carousel{
margin-bottom: 100px;
}
.inline{
display: inline
}
.hotttopic_item{
width: 635px; float: left; display: block;
}

.logoTitle {
    display:none;
}

.page-headline {
    margin-top: 10px;
    line-height: 20px;
    padding:0 0px 9px 0;
}

.page-headline-small {
    margin:0;
    margin-top: 16px;
    line-height: 0px;
    padding:0 0px 9px 0;
}

h1, h2, h3 {
    line-height: 20px;
}

.adminlink {
    float:right;
}
.relevant-posts {
    padding-top: 30px;
}

#audioteka-albums .grid-view table.items th a {
    cursor: pointer;
}
#audioteka-albums .grid-view table.items th a.asc {
    background: url('../img/sort-up.png') right center no-repeat;
        padding-right: 10px;
}
#audioteka-albums .grid-view table.items th a.desc {
    background: url('../img/sort-down.png') right center no-repeat;
        padding-right: 10px;
}

.festivaly-items-wrapper .delimiter{
    display: inline-block;
    float:left;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 4px;
    text-align: left;
    color: rgb(102,102,102);
    text-transform: uppercase;
}

.festivaly-items-wrapper h2 {
    padding-bottom: 4px;
    cursor: pointer;
}

.festivaly-items-wrapper h2.active {
    padding-bottom: 4px;
    color: rgb(204, 51, 51);
}

.festivaly-items-wrapper h2:hover {
    color: rgb(204, 51, 51);
    text-decoration: underline;
}

.festivaly-list {
    display:none;
}
.festivaly-list.active {
    display:block;
}

.festival-search-box {
    float:right;
}

.festival-search-box input {
    background: url('../img/search-icon.png') no-repeat scroll 152px 8px;
    background-color: white;
    width: 140px !important;
    height: 24px !important;
    line-height: 24px !important;
    float: right;
    color: rgb(102,102,102) !important;
    font-family: georgia !important;
    font-size: 13px !important;
    padding: 0 25px 0 5px !important;
    border: 0 !important;
    margin: 4px 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 5px;
}

.preview-bottom {
    padding-top: 20px;
}

.italic-red-left-second {
    margin-right: 235px;
}
.cookies-info{position:fixed;left:0;bottom:0;width:100%;background-color:#222223;color:#fff;z-index:9000;padding:5px;text-align:center;font-size:12px;display:none;}
.cookies-info .button{background:#ed001e;color:#fff !important;border:0;border-radius:3px;cursor:pointer;margin:0 20px;padding:4px 12px;text-decoration:none;line-height:2}