/* ================================
    CSS STYLES FOR P2P PORTAL 
    v 2.0, 01/2003
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
    background-color: midnightblue;
    background-image: url(../images/bars.gif);   
    padding-left:10px; 
}
.TopLeft
{
	background-color: NAVY;
}
.TopRight
{
	background-color: NAVY;
}
/* background color for the content part of the pages */
Body
{
    background-color: #F4F5F8;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;     
}
.ModuleBorder {
    border-color: darkslateblue;
    border-width:0pt;
    border-style:solid;
    padding-bottom:10px;
}
.ModuleBackground {
    background-color: darkslateblue;
    border-bottom-color: #6B78BA;
    border-bottom-width: 1pt;
    border-bottom-style:solid;     
}
.SiteBackground
{
   background-color: #F4F5F8;
}
.LeftBackground
{
   background-color: #F4F5F8;
}
.VSeparatorBackground
{
    background-color: #F4F5F8; 
    width:3px;
}
.HSeparatorBackground
{
    background-color: #F4F5F8; 
    width:3px;
}
.hr
{
    height: 1.5pt;
    text-align:left;
    color:blue;
    width:100%;
    background-color: darkslateblue;
}
/* PAGE BANNER */
/* NOTE: Site Title, Site Links and Tabs are rendered by MobilePortalBanner.ascx
/* style for the text of the site title */
.SiteTitle
{
	font-weight: bold;
	font-size: 26px;
	height: 40px;
	color: #E6E6FA;
	font-family:  Verdana Bold, Helvetica, sans-serif;
	text-align: right;
	letter-spacing: 1pt; 
}
.SiteSubTitle
{
	font-weight: bold;
	font-size: 18px;
	height: 28px;
	color: #E6E6FA;
	font-family: Verdana Bold, Helvetica, sans-serif;
	text-align: right;
}
.TopMenuGroup
{
  background-color:black;
  border:0px; 
  width:175px;
}

.MenuGroup
{
  background-color:black;
  border:1px;
  border-bottom-color:black;
  border-top-color:gray;
  border-left-color:gray;
  border-right-color:black;
  border-style:solid;
  width:175px;
}
.MenuGroupOnTop
{
  background-color:black;
  border:1px;
  border-bottom-color:black;
  border-top-color:gray;
  border-left-color:gray;
  border-right-color:black;
  border-style:solid;
}
.MenuItem
{

  background-color:#00408B;
  background-image: url(../images/bars.gif);   
  color:#E6E6FA;
  font-family:verdana;
  font-size:11px;
  font-weight:bold; 
  padding:3px;
  padding-left:5px;
  padding-right:15px;
  border:1px;
  border-left-color:#6B78BA;
  border-top-color:#6B78BA;
  border-right-color:darkslategray;
  border-bottom-color:darkslategray;
  border-style:solid;
  cursor:hand; 
}

.MenuItemOver
{
  background-color:midnightblue;
  color:#E6E6FA;
  font-family:verdana;
  font-size:11px;
  font-weight:bold; 
  padding:3px;
  padding-left:5px;
  padding-right:15px;
  border:1px;
  border-left-color:darkslateblue;
  border-top-color:darkslateblue;
  border-right-color:#6B78BA;
  border-bottom-color:#6B78BA;
  border-style:solid; 
  cursor:hand;
}

.MenuItemDown
{
  background-color:midnightblue;
  color:#E6E6FA;
  font-family:verdana;
  font-size:11px;
  font-weight:bold; 
  padding:3px;
  padding-left:5px;
  padding-right:15px;
  border:1px;
  border-left-color:darkslateblue;
  border-top-color:darkslateblue;
  border-right-color:#6B78BA;
  border-bottom-color:#6B78BA;
  border-style:solid; 
  cursor:hand;
}

.MenuItemExpanded
{
  background-color:#635233;
  color:#E6E6FA;
  font-family:verdana;
  font-size:11px;
  font-weight:bold; 
  padding:3px;
  padding-left:5px;
  padding-right:15px;
  border:1px;
  border-left-color:#6B78BA;
  border-top-color:#6B78BA;
  border-right-color:darkslateblue;
  border-bottom-color:darkslateblue;
  border-style:solid; 
  cursor:hand;
}
.SelectedMenuItem 
{
  background-color:#F4F5F8; 
  font-family:verdana; 
  color:black; 
  font-weight:bold;  
  font-size:11px; 
  border:1px;
  border-style:solid;
  border-left-color:darkslategray;
  border-top-color:gray;
  border-right-color:gray;
  border-bottom-color:darkslategray;
  padding:3px;
  padding-left:5px;
  padding-right:15px;
  cursor:default;
}

.SelectedMenuItemOver 
{
  background-color:lightgrey; 
  color:black; 
  font-family:verdana; 
  font-size:11px; 
  font-weight:bold;  
  border:1px;
  border-style:solid;
  border-left-color:darkslategray;
  border-top-color:lightgrey;
  border-right-color:lightgrey;
  border-bottom-color:darkslategray;
  padding:3px;
  padding-left:5px;
  padding-right:15px;
  cursor:default;
}
.ChildSelectedMenuItem
{
  background-color:silver; 
  font-family:verdana; 
  color:black; 
  font-size:11px; 
  font-weight:bold;  
  border:1px;
  border-style:solid;
  border-left-color:darkslategray;
  border-top-color:gray;
  border-right-color:gray;
  border-bottom-color:darkslategray;
  padding:3px;
  padding-left:5px;
  padding-right:15px;
  cursor:hand;
}

.ChildSelectedMenuItemOver 
{
  background-color:lightgrey; 
  color:black; 
  font-family:verdana; 
  font-weight:bold;  
  font-size:11px; 
  border:1px;
  border-style:solid;
  border-left-color:darkslategray;
  border-top-color:lightgrey;
  border-right-color:lightgrey;
  border-bottom-color:darkslategray;
  padding:3px;
  padding-left:5px;
  padding-right:15px;
  cursor:hand;
}

/* background/border colors for the selected tab */
.TabBg {
    background-color: white;
    border-color: white;   
}

/* background/border colors for the unselected tabs */

.OtherTabsBg {
    background-color: darkslateblue;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    border-color: midnightblue;       
}

/* text style for the selected tab */
.SelectedTab {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    color: darkslateblue;
    font-weight: bold;
}

/* text style for the unselected tabs */
.OtherTabs {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    color:white;
    text-decoration:none;
    line-height: 15px;
    font-weight: bold;
    letter-spacing: 200%;    
}

/* hyperlink styles of the unselected tabs */
A.OtherTabs:link    {
    text-decoration:    none;
    color:white;
}

A.OtherTabs:visited {
    text-decoration:    none;
    color:white;
}

A.OtherTabs:active  {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:hover   {
    text-decoration:    underline;
    color:white;
}
    
/* text style for the site links (at extreme top-right of header) */
.SiteLink {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: white;
    background-color: #00408B;
    border-bottom-color: #6B78BA;
    border-bottom-width: 1pt;
    border-bottom-style:solid;     
}   

/* hyperlink style for the site links */
A.SiteLink:link {
    text-decoration:    none;
    color:white;
}

A.SiteLink:visited  {
    text-decoration:    none;
    color:#eeeeee;
}

A.SiteLink:active   {
    text-decoration:    none;
    color:#eeeeee;
}

A.SiteLink:hover    {
    text-decoration:    underline;
    color:white;
}

/* style for separator between site links */
.Accent
{
    color: red;
    font-weight:    bold;
}



/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    background-color: #eeeeee
}   

.TextBlock    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    background-color: #eeeeee;
    letter-spacing: 0.1em;
}  

/* style of item titles by Announcements and events */
.ItemTitle    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: NAVY;
}

/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  17px;
    font-weight:    normal;
    color: white;
    padding-left:5px;
    letter-spacing: 1pt;    
}
.HeadDark   {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  17px;
    font-weight:    normal;
    color: NAVY;
    padding-left:5px;
    letter-spacing: 1pt;
}
.Head2   {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  15px;
    font-weight:    bold;
    color: NAVY;
    height: 16px;
    padding-left:5px;
    letter-spacing: 2pt;    
}
.HeadSmaller   {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: white;
    padding-left:5px;
    letter-spacing: 1pt;      
}
.TitleIcon
{
    letter-spacing: 1pt;    
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    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, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: black;
}

/* text style used for most text rendered by modules */
.Normal
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;  
    text-align: justify;
}

.VerySmall
{
	font-weight: normal;
	font-size: 9px;
	font-family: Verdana, Helvetica, sans-serif;
	letter-spacing: 1pt;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.NormalRed
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: red
}

.NormalBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: justify;
    letter-spacing: 0.05em;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding:4px
}
      
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    none;
    color: #FF7F50;
}

A.CommandButton:visited  {
    text-decoration:    none;
    color: #FF7F50;
}

A.CommandButton:active   {
    text-decoration:    underline;
    background-color: #DCDCDC;
    color: NAVY;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    background-color: #DCDCDC;
    color: red;
}
    


/* GENERIC */

H1  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  24px;
    font-weight:    normal;
    color: #666644;
}

H2  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H3  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  16px;
    font-weight:    normal;
    color: NAVY;
}

H4  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  14px;
    font-weight:    normal;
    color: NAVY;
}

H5, DT  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: NAVY;
}

H6  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: NAVY;
}

TFOOT, THEAD    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    color: NAVY;
}

TH  {
    vertical-align: baseline;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: NAVY;
}

A:link  {
    text-decoration:    none;
    color:  NAVY;
}

A:visited   {
    text-decoration:    none;
    color:  NAVY;
}

A:active    {
    text-decoration:    none;
    color:  NAVY;
}

A:hover {
    text-decoration:    underline;
    color:  red;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}


UL LI   {
    list-style-type:    square ;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
} list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}I    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}
OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}I    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}e:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}