/* mycomicbookchecklist.com - basicstyle.css */

html, body {
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 10pt;
   height: 100%;
   margin: 0;
   padding: 0;
}

textarea {
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 10pt;
}

a:active {
   color: #00f;
   font-weight: bold;
   text-decoration: none;
}

a:hover {
   color: #003;
   font-weight: bold;
   text-decoration: none;
}

a:link {
   color: #00f;
   font-weight: bold;
   text-decoration: none;
}

a:visited {
   color: #00f;
   font-weight: bold;
   text-decoration: none;
}

a.button {
   background: transparent url('http://www.mycomicbookchecklist.com/graphics/bg_button_a.gif') no-repeat scroll top right;
   color: #444;
   display: block;
   float: left;
   font: normal 12px arial, sans-serif;
   height: 24px;
   margin-right: 6px;
   padding-right: 18px; /* sliding doors padding */
   text-decoration: none;
}

a.button span {
   background: transparent url('http://www.mycomicbookchecklist.com/graphics/bg_button_span.gif') no-repeat;
   display: block;
   line-height: 14px;
   padding: 5px 0 5px 18px;
}

a.button:active {
   background-position: bottom right;
   color: #000;
   outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
   background-position: bottom left;
   padding: 6px 0 4px 18px; /* push text down 1px */
}

a.classic {
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 10pt;
   text-decoration: underline;
}

a.first-appearance {
   color: #00f;
   cursor: pointer;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 10pt;
   font-weight: bold;
   text-decoration: underline;
}

a.first-appearance:hover {
   color: #3f3;
}

a.header:link {
   color: #fff;
   text-decoration: none;
}

a.header:visited {
   color: #fff;
   text-decoration: none;
}

a.header:hover {
   color: #3f3;
   text-decoration: none;
}

a.header:active {
   color: #fff;
   text-decoration: none;
}

div.banner-left {
   background-color: #3cf;
   border-left-style: solid;
   border-top-style: solid;
   border-bottom-style: solid;
   height: 50px;
   padding: 4px;
   position: absolute;
     top: 0px;
     left: 10px;
   width: 500px;
}

div.banner-right {
/*   background-color: #fff;   */
   background-color: #3cf;
   border-right-style: solid;
   border-top-style: solid;
   border-bottom-style: solid;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 10pt;
   height: 50px;
   padding: 4px;
   position: absolute;
     top: 0px;
     left: 421px;
   text-align: right;
   vertical-align: middle;
   width: 65%
}

div.button-disabled {
   background: transparent url('http://www.mycomicbookchecklist.com/graphics/bg_button_a.gif') no-repeat scroll top right;
   background-position: bottom right;
   color: #999;
   display: block;
   float: left;
   font: normal 12px arial, sans-serif;
   height: 24px;
   margin-right: 6px;
   padding-right: 18px; /* sliding doors padding */
   text-decoration: none;
}

div.button-disabled span {
   background: transparent url('http://www.mycomicbookchecklist.com/graphics/bg_button_span.gif') no-repeat;
   background-position: bottom left;
   display: block;
   line-height: 14px;
   padding: 5px 0 5px 18px;
}

div.button {
   background: transparent url('http://www.mycomicbookchecklist.com/graphics/bg_button_a.gif') no-repeat scroll top right;
   color: #444;
   display: block;
   float: left;
   font: normal 12px arial, sans-serif;
   height: 24px;
   margin-right: 6px;
   padding-right: 18px; /* sliding doors padding */
   text-decoration: none;
}

div.button span {
   background: transparent url('http://www.mycomicbookchecklist.com/graphics/bg_button_span.gif') no-repeat;
   display: block;
   line-height: 14px;
   padding: 5px 0 5px 18px;
}

div.button:hover {
   background-position: bottom right;
   color: #000;
   outline: none;
   cursor: pointer;
}

div.button span:hover {
   background-position: bottom left;
   color: #000;
   outline: none;
   cursor: pointer; 
}

div.button:active {
   background-position: bottom right;
   color: #000;
   outline: none; /* hide dotted outline in Firefox */
}

div.button:active span {
   background-position: bottom left;
   padding: 6px 0 4px 18px; /* push text down 1px */
}

div.footer {
   bottom: 20px;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 8pt;
   padding-left: 10px;
   position: absolute;
}

div.header-left {
//   background-color: #006;
   background-color: #069;
   border-top: 2px solid black;
   border-left: 2px solid black;
//   border-bottom: 2px solid black;
   color: #fff;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 12pt;
   height: 53px;
   padding: 4px;
   position: absolute;
      top: 75px;
      left: 10px;
   vertical-align: middle;
   width: 750px;
   z-index: 11;
}

div.header-right {
   background-color: #069;
   border-top: 2px solid black;
   border-right: 2px solid black;
//   border-bottom: 2px solid black;
   color: #fff;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 12pt;
   height: 53px;
   padding: 4px;
   position: absolute;
//      top:55px;
      top: 75px;
      left: 421px;
//      left: 321px;
   text-align: right;
   width: 65%;
   z-index: 5;
}

div.listing-leftcolumn-header {
   border: 2px solid black;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
/*   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 10px; */
   position: absolute;
      top: 65px;
      left: 10px;
   width: 405px;
   z-index: 1;
}

div.listing-infocolumn-header {
   border-top: 2px solid black;
   border-left: 2px solid black;
   border-right: 2px solid black;
   border-bottom: 2px solid #ff9;
   position: absolute;
//      top: 95px;
      top: 140px;
      left: 417px;
   width: 65%;
   z-index: 2;
}

div.listing-leftcolumn-outer {    /*  match with div.listing-infocolumn */
   background-color: #699fff;
   border: 2px solid black;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   height: 79%;
   overflow-x: hidden;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 10px;
   position: absolute;
//     top: 90px;
      top: 135px;
      left: 10px;
   width: 405px;
   z-index: 4;
}

/* div.listing-leftcolumn-outer-ie needed to display scroll bar properly for lists in left column */

div.listing-leftcolumn-outer-ie {    /*  match with div.listing-infocolumn */
   background-color: #699fff;
   border: 2px solid black;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   height: 79%;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 10px;
   position: absolute;
      top: 135px;
      left: 10px;
   width: 405px;
   z-index: 4;
}

div.listing-leftcolumn-topblock {
   background-color: #069;
//   background-color: #036;
//   border: 2px solid black;
   color: #fff;
   font-size: 12pt;
//   font-weight: bold;
   height: 85px;
   position: absolute;
      top: 0px;
      left: 0px;
   width: 405px;
}

div.listing-leftcolumn {
//border: 2px solid black;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 9pt;
   height: 89%;
   overflow-x: hidden;
   position: absolute;
     top: 85px;         /* top value = div.listing-leftcolumn-topblock height value */
     left: 0px;
//top: 195px;
//left: 10px;
   width: 405px;
   z-index: 4;
}

div.listing-leftcolumn-ie {
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 9pt;
   height: 87%;
   overflow-x: hidden;
   position: absolute;
     top: 85px;         /* top value = div.listing-leftcolumn-topblock height value */
     left: 0px;
   width: 405px;
   z-index: 4;
}

div.listing-infocolumn {    /* match with listing-leftcolumn-outer */
   background-color: #ffc;
   border-top: 2px solid #ffc;
   border-left: 2px solid black;
   border-right: 2px solid black;
   border-bottom: 2px solid black;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 10pt;
   height: 79%;
//   height: 75%;
   overflow-x: hidden;
   padding: 5px;
   position: absolute;
////      top: 90px;
      top: 135px;
//      top: 168px;
      left: 417px;
   width: 65%;
   z-index: 4;
}

div.listing-leftcolumn-titles {
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 12pt;
}

div.show_all_titles {
//   background-color: #393;
   background-color: #cff;
//   background-color: #9cf;
//   color: #fff;
   color: #00f;
   font-size: 12pt;
   font-weight: bold;
   padding-bottom: 4px;
   padding-top: 4px;
}

div.show_all_titles:hover {
   background-color: #ffc;
   color: #000;
   cursor: pointer;
}

h1 {
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 14pt;
   font-weight: bold;
}

h2 {
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 10pt;
   font-weight: bold;
}

h3 {
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 12pt;
   font-weight: bold;
   margin: 0px;
}

input {
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 9pt;
}

input.personal-button {
   font-size: 7pt;
}

textarea.disabled {
   border: 2px solid black;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 9pt;
}

input.disabledInput {
   background-color: #ccf;
   border: 0px;
   height: 100%;
}

input.enabledInput {
   background-color: #fff;
   border: 0px;
}
input.field {
   background-color: #ffc;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 9pt;
   width: 200px;
}

input.disabledText {
   background-color: #ccf;
}

label {
   color: #003;
}

select.creators {
   width: 300px;
}

span.banner_text {
   color: #ccc;
}

span.edit_title:hover {
   color: #3f3;
   cursor: pointer;
}

span.fieldtext {
   background-color: #ccf;
   border: 1px solid;
   color: #000;
   padding-left: 4px;
   padding-right: 4px;
}

span.header {
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 14pt;
   font-weight: bold;
}

span.listtext {
   color: blue;
   font-weight: bold;
}

span.validated {
   color: red;
}

span.years {
   color: black;
   font-size: 8pt;
}

/*  Table class='edit-table' TD alignment */

table.edit-table {
   border-spacing: 0px 2px;
   padding: 0px;
   margin: 0px;
}

td.edit-table-field {
   background-color: #fff;
   border-top: 2px solid black;
   border-right: 2px solid black;
   border-bottom: 2px solid black;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 9pt;
   text-align: left;
   width: 380px;
}

.edit-table td {
   text-align: left;
}

table.listing {
   border: 2px solid black;
   border-collapse: collapse;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 10pt;
   width: 100%;
   height: 95%;
}

table.issuelist {
   border-collapse: collapse;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 10pt;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
   width: 100%;
}

div.personal-issue-comment {
    overflow-y: hidden;
}

tr.addrow {
   background-color: #9cf;
   cursor: pointer;
   font-weight: bold;
   width: 100%;
}

tr.addrow:hover {
   background-color: #ffc;
}

tr.header {
   background-color: #006;
   color: #fff;
   font-size: 12pt;
   width: 100%;
}

td.header {
   padding-top: 4px;
   padding-bottom: 4px;
}

tr.issuelist-odd {
   background-color: #9cf;
   cursor: pointer;
   width: 100%;
}

tr.issuelist-even {
   background-color: #cff;
   cursor: pointer;
   width: 100%;
}

tr.issuelist-odd:hover {
   background-color: #ffc;
}

tr.issuelist-even:hover {
   background-color: #ffc;
}

tr.issuelist-odd-addinfo {
   background-color: #69c;
   width: 100%;
}

tr.issuelist-even-addinfo {
   background-color: #699;
   width: 100%;
}

tr.issuelist-odd-addinfo:hover {
   background-color: #ffc;
   cursor: pointer;
}

tr.issuelist-even-addinfo:hover {
   background-color: #ffc;
   cursor: pointer;
}

tr.issuelist-odd-issue {
   background-color: #9cf;
   cursor: pointer;
   width: 100%;
}

tr.issuelist-even-issue {
   background-color: #cff;
   cursor: pointer;
   width: 100%;
}

tr.issuelist-odd-issue:hover {
   background-color: #ffc;
}

tr.issuelist-even-issue:hover {
   background-color: #ffc;
}

tr.issuelist-odd-missing {
   background-color: #69c;
   width: 100%;
}

tr.issuelist-even-missing {
   background-color: #699;
   width: 100%;
}

tr.issuelist-odd-missing:hover {
   background-color: #ffc;
/* cursor: pointer; */
}

tr.issuelist-even-missing:hover {
   background-color: #ffc;
/* cursor: pointer; */
}

tr.issuelist-odd-personal-notowned {
   background-color: #69c;
   width: 100%;
}

tr.issuelist-even-personal-notowned {
   background-color: #699;
   width: 100%;
}

tr.issuelist-odd-personal-notowned:hover {
   background-color: #ffc;
   cursor: pointer;
}

tr.issuelist-even-personal-notowned:hover {
   background-color: #ffc;
   cursor: pointer;
}

tr.missing-issuelist-odd-personal-notowned {
   background-color: #69c;
   color: #999;
   width: 100%;
}

tr.missing-issuelist-even-personal-notowned {
   background-color: #699;
   color: #999;
   width: 100%;
}

tr.missing-issuelist-odd-personal-notowned:hover {
   background-color: #ffc;
}

tr.missing-issuelist-even-personal-notowned:hover {
   background-color: #ffc;
}

tr.issuelist-odd-personal-owned {
   background-color: #9cf;
   cursor: pointer;
   width: 100%;
}

tr.issuelist-even-personal-owned {
   background-color: #cff;
   cursor: pointer;
   width: 100%;
}

tr.issuelist-odd-personal-owned:hover {
   background-color: #ffc;
}

tr.issuelist-even-personal-owned:hover {
   background-color: #ffc;
}

tr.titlelist-odd {
   background-color: #9cf;
   cursor: pointer;
   width: 100%;
}

tr.titlelist-even {
   background-color: #cff;
   cursor: pointer;
   width: 100%;
}

tr.titlelist-odd:hover {
   background-color: #ffc;
}

tr.titlelist-even:hover {
   background-color: #ffc;
}

td.comment_field {
   background-color: #fff;
   border: 1px solid blue;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 9pt;
   height: 100px;
   text-align: left;
   vertical-align: top;
   width: 380px;
}

td.field {
/* background-color: #ffffff;
border: 1px solid blue;
font-family: times;
vertical-align: top;
width: 300px; */
   background-color: #fff;
   border: 1px solid blue;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 9pt;
   text-align: left;
   width: 380px;
}

td.heading {
   background-color: orange;
   border: 2px solid black;
   font-weight: bold;
   height: 20px;
   vertical-align: middle;
   width: 120px;
}

td.heading-top {
   font-weight: bold;
   height: 20px;
   vertical-align: top;
   width: 120px;
}

td.issuelist-leftcolumn {
   color: #036;
   font-weight: bold;
   padding-left: 5px;
   padding-top: 2px;
   padding-bottom: 2px;
   text-align: left;
   width: 150px;
}

td.issuelist-rightcolumn {
   padding-right: 20px;
   text-align: right;
   width: 155px;
}

td.issuelist-rightcolumn-publisher {
   padding-right: 20px;
   text-align: right;
   width: 20px;
}

td.issuelist-rightcolumn-title {
   padding-right: 20px;
   text-align: right;
   width: 30px;
}

td.issuelist-rightcolumn-publisher:hover {
   background-color: #09f;
}

td.issuelist-rightcolumn-title:hover {
   background-color: #09f;
}

td.listing-leftcolumn {
   background-color: #fff;
   border: 2px solid black;
   vertical-align: top;
   width: 300px;
}

td.listing-issues {
   background-color: #ffc;
   vertical-align: top;
   width: 100%;
}

td.personal-copy-heading {
   font-weight: bold;
   height: 20px;
   vertical-align: middle;
   width: 170px;
}

td.personal-copy-heading-top {
   font-weight: bold;
   height: 20px;
   vertical-align: top;
   width: 170px;
}

/********** Personal Issue Table **********/

div.personal-issue-list-bar {
   background-color: #000;
   border-left: 2px solid black;
   border-right: 2px solid black;
   border-top: 2px solid black;
   color: #fff;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 10pt;
   font-weight: bold;
   height: 20px;
   vertical-align: top;
/*   width: 800px; */
   width: 99%;
}

div.personal-issue-list-header {
   background-color: #333;
   border-left: 2px solid black;
   border-right: 2px solid black;
   border-top: 2px solid black;
   color: #fff;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 8pt;
   height: 24px;
   vertical-align: top;
   width: 99%;
}

div.personal-issue-list {
   background-color: #666;
/*   border: 2px solid black; */
   border-bottom: 2px solid black;
   border-left: 2px solid black;
   border-right: 2px solid black;
   color: #fff;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 10pt;
   height: 149px;
/*   height: 154px; */
   overflow-x: hidden;
   vertical-align: top;
/*   width: 800px; */
   width: 99%;
}

table.personal-issue-list {
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 9pt;
   width: 100%;
}

tr.personal-issue0 {
   background-color: #999;
   border: 1px solid black;
   color: #000;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 8pt;
   height: 19px;
   vertical-align: middle;
   width: 100%;
}

tr.personal-issue1 {
   background-color: #ccc;
   border: 1px solid black;
   color: #000;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 8pt;
   height: 19px;
   vertical-align: middle;
   width: 100%;
}

/********** Modal DialogClass Style **********/

.modal {
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 9pt;
}

.dialog-modal-large-cover-image {
   background-color: #000;
   background: #000;
}

table.comment_frame {
   border: 1px solid black;
   border-collapse: collapse;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 9pt;
   padding:  0px;
   margin: 0px;
   vertical-align: top;
}

/************ Creator Lists *************/

table.creator_list {
   border: 1px solid black;
   border-collapse: collapse;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 9pt;
   vertical-align: top;
   width: 300px;
}

div.creator_list_box {
   background-color: #fc6;
   border: 1px solid black;
   width: 300px;
}

tr.creator_list_header {
   background-color: orange;
   border-top: 1px solid black;
   border-left: 1px solid black;
   border-right: 1px solid black;
   color: #000;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 9pt;
   font-weight: bold;
   height: 25px;
   vertical-align: middle;
}

td.creator_list_header_td {
   padding-left: 2px;
   width: 210px;
}

tr.creator_entry0 {
   background-color: #fc3;
   border: 1px solid black;
   color: #000;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 9pt;
   vertical-align: middle;
}

tr.creator_entry1 {
   background-color: #ff9;
   border: 1px solid black;
   color: #000;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 9pt;
   vertical-align: middle;
}

td.creator_entry_field {
   padding-left: 2px;
   width: 210px;
}

/********** Title Sequences Table **********/

div.title_sequences_box {
   background-color: #fc6;
   border: 1px solid black;
   width: 430px;
}

table.title_sequences {
   border: 1px solid black;
   border-collapse: collapse;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 9pt;
   width: 100%;
}

tr.title_sequence_header {
   background-color: orange;
   border: 1px solid black;
   color: #fff;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 9pt;
   font-weight: bold;
   height: 25px;
   vertical-align: middle;
   width: 450px;
}

tr.title_sequences0 {
   background-color: #fc3;
   border: 1px solid black;
   color: #000;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 9pt;
   vertical-align: middle;
   width: 100%;
}

tr.title_sequences1 {
   background-color: #ff9;
   border: 1px solid black;
   color: #000;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 9pt;
   vertical-align: middle;
   width: 100%;
}

/********** Login Link **********/

span.link-login {
   color: #00f;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-weight: bold;
   text-decoration: underline;
}

span.link-login:hover {
   cursor: pointer;
}

/********** Fake Link Using Span **********/

span.fake-link {
   color: #00f;
   font-weight: bold;
   text-decoration: none;
}

span.fake-link:hover {
   color: #0c0;
   cursor: pointer;
}

/********** List Controls **********/

span.list-control {
   color: #900;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 9pt;
   text-decoration: underline;
}

span.list-control:hover {
   color: #fff;
   cursor: pointer;
}

/****** Checklist Elements ******/

span.checkbox {
   font-size: 14pt;
   font-weight: bold;
}

span.checklist {
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 10pt;
}

/****** Menu Bar Elements *******/

div.menu-bar {
   background-color: #003;
   border-top: 2px solid black;
   border-left: 2px solid black;
   border-bottom: 2px solid black;
   color: #fff;
   font-size: 12pt;
   height: 19px;
   opacity: .99;
   padding-bottom: 2px;
   padding-left: 4px;
   padding-top: 2px;
   position: absolute;
      top: 109px;
      left: 10px;
//     top: 64px;
//     left: 12px;
//   width: 305px;
   width: 405px;
   z-index: 19;
}

div.menu-bar-right {
   background-color: #003;
   border-top: 2px solid black;
   border-left: 2px solid #003;
   border-right: 2px solid black;
   border-bottom: 2px solid black;
   color: #fff;
   font-size: 12pt;
   height: 19px;
   opacity: .99;
   padding-bottom: 2px;
   padding-left: 4px;
   padding-top: 2px;
   position: absolute;
      top: 109px;
      left: 421px;
   text-align: right;
   width: 65%;
   z-index: 18;
}

div.menu-print-checklist {
   background-color: #003;
   border-top: 2px solid black;
   border-left: 2px solid #069;
   border-right: 2px solid #069;
   border-bottom: 2px solid black;
   color: #fff;
   font-size: 12pt;
   padding-bottom: 2px;
   padding-left: 4px;
   padding-top: 2px;
   position: absolute;
      top: 110px;
      left: 14px;
   text-align: center;
   width: 150px;
   z-index: 20;
}  

div.menu-print-checklist:hover {
   background-color: #ffc;
   color: #000;
}

span.menu-bar-option00 {          /* option00 = non-positional menu bar option */
   background-color: #003;
   border-left: 2px solid #069;
   border-right: 2px solid #069;
   color: #fff;
   font-size: 11pt;
   height: 19px;
   padding-bottom: 2px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 2px;
   text-align: center;
   width: 150px;
   z-index: 20;
}

span.menu-bar-option00:hover {
   background-color: #0cc;
   color: #000;
   cursor: pointer;
}

span.menu-bar-option00-disabled {          /* option00-disabled = grayed-out non-positional menu bar option */
   background-color: #003;
   border-left: 2px solid #069;
   border-right: 2px solid #069;
   color: #666;
   font-size: 11pt;
   height: 19px;
   padding-bottom: 2px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 2px;
   text-align: center;
   width: 150px;
   z-index: 20;
}

div.menu-bar-option01 {           /* option01 = option #1 on menu bar */
   background-color: #003;
   border-left: 2px solid #069;
   border-right: 2px solid #069;
   color: #fff;
   font-size: 11pt;
   height: 19px;
   padding-bottom: 2px;
   padding-left: 4px;
   padding-top: 2px;
   position: absolute;
      top: 112px;
      left: 12px;
   text-align: center;
   width: 150px;
   z-index: 20;
}

div.menu-bar-option01:hover {
   background-color: #0cc;
   color: #000;
   cursor: pointer;
}

div.menu-bar-option02 {           /* option02 = option #2 on menu bar */
   background-color: #003;
   border-left: 2px solid #069;
   border-right: 2px solid #069;
   color: #fff;
   font-size: 11pt;
   height: 19px;
   padding-bottom: 2px;
   padding-left: 4px;
   padding-top: 2px;
   position: absolute;
      top: 112px;
      left: 168px;
   text-align: center;
   width: 150px;
   z-index: 20;
}

div.menu-bar-option02:hover {
   background-color: #0cc;
   color: #000;
   cursor: pointer;
}

div.menu-bar-option03 {           /* option03 = option #2 on menu bar */
   background-color: #003;
   border-left: 2px solid #069;
   border-right: 2px solid #069;
   color: #fff;
   font-size: 11pt;
   height: 19px;
   padding-bottom: 2px;
   padding-left: 4px;
   padding-top: 2px;
   position: absolute;
      top: 112px;
      left: 324px;
   text-align: center;
   width: 150px;
   z-index: 20;
}

div.menu-bar-option03:hover {
   background-color: #0cc;
   color: #000;
   cursor: pointer;
}

span.menu-bar-first-issue {
   background-color: #003;
//   border-left: 2px solid #069;
//   border-right: 1px solid #069;
   color: #fff;
   font-size: 11pt;
   height: 19px;
   padding-bottom: 2px;
   padding-left: 7px;
   padding-right: 7px;
   padding-top: 2px;
   text-align: center;
   width: 30px;
   z-index: 20;
}

span.menu-bar-first-issue:hover {
   background-color: #0cc;
   color: #000;
   cursor: pointer;
}

span.menu-bar-first-issue-disabled {
   background-color: #003;
//   border-left: 2px solid #069;
//   border-right: 1px solid #069;
   color: #336;
   font-size: 11pt;
   height: 19px;
   padding-bottom: 2px;
   padding-left: 7px;
   padding-right: 7px;
   padding-top: 2px;
   text-align: center;
   width: 30px;
   z-index: 20;
}

span.menu-bar-previous-issue {
   background-color: #003;
//   border-left: 2px solid #069;
//   border-right: 1px solid #069;
   color: #fff;
 //  color: #336;
   font-size: 11pt;
   height: 19px;
   padding-bottom: 2px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 2px;
   text-align: center;
//   visibility: hidden;
   width: 30px;
   z-index: 20;
}

span.menu-bar-previous-issue:hover {
   background-color: #0cc;
   color: #000;
   cursor: pointer;
}

span.menu-bar-previous-issue-disabled {
   background-color: #003;
//   border-left: 2px solid #069;
//   border-right: 1px solid #069;
   color: #336;
   font-size: 11pt;
   height: 19px;
   padding-bottom: 2px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 2px;
   text-align: center;
   width: 30px;
   z-index: 20;
}

span.menu-bar-next-issue {
   background-color: #003;
//   border-left: 1px solid #069;
//   border-right: 2px solid #069;
   color: #fff;
//   color: #336;
   font-size: 11pt;
   height: 19px;
   padding-bottom: 2px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 2px;
   text-align: center;
//   visibility: hidden;
   width: 30px;
   z-index: 20;
}

span.menu-bar-next-issue:hover {
   background-color: #0cc;
   color: #000;
   cursor: pointer;
}

span.menu-bar-next-issue-disabled {
   background-color: #003;
//   border-left: 1px solid #069;
//   border-right: 2px solid #069;
   color: #336;
   font-size: 11pt;
   height: 19px;
   padding-bottom: 2px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 2px;
   text-align: center;
   width: 30px;
   z-index: 20;
}

/***** Issue Navigation Bar *****/

div.navigation-bar {
   padding-bottom: 8px;
   text-align: right;
//   width: 100%;
}

/********* Search Bar ***********/

input.searchBar {
   background:transparent url(/graphics/search.gif) no-repeat scroll left center;
   background-color: #ffc;
   border: 1px solid #000;
   border-radius: 5px;
//   border-top-left-radius: 5px 5px;
//   border-bottom-left-radius: 5px 5px;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 12pt;
   height: 19px;
   padding-left: 24px;
   width: 200px;
}

/*********** Buttons ************/
 
.myButton {
   -moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
   -webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
   box-shadow:inset 0px 1px 0px 0px #f29c93;
        
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
   background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
   background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
   background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
   background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
   background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
        
   background-color:#fe1a00;

   -moz-border-radius:6px;
   -webkit-border-radius:6px;
   border-radius:6px;
   border:1px solid #d83526;
   display:inline-block;
   color:#ffffff;
   cursor: pointer;
   font-family:arial;
   font-size:12px;
   font-weight:bold;
   padding:3px 3px;
   text-decoration:none;
   text-shadow:0px 1px 0px #b23e35;
}

.myButton:hover {
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
   background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
   background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
   background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
   background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
   background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);
   background-color:#ce0100;
}

.myButton:active {
   position:relative;
      top:1px;
}


span.control {
   -moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
   -webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
   box-shadow:inset 0px 1px 0px 0px #f29c93;
        
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
   background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
   background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
   background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
   background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
   background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
        
   background-color:#fe1a00;

   -moz-border-radius:6px;
   -webkit-border-radius:6px;
   border-radius:6px;
   border:1px solid #d83526;
   display:inline-block;
   color:#ffffff;
   cursor: pointer;
   font-family:arial;
   font-size:12px;
   font-weight:bold;
   padding:3px 3px;
   text-decoration:none;
   text-shadow:0px 1px 0px #b23e35;
}

span.control:hover {
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
   background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
   background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
   background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
   background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
   background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);
   background-color:#ce0100;
   color: #000;
}

span.control:active {
   position:relative;
      top:1px;
}

span.cover-image:hover {
   cursor: pointer;
}

span.disabled-control {
   -moz-box-shadow:inset 0px 1px 0px 0px #b54b3a;
   -webkit-box-shadow:inset 0px 1px 0px 0px #b54b3a;
   box-shadow:inset 0px 1px 0px 0px #b54b3a;
        
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a73f2d), color-stop(1, #b34332));
   background:-moz-linear-gradient(top, #a73f2d 5%, #b34332 100%);
   background:-webkit-linear-gradient(top, #a73f2d 5%, #b34332 100%);
   background:-o-linear-gradient(top, #a73f2d 5%, #b34332 100%);
   background:-ms-linear-gradient(top, #a73f2d 5%, #b34332 100%);
   background:linear-gradient(to bottom, #a73f2d 5%, #b34332 100%);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='b34332',GradientType=0);
        
   background-color:#a73f2d;

   -moz-border-radius:6px;
   -webkit-border-radius:6px;
   border-radius:6px;
   border:1px solid #241d13;
   display:inline-block;
   color:#f07360;
   font-family:arial;
   font-size:12px;
   font-weight:bold;
   padding:3px 3px;
   text-decoration:none;
   text-shadow:0px 1px 0px #7a2a1d;
}

span.disabled-control:hover {
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b34332), color-stop(1, #a73f2d));
   background:-moz-linear-gradient(top, #b34332 5%, #a73f2d 100%);
   background:-webkit-linear-gradient(top, #b34332 5%, #a73f2d 100%);
   background:-o-linear-gradient(top, #b34332 5%, #a73f2d 100%);
   background:-ms-linear-gradient(top, #b34332 5%, #a73f2d 100%);
   background:linear-gradient(to bottom, #b34332 5%, #a73f2d 100%);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b34332', endColorstr='#a73f2d',GradientType=0);
   background-color:#b34332;
}

span.disabled-control:active {
   position:relative;
      top:1px;
}

/******* Display Comic Information Form Elements *******/

div.box {
   background-color: #fc6;
   border: 1px solid black;
   width:385px;
}

span.formLabel {
   background-color: orange;
   border-top: 1px solid black;
   border-left: 1px solid black;
   border-bottom: 1px solid black;
   display: inline-block; /* Needed to make height and width settings work */
   font-weight: bold;
   height: 20px;
   line-height: 20px;
   margin: 0px;
   padding: 0px;
   width: 150px;
}

label.formLabel {
   background-color: yellow;
   border-top: 1px solid black;
   border-left: 1px solid black;
   border-bottom: 1px solid black;
   display: inline-block; /* Needed to make height and width settings work */
   font-weight: bold;
   height: 20px;
   line-height: 20px;
   margin: 0px;
   padding: 0px;
   width: 150px;
}

input.formLabel {
   background-color: orange;
   border-top: 1px solid black;
   border-left: 1px solid black;
   border-bottom: 1px solid black;
   border-right: 1px solid black;
   display: inline-block;
   font-weight: bold;
   height: 20px;
   line-height: 20px;
   margin: 0px;
   padding-left: 2px;
   padding-top: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
   width: 147px;
}

input.formInput {
   background-color: white;
   border-left: 1px solid black;
   border-top: 1px solid black;
   border-right: 1px solid black;
   border-bottom: 1px solid black;
   display: inline-block;
   height: 20px;
   margin: 0px;
   padding-left: 2px;
   padding-top: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
   width: 230px;
}

input.formInput-disabled {
   background-color: #ccf;
   border-left: 1px solid black;
   border-top: 1px solid black;
   border-right: 1px solid black;
   border-bottom: 1px solid black;
   display: inline-block;
   height: 20px;
   margin: 0px;
   padding-left: 2px;
   padding-top: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
   width: 230px;
}

textarea.formText {
   background-color: white;
   border: 0px;
   display: inline-block;
   height: 20px;
   margin: 0px;
   outline: none;
   padding: 0px;
   resize: none;
   width: 232px;
}

/************ Display Creator List ************/

table.creator-list {
   border-spacing: 0px;
   font-family: Arial, Verdana, Helvetica, "Sans Serif";
   font-size: 9pt;
}

td.creator-list-header {
   background-color: orange;
   border: 2px solid black;
   display: inline-block;
   font-weight: bold;
   height: 20px;
   line-height: 20px;
   margin: 0px;
   padding-left: 2px;
   padding-top: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
   width: 290px;
}

td.creator-list-names {
   background-color: white;
   border: 2px solid black;
   border-top: 0px;
   display: inline-block;
   margin: 0px;
   padding-left: 2px;
   padding-top: 2px;
   padding-right: 0px;
   padding-bottom: 2px;
   width: 290px;
}