.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.link {
    cursor: pointer;
}

.hidden {
    display: none;
}

.shown {
    display: block;
}

.pointer {
    cursor: pointer;
}

.pagination {
    margin: 10px 0px 10px 0px;
    
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.pagination_selected {
    text-decoration: underline !important;
}

/* =====================
***    Design loader ***
===================== */

BODY {
    margin: 0px;
    padding: 0px;
    
    font-family: Arial;
    
    /*background: url("../images/frontend/bodyBG.jpg") #f1ede2 top center no-repeat;*/
}

H1 {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 20px;
}

DIV#designHolder {
    width: 100%
}

DIV#designHolder DIV.designLoader {
    width: 100%;
    height: 15px;
    
    margin: 290px 0px 0px 0px;
    padding: 0px;
    
    /*background: url("../images/frontend/loader.gif") #f1ede2 top center no-repeat;*/
}

DIV.logo {
    margin: 50px 30px 0px 0px;

    filter: alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    
}

/* ==========================================
***        EMPIRE                       ***
========================================== */



/* =====================
***        FRONTPAGE ***
===================== */

/* BANDS */

DIV.empire DIV.bands {
    width: 832px;
    height: 80px;
    
    margin: 0px 0px 20px 0px;
    padding: 0px 10px 10px 10px;
    
    text-align: left;
}

DIV.empire DIV.bands DIV.aband {
    float: left;

    width: 277px !important;
    width: 270px;
    height: 80px;
}

DIV.empire DIV.bands DIV.aband DIV.image {
    float: left;
    
    width: 80px;
    height: 80px;
}

DIV.empire DIV.bands DIV.aband DIV.band {
    float: left;
    
    width: 167px;
    height: 15px;
    
    padding: 0px 20px 5px 10px;
    
    font-size: 11px;
    font-weight: bolder;
}

DIV.empire DIV.bands DIV.aband DIV.description {
    float: left;
    
    width: 177px;
    height: 58px;
    
    padding: 0px 10px 0px 10px;
    
    font-size: 11px;
    font-weight: normal;
    text-align: justify;
    
    overflow: hidden;
}

/* NEWS */

DIV.empire DIV.news {    
    float: left;
    
    width: 300px;
    
    padding: 10px;
    
    text-align: left;
}

DIV.empire DIV.news DIV.anews {
    padding: 5px;
}

DIV.empire DIV.news DIV.title {
    padding: 2px 5px 2px 5px;
    background: #F2EBBD;
    
    font-size: 11px;
    font-weight: bolder;
}
    
DIV.empire DIV.news DIV.text {
    padding: 2px 5px 2px 5px;
    
    /*background: url("../images/frontend/empire/newsBG.jpg") repeat-x;*/

    opacity: 0.6;
}    
    
DIV.empire DIV.news DIV.text DIV.created {
    float: right;
    
    margin: 0px 0px 5px 0px;
    
    color: #4E4832;    
    font-size: 11px;
    font-weight: bolder;

    opacity: 1;

}

DIV.empire DIV.news DIV.text DIV.content {
    font-size: 11px;
    font-weight: normal;
    
    margin: 0px 0px 20px 0px;
    
    text-align: justify;

    opacity: 1;
}

DIV.empire DIV.news DIV.text DIV.content A.more {
    color: #4E4832;
    font-size: 11px;
    font-weight: bolder;
}

/* BOOKING */

DIV.empire DIV.bookings {
    float: left;
    
    width: 482px;
    
    padding: 10px;
    
    text-align: left;
}

DIV.empire DIV.bookings DIV.bookingSelect {
    font-size: 11px;
}

DIV.empire DIV.bookings DIV.bookingSearch {
    margin: 0px 0px 0px 40px;
    font-size: 11px;
}

DIV.empire DIV.bookings DIV.searchParameters {
    font-size: 11px;
    margin: 10px 0px 5px 0px;
}

DIV.empire DIV.bookings INPUT.searchInput {
    font-size: 10px;
    margin: 3px 0px 3px 0px;
}

DIV.empire DIV.bookings INPUT.date {
    width: 70px;
    margin: 0px 30px 0px 0px;
}

DIV.empire DIV.bookings INPUT.date {
    width: 200px;   
}

DIV.empire DIV.bookings DIV.bookingSelect A.selected {
    font-weight: bold;
}
DIV.empire DIV.bookings DIV.bookingSelect A.notselected {
    font-weight: normal;    
}

DIV.empire DIV.bookings DIV.abooking {
    float: left;
    
    width: 480px;
    
    margin: 0px 0px 10px 0px;
}

DIV.empire DIV.bookings DIV.abooking DIV.image {
    float: left;
    
    width: 80px;
    height: 80px;
    
    margin: 0px 10px 20px 0px;
}

DIV.empire DIV.bookings DIV.abooking DIV.title {
    width: 380px;

    margin: 0px 0px 0px 10px;
    
    font-size: 11px;
    font-weight: bolder;
}

DIV.empire DIV.bookings DIV.abooking DIV.description {
    width: 380px;

    margin: 5px 0px 20px 10px;
    
    font-size: 11px;
    font-weight: normal;
    text-align: justify;
}

/* =====================
***        O NAMA ***
===================== */
DIV.empire_about {
    padding: 0px 10px 0px 10px;
    
    font-size: 11px;
    font-weight: normal;
    text-align: justify;
}

/* =====================
***        KONTAKT ***
===================== */
DIV.empire_contact {
    padding: 0px 10px 0px 10px;
    
    font-size: 11px;
    font-weight: normal;
    text-align: justify;
}

/* ==========================================
***        BOOKING                       ***
========================================== */



/* =====================
***        BOOKING ***
===================== */

/* SEARCH */

DIV.booking DIV.search {
    width: 816px;
    padding: 2px;
    
    font-size: 11px;
    
    background: #97A9AB;
    border: 2px solid #596466;
        -moz-border-radius-topright: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
}

DIV.booking DIV.search {
    margin: 10px 0px 10px 0px;
}

DIV.booking DIV.search DIV.linksearch {
    margin: 2px;
}

DIV.booking DIV.search DIV.calendar {
    margin: 20px;
}

DIV.booking DIV.search DIV.chooseband SELECT {
    width: 180px;
    
    background: #596466;
}

/* BOOKED */

DIV.booking DIV.bookings {
    float: left;
     
    width: 780px;
    
    padding: 10px;
    
    text-align: left;
}

DIV.booking DIV.bookings DIV.mainTitleBG {
    clear: both;
    float: left;
    
    width: 285px;
    height: 21px;
    
    margin: 5px 0px 10px 0px;
    padding: 7px 0px 7px 15px;
    
   background: url("/jmages/frontend/images/booking/booking_title.png") top left no-repeat;
}

DIV.booking DIV.bookings DIV.abooking {
    float: left;
    
    width: 780px;
    
    margin: 0px 0px 10px 0px;
}

DIV.booking DIV.bookings DIV.abooking DIV.image {
    float: left;
    
    width: 100px;
    height: 100px;
    
    margin: 0px 10px 20px 0px;
}

DIV.booking DIV.bookings DIV.abooking DIV.title {
    width: 650px;

    margin: 0px 0px 0px 10px;
    
    font-size: 11px;
    font-weight: bolder;
}

DIV.booking DIV.bookings DIV.abooking DIV.description {
    width: 650px;

    margin: 5px 0px 5px 10px;
    
    font-size: 11px;
    font-weight: normal;
    text-align: justify;
}

DIV.booking DIV.bookings DIV.band {
    float: left;
    
    width: 780px;
    
    margin: 0px 0px 10px 0px;
}

DIV.booking DIV.bookings DIV.band DIV.image {
    float: left;
    
    width: 100px;
    height: 100px;
    
    margin: 0px 10px 20px 0px;
}

DIV.booking DIV.bookings DIV.band DIV.title {
    width: 650px;

    margin: 0px 0px 0px 10px;
    
    font-size: 11px;
    font-weight: bolder;
}

DIV.booking DIV.bookings DIV.band DIV.description {
    width: 650px;

    margin: 5px 0px 5px 10px;
    
    font-size: 11px;
    font-weight: normal;
    text-align: justify;
}

/* NOT BOOKED */


/* =====================
***        O NAMA ***
===================== */
DIV.booking_about {
    padding: 0px 10px 0px 10px;
    
    font-size: 11px;
    font-weight: normal;
    text-align: justify;
}

/* =====================
***        KONTAKT ***
===================== */
DIV.booking_contact {
    padding: 0px 10px 0px 10px;
    
    font-size: 11px;
    font-weight: normal;
    text-align: justify;
}


/* =====================
***        LABEL ***
===================== */


/* LABEL BY ALBUM */

DIV.labelbyalbum DIV.labelsbyalbum {
    float: left;
    
    width: 780px;
    
    padding: 10px;
    
    text-align: left;
}

DIV.labelbyalbum DIV.labelsbyalbum DIV.mainTitleBG {
    clear: both;
    float: left;
    
    width: 285px;
    height: 21px;
    
    margin: 5px 0px 10px 0px;
    padding: 7px 0px 7px 15px;
    
   background: url("/jimages/frontend/images/label/label_title.png") top left no-repeat;
}

DIV.labelbyalbum DIV.labelsbyalbum DIV.album {
    float: left;
    
    width: 780px;
    
    margin: 0px 0px 10px 0px;
}

DIV.labelbyalbum DIV.labelsbyalbum DIV.album DIV.image {
    float: left;
    
    width: 100px;
    height: 100px;
    
    margin: 0px 10px 20px 0px;
}

DIV.labelbyalbum DIV.labelsbyalbum DIV.album DIV.title {
    width: 650px;

    margin: 0px 0px 0px 10px;
    
    font-size: 11px;
    font-weight: bolder;
}

DIV.labelbyalbum DIV.labelsbyalbum DIV.album DIV.description {
    width: 650px;

    margin: 5px 0px 5px 10px;
    
    font-size: 11px;
    font-weight: normal;
    text-align: justify;
}

/* LABEL BY BAND */

DIV.labelbyband DIV.labelsbyband {
    float: left;
    
    width: 780px;
    
    padding: 10px;
    
    text-align: left;
}

DIV.labelbyband DIV.labelsbyband DIV.mainTitleBG {
    clear: both;
    float: left;
    
    width: 285px;
    height: 21px;
    
    margin: 5px 0px 10px 0px;
    padding: 7px 0px 7px 15px;
    
    background: url("/jimages/frontend/images/label/label_title.png") top left no-repeat;
}

DIV.labelbyband DIV.labelsbyband DIV.band {
    float: left;
    
    width: 780px;
    
    margin: 0px 0px 10px 0px;
}

DIV.labelbyband DIV.labelsbyband DIV.band DIV.image {
    float: left;
    
    width: 100px;
    height: 100px;
    
    margin: 0px 10px 20px 0px;
}

DIV.labelbyband DIV.labelsbyband DIV.band DIV.title {
    width: 650px;

    margin: 0px 0px 0px 10px;
    
    font-size: 11px;
    font-weight: bolder;
}

DIV.labelbyband DIV.labelsbyband DIV.band DIV.description {
    width: 650px;

    margin: 5px 0px 5px 10px;
    
    font-size: 11px;
    font-weight: normal;
    text-align: justify;
}

/* BAND */

DIV.labelband {
    padding: 20px;
}

DIV.labelband DIV.image {
    float: left;
    
    width: 300px;
    height: 300px;
    
    margin: 0px 30px 20px 0px;
}

DIV.labelband DIV.description {
    width: 520px;
    height: 100px;
    
    overflow: hidden;

    margin: 5px 0px 0px 10px;
    
    font-size: 11px;
    font-weight: normal;
    text-align: justify;
}

DIV.labelband A.descriptionMore {
    font-size: 11px;
    font-weight: bold;
    margin: 5px 40px 20px 10px;
}

DIV.labelband DIV.fulldescription {
    width: 100%;

    padding: 5px 10px 20px 0px;
    
    font-size: 11px;
    font-weight: normal;
    text-align: justify;
}

DIV.labelband DIV.links {
    width: 400px;

    margin: 5px 0px 20px 10px;
    
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    color: #ffaaaa;
}

DIV.labelband DIV.album {
    float: left;
    
    width: 780px;
    
    margin: 0px 0px 10px 0px;
}

DIV.labelband DIV.album DIV.image {
    float: left;
    
    width: 100px;
    height: 100px;
    
    margin: 0px 10px 20px 0px;
}

DIV.labelband DIV.album DIV.title {
    width: 650px;

    margin: 0px 0px 0px 10px;
    
    font-size: 11px;
    font-weight: bolder;
}

DIV.labelband DIV.album DIV.description {
    width: 650px;

    margin: 5px 0px 5px 10px;
    
    font-size: 11px;
    font-weight: normal;
    text-align: justify;
}

DIV.labelband DIV.galleryholder {
    float: left;
    width: 440px;
}

DIV.labelband DIV.gallery DIV.image {
    float: left;
    
    width: 100px;
    height: 100px;
    
    margin: 0px 10px 20px 0px;   
}

DIV.labelband DIV.bookingholder {
    float: left;
    width: 380px;
}

DIV.labelband DIV.booking {
    width: 350px;
    
    font-size: 11px;
    text-align: justify;    
}

DIV.labelband DIV.booking DIV.location {
    width: 650px;

    font-weight: bold;
}

DIV.labelband DIV.booking DIV.description {
    width: 650px;

    font-weight: normal;
}

DIV.labelalbum {
    padding: 15px;
    
    font-size: 11px;
    text-align: justify;
    color: #666666;
}

DIV.image_holder {
    margin: 0px 20px 20px 0px;
    padding: 0px;
    
    background-color: #000000;    
    
    font-size: 0px;
    line-height: 0px;    
}

/* =====================
***        O NAMA ***
===================== */
DIV.label_about {
    padding: 0px 10px 0px 10px;
    
    font-size: 11px;
    font-weight: normal;
    text-align: justify;
}

/* =====================
***        KONTAKT ***
===================== */
DIV.label_contact {
    padding: 0px 10px 0px 10px;
    
    font-size: 11px;
    font-weight: normal;
    text-align: justify;
}

/* =====================
***        SHOP ***
===================== */

DIV.shop_search {
    
    margin: 5px 0px 15px 0px;
    
    font-size: 11px;
    color: #aa9167;
    
}

DIV.shop_cart {
    
    margin: 5px 20px 15px 0px;
    
    font-size: 11px;
    color: #aa9167;
    
}

DIV.shop_search INPUT {
    float: left;
    height: 12px;
    line-height: 12px;
    font-size: 10px;
    color: #adadad;
}

DIV.shop_search A {
    float: left;
    margin: 0px 0px 0px 10px;
    font-size: 13px;
}

DIV.shop {
    float: left;
    
    width: 781px;
    
    padding: 10px;
    
    text-align: left;
}

DIV.shop DIV.category {
    float: left;
    
    width: 790px;
    height: 110px;
    
    background: #909b5c;
    border: 0px solid #999999;
        -moz-border-radius-topright: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
    
    margin: 0px 0px 20px 0px;
    padding: 0px;
    color: #aaaaaa;
}

DIV.shop DIV.child {
    background: #c2c6a3;
}

DIV.shop DIV.category DIV.title{
    width: 520px;

    margin: 5px 0px 0px 10px;
    
    font-size: 14px;
    font-weight: bold;
    color: #333333;
}

DIV.shop DIV.category DIV.description {
    width: 520px;

    margin: 5px 0px 5px 10px;
    
    font-size: 11px;
    font-weight: normal;
    text-align: justify;
}

DIV.shop DIV.product {
    float: left;
    
    width: 790px;
    height: 110px;
    
    margin: 0px 0px 10px 0px;
    color: #777777;
}

DIV.shop DIV.product INPUT.quantity {
    width: 30px;
}

DIV.shop DIV.image {
    float: left;
    
    width: 110px;
    height: 110px;
    
    margin: 0px 10px 0px 0px;
}

DIV.shop DIV.product DIV.title {
    width: 520px;

    margin: 5px 0px 0px 10px;
    
    font-size: 14px;
    font-weight: bold;
    color: #6d7441;
}

DIV.shop DIV.product DIV.description {
    width: 520px;
    height: 30px;

    margin: 5px 0px 5px 10px;
    
    font-size: 11px;
    font-weight: normal;
    text-align: justify;
    overflow: hidden;
}

DIV.shop DIV.product DIV.band {
    width: 120px;

    margin: 5px 0px 5px 10px;
    
    font-size: 11px;
    font-weight: normal;
    text-align: justify;
}

DIV.shop DIV.product DIV.info {
    margin: 2px 10px 2px 10px;
    
    font-size: 11px;
    font-weight: normal;
    text-align: justify;
    
}

DIV.shop DIV.product DIV.receipt {
    width: 100%;

    margin: 2px 0px 2px 10px;
    
    font-size: 11px;
    font-weight: normal;
    text-align: justify;
    
}

DIV.shop A.price_caption {
    color: #c46c48;
    font-size: 11px;
    font-weight: normal;
}

DIV.shop A.price_value {
    color: #462b10;
    font-size: 11px;
    font-weight: bold;
}


DIV.shop_product {
    margin: 20px 20px 40px 20px;
}

DIV.shop_product INPUT.quantity {
    width: 30px;
}

DIV.shop_product DIV.info {
    width: 120px;

    margin: 2px 0px 2px 10px;
    
    font-size: 11px;
    font-weight: normal;
    text-align: justify;
    
}

DIV.shop_product DIV.image {
    float: left;
    
    width: 300px;
    height: 300px;
    
    margin: 0px 30px 20px 0px;
}

DIV.shop_product DIV.description {
    width: 520px;
    height: 100px;
    
    overflow: hidden;

    margin: 5px 0px 0px 10px;
    
    font-size: 11px;
    font-weight: normal;
    text-align: justify;
}

DIV.shop_product A.descriptionMore {
    font-size: 11px;
    font-weight: bold;
    margin: 5px 40px 20px 10px;
}

DIV.shop_product DIV.fulldescription {
    width: 100%;

    margin: 5px 20px 20px 0px;
    
    font-size: 11px;
    font-weight: normal;
    text-align: justify;
}

DIV.shop_product DIV.fulldescription P {
    width: auto;   
}

DIV.shop_product DIV.galleryholder {
    float: left;
    width: 440px;
}

DIV.shop_product DIV.gallery DIV.image {
    float: left;
    
    width: 100px;
    height: 100px;
    
    margin: 0px 10px 20px 0px;   
}

/* =====================
***        FESTIVAL ***
===================== */
DIV.festival DIV.banner {
    width: 349px;
    height: 292px;
    
    background: url("/jimages/frontend/images/festival/festival_banner.jpg") no-repeat;
}

DIV.festival DIV.news {
    width: 304px;
    padding: 10px 0px 0px 45px;
}


DIV.festival DIV.news DIV.title {
    width: 249px;
    padding: 10px 5px 0px 0px;
    
    font-size: 14px;
    font-weight: bold;
    color: #b80f12;
}

DIV.festival DIV.news DIV.time {
    width: 249px;
    padding: 4px 5px 0px 0px;
    
    font-size: 10px;
    color: #b80f12;
}

DIV.festival DIV.news DIV.content {
    width: 249px;
    padding: 10px 5px 10px 0px;
    
    font-size: 11px;
    color: #000000;
    text-align: justify;
    
    border-bottom: 1px solid #000000;
}

DIV.festival DIV.shoutbox {
    width: 248px;
    height: 36px;
    
    /*background: url("../images/frontend/images/festival/shoutbox.jpg") no-repeat;*/
}

DIV.festival DIV.shout {
    width: 228px;
    padding: 10px;

    background: #e2ded3;
}

DIV.festival DIV.shout DIV.shout_title {
    width: 228px;
    margin: 20px 10px 20px 10px;

    font-size: 14px;
    font-weight: bold;
    color: #000000;

    background: #e2ded3;
}

DIV.festival DIV.shout INPUT[type=text], DIV.festival DIV.shout TEXTAREA {
    
    width: 100%;
    margin: 0px 0px 10px 0px;
    border: 1px solid #fe0000;
    
}

DIV.festival DIV.shout INPUT[type=button] {
    background: #b41414;
    color: #ffffff;
}

DIV.festival DIV.shout DIV.title {
    margin: 0px 0px 10px 0px;
    
    font-size: 14px;
    font-weight: bold;
    color: #b80f12;
}

DIV.festival DIV.shout DIV.content {
    padding: 0px 0px 10px 0px;

    font-size: 11px;
    color: #000000;
    text-align: justify;
    
    border-bottom: 1px solid #000000;
}

DIV.festival DIV.soundz {
    width: 210px;
    height: 36px;
    
    /*background: url("../images/frontend/images/festival/soundz.jpg") no-repeat;*/
}

DIV.festival DIV.player {
    float: left;
    
    width: 210px;
    
    padding: 20px 0px 0px 20px;
}

DIV.festival DIV.band {
    float: left;
    
    width: 210px;
    padding: 20px 0px 0px 20px;
}

DIV.festival DIV.band DIV.image {
    float: left;
    
    width: 200px;
    
    margin: 0px 0px 10px 0px;
}

DIV.festival DIV.band DIV.title {
    width: 200px;

    margin: 0px 0px 0px 0px;
    
    font-size: 11px;
    font-weight: bolder;
    color: #b80f12;
}

DIV.festival DIV.band DIV.description {
    width: 200px;

    margin: 5px 0px 5px 0px;
    
    font-size: 11px;
    font-weight: normal;
    text-align: justify;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
.lightbrown{
	color: #aa9167;
}
.lightblue{
	color: #0086cd;
}