/************************************************************
  Common HTML Tags
 ************************************************************/

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
    font-size: 12px; /* default size is too large */
    font-weight : normal;
    padding: 0px;
    margin: 0px;
    background-color: #E0E0E0;
}

a:link, a:active, a:visited {
    color: blue;
    text-decoration: none;
}

a:hover {
    color: red;
    text-decoration: underline;
}

/************************************************************
  Page Header
 ************************************************************/
div.pageHeaderWrapper { 
    background: #FcFcF0; 
    padding: 4px; 
    padding-left: 12px;
}

div.pageHeaderTitle { 
    float: left; 
    font-size: 0.9em; 
    color: #555; /* for light bg */
}

.pageHeaderTitle span.unsnarl { 
    font-size: 1.2em; 
    font-weight: bold; 
    color: #333; /* for light bg */
}

div.pageHeaderUserLinks { 
    float: right; 
    font-size: 0.85em; 
    padding-top: 2px;
    color: #a1a5a9;
}

  



/************************************************************
  PageFooter
 ************************************************************/

div.pageFooterOuterWrapper { 
      background: url("/_graphics/ds/bottom_border_shadow_on_chrome_highcontrast.png") 
       #E0E0E0 repeat-x top;
	
    padding-top: 8px;
}
div.pageFooterInnerWrapper { 
    padding: 4px; 
    padding-left: 12px;
    padding-bottom: 20px; 
}
div.pageFooter { 
    background-color: #E0E0E0;
    color: #666;
    font-size: 0.9em;
}

div.pageFooter a, 
div.pageFooter a:visited,
div.pageFooter a:link  
 { 
    text-decoration: underline;
    color: #666;
}

div.pageFooter a:hover { 
    color: blue;
}

  
/************************************************************
  Page Contents Wrapper
 ************************************************************/

div.pageContentsWrapper {
    background-color: white;
    padding: 8px;
    padding-top: 3px;
    padding-bottom: 30px;

    min-height: 400px; 
}


.sidebarPage div.pageContentsWrapper {
    background-color: white;
    padding: 0px;
    font-size: 12px;
}

.sidebarPage div.breadCrumbsOuterWrapper {
    margin-bottom: 0px;
    background:
       url("/_graphics/ds/bottom_border_shadow_light.gif")
       #E0E0E0 repeat-x bottom;
    padding-bottom: 0px;
}
.sidebarTable {  }
.sidebarLeftCell {
    width: 80%;
    background:
      url("/_graphics/ds/bottom_border_shadow_on_white_normalcontrast.png")
      white repeat-x top;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 12px;
}
.sidebarLeftCellWrapperDiv {
    height: 100%;       
    padding: 8px;
    font-size: 12px;
}      
.sidebarRightCell {
    height: 100%;        
    font-size: 12px;
    background-color: #F0F0F0;
    border-top: 1px solid black;
    padding-left: 0px;          
    background:
     url("/_graphics/ds/right_border_shadow_on_chrome_normalcontrast.png")
     #F0F0F0 repeat-y top left;                   
}

html>body .sidebarRightCell {
    border-top: none;
}

html>body .sidebarRightCellWrapperDiv {
    padding-top: 0px;
    background:
       url("/_graphics/ds/bottom_border_shadow_on_chrome_normalcontrast.png")
       repeat-x top;
}
.sidebarRightCellContentsDiv {
    padding: 10px;
}
        
/* ie6 ignores this selector */
.sidebarRightCellWrapperDiv:before {
    content: " ";
    display: block;
    width: 8px;
    height: 8px;
    background:
       url("/_graphics/ds/topleft_border_shadow_on_chrome_normalcontrast.png")
       #F0F0F0 repeat-y right;
    position: relative;
    top: 0;
    right: 0;
    margin: 0px -10px 0px 0px;
    border: 0px;
    background-position: right top;
}

  
/************************************************************
  Breadcrumbs
 ************************************************************/
div.breadCrumbsOuterWrapper {
    border-top: 1px solid #b8b8b8;
    border-bottom: 0px solid #e1e5e9;
    margin-bottom: 0px;
    padding-bottom: 7px;
    background: url("/_graphics/ds/panel_top_middle.gif") #E0E0E0 repeat-x bottom;

    background: url("/_graphics/ds/bottom_border_shadow_light.gif") #E0E0E0 repeat-x bottom;
    padding-bottom: 8px;
}
div.breadCrumbsInnerWrapper {
    color: #666;
     background: url("/_graphics/ds/dark-grey-gradient.png") #F7F7F7 repeat-x top right;
    border-top: 1px solid #FFFFFF;
    padding: 0px;
    margin-top: 0px;
    padding-bottom: 3px;
}

div.breadCrumbs {
    padding: 2px;
    font-size: 12px;
    padding-left: 12px;
    padding-top: 2px;
    padding-bottom: 1px;
}
span.breadCrumbs-youAreHere {
    font-weight: bold;
    display: none;
}

span.breadCrumbs-arrow {
    font-weight: normal;
    color: black;
    display: none;
}

span.breadCrumbs-sep {
    padding-right: 4px;
    color: #999;
}

a.breadCrumb-menu, 
a.breadCrumb-menu:hover,
a.breadCrumb-menu:active,
a.breadCrumb-menu:visited { 
    cursor: pointer;
    text-decoration: none;
    color: black;
}


span.breadCrumb { 
    color: black;
    padding-left: 0px;
    padding-right: 5px;
}
span.breadCrumbs-sep {
      padding-right: 4px;
}


span.breadCrumbs-parent {
    
}

span.breadCrumbs-current {
    font-weight: bold;
    color: black;
}

div.breadCrumbs-searchWrapper {
    text-align: right;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-right: 8px;
   padding-left: 10px;

}

div.breadCrumbs-searchWrapper form {
   height: 10px;
   margin: 0px;
}

span.searchIcon {
    width: 15px; 
    padding-right: 10px;
    background: url("/_graphics/ds/search_icon.gif") no-repeat center left;
}

div.breadCrumbs-searchWrapper input[type=text] {
    height: 13px;
    font-size: 9px;
    text-align: left;
    padding-left: 2px;
}

div.breadCrumbs-searchWrapper input[type=submit] {
    font-size: 11px;
    text-align: left;
    padding: 1px;
}
  
/************************************************************
  DataList styles
 ************************************************************/

div.dataListHeading {
    font-size: 1.2em;
    font-weight: bold;
    color: #444;
    background-color: #F9F9F9;
    padding: 5px;
    border-bottom: 2px solid #AA8;
    border-right: 1px solid #b8b8b8;
}

div.dataListHeading .title {
    font-weight: normal;
    color: #444;
}

div.dataListFooter {
    font-size: 1.2em;
    font-weight: bold;
    color: #444;
    background-color: #F9F9F9;
    padding: 5px;
    border-top: 2px solid #AA8;
    border-right: 1px solid #b8b8b8;
}

div.dataListFooter .title {
    font-weight: bold;
    color: #444;
}


table.dataList {
    empty-cells: show;
    font-size: 12px;
    border: 1px solid #b8b8b8;
}

table.dataList td{
    border-bottom: 1px solid white;
    border-top: 1px solid #b8b8b8;
    font-size: 12px;
}


table.dataList tr.dataListFirstRow td.label,
table.dataList tr.dataListFirstRow td.data {
    border-top: none;
}
table.dataList tr.dataListLastRow td.label,
table.dataList tr.dataListLastRow td.data {
}

table.dataList td.label {
    padding: 0px;
    font-weight: bold;
    vertical-align: top;
    text-align: right;
}

table.dataList div.dataListLabel {
    padding-top: 2px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border-top: 1px solid white;
    border-left: 1px solid white;
}

table.dataList td.data {
    padding: 0px;
    border-left: 1px solid #ccc;
    border-left: none;
    vertical-align: top;
}

table.dataList div.dataListData {
    padding-top: 2px;
    padding-left: 10px;
    padding-bottom: 3px;
    padding-right: 3px;
    border-top: 1px solid white;
    border-right: 1px solid white;
    color: #333;
}

td.dataListEvenLabel, td.dataListEvenData {
    background-color: #f3f3f3;
}

  
/************************************************************
  DataTable styles
 ************************************************************/

div.dataTableWrapper {
}

div.dataTableWrapper.dropShadow {
    max-width: 990px; /* to work around the small size of the ydsf image */
}

div.dataTableBodyWrapper1 {
    width: 98%;
}

html>body div.dataTableBodyWrapper1 {
    width: 99%;
}

div.dataTableBodyWrapper2 {
}

div.dataTableBodyWrapper3 {
    /* disable the following for use with the full ydsf drop shadow effect */
    /* 
    background: url("/_graphics/ds/fading_border_right.gif") no-repeat top right;    
    padding-left: 2px;
    padding-right: 6px;
    */
}

div.dataTablePagingHeader.dropShadow {
    max-width: 990px; /* to work around the small size of the ydsf image */
    width: 96%;
}

div.dataTablePagingFooter.dropShadow {
    max-width: 990px; /* to work around the small size of the ydsf image */
    width: 96%;
}

table.dataTable {
    width: 99%;
    empty-cells: show;

    padding-left: 0px;
    padding-right: 0px;
    border-top: 1px solid #a1a5a9;
    border-left: 1px solid #a1a5a9;
    border-right: 1px solid #414549;
    border-bottom: 1px solid #414549;
}

.rightHandShadow {
    background: url("/_graphics/ds/fading_border_right.gif") no-repeat top right;
    padding-right: 6px;
}

/******************/


table.dataTable th {
    padding: 0px;
    font-size: 12px;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #b8b8b8;
    border-left: none;
    border-bottom: none;

     background: url("/_graphics/ds/bottom_border_shadow_light.gif") #F7F7F7 repeat-x bottom;
    padding-bottom: 8px;

    color: black;
    font-weight: bold;
}

table.dataTable thead th.firstCell{
    border-left: 1px solid #FFFFFF;
}

table.dataTable thead th.lastCell{
    border-right: 1px solid #FFFFFF;
}

table.dataTable th a, 
table.dataTable th a:hover,
table.dataTable th a:active,
table.dataTable th a:visited {
    color: black;
    text-decoration: none;
    cursor: n-resize;
}


table.dataTable th.sortable {
    cursor: n-resize;
}


table.dataTable th.sortable {
    height: 100%;
}

table.dataTable th div {
    padding: 3px 7px;
     background: url("/_graphics/ds/dark-grey-gradient.png") #F7F7F7 repeat-x top right;
}


table.dataTable th.sortable div.sortableMouseOver{
    background: #D0D0D0;
}


table.sortHeading tr td {
    border-width: 0px;
    padding: 0px;
}
table.sortHeading tr td {
    font-weight: bold;
    border-width: 0px;
    padding: 0px;
}


table.dataTable th.sortable:hover, th.sortableMouseOver{
    background-color: #D0D0D0;
}

/******************/

table.dataTable td {
    font-size: 0.9em;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 3px;

    border-bottom: 1px solid #b8b8b8;
    border-right: 1px solid #b8b8b8;

    vertical-align: top;
}

table.dataTable td.firstCell {
    border-left: 1px solid #FFFFFF;
}

table.dataTable td.lastCell {
    border-right: 1px solid #FFFFFF;
}

table.dataTable tr.oddRow {
    background-color: white;
}

table.dataTable tr.oddRow td {
    border-top: 1px solid #b8b8b8;
}

table.dataTable tr.evenRow td {
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

table.dataTable tr.evenRow {
    background-color: #E2E2E2;
}


/* table.dataTable tr.selectedRow > td {  */
tr.highlightedRow td, tr.selectedRow td  {
    background-color: #E5ECF9;
    cursor: pointer;
}

table.dataTable tr.firstRow td {
    padding-top: 1px;
    border-top: 0px solid white;
}

table.dataTable tr.lastRow td {
    border-bottom: 1px solid #FFFFFF;
}

table.dataTable tr.onlyRow td {
    padding-top: 1px;
    border-top: 0px solid white;
    border-bottom: 1px solid #FFFFFF;
}




div.dataTablePagingHeader {
    font-size: 12px;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 5px;
    color: #444;
    padding: 5px;
}

div.dataTablePagingHeader .title {
    font-weight: normal;
    color: #444;
}

div.dataTablePagingFooter {
    font-size: 12px;
    font-weight: bold;
    color: #444;
    padding: 5px;
}

div.dataTablePagingFooter .title {
    font-weight: bold;
    color: #444;
}

  
/************************************************************
 Ticket overview
 ************************************************************/

.ticketOverviewOuterWrapper {
   width: 700px;
   /* background-color: #E0E0E0 */
   /* background-color: #F5F5F5; */
   /* background-color: #F5F5F5; */

   padding: 2px;
   padding-top: 0px;
   padding-right: 7px;
}

div.ticketOverviewIdAndActions {
   font-size: 0.9em;
}

.ticketOverviewIdAndActions div {
   padding: 1px; /* seems to be required for proper rendering of the float containment */
}

.ticketOverviewInnerWrapper {
   width: 700px;

   margin: 0px;
   padding: 0px;

   border: 1px solid #a1a5a9;
   border-bottom: 1px solid #414549;
   border-right: 1px solid #414549;
}

.ticketOverview {

    padding: 0px;

    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-bottom: 1px solid #E0E0E0;
}

.ticketOverview span.label
{
   color: #333;
   font-weight: bold;
   font-size: 0.9em;
}

span.attachmentDate
{
   color: #666;
   font-weight: normal;
   font-size: 0.9em;
}

span.ticketTypeLabel, 
span.ticketIdLabel
{
   color: #444;
   font-weight: normal;
   font-size: 0.9em;
}

.ticketTitleWrapper {
    background: url("/_graphics/ds/dark-grey-gradient.png") #F7F7F7 repeat-x top right;

    padding: 3px 4px;
}

.ticketTitle {
    padding: 1px;
    color: #333;
    background: none;
    font-weight: normal;
}

div.ticketTitle span.label {
    font-size: 0.9em;
}
div.ticketTitle span.ticketTitleContent {
    font-size: 1.2em;
    font-weight: normal;
}

div.ticketHeaderLineWrapper {
    border-top: 1px solid #888;
}

div.ticketHeaderLine {
    padding: 1px 4px;
    padding-bottom: 2px;
    border-top: 1px solid #FFFFFF;

    background-color: #E0E0E0;

    color: #666;
    font-size: 0.9em;
}

div.ticketMiniHistoryOpened {
    float: left;
}

div.ticketMiniHistoryLastUpdated {
    float: right;
}


.ticketMiniHistory td {
}

div.ticketMetadataItem {
    float: left;
    padding-right: 8px;
    padding-left: 8px;
    background-color: #E0E0E0;
    background: url("/_graphics/ds/ticket_metadata_sep.gif") repeat-y top left;
}

div#ticketMetadataType {
    padding-left: 0px;
    background: #E0E0E0;
}

div#ticketMetadataCategory {
    padding-left: 0px;
    background: #E0E0E0;
}

div#ticketMetadataAssignment {
    float: right;
    padding-right: 0px;
    background: transparent;
    padding-left: 0px;
}

.ticketAttachments ul
{ 
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    background: white;
}

.ticketAttachments li {
    list-style: disc url("/_graphics/ds/attachment.gif");
}

html>body .ticketAttachments li { 
    list-style: disc url("/_graphics/ds/attachment.png");
}

span.attachmentImage {
    background: url("/_graphics/ds/attachment.gif") no-repeat top left;
    width: 16px;
    padding-right: 0px;
}
html>body span.attachmentImage { 
    padding-right: 10px;
    background: url("/_graphics/ds/attachment.png") no-repeat top left;
}


.ticketDetails {
    padding: 2px 5px;
    background-color: #FFFFFF
}        
.ticketDetails span.emptyDetails
{
   font-weight: normal;
   font-size: 0.85em;
}

.ticketDetails, 
.ticketAttachments, 
.ticketHistory
{
    border-top: 1px dashed red;
    border-top: 0px dashed #DDD;
    background-color: white;
}

.ticketHistoryOuterWrapper
{
    padding: 0px;
    background-color: white;
}

.ticketHistoryOuterWrapper .ticketHistoryInnerWrapper
{
    background-color: white;
    padding: 10px;   
    border: 0px;
}

.ticketHistoryOuterWrapper .ticketHistoryEventHeader
{
    border-bottom: 1px solid #bbb; 
    background-color: #FCFCFC;
    color: #666;
    padding: 2px 4px;
}

.ticketHistoryOuterWrapper .ticketHistoryEventDetails
{
    padding: 10px;
    padding-top: 2px;
    background-color: white;
}

.ticketOverviewOuterWrapper.restrictedView .nonCommentEvent {
    display: none;
}

.ticketHistoryOuterWrapper #commentsOnlyLink {
    background-color: #D0D0D0;
}

.ticketSearchformInnerWrapper {
    width: 90%;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;

    padding: 10px;
    background: #E0E0E0;
}

#ticketSearchFormId {
    margin-bottom: 10px;

}

/*  when called outside of main ticket overview table
  .ticketHistoryOuterWrapper
  {
      width: 700px;
      background-color: #F5F5F5;
      padding: 2px;
      padding-top: 2px;
          
  }
  
  .ticketHistoryInnerWrapper
  {
      background-color: white;
      padding: 0px;
      border: 1px solid #c1c5c9;
      border-bottom: 1px solid #717579;
      border-right: 1px solid #717579;
      
  }
  
  .ticketHistoryHeader
  {
      color: #666;
      padding: 2px 4px;
  }
  
  .ticketHistoryEventHeader
  {
      border-bottom: 1px solid #bbb; 
      background-color: #FFFFDE;
      color: #666;
      padding: 2px 4px;
  }

 */

  
/************************************************************
 Wiki Page Styles
 ************************************************************/

table.wikiPageViewTable td {
    padding-bottom: 10px;
}

div.pageMetaData { 
    color: #999;
    font-size: 0.9em;
    padding-bottom: 5px;
}

div.pageCommentsActionLinks {
    color: #777;
    font-size: 0.9em;
    padding: 5px;
    border-top: 1px solid #b8b8b8;
}

div.pageCommentsActionLinks a, 
div.pageCommentsActionLinks a:hover,
div.pageCommentsActionLinks a:active,
div.pageCommentsActionLinks a:visited { 
    color: #777;
    text-decoration: underline;
}

div.pageCommentsActionLinks a:hover { 
    color: blue;
}

div.pageCommentsWrapper {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

div.pageCommentsWrapper.hidden{
    display: none;
}

div.pageCommentWrapper {
    border: 1px solid #b8b8b8;
    margin: 5px;
    margin-bottom: 10px;
}

div.pageCommentWrapper.addingComment {
    background-color: #ffffdd;
}

div.pageCommentHeader {
    color: #777; 
    font-size: 0.9em;
    padding-left: 5px;
}
div.pageCommentTitle {
    background-color: #E0E0E0;
    border-bottom: 1px solid #b8b8b8;
    color: #222;
    font-size: 12px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}


div.pageCommentHeader a, 
div.pageCommentHeader a:active,
div.pageCommentHeader a:visited { 
    color: #777;
    text-decoration: underline;
}

div.pageCommentHeader a:hover { 
    color: blue;
}

div.pageCommentContents {
    padding-left: 5px;
}

.pageCommentsAddCommentForm {
    background-color: #E0E0E0;
    border-top: 1px solid #a1a5a9;
    border-left: 1px solid #a1a5a9;
    border-bottom: 1px solid #414549;
    border-right: 1px solid #414549;
    padding: 10px;
    margin: 5px;
}
  

/* ******************************************************************************************
  based on:
  yDSF (ydnar Drop-Shadow-Fu)
  ydnar@sixapart.com - http://www.sixapart.com
  http://www.sixapart.com/pronet/articles/ydsf_robust_c.html
*/

.ydsf {
    display: block;
    position: relative;
    margin: 4px -4px -4px 4px;
    background: url(/_graphics/ds/solid_shadow.gif) right bottom repeat;

}

/* ie6 ignores this selector */
html>body .ydsf {
    margin: 10px -10px -10px 10px;
    margin: 10px -10px -10px 10px;
    background: url(/_graphics/ds/shadow.png) right bottom no-repeat;
}


/* shadow corners */
.ydsf:before,
.ydsf:after {
    content: " ";
    display: block;
    width: 10px;
    height: 10px;
    background: inherit;
}

.ydsf:before {
    position: absolute;
    top: 0;
    right: 0;
    margin: -10px 0 0 auto;
    background-position: right top;
}

.ydsf:after {
    margin: -10px 0 0 -10px;
    background-position: left bottom;
}

.ydsf .inner {
    display: block;
    position: relative;
    /* overflow: hidden; */ /* prevents margin leakage from child elements */
    left: -4px;
    top: -4px;
}

/* ie6 ignores this selector */
html>body .ydsf .inner {
    left: -10px;
    top: -10px;
    margin: 0;
}

.left {
    float: left;
    display: inline; /* fixes ie double margin-left bug */
}

.clear { 
    /* this sometimes causes border-hiding bugs in IE.  When that occurs,
       use a simple <div style="clear: both;"> </div> */
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}
  

span.isDemo {
    color: red;
    font-weight: bold;
}

.activeLetter {
    color: red;
    font-weight: bold;
    padding: 2px;
    font-size: 130%;
}

.formOuterWrapper {
    border-top: 1px solid #a1a5a9;
    border-left: 1px solid #a1a5a9;
    border-right: 1px solid #414549;
    border-bottom: 1px solid #414549;
    padding: 0px;
    background: #fff;
    background: #E0E0E0;

}

.formInnerWrapper {
    width: 700px;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;

    padding: 10px;
    background: #E0E0E0;
}


.boxOuterWrapper {
    width: 275px;
    border-top: 1px solid #a1a5a9;
    border-left: 1px solid #a1a5a9;
    padding: 0px;
    background: #fff;
}
.boxInnerWrapper {
    border-bottom: 1px solid #414549;
    border-right: 1px solid #414549;
    padding: 0px;
}

.boxHeaderWrapper {
    border-top: 1px solid #FFFFFF;
    background-color: #E0E0E0;
    padding: 0px;
    background: url("/_graphics/ds/bottom_border_shadow_light.gif") #E0E0E0 repeat-x bottom;
    padding-bottom: 8px;
}

.boxHeader {
    padding: 3px;
    font-weight: bold;
     background: url("/_graphics/ds/dark-grey-gradient.png") #F7F7F7 repeat-x top right;
}

.boxContent {
    padding: 3px;
}
 
.resizableTextareaWrapper {
    border: 2px outset grey; 
    width: 90%; 
    height: 200px;
}
.resizableTextareaWrapper textarea {
}


/************************************************************
  Other
 ************************************************************/
div.mainFeedbackMessage, div.mainFeedbackMessage p {
    color: red;
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}


span.moneyZero {
}

span.moneyPos {
}

span.moneyNeg {
    color: red;
}

span.red {
    color: red;
}

span.yes {
    color: green;
}
span.no {
    color: red;
}

.postItNote {
    background: url("/_graphics/ds/panel_top_middle.gif") repeat-x bottom;
    border: 0;
    padding: 0;
    border-top: 1px solid #c1c5c9;
    padding-bottom: 6px;
}
.postItNoteBody {
    padding: 5px;
    margin: 0px;
    border-left: 1px solid #c1c5c9;
    border-right: 1px solid #717579;
    border-bottom: 1px solid #717579;

    /*background: url("/_graphics/ds/fading_border_right.gif") no-repeat 0% 80%;*/
    background-color: #ffffdd;
}

.requiredLinkFeedback {
      color:red;
}

div.indent {
     padding-left: 20px;
}


.sidebarRightCellContentsDiv li,
.boxContent li {
	background-image: url(/_graphics/ds/arrow_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 13px;

	list-style: none;
	margin-left: -15px;
	line-height: 1.5em;
}

 
div.panel { 
    background-color: #fcfcfc;
    border: 1px solid #dcdcdc;
    padding: 5px;
}

tr.mh { /* menu heading */
}

td.mh { /* menu heading */
    font-size: 12px;
    font-weight: bold;
    padding: 4px;

    background-color: #fcfcfc;
    border: 1px solid #cacaca;
    border-bottom: 0px solid #e1e5e9;
    background: url("/_graphics/ds/panel_top_middle.gif") #E0E0E0 repeat-x bottom;
    padding-bottom: 10px;

}

tr.mb { /* menu body */

}

td.mb { /* menu body */
    background-color: #fcfcfc;
    border: 1px solid #dcdcdc;
    border-top: 0px solid #eee;

}

tr.dh { /* data heading 2 */
	color: black;
	background-color: #b8b8b8;
	
}

td.dh { /* data heading */
    color: black;
    font-weight: bold;
    background-color: #b8b8b8;
    padding: 4px;
}

tr.dr { /* data row */
}

td.dr { /* data row */
    background-color: #eeeeee;

    background-color: #fcfcfc;
    border: 1px solid #dcdcdc;
    border-top: 0px solid #eee;
    border-left: 0px solid #eee;
    padding: 4px;
}

.error {
       color: red;
}


/***************************************
 Styles for form fields
 ****************************************/

form.formLibForm {

}

form.formLibForm input, 
form.formLibForm select 
{
	font-size: 12px;
}

form.formLibForm input[type=submit], 
form.formLibForm input[type=button]
 {
    font-weight: bold;
    font-size: 12px;
    padding: 2px;
    cursor: pointer;
}

form.formLibForm input[type=text], 
form.formLibForm INPUT[type=text], 
form.formLibForm input[type=password], 
form.formLibForm INPUT[type=password], 
form.formLibForm textarea { 
    padding: 3px;
    /*
    background-color: #fafafa;
    */
}

input.readOnlyField, .readOnlyField {
    background-color: transparent !important;
    border-style: none !important;
}

.formFieldTable {
    margin-top: 3px;
    margin-bottom: 3px;
}

.fieldOptionalLabel {
    font-weight: lighter;
    color: #444;
}

.fieldRequiredLabel {
    font-weight: bold;
    color: #111;
}

.fieldLabel.above {
    font-size: 12px;
    padding-left: 10px;
}

.fieldLabel.onLeft {
    width: 180px;
    text-align: right;
    padding-right: 10px;
    font-size: 12px;
      border-right: 1px solid #a1a1a1;
}

div.requiredField .fieldLabel.onLeft {
    border-right: 1px solid #333;
}

.fieldWidget {
    padding-left: 10px;
    vertical-align: middle;
}


div.fieldInstructions {
    padding-top: 4px;
    font-size: 0.9em;
    font-weight: normal;
    color: #999;
}

div.fieldExample {
    padding-top: 4px;
    font-size: 0.9em;
    font-weight: normal;
    color: #999;
}

div.fieldFeedback {
    padding-top: 4px;
    padding-bottom: 6px;
    color: red;
    font-weight: bold;
}

div.fieldWithFeedback .fieldLabel.onLeft {
    border-right: 2px solid red !important;
}

div.fieldWithFeedback textarea {
    border: 2px solid red;
}

div.fieldWithFeedback .fieldWidget.labelAbove input, 
div.fieldWithFeedback .fieldWidget.labelAbove select {
    border-bottom: 2px solid red;
}


/***************************************
 Styles for form sections 
 @@ not used very often.
 ****************************************/

div.formSection {
    padding-top: 5px;
    text-align: left;
    margin-bottom: 5px;
}

div.formSection {
    padding-top: 5px;
    text-align: left;
    margin-bottom: 15px;
}

div.formSectionHeading {
    font-size: 1.2em;
    font-weight: bold;
    color: #444;
    background-color: #F9F9F9;
    padding: 5px;
    border-bottom: 2px solid #AA8;
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
}

span.formSectionTitle {
    font-size: 1.2em;
    font-weight: bold;
}

span.formSectionDescription {

}

span.formSectionDescription a, span.formSectionDescription a:visited{

}

span.formSectionDescription a:hover, span.formSectionDescription a:active {

}

div.formSectionContents {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #e1e1e1;
    border-top: 0px solid #ccc;
}


div.formSubmitButton {
    text-align: center;
    text-align: right;
    /* different style than on the Consumer site */
}

/*
div.formSubmitButton input {
    background-color: #000099;  
    color: white;
    font-weight: bold;
    font-size: 1.2em;
    padding: 3px;
    cursor: pointer;
}
*/


/************
  Sub Forms
 ************/

.subFormErrors td.subFormLabel {
    border-left: 2px solid red !important;
}

.subForm .subFormFields {
  display: none;
}
.subFormHidden .subFormFields {
  display: none;
}
.subFormVisible .subFormFields {
  display: block;
  margin-top: 3px;
}
.subForm .addLink {
  display: inline;
  background-image: url(/_graphics/ds/windowshade_closed.gif);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 15px;
}
.subForm .removeLink {
  display: none;
}
.subForm .hideLink {
  display: none;
}
.subForm .showLink {
  display: none;
}
.subFormHidden .addLink {
  display: none;
}
.subFormHidden .hideLink {
  display: none;
}
.subFormEnabled .removeLink {
  display: inline;
  margin-left: 0.5em;
}
.subFormHidden .showLink {
  display: inline;
  background-image: url(/_graphics/ds/windowshade_closed.gif);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 15px;
}
.subFormVisible .addLink {
  display: none;
}
.subFormVisible .hideLink {
  display: inline;
  background-image: url(/_graphics/ds/windowshade_open.gif);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 15px;
}
.subFormVisible .showLink {
  display: none;
}
.subFormFields {
	border-top: 2px inset #999999;
	border-left: 2px inset #999999;
	border-bottom: 2px inset white;
	border-right: 2px inset white;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.subFormFields .fieldLabel.onLeft {
    width: 110px;
}


/************************************************************
  Search Forms
  ************************************************************/

#canned_search_row td.fieldLabel {
    width: 100px;
}
#search_term_row td.fieldLabel {
    width: 0px;
}


/* Styles for use with CalendarPopup.js */

.cpYearNavigation,.cpMonthNavigation { 
    background-color: #C0C0C0; 
    text-align:center; 
    vertical-align: middle; 
    text-decoration:none; 
    color:#000000; 
    font-weight:bold; 
}

.cpDayColumnHeader,.cpYearNavigation,.cpMonthNavigation,.cpCurrentMonthDate,
.cpCurrentMonthDateDisabled,.cpOtherMonthDate,.cpOtherMonthDateDisabled,
.cpCurrentDate,.cpCurrentDateDisabled,.cpTodayText,.cpTodayTextDisabled,.cpText
{ 
    font-family:arial; 
    font-size:8pt;
}

td.cpDayColumnHeader { 
    text-align:right; 
    border:solid thin #C0C0C0;
    border-width:0px 0px 1px 0px;
}
.cpCurrentMonthDate,.cpOtherMonthDate,.cpCurrentDate { 
    text-align:right; 
    text-decoration:none; 
}
.cpCurrentMonthDateDisabled,.cpOtherMonthDateDisabled,.cpCurrentDateDisabled { 
    color:#D0D0D0; 
    text-align:right; 
    text-decoration:line-through; 
}
a.cpCurrentMonthDate, a.cpCurrentMonthDate:link, a.cpCurrentMonthDate:visited, 
a.cpCurrentDate, a.cpCurrentDate:link, a.cpCurrentDate:visited { 
    color:#000000; 
}
a.cpOtherMonthDate, a.cpOtherMonthDate:link, a.cpOtherMonthDate:visited { 
    color:#808080; 
}
td.cpCurrentDate { 
    color:white; 
    background-color: #C0C0C0; 
    border-width:1px; 
    border:solid thin #800000; 
}
td.cpCurrentDateDisabled { 
    border-width:1px; 
    border:solid thin #FFAAAA; 
}
td.cpTodayText,td.cpTodayTextDisabled { 
    border:solid thin #C0C0C0; 
    border-width:1px 0px 0px 0px;
}
a.cpTodayText,span.cpTodayTextDisabled { 
    height:20px; 
}
a.cpTodayText { 
    color:black; 
}

a.cpTodayTextDisabled:link, a.cpTodayTextDisabled:active,
a.cpTodayTextDisabled:visited, .cpTodayTextDisabled { 
    /* color:#D0D0D0; */
    color:#a0a0a0; 
}
.cpBorder { 
    border:solid thin #808080; 
}

/************************************************************
  Page Specific Style tweaks

  e.g.:
  #admin-home ul {
      list-style: disc;
  } 
  #staff-practice ul {
      list-style: square;
  } 
  body[id|="staff"] td.mb {
     background-color: red;
  }

 ************************************************************/

td.pageHeaderRightCell, 
td.pageHeaderCenterCell, 
td.pageHeaderLeftCell
{
    background: white;
}

body#unsnarl-tickets-234view 
{
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 5px;
    background: url("/_graphics/ds/striped_bg.gif");
}


body#unsnarl-tickets ul, body#unsnarl-practice-tickets ul, 
body#unsnarl-tickets td.pageContentsWrapper
{
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 5px;
}

body#unsnarl-practice .dataTable, 
body#unsnarl-tickets .dataTable, 
body#unsnarl-practice-tickets .dataTable {
    width: 100%;
} 

body#unsnarl-billing-revenueReport .dataList td.label {
    width: 40%;
} 



body#loginPage { 
    background-color: #F6F6F6;
}

body#loginPage div.loginHeaderWrapper {
    text-align: center;
    width: 100%;
}
body#loginPage .loginHeaderContents {
    text-align: center;
    border-bottom: 1px solid #BEBEBE;
    margin-left: 30%;
    margin-right: 30%;
    font-size: 1.2em;
    color: #444444;
}

body#loginPage .unsnarlTitle { 
    font-weight: bold;
    font-family: century-schoolbook;
    font-size: 1.5em;
    color: black;
}
body#loginPage .unsnarlTitle:after {
    content: "";
}

body#loginPage div.loginFormContainerDiv {
    padding: 20px;
}

body#loginPage td.label {
    font-weight: normal;
    font-size: 1.2em;
}




body#unsnarl-tickets .formFieldTable, body#staff-practice-tickets .formFieldTable{
    margin-top: 1px;
    margin-bottom: 0px;
}

body#unsnarl-tickets .fieldLabel, body#staff-practice-tickets .fieldLabel {
    width: 100px;
} 

body#unsnarl-tickets-add td.mb, 
body#unsnarl-tickets-edit td.mb, 
body#unsnarl-tickets-addNote td.mb {
    background-color: #FFFF94;
    padding: 10px;
}

body#unsnarl-tickets-add td.fieldWidget, 
body#unsnarl-tickets-edit td.fieldWidget, 
body#unsnarl-tickets-addNote td.fieldWidget {
    padding-left: 0px;
}

body#unsnarl-tickets-add .fieldLabel.above, 
body#unsnarl-tickets-edit .fieldLabel.above, 
body#unsnarl-tickets-addNote .fieldLabel.above {
    padding-left: 0px;
}

body#unsnarl-tickets-add .formRow, 
body#unsnarl-tickets-edit .formRow, 
body#unsnarl-tickets-addNote .formRow {
    margin-top: 1px;
    margin-bottom: 0px;
}

body#unsnarl-tickets-addNote .fieldLabel.onLeft{
} 

body#unsnarl-tickets-addNote #attachment_1_fieldTable .fieldLabel.onLeft {
    width: 60px;
    text-align: left;
}

  





div.pageHeaderWrapper { 
   color: black;
   background: white;
   border-bottom: 1px solid black;
   border-bottom: 1px solid #E0E0E0;
   border-bottom: 1px solid #D0D0D0;
   border-bottom: 1px solid #b8b8b8;
   border-bottom: none;
}
.pageHeaderTitle span.unsnarl { 
  color: black;
  font-size: 14px;
}

div.pageHeaderTitle {  color: #333;  }
div.pageHeaderUserLinks {  color: black; }

div.pageHeaderUserLinks a, 
div.pageHeaderUserLinks a:hover,
div.pageHeaderUserLinks a:active,
div.pageHeaderUserLinks a:visited { 
    color: blue;
}




div.DS-slideSeries {
    padding: 20px;
    text-align: center;
    margin-bottom: 100px;
}

div.DS-slideContainer {
    float: left;
    text-align: center;
    margin: 15px;
    z-index: 1;
}

div.DS-slide {
    margin-bottom: 3px;
    text-align: center;
    border: 2px outset #e1e1e1;
    padding-top: 10px;
    background-color: #f7f7f7;
    background-color: #ececec;
}

div.DS-slideBody {
    padding: 0px;
    padding-left: 2px;
    text-align: center;
    vertical-align: middle;
}

div.DS-slideTitle {
    text-align: center;
    background-color: #ddd;
    border-top: 1px solid #888;
    border-top: 2px groove #eee;
    font-size: 11px;
    font-weight: bold; 
}

div.DS-item {
    text-align: center;
    vertical-align: middle;
    font-size: 10px;
    color: #888;
}

div.DS-item img {
    border: 3px inset #e7e7e7;
    -moz-opacity: 100%;
}