﻿/*=============================================================================
	(c) Copyright, Hamid R. Kashani, 2016-2018.  All rights reserved.
=============================================================================*/

/******************* Folding Cells *****************/
.PageEndDivFoldingContainer_Centered, .PageEndDivFoldingContainer {
	box-sizing:border-box;
	margin: 0;
	border: 0;
	padding: 0;
	width: 100%;
	display: table;
	background-color: #f0f0f4;
	border-top: 1px solid #d0d0d4;
}
.PageEndDivFoldingCellLeft {
	margin: 0;
	border: 0;
	padding: 0;
	display: table-cell;
	float: left;
}
.PageEndDivFoldingCellRight {
	margin: 0;
	border: 0;
	padding: 0;
	display: table-cell;
}

/******************* END OF PAGE NOTICES *****************/
.BorderNotice, .BorderNoticeLarge, .BorderNoticeAutoSize,
a.BorderNoticeLink:link,a.BorderNoticeLink:visited,a.BorderNoticeLink:hover,a.BorderNoticeLink:active,
a.BorderNoticeLinkAutoSize:link,a.BorderNoticeLinkAutoSize:visited,a.BorderNoticeLinkAutoSize:hover,a.BorderNoticeLinkAutoSize:active,
a.BorderWarningNoticeLinkAutoSize:link,a.BorderWarningNoticeLinkAutoSize:visited,a.BorderWarningNoticeLinkAutoSize:hover,a.BorderWarningNoticeLinkAutoSize:active {
    font-size: 0.7rem;
    font-weight: bold;
    color: #202050;
	color: var(--dark-link-color);
    text-decoration:none;
}

a.BorderWarningNoticeLinkAutoSize:link, a.BorderWarningNoticeLinkAutoSize:visited, a.BorderWarningNoticeLinkAutoSize:hover, a.BorderWarningNoticeLinkAutoSize:active {
	color: #CC3366;
	color: var(--dark-warning-link-color);
}

a.BorderNoticeLinkAutoSize:link, a.BorderNoticeLinkAutoSize:visited, a.BorderNoticeLinkAutoSize:hover, a.BorderNoticeLinkAutoSize:active, 
a.BorderWarningNoticeLinkAutoSize:link,a.BorderWarningNoticeLinkAutoSize:visited,a.BorderWarningNoticeLinkAutoSize:hover,a.BorderWarningNoticeLinkAutoSize:active {
	line-height: 1.4rem;
}

a.BorderNoticeLink:hover, a.BorderNoticeLinkAutoSize:hover {
    color: #909de1;
	color: var(--dark-link-hover-color);
}

a.BorderWarningNoticeLinkAutoSize:hover {
    color: #FC6396;
	color: var(--dark-warning-link-hover-color);
}

.BorderNotice, .BorderNoticeLarge  {
    color: #000d51;
}

.BorderNoticeLarge  {
    font-size: 0.75rem;
}

.BorderNoticeAutoSize {
    font-size: 0.95rem;
	color: #101030;
	color: var(--dark-text-color);
	font-weight:normal;
	line-height: 1rem;
	display: inline;
}

.BorderNoticeDivider {
    font-size: 0.9rem;
    font-weight: normal;
	margin: 0 4px 0 4px;
	vertical-align: middle;
}

.BorderIconAutoSize {
	margin: 0 4px 0 0;
	border: 0;
	padding: 0;
	vertical-align: middle;
}

.BorderIconAutoSizeAuto {
	margin: 0;
	padding: 0 4px 0 0;
	height: 17px;
	width: auto;
	vertical-align: middle;
}

/************************* Breakable Dividers *************************/
.BreakableDivider480	{	display: inline-block;	}
.BreakableBr480			{	display: none;			}
@media screen and (max-width: 480px) {
.BreakableDivider480	{	display: none;	}
.BreakableBr480			{	display: inline-block;	}
}

.BreakableDivider340	{	display: inline-block;	}
.BreakableBr340			{	display: none;			}

@media screen and (max-width: 340px) {
	.BreakableDivider340 {
		display: none;
	}
	.BreakableBr340	{
		display: inline-block;
	}
}

/************************* End of Page & Border Notices *************************/
@media screen and (max-width: 340px) {
	.BorderNoticeAutoSize,
	a.BorderNoticeLinkAutoSize:link,a.BorderNoticeLinkAutoSize:visited,a.BorderNoticeLinkAutoSize:hover,a.BorderNoticeLinkAutoSize:active,
	a.BorderWarningNoticeLinkAutoSize:link,a.BorderWarningNoticeLinkAutoSize:visited,
	a.BorderWarningNoticeLinkAutoSize:hover,a.BorderWarningNoticeLinkAutoSize:active {
		font-size: 0.60rem;
	}
	/*.BorderNoticeAutoSize {
		font-size: 0.6rem;
	}*/
	.PageEndDivFoldingCellRight,.PageEndDivFoldingContainer_Centered {
		line-height: 0.60rem;
	}
	.PageEndDivFoldingContainer_Centered, .PageEndDivFoldingContainer { padding: 2px 2px 2px 2px; }
}

@media screen and (min-width: 340px) and (max-width: 413px) {
	.BorderNoticeAutoSize,
	a.BorderNoticeLinkAutoSize:link,a.BorderNoticeLinkAutoSize:visited,a.BorderNoticeLinkAutoSize:hover,a.BorderNoticeLinkAutoSize:active,
	a.BorderWarningNoticeLinkAutoSize:link,a.BorderWarningNoticeLinkAutoSize:visited,
	a.BorderWarningNoticeLinkAutoSize:hover,a.BorderWarningNoticeLinkAutoSize:active {
		font-size: 0.60rem;
	}
	/*.BorderNoticeAutoSize {
		font-size: 0.6rem;
	}*/
	.PageEndDivFoldingCellRight,.PageEndDivFoldingContainer_Centered {
		line-height: 0.70rem;
	}
	.PageEndDivFoldingContainer_Centered, .PageEndDivFoldingContainer { padding: 4px 4px 4px 4px; }
}

@media screen and (min-width: 413px) and (max-width: 480px) {
	.BorderNoticeAutoSize,
	a.BorderNoticeLinkAutoSize:link,a.BorderNoticeLinkAutoSize:visited,a.BorderNoticeLinkAutoSize:hover,a.BorderNoticeLinkAutoSize:active,
	a.BorderWarningNoticeLinkAutoSize:link,a.BorderWarningNoticeLinkAutoSize:visited,
	a.BorderWarningNoticeLinkAutoSize:hover,a.BorderWarningNoticeLinkAutoSize:active {
		font-size: 0.60rem;
	}
	/*.BorderNoticeAutoSize {
		font-size: 0.70rem;
	}*/
	.PageEndDivFoldingCellRight,.PageEndDivFoldingContainer_Centered {
		line-height: 0.80rem;
	}
	.PageEndDivFoldingContainer_Centered, .PageEndDivFoldingContainer { padding: 4px 4px 4px 4px; }
}

@media screen and (min-width: 480px) and (max-width: 599px) {
	.BorderNoticeAutoSize,
	a.BorderNoticeLinkAutoSize:link,a.BorderNoticeLinkAutoSize:visited,a.BorderNoticeLinkAutoSize:hover,a.BorderNoticeLinkAutoSize:active,
	a.BorderWarningNoticeLinkAutoSize:link,a.BorderWarningNoticeLinkAutoSize:visited,
	a.BorderWarningNoticeLinkAutoSize:hover,a.BorderWarningNoticeLinkAutoSize:active {
		font-size: 0.60rem;
	}
	/*.BorderNoticeAutoSize {
		font-size: 0.70rem;
	}*/
	.PageEndDivFoldingCellRight,.PageEndDivFoldingContainer_Centered {
		line-height: 0.80rem;
	}
	.PageEndDivFoldingContainer_Centered, .PageEndDivFoldingContainer { padding: 6px 8px 6px 8px; }
}

@media only screen and (min-width: 599px) and (max-width: 800px) {
	a.BorderNoticeLinkAutoSize:link,a.BorderNoticeLinkAutoSize:visited,a.BorderNoticeLinkAutoSize:hover,a.BorderNoticeLinkAutoSize:active,
	a.BorderWarningNoticeLinkAutoSize:link,a.BorderWarningNoticeLinkAutoSize:visited,
	a.BorderWarningNoticeLinkAutoSize:hover,a.BorderWarningNoticeLinkAutoSize:active {
		font-size: 0.60rem;
	}
	.BorderNoticeAutoSize {
		font-size: 0.65rem;
	}
	.PageEndDivFoldingCellRight,.PageEndDivFoldingContainer_Centered {
		line-height: 0.80rem;
	}
	.PageEndDivFoldingContainer_Centered, .PageEndDivFoldingContainer { padding: 8px 18px 8px 18px; }
}

@media only screen and (min-width: 800px) and (max-width: 1000px) {
	a.BorderNoticeLinkAutoSize:link,a.BorderNoticeLinkAutoSize:visited,a.BorderNoticeLinkAutoSize:hover,a.BorderNoticeLinkAutoSize:active,
	a.BorderWarningNoticeLinkAutoSize:link,a.BorderWarningNoticeLinkAutoSize:visited,
	a.BorderWarningNoticeLinkAutoSize:hover,a.BorderWarningNoticeLinkAutoSize:active {
		font-size: 0.60rem;
	}
	.BorderNoticeAutoSize {
		font-size: 0.65rem;
	}
	.PageEndDivFoldingCellRight,.PageEndDivFoldingContainer_Centered {
		line-height: 0.80rem;
	}
	.PageEndDivFoldingContainer_Centered, .PageEndDivFoldingContainer { padding: 8px 24px 8px 24px; }
}

@media only screen and (min-width: 1000px) {
	a.BorderNoticeLinkAutoSize:link,a.BorderNoticeLinkAutoSize:visited,a.BorderNoticeLinkAutoSize:hover,a.BorderNoticeLinkAutoSize:active,
	a.BorderWarningNoticeLinkAutoSize:link,a.BorderWarningNoticeLinkAutoSize:visited,
	a.BorderWarningNoticeLinkAutoSize:hover,a.BorderWarningNoticeLinkAutoSize:active {
		font-size: 0.60rem;
	}
	.BorderNoticeAutoSize {
		font-size: 0.65rem;
	}
	.PageEndDivFoldingCellRight,.PageEndDivFoldingContainer_Centered {
		line-height: 0.80rem;
	}
	.PageEndDivFoldingContainer_Centered, .PageEndDivFoldingContainer { padding: 8px 30px 8px 30px; }
}



