/* PAGE BACKGROUND */

/* background color for the content part of the pages */
body
{
	background-image: url('./Images/Background.gif');
	background-repeat: repeat-x;
	background-color: #F4F4F4;
}

/* GENERAL */
/* text style used for most text rendered by modules */
.linkClass
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000080;
}
A.linkClass
{
    color: #000080;
}

/* hyperlink style for the grid links */
A.linkClass:link {
    text-decoration:    underline;
    color:#000080;
}

A.linkClass:visited  {
    text-decoration:    underline;
    color:#000080;
}

A.linkClass:active   {
    text-decoration:    underline;
    color:#000080;
}

A.linkClass:hover
{
    text-decoration: underline;
    color: blue;
}

/* 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;
    background-color: #F0F8FF;
}

/* background/border colors for the selected tab */
.tabBG
{
    background-image: url(images/button1_selslice.jpg);
    border-color: #4D595F;
}

/* background/border colors for the unselected tabs */
.otherTabsBG
{
    background-image: url(images/button1_selSlice.jpg);
    border-color: #4D595F;
}

/* text style for the selected tab */
.selectedTab
{
    font-family: Verdana, Helvetica, sans-serif;
    color: gray;
    background-color: navy;
}
A.selectedTab:hover   {
    text-decoration:    underline;
    color:white;
}
A.selectedTab:visited   {
    text-decoration:    underline;
    color:white;
    background-color: navy;
}

/* text style for the unselected tabs */
.otherTabs
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #EFEFEF;
    text-decoration: none;
    font-weight: bold;
}
/* hyperlink styles of the unselected tabs */
A.otherTabs:link    {
    text-decoration:    none;
    color:#EFEFEF;
}

A.otherTabs:visited {
    text-decoration:    none;
    color:#EFEFEF;
}

A.otherTabs:active  {
    text-decoration:    none;
    color:#EFEFEF;
}

A.otherTabs:hover   {
    text-decoration:    underline;
    color:white;
}
    
/* hyperlink styles of the unselected tabs */
A.otherTabsBG:link    {
    text-decoration:    none;
    color:#EFEFEF;
}

A.otherTabsBG:visited {
    text-decoration:    none;
    color:#EFEFEF;
}

A.otherTabsBG:active  {
    text-decoration:    none;
    color:#EFEFEF;
}

A.otherTabsBG:hover   {
    text-decoration:    underline;
    color:white;
}

/* 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:#cccc99
}
/* text style for the site links (at extreme top-right of header) */
.siteLink {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold
}   

/* hyperlink style for the site links */
A.siteLink:link
{
    text-decoration: underline;
    color: #000080;
}

A.siteLink:visited
{
    text-decoration: underline;
    color: #000080;
}

A.siteLink:active
{
    text-decoration: underline;
    color: #000080;
}

A.siteLink:hover
{
	text-decoration: underline;
	color: #0000FF;
	font-weight: bold;
}

/* style for separator between site links */
.accent
{
    color: red;
    font-weight:    bold;
}



/* style for module titles */
.head
{
    font-weight: normal;
    font-size: 18px;
    color: #778899;
    font-family: Verdana, Helvetica, sans-serif;
}
.h1L
{
    color: #000080;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 18px;
}
.h1R
{
    color: #404040;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 18px;
}
/* style for module titles with a dark BG*/
.headBG
{
    font-weight: normal;
    font-size: 18px;
    color: white;
    font-family: Verdana, Helvetica, sans-serif;
    background-color: #b0c4de;
}
/* style for module titles - Selected Color */
.headSelected
{
    font-weight: Bold;
    font-size: 18px;
    color: navy;
    font-family: Verdana, Helvetica, sans-serif;
}

/* style of item titles on edit and admin pages */
.subHead
{
    font-weight: bold;
    font-size: 14px;
    color: #000080;
    font-family: Verdana, Helvetica, sans-serif;
}
A.subHead:Link
{
    color: #800080;
}

/* style of item titles on edit and admin pages */
.subHeadSmall
{
    font-weight: bold;
    font-size: 11px;
    color: #808080;
    font-size: 8px;
    font-family: Verdana, Helvetica, sans-serif;
}

/* style of item titles on edit and admin pages */
.subHeadSelected
{
	font-weight: bold;
	font-size: 11px;
	color: navy;
	font-family: Verdana, Helvetica, sans-serif;
}

/* style of item titles on edit and admin pages - with a background*/
.subHeadBG
{
    font-weight: bold;
    font-size: 14px;
    color: navy;
    font-family: Verdana, Helvetica, sans-serif;
    background-color: #b0c4de;
}
A.subHeadBG:Link
{
    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:  11px;
    font-weight:    bold;
    color: black;
}
/* style of Alert titles.  Should be combined with 'subHead' class to provide the combined attributes (class="subHead alertText"  */
.alertTitle
{
    color: #FF0000;
}
/* style of Alert Detail text.  Should be combined with 'normal' class to provide the combined attributes (class="normal alertText"  */
.alertText
{
    font-weight: bold;
}
/* style of Alert Detail text.  Should be combined with 'normal' class to provide the combined attributes (class="normal alertText"  */
.alertPanel
{
    border: 0px solid #000000;
    background-color: #FFFF99;
}
/* style of Alert Detail text.  Should be combined with 'normal' class to provide the combined attributes (class="normal alertText"  */
.panel
{
	border: 0px solid #000000;
}
.panelAd
{
	padding: 3px;
	border: 1px solid #000000;
	vertical-align: middle;
	text-align: center;
	font-family: Calibri;
	background-image: url('./Images/AdBackground.gif');
	background-repeat: repeat-x;
}
.panelContainer
{
	border: 2px solid #000000;
	background-image: url('./Images/panelBackground.gif');
	background-repeat: repeat-x;
	background-color: White;
	text-align: left;
	width: 800px;
}
.panelFloat
{
	border: 1px solid #000000;
	background-color: #B0C4DE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.panelFloatHeader
{
	background-color: #C0C0C0;
	border: 2px solid #000000;
}
.panelHidden
{
	display: none;
}
.panelWithBorder
{
    border: 1px solid #000000;
}
.selectedPanelWithBorder
{
    border: 3px dotted #000000;
    background-color: #C0C0C0;
}
.panelWithPadding
{
    padding: 5px;
}

/* text style used for most minor hyperlinks and small text */
.small
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
}
/* text style used for most text rendered by modules */
.normalText
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #3b3b3b;
	text-decoration: none;
}

/* text style used for most text rendered by modules - Alternating Rows */
.normalAlt
{
    font-weight: normal;
    font-size: 10px;
    font-family: Verdana, Helvetica, sans-serif;
    background-color: #e6e6fa; /* lavender */
    height: 22px;
	text-decoration: none;
}
.normalLight
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #EFEFEF;
    height: 22px;
	text-decoration: none;
}

/* text style used for most text rendered by modules */
.normalSmall
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
	text-decoration: none;
}
/* text style used for most text rendered by modules */
.normalXSmall
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7px;
	font-weight: normal;
	text-decoration: none;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.normalTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: Bold;
}

.error
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: red
}

.normalBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
	text-decoration: none;
}
/* text style used for textbox watermarks */
.normalWatermark
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    line-height: 12px;   
    color: gray;
    font-style: italic;
}
.freeFormText
{
    font-size: 10pt;
    color: black;
    font-family: verdana, arial, helvetica, sans-serif;
    text-align: left;
    margin: 0px 10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}
    

/* 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: #800080;
}

H4
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #800080;
}

H5, DT  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
    font-weight:    bold;
    color: #800080;
}

H6  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
    font-weight:    bold;
    color: #800080;
}

TFOOT, THEAD    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    color: #800080;
}

TH  {
    vertical-align: baseline;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
    font-weight:    bold;
    color: #800080;
}

a
{

	color: navy;
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: underline;
	font-size: 10px;
}

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

A:visited
{
    color: #6600cc;
}

A:active    {
    color:  black;
}

A:hover
{
	color: Navy;
	font-weight: bold;
}

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;
}

.pageBreak
{
	page-break-after:always
}
/* DATAGRIDS */
.grid
{
	table-layout: auto;
	font-size: 8pt;
	color: black;
	font-family: verdana, arial, helvetica, sans-serif;
}
.alternatingGrid
{
    background-color: #e6e6fa;
}
.gridItem
{
    background-color: white;
}
.gridMenuCell
{
	font-weight: bolder;
	font-size: small;
	font-family:  verdana, arial, helvetica, sans-serif;
	font-variant: small-caps;
}
.gridSmall
{
	table-layout: auto;
	font-size: 7pt;
	color: black;
	font-family:  verdana, arial, helvetica, sans-serif;
}
.gridSelectedItem
{
    font-size: small;
    color: black;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    background-color: #FFFF00;
}

.gridHeader,
.gridHeader a:link,
.gridHeader a:visited

{
    font-weight: bold;
    font-size: 8pt;
    color: black;
    font-family: Verdana, Helvetica, sans-serif;
    background-color: #b0c4de;
    text-align: center;
}

.gridHeaderSorted, .gridHeaderSorted a:link, .gridHeaderSorted a:visited
{
	font-weight: bold;
	font-size: 9pt;
	color: navy;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #C0C0C0;
	text-align: center;
}


.gridFooter
{
    font-weight: bold;
    font-size: 8pt;
    text-align: center;
    color: black;
    font-family: Verdana, Helvetica, sans-serif;
    background-color: #b0c4de;
}
.gridHeader
{
    font-size: 7pt;
    color: black;
    font-family:  verdana, arial, helvetica, sans-serif;
    background-color: #b0c4de;
    text-align: left;
}
.gridFooterSmall
{
	font-size: 7pt;
	text-align: left;
	color: black;
	font-family:  verdana, arial, helvetica, sans-serif;
	background-color: #b0c4de;
}
/* text style for the site links (at extreme top-right of header) */
.gridLink {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold
}   

.header
{
	background-color: #b0c4de;
}



.pagerStyle
{
    font-size: 8pt;
    color: black;
    font-family:  verdana, arial, helvetica, sans-serif;
    background-color: #EFF3FB;
    text-align: left;
}
input.btn
{
	font-weight: bold;
	font-size: small;
	background-image: url(images/button1_slice2.jpg);
	color: #ffffff;
	border-top-style: none;
	font-family: 'trebuchet ms' ,helvetica,sans-serif;
	border-right-style: none;
	border-left-style: none;
	border-collapse: collapse;
	background-color: #336699;
	border-bottom-style: none;
}

input.btnSel
{
	font-weight: bold;
	font-size: small;
	color: #050;
	 background-image: url(images/button1_selslice.jpg);
	font-family: 'trebuchet ms' ,helvetica,sans-serif;
	background-color: #ccffcc;
}

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionContent a:link, a:visited
{
    color: black;
}
.accordionContent a:hover
{
    color: blue;
}

/* Modal Popup */
.modalBackground
{
    background-color: Gray;
    filter: Alpha(Opacity=70);
}

.modalPopup
{
    background-color: #e2edff;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    font-size: 10pt;
    font-family: Tahoma;
}

.menuLevel1
{
    font-size: 10pt;
    color: navy;
    font-weight: bold;
    background-color: #b0c4de;
    font-family: verdana, arial, helvetica, sans-serif;
    text-align: right; /*	line-height: 16px; */
    letter-spacing: Normal;
    margin-bottom: 4px;
    margin-top: 2px;
    padding-bottom: 4px;
    padding-top: 3px;
    padding-right: 3px;
    padding-left: 3px;
    border-right: #ffcd00 1px;
    border-top: #ffcd00 1px;
    border-left: #ffcd00 1px;
    border-bottom: #ffcd00 1px;
}
.menuLevel1Item
{
    font-size: 10pt;
    color: navy;
    font-weight: bold;
    background-color: #b0c4de;
    font-family: verdana, arial, helvetica, sans-serif;
    text-align: right; /*	line-height: 16px; */
    letter-spacing: Normal;
    margin-bottom: 4px;
    margin-top: 2px;
    padding-bottom: 4px;
    padding-top: 3px;
    padding-right: 3px;
    padding-left: 3px;
}
.menuLevel1Hover
{
    font-size: 10pt;
    color: white;
    font-weight: bold;
    background-color: #b0c4de;
    font-family: verdana, arial, helvetica, sans-serif; /*	line-height: 16px; */
    letter-spacing: Normal;
    text-align: right;
    margin-bottom: 4px;
    margin-top: 2px;
    padding-bottom: 4px;
    padding-top: 3px;
    padding-right: 3px;
    padding-left: 3px;
}
.menuLevel1Visited
{
    font-size: 10pt;
    color: White;
    font-weight: bold;
    background-color: Navy;
    font-family: verdana, arial, helvetica, sans-serif; /*	line-height: 16px; */
    letter-spacing: Normal;
    text-align: right;
    margin-bottom: 4px;
    margin-top: 2px;
    padding-bottom: 4px;
    padding-top: 3px;
    padding-right: 3px;
    padding-left: 3px;
}

.menuLevel2
{
    font-size: 10pt;
    color: navy;
    font-weight: bold;
    background-color:#b0c4de;
    font-family: verdana, arial, helvetica, sans-serif;
    text-align: left;
    border: solid;
    border-color: navy;
    border-width: 1px;
    margin-top: 1px;
    padding-top: 1px;
    margin-bottom: 1px;
    padding-bottom: 1px;
    margin-left: 0px;
    padding-left: 3px;
    padding-right: 3px;
/*	line-height: 16px; */
    display: block;
    visibility: visible;
}
.menuLevel2Item
{
    font-size: 10pt;
    color: navy;
    background-color: #b0c4de;
    font-family: verdana, arial, helvetica, sans-serif;
    text-align: left;
    border: solid;
    border-color: navy;
    border-width: 1px;
    margin-top: 1px;
    padding-top: 1px;
    margin-bottom: 1px;
    padding-bottom: 1px;
    margin-left: 0px;
    padding-left: 3px;
    padding-right: 3px;
	line-height: 16px; 
    display: block;
    visibility: visible;
}
.menuLevel2Hover
{
    font-size: 10pt;
    color: #ffcd00;
    background-color: Navy;
    font-family: verdana, arial, helvetica, sans-serif;
/*	line-height: 16px; */
    letter-spacing: Normal;
    text-align: left;
    border-color: navy;
    border-width: 1px;
    display: block;
    visibility: visible;
    margin-top: 1px;
    padding-top: 1px;
    margin-bottom: 1px;
    padding-bottom: 1px;
    margin-left: 0px;
    padding-left: 3px;
    padding-right: 3px;
}
.menuLevel2Visited
{
	font-size: 10pt;
	color:   White;
	font-family: verdana, arial, helvetica, sans-serif;
/*	line-height: 16px; */
	letter-spacing: Normal;
	text-align: right;
	display: block;
	border-color: navy;
	border-width: 1px;
    margin-top: 1px;
    padding-top: 1px;
    margin-bottom: 1px;
    padding-bottom: 1px;
    margin-left: 0px;
    padding-left: 3px;
    padding-right: 3px;
	
}
/* AJAX CALENDAR CONTROL */
.myCalendar .ajax__calendar_container
{
    border: 1px solid #646464;
    background-color: #FFFFCC;
    color: navy;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.myCalendar .ajax__calendar_dayname
{
    color: black;
    font-weight: bold;
}
/* List Search Extender */
.listSearchExtenderPrompt
{
    font-size: 10pt;
    color: gray;
    font-style: italic;
    font-family: Tahoma;
}