/*
Golden Section:
#334466
#858fa3
#b6bcc8
#d3d7de
*/
body {
   text-align: center;
   margin: 0
}

#newsFeedSelection {
    float: right;
    background-color: white;
    margin-top: -1.8em;
}

div span#feedName {
    color: #666;
}

#pageWrapper {
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   width: 80%;
   max-width: 50em;
}

td.itemSorting {
   width: 25px;
}

a.help {
   width: 16px;
   height: 16px;
   background-image: url(images/help.gif);
   background-repeat: no-repeat;
   background-position: center center;
   padding-left: 16px;
}

a.help, a.help:visited, a.help:hover {
   text-decoration: none;
}

td.itemSorting a span, a.help span {
   display: none;
}

td.itemSorting a {
   display: block;
   width: 7px;
   height: 14px;
}

td.itemSorting a.moveItemUp {
   background-image: url(images/up.gif);
   margin-left: 9px;
}

td.itemSorting a.moveItemDown {
   background-image: url(images/down.gif);
   float: left;
}


#header {
   position: relative;
   top: -4.3em;
   margin: 0;
   padding: 0;
   font-weight: bold;
}

#appId {
   text-align: right;
   font-size: 1.4em;
   color: #346;
display: inline;
}

#appId span {
   color: #532;
}

#pageId {
display: inline;
   font-size: 1.4em;
   color: #334466;
}
#footer {
   margin: 1em 0;
   padding-top: 1em
}

#footer #register {
float: right;
}

#footer #register a {
color: #009;
margin-left: 1em;
text-decoration: underline;
}

#content p {
   margin-top: 10px;
   margin-bottom: 0
}

/**/
body {
   font: 100% sans-serif
}

a {
   color: #334466
}

a:hover, #menu a:hover {
   color: #532;
   text-decoration: none;
}

img {
   border: none
}

h1, h2, h3 {
   font-size: 1em;
   color: #334466;
   margin-top: 1.5em;
   margin-bottom: 1em;
}

h2 {
   font-style: italic;
}

/**/
ul {
   margin-top: 0
}

ul.newsFeeds { list-style: none; margin-bottom: 2em;}
ul.newsFeeds li { margin-top: 0.5em; }

#menu, #menu ul, #menu li, #menu a {
   padding: 0;
   margin: 0;
   border: 0
}

#menu {
   margin-top: 4.5em;
   padding-left: 0.5em;
   font-size: 0.9em;
   border-bottom: 1px solid #334466
}

#menu li, #menu a {
   color: #334466;
   text-decoration: none;
   font-weight: bold
}

#menu li {
   display: inline;
   list-style: none;
   border: 1px solid #334466;
   background-color: #DDB;
   padding: 0 8px;
   margin-right: 5px
}

#menu li.active {
   border: 1px solid #334466;
   border-bottom: 1px solid white;
   background-color: #FFFFFF
}

#menu li.active a {
   color: #532;
}

div.error, span.error, p.error {
   color: red
}

input.error {
   border: 1px solid red;
}

span.correct {
   color: green
}

.error input {
   border-color: red
}

.error th {
   color: red
}

input, textarea {
}

input.empty {
   color: #999
}

.button {
   border: 1px solid #334466;
   background-color: #DDB;
   margin: 1px;
   color: #334466;
}

.buttonDefault {
   font-weight: bold
}

.button:hover {
   color: #532;
}

a.button {
   text-decoration: none;
   padding: 0 15px
}

th {
   margin: 0;
   padding: 0 1em 0 0;
   background-color: #DDB;
   color: white;
   white-space: nowrap
}

div.tableDescription {
   margin-top: 1em;
   color: #334466;
   font-weight: bold;
}

#news {
   border: 1px dashed #346;
   padding: 0.5em;
}

#controls {
   margin-bottom: 0.7em;
   text-align: right;
}

table.newsListing {
   width: 100%;
}

.newsListing .actions {
   text-align: right;
}

.newsListing td {
   border-top: 1px solid #d3d7de;
}
.newsListing {
   border-bottom: 1px solid #d3d7de;
}

table, td {
   padding: 0;
}

#footer {
   border-top: 1px solid #334466;
   font-size: 0.8em;
   color: #334466
}

#footer a {
   color: #334466;
   text-decoration: none
}

#footer a:hover {
   color: #532;
}

#footer a:visited {
   color: #334466
}

form td {
   vertical-align: top
}

form th {
   text-align: right;
   background: none;
   border: 0;
   font-weight: normal;
   vertical-align: top;
   color: #334466;
   white-space: normal;
}

form tr.required th {
   font-weight: bold
}

.line1 {
}

tr.section {
   font-weight: bold;
   color: #334466
}

tr.section td {
   padding-top: 10px
}

div.code {
   padding-left: 30px
}

div.inputBlock {
   margin-bottom: 1em;
}

label {
   font-size: 0.8em;
   font-weight: bold;
}

div.inputBlock label {
   display: block;
}

.configurationBlock {
   border: 1px solid #346;
   padding: 0.5em;
}

.configurationBlock table {
   border-collapse: collapse;
}

.configurationBlock th, td {
   padding-left: 0;
   padding-top: 2px;
   vertical-align: top;
}

.configurationBlock th {
   white-space: nowrap;
   padding-top: 4px;
}

.inputBlock .configurationBlock label {
   display: inline;
   color: black;
   font-weight: normal;
}

.inputBlock .configurationBlock label.required {
   font-weight: bold;
}

label.checkbox, .inputBlock label.checkbox {
   font-weight: normal;
   display: inline;
}

.info {
   border: 1px solid black;
   background: #FFFF99;
   padding: 1em;
   font-size: 0.9em;
   margin-bottom: 1em;
}

.success {
   background: #99FF99;
}

pre {
   padding: 0.5em;
   border: 1px solid #334466;
   background: #eeeeee;
}

#newsItemControls {
}

#scheduleSwitchBlock {
   white-space: nowrap;
}

#scheduleBlock {
   display: block;
   margin-left: 1.5em;
}

div.help {
   display: none;
   border: 1px solid #346;
   background-color: #ffc;
   padding: 0.5em;
   margin: 0.5em 0;
}

.inactive, .inactive { opacity: .5; filter: alpha(opacity=50); }

@media
print
{
body {
   padding: 0;
}

#pageWrapper {
   text-align: justify;
   width: 100%;
}

#menu {
   display: none;
}

#appId {
   display: none;
}

#actions {
   display: none;
}

#pageId {
   margin-left: 0;
}

#content {
   margin-left: 0;
}

#footer {
   margin: 0;
   margin-top: 1em;
   border: 0;
}

#searchForm {
   display: none;
}

th#name {
   text-align: left;
}

}
