/*
  All elements that will change color due to theme changes
*/
@media screen
{
  a:hover {
    background-color:#SCA_CSS_BACKGROUND_COLOR;    /* Background */
    color:white;
  }
}

@media all {
  a.title {
    float:left;
    font-weight:bold;
    font-size:medium;
    font-variant:normal;
    text-decoration:none;
    display:block;
    color:#SCA_CSS_TEXT_COLOR;              /* Text */
    background-color:#SCA_CSS_BACKGROUND_COLOR;    /* Background */
    width:194px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:4px;
    padding-right:5px; 
    margin-left:1px;
    clear:right;
  }

  a.title:focus {
    background-color:#SCA_CSS_HIGHLIGHTED_COLOR;   /* Highlight */
    color:#SCA_CSS_HIGHLIGHTED_TEXT_COLOR;              /* Highlight_text */
  }

  a.titlewithborder {
    float:left;
    font-weight:bold;
    font-size:medium;
    font-variant:normal;
    text-decoration:none;
    display:block;
    width:196px;
    padding-top:4px;
    padding-bottom:5px;
    padding-left:4px;
    padding-right:5px; 
    clear:right;
    background-color:#SCA_CSS_BACKGROUND_COLOR;    /* Background */
    color:#SCA_CSS_HIGHLIGHTED_TEXT_COLOR;              /* Highlight_text */
    border-top:1px solid #SCA_CSS_TEXT_COLOR;              /* Text */
    border-right:1px solid #SCA_CSS_TEXT_COLOR;              /* Text */
    border-left:1px solid #SCA_CSS_TEXT_COLOR;              /* Text */
  }

  a.titlewithborder:focus {
    background-color:#SCA_CSS_HIGHLIGHTED_COLOR;   /* Highlight */
    color:#SCA_CSS_HIGHLIGHTED_TEXT_COLOR;              /* Highlight_text */
  }

  .description {
    font-size:small;
    width:195px;
    color:#SCA_CSS_TEXT_COLOR;              /* Text */
    background-color:#SCA_CSS_BACKGROUND_COLOR;    /* Background */
    margin-left:19px;
    padding:5px;
    float:left;
    border-right:1px solid transparent;
    border-left:1px solid transparent;
    border-bottom:1px solid transparent;
  }

  .descriptionwithborder {
    font-size:small;
    width:195px;
    color:#SCA_CSS_TEXT_COLOR;              /* Text */
    background-color:#SCA_CSS_BACKGROUND_COLOR;    /* Background */
    margin-left:19px;
    padding:5px;
    float:left;
    border-right:1px solid #SCA_CSS_TEXT_COLOR;              /* Text */
    border-left:1px solid #SCA_CSS_TEXT_COLOR;              /* Text */
    border-bottom:1px solid #SCA_CSS_TEXT_COLOR;              /* Text */
  }

  body {
    font-family: "Arial Narrow";
    font-size:	medium;
    background-color:#SCA_CSS_BACKGROUND_COLOR;    /* Background */
  }
}
