body {
  font-family: verdana, arial, helvetica; 
  font-size: 11px;
  color: #666666;
  margin: 0;
}

form {
  margin: 0;
}

.stp-tile-body {
  font-family: verdana, arial; 
  font-size: 11px;
  color: #666666;
  padding: 2px;
  background-color: #efefdd;
  border: thin solid;
  border-color: #cfcfbb;
}

td {
  font-family: verdana, arial, helvetica; 
  font-size: 11px;
  color: #666666
}

button {
  font-size: 10px;
  font-family: verdana, arial, helvetica;
  border: 1px solid;
  border-color: black;
  padding-top: 0px;
  padding-right: 2px;
  padding-bottom: 0px;
  padding-left: 2px;
  margin-top: 2px;
  margin-bottom: 0px;
  color: black;
  /*background-color: #ffffff;*/
  text-align: center;
}

.button {
  font-size: 10px;
  font-family: verdana, arial, helvetica;
  border: 1px solid;
  border-color: black;
  padding-top: 0px;
  padding-right: 2px;
  padding-bottom: 0px;
  padding-left: 2px;
  margin-top: 2px;
  margin-bottom: 0px;
  color: black;
  /*background-color: #ffffff;*/
  text-align: center;
}

.page-title {
  border-bottom: 1px black solid;
  border-color: black;
  font-weight: bold;
  text-align: left;
}

.button-title {
  border-bottom: 1px black solid;
  border-color: black;
}

.form-sublabel {
  text-align: left;
  font-size: 12px;
  color: blue;
}

.article-body {
  text-align: left;
  font-size: 14px;
  color: black;
}

.article-headline {
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  color: black;
}

.article-credits {
  text-align: left;
  font-size: 12px;
  font-style: italic;
  color: black;
}

.article-photo-caption {
  text-align: left;
  font-size: 12px;
  color: black;
}

.article-photo-credits {
  text-align: left;
  font-size: 10px;
  font-style: italic;
  color: black;
}

.filter-pane {
  border-bottom: 1px black solid;
  font-weight: normal;
  text-align: right;
}

.form-label {
  text-align: right;
  padding-right: 4px;
  margin-bottom: 3px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 3px;
  width: 40%;
}

.form-dropdown {
  font-size: 10px;
  font-family: verdana, arial, helvetica;
  font-weight: normal;
  border: 1px solid black;
  color: #8f3f3f;
  background-color: white;
  margin-bottom: 3px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 3px;
  width: 150px;
}

.criterion-dropdown {
  font-size: 10px;
  font-family: verdana, arial, helvetica;
  font-weight: normal;
  border: 1px solid black;
  color: #8f3f3f;
  background-color: white;
  margin-bottom: 3px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 3px;
  width: 100%;
}

.form-input-text {
  font-size: 10px;
  font-family: verdana, arial, helvetica;
  line-height : 12px;
  margin-bottom: 3px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 3px;
  border: 1px solid; 
  border-color: #000000;
  color: #8F3F3F;   
  background-color: #FFFFFF;
  width: 150px;
}

.form-textarea {
  font-size: 10px;
  font-family: verdana, arial, helvetica;
  margin-bottom: 3px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 3px;
  border: 1px solid; 
  border-color: #000000;
  color: #8F3F3F;   
  background-color: #FFFFFF;
  width: 150px;
}

.form-input-date {
  font-size: 10px;
  font-family: verdana, arial, helvetica;
  line-height : 12px;
  margin-bottom: 3px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 3px;
  border: 1px solid; 
  border-color: #000000;
  color: #8F3F3F;   
  background-color: #FFFFFF;
  width: 125px;
}




.actions-pane {
  text-align: left;
  border-top: 1px solid;
  border-color: black;
}

.action-button {
  font-size: 10px;
  font-family: verdana, arial, helvetica;
  border: 1px solid;
  border-color: black;
  padding-top: 0px;
  padding-right: 2px;
  padding-bottom: 0px;
  padding-left: 2px;
  margin-top: 1px;
  margin-bottom: 0px;
  color: black;
  background-color: #dcdcdc;
  text-align: center;
}

.action-button-title {
  font-size: 10px;
  font-family: verdana, arial, helvetica, sans serif;
  border: 1px solid;
  border-color: black;
  padding-top: 0px;
  padding-right: 2px;
  padding-left: 2px;
  padding-bottom: 0px;
  margin-top: 1px;
  margin-bottom: 2px;
  color: black;
  background-color: #dcdcdc;
  text-align: center;
}

.results-table {
  font-family: verdana, arial, helvetica; 
  font-size: 11px;
  background: #dedede;
  border: solid 1px black;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
}

.results-empty-table {
  font-family: verdana, arial, helvetica; 
  font-size: 11px;
  background: #dedede;
  border: solid 1px black;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
}

.results-table thead, .results-header {
  margin: 0px;
  font-weight: bold;
  text-align: left;
  background: #666666;
  color: white;
  cursor: default;
  padding-left: 4px;
  padding-right: 4px;
  border: 1px solid black;
}

.results-table thead td, .results-header-content {
  color: white;
  padding-left: 4px;
  padding-right: 4px;
}

.results-table thead td a:link, .results-table thead td a:visited, .results-table thead td a:active, 
.results-header-content a:link, .results-header-content a:visited, .results-header-content a:active {
  color: white;
  text-decoration:none;
}
.results-table thead td a:hover, .results-header-content a:hover {
  text-decoration:underline;
}
.results-table thead td.sorted1, .results-header-content.sorted1 {
  background-image:url(imgs/sortAsc.gif);
  background-repeat:no-repeat;
  background-position:right;
}
.results-table thead td.sorted2, .results-header-content.sorted2 {
  background-image:url(imgs/sortDesc.gif);
  background-repeat:no-repeat;
  background-position:right;
}

.results-table tbody td, .results-content {
  padding-left: 4px;
  padding-right: 4px;
  text-align: left;
}
  
.results-table tfoot td, .results-footer {
  margin: 0px;
  font-weight: bold;
  text-align: center;
  background: #dedede;
  color: black;
  cursor: default;
  padding-left: 4px;
  padding-right: 4px;
}

.field-label {
  padding: 1px;
  text-align: left;
  color: #3833be;
}

.field-value {
  padding: 1px;
  text-align: left;
  color: #d41a27;
}

.review-title { 
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}

.article-headline { 
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}

.msg-area {
  border: 1px solid black;
  width: 100%;
  height: 50px;
  color: #000000;
  background-color: #efefdd;
  overflow:auto;
}

.criteria-area {
  border: 1px solid black;
  width: 100%;
  height: 150px;
  color: #000000;
  background-color: #efefdd;
  overflow:auto;
}

.body-area {
  border: 1px solid black;
  width: 100%;
  color: #000000;
  background-color: #efefdd;
}

.reviewer-comment {
  color: #d41a27;
}

.review-criterion {
  color: black;
  font-family: verdana, arial, helvetica, sans serif;
  font-style: italic; 
}

.contributor-comment {
  color: #326633;
  font-family: verdana, arial, helvetica, sans serif;
}


/* ################################### DISPALY TAG STYLES ################################### */

/*asigned to the table tag*/
.display-tag {
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
  border: 1px solid black;
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  width: 95%;
}

.display-tag th {
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: left;
  padding: 2px 2px 2px 2px;
  border-bottom: 1px solid black;
  background-color: #003366;
  color: white;
}

.display-tag th a {
  color: white;
  text-decoration: none;
}

.display-tag tr:hover {
   cursor: pointer;
   background: #cfcfbb;
}

.display-tag-browse {
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
  border: 1px solid black;
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  width: 95%;
}

.display-tag-browse th {
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: left;
  padding: 2px 2px 2px 2px;
  border-bottom: 1px solid black;
  background-color: #003366;
  color: white;
}

.display-tag-browse th a {
  color: white;
  text-decoration: none;
}

/* ################### */
.display-tag-published {
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
  border: 1px solid black;
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  width: 95%;
}

.display-tag-published th {
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: left;
  padding: 2px 2px 2px 2px;
  border-bottom: 1px solid black;
  background-color: #00A94F;
  color: white;
}

.display-tag-published th a {
  color: white;
  text-decoration: none;
}

.display-tag-published tr:hover {
   cursor: pointer;
   background: #cfcfbb;
}

/* ############# */
.display-tag-inreview {
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
  border: 1px solid black;
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  width: 95%;
}

.display-tag-inreview th {
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: left;
  padding: 2px 2px 2px 2px;
  border-bottom: 1px solid black;
  background-color: #666666;
  color: white;
}

.display-tag-inreview th a {
  color: white;
  text-decoration: none;
}

.display-tag-inreview tr:hover {
   cursor: pointer;
   background: #cfcfbb;
}

/* ################### */
.display-tag-inprogress {
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
  border: 1px solid black;
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  width: 95%;
}

.display-tag-inprogress th {
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: left;
  padding: 2px 2px 2px 2px;
  border-bottom: 1px solid black;
  background-color: #F6C600;
  color: white;
}

.display-tag-inprogress th a {
  color: white;
  text-decoration: none;
}

.display-tag-inprogress tr:hover {
   cursor: pointer;
   background: #cfcfbb;
}

/* ################### */
.display-tag-torevise {
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
  border: 1px solid black;
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  width: 95%;
}

.display-tag-torevise th {
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: left;
  padding: 2px 2px 2px 2px;
  border-bottom: 1px solid black;
  background-color: #ED1B2E;
  color: white;
}

.display-tag-torevise th a {
  color: white;
  text-decoration: none;
}

.display-tag-torevise tr:hover {
   cursor: pointer;
   background: #cfcfbb;
}

/* ################### */
.display-tag-forreview {
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
  border: 1px solid black;
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  width: 95%;
}

.display-tag-forreview th {
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: left;
  padding: 2px 2px 2px 2px;
  border-bottom: 1px solid black;
  background-color: #0060A2;
  color: white;
}

.display-tag-forreview th a {
  color: white;
  text-decoration: none;
}

.display-tag-forreview tr:hover {
   cursor: pointer;
   background: #cfcfbb;
}

/* ################### */
.display-tag-toreview {
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
  border: 1px solid black;
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  width: 95%;
}

.display-tag-toreview th {
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: left;
  padding: 2px 2px 2px 2px;
  border-bottom: 1px solid black;
  background-color: #F47A20;
  color: white;
}

.display-tag-toreview th a {
  color: white;
  text-decoration: none;
}

.display-tag-toreview tr:hover {
   cursor: pointer;
   background: #cfcfbb;
}

/* ################### */
/*assigned to the tr tag of all odd numbered data rows , for the browse articles page*/
.odd-browse {
  background-color: #EFEFDD;
}

.odd-browse td {
  padding: 2px 0px 2px 2px;
}

.odd-browse a {
  color: black;
  text-decoration: underline;
}

/*assigned to the tr tag of all even numbered data rows , for the browse articles page*/
.even-browse { 
  background-color: #EFEFDD;
}

.even-browse td {
  padding: 2px 0px 2px 2px;
}

.even-browse a {
  color: black;
  text-decoration: underline;
}

/*assigned to the tr tag of all odd numbered data rows*/
.odd {
  background-color: #EEF2FF;
}

.odd td {
  padding: 2px 0px 2px 2px;
}

.odd a {
  text-decoration: underline;
  color: #666666;
}

.odd a:hover {
   cursor: pointer;
   background: #cfcfbb;
}

/*assigned to the tr tag of all even numbered data rows*/
.even { 
  background-color: #FFFFFF;
}

.even td {
  padding: 2px 0px 2px 2px;
}

.even a {
  text-decoration: underline;
  color: #666666;
}

.even a:hover {
   cursor: pointer;
   background: #cfcfbb;
}

/*assigned to the th tag of the sorted column*/
.sorted {
  background-color: orange;
}

/*assigned to the th tag of a sortable column*/
.sorted a, .sortable a {
  display: block;
  width: 100%;
  text-decoration: none;
}

.sortable {
  background-color: #003366;
}

.sortable a {
  background: url('../imgs/arrow_off.png') right no-repeat;
}

.sortable a:hover, .sorted a:hover  {
  text-decoration: underline;
}

/*assigned to the th tag of the sorted column if sort order is ascending*/
.order1 a {
  background: url('../imgs/arrow_up.png') right no-repeat;
}

/*assigned to the th tag of the sorted column if sort order is descending*/
.order2 a {
  background: url('../imgs/arrow_down.png') right no-repeat;
}

/*assigned to the top panner showing the items count and current page info*/
.pagebanner {
  background-color: #efefef;
  border-top: 1px dotted #999;
  border-left: 1px dotted #999;
  border-bottom: 1px dotted #999;
  padding: 2px 50px 2px 4px;
  text-align: left;
  width: 45%;
}

/*top banner navigation links*/
.pagelinks {
  background-color: #efefef;
  border-top: 1px dotted #999;
  border-right: 1px dotted #999;
  border-bottom: 1px dotted #999;
  padding: 2px 4px 2px 0px;
  color: black;
  text-align: right;
  width: 45%;
}

.pagelinks a {
  color: #868686;
  text-decoration: none; 
}

.pagelinks a:hover {
  text-decoration: underline;
}

/*bottom banner export style*/
.exportlinks {
  background-color: #eee;
  border: 1px dotted #999;
  text-align: left;
  padding: 3px 0px 3px 2px;
  margin-top: 6px;
  width: 95%;
  text-align: left;
}
.exportlinks a {
  color: black;
  text-decoration: none;
}
.exportlinks a:hover {
  color: black;
  text-decoration: underline;
}

/*global export style*/
.export {
  padding-left: 18px;
  color: black;
}

/*csv export*/
.csv {
  background: url('../imgs/ico_file_csv.png') left no-repeat;
}

/*excel export*/
.excel {
  background: url('../imgs/ico_file_excel.png') left no-repeat;
}

/*xml export*/
.xml {
  background: url('../imgs/ico_file_xml.png') left no-repeat;
}

/*pdf export*/
.pdf {
  background: url('../imgs/ico_file_pdf.png') left no-repeat;
}

/*table with no results*/
.empty {
}
/* ################################### &DISPALY TAG STYLES ################################### */

tr.ruled { cursor: pointer; background: #cfcfbb; }

/* ################################### CATEGORY GROUPS (WIZARD) ################################### */
div.visibleTabPane {
    display: block;
    border: thin solid black;
    text-align: left;
    padding: 5px 5px 5px 5px;
}

div.hiddenTabPane {
    display: none;
    border: thin solid black;
    text-align: left;
}

span.enabledTab {
    border: thin solid black;
    border-bottom: 0px;
    background: #E4E7E4;
    -moz-border-radius: 5px 5px 0px 0px;
    text-align: center;
    padding-left: 3px;
    padding-right: 3px;
}

span.disabledTab {
    border: thin solid black;
    border-bottom: 1px;
    background: #A9ABA9;
    -moz-border-radius: 5px 5px 0px 0px;
    text-align: center;
    padding-left: 3px;
    padding-right: 3px;
}
/* ################################### CATEGORY GROUPS (WIZARD) ################################### */

/* ################################### LIST ARTICLES ################################### */
.article_title {
  font-family: "Arial Narrow", "Helvetica Condensed", arial, helvetica, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: bold;
  color: #000000;
  padding-left: 8px;
  padding-top: 2px;
	background: #D4D4C5;
  border: thin solid;
  border-color: #A5A59D;
  text-decoration:underline;
  -moz-border-radius: 5px 5px 0px 0px;
}
.article_subtitle {
  font-family: "Arial Narrow", "Helvetica Condensed", arial, helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  color: #666666;
  padding-left: 2px;
  padding-top: 2px;
}
.text {
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  color: #666666;
  padding-left: 2px;
  background-color:#F0F0F0
}
.cat {
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  color: #CC0000;
  padding-left: 2px;
  background-color:#F0F0F0
}
.city {
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  color: #666666;
  padding-left: 2px;
  background-color:#F0F0F0
}
.space {
background-color:#D4D4C5
}
.pubtitle {
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  color: #CC0000;
  padding-left: 2px;
  background-color:#F0F0F0
}
/* ################################### &LIST ARTICLES ################################### */


/* ##################### STPNS.NET pages ############################### */
#mainContainer {
	margin: 0 auto;   /*centers in Mozilla*/
	padding: 0 2px;
	text-align: left;
	width:100%;
}

div#categories-left{
	padding-top:10px;
	margin-top: 10px;
	width:33%;
}
 
div#categories-center{
  	padding-top:10px;
	margin-top: 10px;
	margin-left: 33%;
	width:33%;
}
 
div#categories-right{
	float:right;
	clear:right; 
	margin-top:10px;
	padding-top:10px;
	width:33%;
}

#mainContainer {
	margin: 0 auto;   /*centers in Mozilla*/
	padding: 0 2px;
	text-align: left;
	width:100%;
}

div#titles-left{
	padding-top:10px;
	margin-top: 10px;
	width:50%;
}
 
div#titles-right{
	float:right;
	clear:right; 
	margin-top:10px;
	padding-top:10px;
	width:50%;
}