/************************ main layout definitions *****************************/
body
{
  background-color : #000000;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  /* font-size : 8pt; */
  font-size: 70%;
  color : #bbbbbb;
  margin : 0;
  background-image: url("img/bgmains.jpg");

}

#all
{
  text-align : center;
}

table
{
  font-family : Verdana, Arial, Helvetica;
  /* font-size : 8pt; */
  font-size: 100%;
  border-collapse : collapse;
}

#banner, #banner a
{
  position : relative;
  margin-left : auto;
  margin-right : auto;
  width: 950px;
  min-height: 102px;
  _height: 102px;
  background-image: url("img/banner2009.jpg");
  background-repeat: no-repeat;
  display: block;
}

#mainmenu
{
  position : relative;
  margin-left : auto;
  margin-right : auto;
  text-align : center;
  width : 950px;
  height : 22px;
  border : 1px solid #dcc278;
}

#smallmenu
{
  position : relative;
  margin-left : auto;
  margin-right : auto;
  text-align : center;
  width : 950px;
  height : 18px;
  border : 1px solid #222222;
  font-weight: bold;
  text-align: right;
  font-size: 7.5pt;
}

#main
{
  position : relative;
  margin-left : auto;
  margin-right : auto;
  text-align : center;
  width : 950px;
  height : 405px;
  border-bottom : 1px solid #222222;
  background-color : #000000;
}

#left
{
  position : relative;
  float : left;
  width : 148px;
  min-height: 396px;
  _height: 396px;
  background-image: url("img/left_freddie.jpg");
  background-repeat: no-repeat;
}

#inside
{
  border : 1px solid black;
  position : relative;
  float: left;
/*
  margin-left : auto;
  margin-right : auto;
*/
  width : 578px;
  height : 398px;
  overflow : auto;
  text-align : left;
  padding-top : 5px;
  vertical-align : top;
  scrollbar-face-color : #000000;
  scrollbar-shadow-color : #dcc278;
  scrollbar-highlight-color : #000000;
  scrollbar-3dlight-color : #dcc278;
  scrollbar-darkshadow-color : #000000;
  scrollbar-track-color : #111111;
  scrollbar-arrow-color : #dcc278;
}

#insideall
{
  position: relative;
  float : right;
  width : 795px;
  height : 398px;
  overflow : auto;
  text-align : left;
  padding-top : 5px;
  vertical-align : top;
  scrollbar-face-color : #000000;
  scrollbar-shadow-color : #dcc278;
  scrollbar-highlight-color : #000000;
  scrollbar-3dlight-color : #dcc278;
  scrollbar-darkshadow-color : #000000;
  scrollbar-track-color : #111111;
  scrollbar-arrow-color : #dcc278;
}

#inside_print
{
  border : 1px solid black;
  position : relative;
  margin-left : auto;
  margin-right : auto;
  width : 578px;
  overflow : auto;
  text-align : left;
  padding-top : 5px;
  vertical-align : top;
}

#insideall_print
{
  border : 1px solid black;
  position : relative;
  margin-left : auto;
  margin-right : auto;
  width : 795px;
  overflow : auto;
  text-align : left;
  padding-top : 5px;
  vertical-align : top;
}

#inside_content
{
  padding: 0 5px 5px 15px;
}


#insidemenu
{
  position : relative;
  float : right;
  width : 215px;
  height : 398px;
  text-align : left;
  vertical-align : top;
  padding-top : 5px;
  overflow : auto;
  scrollbar-face-color : #000000;
  scrollbar-shadow-color : #dcc278;
  scrollbar-highlight-color : #000000;
  scrollbar-3dlight-color : #dcc278;
  scrollbar-darkshadow-color : #000000;
  scrollbar-track-color : #111111;
  scrollbar-arrow-color : #dcc278;
}

#insidemenu_content
{
  padding: 5px 5px 5px 5px;
}

#advice
{
  background: #111111;
  padding-left: 2px;
  border: 1px dotted #222222;
  width: 180px;
  overflow: auto;
}

#advice a
{
  position: relative;
  border: 0px;
  color : #bbbbbb;
  font-style: italic;
  line-height: 18px;
}
#advice a:hover
{
  background: #222222;
}


div.hidden
{
  display: none;
/*
  position: absolute;
  top: 100px;
  left: 150px;
  width: 250px;
  border: 2px solid red;
  text-align: center;
  background: #184194; 
  filter:alpha(opacity=80); 
  -moz-opacity:0.8; 
  -khtml-opacity: 0.8; 
  opacity: 0.8; 
*/  
}

tr.hidden {
  display: none;
}

/**************************** text definitions ********************************/

a:link, a:hover, a:visited
{
  color : #dcc278;
  text-decoration : none;
  border: 1px solid black;
  padding: 0px 0px 0px 0px; /* misto 0 2 0 2*/
/*  border-bottom: 1px dashed #dcc278;*/
}

a:hover
{
  background: #444444;
  border: 1px dotted gray;
}

a.nodash:link, a.nodash:hover, a.nodash:visited, table a:link, table a:hover, table a:visited, /*ul.menu li a:link, ul.menu li a:hover, ul.menu li a:visited, */#mainmenu a:link, #mainmenu a:hover, #mainmenu a:visited, #smallmenu a:link, #smallmenu a:hover, #smallmenu a:visited
{
  border: none;
  padding: 0px;
}

h1
{
  text-align: left;
  font-size : 10pt;
  font-weight : bold;
  padding : 1px;
  margin: 15px 5px 6px 25px;
  color: red;
  border-bottom: 2px solid red;
}

#h1icon
{
  position: absolute;
  top: 5px;
  left: 0px;
}

#h1path
{
/*  font-family: Georgia;*/
  position: absolute;
  top: 0px;
  right: 48px;
  z-index: 3;
}

div.menuh1
{
  text-align: left;
  font-size : 10pt;
  font-weight : bold;
  padding : 1px;
  margin: 15px 0px 6px 5px;
  color: #ffffff;
  border-bottom: 2px solid #bbbbbb;
}

h2
{
/*  font-family: Georgia;*/
  text-align: left;
  font-size : 8pt;
  font-weight : bold;
  padding : 1px;
  margin: 10px 5px 6px 0px;
  color : #ffffff;
  border-bottom: 2px solid #ffffff;
}


h3 /* not used anywhere */
{
  font-size : 8pt;
  font-weight : bold;
  margin-top : 2px;
  margin-bottom : 3px;
  color: #ffffff;
}

hr
{
  color : #444444;
  background-color : #444444;
  height : 1px;
  border : 0;
}

p
{
  margin-top : 8px;
  margin-bottom : 8px;
}

/****************************** table definitions *****************************/

table.noborder, table.forumtop
{
  width : 735px;
}

table.nobordersmall
{
  width : 535px;
}

table.noborder td, table.nobordersmall td
{
  text-align : center;
  padding : 2px;
  vertical-align : top;
}

table.full
{
  width : 735px;
  border : 1px solid #aaaaaa;
}

table.list
{
  width : 535px;
  border : 1px solid #aaaaaa;
}

div.recording-queen
{
  background-image: url('/img/bg_recording.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: left top;
/*  min-height: 370px;
  _height: auto !important;
  height: 90%;*/
}

div.recording-roger
{
  background-image: url('/img/bg_recording_roger.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: left top;
}

div.recording-brian
{
  background-image: url('/img/bg_recording_brian.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: left top;
}

div.recording-cross
{
  background-image: url('/img/bg_recording_cross.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: left top;
}

div.recording-qpr
{
  background-image: url('/img/bg_recording_qpr.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: left top;
}

table.recording
{
  border : 1px solid #aaaaaa;
  width: 550px;
}

table.list td.encore
{
  border-top : 2px solid #aaaaaa;
}


table.full caption, table.list caption, table.recording caption, table.instruments caption
{
  font-weight : bold;
  background : #444444;
  text-align : left;
  padding : 2px;
  border : 1px solid #aaaaaa;
}

table.full td, table.list td, table.full th
{
  padding : 2px;
  padding-left : 3px;
  padding-right : 3px;
  border : 1px solid #444444;
  vertical-align : top;
}

table.full th
{
  background: #222222;
  font-weight: normal;
}

table.full tr.click, table.full tr.over, table.list tr.click, table.list tr.over
{
  background: #222222;
}

table.full td.click, table.full td.over, table.list td.click, table.list td.over
{
  background: #222222;
}

table.list td, table.recording td
{
  padding : 1px;
  padding-left : 3px;
  padding-right : 3px;
}

table.full td.forum
{
  vertical-align : middle;
}

table.forumtop td
{
  width: 33%;
}

table.forumtop td.right
{
  text-align: right;
}

table.detail
{
/*  width: 735px;*/
}

table.detail td
{
  border: 0px;
  vertical-align: middle;
  border-bottom: 1px solid #444444;
}

table.instruments
{
  border: 0;
  width: 535px;
  font-size: 90%;
}

table.instruments td
{
  vertical-align: top;
}


table.instruments td.center         { text-align: center; }

table.instruments td.acousticdrums  { background: #66ff00; color: #000000; font-weight: bold; }
table.instruments td.acousticguitar { background: #66ff99; color: #000000; font-weight: bold; }
table.instruments td.additionalperc { background: #ffff00; color: #000000; font-weight: bold; }
table.instruments td.electricbass   { background: #ffffff; color: #000000; font-weight: bold; }
table.instruments td.electricguitar { background: #3333cc; color: #ffffff; font-weight: bold; }
table.instruments td.other          { background: #ff0000; color: #000000; font-weight: bold; }

table.instruments p                 { margin: 0px 2px 0px 2px; }

table.instrumentsdesc               { background: #222222; width: 100%; color: #ffffff; padding: 0px; }
table.instrumentsdesc th            { text-align: right; width: 80px; padding: 0 5 0 0;  }

/***************************** other definitions ******************************/

.stred
{
  text-align : center;
}

input.text
{
  background-color : #222222;
  border-right : 1px solid #bbbbbb;
  border-top : 1px solid #bbbbbb;
  border-left : 1px solid #bbbbbb;
  border-bottom : 1px solid #bbbbbb;
  color : #bbbbbb;
  font-family : Verdana, Tahoma, Arial, Helvetica;
  /* font-size : 8pt; */
  font-size: 100%;
  height : 19px;
  margin: 1 0 1 0;
}

input:focus
{
  border: 1px solid #dcc278;
}

input.submit
{
/*
  background-color : #222222;
  border-right : 1px solid #bbbbbb;
  border-top : 1px solid #bbbbbb;
  border-left : 1px solid #bbbbbb;
  border-bottom : 1px solid #bbbbbb;
  color : #dcc278;
  font-family : Verdana, Tahoma, Arial, Helvetica;
  font-weight: bold;
  font-size: 100%;
  height : 19px;
  cursor : pointer;
*/
  background-color: #222222;  
  font-family : Verdana, Tahoma, Arial, Helvetica;
  font-size: 100%;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  cursor : pointer;
  color: #bbbbbb;
}

input.radio
{
  background-color : #000000;
  border-style : none;
}

input.checkbox
{
  background-color : #000000;
  border-style : none;
}

.tarea, .tareafull
{
  background-color : #222222;
  border-right : 1px solid #bbbbbb;
  border-top : 1px solid #bbbbbb;
  border-left : 1px solid #bbbbbb;
  border-bottom : 1px solid #bbbbbb;
  color : #bbbbbb;
  font-family : Verdana, Tahoma, Arial, Helvetica;
  /* font-size : 8pt; */
  font-size: 100%;
  width : 400px;
}

.tareafull
{
  width: 100%;
}

select
{
  background-color : #222222;
  color : #bbbbbb;
  /* font-size : 11px; */
  font-size: 100%;
  height : 20px;
}

strong
{
  font-weight: bold;
  color: #ffffff;
}

.red, sup
{
  color : red;
}

.green
{
  color : green;
}

.white
{
  color: white;
}

.blue
{
  color : blue;
}

.yellow
{
  color: yellow;
}

.footer
{
  color : #444444;
}

.footer a:link, .footer a:hover, .footer a:visited
{
  color : #444444;
  background: #000000;
}

.img_obtek
{
  margin : 2px 4px;
  float : left;
}

.img_obtek_right
{
  margin : 2px 4px;
  float : right;
}

form
{
  margin : 5px;
  margin-left : 0;
}

a.red:link, a.red:hover, a.red:visited
{
  color : #ff0000;
}

ul
{
  margin: 0px 0px 5px 5px;
  padding-left : 10px;
}

ul li
{
  margin-left: 12px;
  padding-left: 0;
  margin-bottom: 2px;
  margin-top: 2px;
}

ul.menu li
{
  list-style-image: url('img/icon_right_menu.gif');
  margin-left: 4px;
  _margin-left: 1px; /* IE only */
}

#print
{
  position : absolute;
  z-index : 5;
  top : 0px;
  right : 20px;
}

#qcfooter
{
  margin: 5 0 5 30;
  position : relative;
  margin-left : auto;
  margin-right : auto;
/*  width: 180px;*/
  text-align: center;
  width: 100%;
}

.anylinkcss
{
  position: absolute;
  margin-top: 3px;
  visibility: hidden;
  line-height: 18px;
  z-index: 100;
  background-color: #000000;
  width: 190px;
}

.anylinkcss a, .anylinkcss a:visited
{
  width: 100%;
  display: block;
  text-decoration: none;
  font-size : 7.5pt;
  font-weight: bold;
  background-color: #001129;
  border: 1px solid #dcc278;
}

.anylinkcss a:hover
{
  background: #444444;
}
