body, input, textarea, select {
    background-color: #383838;
    font-size: 11px;
    font-family: Arial;
    color: #a9a8a8;
}
body {
    margin: 0;
    padding: 0;
}

/* *****  Common elements  ***** */

img {
    border: none;
}

div, p {
    margin: 0;
    padding: 0;
}

/* div { border: 1px solid black; } */

a, a:visited {
    text-decoration: none;
    color: #a9a8a8;
}

a:hover {
}

h2, h3, h4 {
    color: #D872CD;
}

.righty {
    float: right;
}

/* *****  Basic page structure  ***** */

#wrap {
    background: url(/img/wrap_bg.jpg) repeat-y 1px 0;
    width: 962px;
    min-width: 300px;
    margin: 10px auto;
    min-height: 300px;
    position: relative;
}

div.sidebar {
    width: 138px;
    padding: 0 0px;
    min-height: 300px;
}

div.capbar {
    clear: both;
}

#top {
    height: 316px;
    width: 746px;
    margin-left: 216px;
}

#topmenu {
    background: url(/img/topmenu_bg.png) repeat-x;
    padding-left: 10px;
    width: 735px;
    height: 49px;
}

#topmenu li a {
    display: block;
    height: 20px;
    width: auto;
    border: none;
    font-size: 12px;
    color: #0e0e0e;
    padding: 27px 10px 2px 10px;
    text-transform: uppercase;
}

#topmenu li a:hover,
#topmenu li a.active_True {
    color: #5b1053;
}

#topmenu #topmenuli_koncerty {
    float: right;
}

#topmenu #topmenu_koncerty {
    background: url(/img/topmenu_koncerty.png) no-repeat left top;
    width: 128px;
    text-indent: 9999px;
    overflow: hidden;
}
#topmenu #topmenu_koncerty:hover,
#topmenu #topmenu_koncerty.active_True {
    background: url(/img/topmenu_koncerty.png) no-repeat left -49px;
}

div.topfoto {
    background: url(/img/foto_newsy.png);
    width: 745px;
    height: 267px;
}
#topfoto_newsy {
    background: url(/img/foto_newsy.jpg);
}
#topfoto_bio {
    background: url(/img/foto_bio.png);
}
#topfoto_media {
    background: url(/img/foto_media.jpg);
}
#topfoto_galeria {
    background: url(/img/foto_galeria.jpg);
}
#topfoto_forum {
    background: url(/img/foto_forum.jpg);
}
#topfoto_kontakt {
    background: url(/img/foto_kontakt.jpg);
}
#topfoto_koncerty {
    background: url(/img/foto_koncerty.jpg);
}


#left {
    float: left;
    width: 214px;
    min-height: 781px;
    margin-top: -316px;
    margin-bottom: 7px;
    border: 1px solid #CA6DC0;
    background-image: url(/img/leftmenu_bg.png);
    background-color: #000;
    background-position: bottom left;
    background-repeat: no-repeat;
    padding: 0px 0px 13px 0px;
    text-align: right;
}

#nataliakukulska_foto {
    display: block;
    width: 214px;
    height: 485px;
    background-image: url(/img/foto_left.png);
}
#nataliakukulska {
    display: block;
    width: 214px;
    height: 60px;
    background: url(/img/nataliakukulska.png) no-repeat left top;
    margin-top: -30px;
    margin-bottom: -15px;
}

#left h2 {
    font-size: 27px;
    color: #d872cd;
    font-weight: normal;
    margin: 20px 18px 10px 10px;
}

#leftmenu li a.l2 {
    background-color: #222222;
    border-bottom: 1px solid #000;
    font-weight: normal;
    font-size: 11px;
    text-transform: lowercase;
}
#leftmenu li a.l2.active_True {
    background-color: #363636;
    color: #f3e1f1;
}
#leftmenu li a.l2:hover {
    background-color: #474747;
}
#leftmenu li a {
    background-color: #282828;
    color: #d872cd;
    border-bottom: 1px solid #000;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px;
    display: block;
    width: 178px;
    height: 12px;
    padding: 3px 18px 4px;
    text-transform: uppercase;
}
#leftmenu li a.active_True {
    background-color: #404040;
    color: #f3e1f1;
}
#leftmenu li a:hover {
    background-color: #474747;
}
#leftmenu li a.inactive,
#leftmenu li a.inactive:hover {
    background-color: #111111;
}

#middle {
    float: left;
    width: 461px;
    min-height: 455px;
    margin: 26px 14px 7px 14px;
    padding: 0 12px 0px 12px;
    border: 1px solid #6F4C6B;
    border-top: 0px none;
    border-bottom: 0px none;
}

#middle h2 {
    margin: 0px 0 27px 0;
    font-size:15px;
    font-weight: normal;
}

#middle hr,
#middle_right hr {
    border: 0 none;
    height: 1px;
    border: 0 none;
    color: #6F4C6B;             /* For IE, Opera*/
    background-color: #6F4C6B;  /* For Mozilla*/
    margin: 10px 0;
    clear: both;
}
div.middle_right_content {
    width: 683px;
    min-height: 455px;
    margin: 10px 0 7px 20px;
    padding: 0 20px;
    border: 1px solid #6F4C6B;
    border-top: 0px none;
    border-bottom: 0px none;
}

#middle p {
    margin: 5px 0;
}

a.back {
    float: right;
    background: url(/img/arrow12_left.png) no-repeat left top;
    padding: 0 0 0 15px;
    display: block;
    overflow: hidden;
    height: 12px;
    text-transform: uppercase;
}
a.back:hover {
    background: url(/img/arrow12_left.png) no-repeat left -12px;
    color: #D872CD;
    text-decoration: none;
}

div.news {
    padding: 0px 0 0 0;
    color: #a9a8a8;
}
div.news span.date {
    color: #878787;
    font-size: 10px;
}
div.news h3 {
    margin: 10px 0 10px;
    font-weight: normal;
    font-size: 12px;
    color: #d872cd;
}
div.news h3 a {
    color: #d872cd;
}
/*div.news a {
    color: #d872cd;
}*/
#middle img {
    max-width: 461px;
}

#middle_right {
    float: left;
    width: 745px;
    min-height: 337px;
    margin: 5px 0px 7px 0px;
    padding: 0 0px 0px 0px;
}

div.pictures_list {
    background-color: #8d1f83;
    width: 698px;
    height: 133px;
    padding: 26px 19px 0 26px;
    margin-left: 2px;
}
div.scrollable {
    width: 705px;
    height: 126px;
    overflow: hidden;
    position: relative;
}
div.pictures_list_container {
    position: absolute;
    width: 12000px;
}
div.scrollLeft {
    display: block;
    width: 220px;
    height: 100px;
    position: absolute;
    left: 20px;
    top: 20px;
}
div.scrollRight {
    display: block;
    width: 220px;
    height: 100px;
    position: absolute;
    right: 20px;
    top: 20px;
}
div.categories_list {
    background: url(/img/categories_bg.jpg) no-repeat bottom left;
    padding: 5px 28px;
}
div.album_description {
    background: url(/img/album_bg.jpg) no-repeat bottom left;
    padding: 7px 28px 5px;
    height: 163px;
    line-height: 170%;
}
div.album_description img {
    float: left;
    height: 163px;
    margin-right: 15px;
}
div.album_description h3 {
    margin: 5px 0;
    text-transform: uppercase;
    font-weight: normal;
}
div.track_description {
    float: left;
    width: 162px;
    padding: 10px 0 10px 28px;
}
div.track_description h4 {
    font-weight: normal;
}
div.track_description p {
    padding: 0 0 0 20px;
    margin: 3px 0;
    line-height: 120%;
}

h4.arrow {
    background:transparent url(/img/arrow14.png) no-repeat scroll 0 1px;
    padding: 1px 0 0 20px;
    height: 13px;
    margin: 20px 0 7px;
}
a.arrow9, a.arrow9:visited {
    background: url(/img/arrow9.png) no-repeat 0px 2px;
    padding: 0 0 0 12px;
    display: block;
    /*height: 10px;*/
    margin: 0 0 3px 0;
}
a.arrow9:hover, a.arrow9.active_True {
    background-position: 0px -20px;
    color: #d872cd;
}


#mp3player {
    width: 169px;
    height: 23px;
}
div.track_lyrics {
    float: left;
    width: 213px;
    padding: 10px 20px;
    margin: 0 20px;
    border: 1px solid #6F4C6B;
    border-top: 0px none;
    border-bottom: 0px none;
}
div.track_lyrics h4 {
    text-transform: uppercase;
}
div.track_lyrics p {
    line-height: 150%;
}
div.tracks_list {
    float: left;
    width: 260px;
    padding: 10px 0;
}
div.tracks_list h4 {
    margin-bottom: 20px;
}
div.tracks_list a, div.tracks_list a.visited {
    background: url(/img/arrow9.png) no-repeat 0px 2px;
    padding: 0 0 0 17px;
    display: block;
    margin: 0 0 12px 3px;
    line-height: 12px;
}
div.tracks_list a:hover, div.tracks_list a.active_True {
    background-position: 0px -20px;
    color: #d872cd;
}
#videoplayer {
    width: 260px;
    height: 190px;
}
#videoplayer_full {
    width: 400px;
    height: 292px;
}
div.pictures_list a.prevPage {
    background: url(/img/arrow15_left.png) no-repeat 0px 0px;
    position: absolute;
    left: 0px;
    bottom: 3px;
    cursor: pointer;
    height: 15px;
    display: block;
}
div.pictures_list a.nextPage {
    background: url(/img/arrow15.png) no-repeat 0px 0px;
    position: absolute;
    right: 4px;
    bottom: 3px;
    cursor: pointer;
    height: 15px;
    display: block;
}
div.pictures_list a.prevPage:hover,
div.pictures_list a.nextPage:hover {
    background-position: 0px -15px;
}
div.folder_list {
    width: 717px;
    padding: 30px 0 30px 28px;
}
div.folder_list ul li a,
div.folder_list ul li a:visited {
    float: left;
    display: block;
    width: 250px;
    height: 52px;
    margin: 0 100px 15px 0;
    text-transform: uppercase;
    background-image: url(/img/calendar.png);
    background-repeat: no-repeat;
    background-position: 1px 1px;
    position: relative;
}
div.folder_list ul li a.active_True,
div.folder_list ul li a:hover {
    color: #d872cd;
    background-position: 1px -49px;
}
div.folder_list ul li a span {
    position: absolute;
    left: 60px;
    bottom: 0px;
}
div.folder_picture {
    width: 50px;
    height: 50px;
    border: 1px solid #6F4C6B;
}

div.galeria-zdjecie {
    margin: 0 20px 0px 0;
    display: block;
    width: 100px;
    height: 100px;
    float: left;
}
div.galeria-zdjecie a {
    display: block;
    width: 100px;
    height: 100px;
    background-image: url(/img/calendar.png);
    background-repeat: no-repeat;
    background-position: left top;
}
div.galeria-zdjecie a:hover {
    background-position: left -100px;
}

table.koncerty {
    width: 460px;
}
table.koncerty tr {
    background-color: #2B2B2B;
}
table.koncerty td {
    padding: 4px 12px;
}
table.koncerty h3 {
    margin: 0px;
}

div.forum {
    margin: 20px 20px 0px 20px;
    width: 725px !important;
}
div.forum a {
    /*font-size: 10px;*/
    /*color: #8F9196;*/
}
div.forum a:hover {
    text-decoration: none;
    color: #D872CD;
}
a.nobg {
    background: none !important;
}
a.nobg img {
    margin: -5px 3px -3px 10px;
}
a.regulamin {
    background: none !important;
    margin: 0 !important;
}
a.regulamin img {
    margin: -5px 0px -4px 10px;
}
div.forum form {
    display: inline;
    margin-top: -4px;
}
div.forum input[type=text],
div.forum input[type=password] {
    border: 1px solid #765067;
    background-color: transparent;
    color: #765067;
    text-align: center;
    width: 80px;
    font-size: 10px;
}
#forum_submit {
    background: url(/img/arrow12.png) no-repeat 2px 4px;
    height: 16px;
    border: 0px none;
    padding-left: 16px;
}
table.forum_toolbar {
    background: url(/img/forum_toolbar_bg.png) repeat-x center left;
    width: 725px;
    margin: 10px 0;
    font-weight: normal;
    font-size: 10px;
    color: #ADAEB1;
}
table.forum_toolbar a {
    margin-right: 15px;
}
table.forum_toolbar img {
    vertical-align: text-bottom;
}
table.forum_toolbar td {
}

table.forum {
    border: 1px solid #CA6DC0;
    width: 725px;
    margin-left: 1px;
    border-collapse:collapse;
    font-size: 11px;
}
tr.forum_title {
    background: url(/img/forum_th_bg.png);
    color: #000000;
}
table.forum th {
    border: 1px solid #CA6DC0;
    padding: 10px;
    font-weight: normal;
    padding: 4px;
    color: #F3E1F1;
}
table.forum td {
    border: 1px solid #5D5F63;
    padding: 10px;
    color: #ADABD1;
}
table.forum tr:last-child td {
    border-bottom: 1px solid #CA6DC0;
}
table.forum tr td:first-child {
    border-left: 1px solid #CA6DC0;
}
table.forum tr td:last-child {
    border-right: 1px solid #CA6DC0;
}

table.forum h4 {
    color: #D872CD;
    font-size: 11px;
    margin: 0px;
}
table.forum img {
    vertical-align: middle;
}
table.forum p {
    font-size: 12px;
    font-family: tahoma;
    letter-spacing: 0.3px;
    margin-top: 6px;
}

#attachments,
#attachments tr,
#attachments th,
#attachments td {
    border: 0px none;
    padding: 0px;
}

table.forum input.submitbutton {
    width: 685px !important;
}
table.forum li.even,
table.forum li.odd,
table.forum span.mceEditor {
    width: 340px !important;
    clear: none;
}
table.forum label,
table.forum textarea {
    width: 320px !important;
}
#attachments_container {
    min-height: 135px;
}
#submit_container {
    clear: both;
}

div.team {
    float: left;
    width: 230px;
    height: 90px;
    margin-bottom: 15px;
    position: relative;
}
div.team a {
    background-image: url(/img/calendar.png);
    background-position: -5px top;
    background-repeat: no-repeat;
    display: block;
    width: 230px;
    height: 90px;
}
div.team a:hover {
    background-position: -5px -100px;
    color: #D872CD;
}
div.team a p {
    position: absolute;
    left: 105px;
    bottom: 0px;
}
div.team a p span {
    color: #A9A8A8;
}
a.links_item {
}
a.links_item img {
    width: 210px;
    height: 80px;
    margin: 0px 18px 27px 0;
}

#bottom {
    width: 718px;
    margin: 7px 0px 0px;
    padding: 7px 0px 0px 244px;
    border-top: 1px solid #6F4C6B;
    background-color: #3A3A3A;
    color: #888888;
    font-size: 10px;
    text-align: right;
}
#bottom a,
#bottom a:visited {
    color: #888888;
}
#bottom a:hover {
    color: #D872CD;
}
a.bottom_banner {
    float: left;
    height: 27px;
    vertical-align: middle;
    margin-right: 10px;
}
a.bottom_banner:hover {
    background-image: none;
}
a.bottom_banner img {
    visibility: hidden;
}
a.bottom_banner:hover img {
    visibility: visible;
}
#right {
    float: right;
    width: 231px;
    margin-top: 26px;
    margin-bottom: 7px;
}

#right p {
    font-size: 15px;
    color: #d872cd;
    margin-bottom: 10px;
}

#right div.banner {
    margin: 27px 0 0 0;
}
#right div.banner img {
    border: 1px solid #D872CD;
}

/* *****  Horizontal menu  ***** */

ul.hmenu {
    list-style-type: none;
    display: block;
    padding: 0;
    margin: 0;
}

ul.hmenu li {
    float: left;
}
ul.hmenu li a {
}

ul.hmenu li a:hover {
}

/* *****  Verical menu  ***** */

ul.vmenu {
    list-style-type: none;
    padding: 0 0 0 0px;
    margin: 0;
}

ul.vmenu ul.vmenu {
    padding: 0 0 0 0px;
}

ul.vmenu li a {
    text-decoration: none;
    margin: 0 0 0 0;
}


ul.vmenu li.active {
    list-style-type: disc;
}

ul.vmenu li.inactive {
    list-style-type: circle;
}

/* *****  Admin table  ***** */
table.admin {
    border-collapse: collapse;
    table-layout: auto;
    width: 100%;
    font-size: 80%;
    text-align: center;
    border: none;
}
table.admin tr:first-child {
    background: transparent url(/img/forum_th_bg.png) repeat scroll 0 0;
    color:  #000000;
}
table.admin th {
    border: 1px solid #CA6DC0;
    color: #F3E1F1;
    font-weight: normal;
    padding: 4px;
}

table.admin td {
    border: 1px solid #5D5F63;
}
table.admin tr:last-child td {
    border-bottom: 1px solid #CA6DC0;
}
table.admin tr td:first-child {
    border-left: 1px solid #CA6DC0;
}
table.admin tr td:last-child {
    border-right: 1px solid #CA6DC0;
}
table.admin ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

table.admin li a, table.admin li a:visited {
    display: block;
    border: 1px solid #CA6DC0;
    background-color: #2B2B2B;
    text-decoration: none;
    color: #a9a8a8;
}

table.admin li a:hover {
    color: #D872CD;
}

/* *****  Admin toolbar  ***** */

ul.toolbar {
    list-style-type:none;
    display:block;
    width: auto;
    height: 12px;
    margin: 0px;
    padding: 1px;
}

ul.toolbar li.action {
    float: right;
    border: 1px solid #CA6DC0;
    background-color: #2B2B2B;
    margin-left: 10px;
    padding: 2px 4px;
}
ul.toolbar a, ul.toolbar a:visited {
    background: url(/img/arrow12.png) no-repeat left top;
    color: #a9a8a8;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 0 0 16px;
    margin: 0 12px 0 0;
    display: block;
    height: 12px;
}

ul.toolbar a.active_True,
ul.toolbar a:hover {
    background: url(/img/arrow12.png) no-repeat left -12px;
    color: #D872CD;
}
ul.toolbar li h2 {
    width: auto;
    margin: 0px;
}


/* ***** FORMULARZE *****  */

input, textarea, select {
    border: 1px solid #CA6DC0;
    background-color: #2B2B2B;
    padding: 2px 4px;
}
input:focus, textarea:focus {
    background-color: #3A3A3A;
}

ul.field_list {
    list-style-type: none;
    padding: 0;
}

ul.field_list label.fieldlabel {
    float: left;
    margin-top: 4px;
    width: 120px;
}

label.required {
    font-weight: bold;
}

span.fielderror {
    color: red;
    text-decoration: blink;
}

ul.field_list input.submitbutton {
    clear: both;
    display: block;
    float: left;
    margin: 10px 0;
    width: 100%;
    background-color: #2B2B2B;
}
ul.field_list input.submitbutton:focus {
    background-color: #3A3A3A;
}

ul.field_list select.singleselectfield,
ul.field_list select.hidingsingleselectfield,
ul.field_list input.textfield,
ul.field_list input.checkbox,
ul.field_list input.calendardatetimepicker,
ul.field_list textarea.textarea,
ul.field_list textarea.soltinymce,
ul.field_list td.fieldcolinput,
ul.field_list input.filefield,
ul.field_list input.passwordfield {
    width: 330px;
    float: left;
}
ul.field_list select.singleselectfield {
    width: 339px;
}

ul.field_list input.calendardatetimepicker {
    width: auto;
    padding: 2px 4px 3px;
}
ul.field_list input.date_field_button {
    background: url(/img/calendar.png) no-repeat left top;
    text-indent: 9999px;
    border: 0 none;
    margin: 1px 0 0 -23px;
    width: 22px;
}
img.imagefield_image {
    height: 100px;
}

ul.field_list textarea.textarea,
ul.field_list textarea.soltinymce {
    height: auto;
}

li.even, li.odd, span.mceEditor{
    display: block;
    clear: both;
    float: left;
    width: 461px;
    margin: 0 0 10px 0;
}

/* ***** Tabber ***** */

ul.tabbernav {
    margin: 0 0 10px 0;
    border-bottom: none 0px;
}
.tabbertab {
    border: none 0px !important;
    padding: 0px !important;
}

fieldset.hidinglistfieldset, fieldset.basicpageinfo, fieldset.advancedpageinfo{
    margin: 0;
    padding: 0px 0 0 0;
    border-style: none !important;
    width: 100% !important;
}

fieldset.hidinglistfieldset legend {
    font-size: 150%;
    padding: 15px 0 0 0;
}

li.odd button, li.even button {
    margin: 2px 0 0 5px;
}

#admin_menu {
    position: absolute;
    top: 295px;
    left: 220px;
    width: 730px;
    background-color: rgba(32,32,32,0.7);
    padding: 2px 4px;
}

a.arrow, a.arrow:visited {
    background: url(/img/arrow12.png) no-repeat right top;
    padding: 0 18px 0 0;
    display: block;
    overflow: hidden;
    height: 12px;
}
a.arrow:hover {
    background: url(/img/arrow12.png) no-repeat right -12px;
    color: #D872CD;
}

a.larrow {
    background: url(/img/arrow12_left.png) no-repeat left top;
    padding: 0 0 0 15px;
    display: block;
    overflow: hidden;
    height: 12px;
}
a.larrow:hover {
    background: url(/img/arrow12_left.png) no-repeat left -12px;
    color: #D872CD;
}

div.downloads_list h3 {
    font-weight: normal;
}
div.downloads_list a {
    background: url(/img/document-save.png) no-repeat;
    float: left;
    display: block;
    height: 22px;
    width: 200px;
    margin-bottom: 20px;
    padding-left: 30px;
    position: relative;
}
div.downloads_list a:hover {
    color: #D872CD;
}
div.downloads_list a span {
    position: absolute;
    bottom: 0;
    text-transform: uppercase;
}


div.contact_info img {
    float: left;
}
#middle div.contact_info p {
    margin-left: 150px;
}
form.contactform ul.field_list label {
    width: 135px;
    padding-right: 15px;
    text-align: right;
}
form.contactform ul.field_list input,
form.contactform ul.field_list textarea {
    width: 200px;
}
form.contactform ul.field_list input.submitbutton {
    background: #2B2B2B url(/img/arrow9.png) no-repeat scroll 25px 5px;
    text-transform: uppercase;
    width: 100px;
    padding-left: 20px;
    margin-left: 190px;
}
form.contactform ul.field_list input.submitbutton:hover {
    background-position: 25px -17px;
    background-color: #3A3A3A;
    color: #D872CD;
}