/* 
-----------------------------
DEFAULTS Tags and Classes
-----------------------------
	Palate:
	Red:#003124; | dk:#D32622; lt:#FF3833; desat:#FF8380
	Blue:#005596; | dk:#004C7A; lt:#006BAD;  desat:#82B7D8
	Grey:#666;text
	
	New palate:
	Red:  #cc0000;
	Blue: #003399;
	Grey: #EEEEEE;
	Text: #666666;
	
 */ 

/* -- RESET -- */
html, body {font-size:100%;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%; /* must be 100% to prevent nested inheritance issues */
	vertical-align:baseline;
	background:transparent;}
sup { vertical-align:text-top; font-size:67%; }
div, td, th { vertical-align:top; }
body { line-height:1.2; }
ul { list-style:none; }
blockquote,
q { quotes:none; }
blockquote:before,
blockquote:after,
q:before,
q:after { content:''; content:none; } 

/* remember to define focus styles! */
:focus { outline:0; }

/* remember to highlight inserts somehow! */
ins { text-decoration:none; }
del { text-decoration:line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:collapse; border-spacing:0; }
	
/* new object tag fix */
object { display:block; outline:none; }	

/* -- FONTS -- */
/* Regular */

/* -- HTML -- */

/* -- body -- */
body { font-family: Sans-serif; color:#666; font-size:125%; font-weight:normal; font-style:normal; } /* sets the default size for all relative text sizes! */

/* -- text --*/
h1 { margin:0.5rem 1.0rem 0 2rem; padding:0; font-family:Arial, Sans-serif; font-size:2.0rem; font-weight:bold; font-style:Italic; letter-spacing:-1pt; color:#003399; }
h2 { margin:0.5rem 1.0rem 0 2rem; padding:0; font-family:Arial, Sans-serif; font-size:1.6rem; font-weight:bold; font-style:Italic; letter-spacing:-1pt; color:#cc0000; }
h3 { margin:0.5rem 1.0rem 0 2rem; padding:0; font-family:Arial, Sans-serif; font-size:1.4rem; font-weight:bold; font-style:Italic; color:#003399; }
h4 { margin:0.5rem 1.0rem 0 2rem; padding:0; font-family:Arial, Sans-serif; font-size:1.2rem; font-weight:bold; font-style:Italic; color:#cc0000; }
h5 { margin:0.5rem 1.0rem 0 2rem; padding:0; font-family:Arial, Sans-serif; font-size:1.0rem; font-weight:bold; font-style:Italic; color:#003399; }
h6 { margin:0.5rem 1.0rem 0 2rem; padding:0; font-family:Arial, Sans-serif; font-size:1.0rem; font-weight:bold; font-style:Italic; color:#cc0000; }
p, .p { display:block; clear:both; margin:1.2rem 2.0rem 0 2rem; padding:0; line-height:1.4em; } /* line-height:1.4em jus' because it should be somewhat larger */
span {} 
table { font-size:75%; /* font size re-defined for tables since they do NOT inherit from Body. Who knew? */ }

/* blockquote */
blockquote { margin:1rem 1rem 0 3rem; padding:0; }

/* lists */
ul, dl, ol { display:block; margin:1rem 1rem 1rem 2rem; padding:0; } 
dl>dt { margin:0; padding:0 1rem 0 0; }
dl>dd { margin:0; padding:0 1rem 0 0; }
ol>li { margin:0 0 0 2rem; padding:0 1rem 0 0; }
.box li { margin-top:0.5em;}
/* lists inheritance text fix
li li, li p, li dd, li dt,
dd li, dd dd, dd p, dd dt,
dt li, dt p, dt dd, dt dt {font-size: inherit; line-height: inherit;} */
/* lists inheritance margins fix */
li ul {
	margin: 0 1rem 1rem 0;
	padding: 0;
}

/* lists ordered types variants */
ol>li { display:list-item; padding:0 1rem 0.5rem 0; vertical-align:top; } /* fix for IE 7+ */
ol.upper-alpha li { list-style-type:upper-alpha; margin-bottom:1rem; }
ol.lower-alpha li { list-style-type:lower-alpha; margin-bottom:1rem; }

/* tables some prudent defaults */
table { margin:0; border:0; border-collapse:collapse; padding:0; }
tr { vertical-align:top; }

/* special */
abbr, acronym { border-bottom:dotted 1px #f00; font-style:normal; cursor:help; }
code, var, kbd, pre { font-family:monospace; color:#fff;}
ins { text-decoration:none; color:#0f0; }

/* text effects */
sup { }
em { background-color:#ff6; font-style:normal; }
strong { font-weight:bold; }
del { color:#666; }

/* image display defaults */
img { display:block; }
h1 img, h2 img, h3 img, h4 img, p img, blockquote img, li img { display:inline-block; }

/* default adjacent combo spacing for following with respect to the preceding */
h1 + h2 { margin-top:0.6em; }
h1 + h3 { margin-top:0.2em; }
h1 + h4 { margin-top:0.2em; }
h2 + h3 { margin-top:0.6em; }
h2 + h4 { margin-top:0.2em; }
h3 + h4 { margin-top:0.2em; }

h1 + p,
h1 + span { margin-top:0.8em; }

h2 + p,
h2 + span { margin-top:0.6em; }

h3 + p,
h3 + span { margin-top:0.4em; }

h4 + p,
h4 + span { margin-top:0.2em; }

p + h2,
ul + h2,
ol + h2,
blockquote + h2,
table + h2 { margin-top:1.0em; }

p + h3,
ul + h3,
ol + h3,
blockquote + h3,
table + h3 { margin-top:1.0em; }

p + h4,
ul + h4,
ol + h4,
blockquote + h4,
table + h4 { margin-top:1.0em; }

h1 + table { margin-top:0.8em; }
h2 + table { margin-top:0.6em; }
h3 + table { margin-top:0.4em; }
h4 + table { margin-top:0.2em; }

p + table caption { margin-top:0.6em; }


/* -- HYPERLINKS -- */
/* -- default links -- */
a { cursor:pointer; }
a:link { color:#cc0000; text-decoration:none; }
a:visited { color:#003399; text-decoration:none; }
a:hover { color:#003399; text-decoration:underline; }
a:active { color:#003399; text-decoration:underline; }

/* -- Contextual Link Types for TEXT only USES FONTAWESOME -- */
.box li a[href$=".php"]::before {
	content:"\f00c";
	font-family:FontAwesome;
	margin-right:0.3em;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale; }
	
.box li span::before {
	content:"\f00c";
	font-family:FontAwesome;
	margin-right:0.3em;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale; }

/* Add an Excel icon to XLS links */
li a[href$=".xlsx"]::before,
li a[href$=".xls"]::before { 
	content:"\f1c3";
	font-family:FontAwesome;
	margin-right:0.3em;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale; } 

/* Add an Acrobat Reader icon to PDF links */
li a[href$=".pdf"]::before { 
	content:"\f1c1";
	font-family:FontAwesome;
	margin-right:0.3em;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale; } 

/* Add a Word icon to WORD links */
li a[href$=".docx"]::before,
li a[href$=".doc"]::before { 
	content:"\f1c2";
	font-family:FontAwesome;
	margin-right:0.3em;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale; } 

li a[href$=".rtf"]::before { 
	content:"\f0f6";
	font-family:FontAwesome;
	margin-right:0.3em;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale; }

	li a[href$=".ppt"]::before,
li a[href$=".pptx"]::before { 
	content:"\f1c4";
	font-family:FontAwesome;
	margin-right:0.3em;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale; } 


/* global fix for linked image border */
a img { border:none; text-decoration:none; }


/*  -- FORMS -- */
form {}
fieldset { display:block; clear:left; min-width:40%; margin:1rem 0 0 0; border:0; padding:0 0 0 2rem; }
legend { font:bold 1.0rem/2em sans-serif; color:#9c3; }
label { display:block; margin:0.6rem 0 0 0; font:normal 1.0rem/1.2em sans-serif; color:#9c3; }
label.required { color:#ff0000;}
select, option { display:block; margin-top:0.1rem; font:bold 1.0rem/1.0em sans-serif; }
textarea { display:block; margin-top:0.1rem; padding-left:0.1rem; padding-right:0.1rem; font:normal 1rem/1.0em monospace; }
input { padding-left:0.1rem; padding-right:0.1rem; font:normal 1.0rem/1.0em monospace; }
input[type="submit"],
input[type="reset"],
input[type="button"] { display:inline; margin:0.25rem; padding:0.5rem; font:bold 1.1rem/1.6em sans-serif; color:#fff; cursor:pointer; }
input[type="text"],
input[type="password"], 
input[type="file"] { display:block; margin-top:0.1rem; overflow:visible; }
input[type="hidden"] { display:none; }
input[type="checkbox"],
input[type="radio"],
input[type="image"] { float:left; clear:left; margin-right:0.25rem; margin-left:0.5rem; }
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover { color:#000; }
select:focus,
textarea:focus,
input[type="password"]:focus,
input[type="text"]:focus { background:#fff; border-color:#0f0; } 
form .readonly { color:#999; }  /* for IE, even v.7!, gotta love IE */
input[readonly="readonly"],
input[readonly="readonly"]:hover,
input[readonly="readonly"]:focus { background-color:#fff; color:#999; }
form .disabled { background-color:#eee; color:#999; text-decoration:line-through; }

fieldset input[type="checkbox"],
fieldset input[type="radio"] { display:inline; }
fieldset input[type="checkbox"]+label,
fieldset input[type="radio"]+label { display:inline; font-weight:normal; margin-top:0; padding-left:0.25rem; } /* certain inputs in a label - for .NET forms should be inline */

/* button default grey */
	
a:link.button,
a:visited.button,
.button {
	display:inline-block;
	margin:0.25em;
	padding:0.4em 1em 0.4em 0.8em;
	clear:left;
	cursor:pointer;
	color:#003399;
	font-weight:bold;
	font-style: italic;
	text-decoration:none;
	text-transform:uppercase;
	border:solid 2px #003399;
	background: #ffffff; 
	background:linear-gradient(315deg, #003399 0.8em, #ffffff 0) bottom left, linear-gradient(225deg, #003399 0.8em, rgba(255,255,255,0.2) 0) bottom left;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	}
	
a:link.button:hover,
a:visited.button:hover,
.button:hover {
	text-decoration:none;
	text-transform:uppercase;
	border:solid 2px #cc0000;
	color:#cc0000;
	background: #cc0000; 
	background:linear-gradient(315deg, #cc0000 0.8em, #ffffff 0) bottom left, linear-gradient(225deg, #cc0000 0.8em, #ffffff 0) bottom left;
	background-size: 100% 100%;
	background-repeat: no-repea
	}ff


/* button FULL Width */
.button.full {clear:both; display:block; float:left; width:90%; height:3em; margin:1em 16px; line-height:3em; text-align:center;}


/* -- Linear Form Arrangement -- */
fieldset.linear { display:block; clear:left; }
fieldset.linear legend { display:inline; }
fieldset.linear label { display:inline; margin:0; line-height:1.2em; }
fieldset.linear select { display:inline; margin:0; }
fieldset.linear input { display:inline; margin:0; }
fieldset.linear input[type="submit"],
fieldset.linear input[type="reset"],
fieldset.linear input[type="button"] { display:inline; margin:0px; padding:0 2px 0 2px; font:bold 1.0em/1.0em sans-serif; color:#999; cursor:pointer; }
fieldset.linear input[type="text"],
fieldset.linear input[type="password"],
fieldset.linear input[type="file"] { display:inline; margin-top:0px; }
fieldset.linear input[type="hidden"] { display:none; }
fieldset.linear input[type="checkbox"],
fieldset.linear input[type="radio"],
fieldset.linear input[type="image"] { display:inline; margin-right:4px; margin-left:0.5em; margin-top:0; padding:0; }

/* --- Universals --- */
.legal, 
.caption,
.note,
.date { font-size:0.5em; line-height:1em; color:#666; }

/* -- specials -- */
.greyout { font-style:italic; color:#AAA; }
.error { font-weight:bold; color:red; }
/*.caution { padding-left:16px; background:transparent url("/ui/img/icon_caution.gif") no-repeat; }*/
.label { color:#999; font-weight:bold; }

/* -- display overrides -- */
.block { display:block; }
.inline { display:inline; }
.hidden { display:none; }

/* -- clear overrides -- */
.clear,
.clearboth { clear:both; }
.clearleft { clear:left; }
.clearright { clear:right; }
.unclear, .noclear { clear:none; }

/* -- global error (usually in a span tag) from M$.NET -- */
.error { padding:4px; font-weight:bold; color:#c00; }

/* -- uppers -- */
img.upper_right { float:right; clear:both; margin:16px 16px 8px 12px; }
img.upper_left { float:left; clear:both; margin:16px 12px 8px 16px; }
img.full { clear:both; margin:16px auto 8px auto; }
div.upper_right { float:right; clear:both; width:240px; border-left:1px solid #ccc; margin:16px 16px 12px 12px; font-size:smaller;}
div.upper_right > * { margin-left:12px; }
div.upper_right .caption { display:inline-block; margin-top:6px; color:#ccc; }