/**************************************
 * THEME NAME: IllinoisEd1
 *
 * Files included in this sheet:
 *
 *   IllinoisEd1/theme_style.css
 **************************************/

/***** IllinoisEd1/theme_style.css start *****/

/*******************************************************************
  IllinoisEd1/theme_style.css
  
 This CSS file contains all color and layout definitions for the new-college theme.
 
 This theme requires the Standard theme to be present.
 
*******************************************************************/

/***
 ***  Core
 ***/

a:link,
a:visited {
  color:#003C7D;
  text-decoration:none;
}

a:hover {
  color:#cc0000;
    
  }
  
h1, h2 {
	font-family: Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	color: #23204C;
	text-align: left !important;
	margin-left: 10px;
}

a.whitelink:link, a.whitelink:visited {
color: #FFFFFF;
text-decoration: underline;
font-size: 0.8em;
}

a.whitelink:hover {
color: #ffffff;
text-decoration: underline;
font-size: 0.8em;
}

body {
	background-color: #ffffff;
	background: url(pix/wave-background.gif) top center repeat-x;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	font-family: Verdana,Arial,Helvetica,sans-serif !important;
}

body#message-messages {
	background: #ffffff;
}


 /* Custom settings for help pages */

body#help {
 	width: auto;
}
body#help .headermenu {
 	display:none;
}
body#help #uimark {
 	margin-top:3px;
}

body #content {
	float:right;
	background-color: #fff;
	width: 960px;
}
body#course-info #content {
	width:auto;
	background-color:transparent;
	float:none;
}

body #content .generalboxcontent { width: auto; }
 

body.mod-resource #content .modified,
body.mod-forum #content .modified
{
	text-align: left;
	margin-left: 10px;
}

#page {
	background: transparent;
}

#content {
	padding-bottom: 10px;
}

th.header,
td.header,
div.header
{
	background-color: #C4D0E0;
	color: #555555;
	text-align: left;
	padding: 5px;
}

.menubar {
	background: #dddddd url(images/menubar.jpg) repeat-x;
}

.clearfix {
	width:auto;
	margin-bottom:0px;
	padding:5px 0 10px;
}
.navbar {
	color:#003C7D;
	border-width:0px;
	padding-right:5px;
}

.navbar a:link {
    text-decoration: none;
    color: #003C7D;
}
.navbar a:visited {
    text-decoration: none;
    color: #003C7D;
}
.navbar a:hover {
    text-decoration: underline;
    color: #003C7D;
}


.breadcrumb a, .breadcrumb .sep
{
	color: #333333;
	font-weight: normal;
	font-size: 0.85em;
}
body#course-view .navbar .breadcrumb {
	padding-left: 220px;
	text-align: left;
}

.navbar .breadcrumb {
	text-align: left;
	padding-left: 0px;
}



.generalbox {
	border:0px; 
	font-size:90%;
}
.informationbox {
	border-color:#cccccc; 
}
.feedbackbox {
	border-color: #cccccc; 
}

.noticebox {
	border-color:#cccccc; 
}

.errorbox {
	color:#555555;
	border-color:#cccccc;
	background-color:#cccccc;
}

.tabledivider {
  border-color:#cccccc;
}

.sitetopiccontent {
	border-color:#cccccc;
	background-color:#FFFFFF;
}

.unread {
  background: #78A2CD;
}
#searchform_search {
	width:120px;
	margin-right:5px;
}

/***
 *** Header
 ***/
 
#header {
	background: url(pix/college-of-education.png) top left no-repeat;
	position:relative;
	float: left;
	height: 130px;
	width: 102%;
	font-size: .8em;
	background-position: 0px 30px;
	padding-left: -20px;
}
#site-index #header {
	height:150px;
}
#header h1.PageTitle {
	position: absolute;
	top: -500px;
}
div.headermenu {
	margin-right: 5px;
	color: #000000;
	float: right;
	padding: 2px;
	border: 0px solid #ffffff;
	margin-top: 6em;
}
.headermenu a:link, .headermenu a:visited, .headermenu a:hover {
    color: #000000;
	text-decoration:underline !important;
}
body#mod-resource-view #header {
	margin-top: -1px;
	height:110px;
}

#uimark {
	/* common_screen.css (line 485) */
	background-image:url(pix/learn-ilogo.gif);
	background-repeat:no-repeat;
	height:36px; width:186px;
	margin-top:8px;
	color:#FEDD5A;
	font-size:10.6px;
	margin-right:0px;
	right:10px;
	text-align:right;
	/*
	width:300px;
	margin-top:5px; 
	*/
	position:absolute;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#uimark a {
	color:#FEDD5A;
}

/***
 *** Admin
 ***/

.admin .generalboxcontent {
  background-color:#EEEEEE; 
}

.admin .generalbox {
  border-color:#cccccc; 
}

.admin .informationbox {
  border-color:#cccccc; 
  background-color:#FFFFFF; 
}


/***
 *** Blocks
 ***/
.sideblock {
	margin-bottom:7px;
	width:200px;
	margin-left:5px;
}

.sideblock .content h3,
.sideblock .content h2 {
	text-align: left;	
	font-size:1.0em;
}
.sideblock h2 {
	font-family: Helvetica, Arial, sans-serif;
	color: #252549;
	text-transform: uppercase;
	font-size: 0.8em;
	margin: 5px 5px 10px 5px;
}

.sideblock .header {
	text-align: left;
	padding:4px;
	border:1px solid #bfbfa4;
	border-bottom: 0px;
	font-size:0.9em;
	font-weight: bold;
}
#left-column .sideblock .content {
	background-color:transparent;
	background-position:bottom;
	background-repeat:no-repeat;
	border:0px;
	padding-left:2px; padding-right:2px;
}
#left-column .sideblock .header {
	background-color:transparent;
	background-position:top;
	border:0px;
	padding:1px 7px 1px 6px;
}
#left-column .sideblock.hidden .header {
	padding-bottom: 0px;
	border-bottom:1px dotted #666666;
}

#right-column, #layout-table td#right-column { width: 198px !important; } 

#right-column .sideblock .header {
	background-image:url(pix/BlockHeader3.gif);
	background-color:transparent;
	background-position:left top;
	border:0px;
}
.weekscss-format #right-column .sideblock .header {
	background-image:url(pix/BlockHeader3.gif);
}
#right-column .sideblock .content {
	border-color: transparent;
	border-left:2px solid #A0AAC1;
	border-right:2px solid #A0AAC1;
	border-bottom:2px solid #A0AAC1;
	border-top:0px;
	background-color:white;	
}

.sideblock .header .hide-show {
  float:right;
}

.sideblock .header .hide-show img.hide-show-image {
  height:11px;
  width:11px;
  margin-top:0.25em;
}

.sideblock .header .commands {
	margin-top: 0.3em;
	clear: both;
	font-size:0.9em;
}

.sideblock .header .commands a {
  margin: 0px 2px;
}

.sideblock .content {
	padding: 4px;
	font-size:0.8em;
	line-height:1.2em;
}

.sideblock .content hr {
	height:1px;
	margin-top:4px;
	margin-bottom:4px;
	border:none;
	border-top:1px solid #dbdfe7;
}
.sideblock .footer {
 	font-size:0.9em;
}

.sideblock .head,
.sideblock .info,
.sideblock .event {
	font-size: 0.9em;
}
.sideblock .date {
	font-style: italic;
}

#right-column .sideblock {
	width:95%;
}

#left-column .r0, #left-column .r1 {
	background-color:transparent !important;
}

/* Alternate rows even */
.r0, .forumheaderlist .r0 td {
	background-color:#ECEFF3 !important;
	font-size:95%;
	letter-spacing:0.02em;
	list-style:none;
	line-height:1.2em;
	padding-left:5px;
}

/* Alternate rows odd */
.r1, .forumheaderlist .r1 td {
	background-color:#fff !important;
	font-size:95%;
	letter-spacing:0.02em;
	list-style:none;
	line-height:1.2em;
	padding-left:5px;
}

/***
 *** Calendar
 ***/

#calendar .maincalendar,
#calendar .sidecalendar {
  border-color: #cccccc;
}

#calendar .header {
  color: #555555;
}

#calendar .maincalendar table.calendarmonth th {
  border-color: #cccccc;
}

table.minicalendar {
  border-color:#cccccc;
}

table.minicalendar td, table.minicalendar th {
	padding-left:0px; padding-right:0px;
}

#calendar .maincalendar .eventlist .event {
  border-color:#cccccc;
}

#calendar .maincalendar .eventlist .event .topic,
#calendar .maincalendar .eventlist .event .picture,
#calendar .maincalendar .eventlist .event .side {
  background-color:#FFFFFF;
}

#calendar .maincalendar table.calendarmonth ul.events-underway {
  color:#555555;
}

#calendar .event_global,
.minicalendar .event_global,
.block_calendar_month .event_global {
  border-color:#c7da70 !important;
  background-color:#c7da70;
}

#calendar .event_course,
.minicalendar .event_course,
.block_calendar_month .event_course {
  border-color:#EEEEEE !important;
  background-color:#EEEEEE;
}

#calendar .event_group,
.minicalendar .event_group,
.block_calendar_month .event_group {
  border-color:#fbcd60 !important;
  background-color:#fbcd60;
}

#calendar .event_user,
.minicalendar .event_user,
.block_calendar_month .event_user {
  border-color:#a9d9e5 !important;
  background-color:#a9d9e5;
}

#calendar .duration_global,
.minicalendar .duration_global {
  border-top-color:#c7da70 !important;
  border-bottom-color:#c7da70 !important;
}

#calendar .duration_course,
.minicalendar .duration_course {
  border-top-color:#cccccc !important;
  border-bottom-color:#cccccc !important;
}

#calendar .duration_group,
.minicalendar .duration_group {
  border-top-color:#fbcd60 !important;
  border-bottom-color:#fbcd60 !important;
}

#calendar .duration_user,
.minicalendar .duration_user {
  border-top-color:#a9d9e5 !important;
  border-bottom-color:#a9d9e5 !important;
}

#calendar .weekend,
.minicalendar .weekend {
  color:#c93113;
}

#calendar .today,
.minicalendar .today {
  border-color:#c93113 !important;
}

.cal_popup_fg {
  background-color:#FFFFFF;
}

.cal_popup_bg {
  border-color:#000000;
  background-color:#FFFFFF;
}

#calendar .maincalendar .filters table,
#calendar .sidecalendar .filters table,
.block_calendar_month .filters table {
  background-color: #FFFFFF;
}

/* sidecalendar */

td.sidecalendar .sideblock .header {
	
}


.section, .generaltable {
	font-size:.9em !important;
}
.generalbox {
	font-size:.8em !important;
}
body#calendar-event .sidecalendar {
	display:none;
}


/***
 *** Course
 ***/

/* course, entry-page, login */
.headingblock
{
	color: #23204c;
	border: 0px !important;
	border-bottom: 5px solid #EFE1BA !important;
	margin-bottom: 1px !important;
	text-transform: uppercase;
}

/* course */

#course-view .weekscss .section,
#course-view .section td {
  border-color:#cccccc;
}

#course-view .topics {
	margin-left:1px;
}

#course-view .weekscss .section,
#course-view .section td.side {
  background:auto;
}

#course-view .section .summary h1 {
	line-height:.9;
}

#course-view .section .left {
	background-color:white !important;
	color:black !important;
}

/*
#course-view .section .right {
	background-color:white !important;
}
*/

#course-view .weekscss .current,
#course-view .current td.side {
  background: #cccccc;
}

#course-view .weekscss .hidden,
#course-view .hidden td.side {
  background: #DDDDDD;
}

.categoryboxcontent,
.courseboxcontent {
    border-top: 1px solid #0099cc;
    border-right: 1px solid #0099cc;
    border-bottom: 1px solid #0099cc;
    border-left: 1px solid #0099cc;
    background: #FFFFFF;
}
body#course-user .section {
    border-color:#AAAAAA;
}

#course-view .section td.content p {
	margin-top:0px;
}

/***
 *** Login
 ***/

.loginbox,
.loginbox.twocolumns .loginpanel,
.loginbox .subcontent {
  border-color:#cccccc;
}

/***
 *** Tabs
 ***/
.tabrow0 {
	text-align: left;
	margin-left: 10px;
}
.tabrow0 .selected { font-weight: bold; }


/***
 *** Message
 ***/

table.message_search_results td {
  border-color:#cccccc;
  }

.message .author {
  color: #6c6c6c;
}

.message .time {
  color: #6c6c6c;
}

.message .content {
  }

/***
 *** User
 ***/

.userpicture {
  background:#EEEEEE; 
}

.userinfobox {
  border-color: #cccccc;
  background-color: #F7F7F7;
}
.groupinfobox {
  border-color: #cccccc;
  background-color: #FCFCFC;
}


form.mform {
	width:95%;
}
form.mform div.fhtmleditor {
	width:95%;
	margin:0 10px 10px;
	padding:0 0 20px;
}
form.mform div.fitemtitle {
	text-align:left;
	width:auto;
}
.htmlarea iframe {
	width:100% !important;
}

/***
 *** Modules: Forum
 ***/

.forumheaderlist {
	border-color:#cccccc;
	color: #555555;
	width:99%;
	margin:auto;
	clear:both;
}

.forumpost {
	border-color:#cccccc;
	color: #555555;
	width:99%;
	margin:5px auto;
}

.forumpost .content {
  background: #FFFFFF;
  color: #555555;
}

.forumpost .left {
  background:#ffffff; 
}

.forumpost .topic {
	background: url(pix/Forumpost-Background.gif) top left repeat-x;
}

.forumpost .starter
{

}

.forumheaderlist .discussion .starter {
/*	background: transparent !important; */
}
.forumheaderlist td.topic {
	font-weight:bold;
}
.forumheaderlist td.author {
	font-size:.8em;
}
.forumheaderlist td {
	border-color: #cccccc;
}

.sideblock .post .head {
  color:#555555;
}

.forumthread .unread {
  background: #78A2CD;
}
#mod-forum-discuss .forumpost {
  background: none;
}

#mod-forum-discuss .unread .forumpost .message {
  border-color: #78A2CD; 
} 
#mod-forum-discuss .forumthread .unread {
} 

#mod-forum-index .unread {
}


/***
 *** Modules: Glossary
 ***/

.glossarypost {
  border-color: #cccccc;
}

.glossarypost .entryheader,
.glossarypost .entryapproval,
.glossarypost .picture,
.glossarypost .entryattachment,
.glossarypost .left {
  background-color: #cccccc;
}

.glossarycomment {
  border-color: #cccccc;
}

.glossarycomment .entryheader,
.glossarycomment .picture,
.glossarycomment .left {
  background-color: #cccccc;

}

#mod-glossary-report .generalbox .teacher {
  background: #cccccc;
}

.categoryheader {
  background-color: #efefef;
}

.glossaryformatheader {
  background-color: #cccccc;
}


/***
 *** Modules: Journal
 ***/

#mod-journal-view .feedbackbox .left,
#mod-journal-view .feedbackbox .entryheader {
  background-color: #cccccc;
}

/***
 *** Modules: Quiz
 ***/

body#mod-quiz-report table#attempts td {
  border-color: #cccccc;
}
body#mod-quiz-report table#attempts .r1 {
  background-color: #eeeeee;
}



/***
 *** Misc Color
 ***/
 
.college_bluesurround {
  background: #ffffff;
  border-left:4px solid black;
  border-right:4px solid black;
}

#footer {
	color: #FFFFFF;
	text-align:left;
	background-color:#262449;
	font-size:0.7em;
	padding:5px 0px 5px 10px;
	margin-top:0px;
	position:relative;
	width:952px;
	float:right;
}

/* Custom footers */

.generalboxcontent {
	background-color:#FFFFFF;	
	width:70%;
}
/***
 *** Layout Core
 ***/
h1.main, h2.main, h3.main, h4.main, h5.main, h6.main {
	text-align: center;
}

#layout-table {
	width:100%;
	border-collapse:separate;
	margin-top:8px; margin-left:-2px;
	padding-bottom:20px; padding-left:0px;
	_margin-top:-2px; /* Lessons the corner that shows in IE 6 */
}

#layout-table #left-column, #layout-table #middle-column, #layout-table #right-column {
	vertical-align:top;
}

#layout-table #middle-column {
	padding-left:10px;
	padding-right:10px;
}

#layout-table #left-column {
	padding: 0px 10px 0px 0px;
	background-repeat: repeat-y;
	background-position: left top;
	width: 210px !important;
}
#layout-table #left-column > div {
	display:block;
	margin-top:-10px;
	position:relative;
	* margin-top:-15px;	/* Applies only to IE 7 */
}

#layout-table td#left-column div.wraplevel1 {
	_margin-top:2px;
	_margin-left:2px;
}

#layout-table td#left-column div.wraplevel1>div.bt {
	background-image: url(pix/BoxRoundedTop.gif);
	background-repeat:no-repeat;
	height: 10px;
}
#layout-table td#left-column>div.bt {
	background-image: url(pix/BoxRoundedTop.gif);
	background-repeat:no-repeat;
	height: 20px;
}
#layout-table td#left-column div.i1 {
	_width:185px;
}
#layout-table td#left-column div.bt {
	_margin-right:0px;
}


/* The next two rules are for the benefit of IE 6 which can't understand the .wraplevel1>div.bt in the rule above.  Instead we set the background image 
	for all bt's and then turn it off for all except the top level bt.  It duplicates the image link, but makes it easier to remove these later. */
#layout-table td#left-column div.wraplevel1 div.bt {
	_background-image: url(pix/BoxRoundedTop.gif);
	_background-repeat:no-repeat;
	_height: 10px;
}
#layout-table td#left-column .i1 div.bt {
	_background-image:none !important;
}
#layout-table td#left-column div.i2 {
	border-left: 2px solid #dfb85f;
	border-right: 2px solid #dfb85f;
}
#layout-table td#left-column div.sideblock div.i2 {
	border:0px;
}
#layout-table td#left-column div.wraplevel1>div.bb {
	background-image: url(pix/BoxRoundedBottom.gif);
	background-repeat:no-repeat;
	height: 20px;
}
#layout-table td#left-column>div.bb {
	background-image: url(pix/BoxRoundedBottom.gif);
	background-repeat:no-repeat;
	height: 20px;
}
/* The next two rules are for the benefit of IE 6 which can't understand the .wraplevel1>div.bb in the rule above.  Instead we set the background image 
	for all bb's and then turn it off for all except the top level bb.  It duplicates the image link, but makes it easier to remove these later. */
#layout-table td#left-column div.wraplevel1 div.bb {
	_background-image: url(pix/BoxRoundedBottom.gif);
	_background-repeat:no-repeat;
	_height: 20px;
}
#layout-table td#left-column .i1 div.bb {
	_background-image:none !important;
}

#layout-table #right-column {
	padding-right:2px;
	width:210px !important;
}

.sideblock .content a img { border: 4px solid #e5e9f2; }
.sideblock .content a:hover img { border: 4px solid #cbd4e5; }
.sideblock .content a img.iconhelp,
	.sideblock .content .admintree img,
	.sideblock .content .admintree a:hover img {
	border:0px;
}

table.panel {
	border-width: 0px 0px 0px 0px;
	border-spacing: 2px;
	padding: 3px 3px 3px 3px;
	width: 100%;
	color: #555555;
	vertical-align: middle;
	background-color: #cccccc;
	
}

table.panel td {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: solid solid solid solid;
	border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
	background-color: #ffffff;
	-moz-border-radius: 0px 1px 0px 0px;
	vertical-align: middle;
}

table.usres {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	width: 100%;
	color: #555555;
	vertical-align: middle;
	
}
table.usres td {
	padding: 3px 3px 3px 3px;
	background-color: #cccccc;
	-moz-border-radius: 0px 0px 0px 0px;
	vertical-align: middle;
}

/* SS-Controls */
ul.ss-controls {

margin: 0;
padding: 0;
list-style: none;

}

ul.ss-controls li {

padding: 0;
margin: 0;
}


/* Chat */
body.mod-chat-gui_header_js {
	background-color:#EFE1BA;
	width:auto;
}
 body.mod-chat-gui_basic {
 	background-color:white;
	width:auto;
 }
body.mod-chat-gui_header_js #header-home .headermain, body.mod-chat-gui_basic #header-home .headermain {
	display:none;
}
body.mod-chat-gui_header_js #input_chat_message {
	width:90%;
	border:solid black 1px;
	padding-left:2px;
}
body.mod-chat-gui_header_js .college_bluesurround, body.mod-chat-gui_basic .college_bluesurround {
	border:0px;
}

body#mod-chat-gui_header_js-chatinput {
	background-color:white;
}
body.mod-chat-gui_header_js .r1 {
	background-color:#FFFFFF;
}
body.mod-chat-gui_basic #footer {
	display:none;
}
#mod-chat-view #chatcurrentusers .chatuserdetails {
  font-size:1em;
}

/* Grades Display */
body.grade {
	width:100%;
}
body.grade .headermain {
	background-color:transparent;
}
body.grade .navbar {
	background-color:none;
	background-image:url(/theme/ed/top_background_extender.gif);
	background-repeat:repeat-x;
}
body.grade .clearfix {
	border-top:0px;
	border-right:0px;
}
#GradesLabel {
	text-align:center;
}
#GradesContainer {
	width:100%;
	overflow:auto;
}

/* Other */
form#chooselang {
	display:none;
}
.admintree {
	padding-left:5px;
}
.admintree .link img {
	margin-right:4px;
}
/*
.block_admin ul li:last-child {
	font-size:.8em;
}*/

/* CSS Layout */
.weekscss-format #left-column
{
	/*display: none;*/
	padding: 10px 10px 0px 0px;
	background-image: url(pix/BoxMiddle.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 210px !important;
	margin-top: -30px;
}
.weekscss-format #left-column-header {
	background-image:url(pix/BoxRoundedTop.gif);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	font-size:1px;
	top:0px;
	margin-top:-13px;
	height:16px; width:210px;
	position:relative;
}
.weekscss-format #left-column-footer {
	background-image:url(pix/BoxRoundedBottom.gif);
	background-color: #ffffff;
	background-position:0px bottom;
	background-repeat:no-repeat;
	margin-left:0px;
	height:10px; 
}
.weekscss-format #middle-column { margin: 0 13em 0 14em; }
#course-view .weekscss .content {
	background-color:transparent;
}
.weekscss .content {
	margin:0px;
}
.headermenu .navigation {
	margin-top:5px;
}

/*	Participants block */
div.block_online_users div.content {
	padding:0px 7px 5px !important;
}

/* User profile page */
body#user-view #content .userinfobox  {
	width:95%;
	margin:0px auto;
}

/* Calendar block */
.minicalendarblock {
	font-size:0.9em;
}
table.minicalendar {
	font-size:auto;
}
table.minicalendar th {
	font-size:auto;
}

/* Forum changes */
body#mod-forum-view .forumaddnew {
	float:right;
	margin-top:20px;
	margin-bottom:0px;
	margin-right:5px;
}
body#mod-forum-view #content #intro {
	width:auto;
	float:left;
	padding-bottom:0px;
	margin-bottom:0px;
}
body#mod-forum-view .subscription {
	margin-right:5px;
}

/* Blog */
body.blog #layout-table {
	background-image:none;
}

/* Topics Nav */
#TopicsTopNav {
	font-size:.7em;
	text-align:center;
}
#TopicsTopNav a {
	display:inline-block;
	border-right:1px solid black;
	border-bottom:3px solid #DDD;
	margin-top:4px;
	padding:0px 5px;
	color:black;
}
#TopicsTopNav a.CurrentTopic {
	border-bottom:3px solid #F37E23;
	background-color:#EFB586;
}
#TopicsTopNav a.FirstTopic {
	padding-left:4px;
}
#TopicsTopNavFooter {
	clear:left;
}
#ShowAllTopics {
	vertical-align:middle;
}

/* Hides the intro section when showing a single week */
.SingleWeek #section-0 {
	display:none;
}

/* Login Block */
.block_login .loginform .fld input {
	width:auto;
}
.block_login .loginform div {
	text-align:left;
}/***** IllinoisEd1/theme_style.css end *****/