/*----------------------------------------------------------------------------------------------------
		ELEMENTS
----------------------------------------------------------------------------------------------------*/

/*---Sets element margins and padding to 0 to even out browser differences when adding desired values later---*/
html, body, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, table, form, fieldset, a, img, button {
     margin: 0;
     padding: 0;
}

html
{
	height:100%;
}

/*---Sets alignment, background color, and height for all pages---*/
body
{
	vertical-align: top;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #F9FAE2;
}

/*---since all pages are within tables, need to specify textsize in TD---*/
td
{
    font-family: Arial, Helvetica, sans-serif;
}

/*---default hyperlink styles---*/
A:link
{
	text-decoration: underline;
	color: #003366;
}

A:visited
{
	text-decoration: underline;
	color: #003366;
}

A:active
{
	text-decoration: underline;
	color: #003366;
}

A:hover
{
	text-decoration: underline;
	color: #003366;
}

/*----------------------------------------------------------------------------------------------------
		GENERAL CLASSES
----------------------------------------------------------------------------------------------------*/

.PageHeader
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
}

.PageSubheader
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
	font-weight: bold;
}

.MainTable
{
	height:100%;
}


/*---text in <td> used as a label---*/
.TDLabel
{
	font-weight: bold;
	font-size: 85%;
	padding: 0px 4px 0px 4px;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
	/*width: 100px;*/
}

.InnerTable
{
	height: 100%;
}

.Nowrap
{
	white-space: nowrap;
}

.OuterTable
{
position: absolute;
height: expression(document.body.clientHeight-145);
}



.TDSearchLabel
{
	font-weight: bold;
	font-size: 85%;
	padding: 4px 4px 0px 4px;
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
}

.TDBold
{
	font-weight: bold;
}

.Textbox
{
	font-size: 80%;
	width: 150px;
}

.DropDownList
{
	font-size: 80%;
}

.RadioButton
{
	font-size: 80%;
	color: #F9FAE2;
}

.RadioButtonLabel
{
	font-size: 100%;	
}

.CheckBox
{
	font-size: 80%;
	vertical-align:middle;
	padding:0px;
	margin: 0px;
}

.Button
{
	font-size: 80%;
	font-weight: bold;
	background-color: Silver;
	color: #003366;
	border: 1px;
	padding: 1px 1px 0px 1px;
	cursor: hand;
	width: 75;
}

.LinkButton
{
	font-size: 10pt;
	color: #F9FAE2;
	padding: 1px 2px 2px 2px;
	cursor: hand;
}

.ButtonBlue
{
	font-size: 80%;
	font-weight: bold;
	background-color: #003366;
	color: #F7F7F7;
	border: 1px;
	padding: 1px 1px 0px 1px;
	cursor: hand;
	width: 75;
}

.PagePadding
{
	padding: 0px 3px 0px 4px;
}

.PageTitle
{
	font-size: 120%;
	font-weight: bold;
	padding: 4px 4px 8px 4px;
}

.PageSubTitle
{
	font-size: 105%;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 3px; 
}

.PageSubTitleNoPadding
{
	font-size: 101%;
	font-weight: bold;
	padding-left: 3px; 
}

.BackgroundBlue
{
	background-color:#003366;
}

.BackgroundLightGray
{
	background-color:#DCDCDC;
}

.ValidationText
{
	color:Red;
	font-size:90%;
}

/*------------------------------------------------------------------------------
		Header
------------------------------------------------------------------------------*/
.HeaderTD
{
	font-size:8pt;
}

.HeaderButton
{
	font-size: 8pt;
	font-weight: bold;
	background-color: Silver;
	color: #003366;
	border: 1px;
	padding: 1px 1px 0px 1px;
	cursor: hand;
	width: 75;
}

.HeaderMenuLinks
{
	font-size: 9pt;
	padding: 8px 10px 2px 10px;
	color: White;
	text-decoration: none;
}

.HeaderTopMenuLinks
{
	font-size: 9pt;
	padding: 2px 10px 2px 10px;
	color: White;
	text-decoration: none;
}

.HeaderTopMenuLinks:link
{
	font-size: 9pt;
	padding: 2px 10px 2px 10px;
	color: White;
	text-decoration: none;
}

.HeaderTopMenuLinks:Visited
{
	font-size: 9pt;
	padding: 2px 10px 2px 10px;
	color: White;
	text-decoration: none;
}
.HeaderTopMenuLinks:Hover
{
	font-size: 9pt;
	padding: 2px 10px 2px 10px;
	color: White;
	text-decoration: underline;
}

.HeaderApplicationTitle
{
	font-weight: bold;
	font-size: 22px;
	color: White;
	padding: 5px 10px 0px 10px;
	vertical-align: bottom;
}

.HeaderUserSalute
{
	font-weight: bold;
	font-size: 12px;
	color: #F7F7F7;
	padding-left: 10px;
}

.HeaderBackground
{
	background-color: #003366;
	background-image: url(Images/header-gradient.gif);
	height:57px;
}

/*------------------------------------------------------------------------------
			WebMenu
------------------------------------------------------------------------------*/

/* level 1 menu body */
.MainMenu
{
    vertical-align:top;
	background-color: #003366;
	border: solid 1px #003366;
	font-size: 10pt;
}

/* level 1 menu links */
.MainMenuTopLinks
{
	background-color: #003366;
	border: solid 1px #003366;
	font-size: 10pt;
	padding: 2px 10px 2px 10px;
	text-align: center;
	color: #F7F7F7;
	text-decoration: none;
}

.MainMenuTopLinks:link
{
	background-color: #003366;
	font-size: 10pt;
	padding: 2px 10px 2px 10px;
	text-align: center;
	color: #F7F7F7;
	text-decoration: none;
	border: solid 1px #003366;
}

.MainMenuTopLinks:Visited
{
	background-color: #003366;
	font-size: 10pt;
	padding: 2px 10px 2px 10px;
	text-align: center;
	color: #F7F7F7;
	text-decoration: none;
	border: solid 1px #003366;
}

.MainMenuTopLinks:Hover
{
	background-color: #738294;
	font-size: 10pt;
	padding: 2px 10px 2px 10px;
	text-align: center;
	color: #DEDFDE;
	text-decoration: none;
	border: solid 1px #F7F7F7;
}

/* level 2 menu body */
.MainMenuSub
{
	background-color: Silver;
	border: outset 2px gray;
	font-size: 10pt;
}

/* level 2 menu links */
.MainMenuSubLinks
{
	background-color: Silver;
	font-size: 10pt;
	text-decoration: none;
	padding: 2px 10px 4px 10px;
	cursor: hand;
	color: Black;
}

.MainMenuSubLinks:link
{
	text-decoration: none;
	color: Black;
}

.MainMenuSubLinks:Visited
{
	text-decoration: none;
	color: Black;
}

.MainMenuSubLinks:Hover
{
	text-decoration: underline;
	color: Black;
}

/* level 3 menu body */
.MainMenuSubSub
{
	background-color: #F7F7F7;
	border: outset 2px gray;
	font-size: 10pt;
}

/* level 3 menu links */
.MainMenuSubSubLinks
{
	background-color: #DCDCDC;
	font-size: 10pt;
	text-decoration: none;
	padding: 2px 10px 4px 10px;
	cursor: hand;
	color: Black;
}

.MainMenuSubLinks:link
{
	text-decoration: none;
	color: Black;
}

.MainMenuSubLinks:Visited
{
	text-decoration: none;
	color: Black;
}

.MainMenuSubLinks:Hover
{
	text-decoration: underline;
	color: Black;
}

/*------------------------------------------------------------------------------
			Search Box
------------------------------------------------------------------------------*/
.SearchBackground
{
	background-color:#DCDCDC;
	padding: 2px 2px 2px 2px;
}

.SearchTop
{
	background-color:#003366;
	height:7px;
	width: 3000px;
}

.SearchBottom
{
	background-color:#DCDCDC;
	height:7px;
	width: 3000px;
}

.SearchCornerTopLeft
{
	background: url(Images/corner-top-left.gif) no-repeat top left;
	width:20px;
}

.SearchCornerTopRight
{
	background: url(Images/corner-top-right.gif) no-repeat top right;
	width: 20px;
}

.SearchCornerBottomLeft
{
	background: url(Images/corner-bottom-left.gif) no-repeat bottom left;
	width: 20px;
}

.SearchCornerBottomRight
{
	background: url(Images/corner-bottom-right.gif) no-repeat bottom right;
	width: 20px;
}

/************ MaskedEdit Related Styles **********************/
/* NOTE:  The MaskedEditExtender declares some default CSS
   class names, namely MaskedEditFocus, MaskedEditError,
   MaskedEditFocusNegative, and MaskedEditBlurNegative.  If these are
   present in the CSS file (as they are here), they will be automatically used. */

.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #ff0000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}


/*------------------------------------------------------------------------------
		GridView
 ------------------------------------------------------------------------------ */
.GVGrid
{
	cursor: default;
	border: solid 1px #003366;
}

.GVGrid td
{
	border-bottom: solid 1px silver;
	border-top: solid 1px silver;
	padding: 2px;
}

.GVGrid th
{
	padding: 3px;
	vertical-align: bottom;
}

.GVGrid th a:Link
{
	color: #F7F7F7;
	text-decoration: none;
	
}

.GVGrid th a:Visited
{
	color: #F7F7F7;
	text-decoration: none;
}

.GVGridRow
{
	background-color: #DCDCDC;
	cursor: default;
}

.GVGridRowAlternate
{
	background-color: #EDEDED;
	cursor: default;
}

.GVGridRowSelected
{
	background-color: gray;
	color: #F7F7F7;
	cursor: default;
}

.GVGridHeader
{
	font-size: 90%;
	background-color: #003366;
	color: #F7F7F7;
	font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
}

.GVGridPager
{
	font-size: 90%;
	text-align: center;
}

.GVGridFooter
{
	/*font-size: 75%;*/
	border: solid 1px silver;
	background-color: #CCCCCC;
	vertical-align: middle;
}

.GVGridButton
{
    text-align: center;
	cursor: hand;
	background-color: Transparent;
}


/*--------------------------------------------------------------------------------
CSS MASTER PAGE SECTION
---------------------------------------------------------------------------------*/
#MainContainer
{
    margin:0 0 0 0;
    padding:0 0 0 0; 
    font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
}
#PopupWindowMainContainer
{
    margin:0 0 0 0;
    padding:0 0 0 0; 
    font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
}
#HeaderContainer
{
    background-color: #003366;
    background-image: url(Images/header-gradient.gif);
    height: 55px;
    font-size: 8pt;
    width: 100%;
    color: White;
    padding-top: 2px;
    padding-bottom: 0px;
    overflow: hidden;
    position:relative;
}
#PopupWindowHeaderContainer
{
    background-color: #003366;
    background-image: url(Images/header-gradient.gif);
    height: 30px;
    width: 100%;
    color: White;
    padding-top: 2px;
    padding-bottom: 0px;
    overflow: hidden;
    position:relative;
}
#SentryLogo
{
    clear: none;
    display: inline;
    vertical-align: middle;
    
}
#ApplicationTitle
{
    font-weight: bold;
	font-size: 22px;
	clear:none;
	left:150px;
	top:7px;
	position:absolute;
}
#PopupWindowApplicationTitle
{
    font-weight: bold;
	font-size:medium;
	clear:none;
	left:10px;
	top:7px;
	position:absolute;
}
#PopupWindowCloseIcon
{
   text-align:right;
   position:absolute;
   right:10px;
   top:5px;
    
}
#TopMenuLinks
{
    text-align: right;
    vertical-align: top;
    display: inline;
    clear: none;
    right:7px;
    top:11px;
    position:absolute;
}
#UserSalute
{
    font-weight: bold;
	font-size: 12px;
	color: #F7F7F7;
	left:150px;
	top:37px;
	clear:none;
	position:absolute;
	vertical-align:top;
	text-align:right;
}
#UpperRightContent
{
    
    text-align: right;
    vertical-align: top;
    display: inline;
    clear: none;
    right: 7px;
    top: 33px;
    position: absolute;
}
#MenuContainer
{
    font-size:8pt;
    height:24px;
    width:100%;
    background-color: #003366;
    padding-top:0px;
    margin-top:0;
    clear:none;
    display:inline-block;
    vertical-align:top;
}
#TitleContainer
{
    font-size: 120%;
	font-weight: bold;
	padding: 4px 4px 8px 4px;
}
#PopupWindowTitleContainer
{
    font-size: 100%;
	font-weight: bold;
	padding: 4px 4px 8px 4px;
}
#ContentContainer
{
    padding: 0px 3px 0px 4px;
}
#PopupWindowContentContainer
{
    padding: 0px 3px 0px 4px;
}
@media print
{
#MainContainer
{
    margin:0 0 0 0;
    padding:0 0 0 0; 
    font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
    background-color:White;
}
#PopupWindowMainContainer
{
    margin:0 0 0 0;
    padding:0 0 0 0; 
    font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
    background-color:White;
}
#HeaderContainer
    {
        background-color: white;
        height: 75px;
        min-height:75px;
        font-size: 8pt;
        width: 100%;
        color: Black;
        padding-top: 2px;
        padding-bottom: 0px;
        position: relative;
        background-image: none;
    }
#SentryLogo
{
    display: none;
       
}
#ApplicationTitle
    {
        background-image: url(Images/SentryLogo.gif);
        font-weight: bold;
        font-size: 22px;
        clear: none;
        left: 0px;
        top: 0px;
        position: absolute;
        padding-left: 200px;
        padding-top: 10px;
        background-repeat: no-repeat;
        height:75px;
    }
#TopMenuLinks
{
    display: none
    
}
#UserSalute
{
    padding-left:40px;
    padding-top:5px;
    
    color:Black;
}
#MenuContainer
{
    display:none;   
}
#TitleContainer
{
    font-size: 120%;
	font-weight: bold;
	padding: 4px 4px 8px 4px;
	color:Black;
}
#ContentContainer
{
    padding: 0px 3px 0px 4px;
    display:inline;
}
    
}

/*--------------------------------------------------------------------------------
 Calendar Control (TextBox and CalendarExtender control)
---------------------------------------------------------------------------------*/

/*The outer rectangular container that supplies the border around the calendar element.*/
.MyCalendar .ajax__calendar_container {
	background-color: #F9FAE2;
	border: outset 1px #372F2B;
	font-family: Verdana;
	font-size: 9pt;
	color: Black;
}

/*A container element that holds the next and previous arrows and the title of the current view. */
.MyCalendar .ajax__calendar_header {
	background-color: #372F2B;
	font-size: 12pt;
	font-weight: bold;
	color: White;
}

/*An element that displays the arrow to view the previous set of data in the view(previous month/year/decade).*/
.MyCalendar .ajax__calendar_prev 
{
    padding-left: 2px;
    padding-top: 2px;
	background-image: url("./images/CalPrev.gif");
}

/*An element that displays the title of the current view (month name, year, decade).*/
.MyCalendar .ajax__calendar_title {
	background-color: #372F2B;
	font-size: 12pt;
	font-weight: bold;
	color: White;
}

/*An element that displays the title of the current view (month name, year, decade) when hovered over.*/
.MyCalendar .ajax__calendar_title:hover {
	background-color: #372F2B;
	font-size: 12pt;
	font-weight: bold;
	color: Silver;
}

/*An element that displays the arrow to view the previous set of data in the view (previous month/year/decade).*/
.MyCalendar .ajax__calendar_next 
{
    padding-right: 2px;
    padding-top: 2px;
	background-image: url("./images/CalNext.gif");
}

/*A container element that holds the days, months, and years panes. Also provides a fixed rectangle with hidden 
overflow that is used for transitioning between views (next/previous month, or days/months/years).*/
.MyCalendar .ajax__calendar_body 
{
    padding-left: 6px;
}

/*A container element that holds the layout for the days in a month.*/
.MyCalendar .ajax__calendar_days {
	background-color: #F9FAE2;
}

/*An element that displays the short name of the day of the week.*/
.MyCalendar .ajax__calendar_dayname {
	font-weight: bold;
	font-size: 8pt;
	border-width: 0px;
	margin: 0px 2px 0px 2px;
	text-align: center;
}

/*An element that displays the day of the month.*/
.MyCalendar .ajax__calendar_day {

}

/*A container element that holds the layout for the months in a year.*/
.MyCalendar .ajax__calendar_months {

}

/*An element that displays the month of the year.*/
.MyCalendar .ajax__calendar_month {

}
 
/*A container element that holds the layout for the years in a decade.*/
.MyCalendar .ajax__calendar_years {

}

/*An element that displays the year in a decade.*/
.MyCalendar .ajax__calendar_year {

}

/*A container element that holds the current date.*/
.MyCalendar .ajax__calendar_footer {

}

/*An element that displays the current date.*/
.MyCalendar .ajax__calendar_today {
	color: Black;
}

/*This is applied to an element in the DOM above a day, month or year and is used to apply CSS attributes that show a hover state.*/
.MyCalendar .ajax__calendar_hover {
	background-color: #F9FAE2;
	color: #666666;
} 

/*This is applied to an element in the DOM above a day, month or year and is used to apply CSS attributes 
that show the currently selected value.*/
.MyCalendar .ajax__calendar_active {
	background-color: #372F2B;
	color: White;
}

/*This is applied to an element in the DOM above a day or year that is outside of the current view (day not 
in the visible month, year not in the visible decade).*/
.MyCalendar .ajax__calendar_other {
	color: #666666;
}