/* styles for new ASP.NET pages */

/* new TCS std. colours (post brand refresh)

Red:     PMS 485C    216     30      5       #D81E05
Yellow:  PMS 109C    249     214     22      #F9D616     
Green:   PMS 355C    0       158     73      #009E49
MotherofPearl        254     249    240      #FEF9F0

*/

/* Old TCS Std. colours:  
Green – Pantone 3292CV – G84, B71           #005447     // yes
Red – Pantone 485CV – R255                  #FF0000     // yes
Yellow – Pantone YellowCV - R255, G255      #FFFF00     // no!
Brown – Pantone 490CV – R78, G28, B18       #4E1C12
Pink - Pantone 155CV – R254, G232, B177     #FEE8B1
Dark Pink n    149CV – R254, G209, B114     #FED172

banner Yellow    252 238 4                  #FCEE04     // SFB override, based on banner yellow 

Alternate: Pantone -> RGB for TCS colours:   (http://goffgrafix.com/pantone-rgb-100.php)
Green 3292 : 0       96      86      #006056 
Red 485    : 216     30      5       #D81E05    menu table border #DE091F
Yellow     : 255    240      0       #FFF000
Brown      : 91      38      38      #5B2626
Pink 155   : 244     219     170     #F4DBAA
Dark Pink  : 252     204     147     #FCCC93     
*/


Body        {
	/*background-image: url(images/dither.gif);*/
	background-color: #FEFCF8;
	margin-top: 0px;
	margin-left: 0px;
    margin-right: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

p           {
    font-size: 9pt;
    text-transform: none;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

input       { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
textarea    { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
caption     { background-color:#009E49; color:#FCEE04; font-weight:bold; }

.BannerCell     {
    background-image: url(Images/BannerStrip50pxH.gif);
    background-repeat: repeat-x;
}


.TitleClass     {
    font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bolder;
	color: black;
}

.SubTitleClass     {
    font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bolder;
	color: black;
}

.HeadingClass     {
	color: #009E49;
    font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: bolder;
	text-decoration: none;
}

.smalltext      {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight:normal;
}
.SmallBold      {
    font-family: Arial, Tahoma, Georgia, serif;
	font-size: 8pt;
	font-weight:bold;
}

.tinytext      {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight:normal;
}
.tinynarrowtext      {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight:normal;
}

.noborder       { border-width:0; border-collapse:collapse; padding: 0 0 0 0; white-space:nowrap;   }
.noborder td    { text-align:left; border-width:0; border-collapse:collapse; padding: 0 0 0 0; white-space:nowrap;   }

.nowrap         { border-collapse:collapse; white-space:nowrap;   }
.nowrap   td    { text-align:left; border-collapse:collapse; white-space:nowrap;   }

.CircleList     { list-style: disc inside; white-space:nowrap; } 

/*
a                               { text-decoration: underline; font-weight: normal; outline: none; padding: 1px;}
a:link, a:visited, a:active     { text-decoration: underline; padding: 0px; color: #006600; padding: 1px;}
a:hover                         { color: #FCEE04; background: #009E49; text-decoration: none; outline: none; padding: 1px;}
*/

/* std. TCS green/yellow links (class) - apply this class to a LINK */
.TCSlink             { font-family: Verdana, Arial, Helvetica, sans-serif; }
a.TCSlink:link, 
a.TCSlink:visited, 
a.TCSlink:active     { text-decoration: underline; padding: 0px; color: #009E49; padding: 1px;}
a.TCSlink:hover      { color: #FCEE04; background: #009E49; text-decoration: none; outline: none; padding: 1px;}




/* Tabs: used in PromoMaint (only?) */
.tabs   {
    position:relative;
    top:1px;
    left:80px;
	color: black;
}
.tab    {
    border:solid 1px #FED172;               /* #008800; */
        /*    background-color:#eeeeee;     */
    padding:2px 10px;
    font-weight:normal;
        /*	color: black;   */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FCEE04, endColorstr=#FFFFEE);
}
.selectedTab    {
        /*  background-color:white;         */
    border-bottom:solid 1px white;
    font-weight:bold;
}
.tabContents    {
    border:solid 1px #FED172;              
    padding:10px;
        /*  background-color:white;         */
}

.tabs A:link     { text-decoration: none; padding: 0px; outline: none; color: black; }
.tabs A:visited  { text-decoration: none; padding: 0px; outline: none; color: black; }
.tabs A:hover    { text-decoration: none; padding: 0px; color: #D81E05; background-color:#F9D616; outline: none; }
.tabs A:active   { text-decoration: none; padding: 0px; outline: none; color: black; }
/*.tabs A:hover    { text-decoration: none; padding: 0px; color: #D81E05; background: #FBF9B3; outline: none; }*/




/* TCS table colours - was red border */
.TCStable       { 
   border:solid 1px #FED172; 
   background-color:#FFFFEE; 
   padding:2px 10px; 
   font-weight:normal; 
   color: black; 
}
.TCStable th    { 
   background-image: url(Images/BannerStrip50pxH.gif);
   background-repeat: repeat-x;
   /* background-color:#009E49; */
   color:#FCEE04; 
   font-weight:bold; 
   font-size: 8pt; 
}

/* TCS table colours - Green border */
.TCStableG       { 
   border:solid 1px #009E49; 
   background-color:#FFFFEE; 
   padding:2px 10px; 
   font-weight:normal; 
   color: black; 
}
.TCStableG th    { 
   background-image: url(Images/BannerStrip50pxH.gif);
   background-repeat: repeat-x;
   color:#FCEE04; 
   font-weight:bold; 
   font-size: 8pt; 
}


/* TCS 'alternate' table colours */
.TCStable2         { border:solid 0px; padding:2px 10px; font-weight:normal; color: black; }
.TCStable2 th      { background-color:transparent; color:#009E49; font-weight:bold; }
.TCStable2 caption { background-color:transparent; color:#009E49;}


/* TCS table headers - with #D81E05 hover-links in header */
/*.THclass        { background-color:#009E49; color:#FCEE04; font-weight:bold; }*/
.THclass       {
    background-image: url(Images/BannerStrip50pxH.gif);
    background-repeat: repeat-x;
    color:#FCEE04; 
    font-weight:bold; 
}

a.THclass:link     { text-decoration: underline; color:#FCEE04; font-weight:bold; }
a.THclass:visited  { text-decoration: underline; color:#FCEE04; font-weight:bold; }
a.THclass:active   { text-decoration: underline; color:#FCEE04; font-weight:bold; }
a.THclass:hover    { text-decoration: none; color:#D81E05; background-color:#FBF9B3; font-weight:bold;  }

/* increased specificity here for the TH element */
.THclass th a:link     { text-decoration: underline; color:#FCEE04; font-weight:bold; }
.THclass th a:visited  { text-decoration: underline; color:#FCEE04; font-weight:bold; }
.THclass th a:active   { text-decoration: underline; color:#FCEE04; font-weight:bold; }
.THclass th a:hover    { text-decoration: none; color:#D81E05; background-color:#FBF9B3; font-weight:bold;  }



/* TreeView */
.TreeClass  { font-family: Georgia, "Times New Roman", Times, serif; color:#FCEE04; font-weight:bold; }
.TreeClass A:link     { text-decoration: underline; color:#FCEE04; font-weight:bold; }
.TreeClass A:visited  { text-decoration: underline; color:#FCEE04; font-weight:bold; }
.TreeClass A:hover    { text-decoration: none; color:#D81E05; background-color:#FBF9B3; font-weight:bold;  }
.TreeClass A:active   { text-decoration: underline; color:#FCEE04; font-weight:bold; }

.Level0         { font-size: 12pt; font-weight: bold; }
.Level0 input   { font-size: 12pt; font-weight: bold; }

.Level1         { font-size: 11pt; font-weight: normal; }
.Level1 input   { font-size: 11pt; font-weight: normal; }
.Level1 A:link     { text-decoration: underline; color:black; font-weight:normal; }
.Level1 A:visited  { text-decoration: underline; color:black; font-weight:normal; }
.Level1 A:active   { text-decoration: underline; color:black; font-weight:normal; }
.Level1 A:hover    { text-decoration: none; color:#FCEE04; background-color:#009E49; font-weight:normal;  }

.Level2         { font-size: 10pt;  font-weight: normal; }
.Level2 input   { font-size: 10pt;  font-weight: normal; }
.Level2 A:link     { text-decoration: underline; color:black; font-weight:normal; }
.Level2 A:visited  { text-decoration: underline; color:black; font-weight:normal; }
.Level2 A:active   { text-decoration: underline; color:black; font-weight:normal; }
.Level2 A:hover    { text-decoration: none; color:#FCEE04; background-color:#009E49; font-weight:normal;  }

.Level3         { font-size: 9pt;  font-weight: normal;  }
.Level3 input   { font-size: 9pt;  font-weight: normal; }
.Level3 A:link     { text-decoration: underline; color:black; font-weight:normal; }
.Level3 A:visited  { text-decoration: underline; color:black; font-weight:normal; }
.Level3 A:active   { text-decoration: underline; color:black; font-weight:normal; }
.Level3 A:hover    { text-decoration: none; color:#FCEE04; background-color:#009E49; font-weight:normal;  }

.Level4         { font-size: 8pt;  font-weight: normal; }
.Level4 input   { font-size: 8pt;  font-weight: normal; }
.Level4 A:link     { text-decoration: underline; color:black; font-weight:normal; }
.Level4 A:visited  { text-decoration: underline; color:black; font-weight:normal; }
.Level4 A:active   { text-decoration: underline; color:black; font-weight:normal; }
.Level4 A:hover    { text-decoration: none; color:#FCEE04; background-color:#009E49; font-weight:normal;  }

.EditingLabel   {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight:normal;
    font-variant:small-caps
}


.EditButtonClass     { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 7pt !Important;  border-style:Solid; font-weight:normal !Important; }

.EditButton {
    Font-Size: 8pt  !Important;
    Width: 45px;
    Height: 20px;
}

.EditButtonNoWidth {
    Font-Size: 8pt;
    Height: 22px;
}

.EditButtonSml {
    Font-Size: 7pt;
    Width: 40px;
    Height: 17px;
}




.ItalicPrompt
{
    font-size: smaller;
    font-style: italic;
    text-decoration: underline;
}


.GridViewLinkClass        { color: inherit; }
a.GridViewLinkClass:link     { text-decoration: none; color:black; background: none; font-weight:normal; }
a.GridViewLinkClass:visited  { text-decoration: none; color:black; background: none; font-weight:normal; }
a.GridViewLinkClass:active   { text-decoration: none; color:black; background: none; font-weight:normal; }
a.GridViewLinkClass:hover    { text-decoration: none; color:#D81E05; background: none; font-weight:bold;  }


.cblLeftAlign       { text-align:left }

.divCentre          {
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	/* padding:15px; */
}


/* Panel styles */
.PanelStyleG   
{   /* green border */
    font-family: Tahoma,Arial, Helvetica, sans-serif;
	border-color:#009E49;           
	border-style:solid;
    border-collapse: collapse;
	border-width:1px;
	background-color: #FFFFF4;
}
.PanelStyleR
{
    /* #D81E05 border */
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    border-color: #D81E05;
    border-style: solid;
    border-collapse: collapse;
    border-width: 1px;
    background-color: #FFFFEE;
    /* line-height: 18px; */
}
.PanelStyleDP   
{   /* TCS dark pink border */
    font-family: Tahoma,Arial, Helvetica, sans-serif;
	border-color:#FED172;           
	border-style:solid;
    border-collapse: collapse;
	border-width:1px;
	background-color: transparent;
}


/* use for items to be hidden normally, but to be displayed when printing (via print.css) */
.PrintShow {              
       display:none;                     /*     visibility:hidden;        */
}