/* ---------------------------------*/
/* noir.css                         */
/* Author: BDO July, 2008           */
/* ---------------------------------*/

html {
  overflow-x          : hidden;
  width               : 100%;
  height              : 100%;
  scrollbar-base-color      : #000000;
  scrollbar-face-color      : #000000;
  scrollbar-shadow-color    : #000000;
  scrollbar-highlight-color : #808080;
  scrollbar-3dlight-color   : #ffffff;
  scrollbar-darkshadow-color: #000000;
  scrollbar-track-color     : #808080;
  scrollbar-arrow-color     : #ffffff;
}
body {
  font-family         : verdana, arial, helvetica, sans-serif;
  margin              : 0px 0px 0px 0px;
  width               : 100%;
  height              : 100%;
}
hr {
  width               : 98%;
}
hr.hr90 {
  width               : 90%;
}
input, select {
  font-size           : .85em;
  color               : #000000;
}
label {
  font-size           : 1em;
  color               : #ffffff;
  margin              : 0 auto;
}
.noirMain {
  text-align          : left;
  position            : relative;
  top                 : 10px;
  background-color    : #ffffff;
}
.noirBottom {
  background-repeat   : no-repeat;
  background-position : left bottom;
}
.noirHidden {
  font-size           : .0001em;
  color               : #000000;
}
.noirBackgroundTop {
  background-image    : url('images/bdoTop.jpg');
  background-repeat   : repeat-x;
  padding-top         : 1px;
  z-index             : 0;
  margin-left         : auto;
  margin-right        : auto;
}
.noirFooter {
  height              : 36px;
  display             : block;
  background-color    : #423a3a;
}
#noirMainId, #noirHeaderId, #noirSearchId {
  margin-left         : auto;
  margin-right        : auto;
  width               : 944px;
}
.noirHeader {
  background-image    : url('images/bdoMain.jpg');
  background-color    : #ffffff;
  background-repeat   : no-repeat;
  text-align          : left;
  position            : relative;
  z-index             : 2;
  top                 : 10px;
  height              : 31px;
}
.noirTitle {
  position          : relative;
  top               : 4px;
  left              : 5px;
  color             : #808080;
  font-size         : 21px;
  font-weight       : normal;
  border            : solid red 0px;
}
.noirCoversLinks {
  position          : relative;
  display           : inline;
  z-index           : 2;
  left              : 250px;
  color             : #808080;
  font-size         : 8pt;
  border            : solid yellow 0px;
}
.menu {
  position          : relative;
  width             : 244px;
  display           : block;
  border            : solid red 0px;
}
.menuframe {
  position          : relative;
  overflow          : auto;
  top               : 0px;
  bottom            : 1px;
  left              : 4px;
  width             : 240px;
  vertical-align    : top;
  border            : solid green 0px;
}
.main {
  position          : absolute;
  top               : 0px;
  bottom            : 0px;
  left              : 248px;
  display           : block;
  width             : 696px;
  height            : auto;
  margin            : 0 auto;
  border            : solid red 0px;
}
.mainframe {
  position          : relative;
  overflow          : auto;
  top               : 0px;
  bottom            : 1px;
  width             : 696px;
  left              : 0px;
  vertical-align    : top;
  border            : solid blue 0px;
}
.avItemTable {
  text-align        : left;
}
.introLeft {
  position          : absolute;
  top               : 0px;
  left              : 0px;
  display           : inline;
  width             : 296px;
  height            : auto;
  margin            : 0 auto;
  border            : solid red 0px;
  z-index           : 5;
}
.introLeftFrame {
  position          : relative;
  overflow          : auto;
  top               : 0px;
  bottom            : 1px;
  width             : 296px;
  left              : 0px;
  vertical-align    : top;
  border            : solid blue 0px;
  z-index           : 5;
}
.introRight {
  position          : absolute;
  top               : 0px;
  left              : 296px;
  display           : inline;
  width             : 400px;
  height            : auto;
  margin            : 0 auto;
  border            : solid red 0px;
  z-index           : 5;
}
.introRightFrame {
  position          : relative;
  overflow          : auto;
  top               : 0px;
  bottom            : 1px;
  width             : 400px;
  vertical-align    : top;
  border            : solid blue 0px;
  z-index           : 5;
}
.noirCoversTitle {
  position          : relative;
  top               : 2px;
  color             : #000000;
  font-size         : 16px;
  font-weight       : normal;
  margin-left       : 4px;
  margin-right      : auto;
  margin-bottom     : 2px;
  background-image  : url('images/bdoTop.jpg');
  background-repeat : repeat-x;
  width             : 99%;
  border            : solid red 0px;
}
.covermain {
  position          : fixed;
  top               : 20px;
  bottom            : 94px;
  left              : 4px;
  width             : 99%;
  height            : auto;
  vertical-align    : top;
  margin            : 0 auto;
  border            : solid red 0px;
}
.coverframetop {
  position          : relative;
  overflow          : auto;
  top               : 1px;
  bottom            : 1px;
  width             : 100%;
  z-index           : 99;
  vertical-align    : top;
  margin            : 0 auto;
  border            : solid blue 0px;
}
.coverframebottom {
  position          : fixed;
  left              : 4px;
  bottom            : 15px;
  width             : 99%;
  height            : 77px;
  vertical-align    : top;
  margin            : 0 auto;
  border            : solid green 0px;
}
.noirSearch {
  position          : relative;
  top               : -24px;
  height            : 31px;
  z-index           : 3;
}
#searchform {
  position          : relative;
  display           : inline;
  float             : right;
  top               : 5px;
}
.bdodrop {
  position          : absolute;
  display           : inline;
  height            : 18px;
}
#sf {
  font-size         : 11px;
  position          : absolute;
  display           : inline;
  width             : 80px;
  height            : 17px;
  top               : 3px;
  right             : 196px;
  border-top-width    : 1px;
  border-bottom-width : 1px;
  vertical-align    : top;
}
#sf.option {
  bottom            : 2px;
}
#st {
  font-size         : 11px;
  position          : absolute;
  display           : inline;
  width             : 160px;
  height            : 13px;
  top               : 3px;
  right             : 25px;
  padding           : 1px 1px 0px 1px;
  border-top-width    : 1px;
  border-bottom-width : 2px;
}
#sd {
  font-size         : 11px;
  position          : relative;
  display           : inline;
  width             : 80px;
  height            : 17px;
  top               : 3px;
  right             : 190px;
  border-top-width    : 1px;
  border-bottom-width : 1px;
}
#sy {
  font-size         : 11px;
  position          : absolute;
  display           : inline;
  width             : 80px;
  height            : 17px;
  top               : 3px;
  right             : 25px;
  border-top-width    : 1px;
  border-bottom-width : 1px;
}
.noirbtn {
  position          : relative;
  display           : inline;
  height            : 17px;
  top               : 3px;
  right             : 18px;
  border            : solid blue 0px;
}
.iph {
  color             : #808080;
  font-size         : 14px;
  font-weight       : bold;
  margin            : 8px 3px 1px 3px;
}
.ipics {
  margin-left       : 3px;
}
.pic {
  border-color      : #808080;
  border-style      : inset groove;
  border-width      : 1px;
}
.introleft {
  margin-left       : 5px;
  font-size         : 9px;
  color             : #808080;
  vertical-align    : top;
}
.introright {
  width             : 400px;
}
.ftr {
  position          : fixed;
  bottom            : 1px;
  left              : 4px;
  height            : 12px;
  width             : 99%;
  border            : 0px solid #000000;
  color             : #808080;
  background        : #000000;
  font-size         : 9px;
  font-weight       : normal;
  font-family       : arial, helvetica;
  text-decoration   : none;
  text-align        : center;
  margin-left       : auto;
  margin-right      : auto;
  vertical-align    : bottom;
}
.introitem {
  width             : 100%;
  color             : #808080;
  font-size         : 8pt;
  font-weight       : normal;
  vertical-align    : top;
  padding           : 0px 0px 0px 4px;
}
.menucategory {
  color             : #000000;
  font-size         : 8pt;
  font-weight       : normal;
  vertical-align    : top;
  padding           : 0px 0px 0px 2px;
}
.menucounter {
  color             : #666666;
  font-size         : 8pt;
  font-weight       : normal;
  vertical-align    : top;
  padding           : 0px 0px 0px 2px;
  float: right;
}
.menuitem {
  width             : 100%;
  color             : #808080;
  font-size         : 8pt;
  font-weight       : bold;
  vertical-align    : top;
  padding           : 2px 0px 2px 4px;
}
.menusubitem {
  width             : 100%;
  color             : #808080;
  font-size         : 8pt;
  font-weight       : normal;
  vertical-align    : top;
}
.menusearchitem {
  color             : #808080;
  font-size         : 8pt;
  font-weight       : normal;
  vertical-align    : top;
  padding           : 0px 0px 0px 4px;
}
.bdoSpacer8 {
  font-size         : 8px;
}

.c    { text-align      : center; }
.r    { text-align      : right;  }
.l    { text-align      : left;   }
.b    { font-weight     : bold;   }
.i    { font-style      : italic; }
.n    { font-style      : normal;
        font-weight     : normal; }

.vt   { vertical-align  : top;    }
.vm   { vertical-align  : middle; }
.vb   { vertical-align  : bottom; }

.x8   { font-size       :   8pt;  }
.w150 { width           : 150px;  }
.w300 { margin-left     :   3px;  }
.BDOX { font-size       :   8pt;
        font-weight     : normal;
        color           : #000000;
        text-align      : left;
        text-decoration : none;
        width           : 95%;    }

.clRed    { color       : #ff0000;  background-color : #ffffff; }
.clGreen  { color       : #008800;  background-color : #ffffff; }
.clBlue   { color       : #0000ff;  background-color : #ffffff; }
.clBlack  { color       : #000000;  background-color : #ffffff; }
.clWhite  { color       : #ffffff;  background-color : #008800; }
.clGrey   { color       : #666666;  background-color : #ffffff; }
.clPurple { color       : #860860;  background-color : #ffffff; }

.mid      { display     : block;    border-style : none;   margin-left : auto;  margin-right : auto; }

.noScroll { display     : block;    border-style : none;   margin  : 0px 0px 0px 0px;
            position    : absolute; overflow     : hidden; padding : 0px 0px 0px 0px;
            top         : 0px ;     right        : 0px;    bottom  : 0px ;  left  : 0px ; }

hr.dash   { color       : #804000;  border-style : dashed; height  : 1px;   width : 100%; }

.noirTitle a:link             { color : #808080; }
.noirTitle a:visited          { color : #808080; }
.noirTitle a:hover            { color : #ffffff; }
.noirTitle a                  { text-decoration : none;}

.noirCoversLinks a:link       { color : #808080; }
.noirCoversLinks a:visited    { color : #808080; }
.noirCoversLinks a:hover      { color : #ffffff; }
.noirCoversLinks a            { text-decoration : none;}

.menusearch a:link            { color : #808080; }
.menusearch a:visited         { color : #808080; }
.menusearch a:hover           { color : #ffffff; }
.menusearch a                 { text-decoration : none;}

.introitem a:link             { color : #808080; }
.introitem a:visited          { color : #808080; }
.introitem a:hover            { color : #000000; }
.introitem a                  { text-decoration : none;}

.menuitem a:link              { color : #808080; }
.menuitem a:visited           { color : #808080; }
.menuitem a:hover             { color : #000000; }
.menuitem a                   { text-decoration : none;}

.menusearchitem a:link        { color : #808080; }
.menusearchitem a:visited     { color : #808080; }
.menusearchitem a:hover       { color : #000000; }
.menusearchitem a             { text-decoration : none;}

.menusubitem a:link           { color : #808080; }
.menusubitem a:visited        { color : #808080; }
.menusubitem a:hover          { color : #000000; }
.menusubitem a                { text-decoration : none;}

.noirCoversTitle a:link       { color : #808080; }
.noirCoversTitle a:visited    { color : #808080; }
.noirCoversTitle a:hover      { color : #ffffff; }
.noirCoversTitle a            { text-decoration : none;}

.ftr a:link                   { color : #808080; }
.ftr a:visited                { color : #808080; }
.ftr a:hover                  { color : #ffffff; }
.ftr a                        { text-decoration : none;}

/* *********************************************** */
/*                   bdoAlert                      */
/* *********************************************** */

#bdoAlertDiv {
	background-color    : transparent;
	position            : absolute;
	width               : 100%;
	height              : 100%;
	top                 : 0px;
	left                : 0px;
	z-index             : 9999;
}

#bdoAlertBox {
	position            : relative;
	width               : 300px;
	min-height          : 100px;
	margin-top          : 50px;
	border              : 2px solid #000;
	background-color    : #c9c9c9;
}

#bdoAlertDiv > #bdoAlertBox {
	position            : fixed;
}

#bdoAlertBox h1 {
	margin              : 0;
	font                : bold 0.9em verdana,arial;
	background-color    : #adadad;
	color               : #ffffff;
	border-bottom       : 1px solid #000;
	padding             : 2px 0 2px 5px;
}

#bdoAlertBox p {
	font                : 0.7em verdana,arial;
	height              : 50px;
	padding-left        : 5px;
	margin-left         : 35px;
}

#bdoAlertBox #bdoBtnOK {
	display             : block;
	position            : relative;
	margin              : 5px auto;
	padding             : 3px;
	border              : 2px solid #000;
	width               : 70px;
	font                : 0.7em verdana,arial;
	text-transform      : uppercase;
	text-align          : center;
	color               : #ffffff;
	background-color    : #adadad;
	text-decoration     : none;
}