﻿@media projection, screen {
  a { background-color: inherit; color: #039; text-decoration: none; }
  a:focus, a:hover { background-color: inherit; color: #36c; text-decoration: underline; }

  body { background-image: url(/Masters/Scorpia/Images/Template/Background.jpg); background-position: left top; background-repeat: repeat-x; }

  #templatePrintBanner { display: none; }
  #templatePrintFooter { display: none; }

  #templateBanner {
    background-image: url(/Masters/Scorpia/Images/Template/BW_Logo.jpg);
    background-position: left 20px;
    background-repeat: no-repeat;
    height: 124px;
    margin: 0 auto;
    position: relative;
    top: 0;
    width: 760px;
  }

  #templateBanner h1 {
    background-image: url(/Masters/Scorpia/Images/Template/BW_Logo_Text.jpg);
    background-position: 80px 44px;
    background-repeat: no-repeat;
    line-height: 67px;
    height: 67px;
    margin: 0 0 8px 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 760px;
  }

  #templateBanner h1 span { display: none; }

  /* Template Banner Tabs */
  #templateBannerTabs { height: 29px; left: 0; list-style-type: none; margin: 0; padding: 0; position: absolute; top: 95px; }
  #templateBannerTabs li { display: inline; height: 29px; }

  #templateBannerTabs li a {
    background-color: #DFEDFA;
    background-image: url(/Masters/Scorpia/Images/Template/BannerTab_BG.jpg);
    background-position: left top;
    background-repeat: repeat-x;
    -moz-border-radius: 7px 7px 0 0;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    border: solid 1px #CEDFF2;
    border-bottom: none;
    color: #013F7F;
    cursor: pointer;
    float: left;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    margin-right: 1px;
    outline: 0;
    padding: 0 25px;
    text-decoration: none;
  }

  #templateBannerTabs li a span { float: left; height: 28px; line-height: 28px; text-decoration: none; }
  #templateBannerTabs li a:focus, #templateBannerTabs li a:hover { background-color: #003F7F; background-position: left bottom; border-color: #003F7F; color: #fff; }
  #templateBannerTabs li a:focus span, #templateBannerTabs li a:hover span { color: #fff; text-decoration: none; }
  #templateBannerTabs li a.Active { background-color: #003F7F; background-position: left bottom; border-color: #003F7F; color: #fff; }
  #templateBannerTabs li a.Active span { color: #fff; }

  #templateContent { position: relative; margin: 0 auto; width: 760px; }

  #templateBlueBar { position: relative; background-position: left bottom; background-repeat: no-repeat; height: 225px; overflow: hidden; top: 0; width: 760px; }

  #templateWhiteContent {
    background-color: #fff;
    color: #000;
    min-height: 300px;
    position: relative;
    width: 760px;
  }

  #templateWhiteContent h1 {
    color: #000;
    font-size: 18pt;
    font-weight: normal;
    line-height: 21pt;
    margin: 0 0 11px 0;
  }

  #templateWhiteContent h2, #templateWhiteContent h3, #templateWhiteContent h4 {
    background-color: inherit;
    color: #036;
    margin: 0 0 5px 0;
    padding: 5px 0;
  }

  #templateWhiteLeftPane h2 { color: #003F7F; font-size: 14pt; font-weight: normal; margin-bottom: 11px;  }
  #templateWhiteLeftPane h3 { color: #036; font-size: 12pt; font-weight: bold; line-height: 15pt; }
  #templateWhiteLeftPane h4 { color: #039; font-size: 10pt; font-weight: bold; line-height: 14pt; margin-bottom: 0px; }
  #templateWhiteLeftPane h5 { color: #006E12; font-size: 9pt; font-weight: bold; margin: 0 0 5px 0; }
  #templateWhiteLeftPane h6 { color: #6E0012; font-size: 8pt; font-weight: bold; margin: 0 0 2px 0; }

  #templateWhiteLeftPane { float: left; padding: 11px; width: 578px; }
  #templateWhiteRightPane { float: left; padding: 11px; width: 138px; }

  /* Template Footer */
  #templateFooter {
    background-color: #fff;
    border-top: dotted 1px #aaa;
    color: #323232;
    clear: both;
    padding: 7px 5px;
    margin: 0 auto;
    width: 750px;
  }

  #templateFooterLeft { float: left; }
  #templateFooterLeft ul { list-style-type: none; margin: 0; padding: 0 }
  #templateFooterLeft ul li { border-left: solid 1px #ccc; display: inline; padding: 0 5px; }
  #templateFooterLeft ul li:first-child { border-left: 0; padding-left: 0; }
  #templateFooterRight { float: right; text-align: right; }

  /* Google Search Panel */
  .GoogleSearchTop { position: absolute; top: 41px; right: 0; z-index: 100; }
  #cse-search-box input[type=text], .GoogleSearch Input[type=text] { background-color: #fff; background-image: url(/Images/google_custom_search_watermark.gif); background-position: left top; background-repeat: no-repeat; border: 1px solid #7e9db9; padding: 2px; }
  #cse-search-box input[type=text]:focus, .GoogleSearch Input[type=text]:focus { background-image: none; }
  .GoogleSearch input[type=text], .GoogleSearchTop input[type=text] { float: left; font-size: 8pt; line-height: 17px; width: 150px; height: 17px; }
  .GoogleSearch input[type=submit], .GoogleSearchTop input[type=submit] { float: left; font-size: 8pt; width: 75px; height: 23px; }

  /* Link Bar */
  a.LinkBar {
    background-color: #EBF3FD;
    background-image: url(/Masters/Scorpia/Images/Template/LinkBar_BG.jpg);
    background-position: left top;
    background-repeat: repeat-x;
    border: solid 1px #B8D6FB;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #000;
    display: block;
    height: 30px;
    margin-bottom: 11px;
    overflow: hidden;
    text-decoration: none !IMPORTANT;
  }

  a.LinkBar:focus, a.LinkBar:hover {
    background-color: #FFF2C0;
    background-position: left bottom;
    border-color: #DBCE99;
    color: #000;
  }

  a.LinkBar span {
    background-position: 5px center;
    background-repeat: no-repeat;
    color: #000;
    cursor: pointer;
    display: block;
    height: 30px;
    line-height: 30px;
    padding-left: 27px;
  }

  span.Link { background-image: url(/Masters/Scorpia/Images/Icons/GreenLink.gif); }
  span.SnapBackButton { background-image: url(/Masters/Scorpia/Images/Icons/SnapBack.gif); }

  /* Navigation Group */
  .NavigationGroup { margin-bottom: 11px; }
  .NavigationGroup .Title { display: block; font-size: 8pt; font-weight: bold; padding-bottom: 5px; }
  .NavigationGroup ul { list-style-type: none; margin: 0; padding: 0; }
  .NavigationGroup ul li { margin-bottom: 1px; }
  .NavigationGroup ul li.Active, .NavigationGroup ul li a {
    background-color: #fff;
    border: 1px solid #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #039;
    clear: both;
    display: block;
    line-height: 13pt;
    margin-left: 3px;
    padding: 0 5px 0 7px;
    outline: none;
    text-decoration: none;
  }

  .NavigationGroup ul li a:hover, .NavigationGroup ul li a:focus {
    background-color: #EBF3FD;
    background: -webkit-gradient(linear, left top, left bottom, from(#FAFBFD), to(#EBF3FD));
    border-color: #B8D6FB;
    color: #000;
    text-decoration: none;
  }

  .NavigationGroup ul li.Active {
    background-color: #F8F8F8;
    background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#E5E5E5));
    border: solid 1px #D9D9D9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #000;
  }

  /* Quick Links */
  div.QuickLinks {
    background-color: #DDEBFD;
    background: -webkit-gradient(linear, left top, left bottom, from(#DCEAF7), to(#A2C9F0));
    border: solid 1px #B8D6FB;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    color: #000;
    float: right;
    margin-left: 11px;
    margin-bottom: 11px;
    width: 224px;
  }

  div.QuickLinks span.Title {
    color: #000;
    display: block;
    font-size: 9pt;
    font-weight: normal;
    line-height: 16pt;
    margin: 5px 0 5px 11px;
  }

  div.QuickLinks ul { list-style-type: none; margin: 0; padding: 5px 10px 10px 10px; }
  div.QuickLinks ul li { margin-bottom: 3px; padding-bottom: 0 !IMPORTANT; }

  div.QuickLinks ul li a {
    background-color: #fff;
    background-image: url(/Masters/Scorpia/Images/Icons/GreenLink.gif);
    background-position: 5px center;
    background-repeat: no-repeat;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #036;
    display: block;
    padding: 4px 2px 4px 30px;
    text-decoration: none;
  }

  div.QuickLinks ul li a:focus, div.QuickLinks ul li a:hover {
    background-color: #FFEBAF;
    color: #000;
    text-decoration: none;
  }

  /* Top Search Box */
  #TopSearchBox { position: absolute; z-index: 100; right: 0; top: 40px; }
  .TopOfPageLink {
    background-image: url(/Masters/Images/Icons/TopOfPage.jpg);
    background-position: left top;
    background-repeat:no-repeat;
    bottom:5px;
    display:block;
    height: 16px;
    outline: none;
    position:fixed;
    right:5px;
    width: 16px;
    z-index: 100;
  }
  .TopOfPageLink:focus, .TopOfPageLink:hover { background-position: left bottom; }
}


@media print {
  .BlueLinkBar { display: none; }

  #templatePrintBanner img { margin-left: 5px; }
  #templatePrintBanner h1 { font-size: 16pt; font-weight: bold; color: #039; }

  #templatePrintFooter { border-top: solid 2px #039; padding: 5px 0 0 5px; }
  #templateFooter { display: none; }
  #templateHeader { display: none; }
  #templateBanner { display: none; }
  #templateWhiteRightPane { display: none; }

  .QuickLinks { display: none; }
  .ReadMore { display: none; }
  .TopOfPageLink { display: none; }
}