/* ========================================
   CSS Styles for WriteAtHome-Blue
   ======================================== */


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg  { 
  background-color: white;
}

/* background color for the content part of the pages */
Body  { 
    font-family: Helvetica, Verdana, Tahoma, Arial, Geneva;
    font-size: 10pt;
    background-color: white;
}

/* background/border colors for the selected tab */
.TabBg  { 
  background-color: #DDDDDD;
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab  { 
  font-family: Tahoma, Arial, Helvetica;
  font-size: 8.5pt;
  font-weight: bold;
  color: black;
  text-decoration: none;
}

/* hyperlink style for the selected tab */
A.SelectedTab:link  { 
  color: black;
  text-decoration: none;
}

A.SelectedTab:visited  { 
  color: black;
  text-decoration: none;
}

A.SelectedTab:active   { 
  color: #dadada;
  text-decoration: none;
}

A.SelectedTab:hover   { 
  color: blue;
  text-decoration: none;
}

.MenuBar{ 
  font-family: Tahoma, Arial, Helvetica;
  font-size: 8.5pt;
  font-weight: bold;
  color: #eeeeee;
  background-color: #999999;
  text-decoration: none;
}

A.MenuBar:link  { 
  color: #eeeeee;
  text-decoration: none;
}

A.MenuBar:visited  { 
  color: #eeeeee;
  text-decoration: none;
}

A.MenuBar:active   { 
  color: white;
  text-decoration: none;
}

A.MenuBar:hover   { 
  color: Navy;
  text-decoration: none;
}

.HeaderBar{ 
  font-family: Tahoma, Arial, Helvetica;
  font-size: 8.5pt;
  font-weight: bold;
  color: Black;
  background-color: white;
  text-decoration: none;
}

A.HeaderBar:link  { 
  color: Black;
  text-decoration: none;
}

A.HeaderBar:visited  { 
  color: Black;
  text-decoration: none;
}

A.HeaderBar:active   { 
  color: Black;
  text-decoration: none;
}

A.HeaderBar:hover   { 
  color: Blue;
  text-decoration: none;
}

.FooterBar{ 
  font-family: Tahoma, Arial, Helvetica;
  font-size: 7pt;
  color: Black;
  background-color: white;
  text-decoration: none;
}

A.FooterBar:link  { 
  color: Black;
  text-decoration: none;
}

A.FooterBar:visited  { 
  color: Black;
  text-decoration: none;
}

A.FooterBar:active   { 
  color: Black;
  text-decoration: none;
}

A.FooterBar:hover   { 
  color: Blue;
  text-decoration: none;
}

.FooterBlue{ 
  font-family: Tahoma, Arial, Helvetica;
  font-size: 7pt;
  font-weight: bold; 
  color: white;
  background-color: #003399;
  text-decoration: none;
}

A.FooterBlue:link  { 
  color: #FFCC00;
  text-decoration: none;
}

A.FooterBlue:visited  { 
  color: #FFCC00;
  text-decoration: none;
}

A.FooterBlue:active   { 
  color: #FFCC00;
  text-decoration: none;
}

A.FooterBlue:hover   { 
  color: #FFEE66;
  text-decoration: none;
}

/* text style for the unselected tabs */
.OtherTabs  { 
  font-family: Tahoma, Arial, Helvetica;
  font-size: 8.5pt;
  font-weight: bold;
  color: black;
  text-decoration: none;
}

/* hyperlink style for the unselected tabs */
A.OtherTabs:link  { 
  color: black;
  text-decoration: none;
}

A.OtherTabs:visited  { 
  color: black;
  text-decoration: none;
}

A.OtherTabs:active   { 
  color: #dadada;
  text-decoration: none;
}

A.OtherTabs:hover   { 
  color: blue;
  text-decoration: none;
}

/* JEFF's CUSTOM */
/* Traditional GREEN */
.v3GreenTitle   { 
  font-family: Helvetica, Arial, Tahoma, Geneva;
  font-size: 16pt;
  font-weight: normal;
  color: #008600;
}
.v3GreenSubtitle   { 
  font-family: Helvetica, Arial, Tahoma, Geneva;
  font-size: 12pt;
  font-weight: bold;
  color: #008600;
}
.v3GreenRegular   { 
  font-family: Helvetica, Arial, Tahoma, Geneva;
  font-size: 12pt;
  font-weight: normal;
  color: #008600;
}
.v3GreenLight   { 
  font-family: Helvetica, Arial, Tahoma, Geneva;
  font-size: 12pt;
  font-weight: normal;
  color: #00b700;
}

/* PayPerPaper BLUE */
.v3BlueTitle   { 
  font-family: Helvetica, Arial, Tahoma, Geneva;
  font-size: 16pt;
  font-weight: normal;
  color: #012c4e;
}
.v3BlueSubtitle   { 
  font-family: Helvetica, Arial, Tahoma, Geneva;
  font-size: 12pt;
  font-weight: bold;
  color: #034983;
}
.v3BlueRegular   { 
  font-family: Helvetica, Arial, Tahoma, Geneva;
  font-size: 12pt;
  font-weight: normal;
  color: #034983;
}
.v3BlueLight   { 
  font-family: Helvetica, Arial, Tahoma, Geneva;
  font-size: 12pt;
  font-weight: normal;
  color: #0566b7;
}
.v3BlueSmallBold   { 
  font-family: Helvetica, Arial, Tahoma, Geneva;
  font-size: 10pt;
  font-weight: bold;
  color: #034983;
}
.v3BlueSmall   { 
  font-family: Helvetica, Arial, Tahoma, Geneva;
  font-size: 10pt;
  font-weight: normal;
  color: #034983;
}
/* Account RED */
.v3RedTitle   {
	font-family: Helvetica, Arial, Tahoma, Geneva;
	font-size: 16pt;
	font-weight: normal;
	color: #b10000;
}
.v3RedSubtitle   { 
  font-family: Helvetica, Arial, Tahoma, Geneva;
  font-size: 12pt;
  font-weight: bold;
  color: #b10000;
}
.v3RedRegular   { 
  font-family: Helvetica, Arial, Tahoma, Geneva;
  font-size: 12pt;
  font-weight: normal;
  color: #b10000;
}
.v3RedLight   { 
  font-family: Helvetica, Arial, Tahoma, Geneva;
  font-size: 12pt;
  font-weight: normal;
  color: #ca0000;
}

/* Other Gold */
.v3GoldTitle   { 
  font-family: Helvetica, Arial, Tahoma, Geneva;
  font-size: 16pt;
  font-weight: normal;
  color: #98690e;
}
.v3GoldSubtitle   { 
  font-family: Helvetica, Arial, Tahoma, Geneva;
  font-size: 12pt;
  font-weight: bold;
  color: #98690e;
}
.v3GoldRegular   { 
  font-family: Helvetica, Arial, Tahoma, Geneva;
  font-size: 12pt;
  font-weight: normal;
  color: #98690e;
}
.v3GoldLight   { 
  font-family: Helvetica, Arial, Tahoma, Geneva;
  font-size: 12pt;
  font-weight: normal;
  color: #ca9013;
}

/* Other Gray */
.v3GrayTitle   { 
  font-family: Helvetica, Arial, Tahoma, Geneva;
  font-size: 16pt;
  font-weight: normal;
  color: #5a7b86;
}
.v3GraySubtitle   { 
  font-family: Helvetica, Arial, Tahoma, Geneva;
  font-size: 12pt;
  font-weight: bold;
  color: #5a7b86;
}
.v3GrayRegular   { 
  font-family: Helvetica, Arial, Tahoma, Geneva;
  font-size: 12pt;
  font-weight: normal;
  color: #5a7b86;
}
.v3GrayLight   { 
  font-family: Helvetica, Arial, Tahoma, Geneva;
  font-size: 12pt;
  font-weight: normal;
  color: #729ba3;
}
.v3GraySmall   { 
  font-family: Helvetica, Arial, Tahoma, Geneva;
  font-size: 10pt;
  font-weight: normal;
  color: #5a7b86;
}
.v3GrayStrikeThru   {
	font-family: Helvetica, Arial, Tahoma, Geneva;
	font-size: 10pt;
	font-weight: normal;
	color: #729ba3;
	text-decoration: line-through;
}


/* Other Black */
.v3BlackTitle   { 
  font-family: Helvetica, Arial, Tahoma, Geneva;
  font-size: 16pt;
  font-weight: normal;
  color: #343330;
}
.v3BlackSubtitle   { 
  font-family: Helvetica, Arial, Tahoma, Geneva;
  font-size: 12pt;
  font-weight: bold;
  color: #343330;
}
.v3BlackRegular   { 
  font-family: Helvetica, Arial, Tahoma, Geneva;
  font-size: 12pt;
  font-weight: normal;
  color: #343330;
}
.v3BlackLight   { 
  font-family: Helvetica, Arial, Tahoma, Geneva;
  font-size: 12pt;
  font-weight: normal;
  color: #484743;
}
.v3BlackSmallBold   { 
  font-family: Helvetica, Arial, Tahoma, Geneva;
  font-size: 10pt;
  font-weight: bold;
  color: #343330;
}
.v3BlackSmall   { 
  font-family: Helvetica, Arial, Tahoma, Geneva;
  font-size: 10pt;
  font-weight: normal;
  color: #343330;
}

/* Other White */
.v3WhiteTitle   { 
  font-family: Helvetica, Arial, Tahoma, Geneva;
  font-size: 16pt;
  font-weight: normal;
  color: #f3f4f5;
}
.v3WhiteSubtitle   { 
  font-family: Helvetica, Arial, Tahoma, Geneva;
  font-size: 12pt;
  font-weight: bold;
  color: #f3f4f5;
}
.v3WhiteRegular   { 
  font-family: Helvetica, Arial, Tahoma, Geneva;
  font-size: 12pt;
  font-weight: normal;
  color: #fcfcfc;
}
.v3GrayButton   {
	font-family: Helvetica, Arial, Tahoma, Geneva;
	font-size: 8pt;
	font-weight: normal;
	color: #484743;
	background-color: #CCCCCC;
	border: thin outset #999999;
	text-transform: none;
	font-variant: small-caps;
	vertical-align: middle;
	padding-right: 2px;
	padding-left: 2px;
	height: auto;
	width: auto;
	margin-top: 2px;
	margin-bottom: 2px;
}
.v3IllustratedButton   {
	font-family: Helvetica, Arial, Tahoma, Geneva;
	font-size: 9pt;
	font-weight: normal;
	color: #484743;
	background-color: #CCCCCC;
	text-transform: none;
	font-variant: small-caps;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}



/* GENERAL */
/* style for module titles */
.Head   { 
  font-family: Verdana, Helvetica, Tahoma, Arial, Geneva;
  font-size: 12pt;
  font-weight: bold;
  color: #000000;

}

/* style of item titles on edit and admin pages */
.SubHead   { 
  font-family: Tahoma, Arial, Helvetica;
  font-size: 10pt;
  font-weight: bold;
  color: navy;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead  { 
  font-family: Verdana, Helvetica, Tahoma, Arial, Geneva;
  font-size: 8pt;
  font-weight: bold;
  color: #000000;
}

/* text style used for most text rendered by modules */
.Normal  { 
  font-family: Helvetica, Verdana, Tahoma, Arial, Geneva;
  font-size: 10pt;
  font-weight: normal;

}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox  { 
  font-family: Helvetica, Verdana, Tahoma, Arial, Geneva;
  font-size: 10pt;
  font-weight: normal;
}

.NormalRed  { 
  font-family: Helvetica, Verdana, Tahoma, Arial, Geneva;
  font-size: 10pt;
  font-weight: bold;
  color: #ff0000;
}

.NormalBold  { 
  font-family: Helvetica, Verdana, Tahoma, Arial, Geneva;
  font-size: 10pt;
  font-weight: bold;
}
/* text style used for error messages */
.ErrorText  { 
  font-family: Helvetica, Verdana, Tahoma, Arial, Geneva;
  font-size: 10pt;
  font-weight: bold;
  color: #ff0000;
}
/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton   { 
  font-family: Tahoma, Arial, Helvetica;
  font-size: 11pt;
  font-weight: normal;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link  { 
  color: #003366;
  text-decoration: underline;
}

A.CommandButton:visited  { 
  color: #003366;
  text-decoration: underline;
}

A.CommandButton:active   { 
  color: #003366;
  text-decoration: underline;
}

A.CommandButton:hover   { 
  color: #ff0000;
  text-decoration: underline;
}

/* GENERIC */
P    {
    font-family: Helvetica, Verdana, Tahoma, Arial, Geneva;
    font-size: 10pt;
    font-weight: normal; 
}

H1  { 
  font-family: Verdana, Helvetica, Tahoma, Arial, Geneva;
  font-size: 12pt;
  font-weight: bold;
  color: #000000;
}

H2  { 
  font-family: Verdana, Helvetica, Tahoma, Arial, Geneva;
  font-size: 10pt;
  font-weight: bold;
  color: #000000;
}

H3  { 
  font-family: Verdana, Helvetica, Tahoma, Arial, Geneva;
  font-size: 8pt;
  font-weight: bold;
  color: #000000;
}

H4  { 
  font-family: Helvetica, Verdana, Tahoma, Arial, Geneva;
  font-size: 12pt;
  font-weight: bold;
  color: #4D33CC;
}

H5, DT  { 
  font-family: Helvetica, Verdana, Tahoma, Arial, Geneva;
  font-size: 11pt;
  font-weight: bold;
  color: #4D33CC;
}

H6  { 
  font-family: Helvetica, Verdana, Tahoma, Arial, Geneva;
  font-size: 10pt;
  font-weight: bold;
  color: #4D33CC;
}

TFOOT, THEAD   { 
  font-family: Helvetica, Verdana, Tahoma, Arial, Geneva;
  font-size: 12pt;
}

TH  { 
    vertical-align: baseline;
  font-family: Helvetica, Verdana, Tahoma, Arial, Geneva;
  font-size: 12pt;
  font-weight: bold;
}

TBODY    {
    font-family: Helvetica, Verdana, Tahoma, Arial, Geneva;
    font-size: 10pt;
}

A:link  { 
  color: black;
  text-decoration: underline;
}

A:visited   { 
  color: black;
  text-decoration: underline;
}

A:active   { 
  color: black;
  text-decoration: none;
}

A:hover  { 
  color: navy;
  text-decoration: underline;
}

SMALL   { 
  font-size: 8pt;
}

BIG  { 
  font-size: 14pt;
}

BLOCKQUOTE, PRE  { 
  font-family: Lucida Console, monospace;
}

UL LI   { 
    list-style-type:    square ;
    font-family: Helvetica, Verdana, Tahoma, Arial, Geneva;
    font-size: 10pt;
}

UL LI LI   { 
    list-style-type:    disc;
    font-family: Helvetica, Verdana, Tahoma, Arial, Geneva;
    font-size: 10pt;
}

UL LI LI LI  { 
    list-style-type:    circle;
    font-family: Helvetica, Verdana, Tahoma, Arial, Geneva;
    font-size: 10pt;
}

OL LI   { 
    list-style-type:    decimal;
    font-family: Helvetica, Verdana, Tahoma, Arial, Geneva;
    font-size: 10pt;
}

OL OL LI   { 
    list-style-type:    lower-alpha;
    font-family: Helvetica, Verdana, Tahoma, Arial, Geneva;
    font-size: 10pt;
}

OL OL OL LI  { 
    list-style-type:    lower-roman;
    font-family: Helvetica, Verdana, Tahoma, Arial, Geneva;
    font-size: 10pt;
}

HR  { 
  color: #cccccc;
  text-align: left;
}

/* MODULE-SPECIFIC */
/* Generic style for module content titles */
.ContentHead   { 
  font-family: Verdana, Helvetica, Tahoma, Arial, Geneva;
  font-size: 12pt;
  font-weight: bold;
  color: #000000;
}

/* Generic style for module content sub-titles */
.ContentSubHead   { 
  font-family: Tahoma, Arial, Helvetica;
  font-size: 11pt;
  font-weight: normal;
  color: #000000;
}

/* Generic style for module content input field names */
.FormFieldName   { 
  font-family: Tahoma, Arial, Helvetica;
  font-size: 9pt;
  font-weight: bold;
  color: #000000;
}
.FormSubHead	{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11pt;
	font-weight: bold;
	color: #000000;
	background-color: #999999;
}
.FormMessage   { 
	background-color: #F5F5F5;
}

/* text style for Category Selection Box in Store*/
.CategorySelect  { 
  font-family: Tahoma, Arial, Helvetica, Geneva;
  font-size: 8.5pt;
  font-weight: bold;
  background-color: #f7f7f7;
  color: #000000;
}
.CategorySelected  { 
  font-family: Tahoma, Arial, Helvetica, Geneva;
  font-size: 8.5pt;
  font-weight: bold;
  background-color: #999999;
  color: #EEEEEE;
}
.SCChart {
	font-size: 8pt;
	background-color: #FFFFFF;
	color: #999999;
}
.SCChartHiLite {
	font-size: 8pt;
	font-weight: normal;
	background-color: #EEEEEE;
	color: #000000;
}

/* text style for Mini Cart in Store */
.MiniCart  { 
  font-family: Arial, Helvetica, Tahoma, Geneva;
  font-size: 7pt;
  font-weight: normal;
  color: #000000;
}
.MiniCartBold  { 
  font-family: Arial, Helvetica, Tahoma, Geneva;
  font-size: 8pt;
  font-weight: bold;
  color: #000000;
}

/* text style for reading messages in Discussion */    
.Message   { 
  background-color: #eeeeee;
  font-family: Tahoma, Arial, Helvetica;
  font-size: 11px;
  font-weight: normal;
}

/* css for faq */
.Question	{
  font-family: Tahoma, Arial, Helvetica;
  font-size: 11px;
  font-weight: bold;
}	
A.Question:link	{
	color: Black;
}
A.Question:visited	{
	color: Black;
}
A.Question:active	{
	color: Black;
}
A.Question:hover	{
	color: Navy;
}

.Answer		{
  font-family: Tahoma, Arial, Helvetica;
  font-size: 11px;
  font-weight: normal;
}	

/* style of item titles by Announcements and events */
.ItemTitle   { 
  font-family: Tahoma, Arial, Helvetica;
  font-size: 11px;
  font-weight: bold;
  color: #4D33CC;
}

.SiteTitle   { 
  font-family: Tahoma, Arial, Helvetica;
  font-size: 24px;
  font-weight: bold;
  color: #FFFFFF;
}
A.SiteTitle:link  { 
  font-family: Tahoma, Arial, Helvetica;
  font-size: 24px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}

A.SiteTitle:visited  { 
  font-family: Tahoma, Arial, Helvetica;
  font-size: 24px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}

A.SiteTitle:active   { 
  font-family: Tahoma, Arial, Helvetica;
  font-size: 24px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}

A.SiteTitle:hover   { 
  font-family: Tahoma, Arial, Helvetica;
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}

/* css for orgchart */
TD.orgname {border: 1 solid gray;padding-left: 2pt;padding-top: 2pt;
            padding-bottom: 2pt;padding-right: 2pt;width:120px;height:50px;}
TD.orgactive {border: 2 solid red;padding-left: 2pt;padding-top: 2pt;
              padding-bottom: 2pt;padding-right: 2pt;width:120px;height:50px;}
TD.org3top {border-left: 1 solid gray;border-bottom: 1 solid gray;width:10px;}
TD.org3bot {border-left: 1 solid gray;width:10px;}
TD.org3spacertop {border-left: 1 solid gray;}
TD.org2left {border-right: 1 solid gray;border-top: 1 solid gray;width:10px;}
TD.org2right {border-top: 1 solid gray;border-left: 1 solid gray;width:10px;}
TD.org2spacerright {border-top: 1 solid gray;width:15px;}              
TD.org3spacerright {width:10px;}
TD.org1left {border-right: 1 solid gray;}
TD.org1right {border-left: 1 solid gray;}
P.orgname {font-family:arial;font-size:8pt;color:gray;
           margin-top:0pt;margin-bottom:0pt;}
P.orgjob {font-family:arial;font-size:8pt;color:gray;
          margin-top:0pt;margin-bottom:0pt;}

/* css from Bear */
.title {
	FONT-SIZE: 12pt; COLOR: #660000; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, Geneva
}
.red {
	FONT-SIZE: 10pt; COLOR: #660000; FONT-FAMILY: Helvetica, Verdana, Tahoma, Arial, Geneva
}
.grey {
	COLOR: #b1b1b1; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica, Geneva
}
.white {
	FONT-SIZE: 10pt; COLOR: silver; FONT-FAMILY: Helvetica, Verdana, Tahoma, Arial, Geneva
}
.small {
	FONT-SIZE: 8pt; 
	COLOR: black; 
	FONT-FAMILY: Helvetica, Verdana, Tahoma, Arial, Geneva
}
.smallbold {
	FONT-SIZE: 8pt; 
	COLOR: black; 
	FONT-FAMILY: Helvetica, Verdana, Tahoma, Arial, Geneva;
	font-weight: bold
}
.xlsmall {
	FONT-SIZE: 7pt; COLOR: black; FONT-FAMILY: Helvetica, Verdana, Tahoma, Arial, Geneva
}
.smallgrey {
	FONT-SIZE: 8pt; COLOR: #808080; FONT-FAMILY: Helvetica, Verdana, Tahoma, Arial, Geneva
}
.smallred {
	FONT-SIZE: 8pt; COLOR: #660000; FONT-FAMILY: Helvetica, Verdana, Tahoma, Arial, Geneva
}
.smallwhite {
	FONT-SIZE: 8pt; COLOR: silver; FONT-FAMILY: Helvetica, Verdana, Tahoma, Arial, Geneva
}
.date {
	FONT-SIZE: 10pt; FONT-FAMILY: Helvetica, Verdana, Tahoma, Arial, Geneva
}
A.smallLink {
	FONT-SIZE: 8pt; COLOR: #660000
}
A.smallLink:link {
	FONT-SIZE: 8pt; COLOR: #660000
}
A.smallLink:active {
	FONT-SIZE: 8pt; COLOR: #660000
}
A.smallLink:hover {
	FONT-SIZE: 8pt; COLOR: blue
}
A.smallLink:unknown {
	FONT-SIZE: 8pt; COLOR: teal
}
A.greyLink {
	FONT-SIZE: 8pt; COLOR: #808080; FONT-FAMILY: Helvetica, Verdana, Tahoma, Arial, Geneva
}
A.greyLink:link {
	FONT-SIZE: 8pt; COLOR: #808080; FONT-FAMILY: Helvetica, Verdana, Tahoma, Arial, Geneva
}
A.greyLink:active {
	FONT-SIZE: 8pt; COLOR: #808080; FONT-FAMILY: Helvetica, Verdana, Tahoma, Arial, Geneva
}
A.greyLink:hover {
	FONT-SIZE: 8pt; COLOR: blue; FONT-FAMILY: Helvetica, Verdana, Tahoma, Arial, Geneva
}
A.whiteLink {
	COLOR: silver
}
A.whiteLink:link {
	COLOR: silver
}
A.whiteLink:active {
	COLOR: silver
}
A.whiteLink:hover {
	COLOR: blue
}
.darkLink {
	COLOR: #660000;
}
A.darkLink {
	COLOR: #660000;
}
A.darkLink:link {
	COLOR: #660000;
}
A.darkLink:active {
	COLOR: #660000;
}
A.darkLink:hover {
	COLOR: navy
}
A.smallwhite {
	FONT-SIZE: 8pt; COLOR: silver
}
A.smallwhite:link {
	FONT-SIZE: 8pt; COLOR: silver
}
A.smallwhite:active {
	FONT-SIZE: 8pt; COLOR: silver
}
A.smallwhite:hover {
	FONT-SIZE: 8pt; COLOR: blue
}