/* dramabiz webadmin default style sheet */
* {
  margin: 0;
  padding: 0;
}

body {
  font-family: arial, helvetica, tahoma, verdana, sans-serif;
  font-size: .9em;
  margin:9px 9px 0 9px;
  height:100%;
  padding:0;
  color:#000;
  background-color:#FFF;
}

button {
  text-decoration:none;
  cursor:pointer;
}

button.basic {
  text-decoration:none;      
}

button.article_button {
  background-color:#FAEEC6;
  border-right:1px solid black;
  border-bottom:1px solid black;
  height:1.5em;
  padding:0px 4px 0px 4px;
}

input, textarea {
  width:550px;
}

input.cb {
  width:20px;
}

label {
  font-weight:bold;
}

p {
  margin-bottom:5px;
}

p.found_article {
  margin:10px 0 0 5px;
  line-height:1.3em;
}

p.space {
  height:5px;
}

select {
  width:10em;
}

table {
  font-size:.8em;
}

table.view_edit {  
  margin-top:10px;
  width:650px;
}

tbody.hidden {
  display:none;
}

tbody.show {
  display:block;
}

tr {
  vertical-align:top;
}

tr.header {
  font-weight:bold;
  background-color: #ebbb14;    
}

tr.header td {
  border-bottom:2px solid black;
}

tr.label, td.label {
  font-weight:bold;
  width:100px;
}

tr.color {
  background-color:#FAEEC6;
  color:inherit;
}

tr.space {
  height:5px;
}

td {
  padding:2px 5px 2px 2px;  
}

td.hidden {
  display:none;
}

td.button_cell {
  border-top:1px solid black;
  margin-top:5px;
  text-align:right;
}

td.button button {
  margin-right:10px;
  text-decoration:none;
}

td.form_label {
  font-weight:bold;
  width:150px;
}

td.delete_undelete {
  width:95%;
}

th {
  text-align:left;
  padding-left:5px;
}

/* Sortable tables */
table.sortable a.sortheader {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}

a {
  color:blue;
  text-decoration:underline;
  cursor:pointer;
}


/*  ---------------------------------------------------------------------------
    DIVS (IN ORDER ON THE PAGE)
-------------------------------------------------------------------------------  */

#top, #nav, #middle, #bottom {
  position:absolute;
  left:20px;
  width:950px;
}

#top {
  top:20px;
  border-top: 2px solid black;
  border-left: 2px solid black;
  border-right: 2px solid black;
  background:url('../_images/top_gradient.gif') repeat-x;
  height:70px;
}

#top img {
  margin-left:5px;
  margin-bottom:10px;
}

#top #logo_text {
  position:absolute;
  top:20px;
  left:600px;
  font-size:2em;
  color: #006;
}

#nav {
  top:90px;
  background-color:gray;
  border: 2px solid black;
  height:20px;  
}

#navbuttons {
  position:absolute;
  left:15px;
  height:100%;
  width:auto;
}

#nav .cell {
  position:relative;
  float:left;
  height:100%;
  width:8em;
  margin-right:5px;
  vertical-align:bottom;
  background: url('../_images/navbar_button.gif') repeat-x;
  color: #006;
  text-align:center;
  font-weight:bold;
  cursor:pointer;
}

#nav .cell.active {
  background:none;
  background-color:#CCC;
}

#middle {
  top:110px;
  border-left: 2px solid black;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
  height:auto;
}

#loading {
  font-size:.8em;
  float:right;
  margin-top:10px;
  margin-right:10px;
  clear:left;
  visibility:hidden;
}

#loading img {
  margin-left:10px;
}

#middle #main {
  /* all the content goes in this one */
  position:relative;
  margin:35px 20px 20px 15px;
  width:910px;
  height:460px;
  border: 1px solid #EEE;
}

/*  ---------------------------------------------------------------------------
    SPECIFIC PAGES
-------------------------------------------------------------------------------  */

/*  LOGIN  */

#login {
  position:relative;
  width:400px;  
  margin-right: auto;
  margin-left: auto;  
  padding-top:10px;
  text-align:center;
  border:2px solid #003366;
}

#login input {
  width:18em;
}

#table {
  position:relative;
  left:0px;
  top:0px;
}

#table .form_row {
  position:relative;
  left:0px;
  top:0px;
  width:inherit;
  height:2.5em;
  text-align:left;
  border:0px solid blue;  
}

#table .form_row .login_label {
  margin-left:15px;
  margin-right:10px;
  width:100px;
  font-weight:bold;
  border:0px solid blue;
}

#table .form_row .login_input {
  position:absolute;
  left:130px;
  top:0px;
  width:150px;
}

#table .form_row .button {
  position:absolute;  
  left:250px;
  top:2px;
}

#login_message {
  width:90%;  
  text-align:left;
  margin-top:20px;
  margin-right: auto;
  margin-bottom:20px;
  margin-left: auto;
  color:#F00;
  background-color:#FFF;
  border:0px solid red;
}

/*  END LOGIN  */



/*  ARTICLES  */

#main.articles #menu, #main.suppliers #menu {
  position:absolute;
  left:0px;
  top:40px;
  list-style-type:none;
  width:100px;
}

#menu li {
  border-right:1px solid black;
  border-bottom:1px solid black;
  background-color:#ebbb14;
  margin-bottom:2px;
  text-decoration:none;
  cursor:pointer;
}

#menu li.active {
  background-color:#FAEEC6;
}

li div {  
  padding-left:10px;
  margin-bottom:3px;
  width:100%;  
}


.articles ul {  
  width:100%;
  height:160px;
  border:1px solid wheat;
}

.articles li {  
  text-decoration:underline;
  margin-bottom:2px;
}

.articles #article_view {
  position:absolute;
  left:10px;
  top:200px;
  width:780px;
  height:220px;
  overflow:auto;
  border:1px solid lightblue;
}

/* table styles */
#data_view_list, #data_edit_list {
  width:780px;
  height:170px;
  overflow:auto;
}

#data_edit_list {
  height:390px;
}

#data_view_list table, #data_edit_list table {
  width:760px;
  height:auto;
}

#data_view_list tr, #data_view_list th,
#data_edit_list tr, #data_edit_list th {
  vertical-align:top;
  height:1em;
}

#data_view_list .cell0, #data_edit_list .cell0 {
  width:350px;
}

#data_view_list .cell1, #data_edit_list .cell1 {
  width:95px;
}

#data_view_list .cell2, #data_edit_list .cell2 {
  width:95px;
}

#data_view_list .cell3, #data_edit_list .cell3 {
  width:95px;
}

#data_view_list .cell4, #data_edit_list .cell4 {
  width:95px;
}

#data_list li, #data_edit_list li {
  position:relative;
  left:20px;
  width:400px;
  cursor:pointer;
  margin-bottom:5px;
}

/* end table styles */

#delete_undelete {
  height:260px;
  overflow:auto;
}

#article_list_delete, #article_list_undelete, #delete_button, #undelete_button {
  width:640px;
  overflow:auto;
}

  /* ISSUE DATE PAGE */

#list_issue_dates {
  width:50%;
}

#list_issue_dates table {
  width:80%;
}
  
#list_issue_dates button.button_edit {
  font-size:.9em;
  width:4em;
}

#list_issue_dates caption {
  font-weight:bold;
  text-align:left;
}
  
#add_issue_date {
  position:absolute;
  top:0px;
  left:50%;
  display:block;
  padding:10px 10px 0 10px;
  width:50%;
  height:200px;
  border:1px solid blue;
}

#add_issue_date label {
  font-size:.9em;
  margin-left:10px;
}

#add_issue_date label.form_caption {
  margin-left:0px;
}

#add_issue_date label input {
  position:relative;
  top:-1.3em;
  float:right;
  margin-right:40px;  
  width:200px;
}

#add_issue_date #buttons {
  position:absolute;
  left:0px;
  top:140px;
  display:block;
  width:100%;
  height:2em;
}

#add_issue_date #btn_save,  #add_issue_date #btn_cancel {
  position:absolute;
  left:10px;
  top:0px;  
  width:60px;
}

#add_issue_date #btn_save {
  left:280px;
}

#add_issue_date p.error_message {
  color:red;
  font-size:.8em;
  width:300px;
  display:block;
}

  /* END ISSUE DATE PAGE */


/*  END ARTICLES  */

/*  EDIT ADD ARTICLE PAGE */
#current_issue_data {
  background-color:#FAEEC6;
  margin:10px 0 10px 0;
}

#date_warning {
  color:red;
}

table.supplier.view_edit {
  margin-left:10px;
}

.formlabel {
  font-weight:bold;
}

/*  END EDIT ADD ARTICLE PAGE */

/*  SEARCH PAGE  */
#form_container {
  height:150px;
  margin-bottom:20px;
}

.formbasic {
  margin-top:10px;
}

.formbasic fieldset {
  background-color:#006;
  border:none;
  height:50px;
  padding:5px 0 0 10px;
  vertical-align:top;
}

.formbasic input {
  width:32em;
}

.formbasic button {
  margin-left:20px;
}

.formbasic label {
  color:white;
  margin-bottom:3px;
}

#results_container {
  border:0px solid orange;
  width:100%;
  height:auto;
  margin-bottom:20px;
  vertical-align:top;
}

#search_list_title {
  margin-bottom:10px;
}

#search_results {
  margin-left:5px;
  width:100%;
}

#search_results h3 {
  width:100%;
}

#search_results li {
  margin:1em 0 5px 5px; 
  list-style-type:none;
  font-family:arial, verdana, sans;
  font-weight:bold;
}

/*  END SEARCH PAGE  */


/* SAVE ARTICLE */
.save_article {
  padding:10px 0 0 10px;
}

.save_article #container {
  border:1px solid #009;
  padding:20px;
}

.save_article p {
  margin-bottom:10px;
}

.save_article #index_article {
  margin-bottom:20px;  
}

.save_article #index_update {  
  font-size:.9em;
  margin: 20px 0 10px 20px;  
  width:450px;
  height:auto;
}

.save_article #index_article_explanation {
  background-color:wheat;
  display:none;
  font-size:.9em;
  margin-left:20px;
  padding:1em;
  width:450px;
}

.save_article button {
  padding:0 10px 0 10px;
  font-size:.9em;
  height:2em;
}

.save_article #btn_help {
  position:relative;  
  top:-5px;
  margin-left:10px;
}

.save_article label button {
  margin-left:30px;
}

.save_article label {
  vertical-align:top;
}

.save_article #close_popup {
  margin-top:60px;
}

/* END SAVE ARTICLE */


/*  ---------------------------------------------------------------------------
    END SPECIFIC PAGES
-------------------------------------------------------------------------------  */

#info_window {
  position:absolute;
  top:650px;
  left: 40px;
  width:60%;
  height:auto;
  background-color:white;
  border:1px solid black;
  display:none;
}

#info_title {
  margin-left:15px;
  margin-top:3px;
  font-weight: bold;
}

#info_content {
  margin:5px 10px 10px 10px;
}

/*  ---------------------------------------------------------------------------
    DIVS (IN ORDER ON THE PAGE)
-------------------------------------------------------------------------------  */

#close_info_window #btn_close {
  width:20px;
  height:15px;
  height:2em;
  border:1px solid wheat;
  background-color: #5959B3;
  color:white;
  font-size:smaller;
  font-weight: bold;
  text-decoration:none;
  cursor:pointer;
}

#close_info_window {
  position:relative;
  top:-1.2em;
  float:right;
  margin-right:5px;
}

#tbl_mediakit, #tbl_biz {  
  width:100%;
}


/*  ---------------------------------------------------------------------------
    classes
-------------------------------------------------------------------------------  */

textarea.article_text {  
  height:10em;
  width:550px;
}

textarea.article_text.summary {
  height:5em;
}

.bold {
  font-weight:bold;
}

.button {
  border:none;
  background:none;
  text-decoration:underline;
  cursor:pointer;
}

.basic {
  text-decoration:none;
}

.divrow {
  height:2em;
  width:100%;
}

#info_window .divrow {
  background: url('../_images/title_bar.gif') repeat-x;
  height:25px;
  border-bottom:1px solid black;
}

.format {
  font-style:italic;
  margin-bottom:5px;
}

.hide {
  display:none;
}

.page {
  position:absolute;
  left:120px;
  top:40px;
  border:0px solid #CCC;
  width:760px;
  height:420px;
  
}

.title {
  font-weight:bold;
}