/* background color for the content part of the pages */
body
{
    background-color: white;
}


/* GENERIC */
H1  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #003399;
}
H2  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  16px;
    font-weight:    normal;
    color: #003399;
}

H3  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  14px;
    font-weight:    normal;
    color: #000080;
}

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

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

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

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

a:visited
{
    text-decoration: underline;
    color: Navy;
}

a:active    {
    text-decoration:    underline;
    color:  Navy;
}

a:hover {
    text-decoration:    underline;
    color:  Blue;
}


UL LI   {
    list-style-type:    disc;
}

UL LI LI    {
    list-style-type:    circle;
}

/*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
{
    border: solid 0px #669999;
    height: 1pt;
	color: #669999;			/* line color for IE */
	background-color: #669999;	/* line color for Opera and mozilla */
}



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

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

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

/* ------- classes ---------- */   

/* 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;
	background-position: 5px;
	background-image: url('/Images/rtArrow.gif');
	background-repeat: no-repeat;
}

.accordionHeader a:link,
.accordionHeader a:visited,
.accordionHeaderSelected a:link,
.accordionHeaderSelected a:visited
{
	color: white;
}

.accordionHeaderLight
{
	color: #000000;
        font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
	background-position: 5px;
	background-image: url('/Images/rtArrow.gif');
	background-repeat: no-repeat;
}
.accordionHeaderLight a:link,
.accordionHeaderLight a:visited
{
	color: black;
}
.accordionHeaderClear
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 12px;
    color:Black;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
}

.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;
	background-position: 5px;
	background-image: url('/Images/dnArrow.gif');
	background-repeat: no-repeat;
}

.accordionContent
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionContent:link accordionContent:visited
{
    color: black;
}

/* style of Alert titles.  Should be combined with 'head2' class to provide the combined attributes (class="head2 alertText"  */
.alertTitle
{
    color: #FF0000;
    font-weight: bold;
}
/* style of Alert Detail text.  Should be combined with 'normalText' class to provide the combined attributes (class="normalText alertText"  */
.alertText
{
    /*font-weight: bold;*/
}
/* style of Alert Detail text.  Should be combined with 'normalText' class to provide the combined attributes (class="normalText alertText"  */
.alertPanel
{
    border: 0px solid #black;
    background-color: #FFFF99;
}
.alternate
{
    background-color: #e6e6fa; /* lavender */
}
.announcementDataList
{
    padding: 2px;
}
.big
{
    font-size: 14px;
}
.bold
{
    font-weight: bold;
}
.error
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 14px;
    color: Red;
    font-weight: bold;
}

.expiredAnnouncement
{
    color: Blue;
    font-weight: bold;
    background-color: #FFFF00;
}
.eventTitle
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color: gray;
}

/* style for RightAction logo */
.h1L
{
    color: #00008b;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 18px;
    margin-bottom: 3px;
    margin-top: 4px;
    padding-top: 4px;
}
.h1R
{
    color: #404040;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 18px;
    margin-bottom: 3px;
    margin-top: 4px;
    padding-top: 4px;
}
/* style for module titles*/
.head1
{
    font-weight: normal;
    font-size: 20px;
    font-family: Verdana, Helvetica, sans-serif;
    color: #003399;
    /*background-color: #3399FF;*/
    height: 16px;
}
a.head1:link
{
    color: #0066FF;
}
a.head1:visited
{
    color: #0066FF;
}

/* style of item titles on edit and admin pages */
.head2
{
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana, Helvetica, sans-serif;
    color: #000080;
}
a.head2:link a.head2:visited
{
    color: #800080;
}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.head3
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000080;
}
a.head3:link a.head3:visited
{
    color: #800080;
}

/* style for the background of the site title */
.headingBackground
{
    /*background-color: #C5E0F5;*/
    background-color: #CCCCCC;

}

/* a single row directly below the Menu.  It contains the Error Msg for the header and a Horizontal Rule tag */
.headingBelowMenu	
{
	/*background-color: #000000;*/	/* keep the back color to change it from the HeadingBackground.  Comment out to use the headingBackground color */
}
.headingBelowMenu hr	/* for the Horizontal Rule inside the row */
{
	border-width: 0px;
	color: #999999;			/* line color for IE browser*/
	background-color: #999999;	/* line color for Opera and mozilla browsers */
	height: 2px;
	/*display: none;*/	/* if you dont want the line, add comments to the display: none, otherwise remove*/
}


/* Heading title style used instead of Head for the control HeadingPanel.ascx's title banner (on top) */
.headingTitle
{
    margin: 4px;
    padding: 0px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    /*font-weight: bold;*/
    color: #FFFFFF;
    /*background-color: #0099FF;*/
    height: 14px;
    vertical-align: middle;
}
a.headingTitle:link, a.headingTitle:visited, a.headingTitle:active
{
    color: #FFFFFF;
}
a.headingTitle:hover
{
    color: #FFFFFF;
    font-weight: bold;
    font-size: 10px;
}

/* Heading Login style used for the control HeadingPanel.ascx's logon/logoff link (on top) */
.headingLogon, a.headingLogon:link, a.headingLogon:visited, a.headingLogon:active
{
    margin: 4px;
    padding: 2px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #CCCCCC;
    height: 11px;
    vertical-align: middle;
}

a.headingLogon:hover
{
	color: #FFFF00;
}

/* the class necessary to float text around the image defined with this class */
.imageFloatLeft {
    float:left;
    margin-top:10px;
    margin-right:10px;
    margin-bottom:5px;
    }
.imageFloatRight {
    float:right;
    margin-top:10px;
    margin-left:10px;
    margin-bottom:5px;
    }

/* text style for the hover triggers*/
.hoverClass
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: navy;
	text-decoration: underline overline;
} 

/* text style used for Informational messages */
.infoText
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-style: italic;
    font-variant: small-caps;
    color: #666666;
    background-color: #DFF4FF;
}

input.btn
{
	font-weight: bold;
	font-size: small;
	background-image: url(images/blue_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/blue_selslice.jpg);
	font-family: 'trebuchet ms' ,helvetica,sans-serif;
	background-color: #ccffcc;
}

/* style for backgrounds*/
.lightBackground
{
    background-color: #f8f8ff;
}

/* text style for the site links (Hyperlinks and linkbuttons)*/
.linkClass
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-decoration: underline;
    color: navy;
}   
/* hyperlink style for the grid links */
a.linkClass:link
{
    color: blue;
    text-decoration: underline;
}

a.linkClass:visited  {
    text-decoration:    underline;
    color:navy;
}

a.linkClass:active   {
    text-decoration:    underline;
    color:blue;
}

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


.listSearchExtenderPrompt
{
    font-size: 10pt;
    color: gray;
    font-style: italic;
    font-family: Verdana, Helvetica, sans-serif;
}


/* text style used for the new Menu dropdown control */
/* the Menu panel is controled by panelMenu, and both replace all of the old Menu classes*/
.menuNode, a.menuNode:link, a.menuNode:visited, a.menuNode:active
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
a.menuNode:hover
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	cursor:hand;
	text-decoration: none;
}
.menuHover, .menuHover:link, .menuHover:hover, .menuHover:visited
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	cursor:hand;
	text-decoration: none;
}


/* the Menu Table ad associated classes are used to create tabs*/
.menuTable
{
	border-style: none solid solid solid;
	border-width: 1px;
	border-color: #666666;
	margin: 0px;
	border: 0px;
	border-collapse: collapse;
}
.menuTopRow
{
	padding: 0px;
	margin: 0px;
	height: 18px;
}
.menuBottomRow
{
	padding: 0px;
	margin: 0px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #000000;
	border-left-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
}
.menuCell
{
	border-style: solid;
	border-width: 2px 1px 1px 1px;
	border-color: #666666 #666666 #000000 #666666;
	margin: 0px;
	width: 50px;
	background-color: #FFFFFF;
}
.menuCell:hover
{
	border-style: solid;
	border-width: 2px 2px 1px 2px;
	border-color: #FF9900;
	cursor: hand;
}
.menuCellNoButton
{
	border-width: 1px;
	border-color: #000000;
	border-bottom-style: solid;
	margin: 1px 1px 0px 0px;
	width: 100%;
}
.menuCellSelected
{
	margin: 1px 1px 0px 0px;
	border-style: solid;
	border-width: 3px 1px 0px 1px;
	border-color: #FF9900 #000000 #000000 #000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	width: 60px;
	background-color: #E9E9E9;
}

.menuButton
{
	margin: 1px 1px 0px 0px;
	border: 0px;
	width: 100%;
	height: 18px;	/* must match the MenuTopRow height*/
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: Black;
    background-color: transparent;
}
.menuButton:hover
{
	cursor: hand;
	color: blue;
	text-decoration: underline;
}

.normalValidationError
{
	background-color: #FFCCFF;
}


/* 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: Verdana, Helvetica, sans-serif;
}
.modalPopupHeader
{
	background-color: #C0C0C0;
	border: 1px solid #000000;
	padding: 0px;
}
.moduleTitle
{
	font-weight: normal;
	font-size: 12px;
	padding-bottom: 1px;
	color: #003399;
	padding-top: 1px;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #e9e9e9;
	Width: 98%;
}

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

/* text style used for most text rendeblack by modules */
.normalText
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 12px;
    color:Black;
}

.pageBreak
{
	page-break-after:always
}

/* these classes are for the panes of the main display portal */
.paneTable
{
	padding: 0px;
	margin: 3px;
	border-width: 0;
	width: 100%;
}
.paneTop
{
}
.paneBottom
{

}
.paneLeft
{
	width: 23%;
}
.paneRight
{
	width: 23%;
}
.paneContent
{
}

/* style of Alert Detail text.  Should be combined with 'normalText' class to provide the combined attributes (class="normalText alertText"  */
.panel
{
    border: 0px solid #black;
} 

.panelWithBorder
{
	border-style: solid;
	border-width: 0px;
}
.panelHidden
{
	display: none;
}

.panelMenu
{
	padding: 2px;
	background-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.panelMenuHeader
{
	background-color: #CCCCCC;
	border: 0px solid #000000;
}
.panelSubMenu
{
	padding: 3px;
	background-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 0px solid #000000;
}

/* Popup Control style for the Accordian box*/
.popUpControl
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    padding: 5px;
    visibility:hidden;
}


/* style for module titles - Selected Color */
.selected
{
    font-weight: Bold;
    color: navy;
}

/* 
/* style for the background of the site title */
.siteHeaderBackground
{
	background-color: blue;
}

/* text style used for most minor hyperlinks and small text */
.small
{
    font-size: 10px;
}


/* style of item titles on edit and admin pages */
.selected
{
	color: navy;
}

.sponsorPanel
{
	padding: 2px;
	vertical-align: middle;
	text-align: center;
	height: 150px;
	width: 250px;
}

.watermark
{
	color: #006666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #C4D2EA;
}


/* -------------------------------------------------------------*/
/* Button graphics */
.submit
{
    background-image: url('Images/blueSubmit.jpg');
}
a.submit:link
{
    background-image: url('Images/blueSubmit.jpg');
}
a.submit:hover
{
    background-image: url('Images/blueSubmit_Satin.jpg');
}



/* ------------------------------------------------------------------- */
/* DATAGRIDS */
.grid
{
	table-layout: auto;
	font-size: 8pt;
	color: black;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #FFFFFF;
}
.selectedItem
{
    color: blue;
    font-weight: bold;
    background-color: #ffff33;
}

.gridHeader, .gridHeader a:link, .gridHeader a:visited
{
	font-weight: bold;
	font-size: 8pt;
	color: black;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #FFFFFF;
	text-align: center;
}

.gridHeaderSorted, .gridHeaderSorted a:link, .gridHeaderSorted a:visited
{
	font-weight: bold;
	font-size: 8pt;
	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;
}
.pagerStyle
{
    font-size: 8pt;
    color: black;
    font-family: Verdana, Helvetica, sans-serif;
    background-color: #EFF3FB;
    text-align: left;
}
.gridEdit
{
    color: black;
    font-weight: normal;
    background-color: #FFFFCC;
}


/* -------------------------------------------------------------------*/
/* Static menu style classes - top level */
.staticMenuStyle
{
    font-family: Verdana, Helvetica, sans-serif;
    background-image: url('images/button1_slice2.jpg');
    border-color: #0000FF;
    color: #C0C0C0;
    font-size: 9px;
    height: 20px;
}
/* all of the "static" styles inherit from staticMenuStyle, so nothing needs to be repeated - just changes*/
.staticMenuItemStyle
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}
/* these a-tag overrides are necessary to change the font color for all non-selected tabs from the default a-tag settings */
a.staticMenuItemStyle:link
{
    color: white;
    text-decoration: none;
}
a.staticMenuItemStyle:visited    {
    color: white;
    text-decoration:none ;
}
a.staticMenuItemStyle:active    {
    color: white;
    text-decoration:none ;
}
a.staticMenuItemStyle:hover
{
    color: white
    text-decoration: none;
}

/* all of the "static" styles inherit from staticMenuStyle, so nothing needs to be repeated - just changes*/
.staticSelectedStyle
{
    background-image: url('images/button1_Selslice.jpg');
}
/* these a-tag overrides are necessary to change the font color for the selected tab from the default a-tag settings */
a.staticSelectedStyle:visited
{
    color: gray;
    font-weight: bold;
}
a.staticSelectedStyle:hover
{
    color: white;
}


/* all of the "static" styles inherit from staticMenuStyle, so nothing needs to be repeated - just changes*/
.staticHoverStyle
{
    background-image: url('images/button1_slice_tall.jpg');
    color: white;
}
a.staticHoverStyle:hover
{
    color: white;
}



/* Dynamic menu style classes - second level */
.dynamicMenuStyle
{
    font-family: Verdana, Helvetica, sans-serif;
    /* background-image: url('images/button1_slice2.jpg');*/
    border-color: #0000FF;
    color: #C0C0C0;
    font-size: 9px;
    height: 20px;
}
/* all of the "dynamic" styles inherit from staticMenuStyle, so nothing needs to be repeated - just changes*/
.dynamicMenuItemStyle
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	background-color: #999999;
}
/* these a-tag overrides are necessary to change the font color for all non-selected tabs from the default a-tag settings */
a.dynamicMenuItemStyle:link
{
    color: white;
    text-decoration: none;
}
a.dynamicMenuItemStyle:visited    {
    color: white;
    text-decoration:none ;
}
a.dynamicMenuItemStyle:active    {
    color: white;
    text-decoration:none ;
}
a.dynamicMenuItemStyle:hover
{
    color: white;
    text-decoration: none;
}

/* all of the "dynamic" styles inherit from staticMenuStyle, so nothing needs to be repeated - just changes*/
.dynamicSelectedStyle
{
    background-image: url('images/button1_Selslice.jpg');
}
/* these a-tag overrides are necessary to change the font color for the selected tab from the default a-tag settings */
a.dynamicSelectedStyle:visited
{
    color: gray;
    font-weight: bold;
}
a.dynamicSelectedStyle:hover
{
    color: white;
}


/* all of the "dynamic" styles inherit from staticMenuStyle, so nothing needs to be repeated - just changes*/
.dynamicHoverStyle
{
    background-image: url('images/button1_slice_tall.jpg');
    color: white;
}
a.dynamicHoverStyle:hover
{
    color: white;
}