.chalkboard { clear:both; }

.chalkboard .panel { margin:0 0 0px; padding:0px; background:#1c779e; float:left; clear:none;}
.chalkboard .panel .cbContentPad { padding:4px; }

.chalkboard .panel .panHeader { display:block; width:100%; height:22px; color:#fff; }
.chalkboard .panel .panHeader .panHedColumn { padding-top:4px; padding-left:4px; padding-right:4px; float:left; }
.chalkboard .panel .panHeader .panHedColumn a { text-decoration:none; color:#fff; font-weight:bold; }
.chalkboard .panel .panHeader .panHedColumn a:hover { text-decoration:underline; color:#fff; }
.chalkboard .panel .panHeader .panHedColumn .currentLink { text-decoration:underline; color:#fff; font-weight:bold;}

.chalkboard .panel .buttons { cursor:pointer; background-color:transparent; }
.chalkboard .panel .buttons:hover { cursor:pointer; background-color:#1c779e; }
.chalkboard .panel .buttons_disabled { background-color: #666; filter:alpha(opacity=25); -moz-opacity:.25; opacity:.25;}

.chalkboard .panel .video { display:block; background:#000; margin:0; border:1px solid #fff; }

.chalkboard .panel .slide { display:block;background:#fff; margin:0; border:1px solid #fff; }

.chalkboard .panel .chapters { display:block; background:#fff; margin:0; }
.chalkboard .panel .chapters .chRow { display:block; padding:4px; background-color:#efefef; }
.chalkboard .panel .chapters .chRow:hover, .chalkboard .panel .chapters .chRowActive { background-color:#a4c8d8; cursor:pointer; }
.chalkboard .panel .chapters .chRowTime { position: relative; left: 0px; width:50px; float:left; clear:none; color:#333; font-weight:bold; }
.chalkboard .panel .chapters .chRowDesc { position: relative; left: 50px; color:#666; }

#controllerTimeline { position: relative; top: 0px; height: 17px; padding-bottom: 4px; }
#controllerTimelineEmpty { position: absolute; height:8px; z-index: 1; height: 8px; margin-top: 5px;	background-color: #0c3040; }
#controllerTimelineFullTime { position: absolute; z-index: 2; left: 2px; height: 4px; top: 7px;	background-color: #609fbb; }
#controllerTimelinePlayhead { position:absolute; top: 2px;z-index:3; background-color: #14546f; }


.chalkboard .panel .controller { display:block; margin:0; }
.chalkboard .panel .controller .conColumn { float:left; clear:none; margin:0; padding:0; }
.chalkboard .panel .controller .conColumnNotice { float:left; clear:none; width:120px; height:28px; background:#0c3040; margin-left:4px; padding:0; text-align:center; }
.chalkboard .panel .controller .conColumnNotice .conDesc { float:left; clear:none; margin:0; position:relative; top:7px; left:4px; font-size:10px; color:#fff; text-transform:uppercase; font-weight:bold; opacity:0.3; filter:alpha(opacity=30); }
.chalkboard .panel .controller .conColumnNotice .conTime { float:right; clear:none; margin:0; position:relative; *top:2px; font-size:20px; color:#fff; margin-right: 10px;}
.chalkboard .panel .controller .conColumnNotice .conText { font-size:14px; color:#fff; font-weight:bold; top:6px;}

.chalkboard .panel .controller .conColumn #volume #emptyVolume { position:absolute; right:0px; top:0px; width:100px; height:28px; }
.chalkboard .panel .controller .conColumn #volume #fullVolume { position:absolute; right:0px; top:0px; width:100px; height:28px; }
.chalkboard .panel .controller .conColumn #muteButton { position:absolute; left: 107px; top:0px; }

.chalkboard input.submit { float:left; clear:none; margin-top:2px; margin-right:2px; padding:4px; color:#fff; border:#14546f 1px solid; background-color:#1c779e; font-size:11px; color:#fff; }

.chalkboard .panel #chapterContent .chapter_active { background-color: #609fbb; }

/* Leftover Legacy Stuff */

.panel .TopMiddle {
	background-image: url(/dc/images/container/gradient-top-middle.png);
	background-repeat: repeat-x;
	background-position: top left;
	behavior: url(/dc/images/theme/iepngfix.htc);
	height: 25px;
}
.panel .TopMiddle .Action_Buttons {
	text-align: right;
	height: 20px;
	padding-top: 5px;
	float: right;
	clear: none;
	_position: relative;
}
.panel .TopLeft {
	background-image: url(/dc/images/container/gradient-top-left.png);
	background-repeat: no-repeat;
	background-position: top left;
	behavior: url(/dc/images/theme/iepngfix.htc);
	width: 5px;
	height: 25px;
}
.panel .TopLeft div {
	background-image: url(/dc/images/container/corner-top-left.png);
	background-repeat: no-repeat;
	background-position: top left;
	behavior: url(/dc/images/theme/iepngfix.htc);
	width: 5px;
	height: 25px;
}
.panel .TopRight {
	background-image: url(/dc/images/container/gradient-top-right.png);
	background-repeat: no-repeat;
	background-position: top right;
	behavior: url(/dc/images/theme/iepngfix.htc);
	width: 5px;
	height: 25px;
}
.panel .TopRight div {
	background-image: url(/dc/images/container/corner-top-right.png);
	background-repeat: no-repeat;
	background-position: top right;
	behavior: url(/dc/images/theme/iepngfix.htc);
	width: 5px;
	height: 25px;
}

.panel .TopLeftSmall {
	background-image: url(/dc/images/container/corner-top-left.png);
	background-repeat: no-repeat;
	background-position: top left;
	behavior: url(/dc/images/theme/iepngfix.htc);
	width: 5px;
	height: 5px;
}
.panel .TopRightSmall {
	background-image: url(/dc/images/container/corner-top-right.png);
	background-repeat: no-repeat;
	background-position: top right;
	behavior: url(/dc/images/theme/iepngfix.htc);
	width: 5px;
	height: 5px;
}
.panel .BottomLeft {
	background-image: url(/dc/images/container/corner-bottom-left.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	behavior: url(/dc/images/theme/iepngfix.htc);
	height: 5px;
}
.panel .BottomRight {
	background-image: url(/dc/images/container/corner-bottom-right.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	behavior: url(/dc/images/theme/iepngfix.htc);
	height: 5px;
}
.panel .Content_Space {
	background-color: #ffffff;
	padding: 1px;
}
.panel .InnerPadding {
	margin: 1px;
	padding: 2px;
	border: #ccc 1px solid;
}

.Management_Console_Top {
	position: absolute;
	top:0px;
	border:1px solid #ffffff; 
}

.Management_Console_Toolbar {
	position: absolute; 
	top: 3px; 
	right: 5px;
}

.Management_Console_Bottom {
	position: absolute; 
	overflow-x:visible;
	overflow-y:auto;
	background-color:#e9e9e9;
	border:1px solid #ffffff;
	top: 23px; 
}

/* Timeline Content Panel */

.chalkboard .panel .timeline { display:block; background:#ccc; margin:0; border:1px solid #fff; }

.Zoom_Plus_Inactive {
	background-image: url(/dc/images/timeline/btn-zoom-plus-inactive.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
}
.Zoom_Plus_Active {
	background-image: url(/dc/images/timeline/btn-zoom-plus-active.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
}
.Zoom_Minus_Inactive {
	background-image: url(/dc/images/timeline/btn-zoom-minus-inactive.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
}
.Zoom_Minus_Active {
	background-image: url(/dc/images/timeline/btn-zoom-minus-active.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
}

#timelineHeader {
	position:absolute;
	z-index: 1; 
	left: 0px; 
	top: 3px; 
	height:19px;
}

.Tick_L {
	background-image: url(/dc/images/timeline/tick.png);
	position: absolute; 
	top: 6px; 
	width:3px;
	height:12px;
}

.Tick_M {
	background-image: url(/dc/images/timeline/tick.png);
	position: absolute; 
	top: 11px; 
	width:3px;
	height:7px;
}

.Tick_S {
	background-image: url(/dc/images/timeline/tick.png);
	position: absolute; 
	top: 14px;
	width:3px;
	height:4px;
}

.Tick_Label {
	position:absolute; 
	top:0px; 
	font-weight:normal; 
	font-size: 11px; 
	color: #8b8b8b;
}

/* Manage Slides Content */

.Slide_Image {
	border:0px;
	display:block;
	margin-left: auto;
	margin-right: auto;
}

.Thumbnail_640 {
	width:auto;
	max-width:640px;
	height:auto;
	max-height:480px;
	border:0px;
	display:block;
}

.Thumbnail_600 {
	width:auto;
	max-width:600px;
	height:auto;
	max-height:450px;
	border:0px;
	display:block;
}

.Thumbnail_320 {
	width:auto;
	max-width:320px;
	height:auto;
	max-height:240px;
	_width: 320px;
	border:0px;
	display:block;
}

.Thumbnail_260 {
	width:auto;
	max-width:260px;
	height:auto;
	max-height:195px;
	_width: 260px;
	border:0px;
	display:block;
}

.Thumbnail_124 {
	width:auto;
	max-width:124px;
	height:auto;
	max-height:93px;
	_width: 124px;
	border:0px;
	display:block;
}

.Thumbnail_45 {
	width:auto;
	max-width:45px;
	height:auto;
	max-height:34px;
	_width: 45px;
	border:0px;
	display:block;
}

.Thumbnail_36 {
	width:auto;
	max-width:36px;
	height:auto;
	max-height:27px;
	_width: 36px;
	border:0px;
	display:block;
}

.BorderedImage_4 {
	border: 4px solid #ffffff;
}

.BorderedImage_3 {
	border: 3px solid #ffffff;
}

.BorderedImage_2 {
	border: 2px solid #ffffff;
}

.Active_Style {
	background: #1c779e;
}
.Chapter_Icon {
	position: absolute;
	background-image: url(/dc/images/timeline/event.png);
	background-position: middle center;
	background-repeat: no-repeat;
	top: 8px;
	width:11px;
	height:11px;
}

.Management_Console_Bottom a { color:#666; text-decoration:none; font-weight:bold; }
.Management_Console_Bottom a:hover { color:#384f2e; text-decoration:underline; }

.media_icon img { padding:4px; background-color:#fff; border-bottom:1px solid #999; }
.media_icon_large { padding:4px; background-color:#fff; width:320px; margin:0 auto; }

.media_info { width:320px; margin:10px auto; line-height:16px; }
.media_choose { padding:4px; background-color:#666; color:#ccc; margin-bottom:10px; }
.media_choose a { color:#ccc; text-decoration:none; font-weight:bold; }
.media_choose a:hover { color:#fff; text-decoration:underline; }
.media_label { font-weight:bold; width:100px; text-align:left; color:#333; }
.media_label_value { width:220px; text-align:left; color:#333; }
.media_label_value a { color:#333; text-decoration:underline; font-weight:normal; } 
.media_label_value a:hover { color:#0f60b1; }

.media_profiles { background-color:#999; padding:4px; }
.media_profiles .head { padding:4px; color:#fff; }
.media_profile_row { background-color:#fff; padding:4px; text-align:left; border-bottom:#ccc solid 1px; }
.media_profile_row .check { width:16px; }
.media_profile_row .name { margin-left:6px; color:#999; padding-top:2px; }
.media_profile_row .selected { color:#333; font-weight:bold; }
.media_profile_row .add { padding-left:20px; color:#999; }
.media_profile_row .add a { color:#666; text-decoration:none; font-weight:bold; }
.media_profile_row .add a:hover { color:#0f60b1; text-decoration:underline; }