BODY
{
	margin: 0px;
	font-family: Arial, Helvetica;
	background-color: #FFFFFF;
}

IMG
{
	border: 0px;
}

/*
LI
{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
}
*/

FORM
{
	margin: 0px;
	padding: 0px;
}

BUTTON
{
	cursor: pointer;
}

TEXTAREA
{

}

/* 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; margin-left: 0px; padding-left: 0px; }
DL DD { margin-top: 5px; margin-left: 20px; }

/* List bullet item classes */
UL.tp       LI, LI.tp       { list-style-image: url("http://mste.illinois.edu/projects/aims/images/icons/tinkerplots.gif"); }
UL.doc      LI, LI.doc      { list-style-image: url("http://mste.illinois.edu/projects/aims/images/icons/msword.gif"); }
UL.xls      LI, LI.xls      { list-style-image: url("http://mste.illinois.edu/projects/aims/images/icons/xlsicon.gif"); }
UL.ppt      LI, LI.ppt      { list-style-image: url("http://mste.illinois.edu/projects/aims/images/icons/ppt.gif"); }
UL.pdf      LI, LI.pdf      { list-style-image: url("http://mste.illinois.edu/projects/aims/images/icons/pdf.gif"); }
UL.gsp      LI, LI.gsp      { list-style-image: url("http://mste.illinois.edu/projects/aims/images/icons/gsp.gif"); }
UL.jpg      LI, LI.jpg      { list-style-image: url("http://mste.illinois.edu/projects/aims/images/icons/jpg.gif"); }
UL.gif      LI, LI.gif      { list-style-image: url("http://mste.illinois.edu/projects/aims/images/icons/gif.gif"); }
UL.mov      LI, LI.mov      { list-style-image: url("http://mste.illinois.edu/projects/aims/images/icons/mov.png"); }
UL.zip      LI, LI.zip      { list-style-image: url("http://mste.illinois.edu/projects/aims/images/icons/winzip.gif"); }
UL.java     LI, LI.java     { list-style-image: url("http://mste.illinois.edu/projects/aims/images/icons/java.gif"); }
UL.note     LI, LI.note     { list-style-image: url("http://mste.illinois.edu/projects/aims/images/icons/notepage.gif"); }
UL.email    LI, LI.email    { list-style-image: url("http://mste.illinois.edu/projects/aims/images/icons/letter.gif"); }
UL.forum    LI, LI.forum    { list-style-image: url("http://mste.illinois.edu/projects/aims/images/icons/forum.gif"); }
UL.activity LI, LI.activity { list-style-image: url("http://mste.illinois.edu/projects/aims/images/icons/activity.png"); }
UL.camera   LI, LI.camera   { list-style-image: url("../images/icons/16x16/camera.png"); }
UL.none  LI, LI.none        { list-style-image: none; }

UL.adminList>LI         { list-style-image: url("../images/icons/notepage.gif"); font-weight: bold; font-size: 150%; }
UL.adminList>LI.mathprob { list-style-image: url("../images/icons/32x32/kfig.png"); }
UL.adminList>LI.surveys  { list-style-image: url("../images/icons/32x32/klipper_dock.png"); }
UL.adminList>LI.users    { list-style-image: url("../images/icons/32x32/kuser.png"); }
UL.adminList>LI.visits   { list-style-image: url("../images/icons/32x32/folder_txt.png"); }

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

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

a:link    { color: #006633; }
a:visited { color: #8B7500; }
a         { text-decoration:none }
a:hover   { text-decoration:underline; }


/***********************/
/* General-use classes */
/*---------------------*/

.b { font-weight: bold; }
.u { text-decoration: underline; }
.i { font-style: italic; }
.plain { font-weight: normal; text-decoration: none; }
.grayedOut { color: #666666; }

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

/*-------------------------*/
/* End General-use classes */
/***************************/


/***************/
/* Page Layout */
/*-------------*/

.page
{
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF; /* White */
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
/*	font-size: 10pt; */
	width: 800px;
}

.page_top
{
	margin: 0px;
	padding: 0px;
	background-color: #006633; /* Dark Green */
/*	border-bottom: 1px dashed #000000; */
/*	font-size: 10pt; */
/*	width: 800px; */
}

.page_left_header
{
	margin: 0px;
	color: #FFFFFF;
	background-color: #006633; /* Dark Green */
}

.page_left_nav
{
	margin: 0px;
	padding: 10px;
	color: #FFFFFF;
	background-color: #006633; /* Dark Green */
/*	font-size: 10pt; */
}
.page_left_nav a:link { color: #FFFFFF; }
.page_left_nav a:visited { color: #FFFFBE; }

.page_content
{
	margin: 0px;
	padding: 10px;
/*	border: 1px solid #DDFFAA; */
	font-size: 13pt;
/*	width: 800px; */
}

.page_bottom
{
	margin: 0px;
	padding: 0px;
	background-color:  #5F9756; /* Dark Green */
	background: url("../images/button_grad_green.jpg") center;
	border-top: 1px dashed #000000;
/*	font-size: 10pt; */
/*	width: 800px; */
}

/*-----------------*/
/* End Page Layout */
/*******************/



/***************/
/* Wood Frames */
/*-------------*/

.woodframe_right
{
	background: #FFFFFF 
		url("../images/woodframe/woodframe_right.gif") 
		repeat-y 
		top left;
/*	background: url("../images/woodframe/woodframe_right.gif") left; */
}
.woodframe_bottomright
{
	background: #FFFFFF 
		url("../images/woodframe/woodframe_bottomright.gif") 
		no-repeat 
		top left;
/*	background: url("../images/woodframe/woodframe_bottomright.gif") left; */
	height: 8px;
}
.woodframe_bottom
{
	background: #FFFFFF 
		url("../images/woodframe/woodframe_bottom.gif") 
		repeat-x 
		top left;
/*	background: url("../images/woodframe/woodframe_bottom.gif") left; */
	height: 8px;
}
.woodframe_topleft
{
	background: #FFFFFF 
		url("../images/woodframe/woodframe_topleft.gif") 
		no-repeat 
		top left;
/*	background: url("../images/woodframe/woodframe_topleft.gif") left; */
	height: 8px;
}

/*-----------------*/
/* End Wood Frames */
/*******************/


/*************************/
/* Div-Switching Classes */
/*-----------------------*/

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

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

.displayFigure
{
	border: none;
	border-top: 3px double #003399;
	border-bottom: 3px double #003399;
	padding-top: 3px;
	padding-bottom: 5px;
}

.expandedHeader
{
	background-image: url("../images/minus.gif");
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 20px;
}

.collapsedHeader
{
	background-image: url("../images/plus.gif");
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 20px;
}

/*-----------------------*/
/* Div-Switching Classes */
/*************************/



/********************/
/* Specific Classes */
/*------------------*/

.createBtn
{
	padding-top: 3px;
	padding-bottom: 2px;
	cursor: pointer;
}

.editBtn
{
	padding-top: 3px;
	padding-bottom: 2px;
	cursor: pointer;
}

.deleteBtn
{
	padding-top: 3px;
	padding-bottom: 2px;
	cursor: pointer;
}

.cancelBtn
{
	padding-top: 3px;
	padding-bottom: 2px;
	cursor: pointer;
}

.thinBtn
{
	padding-top: 1px;
	padding-bottom: 0px;
	cursor: pointer;
}

.helplink
{
	background-color: #FFFFBE;
}

.helplink_sm
{
	font-size: 8pt;
	background-color: #FFFFBE;
}

.inlinehelp
{
	color: #779977;
}

.tip
{
	border: 1px dashed #999999;
	background-color: white;
	padding: 0px;
	margin: 5px;
}

.tip>.tipHeader
{
	background-color: #E8E8C0;
	border-bottom: 2px solid #F6F8EC;
	color: green;
	font-weight: bold;
	padding: 3px;
	margin: 0px;
}

.tip>.tipContent
{
	background-color: white;
	padding: 3px;
	margin: 0px;
}

.checkboxContentsPadded>.tip            { border: 1px solid #999999; width: 250px; }
.checkboxContentsPadded>.tip>.tipHeader { border-bottom: 1px solid black; }
.checkboxContentsPadded>.tip>.tipContent>TABLE.rubric { border-collapse: collapse; border: none; width: 100%; padding: 0px; margin: 0px; font-size: 10pt; }
.checkboxContentsPadded>.tip>.tipContent>TABLE.rubric>TBODY>TR>TH { border: none; font-size: 10pt; padding: 1px; margin: 0px; font-weight: bold; color: black; text-align: right; vertical-align: top; background: none; }
.checkboxContentsPadded>.tip>.tipContent>TABLE.rubric>TBODY>TR>TD { border: none; font-size: 10pt; padding: 1px; margin: 0px; font-weight: normal; }

DIV.photos
{
	margin: 10px;
	padding: 5px;
}

DIV.error
{
	color: red;
	font-weight: bold;
	border: 1px solid #800000;
	background-color: #EFD4D0; /*#FFFFCC;*/
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
}

DIV.warning
{
	color: black;
	font-weight: bold;
	border: 1px solid black;
	background-color: #FFFFCC;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
}

DIV.success
{
	color: black; /*#5F7756;*/
	font-weight: bold;
	border: 1px solid #008000;
	background-color: #D4EFD0; /*#FFFFCC;*/
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
}

.grayedout
{
	color: #999999;
}

.aside
{
	color: green;
	font-style: italic;
	font-size: 90%;
}

.divider
{
	border-bottom: 1px solid #27408B;
}

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

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

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

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

.responseTypeText
{
	border: 1px solid black;
	padding: 3px;
}

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

/* /suveys/survey.php User List ('Other' Option selected) */
#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;
}

/*------------------*/
/* Specific Classes */
/********************/

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

.floatleft
{
	float: left;
}

.floatright
{
	float: right;
}

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

.clearboth
{
	clear: both;
}

.clearleft
{
	clear: left;
}

.clearright
{
	clear: right;
}

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

.center
{
	width: 100%;
	text-align: center;
}

.left { text-align: left; }
.b    { font-weight: bold; }
.i    { text-decoration: italic; }

.topSpacer    { margin-top:    10px; }
.rightSpacer  { margin-right:  10px; }
.bottomSpacer { margin-bottom: 10px; }
.leftSpacer   { margin-left:   10px; }

.topPad    { padding-top:    10px; }
.rightPad  { padding-right:  10px; }
.bottomPad { padding-bottom: 10px; }
.leftPad   { padding-left:   10px; }

.aimsBreadcrumbs
{
	/* background-color: #FFFFCC; */
	border-top: 1px dashed #DDDD88;
	border-bottom: 1px dashed #DDDD88;
	padding: 5px;
}







/* Schedule (syllabus.php) */
TABLE.whitebg
{
	border: solid 1px #8B7500;
	border-width: 1px 1px 0px 0px;
}

TABLE.whitebg TR
{
	background-color: #FFFFFF;
}

TABLE.whitebg TD
{
	border-bottom: solid 1px #8B7500;
	border-left: solid 1px #8B7500;
}

TD.colorbg
{
	background-color: #CCDDFF;
}

/* General style; esp. color scheme */
.heading
{
	font-family: Arial, Helvetica;
	font-weight: bold;
	font-size: 24px;
	color: #27408B;
}

.lilheading
{
	font-family: Arial, Helvetica;
	font-weight: bold;
	font-size: 18px;
	color: #27408B;
}

.primary
{
	background-color: #27408B;
}

.secondary
{
	background-color: #8B7500;
}

.primarylite
{
	background-color: #27408B;
}

.secondarylite
{
	background-color: #FFCC00;
}

.font1
{
	color: #27408B;
}

.font2
{
	color: #8B7500;
}

.bulleteditem
{
	list-style-image: url("../images/bullet.gif");
}

/* Smaller lists */
UL.veryclose
{
	margin-top: 1px;
	margin-left: 15px;
	margin-bottom: 1px;
}

UL.veryclose li
{
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 3px;
}

OL.veryclose
{
	margin-top: 1px;
	margin-left: 25px;
	margin-bottom: 1px;
}

OL.veryclose li
{
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 3px;
}

.smalltext
{
	font-size: 10pt;
}

.description
{
	font-size: 10pt;
/*	border-bottom: 1px dashed #8B7500; */
/*	border-left:   1px dashed #8B7500; */
	margin-left: 0px;
	margin-bottom: 5px;
	padding: 5px;
}


/**********************/
/* BEGIN Table Styles */
/*--------------------*/


/*-- surveyList --*/

TABLE.surveyList
{
	border: none;
	border-collapse: collapse;
	margin-top: 10px;
}

TABLE.surveyList TH
{
	font-weight: bold;
	font-size: 120%;
	border: 1px solid black;
	background-color: #5F7756;
	color: white;
	padding: 4px;
	margin: 0px;
}

TABLE.surveyList TH.secondary, TABLE.surveyList>TBODY>TR.secondary>TH
{
	font-weight: bold;
	font-size: 120%;
	border: 1px solid black;
	background-color: #FFFFD8;
	color: black;
	padding: 5px;
	margin: 0px;
}

TABLE.surveyList TD
{
	border: 1px solid black;
	background-color: white;
	padding: 5px;
	margin: 0px;
}

TABLE.surveyList>TBODY>TR.secondary>TH { text-align: left; }
TABLE.surveyList TD.questionAdmin  { border-bottom: 3px solid black; }
TABLE.surveyList TD.status a:hover { text-decoration: none; }
TABLE.surveyList TD.status:hover   { background-color: #FFFFCC; cursor: pointer; }
TABLE.surveyList TR.odd TD         { background-color: #F6F8EC; }
TABLE.surveyList TR.even TD        { background-color: white; }
TABLE.surveyList TR.inactive TD    { color: #999999; }
TABLE.surveyList TR.highlighted TD { background-color: #FFFFCC; }

/*
TABLE.surveyList TABLE       { border: none; border-collapse: collapse; }
TABLE.surveyList TABLE TR    { border: none; }
TABLE.surveyList TABLE TR TD { border: none; }
*/


/*-- invisible --*/

TABLE.invisible    { border: none; border-collapse: collapse; }
TABLE.invisible TR { border: none; }
TABLE.invisible TH { border: none; }
TABLE.invisible TD { border: none; }

/* See surveys.inc for usage in the Survey Admin script */
TABLE.surveyList TABLE.invisible    { border: none; padding: 0px; margin: 0px; width: 100%; border-collapse: collapse; }
TABLE.surveyList TABLE.invisible TR { border: none; padding: 2px; margin: 0px; }
TABLE.surveyList TABLE.invisible TH { border: none; padding: 2px; margin: 0px; }
TABLE.surveyList TABLE.invisible TD { border: none; padding: 2px; margin: 0px; }

/*-- minimal --*/

TABLE.minimal    { border: none; color: black; margin: 0px; padding: 0px; border-collapse: collapse; color: black; }
TABLE.minimal TR { border: none; color: black; margin: 0px; padding: 0px; text-align: left; }
TABLE.minimal TH { border: none; color: black; margin: 0px; padding: 0px; text-align: left; font-weight: bold; background: none; }
TABLE.minimal TD { border: none; color: black; margin: 0px; padding: 1px; text-align: left; }

TABLE.minimal TABLE.minimal    { border: none; color: black; margin: 0px; padding: 0px; border-collapse: collapse; color: black; }
TABLE.minimal TABLE.minimal TR { border: none; color: black; margin: 0px; padding: 0px; text-align: left; }
TABLE.minimal TABLE.minimal TH { border: none; color: black; margin: 0px; padding: 0px; text-align: left; font-weight: bold; background: none; }
TABLE.minimal TABLE.minimal TD { border: none; color: black; margin: 0px; padding: 1px; text-align: left; }

TABLE.invisible TABLE.minimal    { border: none; color: black; margin: 0px; padding: 0px; border-collapse: collapse; color: black; }
TABLE.invisible TABLE.minimal TR { border: none; color: black; margin: 0px; padding: 0px; text-align: left; }
TABLE.invisible TABLE.minimal TH { border: none; color: black; margin: 0px; padding: 0px; text-align: left; font-weight: bold; background: none; }
TABLE.invisible TABLE.minimal TD { border: none; color: black; margin: 0px; padding: 1px; text-align: left; }

DIV.qTypeOptions > TABLE.minimal    { width: 100%; height: 100%; border-collapse: collapse; }
DIV.qTypeOptions > TABLE.minimal TR > TH { padding-left: 2px; border-left: 1px solid orange; border-bottom: 2px dotted orange; height: 15px; }
DIV.qTypeOptions > TABLE.minimal TR > TH:first-child { border-left: none }
DIV.qTypeOptions > TABLE.minimal TR > TD { padding-left: 2px; border-left: 1px solid orange; }
DIV.qTypeOptions > TABLE.minimal TR > TD:first-child { border-left: none; }

DIV.qTypeOptions > TABLE.minimal TABLE.minimal         { margin: 2px; border-collapse: collapse; }
DIV.qTypeOptions > TABLE.minimal TABLE.minimal TR > TH { padding-left: 2px; border: none; }
DIV.qTypeOptions > TABLE.minimal TABLE.minimal TR > TD { padding-left: 2px; border: none; }

/*-- results --*/

TABLE.results
{
	border: none;
	border-collapse: collapse;
	margin-top: 10px;
}

TABLE.results TH
{
	font-weight: bold;
	font-size: 120%;
	border: 1px solid black;
	background-color: #5F7756;
	color: white;
	padding: 5px;
	margin: 0px;
	text-align: center;
}

TABLE.results TD
{
	border: 1px solid black;
	background-color: white;
	padding: 5px;
	margin: 0px;
}

TABLE.results TR.odd TD         { background-color: #F6F8EC; }
TABLE.results TR.even TD        { background-color: white;   }
TABLE.results TR.unavailable TD { color: #999999;            }

.headerResults
{
	font-weight: bold;
	cursor: pointer;
	color: white;
	font-size: 120%;
	border: 1px solid black;
	background-color: #5F7756;
	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 black;
	background-color: #EEEEEE;
	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; }

H4.checkboxHeader
{
	font-weight: bold;
	font-size: 1em;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

H4.checkboxHeader>IMG { margin-left: 5px; }

/*
H4.checkboxHeader:hover { background-color: #FFFF99; border: 1px solid #FFCC66; }
*/

H4.checkboxHeaderSelected
{
	font-weight: bold;
	font-size: 1em;
	background-color: #99FF99;
	border: 1px solid #5F7756;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
/*
H4.checkboxHeaderSelected:hover { background-color: #FFFF99; border: 1px solid #FFCC66; }
*/

.checkboxContents
{
	border: 1px solid black;
	background-color: #CCFFCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
}

.checkboxContentsPadded
{
	border: 1px solid black;
	background-color: #CCFFCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 5px;
	padding-left: 15px;
}

.codingLockedTextbox
{
	background-color: #F6F8EC;
	border: 1px solid black;
	color: green;
	text-align: right;
	font-weight: bold;
	width: 100px;
	padding: 2px 3px 2px 6px;
}


/*------------------*/
/* End Table Styles */
/********************/


.surveyResponse
{
	background-color: #F6F8EC;
	color: green;
}

.surveyRating, .surveyRating:hover, .surveyRatingOver, .surveyRatingSelected
{
	background-color: white;
	border: 1px solid white;
	padding: 5px;
	float: left;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 110px;
}

/*
.surveyRating:hover, .surveyRatingOver
{
	background-color: #D6D8CC;
	border: 1px dashed #003399;
	padding: 5px;
	float: left;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	cursor: hand;
	width: 110px;
}

.surveyRatingSelected
{
	background-color: #D6D8CC;
	border: 1px solid #003399;
	padding: 5px;
	float: left;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 110px;
}
*/

/*
 * Tab styles by ID
 */
.tabsHolder { margin: 20px 0px 0px 0px; float: left; clear: left; }
.tabbedFolder
{
	border: 1px solid #666666;
	background-color: #F6F8EC;
	width: 100%;
	margin: 0px;
	padding: 7px;
	float: left;
	clear: left;
	
	/* Necessary for proper appearance of "folder" */
	position: relative;
	top: -2px;
	z-index: 2;
}

.tabbedFolder #folderLeftCol { float: left; width: 90%; border: none; border-right: 2px solid #27408B; }

.tabbedFolder #folderRightCol { float: right; width: 10%; position: relative; }

.tabbedFolder .heading    { border-bottom: 2px solid #27408B; width: 100%; }

.tabbedFolder .section
{
	border: 1px solid #27408B;
	position: relative;
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
}

.tabbedFolder .sectionheading
{
	/* border: 1px solid #27408B; */
	border: none;
	border-bottom: 2px dashed #27408B;
	border-left: 2px solid orange;
	font-family: Arial, Helvetica;
	font-weight: bold;
	font-size: 18px;
	color: #27408B;
	padding: 3px;
}

.tabbedFolder .sectionbody
{
	/* border: 1px solid #27408B; */
	border: none;
	border-left: 2px solid orange;
	border-top: none;
	padding: 5px;
}

/*
 * Top Tab Styles
 */
.firstTab { float: left; clear: left;  }
.lastTab  { float: left; clear: none; }
.onlyTab  { float: left; clear: both; }
.topTab
{
	background-color: #E8E8C0;
	border: 1px solid black;
	padding: 5px 10px;
	margin: 0px 3px 0px 0px;
	font-weight: bold;
	float: left;
	
	position: relative;
	z-index: 1;
}
.topTab a:link    { color: orange; text-decoration: none; }
.topTab a:visited { color: orange; text-decoration: none; }
.topTab a:hover   { color: orange; text-decoration: none; }

/* Selected top tab has distinctive appearance */
.topTabSelected
{
	background-color: #F6F8EC;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	padding: 5px 10px;
	margin: 0px 3px 0px 0px;
	font-weight: bold;
	float: left;
	
	/* Make selected "tab" blend into "folder" below it */
	border-bottom: none;
	position: relative;
	z-index: 3;
}

/*
 * Top Tab Styles (MouseOver)
 * - not using CSS :hover b/c it won't seem to work in IE7, even though it's supposed to...
 */
.topTabOver
{
	background-color: #5F7756;
	color: white;
	border: 1px solid black;
	padding: 5px 10px;
	margin: 0px 3px 0px 0px;
	font-weight: bold;
	float: left;
	cursor: pointer;
	
	position: relative;
	z-index: 1;
}
.topTabOver a:link    { color: white; text-decoration: none; }
.topTabOver a:visited { color: white; text-decoration: none; }
.topTabOver a:hover   { color: white; text-decoration: none; }


/*****************************
 *** BEGIN POPUPDIVINPLACE ***
 ***-----------------------***/

.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: absolute;
	z-index: 1000;
	border: 1px solid orange;
	background-color: #3d4b66;
	overflow:hidden;
}

/****---------------------****
 **** END POPUPDIVINPLACE ****
 *****************************/



/******************************
 **** BEGIN SURVEY CLASSES ****
 ****----------------------****/

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

.qStyles
{
	margin: 0px;
	display: none;
	width: 100%;
}

.qTypeOptions
{
	border: 1px solid orange;
	background-color: #F6F8EC;
	margin: 0px;
	width: 100%;
	height: 150px;
	overflow: auto;
}

.qTypeOptionsContainer
{
	width: 100%;
}

/****----------------------****
 ****  END SURVEY CLASSES  ****
 ******************************/



/************************************
 **** BEGIN SURVEY ADMIN CLASSES ****
 ****----------------------------****/



FORM.unresponsiveUsersList
{
	margin: 0px;
	padding: 5px;
}

FORM.unresponsiveUsersList DIV.groupCheckbox
{
	float: left;
	background-color: #FF9999;
	border: 1px solid #CC3333;
	padding: 5px;
	margin: 5px;
}

FORM.unresponsiveUsersList DIV.groupCheckbox:hover { background-color: #FFFF99; border: 1px solid #FFCC66; }
FORM.unresponsiveUsersList DIV.selectedGroup { background-color: #99FF99; border: 1px solid #5F7756; }


FORM.usersList
{
	margin: 0px;
	padding: 5px;
}

FORM.usersList DIV.groupCheckbox
{
	float: left;
	background-color: #FF9999;
	border: 1px solid #CC3333;
	padding: 5px;
	margin: 5px;
}

FORM.usersList DIV.groupCheckbox:hover { background-color: #FFFF99; border: 1px solid #FFCC66; }
FORM.usersList DIV.selectedGroup { background-color: #99FF99; border: 1px solid #5F7756; }


/****----------------------------****
 ****  END SURVEY ADMIN CLASSES  ****
 ************************************/



/************************************
 **** BEGIN MATH PROBLEM CLASSES ****
 ****----------------------------****/
FORM.filterList { margin: 0px; padding: 5px; }
FORM.filterList DIV.classCheckbox { background-color: #EEEEEE; border: 1px solid #EEEEEE; padding: 3px; }
FORM.filterList DIV.classCheckbox:hover { background-color: #FFFF99; border: 1px solid #FFCC66; }
FORM.filterList DIV.selectedClass { background-color: #99FF99; border: 1px solid #5F7756; }

/****----------------------------****
 ****  END MATH PROBLEM CLASSES  ****
 ************************************/



/**********************************
 **** BEGIN VISITATION CLASSES ****
 ****--------------------------****/

TEXTAREA.visitClassTinyMCE
{
	width: 700px;
	height: 400px;
}

.usersListHeading
{
	width: 325px;
	margin-bottom: 5px;
}

.usersListButton
{
	cursor: pointer;
	margin: 0px;
	float: right;
}

.usersListTitle
{
	font-weight: bold;
}

.visitClassUsersList
{
	border: 1px solid #FFCC66;
	background-color: #FFFFC8;
	padding: 5px;
	width: 325px;
	height: 125px;
	overflow: auto;
}

.visitClassUsersList ul    { margin: 0px 0px 0px 5px; }
.visitClassUsersList ul li { margin: 0px; padding: 0px; }

.visitClassUsersListPopup
{
	position: absolute;
	z-index: 1000;
	border: 1px solid #5F9756;
	background-color: #CCFFCC;
	overflow:hidden;
	width: 550px;
}

.visitClassUsersListPopup TABLE       { border: none; border-collapse: collapse; }
.visitClassUsersListPopup TABLE TR    { border: none; }
.visitClassUsersListPopup TABLE TR TH { border: none; font-weight: bold; color: white; background-color: #5F7756; border-bottom: 2px solid #5F9756; }
.visitClassUsersListPopup TABLE TR TD { border: none; }



.saveClassPopup
{
	position: absolute;
	z-index: 2000;
	border: none;
	background: none;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

.saveClassPopupMsg
{
	border: 1px solid #5F9756;
	background-color: #CCFFCC;
	overflow:hidden;
	font-size: 1.25em;
	font-weight: bold;
	width: 200px;
	padding: 5px;
	padding-left: 35px; /* More because of the icon at the left */
}

.loadingIcon
{
	background-color: #FFFFCC;
	background-image: url("../images/icons/loading/indicator-blue.gif");
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding: 5px;
	padding-left: 35px; /* More because of the icon at the left */
}

.successIcon
{
	background-color: #CCFFCC;
	background-image: url("../images/icons/success.gif");
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

.failureIcon
{
	background-color: #FFCCCC;
	background-image: url("../images/icons/failure.gif");
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

/****--------------------------****
 ****  END VISITATION CLASSES  ****
 **********************************/