/* PAGE STYLES */
.afSiteMapPath 
{
	color:#333333;
	font-size:12px;
	font-weight:bold;
	margin:10px 5px 5px 10px;
}
.afSiteMapPath a:link { font-weight: normal; color: #333333; text-decoration: none}
.afSiteMapPath a:visited {font-weight: normal; color: #333333; text-decoration: none}
.afSiteMapPath a:active { font-weight: normal; color: #333333; text-decoration: none}
.afSiteMapPath a:hover { font-weight: normal; color: #666666; text-decoration: underline}

/* Page Navigation (i.e. top buttons) */
.afPageNavigation
{
	 border-top:solid 1px #9A9A9A;
	 border-bottom:solid 1px #9A9A9A;
	 border-left:solid 1px #9A9A9A;
	 border-right:solid 1px #9A9A9A;
	 background-color:#DEDEDE;
	 height:38px;
	 font-size:11px;
	 margin: 0px  2px 0px 12px;
	 width:98%;
}

.afPageDetail
{
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 100%;
	
}
.afPageText
{
	margin:  10px 80px 10px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal; 
}
.afPageText TD
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;    
}
.afPageContent
{
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: normal; 
  height: calc(100% - 20px);	
}
.afSectionNav 
{
/*	background-color: #656565;
	border: solid 1px #000000;
	text-align:center;*/
	
}
.afSectionFooter 
{
	background-color: #656565;
	border: solid 1px #000000;
	text-align:center;
	
}

.afSiteFooter 
{
	background-color: #FFFFFF;
	text-align:left;
	
}

.afMessageDisplay 	{ 
		width: 99%; 
		background-color:#FFFFD5; 
		color:#990000; 
		margin: 5px 0px 5px 7px; 
		border-top:solid 1px #990000; 
		border-bottom:solid 1px #990000; 
		border-left:solid 1px #990000; 
		border-right:solid 1px #990000; 		
		}		
.afMessageDisplay.Error	{ 

		background-color:#FFFFD5; 
		color:#990000; 
		border-top:solid 1px #990000; 
		border-bottom:solid 1px #990000; 
		border-left:solid 1px #990000; 
		border-right:solid 1px #990000; 		
		}
.afMessageDisplay.Warning	{ 
		background-color:#FFFFD5; 
		color:#AAAA00; 
		border-top:solid 1px #AAAA00; 
		border-bottom:solid 1px #AAAA00; 
		border-left:solid 1px #AAAA00; 
		border-right:solid 1px #AAAA00; 		
		}
.afMessageDisplay.Info	{ 
		background-color:#FFFFD5; 
		color:#000099; 
		border-top:solid 1px #000099; 
		border-bottom:solid 1px #000099; 
		border-left:solid 1px #000099; 
		border-right:solid 1px #000099; 		
		}
.afMessageDisplay.Confirm	{ 
		background-color:#FFFFD5; 
		color:#000099; 
		border-top:solid 1px #000099; 
		border-bottom:solid 1px #000099; 
		border-left:solid 1px #000099; 
		border-right:solid 1px #000099; 		
		}		
.afMessageDisplayItem_Error { color:#990000; }
.afMessageDisplayItem_Error A { color:#990000; text-decoration:none; }
.afMessageDisplayItem_Error A:hover { color:#990000; text-decoration:underline; }
.afMessageDisplayItem_Warning { color:#AAAA00; }
.afMessageDisplayItem_Warning A { color:#AAAA00; text-decoration:none; }
.afMessageDisplayItem_Warning A:hover { color:#AAAA00; text-decoration:underline; }
.afMessageDisplayItem_Info { color:#000099; }
.afMessageDisplayItem_Info A { color:#000099; text-decoration:none; }
.afMessageDisplayItem_Info A:hover { color:#000099; text-decoration:underline; }
.afMessageDisplayItem_Confirm { color:#000099; }
.afMessageDisplayItem_Confirm A { color:#000099; text-decoration:none; }
.afMessageDisplayItem_Confirm A:hover { color:#000099; text-decoration:underline; }

.afError {
		color:#990000; 
}

.afAdditionalInfo 
{
	background-color: #676767;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: solid 1px #676767;
	width: 400px;
	font-weight: bold; 
	color: #634173; 
	text-decoration: none
}


.afAdditionalInfoTitle 
{
	background-color: #676767;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0;
	height: 30px;
	width: 100%;
	font-weight: bold; 
	color: #634173; 
	text-decoration: none
}

.afAdditionalInfoText 
{
	background-color: #CCCCCC;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: none;
	height: 200px;
	width: 100%;
	font-weight: normal; 
	color: #000000; 
	text-decoration: none
}

.afPageBox 
{
	margin:  5px 5px 5px 15px;
	background-color: #FFFFD5;
	border-left:solid 1px #242424; 	 
	border-top:solid 1px #242424; 	 
	border-right:solid 2px #242424; 	 
	border-bottom:solid 2px #242424; 	 
}


.afPageFrame 
{
	margin:  5px 5px 5px 15px;
	background-color: #FFFFFF;
	border:solid 1px #242424; 	 
	width:500px;
	
}

.afListPagingLinks 
{
	font-size: 12px;
	font-weight:bold;
}
.afListPagingLinks a:link { font-weight: normal; font-size: 11px; color: #333333; text-decoration: none}
.afListPagingLinks a:active { font-weight: normal; font-size: 11px; color: #333333; text-decoration: none}
.afListPagingLinks a:visited {font-weight: normal; font-size: 11px; color: #333333; text-decoration: none}
.afListPagingLinks a:hover { font-weight: normal; font-size: 11px; color: #666666; text-decoration: underline}

/* Data Grid Styles */
.afDataList 
{
	padding:0 5px 0 5px;
}

.afDataListHeader
{
	background-color:#676767;
	color:#FFFFFF;
	font-size:12px;
	height:30px;
	 

}
.afDataListHeader a:link { font-weight: bold; color: #FFFFFF; text-decoration: none}
.afDataListHeader a:active { font-weight: bold; color: #FFFFFF; text-decoration: none}
.afDataListHeader a:visited {font-weight: bold; color: #FFFFFF; text-decoration: none}
.afDataListHeader a:hover { font-weight: bold; color: #634173; text-decoration: underline}


.afDataListPager
{
	 background-color:#676767;
	 text-align:right;
}

.afDataListRow
{
  background-color: #FFFFFF;
  color:black;
  padding:0px 5px 0px 5px;
  margin: 1px 1px 1px 1px;
  height:20px;
  text-align:left;
  font-size:12px;
  /* cursor: pointer; */
}
.afDataListRow TD {padding:0 5px 0 5px; }

.afDataListRowAlt
{
  background-color: #FFFFFF;
  color:black;
  margin: 1px 1px 1px 1px;
  padding:0px 5px 0px 5px;
  height:20px;
  text-align:left;
  font-size:12px;
  /* cursor: pointer; */
}
.afDataListRowAlt TD {padding:0 5px 0 5px; }

.afDataListRowHover
{
  background-color: #DEDEDE;
  color:black;
  margin: 1px 1px 1px 1px;
  height:20px;
  text-align:left;
  font-size:12px;
  /* cursor: pointer; */
}

.afDataListRowHover TD {padding:0 5px 0 5px; }

.afDataListRowSel
{
  background-color: #DEDEDE;
  color:black;
  margin: 1px 1px 1px 1px;
  height:20px;
  text-align:left;
  font-size:12px;
  /* cursor: pointer; */
}
.afDataListRowSel TD {padding:0 5px 0 5px; }

.afDataListHeader a:link { font-weight: bold; color: #FFFFFF; text-decoration: none}
.afDataListHeader a:active { font-weight: bold; color: #FFFFFF; text-decoration: none}
.afDataListHeader a:visited {font-weight: bold; color: #FFFFFF; text-decoration: none}
.afDataListHeader a:hover { font-weight: bold; color: #634173; text-decoration: underline}

.afDataListRow a:link { font-weight: normal; color: #000000; text-decoration: none}
.afDataListRow a:active { font-weight: normal; color: #000000; text-decoration: none}
.afDataListRow a:visited { font-weight: normal; color: #000000; text-decoration: none}
.afDataListRow a:hover { font-weight: normal; color: #666666; text-decoration: underline}

.afDataListRowAlt a:link { font-weight: normal; color: #000000; text-decoration: none}
.afDataListRowAlt a:active { font-weight: normal; color: #000000; text-decoration: none}
.afDataListRowAlt a:visited { font-weight: normal; color: #000000; text-decoration: none}
.afDataListRowAlt a:hover { font-weight: normal; color: #666666; text-decoration: underline}

.afDataListRowHover a:link { font-weight: normal; color: #000000; text-decoration: none}
.afDataListRowHover a:active { font-weight: normal; color: #000000; text-decoration: none}
.afDataListRowHover a:visited { font-weight: normal; color: #000000; text-decoration: none}
.afDataListRowHover a:hover { font-weight: normal; color: #666666; text-decoration: underline}


a.afDataListAction:link { font-size:9px; font-weight: normal; color: #333333; text-decoration: none}
a.afDataListAction:active { font-size:9px; font-weight: normal; color: #333333; text-decoration: none}
a.afDataListAction:visited { font-size:9px; font-weight: normal; color: #333333; text-decoration: none}
a.afDataListAction:hover { font-size:9px; font-weight: bold; color: #666666; text-decoration: underline}


.afDataListAction a:link { font-size:9px; font-weight: normal; color: #333333; text-decoration: none}
.afDataListAction a:active { font-size:9px; font-weight: normal; color: #333333; text-decoration: none}
.afDataListAction a:visited { font-size:9px; font-weight: normal; color: #333333; text-decoration: none}
.afDataListAction a:hover { font-size:9px; font-weight: bold; color: #666666; text-decoration: underline}


/* Data Child List Styles */
.afDataChildList 
{
	border-top: solid 1px #FFFFFF;
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;

}



/* Data Styles */
.afDataTitle
{
	 font-size:14px;
	 font-weight:bold;
	 color:#222222;
}
.afDataHeader
{
	 font-size:14px;
	 font-weight:bold;
	 color:#666666;
}
.afDataHeaderDisabled
{
	 font-size:14px;
	 font-weight:bold;
	 color:#999999;
}
.afDataSubHeader
{
	 font-size:12px;
	 font-weight:bold;
	 color:#666666;
}

.afData
{
	 font-size:11px;
	 font-weight:bold;
	 text-align:Left;
	 color:#000000;
}
.afData a:link { font-weight: bold; color: #000000; text-decoration: none}
.afData a:active { font-weight: bold; color: #000000; text-decoration: none}
.afData a:visited { font-weight: bold; color: #000000; text-decoration: none}
.afData a:hover { font-weight: bold; color: #666666; text-decoration: underline}

.afDataListItem { 
        margin: 0 0 0 50px; 
        text-indent: -20px; 
} 

.afDataLabel
{
	 font-size:10px;
	 font-weight:normal;
	 text-align:right;
	 color:#333333;
	 vertical-align:top;
   border: none;
   padding-top:4px;
}
.afDataLabel.left
{
	 text-align:left;
}
.afDataLabel A
{
	 font-size:10px !important;
   color:#333333 !important;
   text-decoration:underline !important;

}

.afDataLabelReq
{
	 font-size:10px;
	 font-weight:bold;
	 text-align:right;
	 color:#000000;
}
.afDataLabelError
{
	 font-size:10px;
	 font-weight:bold;
	 text-align:right;
	 color:#990000;
}
.Required 
{
	 font-weight:bold;
}
.Error
{
	 color:#990000;
}
.RequiredError 
{
	 color:#990000;
	 font-weight:bold;
}

.afDataComment, .afDataComment A
{
	 font-size:9px!Important;
	 font-weight:normal;
	 color:#777777!Important;
}
.afDataAlert
{
	 font-size:9px;
	 font-weight:bold;
	 color:red;
}
.afDataDim
{
	 font-size:9px;
	 color:#333333;
}

.afDataTotal
{
	 font-size:11px;
	 color:#000000;
	 border-Left:solid 1px #333333;
	 border-Right:solid 1px #333333;
	 border-Bottom:solid 1px #333333;
	 text-align:right;
	 padding:  2px 5px 2px 5px
}

/* Display Grid Styles */
.afDisplayList 
{
	padding:0 5px 0 5px;
	border:none;
}
.afDisplayList TD
{
	padding-left:  5px;
	padding-right:  2px;
}	
.afDisplayList TH
{
	background-color:#FFFFD5;
	color:#333333;
	font-size:11px;
	font-weight:bold;
	padding:  2px 5px 2px 5px;
	Height: 20px;
}	

.afDisplayListHeader
{
	background-color:#083C64;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	padding:  2px 5px 2px 5px;
	Height: 20px;
}


.afDisplayData
{
	background-color:#FFFFFF;
	color:#000000;
	font-size:11px;
	font-weight:normal;
	border: none;
	padding:  5px  5px 5px 5px;
}	

.afDisplayListRow
{
  color:black;
  padding: 0px 5px 0px 5px;
  margin: 1px 1px 1px 1px;
  height:15px;
  text-align:left;
  font-size:11px;
}
.afDisplayListRow a:link { font-weight: normal; color: #0033CC; text-decoration: none}
.afDisplayListRow a:active { font-weight: normal; color: #000000; text-decoration: none}
.afDisplayListRow a:visited { font-weight: normal; color: #0033CC; text-decoration: none}
.afDisplayListRow a:hover { font-weight: normal; color: #666666; text-decoration: underline}

.afDisplayListRowAlt a:link { font-weight: normal; color: #0033CC; text-decoration: none}
.afDisplayListRowAlt a:active { font-weight: normal; color: #000000; text-decoration: none}
.afDisplayListRowAlt a:visited { font-weight: normal; color: #0033CC; text-decoration: none}
.afDisplayListRowAlt a:hover { font-weight: normal; color: #666666; text-decoration: underline}

.afDisplayListRowHover a:link { font-weight: normal; color: #0033CC; text-decoration: none}
.afDisplayListRowHover a:active { font-weight: normal; color: #000000; text-decoration: none}
.afDisplayListRowHover a:visited { font-weight: normal; color: #0033CC; text-decoration: none}
.afDisplayListRowHover a:hover { font-weight: normal; color: #666666; text-decoration: underline}


.afDisplayHeader
{
	color:#333333;
	font-size:13px;
	font-weight:bold;
	padding:  25px 0px 5px 0px;
}
.afSelectList 
{
 	background-color: #FFFFFF;
	padding:0px 0px 0px 0px;
	border: solid 1px #FFFFFF;
}
.afSelectListRow
{
  color:black;
  padding: 3px 5px 0px 5px;
  margin: 1px 1px 1px 1px;
  height:15px;
  text-align:left;
  font-size:11px;
  border: solid 1px #FFFFFF;
}

.afInfoPanel.locked {
	background-color: #ebebeb;
}
.afInfoPanel.locked .afSelectListRow {
	border: solid 1px #ebebeb;
}



/* Cart Grid Styles */
.afCartList 
{
	padding:0px 0px 0px 0px;
	border: solid 1px #333333;
}
.afCartList TD
{
	padding-left:  5px;
	padding-right:  2px;
}	
.afCartList TH
{
	background-color:#CCCCCC;
	color:#333333;
	font-size:11px;
	font-weight:bold;
	padding:  2px 5px 2px 5px;
	Height: 20px;
}	

.afCartListHeader
{
	background-color:#CCCCCC;
	color:#333333;
	font-size:11px;
	font-weight:bold;
	padding:  2px 5px 2px 5px;
	Height: 20px;
}


.afCartData
{
	background-color:#FFFFFF;
	color:#000000;
	font-size:11px;
	font-weight:normal;
	border: solid 1px #DDDDDD;
	padding:  5px  5px 5px 5px;
}	

.afCartListRow
{
  background-color: #FFFFFF;
  color:black;
  padding: 0px 5px 0px 5px;
  margin: 1px 1px 1px 1px;
  height:15px;
  text-align:left;
  font-size:11px;
  border: solid 1px #DDDDDD;
  /* cursor: pointer; */
}
.afCartListRow a:link { font-weight: normal; color: #000000; text-decoration: none}
.afCartListRow a:active { font-weight: normal; color: #000000; text-decoration: none}
.afCartListRow a:visited { font-weight: normal; color: #000000; text-decoration: none}
.afCartListRow a:hover { font-weight: normal; color: #666666; text-decoration: underline}

.afCartListRowAlt a:link { font-weight: normal; color: #000000; text-decoration: none}
.afCartListRowAlt a:active { font-weight: normal; color: #000000; text-decoration: none}
.afCartListRowAlt a:visited { font-weight: normal; color: #000000; text-decoration: none}
.afCartListRowAlt a:hover { font-weight: normal; color: #666666; text-decoration: underline}

.afCartListRowHover a:link { font-weight: normal; color: #000000; text-decoration: none}
.afCartListRowHover a:active { font-weight: normal; color: #000000; text-decoration: none}
.afCartListRowHover a:visited { font-weight: normal; color: #000000; text-decoration: none}
.afCartListRowHover a:hover { font-weight: normal; color: #666666; text-decoration: underline}


.afCartHeader
{
	color:#333333;
	font-size:13px;
	font-weight:bold;
	padding:  25px 0px 5px 0px;
}



.afPageText
{
	 font-size:10px;
	 font-weight:normal;
	 color:#000000;
}
.afPageMessage
{
	 font-size:13px;
	 font-weight:bold;
	 color:#000000;
}
.afPageOption
{
	 font-size:12px;
	 font-weight:bold;
	 color:#000000;
}
.afPageOptionDisabled
{
	 font-size:12px;
	 font-weight:bold;
	 color:#666666;
}


/* afListNavFooterLink - The 'view XXX list' link at the bottom of the admin NAV sections */
.afListNavFooterLink { vertical-align:bottom; padding: 2px  2px 5px 2px; text-align:center; }
.afListNavFooterLink a:link { font-size:9px; font-weight: normal; color: #333333; text-decoration: none}
.afListNavFooterLink a:active { font-size:9px; font-weight: normal; color: #333333; text-decoration: none}
.afListNavFooterLink a:visited { font-size:9px; font-weight: normal; color: #333333; text-decoration: none}
.afListNavFooterLink a:hover { font-size:9px; font-weight: normal; color: #666666; text-decoration: underline}

.afALToolbar  {
  vertical-align :middle;
  font-size:10px;
  
}
.afALToolbar TD {
  vertical-align :middle;
  font-size:10px;
}	

.afLoginLinks
{
  color:#FFFFFF;
  font-weight:normal;
  vertical-align:middle;
  text-align:right;
  font-size:12px;
  padding-top:0px;
}
.afLoginLinksInner { text-align:center }
.afLoginLink a:link { font-size:12px; font-weight: normal; color: #FFFFFF; text-decoration: none}
.afLoginLink a:active { font-size:12px; font-weight: normal; color: #FFFFFF; text-decoration: none}
.afLoginLink a:visited { font-size:12px; font-weight: normal; color: #FFFFFF; text-decoration: none}
.afLoginLink a:hover { font-size:12px; font-weight: normal; color: #EEEEEE; text-decoration: underline}

.afLoginName
{
  color:#FFFFFF;
  font-weight:normal;
  vertical-align:middle;
  text-align:right;
  font-size:11px;
  height:15px;
  margin:0px 5px 0px 0px;
}

  /* afCalendarList */

.afCalendarList { font-size:12px ; padding:3px; }
.afCalendarList TH { color:#666666; }
.afCalendarList_Month {	color:Red; font-weight:bold; }
.afCalendarList_DayColumn { color:Red; font-weight:normal;	text-align:center; }

.afCalendarList a:link { font-size:11px; font-weight: bold; color: #0099CC; text-decoration: none}
.afCalendarList a:active { font-size:11px; font-weight: bold; color: #0099CC; text-decoration: none}
.afCalendarList a:visited { font-size:11px; font-weight: bold; color: #0099CC; text-decoration: none}
.afCalendarList a:hover { font-size:11px; font-weight: bold; color: #666666; text-decoration: underline}

.afAlertBanner { background-color:#990000; color:White; font-size:12px; font-weight:bold; text-align:center; padding: 2px 2px 2px 2px; height:25px; vertical-align:middle; }

.afTextHighlight {background-color:Yellow}


.ajax__combobox_textboxcontainer { z-index : 1000 ; }


.afWatermarked
{
    color: #ABABAB;
}

.afFavorite {background-image: url(images/favorite_small.png);border:none;padding:0px;}
.afFavorite:hover {background-image: url(images/favorite_small.png);border:none;padding:0px;}
.afFavoriteAdd { background-image: url(images/favorite_small_add.png);border:none;padding:0px;}
.afFavoriteAdd:hover {background-image: url(images/favorite_small.png);border:none;padding:0px;}
.afFavoritePlus {background-image: url(images/favorite_small.png);border:none;padding:0px;}
.afFavoritePlus:hover {background-image: url(images/favorite_small_green.png);border:none;padding:0px;}
.afFavoriteOrange {background-image: url(images/favorite_small_orange.png);border:none;padding:0px;}
.afFavoriteOrange:hover {background-image: url(images/favorite_small_orange.png);border:none;padding:0px;}
.afFavoriteGreen {background-image: url(images/favorite_small_green.png);border:none;padding:0px;}
.afFavoriteGreen:hover {background-image: url(images/favorite_small_green.png);border:none;padding:0px;}

.afFavoriteAddShelf { background-size: 15px 15px; background-repeat: no-repeat; background-image: url(images/favorite_small_add.png); border: none; padding: 0px;}
.afFavoriteAddShelf:hover { background-size: 15px 15px; background-repeat: no-repeat; background-image: url(images/favorite_small.png); border: none; padding: 0px;}
.afFavoriteShelf { background-size: 15px 15px; background-repeat: no-repeat; background-image: url(images/favorite_small.png); border: none; padding: 0px;}
.afFavoriteShelf:hover { background-size: 15px 15px; background-repeat: no-repeat; background-image: url(images/favorite_small.png); border: none; padding: 0px;}

.afGridTotal
{
    	Border:1px solid #AAAAAA;    	
    	font-size: 11px;
    	text-align:right;
    	padding: 5px 0px 5px 0px;
      margin-top:2px;
      margin-bottom:0px;
    	width: 100px;
      text-align:center;
}
  .afGridTotal.red {
    color: red;
  }

.col{
  display:inline-block;
  min-width:75px;
  padding: 0px 2px 0px 2px;
}


.afSmallDD {
  font-size:11px;

}

.afShowOnPrint {background-image: url(images/print_checked.png); background-repeat:no-repeat; border:none;padding:0px;}
.afShowOnPrint:hover {background-image: url(images/print_unchecked.png);background-repeat:no-repeat; border:none;padding:0px;}
.afShowOnPrintAdd {background-image: url(images/print_unchecked.png); background-repeat:no-repeat; border:none;padding:0px;}
.afShowOnPrintAdd:hover {background-image: url(images/print_checked.png); background-repeat:no-repeat; border:none;padding:0px;}

.afRelatesTo {background-image: url(images/relates_to.png); background-repeat:no-repeat; border:none;padding:0px;}
.afRelatesToNothing {background-image: url(images/relates_to.png); background-repeat:no-repeat; border:none;padding:0px;}

.afRotateLeft {background-image: url(images/rotate-left-grey.png); background-repeat:no-repeat; background-size:16px; border:none;padding:2px;}
.afRotateLeft:hover {background-image: url(images/rotate-left.png); background-repeat:no-repeat; background-size:16px; border:none;padding:2px;}
.afRotateRight {background-image: url(images/rotate-right-grey.png); background-repeat:no-repeat; background-size:16px; border:none;padding:2px;}
.afRotateRight:hover {background-image: url(images/rotate-right.png); background-repeat:no-repeat; background-size:16px; border:none;padding:2px;}

.afResize:hover {background-color: white !important}

.afActivityBr {margin-bottom: 5px;display: block;content: "";}

.ms-btn {
	background: url('images/ms_logo.png') no-repeat 15px center;
	background-size: 20px;
}

.facebook-btn {
	background: url('images/facebook_logo.png') no-repeat 15px center;
	background-size: 20px;
}

.google-btn {
	background: url('images/google_logo.png') no-repeat 15px center;
	background-size: 20px;
}

.duo-btn {
	background: url('images/duo_logo.png') no-repeat 15px center;
	background-size: 20px;
}

.okta-btn {
	background: url('images/okta_logo.png') no-repeat 15px center;
	background-size: 20px;
}

.social-btn-my-acc {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 20px 20px;
	padding: 8px 16px 8px 40px;
	font-size: 14px;
	border: 1px solid #ccc;
	background-color: #f2f2f2;
	color: #333;
	text-decoration: none;
	border-radius: 4px;
	line-height: 20px;
	cursor: pointer;
}

.ms-btn-my-acc {
	background-image: url('images/ms_logo.png');
}

.facebook-btn-my-acc {
	background-image: url('images/facebook_logo.png');
}

.google-btn-my-acc {
	background-image: url('images/google_logo.png');
}

.okta-btn-my-acc {
	background-image: url('images/okta_logo.png');
}

.shield-btn-my-acc {
	background-image: url('images/shield_logo.png');
	padding-right: 7px;
}