body
    {
        margin: 0; border: 0;
        font: normal 11px Verdana;
        color: #303030;
        background: #ffffff url('../assets/bgWatermark.gif') no-repeat left top;
        
    }

    table 
    {
        border-collapse:collapse;
    }
    
    table td {padding:0px;}

    tbody {
        font: normal 11px/15px Verdana;
        color: #303030;
    }
    
        
    a, a:link, a:visited {
	    color: #375872;
	    text-decoration: underline;
    }
    
    a:hover 
    {
	    color: #990000;
	    text-decoration: underline;

    }

    .DefaultButton {
	    border-width: 0px;
    }
    
    img {border-style:none;}
    

    .ruleBottom 
    {
        border-bottom: 1px solid #a0a0a0;
    }
    
    .ruleBox
    {
        border: 1px solid #a0a0a0;
    }

/* common TetraSphere elements (text boxes, buttons, etc) */
    
    .TxtBoxTetra {
	    border: 1px solid #ababab;
	    font: 11px/13px Verdana;
	    color: #303030;
	    padding: 3px 0px 2px 0px;
    }
    
    .TxtBoxTetraGrey {
	    border: 1px solid #c0c0c0;
	    font: 11px/13px Verdana;
	    color: #303030;
	    padding: 3px 0px 2px 0px;
    }
    
    .SpacedText 
    {
        font: normal 12px/20px Arial;
    }

    .TetraButton 
    {
        cursor:hand;
        font-family: Verdana;
        font-size:11px;
        font-weight: normal;
        color:#303030;
        background: #f0f0f0;
        height:22px;
        border: solid 1px #ababab;
        padding: 0px 0px 3px 0px;
        outline: none;
        margin-bottom: 0px;
    }
    
    .TetraButtonWhite {
        cursor:hand;
        font-family: Verdana;
        font-size:11px;
        font-weight: normal;
        color:#303030;
        background: #ffffff;
        height:22px;
        border: solid 1px #ababab;
        padding: 0px 0px 3px 0px;
        outline: none;
        margin-bottom: 0px;
    }
    
    .TetraDivButton
    {
        text-align:center;
        cursor:hand;
        font-family: Verdana;
        font-size:11px;
        font-weight: normal;
        color:#303030;
        background: #f0f0f0;
        border: solid 1px #ababab;
        padding: 0px 0px 3px 0px;
        outline: none;
        margin-bottom: 0px;
        height:15px;
    }
    
    .TetraDivButtonWhite
    {
        text-align:center;
        cursor:hand;
        font-family: Verdana;
        font-size:11px;
        font-weight: normal;
        color:#303030;
        background: #ffffff;
        border: solid 1px #ababab;
        padding: 0px 0px 3px 0px;
        outline: none;
        margin-bottom: 0px;
        height:15px;
    }
    
    .TetraFieldTitle
    {
        color: #375872;
    }
   
   .FieldLabel 
   {
       color: #375872;
   }
   
   .FieldLabelDark
    {
        color: #375872;
        font-weight:bold;
    }
    
    
/* classes for div/table alignment */

    .center { margin-left: auto; margin-right:auto; }
    .right  { margin-left: auto; }
    .left   { margin-right: auto; }
    
/* classes for text alignment */
    
    .alignLeft    { text-align:left; }
    .alignRight   { text-align:right; }
    .alignCenter  { text-align:center; }
   
    .alignTop       { vertical-align:top; }
    .alignMiddle    { vertical-align:middle; }
    .alignBottom    { vertical-align:bottom; }
    
    
/* banner and menu */

    .TetraBanner 
    {
        background-color:#000000;
    }
    
    .TetraBannerRightCell
    {
        font: normal 12px Arial;
        text-align:right;
        color:#6dcff6;
        padding-right:15px;
    }
    
    .BannerLink, a:link.BannerLink, a:visited.BannerLink, a:active.BannerLink {
        font: normal 12px Arial;
        color: #6dcff6;
        text-decoration: none;
        border-bottom: none 0px #FFFFFF;
    }
    
    a:hover.BannerLink {
        font: normal 12px Arial;
        color: #ffffff;
        text-decoration: none;
        border-bottom: dotted 1px #ffffff;
    }
    
    .TetraMenuTable
    {
        width:100%; 
        background-color:#2c3434; 
        padding-left:10px;         
        height:28px;
    }
    
/* Grid styles */
    
    .GridLink, a:link.GridLink, a:visited.GridLink, a:active.GridLink {
        color: #ff0000 !important;
        text-decoration: underline;
        
    }
    
    a:hover.GridLink {
        color: #ffffff !important;
        text-decoration: underline;
        
    }
    
    
/* main console styles */

    /* used to wrap entire body with whitespace  */
    .TetraMainOuter
    {
        width:100%;
    }
    
    .TetraMainOuterTD
    {
        padding:15px;
    }
    
    
    /* Goes in TetraMainOuter.  Solid border white inside -- inner space = 890px */    
    .TetraMainFixed
    { 
        width:900px;
        background-color:#ffffff;
        border: 5px solid #E0E0E0;
    }
    
    /* Goes inside Fixed.  870 wide 10 margin all around  */        
    .TetraMainFixedInner
    {
        width: 870px;
        margin: 10px;
    }
    
    
    /* Goes inside Fixed WITH GAP.  850 wide 15 top and bottom, centered*/   
    .TetraMainFixedInnerSpaced
    {
        width: 850px;
        margin: 15px auto 15px auto;
    }
    
    /* Goes in TetraMainOuter. 900 wide 10 margin all around -- inner space = 890px COLOURED */        
    .TetraMainFixedAccented
    {
        width:900px;
        background-color:#e9eced;
        border: 5px solid #E0E0E0;
    }
    
    .TetraMainFixedAccentedInner1
    {
        width:750px; 
        border: solid 1px #d0d0d0; 
        background-color:#ffffff;
        margin: 20px auto 20px auto;
    }
    
    .TetraMainFixedAccentedInner1ForPrint
    {
        width:690px; 
        border: none; 
        background-color:#ffffff;
        margin: 0px auto 0px auto;
    }
    
    .TetraMainFixedAccentedInner2
    {
        width:680px;
        margin: 0px auto 0px auto;
    }
    
    .TetraMainFixedAccentedInner2Border
    {
        width:678px;
        border: solid 1px #b0b0b0; 
        margin: 0px auto 0px auto;
    }
    
    .TetraMainFixedAccentedInner3
    {
        width:660px;
        margin: 10px auto 10px auto;
    }
    
    /* for inside of a tab page */
    .TetraMainFixedAccentedInner3TabPage
    {
        width:630px;
        margin: 00px auto 00px auto;
        border: solid 1px #c0c0c0;
    }
    
    .TetraMainFixedAccentedInner3TabPage td
    {
        padding-top:3px; padding-bottom: 3px;
    }
            
    .TetraMainFull
    {
        width:100%;
        background-color:#ffffff;
        border: 5px solid #E0E0E0;
        padding:15px;
    }
    
    .TetraFooterFixed
    {
        width:900px;
        border-top: 0px solid #E0E0E0;
    }
    
    
    .TetraFooterFull
    {
        width:100%;
        border-top: 0px solid #E0E0E0;
    }
    
    .TetraSideBar
    {
        width:300px; 
        border-left:1px solid #e0e0e0; 
        padding-left:50px !important;
        
    }
    
/* Footer */
    
       
    .FooterLink, a:link.FooterLink, a:visited.FooterLink, a:active.FooterLink {
        font: normal 11px Verdana;
        color: #c0c0c0;
        text-decoration: none;
        border-bottom: none 0px #FFFFFF;
    }
    
    a:hover.FooterLink {
        font: normal 10px Verdana;
        color: #FF0000;
        text-decoration: none;
        border-bottom: dotted 1px #21395a;
    }
    
    
/* small links for  top -- eg Bearings Summary Header */


    
    
    .DottedLink {
	    font: normal 11px Tahoma;
    }

    a:link.DottedLink {
	    color: #4c607a;
	    font: normal 11px Tahoma;
	    text-decoration: none; 
	    border-bottom: 0px dotted #4A3C8C;
    }

    a:active.DottedLink {
	    color: #4c607a;
	    font: normal 11px Tahoma;
	    text-decoration: none; 
	    border-bottom: 0px dotted #4A3C8C;
    }

    a:visited.DottedLink {
	    color: #4c607a;
	    font: normal 11px Tahoma;
	    text-decoration: none; 
	    border-bottom: 0px dotted #4A3C8C;
    }

    a:hover.DottedLink {
	    color: red;
	    font: normal 11px Tahoma;
	    text-decoration: none; 
	    border-bottom: 1px dotted red;
    }