body {
  margin: 0px;
  padding: 0px;
  font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
  text-align: center; /* for IE5/Win */
}

a {color: #003399; text-decoration: none;}
a:hover {background-color: #ddd; color: #003399;}
a:active {background-color: #ddd; color: #003399;}
a:visited {color: #003399; text-decoration: none;}
a img {
  border: none;
}

#wrapper {
  margin: 0px auto;
  text-align: left; /* corrects IE5/Win workaround */
}



/*
    Masthead styles
------------------------------------------------------ */


#adminHeader {
  margin: 0px 0px 30px 0px;
  border-top: 3px solid #007;
  border-bottom: 1px solid #777;
  background-color: #F8F7EF;
}

#adminMasthead {
  font-size: 90%;
  margin: 0px 0px 5px 0px;
  font-family: Georgia, Times, serif;
  padding: 5px;
}
#adminMasthead a {color: #000; text-decoration: none;}
#adminMasthead a:hover {background-color: #ddd; color: #00a;}
#adminMasthead a:active {background-color: #ddd; color: #00a;}
#adminMasthead a:visited {color: #000; text-decoration: none;}


#statusLinks {
  margin: 0px;
  padding: 0px;
}

#profileMenu {
  float: right;
  font-size: 80%;
  list-style-type: none;
  text-indent: 0px;
  margin: 0px 10px 0px 0px;
  padding: 0px;
}

#profileMenu li{
  text-indent: 0px;
  display: inline;
  padding-left: 5px;
  margin-left: 0px;
}

.screenName {
  font-weight: bold;
  color: #444;
}

#profileMenu a {color: #00a; text-decoration: none;}
#profileMenu a:hover {background-color: #ddd; color: #00a;}
#profileMenu a:active {background-color: #ddd; color: #00a;}
#profileMenu a:visited {color: #00a; text-decoration: none;}


/*
    Writer's toolkit
------------------------------------------------------ */

.adminToolbar {
  margin: 0px 0px 0px 0px;
  padding: 5px;
  font-size: 80%;
}

.toolBarHead {
  display: inline;
  font-family: Georgia, Times, serif;
  font-weight: normal;
  font-style: italic;
  color: #444;
}

.adminMenu {
  display: inline;
  padding-left: 0px;
  margin-left: 0px;
  list-style-type: none;
  text-indent: 0px;
}

.adminMenu li {
  display: inline;
  padding-left: 0px;
  margin-left: 0px;
  list-style-type: none;
  text-indent: 0px;
}

#writersToolbar {
  margin: 4px 0 11px 0;
  clear: both;
  padding-top: 2px;
}

#writersMenu , #writersMenu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}


#writersMenu a {
	display: block;
	width: auto;
}

#writersMenu li {
	float: left;
	width: auto;
	padding-right: 10px;
}

#writersMenu li ul {
  position: absolute;
  width: auto;
  left: -999em;
  padding: 3px 3px 0.5em 0px;
  z-index: 100;
  border-bottom: 1px dotted #ccc;
  background-color: #fff;
}
#writersMenu li ul li{
  clear: left;
  margin-top: 2px;
  padding-left: 5px;
  padding-bottom: 3px;
}

#writersMenu li:hover ul, #writersMenu li.sfhover ul {
  left: auto;
  margin-left: 0px;
}

.blogLink{}
#blogLinks{}


.submitLink{}
#submitLinks{}


#writersMenu a {color: #00a; text-decoration: none;}
#writersMenu a:hover {background-color: #ddd; color: #00a;}
#writersMenu a:active {background-color: #ddd; color: #00a;}
#writersMenu a:visited {color: #00a; text-decoration: none;}

/*
    Editor's toolkit
------------------------------------------------------ */

#editorsToolbar {
  clear: both;
  border-top: 1px dotted #ccc;
}
#editorsMenu {
}
#editorsMenu li{
  padding-right: 10px;
}

#editorsMenu a {color: #00a; text-decoration: none;}
#editorsMenu a:hover {background-color: #ddd; color: #00a;}
#editorsMenu a:active {background-color: #ddd; color: #00a;}
#editorsMenu a:visited {color: #00a; text-decoration: none;}



/*
    Publisher's toolkit
------------------------------------------------------ */

#publishersToolbar {
  clear: both;
  border-top: 1px dotted #ccc;
}
#publishersMenu {
}
#publishersMenu li{
  padding-right: 10px;
}

#publishersMenu a {color: #00a; text-decoration: none;}
#publishersMenu a:hover {background-color: #ddd; color: #00a;}
#publishersMenu a:active {background-color: #ddd; color: #00a;}
#publishersMenu a:visited {color: #00a; text-decoration: none;}



/*
    Page element styles
------------------------------------------------------ */

#admPageHead {
  font-size: 100%;
  margin: 0 0 0 3%;
}

#navOpts {
  background-color: #eef;
  margin: 1em 3%;
  padding: 3px;
  font-size: 75%;
  border: 1px solid #33c;
}

#navOpts p {
  margin: 4px;
}

#navOpts form {
  margin: 4px;
  border: 0px;
}

#navOpts fieldset {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

#navOpts a {color: #00a; text-decoration: none;}
#navOpts a:hover {background-color: #ddd; color: #00a;}
#navOpts a:active {background-color: #ddd; color: #00a;}
#navOpts a:visited {color: #00a; text-decoration: none;}

.navSubOpts {
  background-color: #eee;
  margin: 0px 10px 0px 30px;
  padding: 3px;
  border: 1px dashed #aaa;
}

#announcements {
  margin: 2em 3%;
  padding: 3px;
  font-size: 12px;
}
#announcements a {color: #00a; text-decoration: none;}
#announcements a:hover {background-color: #ddd; color: #00a;}
#announcements a:active {background-color: #ddd; color: #00a;}
#announcements a:visited {color: #00a; text-decoration: none;}

#announcements h2 {
	margin-top: 2em;
	padding-bottom: 3px;
	border-bottom: 1px solid #aaa;
	font-size: 16px;
}

.annBox {
  margin: 10px 0px 0px 0px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #bbb;
}

.annTitle {
  color: #900;
  margin-left: 2%;
}

.annBody {
  margin-left: 3%;
}

.annDate {
  text-align: left;
  font-size: 80%;
}

pre.FAQeg {
  width: 330px;
  padding: 12px;
  font-size: 12px;
  margin: 10px 5%;
  background-color: #eee;
  border: #aaa;
}

#nav_cat_archive {
  margin: 2em 3%;
  font-size: 12px;
  border-bottom: 1px dashed #bbb;
  text-indent: 0px;
  padding-left: 0px;
  list-style: none;
  padding-bottom: 20px;
}
#nav_cat_archive h3{
  font-weight: bold;
  margin-left: 0px;
  text-indent: 0px;
  padding-left: 0px;
  list-style: none;
}
#nav_cat_archive li ul{
  font-weight: normal;
  margin-left: 20px;
  text-indent: 0px;
  padding-left: 0px;
}
#nav_cat_archive li ul li{
  list-style: none;
}
#nav_cat_archive li ul h3{
  font-weight: bold;
}
#nav_cat_archive li ul li ul{
  margin-left: 20px;
  text-indent: 0px;
  padding-left: 0px;
}
#nav_cat_archive a {color: #00a; text-decoration: none;}
#nav_cat_archive a:hover {background-color: #ddd; color: #00a;}
#nav_cat_archive a:active {background-color: #ddd; color: #00a;}
#nav_cat_archive a:visited {color: #00a; text-decoration: none;}

.admPageText {
  margin: 20px 3% 0 3%;
  font-size: 12px;
}

/*
    Queue Screens
------------------------------------------------------ */

.stSubmitted {
  color: #900;
  font-weight: bold;
}

.stWorking {
  color: #f62;
  font-weight: bold;
}

.stPending {
  color: #f60;
  font-weight: bold;
}

.stCopyedited {
  color: #390;
  font-weight: bold;
}

.stApproved {
  color: #093;
  font-weight: bold;
}

.stLive {
  color: #039;
  font-weight: bold;
}

h2.queueSectHd {
  color: #003399;
  font-size: 15px;
  margin: 20px 0 0 3%;
}
.queueSectNote {
  color: #444;
  font-size: 14px;
  font-style: italic;
  margin: 0px 0 0 5%;
}

.notice a {color: #f62; text-decoration: none;}
.notice a:hover {background-color: #ddd; color: #f62;}
.notice a:active {background-color: #ddd; color: #f62;}
.notice a:visited {color: #f62; text-decoration: none;}

.queueImgLinks {
  font-size: 12px;
  font-style: italic;
  margin: 0px 0 0 3%;
}

h3.schedDateHead{
  font-family: Georgia, Times, serif;
  color: #111;
  font-size: 12px;
  margin: 20px 0 0 3%;
}

/*
    Catalogue Table
------------------------------------------------------ */

.catTable {
  margin: 1em 3%;
  font-size: 75%;
  border: 1px solid #555;
}

.catTable th{
  font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
  font-size: 11px;
  background-color: #555;
  color: #fff;
  padding: 4px 10px 4px 6px;
}

.catTable td{
  font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
  font-size: 11px;
  color: #000;
  padding: 4px 10px 4px 6px;
  border-top: 2px solid #fff;
  border-bottom: 1px solid #B1B6D2;
}

.catTable p{
  margin: 0px;
}

.catTabSml {
}

.refNr {
  color: #33f;
  font-weight: bold;
}

.title {
  font-weight: bold;
}

.artist {
}

.label {
  color: #222;
}

.relDate {
  white-space: nowrap;
}

.errorLink {
  white-space: nowrap;
}

.reviewLink {
  white-space: nowrap;
}

.editLink {
}

th.subHeads {
  background-color: #aaa;
  border-top: none;
  border-bottom: none;
  color: #000;
}

th.subHeadsItem {
  background-color: #999;
  border-top: none;
  border-bottom: none;
  color: #000;
}

td.itemInfo {
  background-color: #cde;
}

.alarm {
  color: red;
}

.showButtonDate a {color: #33f;  font-weight: bold; text-decoration: none;}
.showButtonDate a:hover {color: #33f;}
.showButtonDate a:active {color: #33f;}
.showButtonDate a:visited {color: #33f; text-decoration: none;}

p.summaryForm {
  display: inline;
}

.summaryForm label{
  display: none;
}


/*
    Catalogue Fieldsets
------------------------------------------------------ */

.formSubHead {
  font-size: 80%;
  color: #900;
  border-bottom: 1px solid #900;
}


fieldset.catFldSt p{
  margin-top: 0.5em;
  margin-bottom: 0em;
}

fieldset.formSubfield{
  margin: 10px 3%;
  padding: 10px;
  border: 2px solid #ddd;
}
.formSubfield legend{
  font-size: 90%;
  color: #555;
  font-weight: bold;
}

fieldset.formSubfieldReqd{
  margin: 10px 3%;
  padding: 10px;
  border: 2px solid #ddd;
}
.formSubfieldReqd legend{
  font-size: 90%;
  color: #900;
  font-weight: bold;
}

fieldset.catFldSt{
  padding: 0px;
  border: none;
}
.catFldSt legend{
  font-family: Georgia, Times, serif;
  color: #444;
  text-align: left;
  margin-left: 0px;
  border: none;
  font-weight: normal;
  font-style: italic;
  font-size: 90%;
}
.catFldSt label{
  font-size:80%;
  float:left;
  width:35%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  color: #0066b9;
  font-weight:bold;
}

.formInputNote {
  font-size:75%;
  margin: 0px 5% 0px 36%;
  color: #000;
  background-color: #eee;
  padding: 3px;
}

.formFieldsetNote {
  font-size:75%;
  margin: 0px 5% 0px 5%;
  border: solid 1px #630;
  padding: 10px;
  color: #000;
}

.IMPformNote {
  color: #900;
  text-align: center;
  font-size: 75%;
}

.imgUplformNote {
  color: #444;
  text-align: center;
  font-size: 75%;
  background-color: #dff;
  border: 1px dashed #ccc;
  padding: 4px;
  margin: 4px auto;
  width: 60%;
}

.imptNote {
  margin: 10px 3%;
  padding: 10px;
  background-color: #ffd;
  border: 1px solid #999;
  font-size: 12px;
  text-align: center;
}

.regformNote {
  color: #666;
  text-align: center;
  font-size: 75%;
}

.mand {
  color: #900;
}

.hiddenInputs {
  display: none;
}

.submitButtons {
  text-align: right;
  margin: 10px 3%;
}



#catItemPreview {
  margin: 20px 3%;
  background-color: F8F7EF;
  padding: 20px;
  border: 2px solid #ddd;
}
#catItemPreview h2 {
  font-family: Georgia, Times, serif;
  font-size: 90%;
  margin: 0px;
}
#catItemPreview p {
  font-size: 80%;
}

.catInlineFormInput {
 font-size: 80%;
}


#prevArticleBox{
  background-color: #fff;
  padding: 15px;
  font-size: 12px;
}
#prevArticleBox h4{
  font-size: 12px;
  font-weight: normal;
  margin: 0px;
}
#prevArticleBox p{
  font-size: 12px;
}
.prevHead{
  font-weight: bold;
}
.prevWarn{
  color: #900;
  font-weight: bold;
}
.prevDEK{
}
#prevBody{
  border-top: 2px solid #eee;
}

.helpTip a {font-size: 80%; color: #003399; text-decoration: none;}
.helpTip a:hover {border-bottom: 1px dashed #003399; background-color: #ddd; color: #003399;}
.helpTip a:active {border-bottom: 1px dashed #003399; background-color: #ddd; color: #003399;}
.helpTip a:visited {color: #003399; text-decoration: none;}


#articleFAQBox {
  font-size: 12px;
  text-indent: 0px;
  padding: 0px;
  margin: 0px;
  list-style: none;
}
#articleFAQBox li{
  list-style: none;
}
#articleFAQBox a {color: #003399; text-decoration: none;}
#articleFAQBox a:hover {background-color: #ddd; color: #003399;}
#articleFAQBox a:active {background-color: #ddd; color: #003399;}
#articleFAQBox a:visited {color: #003399; text-decoration: none;}




/*
    Formatting Buttons
------------------------------------------------------ */

.buttonMode {
  background-color: transparent;
  color: #73769D;
  font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
  font-size: 10px;
  white-space: nowrap;
  }

.htmlButtonOutter, .htmlButtonOutterL {
  background-color: #f6f6f6;
  border-bottom: #333 1px solid;
  border-right: #333 1px solid;
  border-top: #333 1px solid;
  padding: 0;
  }

.htmlButtonOutterL {
  border-left: #333 1px solid;
  }

.htmlButtonInner {
  background-color: transparent;
  border-bottom: #ccc 1px solid;
  border-left: #fff 1px solid;
  border-right: #ccc 1px solid;
  border-top: #fff 1px solid;
  padding: 0 3px 0 3px;
  text-align: center;
  }

.htmlButtonOff {
  font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding: 1px 2px 2px 2px;
  white-space: nowrap;
  }

.htmlButtonOff a:link {
  color: #000;
  text-decoration: none;
  white-space: nowrap;
  }

.htmlButtonOff a:visited {
  text-decoration: none;
  }

.htmlButtonOff a:active {
  color: #999;
  text-decoration: none;
  }

.htmlButtonOff a:hover {
  color: #999;
  text-decoration: none;
  }

.htmlButtonOn {
  background: #f6f6f6;
  font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding: 1px 2px 2px 2px;
  white-space: nowrap;
  }

.htmlButtonOn a:link {
  color: #990000;
  text-decoration: none;
  white-space: nowrap;
  }

.htmlButtonOn a:visited {
  text-decoration: none;
  }

.htmlButtonOn a:active {
  color: #999;
  text-decoration: none;
  }

.htmlButtonOn a:hover {
  color: #999;
  text-decoration: none;
  }

.htmlButtonA {
  font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding: 2px 3px 3px 3px;
  white-space: nowrap;
  }

.htmlButtonB {
  background: #E1E3EC;
  font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding: 2px 3px 3px 3px;
  white-space: nowrap;
  }

.htmlButtonA a:link {
  color: #000;
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
  }

.htmlButtonA a:visited {
  text-decoration: none;
  }

.htmlButtonA a:active {
  color: #999;
  text-decoration: none;
  }

.htmlButtonA a:hover {
  color: #999;
  text-decoration: none;
  }

.htmlButtonB a:link {
  color: #990000;
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
  }

.htmlButtonB a:visited {
  text-decoration: none;
  }

.htmlButtonB a:active {
  color: #999;
  text-decoration: none;
  }

.htmlButtonB a:hover {
  color: #999;
  text-decoration: none;
  }


/*
    Markup Key
------------------------------------------------------ */

#markupKey {
  position: absolute;
  top: 60px;
  left: 10px;
  width: 20%;
  padding: 5px;
  border: 1px dashed #ddd;
}

#articleFldSt {
  position: relative;
}

#markupKey h3 {
  margin: 0px 0px 10px 0px;
  font-size: 75%;
  color: #900;
  text-align: center;
}

.keyList {
  font-size: 70%;
  width: 100%;
}

#markupKey p {
  font-size: 70%;
}



/*
    Toolkit
------------------------------------------------------ */

#toolkit {
  position: absolute;
  top: 200px;
  left: 10px;
  width: 20%;
  padding: 5px;
  background-color: #F8F7EF;
  border: 1px dashed #bbb;
}

#articleFldSt {
  position: relative;
}

#toolkit h3 {
  margin: 0px 0px 10px 0px;
  font-size: 75%;
  color: #900;
  text-align: center;
}

.toolkitList {
  margin: 0px;
  font-size: 75%;
  text-align: left;
  padding-left: 15px;
}

.toolkitList li{
  padding-left: 0px;
  margin: 0px;
}