/*
==========================================================
 This is the Steel Blue Style that overrides any
 color settings made in the main stylesheet.

 The intent was to just add colors here and to group
 them together so that colors can be easily modified

 Copyright 2008, TerraXml, Inc. 
==========================================================
*/
/* Optional stylesheet for customer specific theme styles */
@import url("/TerraViewWeb/stylesheets/custom/css/theme.css");

/* Dark Blue */
body {
	color: #1E2960; /* Dark */
} 

/** Opening Page **/
.MainBackground
{
    background-image: url("/TerraViewWeb/resources/images/LoginBackground.jpg");
    background-repeat:no-repeat;
}

a {
    color: #1E2960;
}

.MediumBorder, .SmallBorder, .Div1, .Content
{
	border-color: #1E2960;  /* Dark */
}

.ZoomIn {
    background-image: url("/TerraViewWeb/resources/images/terraView_BlueSteel/zoom-in.png");
    height: 18px;
    width: 20px;
    vertical-align: middle;
}

/* Height and border thickness set in base.css */
#MasterHeader
{
    background-image: url("/TerraViewWeb/resources/images/terraView_BlueSteel/headerGraphic.png");
    background-repeat: no-repeat;
    border-bottom-style: solid;
    border-color: #DD5400;  /* Dark orange-red */
}

.MediumBackground, .MasterHeader, .ContentTabs .TabSpacer, .ContentTabs
{
    background-color:  #8B90AF; /* medium */
}

.AltRow {
    background-color: #D6D6DF;
    height: 30pt;
}
/*  PV
.ContentTabs 
{
    background-color: #8B90AF; 
}

.ContentTabs .TabEndLeft
{
    background-image: url("/TerraViewWeb/resources/images/terraView_BlueSteel/tabBevelLeft.png");
    background-repeat: no-repeat;
}

.ContentTabs .TabEndRight
{
    background-image: url("/TerraViewWeb/resources/images/terraView_BlueSteel/tabBevelRight.png");
    background-repeat: no-repeat;
}
*/

/* Highlight */
.LightForeground, .ProductTitleContainer, .Tab
{
   color: #EADDB0; /* Light Yellow-Orange */
   font-weight: bold;
}

.LightBackground
{
   background-color:  #F6F6FF; /* Light */
}

.Div1 
{
    background-color: #1E2960; /* Dark */
    background-image: url('/TerraViewWeb/resources/images/terraView_BlueSteel/dividerBack.png');
    color: silver; /* Not used currently */
}

.Highlight {
    background-color: #E0E0EE; /* Medium Blue-Steel */
    color: #1E2960;
}

/* Dark Gold */
.ContentViewport .Menu {
    background-color: #8B90AF; /* Medium */
    color: white;
    font-weight: bold;
    font-size: 8pt;
    height: 16px;
}

/* Page Background image */
.PageBackground
{
    background-image: url('/TerraViewWeb/resources/images/terraView_BlueSteel/pageBackground.png');
    background-repeat: repeat;
}

.ContentTabs {
    background-color: #AAAABB;
    border: none;
}
.ContentTabSeparator {
    display: none;
}
#ContentTabs_ADD_TAB {
    font-weight: bold;
    padding: 2px 6px 2px 6px;
}
#ContentTabs_CLOSE_ALL {
    /* Reserved */
}
.Tab {
    padding: 2px 4px 2px 4px;
    color: #EEEEEE;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BBBBCC', endColorstr='#555588'); /* for IE < 10*/
    background: -webkit-gradient(linear, left top, left bottom, from(#BBBBCC), to(#555588));
    background: -moz-linear-gradient(top, #BBBBCC, #555588);
    background: -ms-linear-gradient(top, #BBBBCC, #555588);
    background: linear-gradient(to bottom, #BBBBCC 20%,#555588 75%); /* , #7A8A9A 70%, #DDDDEE 100%);*/
    
    border: solid 1px #E0E0EE;
    border-width: 1px 0px 0px 1px;
    border-radius: 5px 5px 0 0;

    display: inline-block;
    height: 100%;
}
.TabCloser {
    color: silver;
}
.Tab:hover, .Link:hover, .Active
{
    background-image: none;
    background-color: #F6F6FF; /* light */
    background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#FFFFFF));
    background: -moz-linear-gradient(top, #EEEEEE, #FFFFFF);
    background: -ms-linear-gradient(top, #EEEEEE, #FFFFFF);
    background: linear-gradient(to bottom, #EEEEEE, #FFFFFF);
    color: #66667F;  /* Dark */
    text-shadow: 1px 1px 1px silver;
}
.Tab, .Tab:hover, .Active, .Inactive {
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
}


