﻿/* ================================
    CSS STYLES FOR THE PORTAL STARTER KIT
    v1.0, 10/2002
   ================================
*/   


/* BACKGROUND TAGS */
/* background color for the header at the top of the page  */
.HeadBg
{
	background-color: #800000;
	color: #800000;
}

/* background color for the content part of the pages */
Header
{
	width: 100%
}
Body
{
        background-color: white;
}

/* background slider for Banner */
.banner {
	background-image: url('images/hdr_clds.gif');
}

/* PAGE BANNER */
/* NOTE: Site Title, Site Links and Tabs are rendered by MobilePortalBanner.ascx
/* style for the text of the site title */
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= Global Nav Bar =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.SiteTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color:#cccc99
}

/* background/border colors for the selected tab */
.TabBg {
    background-color: white;
    border-color: white;
}

/* background/border colors for the unselected tabs */
.OtherTabsBg {
    background-color: dimgray;
    border-color: black;
}

/* text style for the selected tab */
.SelectedTab {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#ff0000;
    font-weight: bold;
}

/* text style for the unselected tabs */
.OtherTabs {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color:#091C57;
    text-decoration:none;
    font-weight: bold;
}

/* hyperlink styles of the unselected tabs */
A.OtherTabs:link    {text-decoration:none; color:#091C57;}
A.OtherTabs:visited {text-decoration:none; color:#091C57;}
A.OtherTabs:active  {text-decoration:none; color:#091C57;}
A.OtherTabs:hover   {text-decoration:none; color:#ff0000;}

A.SelectedTab:active {text-decoration:underline; color:#ff0000}
A.SelectedTab:link    {text-decoration:underline; color:#ff0000;}
A.SelectedTab:visited {text-decoration:underline; color:#ff0000;}
A.SelectedTab:active  {text-decoration:underline; color:#ff0000;}
A.SelectedTab:hover   {text-decoration:underline; color:#ff0000;}

.gnav {
	background: url(media/gnav_bg2.gif) repeat-x;
	background-color: #cccccc;
  border-top: 1px solid #091C57;
  border-bottom: 1px solid #091C57;
  border-left: 0px;
  border-right: 0px;
}

.gnav TD {
	font-family: 'Arial',Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding: 0px 1px;
	height: 25px;
	background: url(media/gnav_sep.gif) no-repeat right;
}

.gnav TD.end {
	 background-image: none;
}

.gnavb .gnav {
	border-top: solid 1px #ccc;
}




/* style for separator between site links */
.Accent {
    color: red;
    font-weight:    bold;
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */  

.ActionHeader {
  background-color: #b0c4de;
  }

.ModuleHeader {
  background-color: #253242;
  }
 
.Message    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-size: 11px;
    background-color: #eeeeee;
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
    font-family: 'Arial', Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: darkRed;
}

/* style of date and read more link by Announcements and events */
.SubHeader   {
    font-family: 'Arial', Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #E6E3C3;
}

/* style of date and read more link by Announcements and events */
.NewsSource    {
    font-family: 'Arial', Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    normal;
    color: #666666;
}


/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  12px;
    font-weight: bold;
}

/* style of item titles on edit and admin pages */
.SubHead
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #800000;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: 'Arial', Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: black;
}

/* hyperlink style for the subsubHead links */
A.SubSubHead:link {
    text-decoration:    none;
    color:black;
}

A.SubSubHead:visited  {
    text-decoration:    none;
    color:black;
}

A.SubSubHead:active   {
    text-decoration:    none;
    color:black;
}

A.SubSubHead:hover    {
    text-decoration:    underline;
    color:black;
}



/* text style used for most text rendered by modules */
.Normal
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Verdana, sans-serif;
    font-size: 11px;
    font-weight: normal;
    background-color: #ffffff;
    border: 1px solid #CCCCCC;

}

.NormalRed
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: red
}

.NormalBold
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold
}
.ReadOnlyBox
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    background: #dddddd;
    border: 1px solid #CCCCCC;
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= FORM STYLES =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Arial, Helvetica, sans-serif;
    color:darkred;
    font-size: 11px;
    font-weight: normal;
}

.formFieldSM {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #091C57;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link      {text-decoration:underline; color:darkred;}
A.CommandButton:visited   {text-decoration:underline; color:darkred;}
A.CommandButton:active    {text-decoration:underline; color:darkred;}
A.CommandButton:hover     {text-decoration:underline; color:red;}
    

/* GENERIC */
H1  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    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:  12px;
    font-weight:    normal;
    color: darkred;
}

H4  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: darkred;
}

H5, DT  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: darkred;
}

H6  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: darkred;
}

TFOOT, THEAD    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    color: darkred;
}

TH  {
    vertical-align: baseline;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: darkred;
}

SMALL     {font-size:  8px;}
SMALL2    {font-size:  9px;}
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;}

HR {
  color: silver;
  height:1pt;
  text-align:left
}


/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= LINK STYLES =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

a:link 		{color: #091C57; text-decoration: underline;}
a:visited 	{color: #091C57; text-decoration: underline;}
a:hover 		{color: #CC0000; text-decoration: underline;}
a:active 	{color: #091C57; text-decoration: underline;}

.navTop {
	color: #EEEEEE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
a.navTop:link     {color: #EEEEEE; text-decoration: underline;}
a.navTop:visited  {color: #EEEEEE; text-decoration: underline;}
a.navTop:hover    {color: #EEEEEE; text-decoration: underline;}
a.navTop:active   {color: #EEEEEE; text-decoration: underline;}

a.underlineLink:hover {text-decoration: underline;}

.whiteLink {
  font-family: Arial, Helvetica, sans-serif;
  font-size:  11px;
	color: #FFFFFF;
	text-decoration: none;
}
a.whiteLink:link {color: #FFFFFF; text-decoration: none;}
a.whiteLink:visited {color: #FFFFFF; text-decoration: none;}
a.whiteLink:hover {color: #87CEEB; text-decoration: none;}
a.whiteLink:active {color: #FFFFFF; text-decoration: none;}

/* text style for the site links (at extreme top-right of header) */
.SiteLink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold
}   

/* 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;}

/* hyperlink style for the site links */
A.textArial9White:link     {text-decoration:none; color:white;}
A.textArial9White:visited  {text-decoration:none; color:#eeeeee;}
A.textArial9White:active   {text-decoration:none; color:#eeeeee;}
A.textArial9White:hover    {text-decoration:underline; color:white;}

/* hyperlink style for the site links */
A.textArial10DBlueUnderline:link     {text-decoration:underline; color:#091C57;}
A.textArial10DBlueUnderline:visited  {text-decoration:underline; color:#091C57;}
A.textArial10DBlueUnderline:active   {text-decoration:underline; color:#091C57;}
A.textArial10DBlueUnderline:hover    {text-decoration:underline; color:#091C57;}

/* style of date and read more link by Announcements and events */
.DateReadMore    {
    font-family: 'Arial', Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: black;
}

/* hyperlink style for the site links */
A.DateReadMore:link     {text-decoration:none; color:black;}
A.DateReadMore:visited  {text-decoration:none; color:black;}
A.DateReadMore:active   {text-decoration:none; color:black;}
A.DateReadMore:hover    {text-decoration:underline; color:red;}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= BORDERS =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

.border {border: 1px solid #091C57;}

.borderCalendar{
  border-left: 1px solid #a2a2a2;
  border-right: 3px solid #6c6c6c;
	border-bottom: 3px solid #6c6c6c;
	border-top: 1px solid #a2a2a2;
}
.borderDarkBlue {
	border: 3px solid #253242;
	border-bottom: 1px solid #253242;
	border-top: 1px solid #253242;
}
.borderDarkBlueBIG {
  border-top: 6px solid #253242;
}
.borderDotted {
border: 1px dotted #CCCCCC;
}
.borderDashed {
border: 1px dashed #CCCCCC;
}
.borderGold {
	border: 1px solid #FFCC00;
	border-bottom: 2px solid #FFCC00;
	border-top: 2px solid #FFCC00;
}
.borderGreen{
	border: 1px solid #33CC00;
	border-bottom: 2px solid #33CC00;
	border-top: 2px solid #33CC00;
}
.borderLightGrey{
	border: 1px solid #CCCCCC;
}
.borderLightGreythick{
	border: 2px solid #CCCCCC;
}
.borderRed {
	border: 1px solid #A10000;
	border-bottom: 2px solid #A10000;
	border-top: 2px solid #A10000;
}
.borderRotBlue {
	border: 1px solid #091C57;
	border-bottom: 2px solid #091C57;
	border-top: 2px solid #091C57;
}


/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= TEXT STYLES =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

.textArial8DBlue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #091C57;
	text-decoration: none;
}
.textArial8White {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #FFFFFF;
	text-decoration: none;
}
.textArial9DBlue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #091C57;
	text-decoration: none;
}
.textArial9DBlueBold {
  font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #091C57;
	text-decoration: none;
}
.textArial9White {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
}

.textArial10DBlue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #091C57;
	text-decoration: none;
}
.textArial10DBlueBold {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #091C57;
	text-decoration: none;
}
.textArial10DBlueUnderline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #091C57;
	text-decoration: none;
}
.textArial10White {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.textArial10WhiteBold {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

.textArial11DBlue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #091C57;
	text-decoration: none;
}
.textArial11DBlueBold {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #091C57;
	text-decoration: none;
}

.textArial11White {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.textArial11WhiteBold {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

.textArial12DBlue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #091C57;
	text-decoration: none;
}
.textArial12DBlueBold {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #091C57;
	text-decoration: none;
}

.textArial12White {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.textArial12WhiteBold {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.textArial14WhiteBold {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}
.textArial14DBlueBold {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #091C57;
	text-decoration: none;
}
.textArial16WhiteBold {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
}
.textArial16DBlueBold {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #091C57;
	text-decoration: none;
}
.textArial24WhiteBold {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	text-decoration: none;
}
.textArial32WhiteBold {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #FFFFFF;
	text-decoration: none;
}
.textArial32DBlueBold {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #091C57;
	text-decoration: none;
}

