/************ --------------- *********************/
/* The main calendar widget.  DIV containing a table. */
div.calendarWidget { position: relative; /*width:99%;*/}

.calendarWidget, .calendarWidget table {
  
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #ffd;
  font-family: tahoma,verdana,sans-serif;
  z-index: 99;
}

/* Header part -- contains navigation buttons and day names. */

.calendarWidget .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendarWidget .nav {
  background: #edc url(menuarrow.gif) no-repeat 100% 100%;
}

.calendarWidget thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background-image:url(../images/bar-bg.gif);
	background-repeat:repeat-x;
	background-position:top left;
  color: #fed;
  padding: 2px;
}

.calendarWidget thead .headrow { /* Row <TR> containing navigation buttons */
  background: #edc;
  color: #000;
}

.calendarWidget thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #655;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendarWidget thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendarWidget thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #faa;
  color: #000;
  border: 1px solid #f40;
  padding: 1px;
}

.calendarWidget thead .active { /* Active (pressed) buttons in header */
  background-color: #c77;
  padding: 2px 0px 0px 2px;
}

.calendarWidget thead .daynames { /* Row <TR> containing the day names */
  background: #fed;
}

/* The body part -- contains all the days in month. */

.calendarWidget tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendarWidget tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendarWidget tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendarWidget table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #fed;
}

.calendarWidget tbody .rowhilite td {
  background: #ddf;
}

.calendarWidget tbody .rowhilite td.wn {
  background: #efe;
}

.calendarWidget tbody td.hilite { /* Hovered cells <TD> */
  background: #ffe;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendarWidget tbody td.active { /* Active (pressed) cells <TD> */
  background: #ddc;
  padding: 2px 2px 0px 2px;
}

.calendarWidget tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fea;
}

.calendarWidget tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendarWidget tbody td.today { font-weight: bold; }

.calendarWidget tbody .disabled { color: #999; }

.calendarWidget tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendarWidget tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendarWidget tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #988;
  color: #000;
}

.calendarWidget tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  border-top: 1px solid #655;
  background: #dcb;
  color: #840;
}

.calendarWidget tfoot .hilite { /* Hover style for buttons in footer */
  background: #faa;
  border: 1px solid #f40;
  padding: 1px;
}

.calendarWidget tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #c77;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendarWidget .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #ffe;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendarWidget .combo .label,
.calendarWidget .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendarWidget .combo .label-IEfix {
  width: 4em;
}

.calendarWidget .combo .hilite {
  background: #fc8;
}

.calendarWidget .combo .active {
  border-top: 1px solid #a64;
  border-bottom: 1px solid #a64;
  background: #fee;
  font-weight: bold;
}

.calendarWidget td.time {
  border-top: 1px solid #a88;
  padding: 1px 0px;
  text-align: center;
  background-color: #fed;
}

.calendarWidget td.time .hour,
.calendarWidget td.time .minute,
.calendarWidget td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #988;
  font-weight: bold;
  background-color: #fff;
}

.calendarWidget td.time .ampm {
  text-align: center;
}

.calendarWidget td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendarWidget td.time span.hilite {
  border-color: #000;
  background-color: #866;
  color: #fff;
}

.calendarWidget td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}
/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}
/** Main body starts **/
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	height:100%;
	padding:0; margin:0;
}
h2 {
	margin-top:0;
	padding-top:0;
	font-size:1.8em;
}
h3 {
	margin:0;
	padding:0;
	font-size:1.3em;
}
h4 {
	margin:0;
	padding:0;
	font-size:1.2em;
}
h5 {
	margin:0;
	padding:0;
	font-size:1.1em;
}
#header {
	left:0;
	top:0;
	margin: 5px 10px 0;
	height:62px;
	border:1px solid white;
}
#footer {
	display: none;
}
#logo { 
	float:left; 
}
#logininfo {
	float:right;
	vertical-align:top;
}
#logininfo a {
	color:gray;
	text-decoration:none;
}
#logininfo a:hover {
	text-decoration:underline;
}
#logininfo input {
	/*font-size:10px;
	width:8em;
	margin:0 15px 0 0;
	padding:0;
	border:1px solid gray;*/
}
#nav { 
	clear:both; width:100%; text-align:left; font-family:arial;
	 font-size:.8em;border-top:1px solid #EEEEEE;margin-top:3px;
	 display:block;
}
#nav a {
	font-size:1em; 
	font-weight:bold;
	color:#CD0102;
	padding-right:2%;
	text-decoration:none;
}
#nav a:hover {
	
	text-decoration:underline;
}
a {
	color:white;
	text-decoration:none;
}
a:hover {
	color:white;
	text-decoration:underline;
}
#content {
	overflow: hidden;
	text-align:center;
	clear: both;
	position: relative;
	width: 99%;
	height: 600px;
	margin-top: 0em;
}
/*----------------------------------------------CONTENT BOXES--------------------------*/
.centerpopup{
	width:325px; 
	margin:0 auto; 
	z-index:50;
}
.contentbox {
	position:absolute;
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	/*min-height:200px;*/
}
.head1 {
	font-weight:bold;
	margin:0;
	font-size:.9em;
	padding:.2em;
	background-color:#CD0102;
	background-image:url(../images/bar-bg.gif);
	background-repeat:repeat-x;
	background-position:top left;
	color:white;
}
.contentboxbackground {
	height:100%;
	width:100%;
	margin:0;
	background-color:#222;	
}
.contentboxbackgroundNotrans {
	height:100%;
	width:100%;
	margin:0;
	background-color:#222;
}
.cboxcontent {
	top:3.4ex;	
	left:0;
	padding:2%;
	width:97.1%;
	height:100%;
	font-size:.8em;
	font-weight:500;
	position:absolute;
	color:white;
	/*overflow:auto;*/
}
.cboxcontent_welcome {
	top:3.4ex;	
	left:0;
	padding:2%;
	width:97.1%;
	height:100%;
	font-size:.8em;
	font-weight:500;
	position:absolute;
	color:white;
	overflow:auto;
}
.cboxcontent a {
	color: #4E86FE;
}
.cboxcontent p {
/*	border-top:1px dotted white;
	border-bottom:1px dotted white;
	margin:1ex 0 1ex 0;
	padding:1ex;*/
}
.menuTools {
	position:absolute; 
	cursor:pointer;
	right:0px; 
	top:-1px;
	margin-right:5px;
}
.menuTools a {
	color:white;
	text-decoration:none;
}
/*-----------------------------------------END CONTENT BOXES--------------------------*/
.smallalert {
	font-family:Arial, Helvetica, sans-serif;
	
	color:gray;
	font-size:.85em;
	text-transform:uppercase;
}
.redalert {
	font-family:Arial, Helvetica, sans-serif;
	
	color:red;
	font-size:.85em;
	text-transform:uppercase;
}
.tableList td {
	border-left: 1px solid gray;
	border-top: 1px solid gray;
	padding: 2px;
	}
.tableList th {
	border-left: 1px solid gray;
	border-top: 1px solid gray;
	padding: 2px;
	font-size: 1em;
	font-weight: bold;
	}
.tableList .right {
	border-right: 1px solid gray;
	}
.tableList .bottom {
	border-bottom: 1px solid gray;
	}
.tableList .noborder {
	border: none;
	}
.classList {
	padding:2%;
	margin: 0 0;
	width:96%;
	height:79%;
	border:1px solid gray;
	overflow:auto;
}
.classList2 {
	padding:2%;
	margin: 0 0;
	width:96%;
	height:85%;
	border:1px solid gray;
	overflow:auto;
}
.classList3{
	padding:2%;
	margin: 0 0;
	width:96%;
	height:93%;
	border:1px solid gray;
	overflow:auto;
}
.classListTable {
	width:100%;
}
#selectClasses select {
	/*background:none;
	border:1px solid gray;
	color:black;*/
}
.timeSelector input {
}
/*-------------------------------CALENDAR-------------------------*/
div#topbar{
	background: #ffee99 repeat-x top left url('../images/bar-bg-yellow.gif');
	height:24px;
	color:black;
	margin-top:-5px;
	font-size:12px;
}
#topbar a{
	color:black;
	display: block;
	line-height: 24px;
	width: 100%;
	margin-top:-3px;
}
#topbar table tr td a{
	color:black;
}
#topbar table tr td a:hover{
	color:black;
}
#topbar a:hover{
	background-image: url('../images/bar-bg-yellow-hover.gif');
}
#topbar a:active{
	background-image: url('../images/bar-bg-yellow-sunk.gif');
}
.calendar h5 {
	color:black;
	background-color:#e8eef7;
	text-align:right;
	padding:2px;
	margin:0;
	font-size:1em;
}
#calendar_container {
	overflow: auto;
	width:98%;
	height:90%;
	border-collapse:collapse;
	border:1px solid gray;
	margin-right:0;
	padding-right:0;
}
.calendar {
	clear:both;
}
.calendar a {
	color:#070063;
	text-decoration:none;
	font-size:0.8em ;
	font-family: Verdana;
	font-weight: bold;
}
.calendar a:hover {
	color:#070063;
	text-decoration:underline;
}
.calendar td{
	margin:0;
	padding:0;
	vertical-align:top;
	border:1px solid gray;
	width:12%;
	height:20%;
	/*max-height:16% for 6 rows..*/
	font-size:.8em;
}
.calDayBox {
}
.calAssignment {
	overflow:hidden;
	background-color:#668cd9;
	color:#FFFFFF;
	padding:2px;
	border-bottom:1px dotted #3d3c48;
	height: 1.3em;
}
.calAssignment img {
	cursor:pointer;
}
.calAssignment a {
	color:white;
	text-decoration:none;
}
.calAssignment a:hover {
	color:white;
	text-decoration:underline;
}
.calAllday {
	overflow:hidden;
	background-color:#8bbafe;
	color:#FFFFFF;
	padding:2px;
	border-bottom:1px dotted #3d3c48;
	height: 1.3em;
}
.calAllday a {
	color:white;
	text-decoration:none;
}
.calAllday a:hover {
	text-decoration:underline;
}
.calEvent {
	overflow:hidden;
	background-color:#e6804d;
	color:#FFFFFF;
	padding:2px;
	border-bottom:1px dotted #3d3c48;
	height: 1.3em;
}
.calEvent a {
	color:white;
	text-decoration:none;
}
.calEvent a:hover {
	color:white;
	text-decoration:underline;
}
.calEvents {
	overflow:hidden;
	background-color:#e6804d;
	color:#FFFFFF;
	padding:2px;
	border-bottom:1px dotted #3d3c48;
}
.calEvents a {
	color:white;
	text-decoration:none;
}
.calEvents a:hover {
	color:white;
	text-decoration:underline;
}
.calClass {
	overflow:hidden;
	background-color:#e3bab8;
	color:#FFFFFF;
	padding:2px;
	border-bottom:1px dotted #3d3c48;
	height: 1.3em;
}
.calClass a {
	color:white;
	text-decoration:none;
}
.calClass a:hover {
	text-decoration:underline;
}
.addEventLink {
	float:left;
	cursor:pointer;
	margin-left:1ex;
}
.addEventLink a:hover { background-color:blue; text-decoration:none;}
.addEventLink img {margin:0; padding:0;}
iframe {border-width: 0px;	height: 60px;	width: 400px;	vertical-align:top;}iframe.hidden {	visibility: hidden;	width:0px;	height:0px;}
/******************** FROM nvisionit.css **************************/
.calDay {
	float:left;
	border:1px solid #A9A9A9;
	width:13.7%;
	height:98px;
}
.clear {
    clear: both;
}
#nv_week_container {
	float: left;
	width: 97.6%;
	height: 33em;
	padding-right: 0;
	margin-right: 0;
	overflow-x: none;
	z-index: 100;
	position: absolute;
	/*overflow:auto;*/
}
.nv_week_hour {
	text-align:center;
	left:0px; 
	height:51px;
	width:100%;
	background: #900;
	border-bottom:solid 1px silver;
	border-left:none;
	border-top:none;
}
.nv_week_timeslot {
	color:black;
	left:0px; 
	height:12px;
	width:100%;
	border-bottom:1px solid #333333;
	font-size: 8px;
	z-index: 0;
}
.nv_week_event, .nv_week_class {
	position: absolute;
	width:97%;
	background-color:transparent;
	margin:0px 1px 2px 2px;
	text-align:center;
}
.nv_week_event2 {
	width:97%;
	background-color:transparent;
	margin:0px 1px 2px 2px;
	text-align:center;
	position: absolute;
	display: none;
	left: 0;
}
.nv_week_event2:hover, .nv_week_event:hover, .calEvent:hover, .calAllday:hover {
	cursor: pointer;
}
.nv_allday_hover {
	background-color: #AAAAAA;
	cursor: pointer;
}
.nv_day_hover {
	background-color: #AAAAAA;
	cursor: pointer;
}
.nv_week_timeslot_hover {
	background-color: #AAAAAA;
	cursor: pointer;
}
.nv_eventText {
	position: absolute;
	right: 2px;
	top: 4px;
}
.hideFromParent {
	margin: 0;
	padding: 0;
}
/* These are new styles for the new gradient and nifty cube fix */
div.nv_event_week_allday {
	display: none;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	background: #6699CC;
	width:97%;
	margin:0px 1px 2px 2px;
	left: 0;
	}
div.nv_class_week {
	position: absolute;
	width: 100%;
	color: white;
	background: #cc6666; /* url(../images/bggradient.jpg) repeat scroll 0%; */
	margin-bottom: 20px;
	}
div.nv_event_week {
	position: absolute;
	width: 99.5%;
	color: white;
	background: #6699cc; /* gray url(../images/bluebggradient.jpg) repeat scroll 0%; */
	margin-bottom: 20px;
	}
div.nv_class_week h3, div.nv_event_week h3 {
	margin:0;
	color: white;
	line-height: 14.2px;
	text-align: left;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	padding: 0 3px;
	}
div.nv_class_week h3
{
	background: #993333;
}
div.nv_event_week h3
{
	background: #336699;
}
div.nv_class_week h3 a, div.nv_event_week h3 a {
	color: white;
	font-weight: bold;
	}
div.nv_class_week p, div.nv_event_week p {
	font: 1.4em Arial, Helvetica, sans-serif;
	margin:0;
	padding: 0px 3px 3px 3px;
	line-height: 1em;
	text-align: left;
	}
	
/******************* FROM divs.css ***********************/
#transientLayer
{
	background: #eee;
	display: none;
	filter: Alpha(opacity=70);
	height: 100%;
	left: 0;
	-moz-opacity: 0.7;
	opacity: 0.7;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}
#page
{
	margin: 5px;
}
.nv_week_column {
	float: left;
	width:13.2%;
	height:86.5em;
	border:1px solid darkgray;
}
.nv_allday {
	border: 1px solid #CCCCCC;
	float: left;
	width: 12.5%;
	height: 100%;
	margin-left: 1.5px;
	_margin-left: 9px;
	_margin-right: 3px;
}
#allday_empty {
	width: 4.7%;
	float: left;
}
#weekcalContainer{
	clear:both;
	float:left;
	width:76%; 
	top:1em;
	left:0px;
	padding: 1em 0px 0px 0;
	height:100%;
	font-size:1em;
	position:absolute;
	color:white;
}
#nv_container
{
	position: absolute;
	overflow-y: auto;
	width: 100%;
	height: 33em;
	z-index: 50;
}
.item-assignment
{
	background: #369;
	color: black;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 95%;
	margin-top:5px;
}
.item-assignment a
{
    color: white !important;
}

.item-assignment .button a
{
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	float: right;
	height: 16px;
	margin: 0.3em 0.3em 0.3em 0;
	width: 16px;
}

.item-assignment .button span
{
	display: none;
}

.item-assignment .delete a
{
	background-image: url('../images/16px-cross-button.png');
}

.item-assignment .edit a
{
	background-image: url('../images/16px-pencil-button.png');
}

.item-assignment .name
{
	float: left;
	font-weight: bold;
	padding: 0.3em 0.5em;
}

.item-assignment .niftycorners
{
	clear: both;
}

.item-assignment-add
{
    display: block;
	text-align: right;
}

#calSelect
{
	z-index: 20;
	position: absolute;
	background: #68b;
	display: none;
	width: 100px;
	height: 100px;
	top: 100px;
	left: 100px;
	color: black;
}

select{
font-size:.8em;
width:120px;
}

input{
font-size:.8em;
width:120px;
}

.checkbox {
	width: 1.5em;
}

#weekDisplay{
	font-size:1.2em;
}
#week_container {
	width:98%;
	height:33em;
	/*position:absolute;
	margin-top:35px;
	*/
	overflow:auto;
	clear:left;
	float:left;
}

#faq{
	width:98%; height:93%; left:1%; right:1%; top:1%;
}

#addSyllabusContainer{
	width:30%;
	height:13em;
	margin:30px 0px 0px 0px;
	z-index:2;
}

#professorGradesContainer {
	width:98%; height:93%; left:1%; right:1%; top:1%; display:none;
}

#welcomeNewContainer {
	width:98%; height:93%; left:1%; right:1%; top:1%; display:none;
}

#addAssignmentContainer{
	width:25em;
	height:22em;
	margin:30px 0px 0px 0px;
	z-index:99;
}
#addFeedbackContainer{
	width:25em;
	height:22em;
	margin:30px 0px 0px 0px;
	z-index:2;
}
#editFeedbackContainer{
	width:25em;
	height:22em;
	margin:30px 0px 0px 0px;
	z-index:2;
}

#addCommentsContainer{
	width:22em;
	height:22em;
	margin:30px 0px 0px 100px;
	z-index:2;
}

#commentsListContainer{
	width:30em;
	height:30em;
	margin:30px 0px 0px 0px;
	z-index:2;
	background:#222;
}

#commentsList{
	overflow:auto;
	height:35.5em;
}

#assignmentCommentsContainer{
	width:30em;
	height:30em;
	margin:30px 0px 0px 0px;
	z-index:2;
	background:#222;
}
#assignmentComments{
	overflow:auto;
	height:35.5em;
}

#notificationContainer{
	width:22em;
	height:22em;
	margin:30px 0px 0px 0px;
	display:none;
	z-index:2;
	background:#222;
}

#notificationClassContainer{
	width:22em;
	height:22em;
	margin:30px 0px 0px 0px;
	display:none;
	z-index:2;
	background:#222;
}

#notificationSchedContainer{
	width:22em;
	height:22em;
	margin:30px 0px 0px 0px;
	display:none;
	z-index:2;
	background:#222;
}

#popupContainer{
	width:20em;
	height:10em;
	margin:50px 0px 0px 0px;
	z-index:2;
	background:#222;
	display: none;
}

#addClassFileContainer{
	width:20%;
	height:12em;
	margin:30px 0px 0px 100px;
	display:none;
	z-index:3;
}

#helpsectioncontainer
{
	margin: 30px 0px 0px 30px;
	position: absolute;
	height: 150px;
	text-align: left;
	width: 350px;
	z-index: 100;
}

#helpsectioncontainer div
{
	background-repeat: no-repeat;
}

#helpsectioncontainer div div
{
	background-repeat: repeat;
	position: static;
}

#helpsectioncontainer .bubble-close a
{
	background: no-repeat center center url('../images/24-em-cross.png');
	display: block;
	height: 22px;
	position: absolute;
	width: 22px;
	margin-left:315px;
	margin-top:10px;
}

#helpsectioncontainer .bubble-close a span
{
	display: none;
}

#helpsectioncontainer .bubble-corner
{
	background-image: url('../images/bubble-combined.gif');
	height: 15px;
	width: 15px;
}

#helpsectioncontainer .bubble-corner.bubble-bottom-left
{
	background-position: 0 -15px;
	float:left;
	margin-top:-15px;
}

#helpsectioncontainer .bubble-corner.bubble-bottom-right
{
	background-position: -15px -15px;
	float:right;
	margin-top:-15px;
}

#helpsectioncontainer .bubble-corner.bubble-top-left
{
	background-position: 0 0;
	float:left;
}

#helpsectioncontainer .bubble-corner.bubble-top-right
{
	background-position: -15px 0;
	float:right;
}

#helpsectioncontainer .bubble-sides
{
	background: white;
	border: solid 1px #ccc;
}

#helpsectioncontainer .bubble-sides.bubble-left-right
{
	border-bottom: none;
	border-top: none;
	height: 120px;
	width: 348px;
}

#helpsectioncontainer .bubble-text
{
	width: 293px;
	font-size: 17px;
	background:white;
	margin:15px 0;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	padding-left:15px;
	padding-right:40px;
}

#helpsectioncontainer .bubble-sides.bubble-top-bottom
{
	border-left: none;
	border-right: none;
	width: 320px;
	margin-left:15px;
}
div.bubble-top{
	width:320px;
	height:15px;
	background:white;
	float:left;
}
div.bubble-bot{
	width:320px;
	height:15px;
	background:white;
	float:left;
	margin-left:15px;
	margin-top:-15px;
}

#addAnnouncementContainer{
	width:50%;
	/* width:30%; */
	height:15em;
	margin:30px 0px 0px 150px;
	display:none;
	z-index:2;
}
#addNewClassContainer{
	width:35%;
	min-height:400px;
	margin:30px 0px 0px 150px;
	display:none;
	z-index:2;
}

#addNewClassBackground{
 	min-height:400px;
	max-height:500px;	
}

#addNewClass{
	overflow:auto;
	max-height:480px;
/*	overflow-y: scroll;*/
	overflow-x: hidden;
/*	overflow:-moz-scrollbars-vertical;*/
	
}
#forgotPasswordContainer{
	width:30%;
	height:13em;
	margin:30px 0px 0px 150px;
	display:none;
	z-index:2;
}


#daysItemsContainer{
	width:160px;
	height:13em;
	/*margin:30px 0px 0px 150px;*/
	display:none;
	z-index:2;
}
#weekcalheader{
	width:100%;padding:6px;clear:both;font-size:.9em;overflow:hidden;line-height:10px;margin-left:-5px;
}
.week_day {
	font-size:.8em;
	padding:.2em;
	position:absolute;
	left:0px; 
	top:0px;
	height:2.8em;
	width:100%;
	text-align:center;
	vertical-align:middle;
	/*background-color:#c3d9ff;*/
	border-top:1px solid gray;
	color:#112abb;
}
.timeslot_shaded {
	/* How do we shade? */
	/*filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
	background-color:#666666;*/
}

.week_event {
	width:97%;
	background-color:transparent;
	margin:0px 1px 0px 2px;
	position:absolute;
	text-align:center;

}


.niftyBoxContentEvent{ 
	font-size: 1em;
	margin:0px;
	padding:0px 0px 0px 4px;
	background: #001f84;
	background:url('../images/bluebggradient.jpg');
	border-left:#000000 solid 1px;
	border-right:#000000 solid 1px;
	color: #000;
    text-align: left;
	overflow: hidden;
}

.niftyBoxContentClass{ 
	overflow: hidden;
    text-align: left;
    border: 3px solid black;
	margin: 0 auto;
    border: 0px solid black;
    color: #ffffff;   
    padding: 0px 5px 5px 5px;
    background-color:black;
	background:url('../images/bggradient.jpg');
}

.logininfobox{
font-size:.7em;margin:0px;padding:0px;margin-top:-15px;
}

a:hover.eventText{
	font-size: .6em;
	color:red;
	line-height:.7em;
}
.eventText a{
	color: white;
	line-height:.7em;
	padding:0px;
	margin:0px;
	display:inline;
}
.weekContent {
}

.allday_header
{
	width: 12.65%;
	float: left;
	padding: 0 1px;
	font-size: 0.9em;
	font-weight: bold;
}

.selected
{
	background: #68b;
}


#daysAssignmentsContainer{
	left:20%; top:10%; width:550px; height:55%;  z-index:99;
}
/*****************************************/
#myCalendarContainer {
	width:100%; height:100%; left:0; right:0; top:0;
}

#calendar-container-small {
	width:19em;
}
#calendarBox { 
	width:75%; 
	top:3.4ex;	
	left:0;
	padding:1em;
	/*overflow:auto;*/
	height:100%;
	font-size:.8em;
	font-weight:500;
	position:absolute;
	color:white;
}
#calendarBox a, #calendarTools a {
	color:white;
	text-decoration:none;
}

#calendarBox a:hover, #calendarTools a:hover {
	color:white;
	text-decoration:underline;
}

#calendarTools { 
	width:23%; 
	top:3.3ex;;
	left:76%;
	padding:1em;
	/*overflow:auto;*/
	height:100%;
	font-size:.8em;
	font-weight:500;
	position:absolute;
	color:white;
}
#calendarTools img {
	vertical-align:middle;
	padding:0; margin:0; border:0;
}
#calendarTools h2 {
	font-size:1.3em;
	background-image:url(../images/bar-bg.gif);
	background-repeat:repeat-x;
	background-position:top left;
}
#calendarTools h4 {
	font-size:.9em;
}
#calendarTools h2, #calendarTools h3, #calendarTools h4, #calendarTools h5 {
	padding-bottom:0; margin-bottom:0;
	font-size:.9em;
}




#addEventContainer {
	width:400px; height:525px;  z-index:99;
}

#addIndieEventContainer {
	width:350px; height:525px; z-Index:99;
}

#addEventContainer input, #addEventContainer textarea, #addEventContainer select{	
	width:90%;
	padding:.4ezx;
	color:white;
	background-color:black;
	border:1px solid gray;
}
#addIndieEventContainer input, #addIndieEventContainer textarea, #addIndieEventContainer select{
	width:90%;
	padding:.4ezx;
	color:white;
	background-color:black;
	border:1px solid gray;
}
#addEventContainer input.button {
	border:2px inset #CD0102;
}



#eventDetailsContainer {
	width:550px; height:550px; display:none;z-Index:99;
}
#assignmentDetailsContainer {
	width:350px; height:300px; display:none;z-Index:99;
}
#addEventIndieContainer {
	left:4px; top:4px;width:300px; height:300px; display:none; z-index:2;
}
/******************************/
#addScheduleContainer {
	width:400px; height:400px; display:none; z-index:2;
}

#mySchedulesContainer {
	left:350px; top:4px;width:300px; height:300px; display:none; z-index:2;
}
#addPublicSchedulesContainer {
	left:25%; top:2%;width:49%; height:93%; z-index: 99;
}
/*******************************/

#editEventContainer {
	left:400px; top:60px; width:300px; height:400px;  z-index:2; display:none;
}

#editEventContainer input, #editEventContainer textarea, #editEventContainer select{	
	padding:.4ex;
	color:white;
	background-color:black;
	border:1px solid gray;
}
#editEventContainer textarea{
	height: 6em;
}
#editEventContainer input.button {
	border:2px inset #CD0102;
}
#editEventContainer h4 {
	font-size:.9em;
}
#editScheduleContainer {
	width:98%; height:98%; left:1%; right:1%; top:1%;z-index: 99;
}
#eventList {
	overflow: auto;
	height: 450px;
}
#editCalendarTable.eventListTable img {
	cursor:pointer;
}
#editCalendarTable #eventListTable td {
margin:0; padding:0;
}
#editCalendarTable td { vertical-align:top; padding:0 3em;}
#editCalendarTable h3 { border-bottom:1px solid gray; }
#editCalendarTable input, #editCalendarTable textarea, #editCalendarTable select{
	width:22em;
	padding:.4ex;
	color:white;
	background-color:black;
	border:1px solid gray;
}
#editCalendarTable textarea {
	height:10em;
}
#editCalendarTable input.button {
	border:2px inset #CD0102;
}
/*******************************/


/*****************************************/
#addClassContainer {
	left:50%; top:2%;width:49%; height:93%;
}

#myClassesContainer {
	left:4px; top:2%;width:49.5%; height:93%;
}
.myClassListTable img {cursor:pointer; }

#createAccountContainer {
	width:98%; height:93%; left:1%; right:1%; top:1%; display:none;
}
/********************************************/
/*------------------------------------------*/


/*--------------------------DUE THIS WEEK STYLES--------------------------*/
#weeklyScheduleContainer {
	width:98%; height:85%; left:1%; right:1%; top:1%;
}

#calgroupadminContainer{
	width:98%; height:85%; left:1%; right:1%; top:1%; display:none;
}

#weeklyScheduleContainer .cboxcontent
{
	padding: 0;
	width: 100%;
}

#weeklyScheduleContainer .dayHeading
{
	background: #ffee99 repeat-x top left url('../images/bar-bg-yellow.gif');
	border: none;
	color: black;
	font-size: 1.2em;
	height: 24px;
	padding: 0;
	vertical-align: middle;
}

#weeklyScheduleContainer .dayHeading a
{
	color: black;
	display: block;
	line-height: 24px;
	width: 100%;
}

#weeklyScheduleContainer .dayHeading a:hover
{
	background-image: url('../images/bar-bg-yellow-hover.gif');
}

#weeklyScheduleContainer .dayHeading a:active
{
	background-image: url('../images/bar-bg-yellow-sunk.gif');
}

.weeklyScheduleTable {
	width:100%;
	font-size:.8em;
	border-collapse:collapse;
}
.weeklyScheduleTable td {
	border:1px solid gray;
	padding:.8ex;
	vertical-align:top;
}
.weekDay { /*Mon - Fri tr */
	
	height:auto;
	width:12%;
	position: static !important;
	text-align: center;
	
}

.dayHeading { /*days..Mon-Fri td */
	
	text-align:center;
	vertical-align:top;
	background-color:#c3d9ff;
	color:#112abb;
}
.weeklyScheduleTable a {
	color:white;
	text-decoration:none;
	font-weight: bold;
}
.weeklyScheduleTable a:hover {
	color:white;
	text-decoration:underline;
}



.weeklyScheduleTable .days{
	padding:0; margin:0; 
}
.weeklyScheduleTable .classHeading {
	font-weight:bold;
	font-size:1.2em;
}
/*****************************************************************************/
.assignmentsBox {

}
#myUpcomingEventsContainer {
	width:48.9%; height:85%; left:1%; right:50.1%; top:.5em;
}
#upcomingCampusEventsContainer {
	width:48.9%; height:85%; left:50.1%; right:1%; top:.5em;
}
#upcomingPublicEventsList{
	width:100%;
}
#publicEventsTable {
	width:100%;
}
#myEventsTable {
	width:100%;
}
#accountPreferencesContainer {
	width:98%; height:93%; left:1%; right:1%; top:1%; z-index: 99;
}
#feedbackContainer {
	width:98%; height:93%; left:1%; right:1%; top:1%;
}
#classScheduleContainer {
	width:48.9%; height:85%; left:1%; right:50.1%; top:.5em;
}
#classScheduleContainer2 {
	width:48.9%; height:85%; left:50.1%; right:1%; top:.5em;
}
.borderBox {
	padding:2ex;
}
#classDetailsTable {
	width:100%;
}
#classDetailsTable h5 {
	padding-bottom:1ex;
	text-decoration:underline;
}
#fullHomeworkSchedule h5 {
	padding-bottom:1ex;
	text-decoration:underline;
}
#fullHomeworkSchedule, #fullAnnouncementList, #fullFileList {
	width:100%;
}
.highlighted td{
	background-color:gray;
	
}
#welcomeContainer {
	width:98%; height:93%; left:1%; right:1%; top:1%;
	font-size:1.2em;
}

#welcomeSignupContainer {
	width:78%; height:83%; left:1%; right:1%; top:1%; display:none;
	font-size:1.2em;
}

#textAlertsContainer {
	left:270px; top:100px;width:30em; height:38ex; display:none;
}

#passwordChoose{
	width:200px;display:block;
}

#passwordChoose2{
	width:200px;display:block;
}
#viewEventContainer {
	width:48%; height:73%; left:1%; right:1%; top:1%; z-index: 99;
}

/***********************************/
/********* Principal ***************/
/***********************************/

.input_element_search {
	background-color: #FFFFFF;
	background: #FFFFFF;
	background-image: none;
	text-decoration: none;
}

#myPrincipalContainer {
	width:1155px; 
	height:85%;
	top:1%;  
	left:3%; 
	top:3%; 
}

#myPrincipalSearch {	
	color:white;
	text-decoration:none;
}

#myPrincipalListOfAccounts {
	color:white;
	text-decoration:none;	
}
#allday_empty{
	width: 4.7%; 
}
.allDayGrid{
	color:white;
	width:100%;
	height: 12px;
	border-bottom:1px solid darkgray;
	z-index: 1;
	background-color:#222;
	margin-bottom:5px;
	vertical-align:bottom;
}
.allDayGrid:active{
	background-color:#6688BB;
}