/* Global */
a img
{
	border: none;
}

/* Containers */
#db_container
{
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
	font-size: 12px;
}
#db_inner_container
{
	width: 752px; /* 768 (outer) - 8 (pad-left) - 8 (pad-right) */
	margin-left: 8px;
	margin-right: 8px;
}
#db_left_container
{
	float: left;
	margin-bottom: 8px;
	margin-right: 8px;
	width: 408px;
}
#db_right_container
{
	float: left;
	margin-bottom: 8px;
	width: 336px; /* 752 (inner) - 408 (left) - 8 (pad) */
}
.outer_container
{
	float: left;
	width: 768px;
}
.left_container_shared
{
	padding-right: 8px;
	width: 392px;
}
.left_container_full
{
	width: 100%;
}

/* Top Rounded Corner */
#db_top_corner
{
	float: left;
	width: 8px;
	background-image: url('images/bckgrdcrv_topL.png');
	background-repeat: no-repeat;
	background-position: left;
}
#db_top
{
	position: relative;
	float: left;
	width: 760px; /* 768 (outer) - 8 (img width) */
}

/* Main Formatting */
#db_top_tab
{
	float: right;
	width: 186px;
	height: 24px;
	background-image: url('images/db_top_tab.png');
	background-repeat: no-repeat;
	background-position: left;
}
#course_title
{
	float: left;
	color: #14488A;
	font-weight: bold;
}
.clear
{
	clear: both;
}
.rounded_padding
{
	height: 8px;
}
.padded
{
	padding: 8px;
}
.padded-right
{
	padding-right: 8px;
}
.outer_background
{
	background-color: #CEDEF2;
}

/* Font Sizes */

.small
{
	font-size: 10px;
}
.small_11
{
	font-size: 11px;
}
.medium
{
	font-size: 14px;
}
.medium_15
{
	font-size: 15px;
}
.large
{
	font-size: 16px;
}
.exlarge
{
	font-size: 18px;
}

/* Calendar */
#db_calendar_container
{
	float: left;
	margin-bottom: 8px;
}
div.cal_container_topleft
{
	float: left;
	width: 8px;
	background-image: url('images/cal_tblcrv_topL.png');
	background-repeat: no-repeat;
	background-position: left;
}
div.cal_container_cap
{
	float: left;
	width: 736px; /* 752 (inner) - 8 (pad-left) - 8 (pad-right) */
}
div.cal_container_topright
{
	float: right;
	width: 8px;
	background-image: url('images/cal_tblcrv_topR.png');
	background-repeat: no-repeat;
	background-position: right;
}
div.cal_container_bottomleft
{
	float: left;
	width: 8px;
	background-image: url('images/cal_tblcrv_botL.png');
	background-repeat: no-repeat;
	background-position: left;
}

div.cal_container_bottomright
{
	float: right;
	width: 8px;
	background-image: url('images/cal_tblcrv_botR.png');
	background-repeat: no-repeat;
	background-position: right;
}
div.cal_container_body
{
	padding-left: 8px;
	padding-right: 8px;
}
div.cal_container_background
{
	background-color: #668FC2;
}

/* Coming Soon */
#db_comingsoon_container
{
	float: left;
	width: 100%;
	margin-bottom: 8px;
}
.cs_title_topleft
{
	height: 8px;
	width: 8px;
	background-image: url('images/cs_tblcrv_topL.png');
	background-repeat: no-repeat;
	background-position: left;
}
.cs_title_topright
{
	height: 8px;
	width: 8px;
	background-image: url('images/cs_tblcrv_topR.png');
	background-repeat: no-repeat;
	background-position: right;
}
.cs_title_background
{
	background-color: #4977B2;
}
div.cs_title_body
{
	padding-left: 8px;
	padding-right: 8px;
}
#cs_title
{
	float: left;
	color: white;
	font-weight: bold;
	position: relative;
	top: -4px;
}
#cs_title_course_docs a
{
	float: left;
	color: #4977B2;
	font-weight: bold;
	position: relative;
	top: -4px;
	font-size: 11px;
	padding: 3px;
}
div.cs_container_body
{
	width: 100%;
	float: left;
}
.cs_container_background
{
	background-color: white;
}
#cs_list
{
	float: left;
	padding: 8px;
}
#cs_list img, #cs_list a, #cs_list span
{
	padding: 5px;
	padding-bottom: 0px;
	padding-top: 7px;
	font-weight: normal;
}

/* Next Due */
#nextdue_container
{
	float: right;
	width: 106px;
	height: 75px;
	margin-right: 1px;
	background-image: url('images/nxtdue_bckgrd_grdient.png');
	background-repeat: repeat-x;
}
#next_due_text
{
	font-size: 14px;
	color: #303235;
}
#nextdue_counter_text
{
	position: relative;
	top: 5px;
}
#nextdue_counter
{
	height: 30px;
	width: 70px;
	background-image: url('images/nxtdue_clockbckgrd.png');
	background-repeat: no-repeat;
}
#nextdue_counter_label
{
	height: 14px;
	width: 70px;
	background-image: url('images/nxtdue_unitlabel.png');
	background-repeat: no-repeat;
}
#nextdue_counter_label td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7px;
	color: #616364;
	padding-right: 3px;
}
td.nextdue_couter_comp
{
	color: white;
}

/* Announcements */
#db_announcement_container
{
	float: left;
	position: relative;
	left: -16px;
	width: 100%;
	padding-right: 16px;
	background: white;
}
#BookCoverScalingContainer
{
	height: 80px;
	float: right;
}
#BookCover
{
	vertical-align: middle;
	height: 100%;
}
div.ann_body
{
	width: 100%;
	float: left;
	padding-left: 16px;
}
td.announcement_all
{
	vertical-align: middle;
	padding-right: 8px;
}
#announcement_all_link
{
	font-weight: bold;
	color: #4772AC;
}
div.announcement_entry
{
	float: left;
	padding-top: 8px;
	padding-bottom: 16px;
	padding-right: 8px;
}
div.announcement_entry ul
{
	padding-left: 0px;
	margin-left: 15px;
	margin-bottom: 5px;
	margin-top: 5px;
}
div.announcement_entry ul li
{
	margin-bottom: 5px;
}
div.announcement_entry ul li.last
{
	margin-bottom: 0px;
}
div.announcement_title_container
{
	float: left;
	height: 32px;
	width: 100%;
	background-image: url('images/an_title_grdient.png');
	background-repeat: no-repeat;
	background-position: top left;
	position: relative;
	left: -8px;
}
span.announcement_title
{
	float: left;
	color: #4772AC;
	font-weight: bold;
	padding: 8px;
}
span.announcement_date
{
	padding: 8px;
	float: right;
}
a.more
{
	color: #4977B2;
	font-weight: bold;
	white-space: nowrap;
}
#announcement_header
{
	float: left;
	color: #4772AC;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
}
#announcement_header A, #announcement_header A:visited, #announcement_header A:active, #announcement_header A:link, #announcement_header A:hover
{
	color: #4772AC;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
	text-decoration: none;
}

/* Progress Results */
#db_results_container
{
	width: 100%;
	float: left;
}

div.results_header
{
	float: left;
	background-image: url('images/mr_title_bck.png');
	background-repeat: no-repeat;
	background-position: top;
	height: 24px;
	width: 100%;
}
div.results_body
{
	width: 100%;
	background-image: url('images/ct_bckgrd_grdient.png');
	color: white;
	float: left;
}
#myprogress_body
{
	float: left;
	width: 100%;
	background-image: url('images/myprg_bckgrd_grdient.png');
}
#myresults_title
{
	color: white;
	font-weight: bold;
	padding-left: 8px;
	position: relative;
	top: 2px;
}
#myprogress_title
{
	color: white;
	font-weight: bold;
	padding-left: 8px;
	position: relative;
	top: 2px;
}
#myprogress_summary
{
	color: #fff;
	font-size: 13px;
	width: 100%;
	background-image: url('images/myprg_botpanel_grdient.png');
}
#myprogress_summary div
{
	padding-left: 30px;
}
#myprogress_spacer
{
	height: 1px;
	width: 100%;
	float: left;
	background: #3f79b3;
}

/******************* 
** Scatter Graph 
********************/
#scattergraph
{
	width: 320px;
	height: 145px;
}
.tickLabel
{
	color: white;
	font-size: 11px;
}
table.graphY
{
	color: #B6CBE1;
	position: relative;
	top: -8px;
	font-size: 11px;
	width: 100px;
}
.graphYStartDate
{
	padding-left: 8px;
}
.graphYEndDate
{
	padding-right: 8px;
}
#container_scattergraph
{
	position: relative;
	left: -5px;
}
.scatterGraphNoData
{
	color: #205599;
}

/******************* 
** Calendar
********************/
.wcDayBlock
{
	border: solid 2px #5190d1;
	width: 98px;
	background: white;
}
.wcTodayBlock
{
	border: solid 2px #f2c175;
}
.wcDayNum
{
	color: #999;
	font-weight: bold;
	font-size: 11px;
	padding-right: 2px;
}
.wcEventList
{
	padding: 2px;
	width: 97px;
	height: 35px;
}
.wcEventText
{
	float: left;
	font-size: 11px;
}
.wcEventText img
{
	vertical-align: middle;
	padding: 0px 2px 0px 2px;
}
.wcMonth
{
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	padding-bottom: 4px;
	color: #99B7D7;
}
.wcDayOfWeek
{
	/*background-color: #78A1CD;*/
	background: url('images/cal_bckgrd_wkdys.png');
	text-align: center;
	font-size: 9px;
	font-weight: bold;
	padding: 5px;
	color: #99B7D7;
}
.wcDayOfWeek td
{
	width: 14.2%;
}
.wcMonth
{
	background: #668FC2;
}

/******************* 
** Stacked Progress
********************/
#stackedProgress
{
	width: 278px;
	height: 25px;
}
#overlay_scattergraph table
{
	width: 280px;
}
.progress_label
{
	color: #B6CBE1;
	font-size: 11px; /* 11px */
}
#stackedProgressText
{
	padding-left: 4px;
}
.stackedProgressNoData
{
	color: #205599;
}

/******************* 
** Assignment Progress
********************/
.assignmentProgress
{
	width: 257px;
	height: 18px;
}
.assignmentProgress_spacer
{
	width: 100%;
	height: 5px;
}
.progress_icon
{
	padding-right: 4px;
	vertical-align: middle;
}
.progressbartext
{
	padding-left: 4px;
}

/******************* 
** Tool tips
********************/
#toolTipBody
{
	background-color: White;
	min-width: 150px;
	max-width: 350px;
	border: 1px solid #c0c0c0;
	color: black;
	text-indent: 0;
	padding: 8px;
}