body {
    font: 11px Tahoma,Arial,Helvetica,sans-serif;
    color: #000;
    background: url('../images/back.gif');
   }
   input,select {font-family: Tahoma,Arial,Helvetica,sans-serif; font-size: 11px;}
   a:link {text-decoration: none; color: #0080c0;}
   a:visited {text-decoration: none; color: #ff1039;}
   a:active {text-decoration: none; color: #000000;}
   a:hover {text-decoration: underline;}
   strong {font-weight: bold;}
   .imgLeft {float: left; margin-right: 5px;}
   .imgRight {float: right; margin-left: 5px;}
   .centre {text-align: center;}
   ul {list-style: square outside; margin: 10px 0 10px 20px;}
   ol {list-style: decimal inside; margin: 10px 0 10px 20px;}
   .palebg1 {background-color: #eef;}
   .palebg2 {background-color: #fee;}
   .clear {clear: both;}
   p.error,p.status {color: white; padding: 3px 5px; border: 1px solid #555; font-weight: bold;}
   p.error {background: #ff1039;}
   p.status {background: #5585d3;}
   p.nolink a:link,p.nolink a:visited,p.nolink a.active,p.noline a:hover {color: black;}
   th {font-weight: bold;}
   p.backToTop {border-top: 1px dashed #aaa; text-align: right; padding-top: 0px; margin-top: 5px; font-size: 11px;}
   p.centre {text-align: center;}
   p.right {text-align: right;}
   dl {margin-top: 20px;}
   dt {font-weight: bold; background: #ddd; padding: 2px; margin-bottom: 5px;}
   dd {margin: 0 0 10px 10px;}
   .autoclear {color: #555;}

   #container {
    width: 960px;
    margin: 10px auto;
   }
   #header {
    background: #000 url('../images/toplogo1.gif') no-repeat top left;
    color: #aaa;
    font-size: 11px;
    padding: 52px 15px 0 145px;
    height: 18px;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    -khtml-border-radius: 10px 10px 0 0;
   }
   #header h1 {
    display: none;
   }
   #top_advert {
    float: right;
    width: 234px;
    height: 60px;
    margin: -47px 0 0 0;
   }
   
   
   #side {
    float: left;
    width: 145px;
   }
   
   #nav {
    background: #000 url('../images/toplogo2.gif') no-repeat top left;
    color: white;
    border-bottom: 10px solid #ff1039;
    margin-bottom: 10px;
    padding: 90px 0px 10px 10px;
    width: 135px;
   }
   
   #google_ad {
    margin-left: 10px;
   }

   #nav ul {margin: 0 0 10px 0; list-style-type: none;}
   #nav ul ul {border-top: 2px solid black;}
   #nav li {border-bottom: 2px solid black;}
   #nav li li {border-bottom: 0px;}
   #nav ul a {
    display: block;
    background-color: transparent;
    color: white;
    border-left: 5px solid #555555;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
    padding: 3px 5px 3px 5px;
    width: 109px;
   }
   #nav ul a:hover {
    background-color: #0080c0;
    border-left-color: #ff1039;
    font-weight: bold;
   }
   #nav ul li li a {
    display: block;
    background-color: #444;
    color: white;
    border-left: 5px solid #666;
    border-bottom: 1px solid #666;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
    margin-left: 10px;
    padding: 3px 5px 3px 5px;
    width: 99px;
   }
   #nav ul a.active {
    font-weight: bold;
    border-left-color: #ff1039;
   }
   #nav li.spacer {border-top: 1px dashed #aaa; margin: 3px 10px 3px 0; height: 0; line-height: 0px; font-size: 0px;}
   #nav ul .menu {display: none;}
   #nav ul .openMenu {display: block;}


   #location,#description {
    float: left;
    width: 815px;
    border-bottom: 1px solid black;
    overflow: hidden;
   }
   #location p,#description p {
    padding: 0 10px 0 5px;
    text-align: right;
   }
   #location {
    background-color: #eee;
    background: url('../images/gradient.gif');
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
   }
   #location_notice {
    float: left;
    font-weight: bold;
    background: #ff1039;
    color: white;
    font-size: 11px;
   }
   #location_notice a:link,#location_notice a:visited,#location_notice a:hover,#location_notice a:active {color: white;}
   #description {
    background-color: #ddd;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    height: 20px;
   }
   #header_search {
    float: left;
    width: 300px;
    text-align: left !important;
    margin-top: 2px;
   }

   #content {
    float: left;
    width: 795px;
    background: transparent;
    margin: 0 0 10px 0;
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
   }

   #content p {margin-bottom: 10px;}
   #content p.intro {
    background: #ddd;
    padding: 5px;
    border-left: 2px solid #ff1039;
    margin-bottom: 10px;
   }

   .content_box {
    margin-bottom: 10px;
    background: #eee;
    padding: 10px 10px 0 10px;
    border-bottom: 1px solid #87A9E1;
   }
   .small_text {
    font-size: 11px;
    line-height: 14px;
   }
   .content_box h2 {
    font-size: 12px;
    background: #5585D3;
    border-bottom: 2px solid #87A9E1;
    padding: 5px;
    margin: -10px -10px 10px -10px;
    color: white;
    clear: both;
    font-weight: bold;
    line-height: 16px;
   }
   .content_box h3 {
    border-bottom: 1px solid #AAAAAA;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0 0 1px 5px;
    clear: both;
   }
   .content_box span.big {
    background-color: #ddd;
    border: 1px solid #aaa;
    float: left;
    font-size: 36px;
    line-height: 34px;
    margin-right: 2px;
    padding: 0 5px;
   }
   .content_box p.content_box_footer {
    font-size: 11px;
    line-height: 14px;
    border-top: 1px solid black;
    clear: both;
    margin-bottom: 0;
   }

   .links_box {
    float: right;
    text-align: right;
    padding: 5px;
    background: #eef;
    line-height: 1.5;
    border: 1px solid #aaa;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
    margin-bottom: 10px;
   }
   
   #column1 {
    float: left;
    width: 500px;
   }

   #column2 {
    float: right;
    width: 280px;
   }
   
   #column1.equal,#column2.equal {
    width: 390px;
   }
   
   #login_box {width: 500px; margin: 30px auto;}
   #login_box form {margin: 20px;}
   #login_box label {margin-right: 10px;}
   #login_box input {margin-bottom: 5px;}
   #invalid_box {width: 500px; margin: 30px auto;}


   dl.bigList {
    margin: 10px 10px 20px 20px;
    width: 350px;
    float: left;
   }
   dl.bigList dt {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 2px;
   }
   dl.bigList dd {
    margin: 0 0 10px 10px;
    font-size: 11px;
    line-height: 14px;
   }
   dl.bigList dt a {display: block;}
   dl.bigList dt a:link {color: black;}
   dl.bigList dt a:visited {color: black;}
   dl.bigList dt a:hover {
    padding-left: 5px;
    color: black;
    text-decoration: none;
   }
   dl.bigList dt a:active {color: black;}

   #footer {
    background-color: #000;
    color: #aaa;
    font-size: 11px;
    text-align: right;
    vertical-align: middle;
    padding: 6px 8px;
    clear: both;
   }
   
   div.clear {clear: both;}

   #comment_form {margin-bottom: 10px;}
   #comment_form #comment_text {width: 90%;}
   #comments_list {list-style-position: outside; font-size: 12px; line-height: 16px;}
   #JT #comments_list {font-size: 11px; line-height: 14px; margin-bottom: 0;}
   #JT #comments_list li {margin-bottom: 5px;}
   #JT p + p {margin-top: 5px;}
   #colorbox p + p {margin-top: 5px;}   
   
   .discoSection {
    background-color: black;
    text-align: center;
    padding-top: 2px;
   }
   .discoTitle {
    margin: 5px 0px 10px 0px;
   }
   
td.discoTitleLeft {width: 250px; font-size: 11px; line-height: 14px; vertical-align: top;}
td.discoTitleRight {}
td.discoTitleLeft a:link {text-decoration: none; color: #000;}
td.discoTitleLeft a:visited {text-decoration: none; color: #000;}
td.discoTitleLeft a:active {text-decoration: none; color: #000;}
td.discoTitleLeft a:hover {text-decoration: underline; color: #000;}

   div.linkToTop {
    background-color: #eee;
    margin-top: 5px;
    border: 1px solid #aaa;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
    text-align: right;
    font-size: 11px;
    padding: 2px 5px 2px 0px;
   }

   .disco_table {font-size: 11px; line-height: 14px; border-spacing: 2px; width: 100%;}
   .disco_table ul.discoList {list-style: outside square; padding-left: 20px; margin: 0px;}
   .disco_table ul.discoList a:link {text-decoration: none; color: #000;}
   .disco_table ul.discoList a:visited {text-decoration: none; color: #000;}
   .disco_table ul.discoList a:active {text-decoration: none; color: #000;}
   .disco_table ul.discoList a:hover {text-decoration: underline; color: #000;}
   ul.discoList li {border-bottom: 1px solid #ccc; margin-bottom: 2px; padding-bottom: 2px;}
   .track-icons {float: right;}

   p.listp {margin: 0 !important; font-weight: bold;}
   
   .disco_table td.releasesType {
    background-color: black;
    color: white;
    text-align: right;
    font-weight: bold;
    padding: 4px;
   }
   
   .disco_table td.discoFormats,.disco_table td.discoTracks {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: 2px;
   }

   .disco_table .cover_box {
    background: #eee;
    padding: 5px;
    margin: 5px 5px 5px 5px;
    border: 1px solid #aaa;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
   }

   img.coverPic {
    margin-right: 6px;
    margin-bottom: 6px;
    cursor: pointer;
   }
   
   em {
    font-weight: bold;
    font-style: normal;
   }
   ul img {
    margin-left: 2px;
    position: relative;
    top: 1px;
    display: inline;
   }   
   
   #colorbox h1 {font-size: 12px; font-weight: bold; margin-bottom: 5px;}
   .cover_large {
    text-align: center;
   }
   .ui-tabs .ui-tabs-hide {
        display: none;
   }
   .ui-autocomplete-category {
    font-weight:bold;
    padding:.2em .4em;
    line-height:1.5;
   }

   
   input[type="text"],input[type="password"],textarea {border: 1px solid #ccc; padding: 3px;}
   .search_disco,#search_releases,#search_tracks {width: 90%;}
   .search_disco,#search_releases,#search_tracks,#writer_searchText,#catno_searchText {background: white url('../images/disco_icons/magnifier.png') no-repeat 2px 2px; padding-left: 20px !important; background-position: 2px 2px !important;}
   #header_search {padding-left: 2px !important;}
   #header_search input {color: #555 !important; border: none;}
   #writer_searchText,#catno_searchText {width: 65%;}
   .select_disco {margin-bottom: 10px;}
   .select_disco select {display: block; margin: 5px 0 5px 20px; font-size: 11px;}

   #main_cover {
    float: left;
    margin-bottom: 10px;
    border: 1px solid #aaa;
   }
   
   ul.list_float {float: left; margin-top: 0; margin-right: 10px;}
   
   /* DISCO MENUS */
   #not_logged {
    background: #eee;
    margin-bottom: 10px;
    padding: 5px;
    text-align: center;
    font-size: 11px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: 1px solid #aaa;
   }
   #disco_menu {
    background: #eee;
    border: 1px solid #aaa;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
    text-align: center;
    padding: 5px;
    font-weight: bold;
    margin: 10px 20px;
   }
   #disco_menu span.title {margin: 0 0 0 20px;}
   #disco_menu ul {
    text-align: left;
    list-style-type: none;
    margin: 10px auto;
    display: inline;
   }
   #disco_menu ul li {
    display: inline;
    position: relative;
    margin: 5px 0px;
    padding: 5px 20px;
    font-weight: normal;
   }
   #disco_menu ul li span {
    cursor: pointer;
   }
   #disco_menu ul li:hover {
    background-color: #0080c0;
    color: #fff;
   }
   
   #disco_menu ul li table {
    position: absolute;
    left: -10000px;
    width: 400px;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
    z-index: 1;
    font-size: 11px;
    color: black;
    border-spacing: 2px;
    border-collapse: collapse;
    border: 1px solid #888;
   }
   #disco_menu ul li table td {
    padding: 2px 4px;
   }
   #disco_menu ul li:hover table {left: -100px;}

   .discoYear {
    background-color: black;
    color: white;
    font-weight: bold;
    width: 25px;
    border: 1px solid #888;
   }
   .discoTitles {
    border: 1px solid #888;
   }

   
#disco_right_menu {
 position: absolute;
 width: 300px;
 visibility: hidden;
 opacity: 0.9;
 filter: alpha(opacity=90);
 -moz-opacity: 0.9;
 -webkit-opacity: 0.9;
 -o-opacity: 0.9;
 -khtml-opacity: 0.9;
 background: #fff;
 z-index: 2;
 top: 0;
 left: 0;
 font-size: 11px;
 padding: 2px;
 border-spacing: 2px;
 border-collapse: collapse;
}
#disco_right_menu th,#disco_right_menu td {
 padding: 2px 4px;
}
#disco_right_menu th {
 background-color: black;
 color: white;
 font-weight: bold;
 text-align: right;
}
#disco_right_menu h3 {
 background: url('../images/mksmall.gif') no-repeat;
 font-size: 12px;
 font-weight: bold;
 text-align: right;
 line-height: 20px;
 border: 0;
 margin: 0;
}

#filter_form {
 border: 1px solid #aaa;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -o-border-radius: 5px;
 -khtml-border-radius: 5px;
 margin: 10px;
 padding: 10px;
}
#filter_form p {margin: 0 0 5px 0;}
#filter_form span.filter_note {float: left; font-size: 11px; font-weight: normal; margin-left: 5px;}
#filter_form p.filter_form_buttons {
 margin: 10px 0 0 0;
 text-align: right;
 background: #eee;
 padding: 5px; 
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -o-border-radius: 5px;
 -khtml-border-radius: 5px;
}

#mix_table {width: 100%; font-size: 11px; line-height: 14px; border-collapse: collapse;}
#mix_table a {color: black;}
#mix_table td,#mix_table th {padding: 4px;}
#mix_table td {border: 1px solid #ddd;}
#mix_table td ul {margin: 0 0 0 20px;}
#mix_table td img {margin: 1px 0 0 2px;}
#loading_anim {text-align: center; margin: 20px;}
#loading_anim p {margin: 5px; font-weight: bold;}

#edit_mode_box {
 margin: 10px auto;
 font-size: 11px;
 line-height: 13px;
 width: 400px;
}
#coll_message_box {
 border: 1px solid #aaa;
 background: white;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -o-border-radius: 5px;
 -khtml-border-radius: 5px;
 margin-bottom: 10px;
 padding: 5px;
}
#coll_message_box p {
 margin: 0;
}
#updates_table h2 {font-weight: bold; border-bottom: 1px solid #aaa;}
#updates_table td {padding: 4px;}

#audio_container {
 background: black url('../images/audio_player.gif') no-repeat 5px 2px;
 color: #ccc;
 position: fixed;
 bottom: 0;
 left: 50%;
 margin-left: -525px;
 height: 29px;
 width: 800px;
 padding: 5px 0 0 250px;
 display: none;

 border-radius: 5px 5px 0 0;
 -moz-border-radius: 5px 5px 0 0;
 -webkit-border-radius: 5px 5px 0 0;
 -o-border-radius: 5px 5px 0 0;
 -khtml-border-radius: 5px 5px 0 0;

 filter: alpha(opacity=80);
 opacity: 0.8;
 -moz-opacity: 0.8;
 -webkit-opacity: 0.8;
 -o-opacity: 0.8;
 -khtml-opacity: 0.8;
}
#audio_container:hover {
 filter: alpha(opacity=100);
 opacity: 1;
 -moz-opacity: 1;
 -webkit-opacity: 1;
 -o-opacity: 1;
 -khtml-opacity: 1;
}
#audio_container p {display: inline-block; vertical-align: middle; margin-right: 10px;}
#audio_container p.track {width: 450px;}
#audio_track {font-weight: bold;}

/* ---------->>> jtip (modified for mixKylie.co.uk <<<---------------------------------------------------------------*/

#JT_arrow_left {
 background-image: url(../images/jTip/arrow_left.gif);
 background-repeat: no-repeat;
 background-position: left top;
 position: absolute;
 z-index: 101;
 left: -12px;
 height: 23px;
 width: 10px;
 top: -3px;
}

#JT_arrow_right {
 background-image: url(../images/jTip/arrow_right.gif);
 background-repeat: no-repeat;
 background-position: left top;
 position: absolute;
 z-index: 101;
 height: 23px;
 width: 11px;
 top:-2px;
}

#JT {
 position: absolute;
 z-index: 100;
 border: 2px solid #CCCCCC;
 background-color: #fff;
 text-align: left;
}

#JT_copy {
 padding: 10px;
 color: #333333;
}

.JT_loader {
 background-image: url(../images/jTip/loader.gif);
 background-repeat: no-repeat;
 background-position: center center;
 width: 100%;
 height: 12px;
}

#JT_close_left,#JT_close_right {
 background-color: #CCCCCC;
 text-align: left;
 padding: 2px 0 5px 8px;
 font-weight: bold;
}

.jTip {
 cursor:help;
}

/* ensure a jTip link stays on one line */
a.jTipScan {white-space: nowrap;}
#JT_copy ul {margin-top: 5px;}


@media print{
 body {background: #fff;}
 #container {width: 100%;}
 #header {padding: 0; margin-bottom: 30px;}
 #header h1 {display: block; font-size: 18px; font-weight: bold;}
 #nav {display: none;}
 #location,#description {clear: both; padding: 0; margin: 0; border: none;}
 #description p {font-weight: normal;}
 #location p,#description p,#footer p {text-align: left; margin: 0; padding: 0;}
 #disco_menu {display: none;}
 div.release {border: 1px solid #555;}
 p.options,ul.options {display: none;}
}