/*
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Remember that this is used for the old classic asp pages so there 
are differences between this and the style sheets for Connections
and the new aspx pages.  Most changes should be to the style 
sheets in the theme folders.
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

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  
*/

body
{ 
    font-family: Verdana, Arial, sans-serif; 
    margin: 1px; 
}

/* 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.HomeBase     { font-family: Verdana, Arial, sans-serif; 
                    margin-left : auto; margin-right : auto; 
                    margin-bottom : 2px; margin-top : 2px;
                    width: 800px; background-color: #aaaaaa;
                    }
body.Prime        { font-family: Verdana, Arial, sans-serif; 
                    margin-left : auto; margin-right : auto; 
                    margin-bottom : 2px; margin-top : 2px;
                    width: 800px; background-color: #ffffff;
                    }

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;}

div.PtDivScroll
{
/*
This is to correspond to Connections pages that use 
the MP_Plain master page.  The primary client/free
area is 800px wide so the width for this has to 
be under 800.  The height was chosen to fit on a typical laptop 
at 1280x800 resolution and still have room around it for things 
like a banner and some other client room.
Override the height if needed.
'margin:auto' centers contents
*/
    width:785px; height:350px;
    margin:auto;
    overflow:auto; 
}

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: 90px; }
td.HeaderSpace2   { width: 90px; 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: 90px; 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; }
  td.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; }

.hlWarning
{
    background-color: #D87093;
}

.SpecialMessage      
{
    margin: 10px 50px 10px 50px;
    font-size: 12pt; font-weight: bold; 
    color: #B70050; 
    text-align:center;
}

.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 */

