﻿/* ================================
    CSS STYLES FOR CGW PORTAL
    v1.0, 01/2003
   ================================
*/


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.Banner
{
     background-color: #111111;
}

.HeadBg
{
    background-color: #111111;
    background-image: url("../../images/hbg1.gif");
}


.PageFooter
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    line-height: 10px;
    color: #333333;
}

A.PageFooter:link
{
    text-decoration:    none;
    color: #333333;
}

A.PageFooter:visited  {
    text-decoration:    none;
    color: #333333;
}

A.PageFooter:active   {
    text-decoration:    none;
    color: #333333;
}

A.PageFooter:hover
{
    text-decoration: underline;
    color:blue;
}

/* PAGE BANNER */
/* NOTE: Site Title, Site Links and Tabs are rendered by MobilePortalBanner.ascx */
/* style for the text of the site title */
.SiteTitle {
    font-family: Times New Roman;
    font-size: 20px;
    font-weight: bold;
    color:#cccccc
}

/* background/border colors for the selected tab */
.TabBg {
    background-color: #dddddd;
    border-color: white;
}

/* background/border colors for the unselected tabs */
.OtherTabsBg {
    background-color: #454545;
    border-color: #222222;
}

/* text style for the selected tab */
.SelectedTab {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color:#BB3300;
    margin-left: 3px;
    margin-right: 3px;
    /*
    margin-top: 2px;
    margin-bottom: 7px;
    width: 90px;*/
    text-align: center;
    font-weight: bold
}

/* text style for the unselected tabs */
.OtherTabs {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color:gainsboro;
    text-decoration:none;
    margin-left: 3px;
    margin-right: 3px;
    text-align: center;
    font-weight: bold
}

/* hyperlink styles of the unselected tabs */
A.OtherTabs:link    {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:visited {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:active  {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:hover   {
    text-decoration:    underline;
    color:white;
}

/* text style for the site links (at extreme top-right of header) */

.LinkRef 
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color:#222222;
	background-color:White
}

.SiteLink {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #5a5a5a;
}

/* hyperlink style for the site links */
A.SiteLink:link {
    text-decoration:    none;
    color: #5a5a5a;
}

A.SiteLink:visited  {
    text-decoration:    none;
    color: #5a5a5a;
}

A.SiteLink:active   {
    text-decoration:    none;
    color:#222222;
}

A.SiteLink:hover    {
    text-decoration:    underline;
    color: #8a8a00;
}

.SiteLinkColorless {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

A.SiteLinkColorless:link {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

/* style for separator between site links */
.Accent
{
    color: Gray;
    font-weight:    bold;
    font-size:12px;
}

.AccentColorless
{
    font-weight:    bold;
    font-size:12px;
}

.UserLoginName
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: red;
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */
.Message    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-size: 12px;
    background-color: #eeeeee
}

/* style of item titles by Announcements and events */
.ItemTitle    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #003333;
/*    color:  #AD6600; */
    text-decoration:    underline;
}



/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  17px;
    font-weight:    normal;
    color:  #002C23;
    /*color: #eeeeee; */
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  13px;
    font-weight:    bold;
    color: #555555;
    /*color: #eeeeee; */
}

.TitleHead
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  14px;
    font-weight:    bold;
    color: #eeeeee;
}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: black;
    /* color: #eeeeee; */
}
.SmallTitleHead
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #eeeeee;
}

/* text style used for most text rendered by modules */
.Abstract
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px
}

/*    font-family: Verdana, Helvetica, sans-serif; */

.Normal
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 19px;
    color: #5a5a5a;
}

.NormalColorless
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 13px;
}

.NormalFixed
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 19px;
    color: #5a5a5a;
    overflow:auto;
    table-layout:fixed;
}

.SmallNormal
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    color: #333333;
}

.DocSecPath
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    color: #dddddd;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.NormalRed
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: red
}

.NormalBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold
}

.ProviderStatement
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 14px;
    background-color: white;
    color: #555555;
}

A.ProviderStatement:link
{
    text-decoration:    none;
    color: #9FAFDF;
}

A.ProviderStatement:visited
{
    text-decoration:    none;
    color: #9FAFDF;
}

A.ProviderStatement:active
{
    text-decoration:    none;
    color: #9FAFDF;
}

A.ProviderStatement:hover
{
    text-decoration:    underline;
    color: blue;
}

.GroupPathInfoArea
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    background-color: silver;
    color: #eeeeee;
    height: 20px;
    background-image: url("../../images/grid_background.gif");
}

.GroupPathNormal
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    color: #eeeeee;
}

.GroupNameNormal
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    color: green;
}

.RoleAdminNormal
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: red;
}

.RoleNormal
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: green;
}

.GroupPathSep
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    color: yellow;
}

.GroupPathSep2
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    color: red;
}

.GroupTree
{
    background-color: white;
}

.RegionSelectorBack
{
   /*background-color: #dddddd;*/
}

.RegionSelector
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    color: #323232;
    background-color: transparent
}

.DesktopModuleTitle
{
    background-color: teal;
    color: #555555;
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    table-layout: fixed;
    width: *;
}

.HtmlBody
{
  background-color: white; 
}

.ModuleTitle
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #eeeeee;
    width: 100%;
}

.ModuleTitleTop
{
    background-color: #aa0000;
    height: 1px;
    display: none;
}

.ModuleTitleBottom
{
    background-color: #aa0000;
    height: 2px;
}

.SearchStrip
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    background-color: silver;
    color: #eeeeee;
    background-image: url("../../images/grid_background.gif");
}

.GroupNavPanel
{
    /*display: none; */
}

/* start new ones */

.CacheLayerHeader
{
     background-color: #004e98;
     color: white;
     height: 22px;
}

.CacheLayerSeparator
{
     background-color: darkred; /*firebrick;*/
     height: 1px;
}

/* end new ones */

.Justified
{
    MARGIN: 4pt;
    TEXT-INDENT: 0mm;
    TEXT-ALIGN: justify
}

.wJustified
{
    MARGIN: 8pt;
    TEXT-INDENT: 5mm;
    TEXT-ALIGN: justify
}

.ContentHead
{
/*    background-color: #dddca3; */
    background-color: #eeeeee;
    color: dimgray;
    font-family: Verdana, Arial;
    font-size: 20px;
    font-weight: bold;
    height: 32px
}

.SubContentHead
{
/*    background-color: #dddca3; */
    background-color: #eeeeee;
    color: dimgray;
    font-family: Verdana, Arial;
    font-size: 18px;
    font-weight: bold;
    height: 20px
}

.SubSubContentHead
{
/*    background-color: #dddca3; */
    background-color: #eeeeee;
    color: dimgray;
    font-family: Verdana, Arial;
    font-size: 15px;
    font-weight: bold;
    height: 17px
}

.CartListHead
{
/*    background-color: #dddca3; */
    background-color: #eeeeee;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: #333333;
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 20pt;
    padding-left: 5px
}

.CartListItem
{
    background-color: #ffffff;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Verdana, Arial;
    font-size: 12px;
    padding-left: 5px
}

.CartListItemAlt
{
    background-color: #f2f2f2;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Verdana, Arial;
    font-size: 12px;
    padding-left: 5px
}

.CartListFooter
{
/*    background-color: #dddca3; */
    background-color: #eeeeee;
    line-height: 10pt
}

.UnitCost
{
    color: #707070;
    font-family: Verdana, Arial;
    font-size: 12px;
    line-height: 17pt;
    text-decoration: underline
}

.OnSaleItem
{
    color: #3070e0;
    /*font-weight: bold;*/
}

/* */
.ModelNumber
{
    color: #808080;
    font-family: Verdana, Arial;
    font-size: 12px;
    line-height: 13pt
}

/* */
.ErrorText
{
    color: red;
    font-family: Verdana, Arial;
    font-size: 12px;
    line-height: 20pt
}
.MostPopularHead
{
    background-color: #dddddd;
    color: #555555;
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold
}

A.MostPopularItemText, A.MostPopularItemText:link, A.MostPopularItemText:visited
{
    color: black;
    font-family: Verdana, Arial;
    font-size: 12px;
    text-decoration: none
}

A.MostPopularItemText:hover
{
    color: red;
    font-family: Verdana, Arial;
    font-size: 12px;
    text-decoration: underline
}

.NormalDouble
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px
}

.ProductListHead
{
    color: black;
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 14pt;
    text-decoration: underline;
}
.ProductListItem
{
    color: black;
    font-family: Verdana, Arial;
    font-size: 11px
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link
{
    text-decoration:    underline;
    color: #003333;
}

A.CommandButton:visited
{
    text-decoration:    underline;
    color: #003333;
}

A.CommandButton:active
{
    text-decoration:    underline;
    color: #003333;
}

A.CommandButton:hover
{
    text-decoration:    underline;
    color: #333300;
}

.TitleCmdButton
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.TitleCmdButton:link
{
    text-decoration:    underline;
    color: #eeeeee;
}

A.TitleCmdButton:visited
{
    text-decoration:    underline;
    color: #dddddd;
}

A.TitleCmdButton:active
{
    text-decoration:    underline;
    font-weight: bold;
    color: #ffffff;
}

A.TitleCmdButton:hover
{
    text-decoration:    underline;
    font-weight: bold;
    color: #ffffff;
}

.DocFrameHead
{
    background-color: #005570;
    height: 20px;
    color: #eeeeee;
}

.CategPanel
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    border-left-color: gray;
    border-right-color: white;
    border-top-color: white;
    border-bottom-color: gray;
}

.CategRoot
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #555555;
    text-indent: 2px;
}

.CategRoot:before
{
    content: url("../../images/bricks.gif");
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CategRoot:link {
    text-decoration: none;
    color: #555555;
}

A.CategRoot:visited  {
    text-decoration: none;
    color: #555555;
    background-color: #eeeeee;
}

A.CategRoot:hover   {
    text-decoration: none;
    color: red;
}

.CategItem
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-indent: 2px;
}

/*
.CategItem:before
{
    content: url("http://www.vvpn.net/webx/images/node_green.gif");
}
*/

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CategItem:link {
    text-decoration: none;
    color: #232323;
}

A.CategItem:visited  {
    text-decoration: none;
    color: #232323;
    background-color: #eeeeee;
}

A.CategItem:hover   {
    text-decoration: none;
    color: red;
    text-decoration: underline;
}

.ContentSchema
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.ContentSchema:link {
    text-decoration: none;
    color: #232323;
}

A.ContentSchema:visited  {
    text-decoration: none;
    color: #232323;
    background-color: #eeeeee;
}

A.ContentSchema:hover   {
    text-decoration: none;
    color: red;
}

.CategItemStyle
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
}

.EmptyContentSchema
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #777777;
}

.CategSep
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: green;
    background-color: #eeeeee;
    height: 12px;
}

A.PeerList:hover    {
    text-decoration:    underline;
    color: red;
}

A.PeerList:link {
    text-decoration:    underline;
    color: #003333;
}

A.PeerList:visited  {
    text-decoration:    underline;
    color: #003333;
}

A.PeerList:active   {
    text-decoration:    underline;
    color: #003333;
}

A.PeerList:hover    {
    text-decoration:    underline;
    color: red;
}

DIV.ResIDTooltip
{
    display:inline
}

DIV.ResIDTooltip2
{
    display: inline;
    text-decoration: underline;
}

FONT.PathSeparator
{
    color : Yellow;
}

FONT.PathSeparator2
{
    color : Red;
}

.H1  {
    font-family: Verdana, Helvetica, sans-serif;
    margin-top: 4px;
    margin-bottom: 4px;
    font-size:  15px;
    font-weight:  bold;
    color: #FF3300;
}

legend {
    vertical-align: baseline;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:  normal;
    color: #003377;
}

.legend {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:  normal;
    color: #003377;
    background-color: #eeeeee;
}

/* GENERIC */
H1  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
/*    color: #FF3300; */
    color:  #AD6600
}

H2  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
/*    color: #FF3300; */
    color:  #AD6600
}

H3  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: #003333;
}

H4  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: #003333;
}

H5, DT  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #003333;
}

H6  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #003333;
}

table.frame
{
   padding:0px;
   margin:0px;
}

TFOOT, THEAD    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    color: #003333;
}

TH  {
    vertical-align: baseline;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
}

A:link  {
    text-decoration:    none;
/*    color:  #f14e1c; */
}

A:visited   {
    text-decoration:    none;
/*    color:  #f14e1c; */
    color: #0000aa
}

A:active    {
    text-decoration:    none;
/*    color:  #f14e1c; */
}

A:hover {
    text-decoration:    underline;
    color:  red;
}

SMALL   {
    font-size:  8px;
}

BIG 
{
    font-size:  14px;
}

BLOCKQUOTE, PRE 
{
    font-family:    Lucida Console, monospace;
}


UL LI   
{
    margin-left: 0pt;
    margin-right: 8pt;
    list-style-type:  square;
    TEXT-INDENT: 0mm;
    TEXT-ALIGN: justify
}

UL.Left
{
    margin-left:  0px;
    margin-right: 3px;
    padding-left: 25px;
}


UL LI LI    
{
    margin-left:  auto;
    margin-right: 0pt;
    list-style-type:  disc;
    TEXT-INDENT: 0mm;
}

UL LI LI LI 
{
    list-style-type:    circle;
}


OL LI   {
    list-style-type:    decimal;
    margin-left: 10pt;
    margin-right: 0pt;
    TEXT-INDENT: 0mm;
}

OL.Left
{
    margin-left: 5pt;
    margin-right: 3pt;
}

OL OL LI    {
    margin-left: -17pt;
    margin-right: 0pt;
    TEXT-INDENT: 0mm;
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR {
    color: #228b22; /*dimgrey; */
    height:1pt;
    text-align:left
}


