/* general */
* { font-size: 12px; font-family: Georgia, Times New Roman }
div { position: relative }
html { height: 100%; margin: 0px }
body { height: 100%; margin: 0px; background: white url('/images/gradient.png') repeat-x }
img { border: 0px }
a { color: #705f13 }
th { text-align: right; vertical-align: top; padding: 5px }
td { vertical-align: top; padding: 5px }
input { margin: 4px }
h1 { margin: 30px 0px 0px; font-size: 30px; font-weight: normal; color: #d9d39c }
h3 { margin: 0px; font-size: 30px; font-weight: normal; color: #a9a36c }
h4 { margin: 0px 0px 10px; font-size: 20px; font-weight: normal; color: #a9a36c }
#frame { position: relative; width: 865px; min-height: 100%; margin: 0px auto; background-color: #fefdf6; border: 1px solid #dbdacf; border-width: 0px 1px }
#header_left, #header_right { z-index: 1; display: block; position: absolute; top: 0px }
#header_left { left: -35px }
#header_right { right: -38px }
#body { clear: both; position: relative; top: 0px; margin: 0px 21px; padding: 128px 0px 60px }
#menu { z-index: 5; position: absolute; right: -7px; top: 136px; font-size: 12px; line-height: 16px; text-align: right }
#search { margin: 0px auto; width: 362px }
#search_input { margin: 0px; width: 258px; height: 18px; border: 1px solid #d1ccb4; background-color: white; padding: 2px 6px; font-size: 16px }
#search_button { position: relative; left: 4px; top: 11px }
#loginBox { position: absolute; left: 262px; top: 228px; width: 300px; background-color: #f3f2c7; border: 1px solid #beb9a2; padding: 30px 10px 10px }
#logoutBox { position: absolute; left: 262px; top: 228px; width: 300px; height: 40px; background-color: #fefdf6; border: 1px solid #beb9a2; padding: 30px 10px 10px }
#copyright { z-index: 1; position: relative; /*height: 30px;*/ margin-top: -30px; text-align: center; /*vertical-align: middle;*/ font-size: 11px }
#favourBox { position: absolute; left: 50%; top: 50%; border: 1px solid grey; background-color: white; padding: 30px }
.infoText { text-align: justify; line-height: 22px; text-indent: 20px }

#privateMenu { position: absolute; z-index: 2; right: 0px; bottom: 0px; width: 150px; height: 160px; border: 1px solid #d9d39c; background-color: #f3f2c7; padding: 12px }

.thumb { display: table-cell; width: 273px; padding: 10px 0px 20px; text-align: center; vertical-align: top }

.thumbImage { position: relative; width: 202px; height: 202px; margin: 20px auto; background-color: white; padding: 0px; font-size: 0px }
.thumbImage * { font-size: 0px }
.thumbImage big { display: table; width: 200px; height: 200px; border: 1px dotted #dddddd }
.thumbImage tt { display: table-cell; vertical-align: middle }
.thumbImage img { display: block; margin: auto }
.thumbImage del b { position: absolute; left: -10px; top: -9px; width: 10px; height: 9px; background-image: url('/images/frame_topleft.png') }
.thumbImage del i { position: absolute; left: 0px; top: -9px; width: 202px; height: 9px; background-image: url('/images/frame_top.png') }
.thumbImage del em { position: absolute; right: -12px; top: -9px; width: 12px; height: 9px; background-image: url('/images/frame_topright.png') }
.thumbImage sup { position: absolute; right: -12px; top: 0px; width: 12px; height: 202px; background-image: url('/images/frame_right.png') }
.thumbImage var em { position: absolute; right: -12px; bottom: -13px; width: 12px; height: 13px; background-image: url('/images/frame_bottomright.png') }
.thumbImage var i { position: absolute; right: 0px; bottom: -13px; width: 202px; height: 13px; background-image: url('/images/frame_bottom.png') }
.thumbImage var b { position: absolute; left: -10px; bottom: -13px; width: 10px; height: 13px; background-image: url('/images/frame_bottomleft.png') }
.thumbImage sub { position: absolute; left: -10px; top: 0px; width: 10px; height: 202px; background-image: url('/images/frame_left.png') }

.thumbLabel * { padding: 0px }
.thumbLabel { display: block; position: relative; width: 264px; padding: 0px; margin: 0px auto 30px; border-spacing: 0px; background-color: white }
.thumbLabel .tl { width: 12px; height: 10px; background: url('/images/frame2_topleft.png') top left no-repeat }
.thumbLabel .t { width: 240px; height: 10px; background-color: #fff }
.thumbLabel .tr { width: 12px; height: 10px; background: url('/images/frame2_topright.png') bottom left no-repeat }
.thumbLabel .r { width: 12px; background: url('/images/frame2_right.png') left repeat-y }
.thumbLabel .br { width: 12px; height: 16px; background: url('/images/frame2_bottomright.png') top left no-repeat }
.thumbLabel .b { width: 240px; height: 6px; background: url('/images/frame2_bottom.png') bottom no-repeat }
.thumbLabel .bl { width: 12px; height: 16px; background: url('/images/frame2_bottomleft.png') top right no-repeat }
.thumbLabel .l { width: 12px; background: url('/images/frame2_left.png') right repeat-y }
.thumbLabel .i { position: absolute; right: 0px; bottom: 0px; width: 20px; height: 23px; background-image: url('/images/frame2_info.png') }
.thumbLabel .c { position: relative }

.thumbTitle { font-size: 16px }
.thumbLabel span, .thumbLabel i, .thumbLabel a { font-size: 11px }
/*
.thumbLabel { position: relative; margin: 30px auto; width: 264px; min-height: 34px; height: auto !important; height: 34px; background-color: white }
*/

.thumbInfo { visibility: hidden; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; font-size: 11px }
.thumbInfo div { display: table; width: 100%; height: 100% }
.thumbInfo div div { display: table-cell; vertical-align: middle }
.thumbInfo table { margin: 0px auto }
.thumbInfo th { padding: 0px 4px 0px 0px; text-align: right }
.thumbInfo td { padding: 0px; text-align: left }

/*#artistsListFrame { position: relative; margin: 20px auto; background-color: #f3f2c8; padding: 0px; font-size: 0px }
#artistsListFrame * { font-size: 0px }
#artistsListFrame big { display: table; border: 1px dotted #dddddd }
#artistsListFrame tt { display: table-cell; vertical-align: middle }
#artistsListFrame del b { position: absolute; left: -7px; top: -7px; width: 7px; height: 7px; background-image: url('/images/bigframe_topleft.png') }
#artistsListFrame del i { position: absolute; left: 0px; top: -7px; width: 100%; height: 122px; background-image: url('/images/bigframe_top.png') }
#artistsListFrame del em { position: absolute; right: -8px; top: -7px; width: 8px; height: 7px; background-image: url('/images/bigframe_topright.png') }
#artistsListFrame sup { position: absolute; right: -8px; top: 0px; width: 4px; height: 100%; background-image: url('/images/bigframe_right.png') }
#artistsListFrame var em { position: absolute; right: -8px; bottom: -9px; width: 8px; height: 9px; background-image: url('/images/bigframe_bottomright.png') }
#artistsListFrame var i { position: absolute; right: 0px; bottom: -9px; width: 100%; height: 5px; background-image: url('/images/bigframe_bottom.png') }
#artistsListFrame var b { position: absolute; left: -7px; bottom: -9px; width: 7px; height: 9px; background-image: url('/images/bigframe_bottomleft.png') }
#artistsListFrame sub { position: absolute; left: -7px; top: 0px; width: 2px; height: 100%; background-image: url('/images/bigframe_left.png') }
*/
#artistsListFrame * { padding: 0px }
#artistsListFrame { display: none; position: relative; width: 765px; padding: 0px; margin: 10px auto 30px; border-spacing: 0px; background-color: #f3f2c8 }
#artistsListFrame .tl { width: 7px; height: 7px; background: url('/images/bigframe_topleft.png') top left no-repeat }
#artistsListFrame .t { width: 750px; height: 7px; background: url('/images/bigframe_top.png') top repeat-x }
#artistsListFrame .tr { width: 8px; height: 7px; background: url('/images/bigframe_topright.png') top left no-repeat }
#artistsListFrame .r { width: 4px; height: 100%; background: url('/images/bigframe_right.png') 4px 0px repeat-y }
#artistsListFrame .br { width: 8px; height: 9px; background: url('/images/bigframe_bottomright.png') top left no-repeat }
#artistsListFrame .b { width: 750px; height: 5px; background: url('/images/bigframe_bottom.png') bottom repeat-x }
#artistsListFrame .bl { width: 7px; height: 9px; background: url('/images/bigframe_bottomleft.png') top right no-repeat }
#artistsListFrame .l { width: 2px; height: 100%; background: url('/images/bigframe_left.png') 0px 0px repeat-y }
#artistsListFrame .i { position: absolute; right: 0px; bottom: 0px; width: 20px; height: 23px; background-image: url('/images/bigframe_info.png') }
#artistsListFrame .c { position: relative }
#artistListGradient { position: relative; border: 1px solid red; background: url('/images/bigframe_gradient.png') repeat-x }
#artistList { z-index: 2; font-size: 12px; padding: 10px 7px 5px }
#artistListA { padding: 20px; font-size: 12px }
#artistList table, #artistListA table { width: 100% }
#artistList td, #artistListA td { width: 33% }
#artistLetterList { margin: 6px }
#artistLetterList a, #artistLetterList span { margin: 12px; font-size: 22px; color: #b0af84 }

.searchResult { display: table-cell; width: 33% }
.thumbRow { display: table-row; clear: both }
.thumbTable { display: table; width: 100% }
.log { font-size: 11px; color: grey }
.small { font-size: 10px }
.disabled { color: grey }
.closeLink { position: absolute; right: 10px; top: 10px; font-size: 12px }
.pageList { display: block; width: 100%; text-align: center }
.pageList b { font-weight: normal; font-size: 24px }
#error { margin-top: 10px; margin-left: 10px; color: #ee5345 }




/* info */
#contactForm { height: 390px }
#contactForm table, #contactForm div { margin: 20px auto 0px; border: 1px dashed grey; background-color: white; padding: 10px }
#contactForm th { font-style: italic; font-weight: normal }
.formErrors { color: red }


.message { margin-top: 17px; border: 1px dashed black }
.message th { font-style: italic }
.message th, .message td { background-color: #ffeeee }


#menu_admin { margin-top: 20px; text-align: right }




/* round borders */
.box { float: left }
.box h1, .box h2 { display: block; margin: 0px; background: transparent; font-size: 1px }
.box h1 *, .box h2 * { display: block; overflow: hidden; height: 1px }
.box h1 a, .box h2 a { margin: 0 6px }
.box h1 b, .box h2 b { margin: 0 4px }
.box h1 i, .box h2 i { margin: 0 3px }
.box h1 em, .box h2 em { margin: 0 2px }
.box h1 tt, .box h2 tt { margin: 0 1px; height: 2px }




/* box class */
.box_left { position: relative; margin: 9px 6px 14px 14px }
.box_right { position: relative; margin: 9px 14px 14px 6px }
.box h1 *, .box h2 *, .box_left h1 *, .box_left h2 *, .box_right h1 *, .box_right h2 *, .box_body
  { background-color: #f5f2dc }
.box_header h1 *, .box_header div { background-color: #a5ae19 }
.box_body { padding: 16px 24px; color: #515511 }
.box_body a { color: #515511; border-color: #515511 }
.box_header div { height: 37px; color: #fff }
.box_header div a { margin-left: 31px }
.box h6 { margin: 0px }


/* statistics */
.statistics_seperator { float: left; height: 350px; border-left: 1px dashed black }
.statistics_box { float: left; height: 350px; margin-left: 25px; border-right: 1px dashed black; padding-right: 25px }