.SlfContentPageBlur
{
	position: fixed;
	z-index: 1000;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #666666;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.SlfExceptionBody   
{
	background: #d8d8d8;
	font-size: 12px;
	font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #484848;
}
.SlfExceptionOverlay
{
	position: fixed;
	z-index: 2000;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background: #d8d8d8;
	font-size: 12px;
	font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #484848;
}
.SlfExceptionOuter
{
	border: 1px solid #000000;
	margin: 15px;
	padding: 0px;
	background-color: #dddddd;
	overflow: hidden;
}
.SlfExceptionOuter th
{
	font-size: 16px;
	font-weight: bold;
	color: #eeeeee;
	background-color: #4b6c9e;
	padding: 3px;
}
.SlfExceptionInner
{
	font-size: 14px;
	border: 1px solid #000000;
	margin: 0px;
	padding: 0px;
	background-color: #eeeeee;
	overflow: hidden;
}
.SlfExceptionInnerLeft
{
	font-size: 14px;
	border: 1px solid #555555;
	color: #333333;
	background-color: #ffffff;
	padding: 3px;
	vertical-align: top;
	font-weight: bold;
	white-space: nowrap;
}
.SlfExceptionInnerRight
{
	font-size: 14px;
	border: 1px solid #555555;
	color: #333333;
	background-color: #ffffff;
	padding: 3px;
	vertical-align: top;
}
.SlfExceptionInnerStackTrace
{
	font-size: 12px;
}

/******************************************************************************************
 **                         Static CSS for Slf.Cs.Web.SlfButton                          **
 ******************************************************************************************/


.SlfButton
{
	padding: 3px 6px 3px 6px;
	border: solid 1px black;
	display: inline-block;
	color: #000000;
	background-color: #ffffff;
	font-weight: bold;
	text-align: center;
}
.SlfButton:hover
{
	background-color: #dddddd;
	cursor: pointer;
}
.SlfButtonStuck
{
	padding: 3px 6px 3px 6px;
	border: solid 1px black;
	display: inline-block;
	color: #000000;
	background-color: #eeeeee;
	font-weight: bold;
	text-align: center;
}
.SlfButtonStuck:hover
{
	background-color: #dddddd;
}
.SlfButtonDisabled
{
	padding: 3px 6px 3px 6px;
	border: solid 1px #888888;
	display: inline-block;
	color: #888888;
	background-color: #eeeeee;
	font-weight: bold;
	text-align: center;
}

/******************************************************************************************
 **                       Static CSS for Slf.Cs.Web.SlfTabControl                        **
 ******************************************************************************************/


.SlfTabControl				{}
.SlfTabControlTabRow		{clear: both; display: block;        padding: 3px 35px 0px 15px;}
.SlfTabControlTabPanes		{clear: both; display: block;        padding: 5px  5px 5px  5px; border-style: solid; border-width: 1px; border-color: #FFFFFF #000000 #000000 #FFFFFF; background-color: #CCCCCC;}
.SlfTabControlTab			{float: left; display: inline-block; padding: 5px  4px 3px  6px; border-style: solid; border-width: 1px; border-color: #888888 #888888 #CCCCCC #888888; background-color: #CCCCCC; color: #000000; cursor: pointer; margin-top: 2px;}
.SlfTabControlTabSelected	{float: left; display: inline-block; padding: 5px  5px 5px  5px; border-style: solid; border-width: 1px; border-color: #FFFFFF #000000 #CCCCCC #FFFFFF; background-color: #CCCCCC; color: #000000; cursor: default; font-weight: bold; position: relative; top: 1px;}
.SlfTabControlTabDisabled	{float: left; display: inline-block; padding: 5px  4px 3px  6px; border-style: solid; border-width: 1px; border-color: #888888 #888888 #CCCCCC #888888; background-color: #CCCCCC; color: #999999; cursor: default;  margin-top: 2px;}
.SlfTabControlTabDelimiter	{float: left; display: inline-block; padding: 5px  4px 3px  6px; border-style: solid; border-width: 1px; border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC; background-color: #CCCCCC; color: #000000; cursor: default; margin-top: 2px;}
.SlfTabControlPane			{display: block;}
.SlfTabControlPaneHidden	{display: none;}

/******************************************************************************************
 **                        Static CSS for Slf.Cs.Web.SlfOnlineMap                        **
 ******************************************************************************************/


div.ol-attribution
{
    position: absolute;
    border: 1px solid #999999;
    color: #333333;
    background-color: #EEEEEE;
    padding: 2px;
    right: 5px;
    bottom: 5px;
    font-size: 12px;
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    filter: alpha(opacity = 60);
    opacity: 0.6;
}
div.ol-attribution a
{
    color: #333399;
    text-decoration: none;
}
div.ol-attribution a:link
{
    color: #333399;
    text-decoration: none;
}
div.ol-attribution a:visited
{
    color: #333399;
    text-decoration: none;
}
div.ol-attribution a:hover
{
    color: #3333FF;
    text-decoration: underline;
}
div.ol-attribution ul
{
    display: block;
    margin: 0;
    padding: 0;
}
div.ol-attribution li
{
    display: block;
}
div.ol-attribution button
{
    display: none;
}


div.ol-zoom
{
    position: absolute;
    bottom: 5px;
    left: 5px;
    filter: alpha(opacity = 60);
    opacity: 0.6;
}
div.ol-zoom button
{
    color: #5C8BBF;
    border: 1px solid #999999;
    padding: 2px;
    background-color: #EEEEEE;
    display: block;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 25px;
    height: 25px;
    float: left;
}
div.ol-zoom button:hover
{
    background-color: #CCCCCC;
}
div.ol-rotate
{
    display: none;}


.SlfOnlineMapDefaultCss
{
    width: 100%;
    height: 300px;
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: #444444 #FFFFFF #FFFFFF #444444;
    padding: 1px;
}


.SlfOnlineMapPositionDefaultCss
{
    position: absolute;
    font-size: 12px;
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    top: 5px;
    right: 5px;
    border: 1px solid #999999;
    padding: 2px;
    color: #333333;
    background-color: #EEEEEE;
    filter: alpha(opacity = 60);
    opacity: 0.6;
}

/******************************************************************************************
 **                        Static CSS for Slf.Cs.Web.SlfCheckbox                         **
 ******************************************************************************************/


.SlfCheckbox									{cursor: pointer;}
.SlfCheckbox			td						{vertical-align: middle;}
.SlfCheckboxDisabled							{filter: alpha(opacity = 40); opacity: 0.4;}
.SlfCheckboxDisabled	td						{vertical-align: middle;}
.SlfCheckboxCheck								{border: 1px solid #000000; margin: 1px 5px 1px 1px; vertical-align: bottom; cursor: pointer;}
.SlfCheckboxCheck:hover						{border: 2px solid #000000; margin: 0px 4px 0px 0px;}
.SlfCheckboxCheckDisabled						{border: 1px solid #888888; margin: 1px 5px 1px 1px; vertical-align: bottom; cursor: default;}
.SlfCheckboxCheckTxt							{border: 1px solid #000000; margin: 1px 5px 1px 1px; vertical-align: bottom; cursor: pointer; display: inline-block;}
.SlfCheckboxCheckTxt:hover						{border: 2px solid #000000; margin: 0px 4px 0px 0px;}
.SlfCheckboxCheckTxtDisabled					{border: 1px solid #888888; margin: 1px 5px 1px 1px; vertical-align: bottom; cursor: default; display: inline-block;}
.SlfCheckboxLabel								{cursor: pointer;}
.SlfCheckboxLabel:hover						{text-decoration: underline;}
.SlfCheckboxLabelDisabled						{cursor: default;}
.SlfCheckbox			.SlfCheckboxCheck		{border: 1px solid #000000; margin: 1px 5px 1px 1px; vertical-align: bottom; cursor: pointer;}
.SlfCheckbox:hover		.SlfCheckboxCheck		{border: 2px solid #000000; margin: 0px 4px 0px 0px;}
.SlfCheckboxDisabled	.SlfCheckboxCheck		{border: 1px solid #888888; margin: 1px 5px 1px 1px; vertical-align: bottom; cursor: default;}
.SlfCheckbox			.SlfCheckboxCheckTxt	{border: 1px solid #000000; margin: 1px 5px 1px 1px; vertical-align: bottom; cursor: pointer; display: inline-block;}
.SlfCheckbox:hover		.SlfCheckboxCheckTxt	{border: 2px solid #000000; margin: 0px 4px 0px 0px;}
.SlfCheckboxDisabled	.SlfCheckboxCheckTxt	{border: 1px solid #888888; margin: 1px 5px 1px 1px; vertical-align: bottom; cursor: default; display: inline-block;}
.SlfCheckbox			.SlfCheckboxLabel		{cursor: pointer;}
.SlfCheckbox:hover		.SlfCheckboxLabel		{text-decoration: underline;}
.SlfCheckboxDisabled	.SlfCheckboxLabel		{cursor: default;}

/******************************************************************************************
 **                        Static CSS for Slf.Cs.Web.SlfContainer                        **
 ******************************************************************************************/


.SlfContainerDisabled {filter: alpha(opacity = 40); opacity: 0.4;}

/******************************************************************************************
 **                         Static CSS for Slf.Cs.Web.SlfListbox                         **
 ******************************************************************************************/


.SlfListbox											{}
.SlfListboxCombo										{color: #000000; border-style: solid; border-width: 1px; border-color: #000000 #FFFFFF #FFFFFF #000000; background-color: #DDDDDD; overflow: hidden; width: 100%; cursor: pointer;}
.SlfListboxComboSelected								{color: #000000; border-style: solid; border-width: 1px; border-color: #000000 #FFFFFF #FFFFFF #000000; background-color: #DDDDDD; overflow: hidden; width: 100%; cursor: pointer;}
.SlfListboxCombo > tbody > tr > td:first-child			{vertical-align: middle; width: 100%;}
.SlfListboxCombo > tbody > tr > td:last-child			{vertical-align: middle; min-width: 22px;}
.SlfListboxItemBox										{color: #000000; border-style: solid; border-width: 1px; border-color: #DDDDDD; background-color: #DDDDDD; cursor: pointer; padding: 1px 3px 1px 3px;}
.SlfListboxItemBoxSelected								{color: #000000; border-style: solid; border-width: 1px; border-color: #DDDDDD; background-color: #DDDDDD; cursor: pointer; padding: 1px 3px 1px 3px;}
.SlfListboxEditBox										{color: #000000; border-style: solid; border-width: 1px; border-color: #DDDDDD; background-color: #DDDDDD; width: 100%; overflow: hidden;}
.SlfListboxEditBoxSelected								{color: #000000; border-style: solid; border-width: 1px; border-color: #DDDDDD; background-color: #DDDDDD; width: 100%; overflow: hidden;}
.SlfListboxDownArrow									{color: #000000; border-style: solid; border-width: 1px; border-color: #A0A0A0 #696969 #696969 #A0A0A0; background-color: #F0F0F0; overflow: hidden; background-image: url(/Images/slf.cs.web.resource?Listbox.DownArrowBlack.png); background-repeat: no-repeat; background-position: center center;}
.SlfListboxDownArrowSelected							{color: #000000; border-style: solid; border-width: 1px; border-color: #A0A0A0 #A0A0A0 #A0A0A0 #A0A0A0; background-color: #999999; overflow: hidden; background-image: url(/Images/slf.cs.web.resource?Listbox.DownArrowWhite.png); background-repeat: no-repeat; background-position: center center;}
.SlfListboxList										{color: #000000; border-style: solid; border-width: 1px; border-color: #000000 #000000 #000000 #000000; background-color: #DDDDDD; max-height: 300px; overflow: auto;}
.SlfListboxItem										{color: #000000; background-color: #DDDDDD; min-height: 16px; padding: 1px 3px 1px 3px; cursor: pointer;}
.SlfListboxItemSelected								{color: #EEEEEE; background-color: #999999; min-height: 16px; padding: 1px 3px 1px 3px; cursor: pointer;}
.SlfListboxItem:hover									{color: #000000; background-color: #C0C0C0; min-height: 16px;}
.SlfListboxItemSelected:hover							{color: #FFFFFF; background-color: #AAAAAA; min-height: 16px;}
.SlfListboxDisabled									{}
.SlfListboxComboDisabled								{color: #999999; border-style: solid; border-width: 1px; border-color: #000000 #FFFFFF #FFFFFF #000000; background-color: #DDDDDD; overflow: hidden; width: 100%;}
.SlfListboxComboDisabled > tbody > tr > td:first-child	{vertical-align: middle; width: 100%;}
.SlfListboxComboDisabled > tbody > tr > td:last-child	{vertical-align: middle; min-width: 22px;}
.SlfListboxItemBoxDisabled								{color: #000000; border-style: solid; border-width: 1px; border-color: #DDDDDD; background-color: #DDDDDD; cursor: default; padding: 1px 3px 1px 3px; filter: alpha(opacity = 30); opacity: 0.3;}
.SlfListboxEditBoxDisabled								{color: #999999; border-style: solid; border-width: 1px; border-color: #DDDDDD; background-color: #DDDDDD; overflow: hidden; width: 100%;}
.SlfListboxDownArrowDisabled							{color: #999999; border-style: solid; border-width: 1px; border-color: #A0A0A0 #A0A0A0 #A0A0A0 #A0A0A0; background-color: #A0A0A0; overflow: hidden; background-image: url(/Images/slf.cs.web.resource?Listbox.DownArrowBlack.png); background-repeat: no-repeat; background-position: center center;}
.SlfListboxListDisabled								{color: #999999; border-style: solid; border-width: 1px; border-color: #000000 #000000 #000000 #000000; background-color: #DDDDDD; max-height: 300px; overflow: auto;}
.SlfListboxItemDisabled								{color: #000000; background-color: #DDDDDD; min-height: 16px; padding: 1px 3px 1px 3px; cursor: default; filter: alpha(opacity = 30); opacity: 0.3;}
.SlfListboxItemSelectedDisabled						{color: #DDDDDD; background-color: #999999; min-height: 16px; padding: 1px 3px 1px 3px; cursor: default; filter: alpha(opacity = 30); opacity: 0.3;}

/******************************************************************************************
 **                      Static CSS for Slf.Cs.Web.SlfTimezoneList                       **
 ******************************************************************************************/


.SlfListboxItem .tztable					{width: 100%;}
.SlfListboxItem .tzname					{white-space: nowrap; overflow: hidden;}
.SlfListboxItem .tzhour					{text-align: right;}
.SlfListboxItemSelected .tztable			{width: 100%;}
.SlfListboxItemSelected .tzname			{white-space: nowrap; overflow: hidden;}
.SlfListboxItemSelected .tzhour			{text-align: right;}
.SlfListboxItemDisabled .tztable			{width: 100%;}
.SlfListboxItemDisabled .tzname			{white-space: nowrap; overflow: hidden;}
.SlfListboxItemDisabled .tzhour			{text-align: right;}
.SlfListboxItemSelectedDisabled .tztable	{width: 100%;}
.SlfListboxItemSelectedDisabled .tzname	{white-space: nowrap; overflow: hidden;}
.SlfListboxItemSelectedDisabled .tzhour	{text-align: right;}
.SlfListboxItemBox .tztable				{}
.SlfListboxItemBox .tzname					{white-space: nowrap; overflow: hidden;}
.SlfListboxItemBox .tzhour					{visibility: hidden;}
.SlfListboxItemBoxSelected .tztable		{}
.SlfListboxItemBoxSelected .tzname			{white-space: nowrap; overflow: hidden;}
.SlfListboxItemBoxSelected .tzhour			{visibility: hidden;}

/******************************************************************************************
 **                        Static CSS for Slf.Cs.Web.SlfDialogBox                        **
 ******************************************************************************************/


.SlfDialogBoxModalPaneHidden
{
	position:fixed;top:0px;left:0px;right:0px;bottom:0px;
	background-color: rgba(0, 0, 0, 0.0);
	transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
}
.SlfDialogBoxModalPaneShown
{
	position:fixed;top:0px;left:0px;right:0px;bottom:0px;
	background-color: rgba(0, 0, 0, 0.5);
	transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
}
.SlfDialogBoxHidden
{
	display:inline-block;position:static;top:auto;left:auto;right:auto;bottom:auto;overflow:auto;text-align:left;
	opacity: 0.0;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
}
.SlfDialogBoxHiddenMax
{
	display:block;position:absolute;top:0px;left:0px;right:0px;bottom:0px;overflow:auto;text-align:left;
	opacity: 0.0;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
}
.SlfDialogBoxShown
{
	display:inline-block;position:static;top:auto;left:auto;right:auto;bottom:auto;overflow:auto;text-align:left;
	opacity: 1.0;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
}
.SlfDialogBoxShownMax
{
	display:block;position:absolute;top:0px;left:0px;right:0px;bottom:0px;overflow:auto;text-align:left;
	opacity: 1.0;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
}
.SlfDialogBoxSectionShown
{
	opacity: 1.0;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
}
.SlfDialogBoxSectionShownMax
{
	opacity: 1.0;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
}
.SlfDialogBoxSectionHidden
{
	opacity: 0.0;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
}
.SlfDialogBoxSectionHiddenMax
{
	opacity: 0.0;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
}

