@charset "utf-8";
@media print {* {display:none}}

html { overflow-y:scroll; }

body {
	background-color:#112432;
	background:#112432;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
    cursor:url(icon/Cursor_70x100.png);
	margin:auto;
	border-width:0px;
	border-style:solid;
	border-collapse:collapse;
	border-spacing:0;
	padding:0;
    -moz-user-select:none;
    user-select:none;
    -webkit-user-select:none;
}

/* Scrollbar */
body::-webkit-scrollbar { width:22px }
/* the new scrollbar will have a flat appearance with the set background color */
body::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 5px rgba(51,55,61,0.3); background-color:#112432; border-radius:10px; }
/* this will style the thumb, ignoring the track */
body::-webkit-scrollbar-thumb { background-color:rgba(0, 0, 0, 0.2); outline:1px solid slategrey; border-radius:10px; }
/* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
body::-webkit-scrollbar-button { background-color:#7c2929 }
/* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */
body::-webkit-scrollbar-corner { background-color:black }
body::-webkit-scrollbar-thumb:hover { background:#b30000 }

/* Code for cookie bar */
#cookie-notice { max-width:85%; display:block !important; zoom:1.0; background:rgba(0,0,0,1.0) !important; border-top: 2px solid rgba(253,218,36,1.0) !important; box-sizing:border-box !important; color:rgba(255,255,255,1.0) !important; float:left !important; padding: 18px 24px !important; position: fixed !important; bottom: 0 !important; left: 0 !important; width: 100% !important; z-index: 10000 !important; }
#cookie-notice p { max-width:85% !important; color:#FFF !important; float:left !important; font-family: arial, helvetica, sans-serif !important; font-size:16px !important; line-height:19px !important; margin:0 0 0 0 !important; padding:0 0 0 0 !important; }
#cookie-notice p a { color:rgba(253,218,36,1.0) !important; font-weight:bold !important; text-decoration: none !important; }
#cookie-notice a:hover { text-decoration:underline !important; }
#cookie-notice .agree { opacity:1.0; background:rgba(253,218,36,1.0) !important; border-radius:3px !important; color:rgba(0,0,0,0.95) !important; float:right !important; font-family: arial, helvetica, sans-serif !important; font-weight: bold !important; font-size: 16px !important; padding: 12px 18px !important; text-decoration: none !important; }

Header.MenuBar  { height:40px; background-color:#d5d9e5; }
Main.W9iframe   { height:650px; background-color:#112432; }
iframe.F1       { width:100%; height:100%; border:0px; padding:0px; margin:0px; background-color:#112432; }

.clearboth   { clear:both }
.clear_left  { clear:left }
.clear_right { clear:right }

table {
	background:url(images/BG_1000.jpg) center top;
	border-width:1px;
	border-style:solid;
	border-collapse:collapse;
    border-color:#112333;
	border-spacing:0;
    margin:auto;
	padding:0px;
	color:#FFFFFF;
}

td { vertical-align:middle; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }

h1 {
    line-height:58px;
	font-size:28px;
	color:orange;
	font-weight:normal;
	padding-left:10px;
    margin:auto;
	background-color:blue;
}

h2 {
	background-color:blue;
	color:orange;
	font-weight:normal;
	font-size:22px;
    line-height:32px;
	padding-left:10px;
    margin:0px;
}

h3 {
	background-color:blue;
	color:orange;
	font-weight:normal;
	font-size:18px;
    line-height:30px;
	padding-left:10px;
    margin:auto;
}

hr	{ border:0; color:#214864; background-color:#214864; height:2px; }

img         { border:0; vertical-align:middle; margin:auto; }
img.thumb   { border:1px solid #ddd; border-radius:6px; padding:1px; vertical-align:middle; }
img.T50     { width:100%; height:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
img:hover   { border:1px solid #00ffff; box-shadow:0 0 2px 1px rgba(0, 140, 186, 0.5); }

a           { text-decoration:none; color:blue; }
a:focus     { outline:thin dotted }
a:active	{ text-decoration:none; outline:0; color:#FFFFFF; }
a:link		{ text-decoration:none; color:#FFFFFF; }
a:visited	{ text-decoration:none; color:#EEEEEE; }
a:hover		{ text-decoration:none; outline:0; color:orange; }

pre { white-space:pre-wrap; font-size:16px; padding-left:10px; }

/* ------------------------ */
/* Image Opacity            */
/* ------------------------ */
.opacity30  { filter:Alpha(Opacity=30,FinishOpacity=30,Style=0) }
.opacity50  { filter:Alpha(Opacity=50,FinishOpacity=50,Style=0) }
.opacity70  { filter:Alpha(Opacity=70,FinishOpacity=70,Style=0) }

/* ------------------------ */
/* filterline               */
/* ------------------------ */
ul.filterline          { line-height:22px; background:#444; padding:0; margin:0; list-style:none; }
ul.filterline li       { float:left; line-height:22px; width:22px; color:#fff; text-shadow:#000 0 1px 1px; border-left:1px solid #bbb; text-align:center; }
ul.filterline li:hover { cursor:pointer; background-image:url(icon/bg_gold.png); background-repeat:repeat-x; color:#222; text-shadow:#fc0 0 1px 1px; }

/* ------------------------ */
/* Main Session             */
/* ---------------------- - */
/* Div Main Section */
div.W9M         { width:950px; border-width:2px; border-style:solid; border-collapse:collapse; border-spacing:1; padding:0; margin:auto; background:url(images/BG_1000.jpg) repeat-y center top; }
div.W9F         { width:924px; border-width:1px; border-style:solid; border-collapse:collapse; border-spacing:0; padding:0; margin:auto; background:url(images/BG_1000.jpg) repeat-y center top; }
div.W9D         { width:920px; border-width:1px; border-style:solid; border-collapse:collapse; border-spacing:0; padding:0; margin:auto; background:url(images/BG_1000.jpg) repeat-y center top; }
div.W7M         { width:760px; border-width:1px; border-style:solid; border-collapse:collapse; border-spacing:0; padding:0; margin:auto; background:url(images/BG_800.jpg)  repeat-y center top; }
div.W7D         { width:740px; border:0; padding:8px; }
div.MenuBar	    { height:40px; padding:1px; vertical-align:middle; background-color:#d5d9e5; }
Section.Hidden  { display:none }

Header  { border-width:1px; border-style:solid; border-collapse:collapse; border-spacing:0; margin:auto; }
div.H60 { height:60px }
div.H50 { height:50px }
div.H40 { height:40px }

Main        { border-width:1px; border-style:solid; border-collapse:collapse; border-spacing:0; margin:auto; background:url(images/BG_1000.jpg) repeat-y center top; }
h2.F20      { line-height:32px; font-size:20px; color:orange; padding-left:10px; margin:auto; }
h2.F22      { line-height:40px; font-size:22px; color:orange; padding-left:10px; margin:auto; }
h2.F24      { line-height:40px; font-size:24px; color:orange; text-shadow:1px 1px 1px yellow; padding-left:10px; margin:auto; }
h2.Title22  { line-height:40px; font-size:22px; color:orange; padding-left:10px; background-color:blue; margin:auto; }
h2.Title24  { line-height:40px; font-size:24px; color:orange; text-shadow:1px 1px 1px yellow; padding-left:10px; background-color:blue; margin:auto;}
h3.F18      { line-height:30px; font-size:18px; color:orange; padding-left:10px; background-color:blue; margin:auto; }

ul            { list-style-image:url(icon/Arrow.gif); padding-left:10px; margin-left:10px; }
li            { line-height:30px; font-size:18px; color:orange; }
li.bar :hover { display:block! important; color:orange; background-color:lightyellow; }

/* ------------------------ */
/* Artist Frame             */
/* ------------------------ */
/* Artist Info */
table.Artist_Info  { width:920px; height:50px; border-width:0px; margin:auto; }
td.A_Name          { width:770px; vertical-align:middle; text-align:left; background-color:blue; }
td.A_url           { width:150px; border-width:0px; text-align:center; vertical-align:middle; background-color:lightcyan; }
table.ListAll      { width:920px; border:0; margin:auto; }

/* ------------------------ */
/* Discography Session      */
/* ------------------------ */
Section.Album_Sec          { height:160px }
table.Album_Tbl            { width:920px; height:160px; border-width:1px; margin:auto; }
td.Album_Img               { width:160px; text-align:center; vertical-align:middle; }
img.Album_Thumb            { width:140px; height:140px; vertical-align:middle; border:0; margin:auto; background:#112432; }
td.Album_Info              { width:755px; vertical-align:top; }
blockquote.Album_Quote     { margin:10px 10px; font-size:18px; }
blockquote.Album_Quote div { font-size:18px; }
div.Album_Title            { font-size:20px; color:orange; padding:15px 0 0 5px; }

h2.GenreTitle  { line-height:40px; font-size:26px; color:orange; padding-left:10px; }
div.h120       { height:120px; border-width:1px; border-style:solid; margin:auto; }
div.h170       { height:170px; border-width:1px; border-style:solid; margin:auto; }
div.AlbumTitle { height:24px; font-size:20px; font-weight:bold; color:orange; padding-left:5px; }
table.album120 { width:760px; height:120px; border-width:1px; margin:auto; }
table.album170 { width:760px; height:170px; border-width:1px; margin:auto; }
td.img120      { width:120px; text-align:center; vertical-align:middle; }
td.img170      { width:170px; text-align:center; vertical-align:middle; }
td.AlbumInfo   { width:580px; vertical-align:top; padding-left:5px; }
td.profile     { width:580px; vertical-align:top; padding-left:5px; }
div.quotes     { font-size:16px }
span.quotes    { font-size:16px }
span.Item_Title   { width:100px; font-size:16px; padding-left:5px; }
span.Item_Content { width:450px; font-size:16px; padding-left:5px; }

h2.GenreTitle  { line-height:40px; font-size:26px; color:orange; padding-left:10px; }
div.h120       { height:120px; border-width:1px; border-style:solid; margin:auto; }
div.h170       { height:170px; border-width:1px; border-style:solid; margin:auto; }
div.AlbumTitle { height:24px; font-size:20px; font-weight:bold; color:orange; padding-left:5px; }
table.album120 { width:760px; height:120px; border-width:1px; margin:auto; }
table.album170 { width:760px; height:170px; border-width:1px; margin:auto; }
td.img120      { width:120px; text-align:center; vertical-align:middle; }
td.img170      { width:170px; text-align:center; vertical-align:middle; }
td.AlbumInfo   { width:580px; vertical-align:top; padding-left:5px; }
td.profile     { width:580px; vertical-align:top; padding-left:5px; }
div.quotes     { font-size:16px }
span.quotes    { font-size:16px }
span.Item_Title   { width:100px; font-size:16px; padding-left:5px; }
span.Item_Content { width:450px; font-size:16px; padding-left:5px; }

/*-------------------------*/
/*  VideoList Session      */
/*-------------------------*/
Main.v_List     { width:920px; margin:auto; background:url(images/BG_1000.jpg) repeat-y center top; }
div.v_List      { width:920px; margin:auto; background:url(images/BG_1000.jpg) repeat-y center top; }
div.v_Content   { height:180px; border-width:1px; border-style:solid; }
table.v_Detail  { width:920px; height:180px; border-width:0px; margin:auto; }
td.v_Track      { width:150px; text-align:center; vertical-align:middle; }
td.v_Track span { font-size:40px; color:orange; }
td.v_thumb      { width:300px; vertical-align:middle; text-align:center; background-color:#112432; }
td.v_descr      { width:470px; vertical-align:top; }
div.v_Title     { font-size:22px; color:orange; padding:10px 0 0 10px; }
blockquote      { -webkit-transition:none; transition:none; margin:10px 10px; }
blockquote div  { font-size:18px }
div.quotes      { font-size:18px }
div.rank        { font-size:18px }
div.duration    { font-size:18px; color:cyan; }
div.released    { font-size:18px }

/* ------------------------ */
/* Audio Player Section     */
/* ------------------------ */
/* Album Profile */
Header.H250         { height:250px; background:url(images/BG_H250.jpg); }
div.a_profile       { height:250px; border-width:1px; border-style:solid; }
/* Profile Table */
table.AT1           { width:920px; height:250px; border-width:0px; margin:auto; }
td.A_Img            { width:250px; border:1px solid #ddd; border-radius:3px; padding:2px; vertical-align:middle; text-align:center; }
td.A_Img:hover      { box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5); }
td.A_Text           { width:670px }
div.A_Title         { height:50px; background-color:blue; }
h2.Album_Title      { line-height:48px; font-size:24px; color:orange; padding-left:10px; }
div.p_info          { height:200px }
table.AT2           { width:670px; height:200px; border-width:0px; margin:auto; }
tr.p_row            { height:32px; vertical-align:middle; }
td.p_item           { width:120px; vertical-align:middle; font-size:16px; color:white; padding-left:5px; }
td.p_content        { width:550px; vertical-align:middle; font-size:16px; color:white; padding-left:5px; }
/* Wimpy Player */
Main.WimpyPlayer    { background:#112432 }
div.Wimpy300        { width:920px; height:300px; border-width:1px; margin:auto; background:#112432; }

/* ------------------------ */
/* Video Player Section     */
/* ------------------------ */
/* Video Title Section */
div.H80            { height:80px; background-color:blue; }
table.TitleBar     { width:920px; height:80px; border-width:0px; background-color:blue; margin:auto; }
td.p_thumb         { width:130px; vertical-align:middle; text-align:center; background-color:#d5d9e5; }
td.p_title         { width:785px; vertical-align:middle; background-color:blue; }
span.Alb_thumb     { width:130px; vertical-align:middle; text-align:center; background-color:#d5d9e5; float:left; }
span.Alb_thumb img { border:0; vertical-align:middle; width:120px; height:70px; margin:5px; }
span.Alb_title     { width:785px; vertical-align:middle; background-color:blue; float:left; }
span.S20           { font-size:20px; color:orange; padding-left:10px; }
span.S18           { font-size:18px; color:orange; padding-left:10px; }
div.TitleBar    { height:45px; border-width:0px; background-color:blue; }
div.Title550    { height:45px; border-width:0px; background-color:blue; }
span.Title22    { font-size:22px; color:orange; padding-left:10px; }
span.Title20    { font-size:20px; color:orange; padding-left:10px; }
span.Title18    { font-size:18px; color:orange; padding-left:10px; }
td.Title550         { width:550px; height:45px; border-width:0px; background-color:blue; vertical-align:middle; }
td.profile_item     { width:100px; vertical-align:middle; font-size:14px; color:white; padding-left:5px; }
td.profile_content  { width:430px; vertical-align:middle; font-size:14px; color:white; padding-left:5px; }
/* JWPlayer  */
div.W9JWP        { width:920px; height:520px; border-width:0px; margin:auto; background:#112432; }

/* ------------------------ */
/* InfoBar Section          */
/* ------------------------ */
Footer          { background-color:#112432 }
div.InfoBar     { height:40px; border-width:1px; border-style:solid; }
table.InfoTbl   { width:100%;  height:40px; border-width:0px; margin:auto; background:url(images/BG_H50.jpg) center top; }
td.MoreInfo     { width:160px; border-width:0px; text-align:center; vertical-align:middle; background:url(icon/Btn_120R.png) center no-repeat; }
td.Tracklist    { width:160px; border-width:0px; text-align:center; vertical-align:middle; background:url(icon/Btn_120B.png) center no-repeat; }
td.RelDate      { width:160px; border-width:0px; text-align:center; vertical-align:middle; background:url(icon/Btn_120B.png) center no-repeat; }
td.fbpage       { width:160px; border-width:0px; text-align:center; vertical-align:middle; background:url(icon/FB_FernandoMuzik.png) center no-repeat; }
td.fblike       { width:430px; border-width:0px; text-align:left;   vertical-align:middle; }
td.GetIP        { width:160px; border-width:0px; text-align:center; vertical-align:middle; }
img.Btn120      { width:120px; height:32px; vertical-align:middle; border:0; margin:auto; }
Section.fb_comments { border-width:1px; border-style:solid; padding:5px; background:lightgrey; }

/* ------------------------ */
/* Extra Info               */
/* ------------------------ */
p.notes         { font-size:20px; padding-left:10px; }
table.album_img { width:920px; height:280px; border:0; margin:auto; }
td.img_col      { width:475px; text-align:center; }
/* ------------------------ */
/* Programme                */
/* ------------------------ */
Main.P760       { width:760px; margin:auto; }
Section.P740    { padding:0 10px 0 10px; background:url(images/BG_1000.jpg) repeat-y center top; }
p               { padding:0 10px 0 10px }
ul.Programme li { line-height:30px; font-size:18px; color:orange; } 
ul.Programme li span.timeindex { color:cyan }
ul.Programme li span.tracknum  { color:brown }
ul.Programme li span.artists { color:lightblue }
ul.Programme li blockquote { margin:0px; padding-left:75px; font-size:16px; color:lightblue; }
ul.Credits   li { line-height:30px; font-size:18px; color:orange; } 
ul.Credits   li span.artists { color:lightblue }