/*===========================================================================
    © 2004 - 2007 Shatterock Technologies

         Project: Website
       Component: Formatting style definitions
            Date: May 2, 2007
          Author: Theo (support@shatterock.com)
         Version: 3.3
           Notes: IP Address: 72.19.209.108
  ===========================================================================*/

body {
    font-family: verdana, helvetica, arial, sans-serif;
    margin: 0px;
    padding: 0px;}

table {
    border-collapse: collapse;}


td.PageTitle
    {font-size: 16px; font-weight: bold; color: #666666;}
td.BreadCrumb
    {font-size: 10px; font-weight: normal; color: #666666; border-top: #CCCCCC 1px solid;}
tr.TableRowOff td
    {font-size: 10px; background-color: #FFFFFF; border-RIGHT: #CCCCCC 1px solid; border-left: #CCCCCC 1px solid; border-top: #FFFFFF 0px solid; border-bottom: #CCCCCC 1px solid;}
tr.TableRowOn td
    {font-size: 10px; background-color: #EAEAEA; border-RIGHT: #CCCCCC 1px solid; border-left: #CCCCCC 1px solid; border-top: #FFFFFF 0px solid; border-bottom: #CCCCCC 1px solid;}
th.RowHeader
    {font-size: 10px; background-color: #999999; color: #FFFFFF; font-weight: normal; border-RIGHT: #000000 1px solid; border-top: #000000 1px solid; border-left: #000000 1px solid; border-bottom: #000000 1px solid;}
th.ColumnHeader
    {font-size: 10px; background-color: #990066; color: #FFFFFF; font-weight: bold; border-RIGHT: #000000 1px solid; border-top: #000000 1px solid; border-left: #000000 1px solid; border-bottom: #000000 1px solid;}
tr.TotalsRow td
    {font-size: 10px; background-color: #CCCCCC; color: #000000; font-weight: bold; border-RIGHT: #000000 1px solid; border-top: #000000 1px solid; border-left: #000000 1px solid; border-bottom: #000000 1px solid;}
td.Hidden
    {font-size: 10px; background-color: #FFFFFF; color: #FFFFFF;}
td.Faint
    {font-size: 10px; background-color: #FFFFFF; color: #CCCCCC;}



/* --------- Page header ------------ */
td.HeaderTallBar
    {background-image: url("/image/header/tall_bar.png");}

td.HeaderThinBar
    {background-image: url("/image/header/thin_bar.png");}

td.HeaderBreadcrumb {
    background-image: url("/image/header/breadcrumb.png");
    font-size: 10px;
    color: #999999;
    font-weight: normal;}

td.HeaderDots
    {background-image: url("/image/header/dots.gif");}

td.HeaderDate {
    background-image: url("/image/header/date.gif");
    font-size: 10px;
    color: #999999;
    font-weight: normal;}

a.HeaderNav:link, a.HeaderNav:hover, a.HeaderNav:active, a.HeaderNav:visited {
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;}

a.HeaderBreadcrumb:link, a.HeaderBreadcrumb:hover, a.HeaderBreadcrumb:active, a.HeaderBreadcrumb:visited {
    font-size: 10px;
    color: #666666;
    font-weight: normal;
    text-decoration: none;}



/* --------- Left side navigation ------------ */
td.LeftNav {
    background-image: url("/image/background/left_nav.gif");
    font-size: 11px;
    color: #333333;
    font-weight: bold;}

a.LeftNav:link, a.LeftNav:hover, a.LeftNav:active, a.LeftNav:visited {
    color: #333333;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;}



/* --------- Page footer ------------ */
td.FooterNav {
    background-image: url("/image/background/footer.gif");
    font-size: 10px;
    color: #333333;}

tr.Footer td
    {background-color: #484848;}

a.FooterNav:link, a.FooterNav:hover, a.FooterNav:active, a.FooterNav:visited {
    color: #333333;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;}



/* --------- Body Content ------------ */
sup {
    line-height: 0;
    vertical-align: text-top;
    font-size: 11px;
    font-weight: normal;}

i {
    font-style: italic;
    font-size: 11px;
    font-weight: normal;}

ul {
    list-style-type: square;
    font-size: 11px;
    font-weight: normal;}

a:link, a:visited, a:hover, a:active {
    color: #0000C4;
    text-decoration: none;}

td.SectionTitle {
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    border-bottom: #CCCCCC 1px solid;}

td.SectionLine {
    border-bottom: #CCCCCC 1px solid;
    border-left: #CCCCCC 2px solid;}

td.SectionContent {
    color: #666666;
    font-size: 11px;
    font-weight: normal;}

td.ProductName,td.PageTitle {
    color: #666666;
    font-size: 24px;
    font-weight: normal;
    border-bottom: #CCCCCC 1px solid;}

td.ProductAttributeName {
    color: #666666;
    font-size: 10px;
    font-weight: bold;
    border-bottom: #CCCCCC 1px dotted;}

td.ProductAttributeValue {
    color: #666666;
    font-size: 10px;
    font-weight: normal;
    border-bottom: #CCCCCC 1px dotted;
    border-right: #CCCCCC 1px solid;}

td.ProductDownload {
    border-bottom: #CCCCCC 1px solid;
    border-right: #CCCCCC 1px solid;}

td.ProductBoxScreens {
    border-bottom: #CCCCCC 1px solid;
    border-left: #CCCCCC 1px solid;
    border-right: #CCCCCC 1px solid;
    background-color: #EAEAEA;}

a.ProductDownload:link, a.ProductDownload:hover, a.ProductDownload:active, a.ProductDownload:visited {
    color: #009900;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;}



/* --------- Images ------------ */
img.top             {vertical-align: text-top;}
img.middle 	        {vertical-align: middle;}
img.bottom 	        {vertical-align: text-bottom;}



/* --------- Forms ------------ */
input.TextBox, select.TextBox, textarea.TextBox
{
  font-size: 11px;
  color: #000000;
  font-family: verdana;
  vertical-align: middle;
  border-left:1px solid #acacac;
  border-top:1px solid #acacac;
  border-right:1px solid #d4d0c8;
  border-bottom:1px solid #d4d0c8;
}

input.Button
{
  font-size: 11px;
  font-family: verdana;
  font-weight: bold;
  padding: 0px;
  color: #000000;
  background: #D1D0CB;
  border-right: 2px double #999999;
  border-bottom: 2px double #999999;
  border-top: 3px double #D1D0CB;
  border-left: 3px double #D1D0CB;
  text-align: center;
}




/* leaderboard */
/*
td.celler1 {
    font-size: 11px;
    color: #666666;
    background-color: #EAEAEA;
    BORDER-BOTTOM: #CCCCCC 1px solid;
    BORDER-TOP: #CCCCCC 1px solid;
    BORDER-LEFT: #CCCCCC 1px solid;}

td.celler2 {
    font-size: 11px;
    color: #666666;
    BORDER-BOTTOM: #CCCCCC 1px solid;}

tr.celler td
    {background-color: #FFFFFF; border-top: #CCCCCC 1px dotted; border-bottom: #CCCCCC 1px dotted; border-left: #FFFFFF 0px solid; border-RIGHT: #FFFFFF 0px solid;}
th.vertLine
    {background-color: #FFFFFF; border-top: #CCCCCC 1px dotted; border-bottom: #CCCCCC 1px dotted; border-left: #FFFFFF 0px solid; border-RIGHT: #CCCCCC 1px solid;}
*/





/* override this needs to be at the end*/
a:hover, a.HeaderNav:hover, a.HeaderBreadcrumb:hover, a.LeftNav:hover, a.FooterNav:hover, a.ProductDownload:hover
{text-decoration: underline;}

a.Avatar:link 		img {border: 1px #000000 solid;}
a.Avatar:visited 	img {border: 1px #000000 solid;}
a.Avatar:active 	img {border: 1px #000000 solid;}
a.Avatar:hover 	    img {border: 1px #000000 solid;}



/* this is for the comparator report */
tr.TableRow td {
  font-size: 10px;
  border-right: #FFFFFF 0px solid;
  border-left: #FFFFFF 0px solid;
  border-top: #FFFFFF 0px solid;
  border-bottom: #CCCCCC 1px solid;}

tr.SectionHeader td {
  font-size: 11px;
  font-style: italic;
  font-weight: bold;
  border-right: #FFFFFF 0px solid;
  border-left: #FFFFFF 0px solid;
  border-top: #FFFFFF 0px solid;
  border-bottom: #CCCCCC 1px solid;}

td.ColumnDivider {
  background-image: url("/image/background/line_vertical.gif");}