/* eimacs headers */

/*
	referenced
	pico /media/imacs/eimacs/eimacscdg/statics/skins/1/templates/js-libraries.htm /media/imacs/eimacs/eimacs/statics/skins/1/templates/js-libraries.htm
	d:\work\files\eimacs\eimacs\statics\skins\1\templates\js-libraries.htm
*/

@import url(/scripts/css/fonts/webfonts/imacs-fonts.css);


#c2
{
	padding: 8px;
}

.header
{
	padding: 0.25em;
	margin: 0.25em 0;
}

#page a, #page .ui-widget-content a
{
	text-decoration: none;
	color: blue;
}

#page a:hover
{
	text-decoration: underline;
}

#page b
{
	font-weight: bold;
}

#page input,#page textarea,#page select
{
	padding: 2px;
	margin: 0 2px;
}

#page input[type=radio],#page input[type=checkbox]
{
	margin-right: 0.3em;
}

#page p:first, p:first, #page div p:first, div p:first
{
	margin-top: 0;
}

.clearfix:after
{
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

table.ts
{
	border-collapse: collapse;
}

table.ts > tbody > tr > td
{
	padding: 2px;
}

table.ts > tbody > tr.titles > td, table.ts > tbody > tr.titles > td > div
{
	font-weight: bold;
}

#page .content
{
	padding: 0.5em;
	margin: 0.5em 0;
}

#waitdiv
{
	position:fixed;
	top:8px;
	left:8px;
	width: 64px;
	height: 64px;
}

#page div.p1, div.p1, #page div.p,  div.p
{
	margin-top: 0.25em;
}

#page div.p2, div.p2
{
	margin-top: 0.5em;
}

.ui-widget, .ui-widget:not(.ui-button), .ui-widget input, .ui-widget select, .ui-widget textarea, body, input, textarea, select
{
	font: 13px/1.65 Verdana,Geneva,Arial,Helvetica,sans-serif;
}

.ui-widget.header
{
	padding: 8px;
	margin-top: 8px;
	font-weight: bold;
}

.ui-widget-content .header
{
	margin-top: 0;
}

.ui-widget.header2
{
	padding: 6px;
	margin-top: 6px;
	font-weight: normal;
}

.ui-widget.content
{
	padding: 0.5em;
}

#page .ui-widget.announce, .ui-widget.announce
{
	background: url(images/announce.png);
	color: #fff !important;
	border: 1px solid #DDDDDD;
	text-align: center;
	width: auto;
}

#page .ui-widget.announce, .ui-widget.announce a { color: #fff !important; }

#page .ui-widget.warning
{
	background: url(images/warning.png);
	color: #fff  !important;
	border: 1px solid #ef3931;
	text-align: center;
	width: auto;
}

#page .ui-widget.warning a
{
	color: #fff !important;
}

#page .announce div.title, .announce div.title, #page .ui-widget.warning div.title
{
	text-align: center;
	font-weight: bold;
	border: none;
}

#page .ui-widget.content.ui-state-error, .ui-widget.content.ui-state-error
{
	text-align: center;
}

#page .ui-widget.content.ui-state-error a, .ui-widget.content.ui-state-error a
{
	color: #fff;
}

#page .ui-widget.content.instructions, .ui-widget.content.instructions
{
	width: 80%; /* important for phone layout */
	margin: 1em auto;
	background: url(images/information.png);
}

#page .ui-state-error div.title, .ui-state-error div.title
{
	text-align: center;
	font-weight: bold;
	border: none;
}

.pagetitle
{
	font-weight: bold;
	font-size: larger;
}

button.updatebutton
{
	display: none;
	position: fixed;
	top: 8px;
	left: 8px;
}

#page div.sec1, div.sec1
{
	margin: 4px 0;
}

table.gt, table.rt
{
	border-collapse: collapse;
}

table.gt > tbody > tr.titles > td
{
	background: forestgreen;
	color: white;
}

table.gt > tbody > tr > td
{
	border: 1px solid forestgreen;
	padding: 3px;
}

table.rt > tbody > tr.titles > td
{
	background: firebrick;
	color: white;
}

table.rt > tbody > tr > td
{
	border: 1px solid firebrick;
	padding: 2px;
}

table > tbody > tr.ta
{
	vertical-align: top;
}

td.r
{
	text-align: right;
}

td.c
{
	text-align: center;
}

#page a.sysadmin
{
	color: #404040;
}

#page a.spaced
{
	margin: 0 2em;
}

table.cell3
{
	border-collapse: collapse;
}

table.cell3 > tbody > tr > td
{
	padding: 3px;
}

a img
{
	border: none;
}

div.canregisterfor
{
	float: left;
	margin: 0 0.5em 0.5em 0.5em;
}

div.canregisterfor div.clickhere
{
	margin-bottom: 0.5em;
	font-size: 11px;
	line-height: 1.1em;
	text-align:center;
}

div.canregisterfor img.individual
{
	height: 25px;
}

.classtime div.editorexerciselinks
{
	display: none;
}

div.editorexerciselinks
{
	text-align: right;
	font-size:11px;
	color:#aaa;
}

#page div.editorexerciselinks a,.ui-widget-content div.editorexerciselinks a
{
	color: #aaa;
}
#page div.editorexerciselinks ul,.ui-widget-content div.editorexerciselinks ul
{
	/* display: table; 20160610 IF made items scrunch up after emf exercise is submitted */
	position: absolute;
	visibility: hidden;
	z-index: 99;
}
#page div.editorexerciselinks ul > li,.ui-widget-content div.editorexerciselinks ul > li
{
	text-align: center;
}
#page div.editorexerciselinks ul a, .ui-widget-content div.editorexerciselinks ul a
{
	text-decoration: none;
}

#page ul.gadgetform-editormenu
{
	font-size: 11px;
	border-radius:2px;
}

#page ul.gadgetform-editormenu .ui-state-focus
{
	font-weight: normal;
}

table.emf-standard { border-collapse: collapse; margin: 1em; }
table.emf-standard.c { margin: 1em auto; }
table.emf-standard.c-all > tbody > tr > td { text-align:center; }
table.emf-standard > tbody > tr > td { padding:8px; white-space: nowrap; border:1px solid #aaa; background-color: #fff;}
table.emf-standard.no-borders > tbody > tr > td { border-color:transparent; }
table.emf-standard > tbody > tr > td.c { text-align:center; }
table.emf-standard > tbody > tr > td.r { text-align:right; }
table.emf-standard > tbody > tr.header > td,table.emf-standard > tbody > tr > td.header { background: #eee; }
table.emf-standard > tbody > tr > td.topleft { background-color: #fff; border-top: none; border-left: none; }

table.standardtable { border-collapse:collapse; margin:1em auto; }
table.standardtable.borders > tbody > tr > td { border:1px solid #aaa; }
table.standardtable.left { margin:1em; }
table.standardtable.white { background:#fff; }
table.standardtable > tbody > tr.titles > td { font-style:italic; font-weight:bold; }
table.standardtable > tbody > tr.disabled > td { background:#ccc; }
table.standardtable > tbody > tr > td { padding:0.25em 0.5em !important; }
table.standardtable > tbody > tr > td.c { text-align:center; }
table.standardtable > tbody > tr > td.r { text-align:right; }
table.standardtable > tbody > tr > td.nw { white-space:nowrap; }
table.standardtable > tbody > tr > td.nowrap { white-space:nowrap; }

/* imacs live connect */
div.imacs-live-connect { position:fixed;left:2px;top:4px;width:90px;height:64px;background-image:url(/scripts/css/images/imacslogo-live-square-90x64.png);cursor:pointer;}
div.imacs-live-connect.attention { border:1px solid crimson; }
div.imacs-live-div { position:absolute;left:0;top:0;visibility:hidden;background:#fff;border-radius:6px;box-shadow:2px 2px 4px 4px rgba(0,0,0,0.5);padding:4px;width:400px;}
div.imacs-live-div > div { display:flex;flex-direction:column;align-items:center;justify-content:center; }
div.imacs-live-div > div > div.imacs-live-messages { width:300px;height:200px;font-size:13px;border:1px solid #aaa;margin:4px 0;}
div.imacs-live-div > div > textarea { outline:none;line-height:1.1;padding:0.25em;font-size:15px;margin:0 auto;resize:none;height:2.5em;width:95%;flex-grow:0; }
.ui-button .ui-icon.ui-icon-raised-hand { background-image:url(/cescripts/css/images/raised-hand/raised-hand-32.png);width:24px;height:24px;top:2px;background-size:cover; }
div.imacs-live-div div.chat-messages { display:flex;flex-direction:column;align-items:flex-start;height:2in;width:90%;margin:1em auto;border-radius:3px;padding:0.15em;border:1px solid var(--color-imacs-blue);background:#fff;box-shadow:2px 2px 2px 2px rgba(0,0,0,0.5);}
div.imacs-live-div div.chat-messages div.button-div button { font-size:11px;flex-grow:0; }
div.imacs-live-div div.chat-messages div.button-div span.title { flex-grow:1;text-align:center;}
div.imacs-live-div div.chat-messages div.button-div { flex-grow:0;display:flex;align-items:flex-start;}
div.imacs-live-div div.chat-messages div.messages { width:100%;font-family:'Neucha','Open sans',Verdana,Geneva,Arial,Helvetica,serif;flex-grow:1;font-size:15px;overflow-y:auto;line-height:1.1;padding:2px 0; }
div.imacs-live-div div.chat-messages div.messages div.chat-message.instructor { color:var(--color-imacs-green); }
div.imacs-live-div div.chat-messages div.messages div.chat-message span.instructor-name { margin-right:0.25em;color:#aaa; }
div.imacs-live-div div.chat-messages textarea { font-family: 'Open sans',Verdana,Geneva,Arial,Helvetica,sans-serif;outline:none;line-height:1.1;padding:0.25em;font-size:15px;margin:0 auto;resize:none;min-height:2.5em;height:2.5em;width:95%;flex-grow:0;}
div.imacs-live-div div.chat-messages span.when { color:#aaa;margin-right:0.25em;}