/* ------------ generic settings */
BODY        {
  background : #031C88;
  color      : #FFF;
  margin     :    0;
  padding    :    0;
  font-size  : 12pt;
  font-family: "Gill Sans", GillSans, "Trebuchet MS", Arial, sans-serif;
}
div.spacer  { clear: both }
A,
A:visited,
A:link      { color: Black; text-decoration: none; }
A:hover     {
  color: #1A51AF;
  text-decoration: underline;
}
P           { margin: 10px; }
H1          { font-size: 16pt; font-weight: bold; padding: 0; border: 0; margin: 10px }
BR.clearing { clear : both; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* no macIE \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end */

/* ---------------- page wrapper */
#wrap {
  margin :  0 auto;
  padding:  15px 0 0;
  width  :   735px;
  border-style:   solid;
  border-color:    #FFF;
  border-width: 0 4px 4px;
  background  :    #CCC;
  color       :   Black;
  min-height  :   300px;
}

/* ----------------- page header */
#header    {
  margin   :     0;
  min-width: 735px;
}
#header H1 {
  margin : 0;
  padding: 10px 15px;
  background: #031C88
    url('/gfx/logobar2.jpg')
    no-repeat bottom right;
  height: 65px;
  text-align: right;
}
#header H1 SPAN {
  display: none;
}
#shadow {
  position: absolute;
  left    :        0;
  height  :     35px;
  width   :     100%;
  z-index :       99;
  background: transparent;
}
html>body #shadow {
  background: transparent
    url('/gfx/drop-shadow.png')
    repeat-x bottom left;
}
* html #shadow {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/drop-shadow.png',sizingMethod='scale');
}

/* ---------- main page settings */
#page      {
  border     :     0;
  min-height : 400px;
  padding    :   5px 7px 7px 10px;
  margin-left: 203px;
  width      : 735px;
  border     :   3px solid white;
  border-top :     0;
}
#page H5   {
  font-weight: normal;
  font-size:  8pt;
  margin   : 10px;
  padding  :    0;
  border   :    0;
}
#page BR.spacer {
  clear    : both;
}

/* ----------------- form styles */
.formSpacer {
  margin-top :   30px;
}
.formWrap {
  border     :    3px double white;
  width      :  400px;
  margin     : 0 auto;
  padding    :      0;
  background :   #456;
}
.formWrap H1,
.formWrap H3 {
  background :  White;
  color      :  Black;
  margin     :      0;
  text-align : center;
  font-size  :   14pt;
  line-height:   16pt;
  padding    :    5px;
}
.formWrap H3 {
  font-size  :   10pt;
  line-height:   12pt;
  padding    :    2px;
}
.formWrap H4 {
  margin      :   15px -15px;
  font-size   :   10pt;
  padding     :  5px 0;
  text-align  : center;
  border-style:  solid;
  border-color:  White;
  border-width:  2px 0 1px 0;
}
.formWrap FORM {
  margin: 15px;
}
.formWrap LABEL {
  float      :    left;
  text-align :   right;
  width      :     25%;
  cursor     : pointer;
  padding-top:     2px;
}
.formWrap INPUT,
.formWrap SELECT  {
  float     : right;
  text-align:  left;
  width     :   70%;
  margin-bottom: 3px;
}
.formWrap TEXTAREA {
  width  :    98%;
}
.formWrap DIV.submit {
  text-align: center;
}
.formWrap DIV.submit INPUT {
  float  :   none;
  width  :   auto;
  margin :      0;
  padding: 0 30px;
}
.formWrap BR {
  clear: both;
}
.formFooter {
  background: #234;
  padding   :  5px;
  font-size :  8pt;
  border-top:  1px solid white;
}
.formFooter A {
  color  : White;
  display: block;
  margin :     0;
  padding: 0 2px;
  text-decoration: none;
}
.formFooter A:hover {
  color     : #000;
  background: #CCC;
  text-decoration: none;
}
.formFooter .left {
  float: left;
  text-align: left;
}
.formFooter .right {
  float: right;
  text-align: right;
}
#loginNewPW LABEL {
  width: 50%;
}
#loginNewPW INPUT {
  width: 45%;
}

H1 {
  margin: 40px auto 15px auto;
  text-align: center;
}
#wrap TABLE {
  margin: 0 auto;
  width :  400px;
  border:      0;
  border-collapse: collapse;
  border-spacing :        0;
}
#wrap CAPTION {
  font-size  :    12pt;
  font-weight:    bold;
  padding    : 2px 4px;
  color      :   White;
  background :    #234;
  margin     :  0 auto;
  border-top : 1px solid white;
}
#wrap TH,
#wrap TD {
  border: 0;
  margin: 0;
  padding: 4px;
  text-align: right;
  border-bottom: 1px solid white;
}
#wrap TH {
  background:   #FFF;
  color     :   #333;
  font-size :   10pt;
  padding   :    1px;
  text-align: center;
}
#wrap TD.catName,
#wrap TD.alLeft {
  text-align: left;
}
#wrap TH.footlink A {
  color     :  #333;
  text-decoration: none;
}
#wrap TH.footlink A:hover {
  text-decoration: underline;
  color     :  #5F5;
}
#wrap TFOOT TH {
  text-align: right;
  padding-right: 4px;
}
#wrap TFOOT TH.catName {
  text-align: left;
  padding-left: 4px;
}
/*---------------------------*/
.left {
  float: left;
}
.center {
  float: left;
  text-align: center;
  width: 85%;
}
.right {
  float: right;
}
BR.clear {
  clear: right;
}
H2 {
  margin: 15px 0 0 0;
  text-align: center;
  letter-spacing: 0.3em;
}
H3 {
  margin: 20px 0 5px 15px;
  text-align:   left;
  letter-spacing: 0.1em;
}
P {
  margin    : 5px 15px;
  text-align:  justify;
}
#cmdBar {
  background: #010F4C;
  color: #FFF;
  text-align: center;
  letter-spacing: 0.3em;
  line-height   :  100%;
  padding: 1px 0 1px 1px; /*8*/
  margin-bottom: 0px; /*3*/
}
/* ---- */
#cmdBar #cmdSort {
  border-left : 1px solid gray;
  border-right: 1px solid gray;
  letter-spacing: 0;
  padding: 0 5px;
  font-size: 0.8em;
  line-height: 20px;
}
#cmdBar A {
  color: White;
  padding: 2px 5px;
  text-decoration: none;
}
#cmdBar A:hover {
  background: Orange;
  text-decoration: none;
}
#cmdBar #cmdFilter {
  padding: 1px 2px; /*02*/
  border-right: 1px solid gray;
 position: relative;
}
#cmdBar #cmdFilter INPUT {
  font-size: 0.6em;
  border-color: #7F9DB9;
  border-style: solid;
  border-width: 1px 0 1px 1px;
 float: left;
}
#cmdBar #cmdFilter INPUT.grayed {
  color: Gray;
  text-align: center;
}
#cmdBar #cmdFilter A {
 display: block;
 float: left;
 height: 15px;
 font-size: 12px;
  /* font-size   :   0.8em; */
  letter-spacing:     0;
  /* line-height :    20px; */
  padding     :   0 4px;
  background  :   White;
  color       :    Gray;
  border-color: #7F9DB9;
  border-style:   solid;
  border-width: 1px 1px 1px 0;
}
#cmdBar #cmdFilter A:hover {
  background:  #CCC;
  color     : White;
}
/* ---- */
#cmdBar #cmdAdd  A SPAN,
#cmdBar #cmdViews A SPAN {
  display: none;
}
#cmdBar #cmdAdd  A,
#cmdBar #cmdAdd  A:hover,
#cmdBar #cmdViews A,
#cmdBar #cmdViews A:hover {
  display:  block;
  float  :   left;
  width  :   20px;
  height :   19px;
  margin :      0;
  border :      0;
  padding:      0;
  text-decoration: none;
}
#cmdBar A#backLink {
  color: White;
  font-size: 0.8em;
  letter-spacing: 0;
  /* width:  auto;
  padding: 3px 8px 0;
  margin-top: -1px; */
}
#cmdBar A#backLink:hover {
  background: Orange;
  height: 18px;
}
#cmdBar A#addItem {
  background: transparent
    url('/gfx/addItem19b.gif')
    no-repeat top left;
}
#cmdBar A#viewSimple {
  background: transparent
    url('/gfx/simpleView19.gif')
    no-repeat top left;
}
#cmdBar A#viewDetail {
  background: transparent
    url('/gfx/detailView19.gif')
    no-repeat top left;
}
#cmdBar A#viewThumb  {
  background: transparent
    url('/gfx/thumbView19.gif')
    no-repeat top left;
}
#cmdFoot,
#cmdFootNA {
  background: #010F4C;
  color: #FFF;
  font-size: 8pt;
  padding:  0;
}
#cmdFootNA {
  padding:  2px 4px;
}
#cmdFoot #footInfo {
  padding: 2px;
}
#cmdFoot #pgPrev {
  float:  left;
  border-right: 1px dashed white;
}
#cmdFoot #pgNext {
  float: right;
  border-left : 1px dashed white;
}
#cmdFoot #pgPrev,
#cmdFoot #pgNext {
  padding:     0;
}
#cmdFoot #pgPrev.pgNA,
#cmdFoot #pgNext.pgNA {
  padding:   2px 5px;
  cursor :   default;
  color  :   #3F4B7F;
}
#cmdFoot #pgPrev A,
#cmdFoot #pgNext A  {
  padding:   2px 5px;
  display: block;
  color  : White;
  text-decoration: none;
}
#cmdFoot #pgPrev A:hover,
#cmdFoot #pgNext A:hover  {
  display: block;
  color  : White;
  background: Orange;
  text-decoration: none;
}
#wrap TABLE#simpleResults TD {
  padding: 1px 4px 0;
  font-size: 10pt;
}
#results {
 x background: Gray;
  min-height: 250px;
}
#results #simpleResults {
  width: 100%;
}
#results .resultItem,
#results .resultItemOdd {
  height    :     85px;
  position  : relative;
  color     :    White;
  background:  #1A51AF;
  cursor    :  pointer;
  border-bottom: 1px dashed #031C88;
}
#results .titleLine A,
#results .titleLine A:hover {
  color: White;
  text-decoration: none;
}
#results .resultItemOdd {
  background: #103BA0;
}
#results .resultItem:hover,
#results .resultItemOdd:hover {
  background: #037EEE;
}
#results .dvdThumbnail {
  float  : left;
  width  : 85px;
  height : 85px;
  padding:    0;
  margin :    0;
}
#results .dvdThumbnail IMG {
  width  : 75px;
  height : 75px;
  margin :  5px;
  border :    0;
}
#results .dvdDetails {
  padding: 0;
}
#results .dvdDetails .titleLine {
  font-size  :  14pt;
  font-weight:  bold;
  padding    : 0 5px;
}
#results .dvdDetails .titleLine .right {
  font-size  : 10pt;
  padding-top:  4px;
}
#results .dvdDetails .dvdActors {
  padding: 0 5px;
}
#results .dvdDetails .footLine {
  padding: 0 5px 1px;
  position: absolute;
  left: 80px;
  bottom: 0px;
}
/*-- thumbs results ---*/
#results.thumbResults {
  background: #1A51AF;
  padding: 2px 3px;
  min-height: 225px;
}
.thumbResults .thumbResult {
  padding:    0;
  margin :  1px;
  float  : left;
  line-height: 0;
}
.thumbResults .thumbResult A,
.thumbResults .thumbResult A:hover {
  display: block;
  padding: 0;
  margin : 0;
  text-decoration: none;
}
.thumbResults .thumbResult A {
  border :  2px solid #103BA0;
}
.thumbResults .thumbResult A:hover {
  border :  2px solid #FFA500;
}
.thumbResults .thumbResult IMG {
  width : 75px;
  height: 75px;
  border:    0;
}
.thumbResults BR.clearing {
  clear: both;
}
/*---------------------*/
#welcome {
  margin: 15px 15px 0;
}
#news {
  border-style:  solid;
  border-color:  White;
  border-width:  1px 0;
  background  :   Gray;
  margin      :   15px;
}
#news H2 {
  margin    :       0;
  color     :   White;
  background: #031C88;
  text-align:    left;
  padding   : 0px 6px;
  font-size :    14pt;
  letter-spacing:   0;
}
#news H3 {
  font-size  :    10pt;
  font-weight:    bold;
  padding    : 2px 6px;
  color      :   White;
  background : #1A51AF;
  margin     :  0 auto;
}
#news P {
  margin     :        0;
  font-size  :     10pt;
  padding    : 2px 10px 6px;
}
#statGraphs {
  margin: 25px 0 15px;
}
#statGraphs IMG {
  margin: 15px;
}
#stats {
  margin-top :    15px;
  /*text-align :  center;*/
}
#stats TABLE {
  background :    Gray;
  margin     :  0 15px;
}
#stats CAPTION {
  background: #031C88;
  padding   : 0px 6px;
  font-size :    14pt;
  text-align:    left;
  margin:  0px 15px 0;
}
#stats IMG {
  xmargin: 10px;
}

/*----------------------*/
#addItem H2 {
  margin-top: 15px;
}
#addItem FORM {
  margin-top: 10px;
}
#addItem FORM LABEL {
  width  : 200px;
  display: block;
  float  :  left;
  text-align: right;
  padding: 2px 5px 0 0;
}
#addItem FORM INPUT {
  margin-right: 5px;
}


FORM#descForm {
  margin:  15px;
  width : 400px;
}
FORM#descForm .formCaption {
  text-align: center;
  background: Maroon;
  color     :  White;
  padding-top: 1px;
}
FORM#descForm TEXTAREA {
  width  : 390px;
  border :   1px solid Maroon;
  margin :     0;
  padding:   1px 4px;
}
FORM#descForm .formButton {
  text-align: center;
}
FORM#descForm .formButton INPUT {
  width: 400px;
}

/*----------------------*/
BODY#login {
  background: White;
}
BODY#login #header,
BODY#login .formSpacer,
BODY#login .spacer {
  display: none;
}
BODY#login #wrap {
  padding   :  0;
  margin    :  0;
  min-height:  0;
}
#loginForm {
  background: transparent
    url('/gfx/loginBackdrop.gif')
    no-repeat top left;
  width: 630px;
  height: 430px;
  border: none;
  position: absolute;
  top: 50%;
  margin-top: -215px;
  left: 50%;
  margin-left: -315px;
}
#loginForm H1 {
  display: none;
}
#loginForm LABEL {
  display: none;
}
#loginForm #usernm,
#loginForm #passwd {
  position: absolute;
  left: 437px;
  width: 130px;
  font-size: 10pt;
  background: none;
  border: none;
}
#loginForm #usernm {
  top: 302px;
}
#loginForm #passwd {
  top: 337px;
}
#loginForm .submit {
  position: absolute;
  top : 372px;
  left: 420px;
}
#loginForm .formFooter {
  display: none;
}
/*----------------------*/
#overlayWrapper {
  position: absolute;
  top     :        0;
  left    :        0;
  width   :     100%;
  height  :     100%;
  display :   inline;
}
#overlayWrapper DIV {
  position: relative;
  z-index: 3;
  display    : none;
  line-height: 100%;
  z-index    :  999;
}
#overlayWrapper DIV.overlayActive {
  display    : inline;
}
#overlayWrapper DIV#overlayBG {
  position  : absolute;
  background:    Black;
  margin    :    0;
  padding   :    0;
  width     : 100%;
  height    : 100%;
  z-index   :   99;
  -moz-opacity: 0.75;
  opacity: 0.75;
  filter:alpha(opacity=75);
}
#overlayWrapper DIV#overlayUL {
  text-align: center;
}
#overlayWrapper DIV#overlayUL H1 {
  margin    : 0 0 10px 0;
  padding   : 7px 2px 6px 2px;
  background:    Navy;
  color     :   White;
  font-size :    14pt;
  border-bottom: 1px solid black;
}
#overlayWrapper DIV#overlayUL P {
  color     :   White;
}
#overlayWrapper DIV#overlayUL FORM {
  color     :   White;
  margin    :    15px;
}
#overlayWrapper DIV#overlayUL FORM LABEL {
  display: block;
  text-align: justify;
  line-height: 120%;
}
#overlayWrapper DIV#overlayUL FORM DIV {
  display: block;
  text-align: center;
  margin-top: 20px;
}
#itemInfo #itemPhoto {
  padding    :         0;
  line-height:         0;
  float      :      left;
  background :     White;
  position   :  relative;
  border     : 1px solid black;
  margin     : 10px 15px 15px 10px;
}
#itemInfo #itemPhoto #itemPhotoMain {
  position: relative;
}
#itemInfo #itemPhoto #itemPhotoImg {
  /*position: relative;*/
  padding :      5px;
  text-align: center;
}
#itemInfo #itemPhoto #itemPhotoTag {
  color      :  White;
  line-height:   10pt;
  font-size  :   10pt;
  text-align : center;
  background :  Black;
}
#itemPhotoTag A {
  display   : block;
  color     : White;
  background: Black;
  padding   : 5px;
  text-decoration: none;
  border-top:   1px solid black;
}
#itemPhotoTag A:hover {
  background     : Orange;
  color          :  Black;
  text-decoration:   none;
}
#itemInfo #itemPhoto #itemPhotoUL {
  display    :   none;
}
#itemInfo #itemFoot {
  clear      :   both;
  background :  White;
  margin-top :   10px;
  text-align : center;
  font-size  :  0.8em;
  padding-top:    4px;
}
#itemInfo #tracks {
  margin-top: 15px;
}
#itemInfo #tracks CAPTION,
#itemInfo #tracks TABLE {
  margin:    0;
  width : 100%;
}
#itemInfo #tracks TABLE TH {
  border-bottom: 1px solid black;
  padding: 0 0 2px 0;
}
#itemInfo #tracks TABLE TD {
  text-align   :  center;
  border-style :  dashed;
  border-color :   Black;
  border-width : 1px 1px 0 0;
}
#itemInfo #tracks TABLE TD.alignLeft {
  text-align  : left;
  padding-left:  7px;
  border-right: none;
}
#itemInfo #tracks TABLE TR.firstRow TD {
  border-top  : none;
}
#itemInfo #tracks CAPTION {
  text-align: left;
  padding: 3px 4px 4px 6px;
  border-top: 1px solid black;
}

/*-----*/
#itemInfo H3 {
  margin  :         0;
  padding : 6px 6px 0;
  letter-spacing:   0;
  background: #031C88;
  color     :   White;
}
#itemInfo H4 {
  margin     :       0;
  padding: 1px 7px 6px; /*172*/
  background : #031C88;
  color      :   White;
  font-weight:  normal;
  font-size  :    12pt;
}
#itemDetails,
.similarItems {
  position  :  relative;
  margin    : 10px 10px 20px 10px;
  background:      gray;
  border    : 1px solid Black;
}
#itemDetails H5,
.similarItems H5,
#itemInfo #tracks CAPTION {
  background : #1A51AF;
  color      :   White;
  margin     :       0;
  font-size  :    10pt;
  line-height:    10pt;
}
#itemDetails H5,
.similarItems H5 {
  border-bottom: 1px solid Black;
  position: relative;
}
#itemDetails H5 SPAN.left {
  padding:   3px 0;
}
.similarItems H5  {
  padding:   3px 5px;
}
#itemDetails H5 A {
  color  :   White;
  padding: 3px 4px;
  display:   block;
  float  :    left;
  font-size   :     8pt;
  font-weight :  normal;
  text-decoration: none;
}
#itemDetails H5 A:hover {
  background: Orange;
  color: Black;
  text-decoration: none;
}
#itemDetails H5 BR {
  clear: right;
}
#itemDetails P,
.similarItems P {
  position : relative;
  padding  :  4px 7px;
  min-width:    250px;
  margin   :        0;
  z-index  :        2;
}
#itemReviews H4 {
  color: Black;
  clear: right;
  background: none;
  font-weight: bold;
  margin: 15px 0 5px 15px;
  padding: 0;
}
#itemDetails #itemPhoto {
  margin: 0 10px -1px 0;
  border-color: Black;
  border-style: Solid;
  border-width: 0 1px 1px 0;
  z-index: 9;
}
#overlayWrapper #overlayUL H1.overlayTitle {
  padding: 5px;
}
#overlayWrapper #overlayUL H1.overlayTitle SPAN.left {
  padding-top: 2px;
}
#overlayWrapper #overlayUL H1.overlayTitle SPAN.right A {
  display    :  block;
  color      :  White;
  font-size  :    8pt;
  font-weight: normal;
  padding: 1px 5px 0;
  border : 1px solid Gray;
  text-decoration: none;
}
#overlayWrapper #overlayUL H1.overlayTitle SPAN.right A:hover {
  background     : Orange;
  color          :  Black;
  border-color   :  Black;
  text-decoration:   none;
}

#mightLike {
  background: White;
  padding: 5px;
  text-align: center;
}
#mightLike H5 {
  margin: 0 0 5px 0;
  padding: 0;
  text-align: center;
}
#mightLike A IMG {
  border: 0;
}

/* -----addprod */
#blackout {
  position: absolute;
  background-color: Black;
  opacity: 0.7;
  display: none;
}
#addprod {
  display: none;
  position: absolute;
  background: #566A7F;
  border-style: solid;
  border-color: White;
  border-width: 5px; /*055*/
  margin: 20px;
  width: 685px;
  z-index: 0;
}
#addprodTitle {
  background: White;
  margin: 0;
  padding: 0 0 5px 10px;
}
#addprodTitle H3 {
  margin: 0;
  font-size: 14pt;
  line-height: 100%;
  letter-spacing: 0.1em;
  font-weight: bold;
  float: left;
  padding-top: 2px;
}
#addprodTitle A {
  display: block;
  float: right;
  background: #AAB0BB;
  border: 2px solid #777;
  padding: 2px 4px;
  font-size: 10pt;
  line-height: 10pt;
  text-decoration: none;
}
#addprodTitle A:hover {
  color: #000;
  background: #F99;
  border-color: #944;
  text-decoration: none;
}
#addprod IMG {
  float: left;
  margin: 1px 10px 1px 1px;
}
#addprod #jsStatus {
  clear: both;
 x display: none; /*053*/
  margin : 0;
  background: White;
  text-align: center;
  font-size  : 10pt;
  line-height: 12pt;
  letter-spacing: 0.1em;
  padding: 4px 0 0 0;
}
#addprod H4 {
  font-size: 1.5em;
  line-height: 100%;
  margin: 0;
  padding: 10px 0;
}
#addprod #addprodContent {
  margin : 0;
  padding: 0;
}
#addprod .formRow {
  clear: both;
  margin: 5px 0;
}
#addprod INPUT {
  margin: 0 3px;
  float: left;
}
#addprod LABEL {
  float: left;
  margin: 0 3px;
  padding-top: 1px;
  text-align: right;
  width: 200px;
}
#addprod INPUT[type=submit] {
  margin-left: 208px;
}
#addprod #addprodForm {
  padding: 15px;
  text-align: center;
}
#cmdBar {
  position: relative;
  z-index: 9;
}

/*-685px-*/
#jsStatus DIV {
  float: left;
}
#apAdd {
  width: 270px;
  background: #7A7;
}
#apAdd A:hover,
#apAdd A:focus {
  background: #7C7;
}
#apAdd A.active {
  background: #5F5;
}
#apRemove A {
  width: 145px;
  background: #A77;
}
#apRemove A:hover,
#apRemove A:focus {
  background: #C77;
}
#apRemove A.active {
  background: #F55;
}
#apWish A {
  width: 270px;
  background: #A8A;
}
#apWish A:hover,
#apWish A:focus {
  background: #C7C;
}
#apWish A.active {
  background: #F5F;
}
#jsStatus A {
  display: block;
  padding: 10px 0;
  text-decoration: none;
}
#jsStatus A:hover,
#jsStatus A:focus {
  color: White;
  text-decoration: none;
}
#jsStatus A.active:hover,
#jsStatus A.active:focus {
  color: Black;
}
#addprod.added {
  background: #BEB;
}
#addprod.deleted {
  background: #EBB;
}
#addprod.wished {
  background: #EBE;
}