/*  NOTE: Creator pages normally have a theme applied to them too, and
    many of the style rules may be more specific than rules you specify 
    here, so will "win".  If your styles do not appear to take effect, try 
    adding "!important" at the end; for example, to set the background color 
    for the <body>  tag, use
     body {  background-color: blue !important };
*/

/* Style rules to make data tables look better */


.todo-label {
   color: black;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-weight: normal;
   !important
}

.todo-two-line-number {
   color: #8080ef;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 10px;
   font-weight: normal;
   position: absolute;
   !important
}

.todo-two-line-reverse {
   color: white;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   background-color: #4a5c6a;
   font-size: 11px;
   font-weight: normal;
   display: block;
   border: 1px solid black;
   position: absolute;
   overflow: hidden;
   !important
}

.todo-two-line-reverse-done {
   color: white;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   background-color: #707070;
   font-size: 11px;
   font-weight: normal;
   display: block;
   border: 1px solid black;
   position: absolute;
   overflow: hidden;
   !important
}

.todo-two-line-reverse-grabbed {
   color: white;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   background-color: #ff2020;
   font-size: 11px;
   font-weight: normal;
   display: block;
   border: 1px solid black;
   position: absolute;
   overflow: hidden;
   !important
}

.todo-two-line-text {
   background-color: #e0e0ff;
   border: 1px solid black;
   color: black;
   display: block;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   font-weight: bold;
   overflow: hidden;
   position: absolute;
}

.todo-two-line-text-done {
   background-color: #e0e0ff;
   border: 1px solid black;
   color: #a0a0a0;
   display: block;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   font-weight: bold;
   overflow: hidden;
   position: absolute;
}

.todo-two-line-heading {
   color: black;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   background-color: #d0d0d0;
   font-size: 11px;
   display: block;
   border: 1px solid black;
   position: absolute;
   overflow: hidden;
   font-weight: bold;
   !important
}

.todo-two-line-reverse-heading {
   color: #e0e0e0;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   background-color: #707070;
   font-size: 11px;
   display: block;
   border: 1px solid black;
   position: absolute;
   overflow: hidden;
   font-weight: bold;
   !important
}

.todo-two-line-text-heading {
   background-color: #e0e0e0;
   border: 1px solid black;
   color: #404040;
   display: block;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   font-weight: bold;
   overflow: hidden;
   position: absolute;
   !important
}

.todo-two-line-link {
   color: #4040ff;
   background-color: #e0e0ff;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   display: block;
   border: 1px solid black;
   position: absolute;
   overflow: hidden;
   !important
} 
  
a.todo-two-line-link {
   color: #4040ff;
   background-color: #e0e0ff;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   display: block;
   border: 1px solid black;
   position: absolute;
   overflow: hidden;
   !important
}

a:hover.todo-two-line-link {
   color: #4040ff;
   background-color: #e0e0ff;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   display: block;
   border: 1px solid black;
   position: absolute;
   overflow: hidden;
   !important
}

a:link.todo-two-line-link {
   color: #4040ff;
   background-color: #e0e0ff;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   display: block;
   border: 1px solid black;
   position: absolute;
   overflow: hidden;
   !important
}

a:active.todo-two-line-link {
   color: #4040ff;
   background-color: #e0e0ff;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   display: block;
   border: 1px solid black;
   position: absolute;
   overflow: hidden;
   !important
}
a:visited.todo-two-line-link {
   color: #4040ff;
   background-color: #e0e0ff;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   display: block;
   border: 1px solid black;
   position: absolute;
   overflow: hidden;
   !important
}

.todo-two-line-priority-critical {
   color: red;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   background-color: #e0e0ff;
   font-size: 11px;
   display: block;
   border: 1px solid black;
   position: absolute;
   overflow: hidden;
   font-weight: bold;
   !important
}

.todo-two-line-priority-high {
   color: darkred;
   background-color: #e0e0ff;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   display: block;
   border: 1px solid black;
   position: absolute;
   overflow: hidden;
   font-weight: bold;
   !important
}

.todo-two-line-priority-normal {
   color: purple;
   background-color: #e0e0ff;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   display: block;
   border: 1px solid black;
   position: absolute;
   overflow: hidden;
   font-weight: bold;
   !important
}

.todo-two-line-priority-low {
   color: black;
   background-color: #e0e0ff;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   display: block;
   border: 1px solid black;
   position: absolute;
   overflow: hidden;
   font-weight: bold;
   !important
}

.todo-two-line-priority-wishlist {
   color: darkgray;
   background-color: #e0e0ff;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   display: block;
   border: 1px solid black;
   position: absolute;
   overflow: hidden;
   font-weight: bold;
   !important
}

.todo-two-line-status-done {
   color: green;
   background-color: #e0e0ff;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   display: block;
   border: 1px solid black;
   position: absolute;
   overflow: hidden;
   font-weight: bold;
   !important
}

.todo-two-line-status-near-completion {
   color: darkgreen;
   background-color: #e0e0ff;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   display: block;
   border: 1px solid black;
   position: absolute;
   overflow: hidden;
   font-weight: bold;
   !important
}

.todo-two-line-status-on-hold {
   color: darkorange;
   background-color: #e0e0ff;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   display: block;
   border: 1px solid black;
   position: absolute;
   overflow: hidden;
   font-weight: bold;
   !important
}

.todo-two-line-status-waiting {
   color: brown;
   background-color: #e0e0ff;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   display: block;
   border: 1px solid black;
   position: absolute;
   overflow: hidden;
   font-weight: bold;
   !important
}

.todo-two-line-status-summary {
   color: pink;
   background-color: #e0e0ff;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   display: block;
   border: 1px solid black;
   position: absolute;
   overflow: hidden;
   font-weight: bold;
   !important
}

.todo-two-line-status-next-action {
   color: purple;
   background-color: #e0e0ff;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   display: block;
   border: 1px solid black;
   position: absolute;
   overflow: hidden;
   font-weight: bold;
   !important
}

.todo-two-line-status-in-progress {
   color: blue;
   background-color: #e0e0ff;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   display: block;
   border: 1px solid black;
   position: absolute;
   overflow: hidden;
   font-weight: bold;
   !important
}

.todo-two-line-status-evaluation {
   color: darkblue;
   background-color: #e0e0ff;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   display: block;
   border: 1px solid black;
   position: absolute;
   overflow: hidden;
   font-weight: bold;
   !important
}

.todo-two-line-status-not-started {
   color: black;
   background-color: #e0e0ff;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   display: block;
   border: 1px solid black;
   position: absolute;
   overflow: hidden;
   font-weight: bold;
   !important
}

.todo-text {
   background-color: white;
   color: black;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-weight: normal;
   !important
}

.todo-text-bold {
   color: black;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-weight: bold;
   !important
}

.todo-priority-critical {
   color: red;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-weight: bold;
   !important
}

.todo-priority-high {
   color: darkred;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-weight: bold;
   !important
}

.todo-priority-normal {
   color: purple;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-weight: bold;
   !important
}

.todo-priority-low {
   color: black;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-weight: bold;
   !important
}

.todo-priority-wishlist {
   color: darkgray;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-weight: bold;
   !important
}

.todo-status-done {
   color: green;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-weight: bold;
   !important
}

.todo-status-near-completion {
   color: darkgreen;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-weight: bold;
   !important
}

.todo-status-on-hold {
   color: darkorange;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-weight: bold;
   !important
}

.todo-status-waiting {
   color: brown;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-weight: bold;
   !important
}

.todo-status-in-progress {
   color: blue;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-weight: bold;
   !important
}

.todo-status-evaluation {
   color: darkblue;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-weight: bold;
   !important
}

.todo-status-not-started {
   color: black;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-weight: bold;
   !important
}

.todo-link {
   color: #fffeab;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
} 
  
.drop-link {
   color: red;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 14px;
} 
  
a.todo-link {
   color: #fffeab;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
}
a:hover.todo-link {
   color: #fffeab;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
}

a:link.todo-link {
   color: #fffeab;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
}

a:active.todo-link {
   color: #fffeab;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
}
a:visited.todo-link {
   color: #fffeab;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
}


.idea-label {
   color: black;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-weight: normal;
   !important
}

.idea-text {
   background-color: white;
   color: black;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-weight: normal;
   !important
}

.idea-text-bold {
   color: black;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-weight: bold;
   !important
}

.idea-link {
   color: #fffeab;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
} 
  
.drop-link {
   color: red;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 14px;
} 
  
a.idea-link {
   color: #fffeab;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
}
a:hover.idea-link {
   color: orange;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
}

a:link.idea-link {
   color: #fffeab;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
}

a:active.idea-link {
   color: #fffeab;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
}
a:visited.idea-link {
   color: #fffeab;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
}


a.drop-link {
   color: red;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
}
a:hover.drop-link {
   color: red;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
}

a:link.drop-link {
   color: red;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
}

a:active.drop-link {
   color: red;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
}
a:visited.drop-link {
   color: red;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
}
  
.pageTitle-text {
   color: #4a5c69;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 30px;
}
.list-header {
  background-color: #eeeeee;
  font-size: larger;
  font-weight: bold;
}

.list-paging-header {
  background-color: white;
}

.list-paging-footer {
  background-color: white;
}

.list-row-even { 
}

.list-row-odd { 
  background-color: #eeeeee;
}

/* Style rules for message severity levels */

.infoMessage {
  color: black;
}

.warnMessage {
  color: orange;
  font-weight: bold;
}

.errorMessage {
  color: red;
  font-weight: bold;
}

.fatalMessage {
  color: red;
  font-style: italic;
  font-weight: bold;
}

/* Temporary workaround for a Tree component related bug.
   Sorry you had to see this... :) */
.TreeRow { clear: both; line-height: 18px }

