/*
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!! IMPORANT!!!!
!!
!! Cloudflare caches all .css files, requiring you add/incrment the following line 
!! in every file that references this CSS file: 
	<link href="../../styles/StyleSheet.css?newcache01" rel="Stylesheet" type="text/css" />
!! ICREMENT THE NUMBER IN EACH IMPACTED FILE (e.g., ?newcache01? - to - ?newcache02?)
!!
!! As fo 4/6/2020 these files access this CSS: 
!!	C:\Workspace\ASBOA\Website\Main\ASBOAWebsite\DefaultLayout.Master
!!  C:\Workspace\ASBOA\Website\Main\ASBOAWebsite\File_Exchange\DefaultLayout.Master
!!  C:\Workspace\ASBOA\Website\Main\ASBOAWebsite\Login\DefaultLayout.Master
!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
*/

.breadcrumbText {
	width: 294px;
}

.breadcrumbTextPath {
	width: 509px;
}

.indentLaws {
	padding-left: 1em;
}


.outofservice
{
	text-decoration: line-through;
}
body {
}
/*Skip Nav used by DefaultLayout.Master*/
.usa-skipnav {
	background: transparent;
	color: #212121;
	left: 0;
	padding: 1rem 1.5rem;
	position: absolute;
	top: -4.2rem;
	transition: all 0.2s ease-in-out;
	z-index: 100;
}
.usa-skipnav:focus {
		background: #ffffff;
		left: 0;
		outline: 0;
		position: absolute;
		top: 0;
		transition: all 0.2s ease-in-out;
}

.FORMATTING_TABLES{}
	.ContentTable{
		width: 100%;
		border: 0;
		width: 981;}

.FORMATTING_LINKS{}
	a	{
		font-family: Calibri, Arial, Helvetica, Sans-Serif;
		font-size: medium;
		font-weight: normal;
		font-style: normal;
		color: #0000D2; }
	a:visited{
		color: Navy; }
	a:hover{
		font-weight: bold; }	
	.SmallLinks{
		font-size: 12pt; }

.FORMATTING_JUNK{}
	.style3{
		color: #000080;
		font-style: italic;	}
	.NarativeText{
		font-family: Arial, Helvetica, sans-serif;
		font-size: medium;
		font-weight: normal;
		font-style: normal;
		color: #000000;	}

.FORMATTING_TEXT{}
	.PicCaption{
		font-family: Arial, Helvetica, sans-serif;
		font-size: x-small;
		font-weight: normal;
		font-style: normal;
		color: #000000; }
	.HelpPopups{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11pt;
		font-weight: normal;
		font-style: normal;
		color: #000000; }		
	.PageText{
		font-family: Calibri, Arial, Helvetica, sans-serif;
		font-size: 11pt;
		font-weight: normal;
		font-style: normal; 
		text-align: justify;
		color: #000000;
    }
	.PageTitle{
		font-family: Calibri, Arial, Helvetica, sans-serif;
		font-size: 11pt;
		font-weight: bold;
		font-style: italic;
		color: White;
		background-color: #1B213A; }
	.SectionTitle{
		font-family: Calibri, Arial, Helvetica, sans-serif;
		font-size: 11pt;
		font-weight: bold;
		font-style: normal;
		color: White;
		background-color: #1B213A; }
	.LinksTitle{
		font-family: Calibri, Arial, Helvetica, sans-serif;
		font-size: 11pt;
		font-weight: bold;
		font-style: normal;
		color: White;
		background-color: #333333; }		
	.SectionText{
		font-family: Calibri, Arial, Helvetica, sans-serif;
		font-size: 11pt;
		font-weight: normal;
		font-style: normal; 
		text-align: justify;
		color: #000000; } 
	.SubSectionTitle{
		font-family: Calibri, Arial, Helvetica, sans-serif;
		font-size: 11pt;
		font-weight: bold;
		font-style: normal; 
		color: #1B213A; 
		background-color: #E2E6F1; }	
	.SubSectionTitle2{
		font-family: Calibri, Arial, Helvetica, sans-serif;
		font-size: 11pt;
		font-weight: bold;
		font-style: normal; 
		color: #1B213A; 
		background-color: #F0F0F9; }			
	.FlashText{
		margin-left: -999px;
		padding-left: -999px;
		float: left;
		position: fixed;
		left: -999px; }		

.FORMATTING_MENU{}
    .form_menu{
        font-family: Calibri, Arial, Helvetica, sans-serif;
		font-size: 9pt;
	    padding-bottom: 0.0em;
	    margin: 0px;
	    padding-left: 0.5em;
	    padding-right: 0.5em;
	    color: #fff;
	    padding-top: 0.0em; }
	    
#modalContainer {
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
	background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}
 
#alertBoxInfo {
	position:relative;
	width:300px;
	min-height:100px;
	margin-top:50px;
	border:2px solid #000;
	background-color:#BDE5F8;
	background-image:url(info.png);
	background-repeat:no-repeat;
	background-position:20px 30px;
}
 
#modalContainer > #alertBoxInfo {
	position:fixed;
}
 
#alertBoxInfo h1 {
	margin:0;
	font:bold 0.9em verdana,arial;
	text-align:center;
	background-color:#00529B;
	color:#FFF;
	border-bottom:1px solid #000;
	padding:2px 0 2px 5px;
}
 
#alertBoxInfo p {
	font:0.7em verdana,arial;
	height:auto;
	padding-left:5px;
	margin-left:55px;
	margin-right:10px
}
 
#alertBoxInfo #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	padding:3px;
	border:2px solid #000;
	width:70px;
	font:0.7em verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#00529B;
	text-decoration:none;
}

#alertBoxError {
	position:relative;
	width:300px;
	min-height:100px;
	margin-top:50px;
	border:2px solid #000;
	background-color:#FFBABA;
	background-image:url(error.png);
	background-repeat:no-repeat;
	background-position:20px 30px;
}

#alertBoxError h1 {
	margin:0;
	font:bold 0.9em verdana,arial;
	text-align:center;
	background-color:#D8000C;
	color:#FFF;
	border-bottom:1px solid #000;
	padding:2px 0 2px 5px;
}

#alertBoxError p {
	font:0.7em verdana,arial;
	height:auto;
	padding-left:5px;
	margin-left:55px;
	margin-right:10px
}
 
#alertBoxError #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	padding:3px;
	border:2px solid #000;
	width:70px;
	font:0.7em verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#D8000C;
	text-decoration:none;
}

#alertBoxWarning {
	position:relative;
	width:300px;
	min-height:100px;
	margin-top:50px;
	border:2px solid #000;
	background-color:#FEEFB3;
	background-image:url(warning.png);
	background-repeat:no-repeat;
	background-position:20px 30px;
}

#alertBoxWarning h1 {
	margin:0;
	font:bold 0.9em verdana,arial;
	text-align:center;
	background-color:#9F6000;
	color:#FFF;
	border-bottom:1px solid #000;
	padding:2px 0 2px 5px;
}

#alertBoxWarning p {
	font:0.7em verdana,arial;
	height:auto;
	padding-left:5px;
	margin-left:55px;
	margin-right:10px
}
 
#alertBoxWarning #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	padding:3px;
	border:2px solid #000;
	width:70px;
	font:0.7em verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#9F6000;
	text-decoration:none;
}

#alertBoxSuccess {
	position:relative;
	width:300px;
	min-height:100px;
	margin-top:50px;
	border:2px solid #000;
	background-color:#DFF2BF;
	background-image:url(success.png);
	background-repeat:no-repeat;
	background-position:20px 30px;
}

#alertBoxSuccess h1 {
	margin:0;
	font:bold 0.9em verdana,arial;
	text-align:center;
	background-color:#4F8A10;
	color:#FFF;
	border-bottom:1px solid #000;
	padding:2px 0 2px 5px;
}

#alertBoxSuccess p {
	font:0.7em verdana,arial;
	height:auto;
	padding-left:5px;
	margin-left:55px;
	margin-right:10px
}
 
#alertBoxSuccess #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	padding:3px;
	border:2px solid #000;
	width:70px;
	font:0.7em verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#4F8A10;
	text-decoration:none;
}

/*.imageButtonAttach {
	position: absolute;
}*/

/*Buttons command images with links*/
.Hidebuttons {
	display: none;
}
.imageButton:hover {
	transform: scale(0.95, 0.95);
	filter: drop-shadow(5px 5px 5px cornsilk);
}
.imageButton:active {
	filter: grayscale(100%);
	transform: scale(0.90, 0.90);
	filter: drop-shadow(5px 5px 5px lightblue);
}
.imageButton:disabled, imageButton[disabled] {
	filter: grayscale(50%);
	transform: scale(0.99, 0.99);
	filter: brightness(50%);
	filter: contrast(50%);
}


.imageButtonAttach:hover
{
	transform: scale(0.95, 0.95);
	filter:drop-shadow(25px 25px 25px cornsilk);
}
.imageButtonAttach:active {
	filter: grayscale(100%);
	transform: scale(0.90, 0.90);
}

.imageLink img:hover {
	transform: scale(0.95, 0.95);
	filter: drop-shadow(2px 2px 2px cornsilk);
}
.imageLink img:active {
	filter: grayscale(100%);
	transform: scale(0.90, 0.90);
	filter: drop-shadow(5px 5px 5px lightblue);
}

.bannerLink:hover {
	/*filter: drop-shadow(5px 5px 5px cornsilk);*/
	filter: drop-shadow(4px 4px 4px black);
}

.bannerLink:active {
	background-color: gray;
	opacity: 0.5;
	filter: drop-shadow(25px 25px 25px lightblue);
}

/*Added For Meeting Single Calendar ------------------------------------------------------------------------*/
div.RadCalendar_Single {
	border-collapse: separate;
	border: solid;
	/*background:#CCD1D1;*/ /*background:#272727;Calendar Background Color*/
	background-color: silver;
	color: #000000; /*color:#fff;Calendar Font color*/
	font: 12px "segoe ui",arial,sans-serif;
	text-align: left;
	width: 970px;
	/*height:600px;*/
}
.RadCalendar_Single .rcTitlebar
{
    width:100%;
}
.RadCalendar span.rcTitle {
    display: block;
}
.RadCalendar_Single .rcTitlebar
{
    width:100%;
    border-collapse:separate;
    border:0;
    font:14px/27px arial,tahoma,sans-serif;
}
.RadCalendar_Single .rcTitlebar a
{
    border:0;
    padding:0;
    text-align:center;
    vertical-align:middle;
    font:16px/27px arial,tahoma,sans-serif;
}
.RadCalendar_Single .rcTitlebar .rcTitle
{
    width:100%; /*Calendar Month Header*/
    cursor:default;
    text-align:center;
    border-style:solid;
    color:white;
    font:16px/27px arial,tahoma,sans-serif;
    background-color:#1B203A;
    border-color:#1B203A;
}
.RadCalendar_Single .rcTitlebar .rcPrev,
.RadCalendar_Single .rcTitlebar .rcNext,
.RadCalendar_Single .rcTitlebar .rcFastPrev,
.RadCalendar_Single .rcTitlebar .rcFastNext
{
    display:block;
    text-decoration:none;
    color:white; /*Title Month Controls Color*/
    float:left;
}
.RadCalendar_Single .rcTitlebar .rcNext,
.RadCalendar_Single .rcTitlebar .rcFastNext {
    float:right; /*Title Month Controls*/
}
.RadCalendar_Single .rcTitlebar .rcFastPrev
{
    /*background-position:0 0;*/
}
.RadCalendar_Single .rcTitlebar .rcFastPrev:hover
{
    /*background-position:0 -50px;*/
}
.RadCalendar_Single .rcTitlebar .rcPrev
{
    /*background-position:0 -100px;*/
}
.RadCalendar_Single .rcTitlebar .rcPrev:hover
{
    /*background-position:0 -150px;*/
}
.RadCalendar_Single .rcTitlebar .rcNext
{
    /*background-position:0 -200px;*/
}
.RadCalendar_Single .rcTitlebar .rcNext:hover
{
    /*background-position:0 -250px;*/
}
.RadCalendar_Single .rcTitlebar .rcFastNext
{
    /*background-position:0 -300px;*/
}
.RadCalendar_Single .rcTitlebar .rcFastNext:hover
{
    /*background-position:0 -350px;*/
}
.RadCalendar_Single .rcMain
{
    width:100%;
    border:solid;
    padding:0;
    text-align:left;
}
.RadCalendar_Single .rcMainTable
{
    border-collapse:separate;
    border:solid;
    width:100%;
    font:12px/17px "segoe ui",arial,sans-serif;
    text-align:left;
}
 
/*header, footer*/
 
.RadCalendar_Single .rcHeader,
.RadCalendar_Single .rcFooter
{
    /*border:0;
    padding:0;*/
}
 
/*week numbers and days*/
 
.RadCalendar_Single .rcWeek th,
.RadCalendar_Single .rcRow th
{
    border:solid;
    font-weight:normal;
    vertical-align:middle;
    text-align:left;
    cursor:default;
    border-style:solid;
    color:white;/*color:#c8c8c8; Header Days of The Month*/
    font:14px "segoe ui",arial,sans-serif;
    background-color:midnightblue;
    border-color:black;
}
.RadCalendar_Single .rcWeek th
{
    text-align:center;
}
 
/*date cells*/
 
.RadCalendar_Single .rcRow td
{
    text-align:right;
}
.RadCalendar_Single .rcRow .rcOtherMonth
{
    background:none;
    font:1px/1px sans-serif;
    text-align:left;
}
.RadCalendar_Single .rcRow a,
.RadCalendar_Single .rcRow span,
.RadCalendar_Single .rcTemplate
{
    display:block;
    width:127px;
    height:105px;
    text-decoration:solid;
    text-align:left; /*Aligh day cell text*/
    border:solid;
    background-color:#E9E9E9;
}
.RadCalendar_Single .rcRow a
{
    color:#000000;
    border:solid;
}
.RadCalendar_Single .rcRow .rcHover a,
.RadCalendar_Single .rcRow .rcSelected a
{
    /*background-position:0 -500px;*/
    /*color:#000000;*//*color:#000;*/
}
 
/*special days*/
 
.RadCalendar_Single .rcRow .rcHover .rcTemplate,
.RadCalendar_Single .rcRow .rcSelected .rcTemplate
{
    /*color:#000000;/*color:#fc0;*/
}
.RadCalendar_Single .rcWeekend a
{
    background:silver;
    display:block;
    width:127px;
    height:105px;/*height:95px;*/
    text-decoration:solid;
    text-align:left; /*Aligh day cell text*/
    /*border:solid;*/
    background-color:darkgray;
}

/*Added For Meeting Double Calendar ------------------------------------------------------------------------*/
div.RadCalendar_Double
{
    border-collapse:separate;
    border:solid;
    /*background:#CCD1D1;*//*background:#272727;Calendar Background Color*/
    background-color:silver;
    color:#000000;/*color:#fff;Calendar Font color*/
    font:12px "segoe ui",arial,sans-serif;
    text-align:left;
    width:970px;
    /*height:600px;*/
}
.RadCalendar_Double .rcTitlebar
{
    width:100%;
}
.RadCalendar span.rcTitle {
    display: block;
}
.RadCalendar_Double .rcTitlebar
{
    width:100%;
    border-collapse:separate;
    border:0;
    font:14px/27px arial,tahoma,sans-serif;
}
.RadCalendar_Double .rcTitlebar a
{
    border:0;
    padding:0;
    text-align:center;
    vertical-align:middle;
    font:16px/27px arial,tahoma,sans-serif;
}
.RadCalendar_Double .rcTitlebar .rcTitle
{
    width:100%; /*Calendar Month Header*/
    cursor:default;
    text-align:center;
    border-style:solid;
    color:white;
    font:16px/27px arial,tahoma,sans-serif;
    background-color:#1B203A;
    border-color:#1B203A;
}
.RadCalendar_Double .rcTitlebar .rcPrev,
.RadCalendar_Double .rcTitlebar .rcNext,
.RadCalendar_Double .rcTitlebar .rcFastPrev,
.RadCalendar_Double .rcTitlebar .rcFastNext
{
    display:block;
    text-decoration:none;
    color:white; /*Title Month Controls Color*/
    float:left;
}
.RadCalendar_Double .rcTitlebar .rcNext,
.RadCalendar_Double .rcTitlebar .rcFastNext {
    float:right; /*Title Month Controls*/
}
.RadCalendar_Double .rcTitlebar .rcFastPrev
{
    /*background-position:0 0;*/
}
.RadCalendar_Double .rcTitlebar .rcFastPrev:hover
{
    /*background-position:0 -50px;*/
}
.RadCalendar_Double .rcTitlebar .rcPrev
{
    /*background-position:0 -100px;*/
}
.RadCalendar_Double .rcTitlebar .rcPrev:hover
{
    /*background-position:0 -150px;*/
}
.RadCalendar_Double .rcTitlebar .rcNext
{
    /*background-position:0 -200px;*/
}
.RadCalendar_Double .rcTitlebar .rcNext:hover
{
    /*background-position:0 -250px;*/
}
.RadCalendar_Double .rcTitlebar .rcFastNext
{
    /*background-position:0 -300px;*/
}
.RadCalendar_Double .rcTitlebar .rcFastNext:hover
{
    /*background-position:0 -350px;*/
}
.RadCalendar_Double .rcMain
{
    width:100%;
    border:solid;
    padding:0;
    text-align:left;
}
.RadCalendar_Double .rcMainTable
{
    border-collapse:separate;
    border:solid;
    width:100%;
    font:12px/17px "segoe ui",arial,sans-serif;
    text-align:left;
}
 
/*header, footer*/
 
.RadCalendar_Double .rcHeader,
.RadCalendar_Double.rcFooter
{
    /*border:0;
    padding:0;*/
}
 
/*week numbers and days*/
 
.RadCalendar_Double .rcWeek th,
.RadCalendar_Double .rcRow th
{
    border:solid;
    font-weight:normal;
    vertical-align:middle;
    text-align:left;
    cursor:default;
    border-style:solid;
    color:white;/*color:#c8c8c8; Header Days of The Month*/
    font:14px "segoe ui",arial,sans-serif;
    background-color:midnightblue;
    border-color:black;
}
.RadCalendar_Double .rcWeek th
{
    text-align:center;
}

/*date cells*/
 
.RadCalendar_Double .rcRow td
{
    text-align:right;
}
.RadCalendar_Double .rcRow .rcOtherMonth
{
    background:none;
    font:1px/1px sans-serif;
    text-align:left;
}
.RadCalendar_Double .rcRow a,
.RadCalendar_Double .rcRow span,
.RadCalendar_Double .rcTemplate
{
    display:block;
    width:127px;
    height:185px;/*height:95px;*/
    text-decoration:solid;
    text-align:left; /*Aligh day cell text*/
    border:solid;
    background-color:#E9E9E9;
}
.RadCalendar_Double .rcRow a
{
    color:#000000;
    border:solid;
}
.RadCalendar_Double .rcRow .rcHover a,
.RadCalendar_Double .rcRow .rcSelected a
{
    /*background-position:0 -500px;*/
    /*color:#000000;*//*color:#000;*/
}
 
/*special days*/
 
.RadCalendar_Double .rcRow .rcHover .rcTemplate,
.RadCalendar_Double .rcRow .rcSelected .rcTemplate
{
    /*color:#000000;/*color:#fc0;*/
}
.RadCalendar_Double .rcWeekend a
{
    background:silver;
    display:block;
    width:127px;
    height:185px;/*height:95px;*/
    text-decoration:solid;
    text-align:left; /*Aligh day cell text*/
    /*border:solid;*/
    background-color:darkgray;
}

/*Added For Meeting Master Calendar ------------------------------------------------------------------------*/
.RadMasterCalendarHeader
{
    background-color:silver !important;
    background-image:none !important;   
    color:black !important;
    border-width:1px !important;
    border-style:double !important;
    border-color:black !important;
    border-collapse:separate !important;
    border:solid !important;
    text-align:center !important;
    vertical-align:top !important;   
    cursor:default !important;   
}
.RadMasterCalendarItem
{
    background-color:White !important;
    background-image:none !important;
    color:black !important;
    border-color:black !important;
    border-width:10px !important;
    border-style:solid !important;
}