/*
ProStyle.css

http://www.w3schools.com/css/default.asp

colors
http://www.w3schools.com/html/html_colornames.asp

hex      Standard Name   My Name 
------   --------------  --------------
000000 = Black               
0000ff = Blue
00ff00 = Lime
ff0000 = Red            
ffffff = White          
000066 =                 navy blue 
003399 =                 medium blue
006633 =                 forest green
333333 =                 very dark gray
3CB371 = MediumSeaGreen 
999999 =                 light grey
D87093 = PaleVioletRed  
*/

/* The order of these link pseudo-classes is important! */
a:link    { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover   { text-decoration: underline; }
a:active  { text-decoration: underline; }

body              { font-family: Verdana, Arial, sans-serif; margin: 1px; }
body.HomeBase     { font-family: Verdana, Arial, sans-serif; 
                    margin-left : auto; margin-right : auto; 
                    margin-bottom : 2px; margin-top : 2px;
                    width: 900px; background-color: #aaaaaa;
                    }

div               { font-size: small; text-align: center; }
div.center        { font-size: small; text-align: center; }
div.MrgnCntr      { font-size: small; text-align: center; margin-left: 40px; margin-right: 40px; }
div.MrgnLeft      { font-size: small; text-align: left; width:800px; margin-left: auto; margin-right: auto; }
div.HomeBase      { background-color: White;}

h3.center         { text-align: center; }
img.NoBorder      { border: 0; }
select            { color: Black; }
table             { font-size: small; margin-left: auto; margin-right: auto; }
table.LeftJustify { margin-left: 0px; }
td.HeaderSpace1   { width: 80px; }
td.HeaderSpace2   { width: 80px; height: 90px; }
td.HdrSpaceLogo   { width: 275px; } /* This comes from the width of the PT Logo */
td.HdrSpaceFillM  { width: 195px; }  /* This comes from the width of the PT Logo - the PT Menu */
td.HdrSpaceMenu   { width: 80px; height: 90px; } /* This comes from the width of the PT Menu */
span.title        { outline-color:red; outline-width:1px; outline-style:dashed; }

@media screen {
  select          { background-color: #eaeeee; }
  tr.Header       { background-color: #e0dfe3; }
  tr.HeaderBlock  { background-color: #cccccc; }

  /* Other than the yellow color, the rest of these are dummy selectors.
     The significant usage is in PrintStyle.css */
  tr.Highlight          { background-color: Yellow; }
  tr.Highlight td       { background-color: inherit; }
  tr.Highlight td.left  { background-color: inherit; }
  tr.Highlight td.right { background-color: inherit; }
}

.PTNewsSource       { font-size: 7pt;  color: #999999; }

.NavMenuBlue        { font-size: 8pt;  color: Blue;    }
.PTNewsBody         { font-size: 8pt;  color: #003399; }
.NavMenuGreen       { font-size: 8pt;  color: #006633; }
.PTError            { font-size: 8pt;  color: Red;     }
.NavMenuWhite       { font-size: 8pt;  color: White;   }

.PTregulartext      { font-size: 10pt; color: Black;   }
.PTregularRedB      { font-size: 10pt; color: Red;     font-weight: bold; }
.PTSubHeadMedGreen  { font-size: 10pt; color: #3CB371; font-weight: bold; }
.PT10GreenBold      { font-size: 10pt; color: Green;   font-weight: bold; }
.PTSubHeadPaleRed   { font-size: 10pt; color: #D87093; font-weight: bold; }
					  
.PTHeader           { font-size: 12pt; color: #333333; font-weight: bold; }
.PT_DAVE            { font-size: 12pt; color: Blue;    font-weight: bold; }
.PTHeader2          { font-size: 12pt; color: #000066; font-weight: bold; }
.PTHeader1          { font-size: 12pt; color: #006633; font-weight: bold; }
.PTHeaderPaleRed    { font-size: 12pt; color: #D87093; font-weight: bold; }
.PTHeaderRed        { font-size: 12pt; color: Red;     font-weight: bold; }

.PTHeader16Green    { font-size: 16pt; color: #006633; font-weight: bold; }

.textBlock          { text-align:left; text-indent:30px; width:800px }

.regular  { font-size: small; }
.Size85   { font-size: 85%; }
.Size90   { font-size: 90%; }
.small,
.xsmall   { font-size: x-small; }
.tiny,
.xxsmall  { font-size: xx-small; }
.tinyred  { font-size: xx-small; color: Red; }

/* 
the following needs a second css with media type print eg 
  <link rel="stylesheet" type="text/css" href="/inc/ProStyle.css" >
  <link rel="stylesheet" type="text/css" href="/inc/PrintStyle.css" media="print" title="Standard" >
*/

.PrintOnly  { display: none; }  /* print, but do not display on the screen */
