/*** Common Classes for Pinkham Pianos ***/
body { background-color: white; color: black; margin: 0px; font-family: arial,helvetica,sans-serif; font-size: 1em; } 

form { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

a img{ border:0; } 

td            { text-align: left;   font-family: arial,helvetica,sans-serif; font-size: 0.8em; font-weight: normal; color: black; background-color: white; }
.Header       { text-align: left;   font-family: arial,helvetica,sans-serif; font-size: 0.8em; font-weight: normal; color: black; background-color: white; }
.HeaderCentre { text-align: Center; font-family: arial,helvetica,sans-serif; font-size: 0.8em; font-weight: normal; color: black; background-color: white; }
.HeaderRight  { text-align: Right;  font-family: arial,helvetica,sans-serif; font-size: 0.8em; font-weight: normal; color: black; background-color: white; }
.Border       { text-align: left;   font-family: arial,helvetica,sans-serif; font-size: 0.8em; font-weight: normal; color: black; background-color: #EEEEEE; }
.tdleft       { text-align: left;   font-family: arial,helvetica,sans-serif; font-size: 0.8em; font-weight: normal; color: black; background-color: white; }
.HLinkLine 	  { text-align: center; padding: 0px 5px 0px 5px; text-decoration: none; font-size: 0.8em; background-image: url(blue.gif); background-repeat: repeat-x; }
.VLinkLine    { text-align: left; text-decoration: none; line-height: 150%; background-color: #FFFFFF; padding: 0px 0px 0px 5px; font-family: arial,helvetica,sans-serif; }

/*** Normal Links ***/
a:link    { font-family: arial,helvetica,sans-serif; font-size: 1.0em; font-weight: normal; color: blue; text-decoration: none; } 
a:visited { font-family: arial,helvetica,sans-serif; font-size: 1.0em; font-weight: normal; color: blue; text-decoration: none; } 
a:hover   { font-family: arial,helvetica,sans-serif; font-size: 1.0em; font-weight: normal; color: red;  text-decoration: underline; } 

/*** Horizontal Category Links ***/
.HLink:visited 	{ color: red;  text-decoration: none; }
.HLink:hover   	{ color: red;  text-decoration: none; }
.HLinks:visited { color: blue;  text-decoration: none; }
.HLinks:hover   { color: red;  text-decoration: underline; }

.HorizontalBorder { background-color: #EEEEEE; color: white; font-size: 0.8em; text-align: left; font-family: arial,helvetica,sans-serif; line-height: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-style: ridge; border-color: blue; border-width: 0px 0px 1px 0px; }

/*** Vertical Category Links  ***/
.VLink1    { text-align: left; text-decoration: none; line-height: 150%; background-color: #FFFFFF; padding: 0px 0px 0px 5px; font-family: arial,helvetica,sans-serif; }
.VLinks1    { text-align: left; text-decoration: none; line-height: 150%; background-color: #FFFFFF; padding: 0px 0px 0px 5px; font-family: arial,helvetica,sans-serif; }
.VLink:visited  { color: red;  text-decoration: none; }
.VLink:hover    { color: red;  text-decoration: none; }
.VLinks:visited { color: blue;  text-decoration: none; }
.VLinks:hover   { color: red;  text-decoration: underline; }

.HeaderBackground { background-color: white; color: #000099; font-size: 0.8em; font-family: arial,helvetica,sans-serif; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-style: ridge; border-color: blue; border-width: 0px 0px 0px 0px; }
.VerticalBorder { background-color: #EEEEEE; border-style: ridge; border-color: blue; border-width: 0px 0px 0px 0px; }
.VerticalBorderLower { position: fixed; top: 0; left: 0; width: 150px; background-color: #EEEEEE; border-style: ridge; border-color: blue; border-width: 0px 0px 0px 0px; }

.Left            { background-color: #F0F0F0; color: white; font-size: 0.8em; font-family: arial,helvetica,sans-serif; line-height: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-style: ridge; border-color: blue; border-width: 0px 1px 0px 0px; }
.LeftTop         { padding: 7px 7px 7px 7px; background-color: white; }
.BodyTitle       { padding: 7px 7px 7px 7px; background-color: white; }
.BodyText        { padding: 7px 7px 7px 7px; background-color: white; }
.RightText       { padding: 7px 7px 7px 7px; background-color: #F4F4F4; }
.MainLeftText    { padding: 7px 7px 7px 7px; background-color: #F8F8F8; }
.MainRightText   { padding: 7px 7px 7px 7px; background-color: #FBFBFB; }

.ContentText { padding: 5px 5px 15px 5px; background-color: white; }
.TempText { text-align: left; font-family: arial,helvetica,sans-serif; font-size: 0.8em; font-weight: normal; font-style: normal; color: Black; }
.FooterText { border-top: solid 2px #000099; background-color: white; text-align: left; font-family: arial,helvetica,sans-serif; font-size: 0.8em; font-weight: normal; font-style: normal; color: #000099; }
.fieldvalue { font-family: arial,helvetica,sans-serif; font-size: 0.8em; font-weight: normal; font-style: normal; color: black; text-decoration: none; }
.FormFields  { background-color: white; text-align: left; padding: 2px 0px 2px 5px; color: #000099; }
.FormButton  { background-color: white; text-align: center; color: #000099; font-family: arial,helvetica,sans-serif; font-size: 0.8em; font-weight: normal; margin-left: 5px}

.sectiontitle { font-family: arial,helvetica,sans-serif; font-size: 0.9em; font-weight: bold; font-style: normal; text-decoration: none; border: thick black; }
.fieldtitle   { font-family: arial,helvetica,sans-serif; font-size: 0.8em; font-weight: bold; font-style: normal; color: #004080; text-decoration: none; }

/*** Used in <p> tags to indent text within a section ***/
.sectioncontents { margin: 24px; }

.formfielddates { font-family: arial,helvetica,sans-serif; font-size: 0.8em; width: 80px; height: 20px; }  
.formfieldtextmed { font-family: arial,helvetica,sans-serif; font-size: 0.8em; width: 150px; height: 20px; } 
.formfieldtextlong { font-family: arial,helvetica,sans-serif; font-size: 0.8em; width: 300px; height: 20px; }
.formfieldcomputedtext { font-family: arial,helvetica,sans-serif; font-size: 0.8em; }

/*** Used specifically in the common subform Edit History ***/
.formedithistorytext { font-family: arial,helvetica,sans-serif; font-size: 0.8em; color: #0000FF; }
.formedithistorycomment { margin: 24px; font-family: arial,helvetica,sans-serif; font-size: 0.8em; color: red; }

H1 { font-weight: bold; font-size: 1.2em;    line-height: 100%; font-family: arial,helvetica,sans-serif; font-variant: normal; color: #000099; background-color: white; }
H2 { font-weight: bold;   font-size: 1.0em; line-height: 100%; font-family: arial,helvetica,sans-serif; font-variant: normal; color: #000099; background-color: white; }
H3 { font-weight: bold;   font-size: 1.0em;  line-height: 200%; font-family: arial,helvetica,sans-serif; font-variant: normal; color: #000099; background-color: white; }
H4 { font-weight: normal; font-size: 1.0em;  line-height: 200%; font-family: arial,helvetica,sans-serif; font-variant: normal; color: #000099; background-color: white; }
H5 { font-weight: bold;   font-size: 1.0em;  line-height: 110%; font-family: arial,helvetica,sans-serif; font-variant: normal; color: #000099; background-color: white; }
H6 { font-weight: normal; font-size: 1.0em;  line-height: 110%; font-family: arial,helvetica,sans-serif; font-variant: normal; color: #000099; background-color: white; }

UL.Nav   { list-style:    url(webtick.jpg) disc; content: "-"; }
UL.Left  { list-style: None; background: None; padding: 6px; line-height: 100%; }
LI.Left  { list-style: None; background: None; line-height: 100%; }
LI.Blank { list-style: None; background: None; line-height: 100%; } 

