/*
Dark Blue-Grey: #0b1934
Gunsmoke: #3d4b66
Light Blue-Grey: #425367
Gunsteel Blue: #93AAC6
Dark Orange: #df6b00
*/


/***************************
 ** ACCESSIBILITY CLASSES **
 **************************/

fieldset{
	border:0px;
}

.accessibilityHeader,
.accessibilitySection,
.accessibilityTag
{
	/* The equivalent of 'display: none' but leaves the elements readable by some screen readers */
	/* See http://www.csszengarden.com/063/063.css */
	display: inline;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -5000em;
	overflow: hidden;
	clip: rect(0,0,0,0);/* because 'height: 0' doesn't have any fun in IE5.5 */
	height: 0;/* because clip doesn't have any fun in IE6 */
}


/*******************
 * HTML Tag Styles *
 *******************/
 
BODY
{
	background: white url('images/bg.png') repeat center;
	color: black;
	font-family: arial;
	font-weight: normal;
	/* font-size: 10pt; */
	font-size: 13.25px;
	text-decoration: none;
	height: 100%;
	padding: 0;
	margin: 0;
}

H1  { margin: 1em 0 0 0; padding: 0; }
H2  { margin: 1em 0 0 0; padding: 0; } /*border-bottom: 1px solid orange; }*/
H3  { margin: 1em 0 0 0; padding: 0; }
H4  { margin: 1em 0 0 0; padding: 0; }
H5  { margin: 1em 0 0 0; padding: 0; }
H6  { margin: 1em 0 0 0; padding: 0; }

H2 + P { margin-top: 0; }

ADDRESS { margin-left: 20px; }

DIV#bgGradient
{
	background: transparent url('images/bgGrad.png') repeat-x center;
	padding-bottom: 25px;
}


#flashHighlights
{
	margin-left: 8px;
}

#bluebg
{
	background: url('images/bgsecondary2wt.png') repeat-y center;
	
	width: 968px;
	background-position: 0 10px;
	z-index:5;
	margin:0 auto;
}

#cornerfix
{
	width: 968px;
	position: relative;
	background-color:#FFF;
	z-index:5;
	margin:0 auto;
	height: 10px;
}

#footerText
{
	float: left;
	margin-top: 0;
	/* color: #8d8282; */
	color: #5d5252; /* Made text darker so it's easier to see on grey background */
	/* text-align: center; */
	text-align: left;
}
#footerText .footerTextSpacer { margin: 10px 40px; }

#footerText UL.socialMediaLinks { float: right; list-style-image: none; list-style-type: none; margin: 0; padding: 0; }
#footerText UL.socialMediaLinks LI { float: left; list-style-image: none; list-style-type: none; margin: 0 2px; padding: 0; }
#footerText UL.socialMediaLinks LI A { display: block; float: right; margin: 0 0 0 5px; opacity: 0.8; filter: alpha(opacity=80); }
#footerText UL.socialMediaLinks LI A:hover,
#footerText UL.socialMediaLinks LI A:focus { display: block; float: right; margin: 0 0 0 5px; opacity: 1; filter: alpha(opacity=100); }

#footerText UL.footerNav    { display: block; margin: 0; padding: 0; }
#footerText UL.footerNav LI { display: inline; margin: 0 5px 0 0; padding: 0 5px 0 0; border-right: 1px solid #8d8282; }
#footerText UL.footerNav LI:last-child { border-right: transparent; }
#footerText .footerAbout    { display: block; margin: 0; padding: 0; }
#footerText .socialMediaIcon { float: right; margin: 0; /* margin: 0 0 -10px 5px; */ }

#bgbottom
{
	position:relative;
	width: 968px;
	height: 14px;
	margin:0 auto;
	z-index:50;
	margin-bottom: 20px;
	margin-top: -10px;
}

#pageContainerTop
{
	background: #f1f1f1 url('images/bgContainerTop2a.png') no-repeat top center;
	/* background: transparent url('images/bgContainerTop4.png') no-repeat top center; */
	z-index: 100;
	margin:0 auto;
	width:903px;
	/*margin-top: 25px;*/
	/* Updated by MLM after switch to Jason's default stylesheet */
	margin-top: 25px;
}
#pageContainer
{
	background: url('images/bgContainer.png') repeat-y top center;
	width:903px;
	margin: 0 atuo;
	position:relative;
	overflow:hidden;
	z-index: 51;
	clear: left;
	margin-left: auto;
	margin-right: auto;
}

#pageContainerBottom
{
	float: left;
	background: transparent url('images/bgContainerBottom2.png') no-repeat top center;
	/* background: transparent url('images/bgContainerBottom4.png') no-repeat top center; */
	width: 903px;
	height: 17px;
}

#pageContainer #translucency
{
	background-color: white;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
	width: 918px;
	height:15000px;
}

#pageContainer #pageHeader
{
	font-family:Myriad Pro, Verdana, Geneva, sans-serif;
	color: #4b7482;
	/*margin: 0px 0px 0px 157px;*/
	/*margin: 0 0 0 72px;*/
	width: 810px;
	background: transparent;
	text-align: left;
	margin: 0 auto;
	position: relative;
}


#pageContentTop
{
	/*margin-bottom:-22px;*/
	padding-bottom:0px;
	/*background: url("images/bgContentTop.png") no-repeat center;*/
	background: url("images/MainBoxes/MainTopTop.png") no-repeat center;
	height: 13px;
	
}

#pageContainer #pageContent
{
	
	/*background: url("images/bgContent.png") repeat-y center;*/
	background: url("images/MainBoxes/MainTopMiddle.png") repeat-y center;
	padding-top: 0;
	min-height: 270px;
}

#pageContentBottom
{
	/*background: url("images/bgContentBottom.png") no-repeat center top;*/
	background: url("images/MainBoxes/MainTopBottom.png") no-repeat center top;
	height: 19px;
	margin-top:-1px;
}

#headerTop
{
	float: left;
	margin-bottom: 8px;
}

#headerTop div#UniversityLogo
{
	float:right;
	margin-right:16px;
	margin-top:10px;
}
#headerTop div#UniversityLogo img {
	height: 50px;
}

#headertext
{
	float: left;
	position: relative;
	background: transparent;
	text-align: center;
	/*margin: 0 auto;*/
	margin: 13px 0 0 90px;
	/*padding-top:37px;*/
}

#headertext > div#OfficeAbb
{
	display:inline;
	font-size: 3.4em;
	font-weight: bold;
	color:#FFF;
}

#headertext > div#OfficeName
{
	/* display:inline; */
	font-size: 1.2em;
	font-weight: bold;
	color:#FFF;
	
	display: inline-block;
	text-align: left;
}

#celebration {
	float: left;
	position: relative;
	background: transparent;
	text-align: center;
	margin: 5px 0 -15px 63px;
	z-index: 1000;
}

#celebration img {
	height: 75px;
}



#pageBuffer
{
	clear: both;
	position:relative;
	height: 22px;
}

#footerContainer
{

	z-index: 51;
	width: 417px;
	background-color:#c3d9e0;
	position:relative;
	overflow:hidden;
	margin:23px auto 0 auto;
	padding: 10px;
}


#footerContainer #footerContent
{
	position:relative;
}
#footerContainer #footerContent #footerinfowrap
{
	height: 75px;	
}
#footerContainer #footerContent #footerinfowrap >span
{
	float: left;
}
#footerContainer #footerContent #footerinfowrap  #address
{
	float: right;
}
#footerContainer #footerContent > A
{
	right: auto;
	left: auto;
	font-weight:bold;
	font-size: 1.2em;
}

/* Link Settings */
a,a:link    { color: #1572ad; /* color: #333399; */ text-decoration: none; }
a:visited { color: #9999FF; /* color: #333399; */ text-decoration: none; }
a:active,
a:hover,
a:focus   { color: #fc9715; text-decoration: none; }

/* Default bullet list settings */
/*UL    { margin-top: 5px; margin-bottom: 3px; margin-left: 1em; padding-left: 1em; }
UL LI { margin-top: 5px; margin-bottom: 3px; padding-left: 10px; }
DL DD { margin-top: 5px; margin-left: 20px; }
*/

/* List bullet item classes */
UL.tp  LI,  LI.tp    { list-style-image: url("//mste.illinois.edu/images/icons/tinkerplots.gif"); }
UL.doc LI,  LI.doc   { list-style-image: url("//mste.illinois.edu/images/icons/msword.gif"); }
UL.xls LI,  LI.xls   { list-style-image: url("//mste.illinois.edu/images/icons/xlsicon.gif"); }
UL.ppt LI,  LI.ppt   { list-style-image: url("//mste.illinois.edu/images/icons/ppt.gif"); }
UL.gsp LI,  LI.gsp   { list-style-image: url("//mste.illinois.edu/images/icons/gsp.gif"); }
UL.jpg LI,  LI.jpg   { list-style-image: url("//mste.illinois.edu/images/icons/jpg.gif"); }
UL.gif LI,  LI.gif   { list-style-image: url("//mste.illinois.edu/images/icons/gif.gif"); }
UL.note LI, LI.note  { list-style-image: url("//mste.illinois.edu/images/icons/notepage.gif"); }
UL.html LI, LI.html  { list-style-image: url("//mste.illinois.edu/images/icons/htmlicon_sm.gif"); }
UL.email LI,LI.email { list-style-image: url("//mste.illinois.edu/images/icons/letter.gif"); }
UL.forum LI,LI.forum { list-style-image: url("//mste.illinois.edu/images/icons/forum.gif"); }
UL.threedots LI,LI.threedots { list-style-image: url("//mste.illinois.edu/images/threedots.gif"); }
UL.none LI, LI.none  { list-style-image: none; }

UL.inlineList,UL.inlineList LI, LI.inlineList { display: inline; margin: 0; padding: 0; }
UL.inlineListItem LI, LI.inlineListItem { display: inline; margin: 0; padding: 0; }


UL.pageOptionsGrouping    { display: inline; float: left; margin: 7px 0 5px 0; padding: 0; }
UL.pageOptionsGrouping LI { display: inline; float: left; margin: 0; padding: 3px; margin-right: 5px; border: 1px solid transparent; font-weight: bold; }

UL.pageOptionsGrouping LI.highlight,
UL.pageOptionsGrouping LI.highlighted { font-weight: bold; border: 1px solid #003399; background-color: #F5F5FF; }

/* NOTE:
 *  Tiny => 16x16
 *  Sm   => 22x22
 *  Med  => 32x32
 *  Lg   => 48x48
 *  XLg  => 64x64
 *  Huge => 128x128
 */

UL.tiny         { font-size: 100%; margin-top: 5px; margin-bottom: 3px; margin-left: 1em; padding-left: 1em; }
UL.sm           { font-size: 150%; margin-top: 5px; margin-bottom: 3px; margin-left: 1em; padding-left: 1em; }
UL.med          { font-size: 200%; margin-top: 5px; margin-bottom: 3px; margin-left: 1em; padding-left: 1em; }
UL.lg           { font-size: 350%; margin-top: 5px; margin-bottom: 3px; margin-left: 1em; padding-left: 1em; }
UL.xlg          { font-size: 450%; margin-top: 5px; margin-bottom: 3px; margin-left: 1em; padding-left: 1em; }
UL.huge         { font-size: 550%; margin-top: 5px; margin-bottom: 3px; margin-left: 1em; padding-left: 1em; }

UL.qmark LI,LI.qmark { list-style-image: url("images/icons/icon_qmark.gif"); }

/* TINY bullet item classes */
UL.java LI, LI.java  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/java_jar.png"); }
UL.pdf  LI, LI.pdf   { list-style-image: url("//mste.illinois.edu/images/icons/16x16/pdf.png"); }
UL.txt  LI, LI.txt   { list-style-image: url("//mste.illinois.edu/images/icons/16x16/text.png"); }
UL.web  LI, LI.web   { list-style-image: url("//mste.illinois.edu/images/icons/16x16/browser.png"); }
UL.star LI, LI.star  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/bookmark.png"); }

/* SMALL bullet item classes */
UL.sm>LI       { margin-top: 5px; margin-bottom: 3px; }
UL.sm>LI.java  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/java_jar.png"); }
UL.sm>LI.pdf   { list-style-image: url("//mste.illinois.edu/images/icons/16x16/pdf.png"); }
UL.sm>LI.txt   { list-style-image: url("//mste.illinois.edu/images/icons/16x16/txt.png"); }
UL.sm>LI.web   { list-style-image: url("//mste.illinois.edu/images/icons/16x16/browser.png"); }
UL.sm>LI.star  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/bookmark.png"); }

/* MEDIUM bullet item classes */
UL.med>LI       { margin-top: 5px; margin-bottom: 3px; }
UL.med>LI.java  { list-style-image: url("//mste.illinois.edu/images/icons/22x22/java_jar.png"); }
UL.med>LI.pdf   { list-style-image: url("//mste.illinois.edu/images/icons/22x22/pdf.png"); }
UL.med>LI.txt   { list-style-image: url("//mste.illinois.edu/images/icons/22x22/txt.png"); }
UL.med>LI.web   { list-style-image: url("//mste.illinois.edu/images/icons/22x22/browser.png"); }
UL.med>LI.star  { list-style-image: url("//mste.illinois.edu/images/icons/22x22/bookmark.png"); }

UL.tiny>LI.survey { list-style-image: url("//mste.illinois.edu/images/icons/16x16/survey.png"); }
UL.sm>LI.survey   { list-style-image: url("//mste.illinois.edu/images/icons/22x22/survey.png"); }
UL.med>LI.survey  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/survey.png"); }
UL.lg>LI.survey   { list-style-image: url("//mste.illinois.edu/images/icons/48x48/survey.png"); }



UL    { margin-top: 5px; margin-bottom: 3px; margin-left: 1em; padding-left: 2em; }
UL LI { margin-top: 5px; margin-bottom: 3px; }
LI UL { font-size: 13.25px; margin-left: 1em; padding-left: 1em; } /* Keeps lists from inheriting their parents' font sizes (important because using em's) */

/* NOTE:
 *  Sm   => 16x16
 *  Med  => 22x22
 *  Lg   => 32x32
 *  XLg  => 48x48
 */

UL.usersSm  > LI,LI.usersSm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/kuser.png"); font-size: 100%; }
UL.usersMed > LI,LI.usersMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/kuser.png"); font-size: 138%; }
UL.usersLg  > LI,LI.usersLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/kuser.png"); font-size: 200%; }
UL.usersXLg > LI,LI.usersXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/kuser.png"); font-size: 300%; }

UL.groupSm  > LI,LI.groupSm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/kuser.png"); font-size: 100%; }
UL.groupMed > LI,LI.groupMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/kuser.png"); font-size: 138%; }
UL.groupLg  > LI,LI.groupLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/kuser.png"); font-size: 200%; }
UL.groupXLg > LI,LI.groupXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/kuser.png"); font-size: 300%; }

UL.personalSm  > LI,LI.personalSm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/personal.png"); font-size: 100%; }
UL.personalMed > LI,LI.personalMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/personal.png"); font-size: 138%; }
UL.personalLg  > LI,LI.personalLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/personal.png"); font-size: 200%; }
UL.personalXLg > LI,LI.personalXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/personal.png"); font-size: 300%; }

UL.identitySm  > LI,LI.identitySm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/identity.png"); font-size: 100%; }
UL.identityMed > LI,LI.identityMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/identity.png"); font-size: 138%; }
UL.identityLg  > LI,LI.identityLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/identity.png"); font-size: 200%; }
UL.identityXLg > LI,LI.identityXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/identity.png"); font-size: 300%; }

UL.starSm  > LI,LI.starSm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/bookmark.png"); font-size: 100%; }
UL.starMed > LI,LI.starMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/bookmark.png"); font-size: 138%; }
UL.starLg  > LI,LI.starLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/bookmark.png"); font-size: 200%; }
UL.starXLg > LI,LI.starXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/bookmark.png"); font-size: 300%; }

UL.findSm  > LI,LI.findSm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/viewmag.png"); font-size: 100%; }
UL.findMed > LI,LI.findMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/viewmag.png"); font-size: 138%; }
UL.findLg  > LI,LI.findLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/viewmag.png"); font-size: 200%; }
UL.findXLg > LI,LI.findXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/viewmag.png"); font-size: 300%; }

UL.findPageSm  > LI,LI.findPageSm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/find.png"); font-size: 100%; }
UL.findPageMed > LI,LI.findPageMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/find.png"); font-size: 138%; }
UL.findPageLg  > LI,LI.findPageLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/find.png"); font-size: 200%; }
UL.findPageXLg > LI,LI.findPageXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/find.png"); font-size: 300%; }

UL.topicSm  > LI,LI.topicSm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/topic.png"); font-size: 1em; }
UL.topicMed > LI,LI.topicMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/topic.png"); font-size: 1.38em; }
UL.topicLg  > LI,LI.topicLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/topic.png"); font-size: 2em; }
UL.topicXLg > LI,LI.topicXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/topic.png"); font-size: 3em; }

UL.folderSm  > LI,LI.folderSm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/folder_yellow.png"); font-size: 100%; }
UL.folderMed > LI,LI.folderMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/folder_yellow.png"); font-size: 138%; }
UL.folderLg  > LI,LI.folderLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/folder_yellow.png"); font-size: 200%; }
UL.folderXLg > LI,LI.folderXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/folder_yellow.png"); font-size: 300%; }

UL.cameraSm  > LI,LI.cameraSm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/camera.png"); font-size: 1em; }
UL.cameraMed > LI,LI.cameraMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/camera.png"); font-size: 1.38em; }
UL.cameraLg  > LI,LI.cameraLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/camera.png"); font-size: 2em; }
UL.cameraXLg > LI,LI.cameraXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/camera.png"); font-size: 3em; }

UL.compfileSm  > LI,LI.compfileSm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/compfile.png"); font-size: 1em; }
UL.compfileMed > LI,LI.compfileMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/compfile.png"); font-size: 1.38em; }
UL.compfileLg  > LI,LI.compfileLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/compfile.png"); font-size: 2em; }
UL.compfileXLg > LI,LI.compfileXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/compfile.png"); font-size: 3em; }

UL.tagcloudSm  > LI,LI.tagcloudSm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/katomic.png"); font-size: 1em; }
UL.tagcloudMed > LI,LI.tagcloudMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/katomic.png"); font-size: 1.38em; }
UL.tagcloudLg  > LI,LI.tagcloudLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/katomic.png"); font-size: 2em; }
UL.tagcloudXLg > LI,LI.tagcloudXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/katomic.png"); font-size: 3em; }

UL.clipboardDoneSm  > LI,LI.clipboardDoneSm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/korganizer.png"); font-size: 1em; }
UL.clipboardDoneMed > LI,LI.clipboardDoneMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/korganizer.png"); font-size: 1.38em; }
UL.clipboardDoneLg  > LI,LI.clipboardDoneLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/korganizer.png"); font-size: 2em; }
UL.clipboardDoneXLg > LI,LI.clipboardDoneXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/korganizer.png"); font-size: 3em; }

UL.emailSm  > LI,LI.emailSm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/email.png"); font-size: 1em; }
UL.emailMed > LI,LI.emailMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/email.png"); font-size: 1.38em; }
UL.emailLg  > LI,LI.emailLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/email.png"); font-size: 2em; }
UL.emailXLg > LI,LI.emailXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/email.png"); font-size: 3em; }

UL.personSpeakSm  > LI,LI.personSpeakSm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/edu_languages.png"); font-size: 1em; }
UL.personSpeakMed > LI,LI.personSpeakMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/edu_languages.png"); font-size: 1.38em; }
UL.personSpeakLg  > LI,LI.personSpeakLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/edu_languages.png"); font-size: 2em; }
UL.personSpeakXLg > LI,LI.personSpeakXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/edu_languages.png"); font-size: 3em; }

UL.deleteSm  > LI,LI.deleteSm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/no.png"); font-size: 1em; }
UL.deleteMed > LI,LI.deleteMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/no.png"); font-size: 1.38em; }
UL.deleteLg  > LI,LI.deleteLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/no.png"); font-size: 2em; }
UL.deleteXLg > LI,LI.deleteXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/no.png"); font-size: 3em; }

UL.uparrowSm  > LI,LI.uparrowSm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/1uparrow.png"); font-size: 1em; }
UL.uparrowMed > LI,LI.uparrowMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/1uparrow.png"); font-size: 1.38em; }
UL.uparrowLg  > LI,LI.uparrowLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/1uparrow.png"); font-size: 2em; }
UL.uparrowXLg > LI,LI.uparrowXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/1uparrow.png"); font-size: 3em; }

UL.rightarrowSm  > LI,LI.rightarrowSm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/1rightarrow.png"); font-size: 1em; }
UL.rightarrowMed > LI,LI.rightarrowMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/1rightarrow.png"); font-size: 1.38em; }
UL.rightarrowLg  > LI,LI.rightarrowLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/1rightarrow.png"); font-size: 2em; }
UL.rightarrowXLg > LI,LI.rightarrowXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/1rightarrow.png"); font-size: 3em; }

UL.downarrowSm  > LI,LI.downarrowSm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/1downarrow.png"); font-size: 1em; }
UL.downarrowMed > LI,LI.downarrowMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/1downarrow.png"); font-size: 1.38em; }
UL.downarrowLg  > LI,LI.downarrowLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/1downarrow.png"); font-size: 2em; }
UL.downarrowXLg > LI,LI.downarrowXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/1downarrow.png"); font-size: 3em; }

UL.leftarrowSm  > LI,LI.leftarrowSm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/1leftarrow.png"); font-size: 1em; }
UL.leftarrowMed > LI,LI.leftarrowMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/1leftarrow.png"); font-size: 1.38em; }
UL.leftarrowLg  > LI,LI.leftarrowLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/1leftarrow.png"); font-size: 2em; }
UL.leftarrowXLg > LI,LI.leftarrowXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/1leftarrow.png"); font-size: 3em; }

UL.uparrowDoubleSm  > LI,LI.uparrowDoubleSm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/2uparrow.png"); font-size: 1em; }
UL.uparrowDoubleMed > LI,LI.uparrowDoubleMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/2uparrow.png"); font-size: 1.38em; }
UL.uparrowDoubleLg  > LI,LI.uparrowDoubleLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/2uparrow.png"); font-size: 2em; }
UL.uparrowDoubleXLg > LI,LI.uparrowDoubleXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/2uparrow.png"); font-size: 3em; }

UL.rightarrowDoubleSm  > LI,LI.rightarrowDoubleSm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/2rightarrow.png"); font-size: 1em; }
UL.rightarrowDoubleMed > LI,LI.rightarrowDoubleMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/2rightarrow.png"); font-size: 1.38em; }
UL.rightarrowDoubleLg  > LI,LI.rightarrowDoubleLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/2rightarrow.png"); font-size: 2em; }
UL.rightarrowDoubleXLg > LI,LI.rightarrowDoubleXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/2rightarrow.png"); font-size: 3em; }

UL.downarrowDoubleSm  > LI,LI.downarrowDoubleSm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/2downarrow.png"); font-size: 1em; }
UL.downarrowDoubleMed > LI,LI.downarrowDoubleMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/2downarrow.png"); font-size: 1.38em; }
UL.downarrowDoubleLg  > LI,LI.downarrowDoubleLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/2downarrow.png"); font-size: 2em; }
UL.downarrowDoubleXLg > LI,LI.downarrowDoubleXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/2downarrow.png"); font-size: 3em; }

UL.leftarrowDoubleSm  > LI,LI.leftarrowDoubleSm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/2leftarrow.png"); font-size: 1em; }
UL.leftarrowDoubleMed > LI,LI.leftarrowDoubleMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/2leftarrow.png"); font-size: 1.38em; }
UL.leftarrowDoubleLg  > LI,LI.leftarrowDoubleLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/2leftarrow.png"); font-size: 2em; }
UL.leftarrowDoubleXLg > LI,LI.leftarrowDoubleXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/2leftarrow.png"); font-size: 3em; }

UL.dateSm  > LI,LI.dateSm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/date.png"); font-size: 1em; }
UL.dateMed > LI,LI.dateMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/date.png"); font-size: 1.38em; }
UL.dateLg  > LI,LI.dateLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/date.png"); font-size: 2em; }
UL.dateXLg > LI,LI.dateXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/date.png"); font-size: 3em; }

UL.timeSm  > LI,LI.timeSm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/karm.png"); font-size: 1em; }
UL.timeMed > LI,LI.timeMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/karm.png"); font-size: 1.38em; }
UL.timeLg  > LI,LI.timeLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/karm.png"); font-size: 2em; }
UL.timeXLg > LI,LI.timeXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/karm.png"); font-size: 3em; }

UL.alarmSm  > LI,LI.alarmSm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/kalarm.png"); font-size: 1em; }
UL.alarmMed > LI,LI.alarmMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/kalarm.png"); font-size: 1.38em; }
UL.alarmLg  > LI,LI.alarmLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/kalarm.png"); font-size: 2em; }
UL.alarmXLg > LI,LI.alarmXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/kalarm.png"); font-size: 3em; }

UL.alarmDisabledSm  > LI,LI.alarmDisabledSm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/kalarm_disabled.png"); font-size: 1em; }
UL.alarmDisabledMed > LI,LI.alarmDisabledMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/kalarm_disabled.png"); font-size: 1.38em; }
UL.alarmDisabledLg  > LI,LI.alarmDisabledLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/kalarm_disabled.png"); font-size: 2em; }
UL.alarmDisabledXLg > LI,LI.alarmDisabledXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/kalarm_disabled.png"); font-size: 3em; }

UL.newsSm  > LI,LI.newsSm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/knode.png"); font-size: 1em; }
UL.newsMed > LI,LI.newsMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/knode.png"); font-size: 1.38em; }
UL.newsLg  > LI,LI.newsLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/knode.png"); font-size: 2em; }
UL.newsXLg > LI,LI.newsXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/knode.png"); font-size: 3em; }

UL.piechartSm  > LI,LI.piechartSm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/kcmpartitions.png"); font-size: 1em; }
UL.piechartMed > LI,LI.piechartMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/kcmpartitions.png"); font-size: 1.38em; }
UL.piechartLg  > LI,LI.piechartLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/kcmpartitions.png"); font-size: 2em; }
UL.piechartXLg > LI,LI.piechartXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/kcmpartitions.png"); font-size: 3em; }



UL.javaSm  > LI,LI.javaSm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/java_jar.png"); font-size: 100%; }
UL.javaMed > LI,LI.javaMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/java_jar.png"); font-size: 138%; }
UL.javaLg  > LI,LI.javaLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/java_jar.png"); font-size: 200%; }
UL.javaXLg > LI,LI.javaXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/java_jar.png"); font-size: 300%; }

UL.txtSm  > LI,LI.txtSm  { list-style-image: url("//mste.illinois.edu/images/icons/16x16/txt.png"); font-size: 100%; }
UL.txtMed > LI,LI.txtMed { list-style-image: url("//mste.illinois.edu/images/icons/22x22/txt.png"); font-size: 138%; }
UL.txtLg  > LI,LI.txtLg  { list-style-image: url("//mste.illinois.edu/images/icons/32x32/txt.png"); font-size: 200%; }
UL.txtXLg > LI,LI.txtXLg { list-style-image: url("//mste.illinois.edu/images/icons/48x48/txt.png"); font-size: 300%; }

UL.facebookSm  > LI,LI.facebookSm  { list-style-image: url("images/icons/socialmedia/facebook_16.png"); font-size: 100%; }
UL.facebookMed > LI,LI.facebookMed { list-style-image: url("images/icons/socialmedia/facebook_32.png"); font-size: 138%; }

UL.twitterSm  > LI,LI.twitterSm  { list-style-image: url("images/icons/socialmedia/twitter_16.png"); font-size: 100%; }
UL.twitterMed > LI,LI.twitterMed { list-style-image: url("images/icons/socialmedia/twitter_32.png"); font-size: 138%; }

IMG
{
	padding: 0px;
	border: 0px;
	margin: 0px;
}

P
{
	text-align: left;
	margin: 1ex;
}

BUTTON
{
	background: url("images/button_grad_blue.jpg") center;
/*	height: 20px; */
	background-color: #EEEEEE;
	border: 1px solid #000000;
	color: #000000;
/*	width: 60px; */
}

BUTTON:hover,
BUTTON:focus
{
	background: url("images/button_grad_orange.jpg") center;
}

INPUT.memberProfile
{
	width: 300px;
}

INPUT.memberProfileShort
{
	width: 150px;
}


/*
input[type=submit],input[type=reset]
{
	background: url("images/button_grad_blue.jpg") center;
	height: 20px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	color: #000000;
}
*/



/******************************
 * Font Styles                *
 *  headings, font sizes, etc *
 ******************************/

.b { font-weight: bold; }
.u { text-decoration: underline; }
.i { font-style: italic; }

.title { font-weight: bold; }

.heading1Underline
{
	border-bottom: 1px solid #3d4b66;
	color: #3d4b66;
	font-size: 24px;
	font-weight: bold;
}



/******************************************
 * VERY General Color scheme-based styles *
 ******************************************/

.borderOutlineColor
{
	border-color: #df6b00;
	padding-left: .5ex;
	border-width: 5px;
	border-style: double;
}




/*********************
 * index.php Styles *
 *******************/

div#mainTop
{
	background: url("images/MainBoxes/MainTopMiddle.png") repeat-y center;
	min-height: 400px;
	padding-top: 10px;
	padding-bottom: 9px;
}

div#mainBottom
{
	background: url("images/MainBoxes/MainTopMiddle.png") repeat-y center;
	min-height: 400px;
	padding-top: 10px;
	padding-bottom: 1px;
}

div#mainTopTop
{
	background: url("images/MainBoxes/MainTopTop.png") no-repeat scroll center bottom transparent;
	height: 13px;
	margin-bottom:0;
	margin-top: 0;
}

div#mainBottomTop
{
	background: url("images/MainBoxes/MainTopTop.png") no-repeat scroll center bottom transparent;
	height: 13px;
	margin-bottom:0;
	margin-top: 5px;
}


div#mainTopBottom
{
	background: url("images/MainBoxes/MainTopBottom.png") no-repeat scroll center top transparent;
	height: 14px;
	margin-top:0;
	margin-bottom: 5px;
	
}

div#mainBottomBottom
{
	background: url("images/MainBoxes/MainTopBottom.png") no-repeat scroll center top transparent;
	height: 14px;
		margin-top:0;
	margin-bottom: 5px;
	
}

div#mainTopDiv
{
	width: 821px;	
	margin: 0 auto;
}



div.mainBottomMiddle
{
	background: url("images/MainBoxes/MainBottomMiddle.png") repeat-y center;
	
}

div.mainBottomTop
{
	background: url("images/MainBoxes/MainBottomTop.png")  no-repeat center;
	height: 20px;
	margin-bottom:-3px;
}

div.mainBottomBottom
{
	background: url("images/MainBoxes/MainBottomBottom.png")  no-repeat center;
	height: 19px;
	margin-top:-3px;
	
}

div.mainBottomDiv
{
	width: 360px;
	margin: 0 auto;
}

div#mainBottomLeft
{
	float: left;
	width: 395px;
	margin-left: 35px;
	/*width: 52%;*/
}

div#mainBottomRight
{
	float: right;
	width: 395px;
	margin-right: 35px;
	/*margin-left:  48%;*/
}




h2.jasonTheme
{
	font-size:1.9em;
	color: #618592;	
	margin-top: 0;
	margin-bottom:10px;
}

.mainBottomBox h2.jasonTheme
{
}

.carousel-outer {
    margin-left: 20px;
}
.carousel-inner .carousel-caption h2 a:hover, .carousel-inner .carousel-caption h2 a:focus{
	text-decoration: underline;
}
.carousel-inner .carousel-caption h2 a:focus{
	outline-color: white;
}

div.mainPageAnnouncements div.newsDate,
div#mainRightDiv div.newsDate
{
	color:#83B6C7;
	font-size:1.3em;
}

div.mainPageAnnouncements div.newsTitle h3,
div#mainRightDiv div.newsTitle h3
{
	font-size:1.3em;
	margin: 0px;	
}

div.mainPageAnnouncements div.newsText,
div#mainRightDiv div.newsText
{
	margin-bottom: 20px;	
}

div.mainPageAnnouncements div.newsText font,
div#mainRightDiv div.newsText font
{
		font-size:1.2em;
		color:#618592;
}

.nextLink { text-align: right; }

div.mainPageAnnouncements p,
div#mainRightDiv div.newsText >p
{
		margin-left: 0px;
}

.newsText IMG.floatleft  { margin-right: 10px; }
.newsText IMG.floatright { margin-left: 10px; }

div#mainLeftDiv > p
{
margin: 0px;	
margin-top: 10px;
color: #83b6c7;
font-size:1.2em;
	
}

div#mainBottomLeftMiddle
{
	/*margin-top: -28px;*/
		
}

div#mainBottomRightMiddle
{
	/*margin-top: -28px;*/
		
}

#mainTopLeftDiv
{
	float: left;
	width: 57%;
}

#mainTopRightDiv
{
	margin-left: 62%;	
}

div#blackFade
{
		background: url("images/highlights/blackFade.png")  repeat-x center;
		height:67px;
		width:470px;
}

div#black
{
		background: url("images/highlights/black.png")  repeat center;
		height:80px;
		width:470px;
	
}

div#black ul
{
	width:473px;
	
}


div#black li
{
	display:inline-block;
	
}

.item{
	margin:0 auto;
	
}



div#windmills
{
background: url("images/highlights/windmill/largeImage.png") no-repeat center;
width:470px;
height:405px;
}


/*******************
 * ID-based Styles *
 *******************/

#maindiv
{
	position: relative;
	/*top: 20px;*/
	margin: 0 auto;
	width: 960px;
	background: transparent;
	text-align: left;
	/*z-index: 6;*/
	height: 1280px;

}

#main
{
	/*width: 618px;*/
	width: 800px;
	background: transparent;
	text-align: left;
	margin: 0 auto;
	position: relative;
}

table.highlightedProjects{
	
	margin: 0 auto;
	
}
div.mainPageAnnouncements{
	
		margin: 0 auto;	
		width:90%;
}

#menubar
{
	font-size: 16px;
	font-weight: bold;
	margin-left: 63px;
	
}


/** CHANGED BY MLM 2010-01-29
#menubar a
{
	padding-top: 9px;
	padding-left: 22px;
	font-size: 18px;
}
**/

#menubar a
{
	margin: none;
	margin-left: 12px;
	padding: none;
	padding-top: 9px;
	font-size: 18px;
}




#menubar ul.mainmenunav
{
	display: inline;
	list-style: none;
	list-style-type: none;
	list-style-image: none;
	margin: none;
	padding: none;

}

#menubar ul.mainmenunav li
{
	display: inline;
	position: relative;
	float: left;
	list-style: none;
	list-style-type: none;
	list-style-image: none;
	margin: none;
	padding: none;
	margin-left: -22px;
	background: url('images/tab.png') no-repeat ;
	width: 143px;
	height:40px;
	margin-bottom:0px;
}

#menubar ul.mainmenunav li:hover,
#menubar ul.mainmenunav li:focus
{
	background-position: 0px -43px;
}

/** CHANGED BY MLM 2010-01-29
#menubar ul.mainmenunav li a{
	
		width: 100px;
	height:40px;
	display:block;
	text-align: center;
}
**/

#menubar ul.mainmenunav li a
{
	width: 123px;
	height:40px;
	display:block;
	text-align: center;
}

#menubar ul.mainmenunav li a,
#menubar ul.mainmenunav li a:link,
#menubar ul.mainmenunav li a:visited { color: #333399; text-decoration: none; }

#menubar ul.mainmenunav li a:active,
#menubar ul.mainmenunav li a:hover,
#menubar ul.mainmenunav li a:focus { color: #333333; text-decoration: none; }




/*
#main td
{
	
}
*/

/*#banner
{ 
	background-color: white;
	padding: 0px;
	margin: 0ex;
	position: relative;
	top: 1px;
	left: 50%;
	margin-left: -481px;
	height: 30px;
	width: 962px;
}*/

.banner
{ 
	margin: 0 auto 0 auto;
	height: 20px;
	width: 960px;
	clear: both;
}

/*
#header
{ 
	
}
*/

#footer
{
	height: 106px; 
	width: 436px;
	text-align: center;
	font-size: 100%;
}

#footernew
{
	top: 1150px; 
	height: 120px; 
	width: 450px;
	text-align: center;
	font-size: 100%;
}

#footer IMG   { border: none; margin: 0px; margin-right: 3px; }

#footer a:link    { color: #FFCC66; text-decoration: none; }
#footer a:visited { color: #FFCC66; text-decoration: none; }
#footer a:hover,
#footer a:focus   { color: #d3d3d3; text-decoration: none; }



#rightcontent
{ 
	padding: 0;
	text-align: left;
	/*aligned to the right because of the invisible border put around the newsitem object*/
}
#rightcontent > P:first-child { padding-top: 0; margin-top: 0; }

/*#leftcontent
{ 
	width:210px;
	margin-top: 0px;
	float: left;
	padding: 0px 0px;
}*/

.danger /* (Error Reporting) */
{
	color: red;
	font-weight: bold;
}


TABLE.error
{
	background-color: #F5F5FF;
	border: 1px solid #003366;
	color: black;
	margin: 1ex;
	width: 100%;
	align: center;
}

TABLE.error TR
{
	
}

TABLE.error TH
{
/*	background-color: #003366;*/
	background-color: #df6b00;
	color: white;
	font-weight: bold;
	font-size: 125%;
	padding: .25ex .5ex;
}

TABLE.error TD
{
	text-align: left; 
	border-top: 3px double #003366;
/*	border: 1px solid #df6b00; */
	padding: .25ex .5ex;
}

TABLE.error TD.row0
{
	background-color: #E1E4F2;
}

TABLE.error TD.row1
{
	background-color: #F5F5FF;
}
*/

.banner_stretch
{
	background-repeat: repeat-x;
	background-position: top left; 
}

.menu
{
	/* 
	Width is set by the parent, #leftside, which is been switched to absolute width based on fontsize (to make sure Items don't wrap)
	-- width: 100px; */ /* Might want to set the width of the menu, since it's not variable? 
	*/
	background-color: #AA0078;
	color: black;
	border: 1px solid #df6b00;
	padding: 1ex;
	margin: 0ex 1ex 1ex 1ex;
	text-align: left;
}

.menuhighlightover
{
	/*background-color: #104A7B;*/
	/*background-color: orange;*/
	/*background-color: #8AA3BD;*/
	background-color: #FFFFFF; /*SaddleBrown*/
	font-weight: bold;
	font-size: 1.2em;
	color: #80A9C3;
	border: 1px solid #80A9C3;
	cursor: pointer;
}

.menuhighlight
{
	background-color: #FFFFFF;
	font-weight: bold;
	font-size: 1.2em;
	color: orange;
	padding: 0ex;
	border: 0px;
}

.menuitemover
{
	/*background-color: #104A7B;*/
	/*background-color: orange;*/
	/*background-color: #8AA3BD;*/
	background-color: #FFFFFF; /*SaddleBrown*/
	color: #80A9C3;
	border: 1px solid #80A9C3;
	cursor: pointer;
}

.menuitem
{
	background-color: #FFFFFF;
	color: orange;
	padding: 0ex;
	border: 0px;
}

.newsitem
{
	background-color: #FFFFFF;
	border: 1px solid #df6b00;
	margin: 0 auto;
	width: 95%;
	
	align: center;
}

.newsitem td, .newsitem th
{
	text-align: left; 
	border: 1px solid #df6b00;
	padding: .25ex .5ex;
}

.newsitem td h3
{
	padding: 0ex;
	margin: 0ex;
}

/* Added to help reformatting the resources page into a mobile-friendly format. (rabyrd 2016-01-05) */
.newsitem td.catCol a {
    display: block;
}

.newsitem th
{
	font-weight: normal;
/* Removed to help reformatting the resources page into a mobile-friendly format. (rabyrd 2016-01-05)
	font-weight: bold;
	font-size: 125%;
	padding: .25ex .5ex;
*/
}

.newsitem th h2
{
	padding: 0ex;
	margin: 0ex;
}

.newsitem h3.heading
{
	background-color: #004466;
	font-weight: bold;
}

.pageContent
{
	/*background-color: white;*/
	background-color: transparent;
	margin: 1em;
	padding: 0em;
	width: 100%;
	align: center;
	padding-top: 5px;
}

.pageContent>H1  { margin: 0em; padding: 0.25em; }
.pageContent>H2  { margin: 0em; padding: 0.25em; } /*border-bottom: 1px solid orange; }*/
.pageContent>H3  { margin: 0em; padding: 0.25em; }
.pageContent>H4  { margin: 0em; padding: 0.25em; }
.pageContent>H5  { margin: 0em; padding: 0.25em; }
.pageContent>H6  { margin: 0em; padding: 0.25em; }
.pageContent>DIV { margin: 0em; padding: 0.25em; }
.pageContent>DL  { margin: 0em; padding: 0.25em; }

/*
 * BEGIN display table STYLES 
 *  Used for:
 *   - news display on the main page,
 *   - search results display in /search.php (resources, calendar, news, comics)
 *   - log entry display on log admin page (/admin/log_admin.php) and member home page (/members)
 */

DIV.dispSummaryStandardBorder { border: 1px solid white; }
DIV.dispSummaryStandardWidthFixed { width: 600px; }
DIV.dispSummaryStandardWidthFlow  { width: 95%; }
DIV.dispSummaryStandardWidthFlow>TABLE.dispSummary { width: 100%; }
DIV.dispSummaryFullWidthFlow  { width: 100%; }
DIV.dispSummaryFullWidthFlow>TABLE.dispSummary { width: 100%; }

TABLE.dispSummary
{
	border: 0px;
	margin: 0ex;
}

TABLE.dispSummary>TBODY>TR
{
	border: 0px;
	padding: .25ex .5ex;
	margin: 0px;
}

TABLE.dispSummary>TBODY>TR>TH
{
	border: 0px;
	padding: .25ex .5ex;
	margin: 0px;
	
	background-color: #FFFFFF;
	border-top: 1px solid #D0DEE9;
	border-bottom: 1px solid #D0DEE9;
	font-size: 18px;
	font-weight: bold;
}
TABLE.dispSummary>TBODY>TR>TH.title
{
	font-size: 24px;
}

TABLE.dispSummary>TBODY>TR>TH.pageNav
{
	font-size: 14px;
	font-weight: normal;
}

TABLE.dispSummary>TBODY>TR>TH.heading
{
	font-size: 14px;
}

TABLE.dispSummary>TBODY>TR>TH.sort
{
	background-color: #FFFFFF;
}

TABLE.dispSummary>TBODY>TR>TD
{
	border: 0px;
	padding: .25ex .5ex;
	margin: 0px;
}

TABLE.dispSummary>TBODY>TR>TD.heading
{
	font-weight: bold;
}

TABLE.dispSummary>TBODY>TR.odd,TABLE.dispSummary>TBODY>TR.odd>TH,TABLE.dispSummary>TBODY>TR.odd>TD
{
	background-color: #FFFFFF;
}
TABLE.dispSummary>TBODY>TR.odd>TH.heading
{
	border: none;
	font-size: 14px;
	background-color: #FFFFFF;
}

TABLE.dispSummary>TBODY>TR.even,TABLE.dispSummary>TBODY>TR.even>TH,TABLE.dispSummary>TBODY>TR.even>TD
{
	background-color: #FFFFFF;
}
TABLE.dispSummary>TBODY>TR.even>TH.heading
{
	border: none;
	font-size: 14px;
	background-color: #FFFFFF;
}

TABLE.dispSummary>TBODY>TR.topborder>TH,TABLE.dispSummary>TBODY>TR.topborder>TD
{
	border-top: 1px solid #5c7099;
}

TABLE.dispSummary>TBODY>TR.bottomborder>TH,TABLE.dispSummary>TBODY>TR.bottomborder>TD
{
	border-bottom: 1px solid #5c7099;
}

TABLE.dispSummary>TBODY>TR.active,TABLE.dispSummary>TBODY>TR.active>TH,TABLE.dispSummary>TBODY>TR.active>TD
{
	font-weight: bold;
}

TABLE.dispSummary>TBODY>TR.inactive,TABLE.dispSummary>TBODY>TR.inactive>TH,TABLE.dispSummary>TBODY>TR.inactive>TD
{
	background-color: #FFFFFF;
	color: #003399;
	font-style: italic;
}
*/

/* The following TR class names correspond to log types: error, warning, information */
TABLE.dispSummary>TBODY>TR.error
{
	border: 1px solid #FF0000; /* Red          */
	background-color: #FFCCCC; /* Lightish Red */
	color: black;
	padding: 3px;
	font-weight: bold;
}
TABLE.dispSummary>TBODY>TR.warning
{
	border: 1px solid #FFFF00; /* Yellow      */
	background-color: #FFFFCC; /* Light Yellow */
	color: black;
	padding: 3px;
	font-weight: bold;
}
TABLE.dispSummary>TBODY>TR.information
{
	border: 1px solid #00FF00; /* Green        */
	background-color: #CCFFCC; /* Light Green */
	color: black;
	padding: 3px;
	font-weight: bold;
}

/*
 * END display table STYLES 
 */

.invisible
{
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.invisible tr
{
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.invisible td
{
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.inv_spaced
{
	border: none;
	margin: 1ex;
}

.inv_spaced tr
{
	border: none;
	padding: .25ex .5ex;
	margin: 0px;
}

.inv_spaced th
{
	font-weight: bold;
	border: none;
	padding: .25ex .5ex;
	margin: 0px;
}

.inv_spaced td
{
	border: none;
	padding: .25ex .5ex;
	margin: 0px;
}

.inv_spaced tr.odd
{
	background-color: #4D5B75;
}

.inv_spaced tr.even
{
	background-color: #3d4b66;
}

.inv_spaced tr.topborder th
{
	background-color: #4D5B75;
	border-top: 1px solid #5c7099;
}

.inv_spaced tr.topborder td
{
	background-color: #4D5B75;
	border-top: 1px solid #5c7099;
}

.inv_spaced tr.bottomborder th
{
	background-color: #4D5B75;
	border-bottom: 1px solid #5c7099;
}

.inv_spaced tr.bottomborder td
{
	background-color: #4D5B75;
	border-bottom: 1px solid #5c7099;
}


/* STARTED HERE */
.subtle
{
	border: 0px;
	padding: 0px;
	margin: 0px;
	height: 200px;
}

.subtle tr
{
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.subtle td
{
	border: 1px solid #FFCC66;
	padding: 0px;
	margin: 0px;
}

.subtle_spaced
{
	border-collapse: separate;
	border: 0px;
	margin: 1ex;
}

.subtle_spaced tr
{
	border: 0px;
	padding: .25ex .5ex;
	margin: 0px;
}

.subtle_spaced td
{
	border: 5px inset #92AAC6;
	padding: .25ex .5ex;
	margin: 0px;
	width: 250px;
}

.subtle_spaced td.select
{
	border: 0px;
	padding: .25ex .5ex;
	margin: 0px;
}

.subtle_spaced td.description
{
	position: relative;
	border: 0px;
	padding: .25ex .5ex;
	margin: 0px;
	height: 200px;
}

.alignBottom
{
	position: absolute;
	bottom: 0px;
	top: auto;
}

.alignRight
{
	position: absolute;
	right: 0px;
	left: auto;
}

/* ENDED HERE */




/*
 * BEGIN DIV STYLES 
 */
DIV#highlightedBoxes
{
	margin-top: 9px;
	padding-right: 39px;
	padding-left: 8px;
}


DIV#highlightedProject
{
	float: left;
	width: 50%;
}

DIV#highlightedApplet
{
	float: right;
	width: 50%;
}
DIV#announcements
{

	padding-top: 230px;

}


.sectionHeading
{
	border-bottom: 1px solid #FFDD99;
	font-weight: bold;
	margin-top: 15px;
}

H2.sectionHeading
{
	font-size: 1.2em;
}


/*
 * END DIV STYLES 
 */


/*
 * BEGIN BOX STYLES 
 */

.box

{
	background-color: #FFFFFF;
	border-left: 1px solid #df6b00;
	border-right: 1px solid #df6b00;
	border-bottom: none;
	padding: 1ex;
	margin: 0ex 0ex 0ex 0ex;
	z-index: 4;
}

.box_title
{
	color: black;
	background: #FFFFFF;
	font-variant: small-caps;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	padding-top: 3px;
	height: 12px;
	margin: 0;
	z-index: 4;
	border-top: 1px solid #df6b00;
}

.box_title_r
{
	background: #FFFFFF;
	border-right: 1px solid #df6b00;
	padding: 0px;
	height: 15px;
	width: 25px;
	float: right;
	position: relative;
	top: -3px;
	z-index: 4;
}

.box_title_l
{
	border-left: 1px solid #df6b00;
	background: #FFFFFF;
	padding: 0px;
	height: 15px;
	width: 25px;
	float: left;
	position: relative;
	top: -3px;
	z-index: 4;
}

.box_footer_r
{
	background: #FFFFFF;
	background-color: #FFFFFF;
	border-bottom: 1px solid #df6b00; 
	padding: 0px;
	margin: 0ex 0ex 2ex 0ex;
	z-index: 4;
}

.box_footer_l
{
	background: #FFFFFF;
	background-color: #FFFFFF;
	border-bottom: 1px solid #df6b00;
	padding: 0px;
	margin: 0ex 0ex 2ex 0ex;
	z-index: 4;
}

.leftcorner
{
	background: #FFFFFF;
	width: 8px;
	height:8px;
	margin: 0px;
	padding: 0px;
	float: left;
	z-index: 4;
}

.rightcorner
{
	background: #FFFFFF;
	width: 8px;
	height:8px;
	margin: 0px;
	padding: 0px;
	float: right;
	z-index: 4;
}


.boxover
{
	background-color: #FFFFFF;
	color: orange;
	border: 1px solid orange;
	padding: 1ex;
	margin: 0ex 1ex 0ex 1ex;
/*	cursor: pointer; */
}



/*
 * BEGIN BOX CONTROLS STYLES 
 */

.box_controls_l
{
	font-family: Arial;
	font-size: 10px;
	border: 1px solid white;
	color: white;
	width: 12px;
	height: 12px;
	margin: 0px 0px 0px 0px;
	padding: 1px;
	float: right;
}

.box_controls_r
{
	font-family: Arial;
	font-size: 10px;
	border: 1px solid white;
	color: white;
	width: 12px;
	height: 12px;
	margin: 0px 0px 0px 0px;
	padding: 1px;
	float: left;
}

.box_controls_l:hover, .box_controls_r:hover,
.box_controls_l:focus, .box_controls_r:focus
{
	background-color: white;
	color: #df6b00;
	cursor: pointer;
}


.box_controls_l-over
{
	font-family: Arial;
	font-size: 10px;
	border: 1px solid white;
	background-color: white;
	color: #df6b00;
	width: 12px;
	height: 12px;
	margin: 0px 0px 0px 2px;
	padding: 1px;
	float: right;
	cursor: pointer;
}

.box_controls_r-over
{
	font-family: Arial;
	font-size: 10px;
	border: 1px solid white;
	background-color: white;
	color: #df6b00;
	width: 12px;
	height: 12px;
	margin: 0px 0px 0px 2px;
	padding: 1px;
	float: left;
	cursor: pointer;
}

.box_controls_l-disabled
{
	font-family: Arial;
	font-size: 10px;
	border: 1px solid #CCCCCC;
	color: #CCCCCC;
	width: 12px;
	height: 12px;
	margin: 0px 0px 0px 2px;
	padding: 1px;
	float: right;
}

.box_controls_r-disabled
{
	font-family: Arial;
	font-size: 10px;
	border: 1px solid #CCCCCC;
	color: #CCCCCC;
	width: 12px;
	height: 12px;
	margin: 0px 0px 0px 2px;
	padding: 1px;
	float: left;
}


/* END BOX CONTROLS STYLES */


/*Some stuff to help the small calendar out*/
.inv_box
{
	background-color: #3d4b66;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.inv_box tr
{
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.inv_box td
{
	border: 0px;
	padding: 0px;
	margin: 0px;
}
/* End of stuff to help small calendar*/


/**
 * Login Stuff
 * types:
 *  regularLogin
 *  liteLogin
 *  topLogin
 */

/* regularLogin */
.regularLogin
{
	border-width: 0px;
}

.regularLogin table
{
	border-width: 0px;
}


/* liteLogin */
.liteLogin
{
	font-size: 12px;
	margin-top: 0px;
	padding-top: 0px;
}

.liteLogin table
{
	margin: 0px;
	padding: 0px;
}

.liteLogin table td
{
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.liteLogin form
{
	margin: 0px;
	padding: 0px;
}

.liteLogin button
{
	background: url("images/button_grad_blue.jpg") center;
	height: 20px;
	background-color: #EEEEEE;
	border: 1px solid #000000;
	color: #000000;
	width: 60px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	float: left;
}

.liteLogin button:hover,
.liteLogin button:focus
{
	background: url("images/button_grad_orange.jpg") center;
}

.liteLogin input
{
	font-size: 12px;
	margin-bottom: 3px;
}


/* topLogin */
.topLogin
{
	font-size: 12px;
	margin-top: 0px;
	padding-top: 0px;
	float: right;
}

.topLogin table
{
	margin: 0px;
	padding: 0px;
	height: 70px;
}
/*
.topLogin table:hover th,
.topLogin table:focus th
{
	background-color: #3d4b66;
}
*/

.topLogin table th
{
	border-bottom: 3px double white;
	margin: 0px 0px 3px 0px;
	padding-top: 2px;
	padding-bottom: 0px;
	font-size: 110%;
	font-weight: bold;
	text-align: left;
}

.topLogin table td
{
	padding: 3px 3px 0px 3px;
}

.topLogin form
{
	margin: 0px;
	padding: 0px;
}

.topLogin button
{
	background: url("images/button_grad_blue.jpg") center;
	height: 17px;
	background-color: #EEEEEE;
	border: 1px solid #000000;
	color: #000000;
	margin: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	font-size: 10px;
	float: left;
}

.topLogin button:hover,
.topLogin button:focus
{
	background: url("images/button_grad_orange.jpg") center;
}

.topLogin input.topLoginTextbox
{
	font-size: 12px;
	width: 50px;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

.topSearch
{
	float: right;
	/* margin-top: -7px; */
	margin: 3px 5px 0 0;
	padding: 0;
	width: 400px;

}

.topSearch FIELDSET { margin: 0; padding: 0; }

.topSearch BUTTON
{
	background: url("images/button_grad_blue.jpg") center;
	height: 19px;
	background-color: #EEEEEE;
	border: 1px solid #000000;
	color: #000000;
	font-weight: bold;
	font-size: 75%;
	/* margin: 4px 4px 4px 0px; */
	margin: 0;
}

.topSearch BUTTON:hover,
.topSearch BUTTON:focus
{

}

.topSearch INPUT
{
	font-size: 75%;
	width: 100px;
	height: 15px;
	padding: 1px 0px 0px 1px;
	/* margin: 4px 0px 5px 0px; */
	margin: 0;
}

.topSearch SELECT
{
	font-size: 75%;
	height: 17px;
	padding: 0px;
	margin: 4px 0px 4px 2px;
}


.topnav .topSearch a:link
{
	color: white;
	text-decoration: none;
}

.topnav .topSearch a:visited
{
	color: white;
	text-decoration: none;
}

.topnav .topSearch a:hover,
.topnav .topSearch a:focus
{
	color: #80A9C3;
	text-decoration: none;
	background-color: #FFFFFF;
}

.aside
{
	font-size: 80%;
	color: #333;
}

.tiny
{
	font-size: 80%;
}

.plusTwo
{
	font-size: 120%;
}

.plusOne
{
	font-size: 110%;
}

.minusOne
{
	font-size: 90%;
}

.minusTwo
{
	font-size: 80%;
}

.warning
{
	background-color: red;
	color: white;
	border: 1px solid black;
	padding: .5em;
	margin: .5em;
}

.floatright { text-align: right; float: right;}

.floatleft { text-align: left; float: left;}

.floatfarright{ float: right; clear: right;}

.floatfarleft { float: left; clear: left;}

.clearright { clear: right; }

.clearleft { clear: left; }

.clearBoth { clear: both; }

.left { text-align: left; }

.right { text-align: right; }

.center { text-align: center; }

.centered { margin-left: auto; margin-right: auto; }

.hidediv { position:relative; display: none; }

.showdiv { position:relative; display: block; }

.hidespan { position:relative; display: none; }

.showspan { position:relative; display: inline; }

.inline { display: inline; }



/*******************************
 * BEGIN Page-specific classes *
 *******************************/


/*
 * BEGIN search STUFF
 *  /search.php
 */

.searchType
{
	font-size: 1.25em;
	font-weight: bold;
	border-bottom: 1px solid #FFDD99;
	margin-bottom: 10px;
}
.searchOptions
{
	margin-top: 15px;
	margin-bottom: 0px;
	padding: 5px;
}
.searchOn
{
	border-top: 3px double orange;
	border-bottom: 1px solid orange;
	background-color: #FFFFFF;
}
.searchContent
{
	margin: 15px 0px 15px 20px;
}

/*
 * END search STUFF
 */


/*
 * BEGIN surveyor classes
 */


.headerResults
{
	font-weight: bold;
	cursor: pointer;
	color: white;
	font-size: 150%;
	border: 1px solid white;
	background-color: #586A7C;
	margin: 0px;
	padding: 2px;
	padding-left: 20px;
}

H4.headerResults
{
	font-weight: bold;
	cursor: pointer;
	color: white;
	font-size: 1em;
	border: 1px solid black;
	background-color: #5F7756;
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
}

.contentsResults
{
	border: 1px solid white;
	background-color: #3d4b66;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
}

.contentsResults TABLE.results    { margin: 0px; width: 100%; border: none; border-top: 1px solid black; }
.contentsResults TABLE.results TH { color: black; background-color: #FFFFCC; }


.responseTrue
{
	color: white;
	margin-bottom: 10px;
}

.responseFalse
{
	color: #999999;
	margin-bottom: 10px;
}

.responseTypeRating
{
	border: none;
	padding: 3px;
}

.responseTypeCheckbox
{
	border: none;
	padding: 3px;
}
UL.responseTypeCheckbox>LI.responseTrue
{
	list-style-image: url("//mste.illinois.edu/images/icons/admin/approve.gif");
}
UL.responseTypeCheckbox>LI.responseFalse
{
	list-style-image: url("//mste.illinois.edu/images/icons/admin/unapprove.gif");
}

.responseTypeText
{
	border: 1px solid white;
	color: white;
	background-color: #4D5B75;
	padding: 3px;
	overflow: auto;
}

.responseTypeRadio
{
	border: none;
	list-style-image: url("//mste.illinois.edu/images/icons/admin/check_down.gif");
}

/* /surveyor/index.php User List ('Other' Option selected) - currently disabled */
#userOtherInfo
{
	border: 1px solid #CCCCCC;
	background-color: #FFFFBE;
	margin-top: 0px;
}

#userOtherInfo .title
{
	color: white;
	background-color: #8B7500;
	font-weight: bold;
	font-size: 120%;
	padding: 3px;
}

/*
 * END surveyor classes
 */


/*
 * BEGIN projects classes
 */ 

UL.projectsList    { list-style-type: none; list-style-image: none; padding: 0; margin: 5px 0; }
UL.projectsList>LI { list-style-type: none; list-style-image: none; padding: 5px; margin: 5px; border: 1px solid #CCCCCC; border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; }
UL.projectsList>LI:hover,
UL.projectsList>LI:focus { background-color: #E1E4F2; border-color: black; }
UL.projectsList>LI .projectHeader { font-weight: bold; font-size: 1.2em; }
UL.projectsList>LI .projectDesc { font-weight: normal; font-size: 1.1em; }
UL.projectsList>LI UL { margin-left: 2em; }
UL.projectsList A:hover,
UL.projectsList A:focus { color: #9999FF; }

/*
 * END projects classes
 */ 


.post_title
{
	font-size: 130%;
	font-weight: bold;
/*	font-family: Courier New, Courier, MonoSpace; */
}

.post_text
{
	font-size: 100%;
/*	font-family: Courier New, Courier, MonoSpace; */
}


/* /admin/news_admin.php */
TABLE.post_news
{
	border: none;
}

.post_news td
{
	border: none;
	padding: 5px 2px;
}

.post_news th
{
	border-bottom: 1px solid #df6b00;
	padding: 5px 2px;
	font-weight: bold;
}

.post_news .aside
{
	margin-right: 0.25em;
}

.posting_options
{
    display: inline-block;
    vertical-align: top;
}

.posting_options button.insert_button
{
	width: 110px;
}

.form_separator {
    border-bottom: 1px solid #E1E4F2;
    margin: .75em 0;
}

.header_cal
{
	font-weight: bold;
	color: #FFFFFF;
	margin: 8px;
}


/*****************************
 * END Page-specific classes *
 *****************************/



.tab
{
	margin-left: 15px;
}

.smallspacing
{
	margin-top: 10px;
	margin-bottom: 10px;
}

UL.compact
{
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 15px;
}
UL.compactList
{
	margin-top: 5px;
	margin-bottom: 5px;
}

DIV.breadcrumbs
{
	/* Slightly lighter: #9AA3CD;
	  Slightly Darker: #8AA3BD;
	 background-color: #8AA3BD;
	*/ 
	clear: both;
	
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 10px;
	padding-left: 0px;
	
}
DIV.breadcrumbs UL,DIV.breadcrumbs UL LI, DIV.breadcrumbs LI {  background: none;  display: inline; list-style-type: none; list-style-image: none; margin: 0; padding: 0; }
DIV.breadcrumbs UL { margin: 0 0 0px 0px; }
DIV.breadcrumbs UL A:link    { color: black; }
DIV.breadcrumbs UL A:visited { color: black; }
DIV.breadcrumbs UL A:hover,
DIV.breadcrumbs UL A:focus   { color: #A0522D; text-decoration: none; }


.box_ltbluebg
{
	border: 1px solid #9999FF;
	color: black;
	background-color: #EEEEFF;
	width: 600px;
	margin: 5px;
	padding: 5px;
}

.grayedout
{
	color: #a8a8cc;
}

.notextdecoration
{
	text-decoration:none;
}

/*******************
 * OPACITY CLASSES *
 *******************/
.opacity-50
{
	opacity: .5;
	filter: alpha(opacity=50);
}


/************************
 * Online Store Classes *
 ************************/

.storeItemTitle
{
	font-size: 24pt;
	font-weight: bold;
}

.storeSlashedPrice
{
	text-decoration: line-through;
	font-size: 12pt;
	font-style: italic;
	color: red;
}

.storeRegPrice
{
	font-size: 14pt;
	font-weight: bold;
}


.storeSalePrice
{
	font-size: 14pt;
	font-weight: bold;
	color: green;
}

.storeProgressYes
{
	text-decoration: line-through;
	color: #8FA7CF;
	padding: 0px 3px 3px 3px;
}

.storeProgressCur
{
	color: #FFFF00;
	background-color: #5c6CA0;
	padding: 0px 3px 3px 3px;
}

.storeProgressNo
{
	color: #999999;
	padding: 0px 3px 3px 3px;
}



/**************************
 * Message Center Classes *
 **************************/

.message
{
	font-weight: bold;
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.newsitem .message
{
	border-top: 3px double white;
	border-bottom: 3px double white;
/*	border: 1px solid white;
	background-color: #DDDDEE;
*/	font-weight: bold;
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.messageSuccess
{
	color: #00FF00;
	margin-bottom: 3px;
}

.messageFailure
{
	color: #FF0000;
	margin-top: 3px;
}


/***********************************
 * General Expand/Collapse Classes *
 ***********************************/

.toggler
{
	border: 1px solid white;
	background-color: #4D5B75;
	padding: 0px;
	margin: 0px;
}

.togglerHeaderExpanded
{
	background-image: url("images/icons/16x16/edit_remove.png");
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 25px;
}

.togglerHeaderCollapsed
{
	background-image: url("images/icons/16x16/edit_add.png");
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 25px;
}

.togglerHeader
{
	border: 0px;
	padding: .3ex;
	padding-left: 25px;
	margin: 0px;
	
	background-color: #586A7C;
	font-size: 120%;
	font-weight: bold;
	
	cursor: pointer;
	color: white;
}

.togglerContents
{
	border-top: 1px solid #D0DEE9;
	background-color: #4D5B75;
	margin: 0px;
	padding: 0px;
}

/*********************
 * Personnel Classes *
 *********************/

H2.employeeJobArea { float: left; clear: both; display: block; margin: 16px 0 0 0; }

UL.employeeList    { float: left; clear: both; margin: 5px 0; padding: 0; width: 100%; list-style-image: none; list-style-type: none; }
UL.employeeList>LI { float: left; margin: 5px 0; padding: 0 10px 0 0; width: 390px; height: 100px; overflow: hidden; }
UL.employeeList>LI>IMG,
    .employeeBlurb>IMG { float: left; margin: 0; width: 100px; border: none; }
UL.employeeList>LI .employeeInfo,
    .employeeBlurb .employeeInfo { float: left; margin-left: 10px; width: 280px; }
UL.employeeList>LI .employeeInfo DIV,
    .employeeBlurb .employeeInfo DIV { float: left; width: 100%; margin-bottom: 1px; }
UL.employeeList>LI .employeeInfo .employeeName,
    .employeeBlurb .employeeInfo .employeeName { float: left; clear: left; display: block; }
UL.employeeList>LI .employeeInfo .employeeJobTitle,
    .employeeBlurb .employeeInfo .employeeJobTitle { float: left; clear: left; display: block; }

UL.employeeListPast    { float: left; clear: both; margin: 0; padding: 0; width: 100%; list-style-image: none; list-style-type: none; }
UL.employeeListPast>LI { float: left; clear: both; margin: 3px 0; padding: 0; width: 100%; }
UL.employeeListPast>LI .employeeName     { float: left; display: block; width: 150px; margin: 0; }
UL.employeeListPast>LI .employeeJobTitle { float: left; display: block; width: 640px; margin: 0 0 0 10px; }

/*******************
 * Comment Classes *
 *******************/


.commentHideTop
{
	padding-bottom: 10px;
	border-bottom: 1px dashed #D0DEE9;
}

.commentHideBottom
{
	padding-top: 10px;
}

.comment
{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #D0DEE9;
}

.comment-comics
{
	
}

.comment-news
{
	
}

.comment-resources
{
	
}

.commentSubject
{
/*	color: #000000; */
/*	background: url(images/button_grad_blue.jpg) center; */
	height: 20px;
	margin: 0px;
	font-size: 110%;
	font-weight: bold;
}

.commentText
{
	margin: 0px;
}

.commentPostForm
{
	border-top: 3px double #FFFFFF;
	margin-top: 10px;
	margin-bottom: 10px;
}

.commentPostForm-comics
{
	
}

.commentPostForm-news
{
	
}

.commentPostForm-resources
{
	
}

.commentPostFormHeader
{
	margin: 0px;
	font-size: 110%;
	font-weight: bold;
}

FORM.memberSettings
{
	
}

FORM.memberSettings LABEL
{
	font-weight: bold;
}


/*********************
 * Popup Div Classes *
 *********************/

.popupDiv
{
	border: 1px solid orange;
	background-color: #4D5B75;
	position: absolute;
	top: 0px;
	left: 0px;
}

/* Allows for putting a margin around the tabbed area */
.popupDivInPlaceContainer
{
	margin: 10px 0px;
}

.popupDivInPlaceHeader
{
	position: relative;
	z-index: 11;
	border-top: 1px solid #3d4b66;
	border-right: 1px solid #3d4b66;
	border-left: 1px solid #3d4b66;
	background-color: #3d4b66;
	font-weight: bold;
	font-size: 140%;
	margin: 0px;
	margin-top: 10px;
	padding: 3px;
}

.popupDivInPlaceHeaderSwap
{
	position: relative;
	z-index: 11;
	border-top: 1px solid orange;
	border-right: 1px solid orange;
	border-left: 1px solid orange;
	background-color: #3d4b66;
	font-weight: bold;
	font-size: 140%;
	margin: 0px;
	margin-top: 10px;
	padding: 3px;
}

.popupDivInPlace
{
	position: relative;
	z-index: 10;
	border: 1px solid orange;
	background-color: #3d4b66;
}

#popupDivInPlace
{
	position: absolute;
	z-index: 10;
	padding: 10px;
	margin: 0px;
	width: 400px;
}

#popupDivInPlace TABLE
{
	border-collapse: collapse;
	border: none;
}

#popupDivInPlace TABLE TR    { border: none; }
#popupDivInPlace TABLE TR TD { border: none; }



/****************
 * Icon Classes *
 ****************/

.adminicon

{
	padding: 4px;
}

.adminicon:hover,
.adminicon:focus
{
	border: 1px solid red;
	background-color: white;
	padding: 3px;
}


/********************
 * PEPortal Classes *
 ********************/

/*
#peportalContainer { float: right; clear: right; width: 225px; margin: 0px; padding: 0px; border: 3px double black; background-color: #FFFFCC; overflow: hidden; }
#peportalContainer H2.sidebar-title { font-size: 110%; border-bottom: 1px solid black; background-color: yellow; font-weight: bold; padding: 3px; margin: 0px; margin-bottom: 5px; }
*/

#peportalContainer { display: block; margin: 0 0 5px 5px; padding: 0; background-color: transparent; }
#peportalContainer H1,#peportalContainer H2,#peportalContainer H3,#peportalContainer H4,#peportalContainer H5,#peportalContainer H6 { color: #83B6C7; font-size: 1.9em; padding: 0; margin: 0; border-bottom: 1px solid #83B6C7; }
#peportalContainer UL    { margin: 0; padding: 0; }
#peportalContainer UL LI { margin: 0; padding: 5px 0; color: #618592; font-size: 1.3em; font-weight: bold; list-style-type: none; list-style-image: none; border-bottom: 1px solid #83B6C7; }
#peportalContainer DIV.peportalLinkContainer { text-align: right; }
#peportalContainer DIV.peportalLinkContainer A#peportalLink         { color: #1572ad; text-align: right; font-weight: bold; }
#peportalContainer DIV.peportalLinkContainer A#peportalLink:link    { color: #1572ad; }
#peportalContainer DIV.peportalLinkContainer A#peportalLink:visited { color: #9999FF; }
#peportalContainer DIV.peportalLinkContainer A#peportalLink:active,
#peportalContainer DIV.peportalLinkContainer A#peportalLink:hover,
#peportalContainer DIV.peportalLinkContainer A#peportalLink:focus   { color: #fc9715; }
#peportalContainer UL LI .peportalDate { color: #83B6C7; font-size: 0.8em; }

/*
#peportalContainer UL LI:nth-child(1n) { background-color: #ffb; }
#peportalContainer UL LI:nth-child(2n) { background-color: #FFFFCC; }
*/

/*
#peportalContainer A#peportalLink { display: block; text-align: right; padding: 3px; background-color: #FFFF99; }
*/

/********************************
 * Web Services Toolbox Classes *
 ********************************/

/* ListBuilder widget styles (OLD as of March 2014) */
/*
#calendarContainer { display: block; margin: 0 0 10px 5px; padding: 0; background-color: transparent; }
#calendarContainer #edu-il-ws-2986-GE2-wrapper { margin-bottom: 0; }
#calendarContainer #edu-il-ws-2986-GE2-wrapper .edu-il-ws-2986-GE2-row { border-bottom: 1px solid #83B6C7; }
#calendarContainer H1,#calendarContainer H2,#calendarContainer H3,#calendarContainer H4,#calendarContainer H5,#calendarContainer H6 { color: #83B6C7; font-size: 1.9em; padding: 0; margin: 0; border-bottom: 1px solid #83B6C7; }
#calendarContainer DIV.calendarLinkContainer { text-align: right; }
#calendarContainer DIV.calendarLinkContainer A#calendarLink         { color: #333399; text-align: right; font-weight: bold; }
#calendarContainer DIV.calendarLinkContainer A#calendarLink:link    { color: #333399; }
#calendarContainer DIV.calendarLinkContainer A#calendarLink:visited { color: #333399; }
#calendarContainer DIV.calendarLinkContainer A#calendarLink:hover,
#calendarContainer DIV.calendarLinkContainer A#calendarLink:focus   { color: #333333; }
*/

/* Calendar widget styles (NEW as of March 2014) */
#calendarContainer { display: block; margin: 0 0 10px 5px; padding: 0; background-color: transparent; }
#calendarContainer #pc-3009 { overflow: hidden; }
#calendarContainer #pc-3009 #edu-il-ws-3009-1-wrapper { overflow: hidden; margin-bottom: 0; }
/* A Webtools change we noticed on 2016-04-01 disrupted the .edu-il-ws-3009-1-content class, so we needed to make some changes. I'm preserving the original here for future use. -rabyrd (2016-04-01)
#calendarContainer #pc-3009 #edu-il-ws-3009-1-wrapper .edu-il-ws-3009-1-content { overflow: hidden; }
#calendarContainer #pc-3009 #edu-il-ws-3009-1-wrapper .edu-il-ws-3009-1-content UL { overflow: hidden; margin: 0; padding: 0; }
#calendarContainer #pc-3009 #edu-il-ws-3009-1-wrapper .edu-il-ws-3009-1-content UL LI { overflow: hidden; padding: 5px 0; margin: 0; border-bottom: 1px solid #83B6C7; }
#calendarContainer #pc-3009 #edu-il-ws-3009-1-wrapper .edu-il-ws-3009-1-content UL LI .edu-il-ws-3009-1-time-with-title { display: inline; }
#calendarContainer #pc-3009 #edu-il-ws-3009-1-wrapper .edu-il-ws-3009-1-content UL LI .edu-il-ws-3009-1-time-with-title .edu-il-ws-3009-1-time
{
	display: inline;
	color: #83B6C7;
	font-size: 1.2em;
	margin-right: 5px;
	font-weight: bold;
}
#calendarContainer #pc-3009 #edu-il-ws-3009-1-wrapper .edu-il-ws-3009-1-content UL LI .edu-il-ws-3009-1-title-with-date
{
	display: inline;
	font-size: 1.3em;
	font-weight: bold;
}
*/
#calendarContainer #pc-3009 #edu-il-ws-3009-1-wrapper > div { overflow: hidden; }
#calendarContainer #pc-3009 #edu-il-ws-3009-1-wrapper UL { overflow: hidden; margin: 0; padding: 0; }
#calendarContainer #pc-3009 #edu-il-ws-3009-1-wrapper UL LI { overflow: hidden; padding: 5px 0; margin: 0; border-bottom: 1px solid #83B6C7; }
#calendarContainer #pc-3009 #edu-il-ws-3009-1-wrapper UL LI .edu-il-ws-3009-1-time-with-title { display: inline; }
#calendarContainer #pc-3009 #edu-il-ws-3009-1-wrapper UL LI .edu-il-ws-3009-1-time-with-title .edu-il-ws-3009-1-time
{
	display: inline;
	color: #83B6C7;
	font-size: 1.2em;
	margin-right: 5px;
	font-weight: bold;
}
#calendarContainer #pc-3009 #edu-il-ws-3009-1-wrapper UL LI .edu-il-ws-3009-1-title-with-date
{
	display: inline;
	font-size: 1.3em;
	font-weight: bold;
}
/* end 2016-04-01 changes */

#calendarContainer H1,#calendarContainer H2,#calendarContainer H3,#calendarContainer H4,#calendarContainer H5,#calendarContainer H6 { color: #83B6C7; font-size: 1.9em; padding: 0; margin: 0; border-bottom: 1px solid #83B6C7; }
#calendarContainer DIV.calendarLinkContainer { text-align: right; }
#calendarContainer DIV.calendarLinkContainer A#calendarLink         { color: #1572ad; text-align: right; font-weight: bold; }
#calendarContainer DIV.calendarLinkContainer A#calendarLink:link    { color: #1572ad; }
#calendarContainer DIV.calendarLinkContainer A#calendarLink:visited { color: #9999FF; }
#calendarContainer DIV.calendarLinkContainer A#calendarLink:active,
#calendarContainer DIV.calendarLinkContainer A#calendarLink:hover,
#calendarContainer DIV.calendarLinkContainer A#calendarLink:focus   { color: #333333; }

/** Table changes from December 2016 - rabyrd */
.actionTable {
    border-spacing: 0;
}

.actionTable thead {
    background: #b0bbbf;
}

.actionTable tbody tr {
    background: #d0d9dc;
}

.actionTable tbody tr:nth-child(even) {
    background: #f3f3f3;
}

.actionTable th, .actionTable td {
    padding: 0.25em .5em;
}

/* Style for personel page */
.verticalCenter {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    align-content: center;
    height: 100%;
}