/*=============================================================================
	(C) Copyright, Hamid R. Kashani, 2017-2018.  All rights reserved.
=============================================================================*/
/*input {
	-webkit-appearance: none;
}

select {
    -webkit-appearance: listbox;
}*/

html, body {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
    font-family: helvetica, arial, sans-serif;
    /*font-family: 'Trebuchet MS', arial, helvetica, sans-serif;*/
    font-size: 100%;
    font-weight: normal;
    color: black;
    background-color: white;
    margin: 0;/* !important;*/
    padding: 0;/* !important;*/
    background-image: url('/_images/Borders/BodyBackground.gif');
	/* The following is intended to help Safari's rendition */
	text-rendering: optimizeLegibility !important;
    text-rendering: geometricPrecision;
	/*text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;*/
	-webkit-font-feature-settings: "kern" 1;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 

    /* Safari only override */
    ::i-block-chrome,html, body {
     letter-spacing:1px;
    }
}

.NoScriptWarning, .NoCSS3Warning {
	width: auto;
	margin: 0 auto 1rem auto;
	border: solid 2px firebrick;
	padding: 0.8rem;
	font-size: 0.9rem;
	font-weight: bold;
	color: #101030;
}

.NoWrapSpan {
	white-space: nowrap;
}

h1, h1.Warning {
    font-size: 1.3rem;
    font-weight: bold;
    color: #202050;
	color: var(--h1-color);
	padding: 0;
	margin: 0;
}

h2 {
	padding-top: 1rem;
    font-size: 1.1rem;
    font-weight: bold;
    color: #202050;
	color: var(--h2-color);
}

h1.Warning  {
	color: firebrick;
	color: var(--warning-color);
}

h3 {
	padding-top: 0.8rem;
    font-size: 0.9rem;
    font-weight: bold;
    color: #202050;
	color: var(--h3-color);
}

h4 {
	padding-top: 0.8rem;
    font-size: 0.7rem;
    font-weight: bold;
    color: #101030;
	color: var(--h4-color);
}

.PageTitleIcon {
	height: 3.9rem;
	width: auto;
	vertical-align: middle;
	margin: auto 12px auto 0;
}

p, p.IndentedQuote, p.HighlightedNotice, span.HighlightedNotice, 
a.Warning:link,a.Warning:visited, a.Warning:hover, a.Warning:active,
div.Text
{
    font-size: 0.90rem;
	line-height: 1.3;
}

p.IndentedQuote, ul.IndentedQuote, p.HighlightedNotice {
	margin: 0 4rem 0 1.5rem;
}

p.HighlightedNotice, span.HighlightedNotice, ul.HighlightedNoticePara {
	background-color: yellow;
	border: solid 2px black;
	padding: 0.5rem;
}

a.HighlightedNotice {
	background-color: #ffff99;
	font-weight: bold;
	font-size:0.6rem;
	color: #000d51;
}

a.HighlightedNoticePara:hover {
	color: #3366ff;
}

span.HighlightedNotice {
	font-weight: bold;
	display: block;
	margin: 1rem 0 1rem 0;
}

li {
    font-size: 0.90rem;
	padding-bottom: 0.5rem;
}

a:link,a:visited, a:hover, a:active {
    font-size: 0.90rem;
    color: #5566CC;
   color: var(--link-color);
    text-decoration:none;
}

a:hover {
   color: #8899FF;
   color: var(--link-hover-color);
}

.BlankTable {
	width: 100%;
	margin: 0;
	border: 0;
	padding: 0;
	border-collapse: collapse;
}

/*	Label */

.Label, .Label_S, .Label_VS
{
	font-size: 0.9rem;
    font-weight: bold;
    color: #101030;
	color: var(--label-color);
}
.Label_S  {font-size: 0.8rem;}
.Label_VS {font-size: 0.75rem;}	

/*	WarningTitle -- Used for feedback to user */
.WarningTitle
{
	font-size: 0.9rem;
    font-weight: bold;
    color: firebrick;
	color: var(--label-warning-color);
}

/*	Warning -- Used for feedback to user */
.Warning,.Warning_S
{
	font-size: 0.9rem;
    font-weight: normal;
    color: #101030;
	color: var(--label-color);
}
.Warning_S  {font-size: 0.8rem;}

/*	NoticeTitle -- Used for feedback to user */
.NoticeTitle
{
	font-size: 0.9rem;
    font-weight: bold;
    color: #333366;
}

/*	Notice -- Used for feedback to user */
.Notice, .Notice_S, .Notice_VS {
	font-size: 0.9rem;
    font-weight: normal;
    color: #000033;
}
.Notice_S  {font-size: 0.8rem;}
.Notice_VS {font-size: 0.75rem;}	

/*	A.Small */
a.Small:link, a.Small:visited, a.Small:hover, a.Small:active
{
	font-size: 0.7rem;
	font-weight: bold;
    color: #3333cc;
	color: var(--link-color);
    text-decoration:none;
}
a.Small:hover	{color: #9999ff;color: var(--link-hover-color);}

.author {
	font-size: 0.7rem;
	 font-style: italic;
	 display: block;
}

.DisplayNone {
	display: none;
}

/*================== Media =========================*/
@media screen and (min-width: 800px) {
	h1 {
		font-size: 1.3rem;
	}
}
@media screen and (min-width: 599px) and (max-width: 800px) {
	h1 {
		font-size: 1.3rem;
	}
}
@media screen and (min-width: 413px) and (max-width: 599px) {
	h1 {
		font-size: 1.2rem;
	}
	h2 {
		font-size: 1.05rem;
	}
	p, h1, h2, h4, ul, li, div.Text {
		line-height: 1.5rem;
	}
}
@media screen and (min-width: 340px) and (max-width: 413px) {
	h1 {
		font-size: 1.1rem;
	}
	h2 {
		font-size: 0.95rem;
	}
	p, h1, h2, h4, ul, li, div.Text {
		line-height: 1.5rem;
	}
}
@media screen and (max-width: 340px) {
	h1 {
		font-size: 1.05rem;
	}
	h2 {
		font-size: 0.9rem;
	}
	p, h1, h2, h4, ul, li, div.Text {
		line-height: 1.5rem;
	}
}