/* ================================
    CSS STYLES FOR THE ASP.NET PORTAL STARTER KIT
    v1.0, 10/2002
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
    background-color: #668297;
}

/* background color for the content part of the pages */
Body
{
    background-color: #556d7e;
}


/* PAGE BANNER */
/* NOTE: Site Title, Site Links and Tabs are rendered by MobilePortalBanner.ascx
/* style for the text of the site title */
.SiteTitle {
    font-family: Verdana Bold, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color:#455765;
}

/* background/border colors for the selected tab */
.TabBg {
    background-color: #668297;
    border-color: #7d95a6;
	 background-image: url(/images/gradbar.gif);
}

/* background/border colors for the unselected tabs */
.OtherTabsBg {
    background-color: #668297;
    border-color: #7d95a6;
	 background-image: url(/images/gradbar.gif);
}

/* text style for the selected tab */
.SelectedTab {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    color:white;
    font-weight: bold
}

/* text style for the unselected tabs */
.OtherTabs {

    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    color:#c4c4c4;
    text-decoration:none;
    font-weight: bold
}

/* hyperlink styles of the unselected tabs */
A.OtherTabs:link    {
    text-decoration:    none;
    color:#c4c4c4;
}

A.OtherTabs:visited {
    text-decoration:    none;
    color:#c4c4c4;
}

A.OtherTabs:active  {
    text-decoration:    none;
    color:#c4c4c4;
}

A.OtherTabs:hover   {
    text-decoration:    none;
    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
}   

/* hyperlink style for the site links */
A.SiteLink:link {
    text-decoration:    none;
    color:#c4c4c4;
}

A.SiteLink:visited  {
    text-decoration:    none;
    color:#c4c4c4;
}

A.SiteLink:active   {
    text-decoration:    none;
    color:#c4c4c4;
}

A.SiteLink:hover    {
    text-decoration:    underline;
    color:#c4c4c4;
}

/* style for separator between site links */
.Accent
{
    color: black;
    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;
    font-size: 11px;
    background-color: #eeeeee
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #455765;
}



/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  14px;
    font-weight:    bold;
    color: #455765;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #c4c4c4;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #c4c4c4;
}

/* text style used for most text rendered by modules */
.Normal
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px    
}

/* 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: 11px;
    font-weight: bold;
    color: black;
}

.NormalBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: #c4c4c4;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: #c4c4c4;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #c4c4c4;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: white;
}
    



/* 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: #319400;
}

H4  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: #319400;
}

H5, DT  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #319400;
}

H6  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #319400;
}

TFOOT, THEAD    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    color: #319400;
}

TH  {
    vertical-align: baseline;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #319400;
}

A:link  {
    text-decoration:    none;
    color:  #319400;
}

A:visited   {
    text-decoration:    none;
    color:  #319400;
}

A:active    {
    text-decoration:    none;
    color:  #319400;
}

A:hover {
    text-decoration:    none;
    color:  #999999;
}

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;
}

HR {
    color: dimgrey;
    height:1pt;
    text-align:left
}
/* Append this CSS code to your "portal.css" (default) file
/*	this will provide the initial style for the sub tabs.
/*	Feel free to modify this to match your site style.
/* ******************************************************
/* SUB tab section

/* background/border colors for the selected sub tab */
.SubTabBg {

}

/* background/border colors for the unselected sub tabs */
.OtherSubTabsBg {

    margin-top: 2px;    
}

/* text style for the selected sub tab */
.SelectedSubTab {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
color:#455765;
    font-weight: bold
}

/* text style for the unselected sub tabs */
.OtherSubTabs {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color:#ff8e26;
    text-decoration:none;
    font-weight: bold
}

/* hyperlink styles of the unselected tabs */
A.OtherSubTabs:link    {
    text-decoration:    none;
    color:gray;
}

A.OtherSubTabs:visited {
    text-decoration:    none;
    color:gray;
}

A.OtherSubTabs:active  {
    text-decoration:    none;
    color:#ff8e26;
}

A.OtherSubTabs:hover   {
    text-decoration:    none;
    color:#ff8e26;
}

/* end of SUB tab section
/* *****************************************************
/*Alevel specific styles */
p    { font-size: 10px; font-family: Verdana, Geneva, Arial }
body     {
	color: black;
	font-size: 10px;
	font-family: Verdana, Geneva, Arial;
}
a    { color: #c4c4c4; font-family: Verdana, Geneva, Arial; text-decoration: none }
a:link    { color: #c4c4c4; font-family: Verdana, Geneva, Arial; text-decoration: none }
a:visited    { color: #c4c4c4; font-family: Verdana, Geneva, Arial; text-decoration: none }
a:active    { color: #c4c4c4; font-family: Verdana, Geneva, Arial; text-decoration: none }
a:hover    { color: white; font-family: Verdana, Geneva, Arial; text-decoration: none }
.main_links     { border-top:1px solid #c4c4c4; color: black; font-weight: bold; font-size: 11px; font-family: Verdana, Geneva, Arial; text-decoration: none }
.tjust { text-align: justify }
.main_phones    { color: #999; font-weight: bold; font-size: 10px; font-family: Verdana, Geneva, Arial; text-decoration: none }
td    { font-size: 10px; font-family: Verdana, Geneva, Arial;color: black; }
.tforum { padding: 3px }
.input  { color: black; font-size: 10px; font-family: Verdana, Geneva, Arial; background-color: #555; margin: 3px; border: 0px; width: 203px }
	.sidesBlack{border-left:1px solid #c4c4c4;border-right:1px solid #c4c4c4;}
	.sidesRed{border-left:1px solid #c4c4c4;border-right:1px solid #c4c4c4;background-color:#7d95a6}	
	.greenBox{
		border: 1px solid #c4c4c4;background-color:#7d95a6;
	}
a.footerLink:link{
	color: #c4c4c4;
}
a.footerLink:visited{
	color: #c4c4c4;
}
a.footerLink:active{
	color: #c4c4c4;
}
a.footerLink:hover{
	color: #c4c4c4;
}

/* Rounded box styles */

#rbInclude h1, #rbInclude h2, #rbInclude p {margin:0 10px;font-size:0.7em;letter-spacing:0.03em;}
#rbInclude h1 {font-size:2.5em; color:#7d95a6;}
#rbInclude h2 {font-size:2em;color:#c4c4c4; border:0;}
#rbInclude p {padding-bottom:0.5em;color:white;font-size:1.3em;}
#rbInclude h2 {padding-top:0.5em;}
#rbInclude {background: transparent; margin:0.1em;}

.rbtop, .rbbottom {display:block; background:transparent; font-size:1px;}
.rbb1, .rbb2, .rbb3, .rbb4 {display:block; overflow:hidden;}
.rbb1, .rbb2, .rbb3 {height:1px;}
.rbb2, .rbb3, .rbb4 {background:#7d95a6; border-left:1px solid #c4c4c4; border-right:1px solid #c4c4c4;}
.rbb1 {margin:0 5px; background:#c4c4c4;}
.rbb2 {margin:0 3px; border-width:0 2px;}
.rbb3 {margin:0 2px;}
.rbb4 {height:2px; margin:0 1px;}

.rbboxcontent {display:block; background:#7d95a6; border:0 solid #c4c4c4; border-width:0 1px;}