/* $Id: viewer.css,v 1.1.2.1 2011/07/26 00:09:03 achase Exp $ */

#tree_handle { background: #6cb25b; }
html, body { background: transparent; }
.topic_level { text-align: left; }
#groupFrame { top:0px; left:0px; width:100%; height:100%; margin-right:20px; }


.yui-skin-sam .yui-layout {background-color: #cdcdcd; }

.yui-skin-sam .yui-layout .yui-layout-hd { 
  /*background-image: url(../images/collapse-bar-bg.gif); background-repeat: no-repeat;*/
  display: none;
}

.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
	border:none;
	border-bottom:none;
	border-top:none;
	*border-bottom-width:0;
	*border-top-width:0;
	background-color: #FFF;
	text-align:left;
	margin: 0 20px 0 0px;
	border-left: black 0 solid !important;
    border-right: black 0 solid !important;
}

#yui-gen8 div.yui-layout-bd {
	border:0px solid #FFFFFF;
	border-bottom:none;
	border-top:none;
	*border-bottom-width:0;
	*border-top-width:0;
	background-color: #FFF;
	text-align:left; 
	background-repeat:repeat-y; 
	background-position: 0 0; 
	border-right-width: 0px; 
	border-right-color:#AFAFAF;
}

#content { height:100%; margin-left: 16px; margin-right:16px; border-right: none; }

#yui-gen8 div.yui-layout-hd {
border-width: 0px;
}

#tree 
{ 
	margin-left: 5px;
	position: absolute;
	left:-5px;
	width:190px;
	height:100%;
	z-index:1000px;
	background-color:#ffffff;
	border-right: 12px solid #949699;
	border-left: 10px solid #949699;
	border-top: none; 
}

#tree_container 
{
	background-color: none;
	background-image: url(../images/treeview_footer.gif); 
	background-position: bottom center; 
	background-repeat:no-repeat;
	position: absolute;
	left:0px;
	bottom: 0px;
	width: 190px;
	height: 100%;
	overflow: auto;
}

#tree_handle 
{
	height:20px;
	border-right:0px solid #cdcdcd;
	position: absolute;
	left: 180px;
	top: 0;
	width: 20px;
	height: 100%;
	display: none;
}

#tree_handle_ind
{
	height:17px;
	width:21px;
	display: none;
}

.tree_expand
{
    background: transparent url('../images/layout_sprite.png') no-repeat -20px -140px;
    border: 0px solid #cdcdcd;
}

.tree_collapse
{
    background: transparent url('../images/layout_sprite.png') no-repeat -20px -160px;
    border: 0px solid #cdcdcd;
}

#right_panel 
{
	background-color:#949699;
	position:absolute;
	right: 0px;
	top:0px;
	width: 16px;
	height: 100%;
}

#header { 
	background-image:url(../images/header_bg_center.gif);
	background-repeat:repeat-x;
	background-color: #FFFFFF;
	background-position: top center;
	height:140px;
}

#left-header {
	background-image:url(../images/header_bg_left.gif);
	background-repeat:no-repeat;
	background-position: top left;
	height: 140px;	
	width: 525px;
	float: left;
}

#right-header {
	background-image:url(../images/header_bg_right.gif); 
	background-repeat:no-repeat;
	background-position: top right;
	height:140px;
	float: right;
}

#nav_buttons { 
   clear: both;
   padding: 0; 
   height: 20px;
   top: 5px;
   left: 35px;
   position: relative;
}

.progressbar { 
	border:1px solid #30405a; 
	width: 100px; 
	height: 12px; 
	text-align: center; 
	float:left; 
	font-size:77%;
	margin-right: 60px;
}

#progress-text  {
	float:left;
	margin-right: 5px;
	position: relative;
}

#progress-text p {
	font-weight:bold; 
	color:#FFF;
	font-size:93%;
}

#progress-bar-div {
	position:relative;
	top: 0px;
}

#counter-div {
	position:relative;
	top: 100px;
	right: 91px;
	text-align:right;
	font-weight:bold;
	color:#FFF; 
	font-size: 100%;
}

#curriculum-title-div {
	position: relative;
	top: 85px;
	left: 20px;	
	float: left;
}

#curriculum-title-div p {
	font-family: Arial, Verdana;
	font-weight: bold;
	color:#FFF;
	font-size: 197%;
	position: relative;
	top: 8px;
	left: 220px;
	width: 700px;
	display: none;
}

#LO-title-div {
	position: relative;
	top: 8px;
	*top: 8px; /* For IE */
	left: 240px;
}

#LO-title-div p {
	font-family: Verdana;
    font-weight: bold;
	color:#8292ac;
	font-size: 100%;
	width: 700px;
	display: none;
}

#group-title-div {
    position: relative;
	top: 91px;
	left: 20px;
}

#group-title-div p {
	color: #FFF;
	font-weight: bold;
	font-family: Verdana;
	font-size: 197%;
	width: 700px;
    white-space:nowrap;
}

#footer { 
	background-image:url(../images/footer_bg_center.gif);
	background-repeat:repeat-x;
	background-color: #FFFFFF;
	width:100%;
	height:39px;
}

#footer-leftside {
	background-image:url(../images/footer_bg_left.gif);
	background-repeat:no-repeat;
	height:39px;
	float: left;
	white-space:nowrap;
}

#footer-rightside {
	background-image:url(../images/footer_bg_right.gif);
	background-repeat:no-repeat;
	background-position:right;
	height:39px;
	width: 225px;
	float: right;
	white-space:nowrap;
}

#button-row-right {
	position: relative;
	top: 7px;
	*top: 7px; /* For IE */
	margin-right: 6px;
}

#button-row-left {
	position: relative;
	top: 7px;
	*top: 8px;  /* For IE */
     right: 25px;
	*right: 10px;
}

#button-row-exit {
	position: relative;
	top: 83px;
	left: 177px;
}

.yui-skin-sam .yui-button  {
	border: 0px solid #000;
	height: 20px;
	width: 66px:
	margin: auto 0.5em;
	background: url('../images/button_bg.gif') no-repeat 0 0;
}

/* START MEDIA CONTROL BUTTON  */
.yui-skin-sam .audiobutton {
	border: 0px solid #000;
	height: 20px;
	width:  20px;
	margin: 0;
	background:none;
	padding:0;
}
.yui-skin-sam .audioplaybutton {
	border: 0px solid #000;
	height: 20px;
	width: 20px;
	margin: 0;
	background:none;
	padding:0;
}

#slider-bar { 
 width: 98px;
 height: .5em;
 background: url('../images/media_volume_track.gif') no-repeat; display: none;
    left: 230px; 
   *left: 200px; /* For IE */
      top:.7em;
	     position:absolute;  
}

#slider-volume  {
 
   background: transparent;
   width:87px;
   height:.5em;     
   border: none;
/*   left: 230px; 
   *left: 200px; */
}

.yui-skin-sam .ui-corner-all { -moz-border-radius: 0; }

#slider-volume .ui-slider-handle {  top:-.4em; margin-left:-.1em; margin-right:.1em;}

.yui-skin-sam .ui-state-default, 
.yui-skin-sam .ui-widget-content .ui-state-default {
   background: url('../images/media_volume_button.gif') no-repeat;
   border: 0;
   width: 11px;
   height: 19px;
}

.yui-skin-sam .mui-state-disabled#slider-volume .ui-state-default, 
.yui-skin-sam .ui-widget-content .mui-state-disabled#slider-volume .ui-state-default {
   background: url('../images/media_volume_button_disabled.gif') no-repeat;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";   
   filter: alpha(opacity = 100);      
   opacity: 1;     
}

/* rewind */
.yui-button#btn_rewind button {
   background: url('../images/media_sprite.gif') no-repeat 0px -240px; display: none;
}
.yui-skin-sam .yui-button-hover#btn_rewind button {
	background: url('../images/media_sprite.gif') no-repeat 0px -280px; display: none;
}
.yui-skin-sam .yui-button-disabled#btn_rewind button
 {
	background: url('../images/media_sprite.gif') no-repeat 0px -320px; display: none;
}
/* play */
.yui-button#btn_play button {
	background: url('../images/media_sprite.gif') no-repeat 0px -600px; display: none;
}
.yui-skin-sam .yui-button-hover#btn_play button {
	background: url('../images/media_sprite.gif') no-repeat 0px -640px; display: none;
}
.yui-skin-sam .yui-button-disabled#btn_play button {
	background: url('../images/media_sprite.gif') no-repeat 0px -680px;	display: none;
}
/* forward */
.yui-button#btn_forward button {
	background: url('../images/media_sprite.gif') no-repeat 0px -720px; display: none;
}
.yui-skin-sam .yui-button-hover#btn_forward button {
	background: url('../images/media_sprite.gif') no-repeat 0px -760px; display: none;
}
.yui-skin-sam .yui-button-disabled#btn_forward button {
   background: url('../images/media_sprite.gif') no-repeat 0px -800px; display: none;
}
/* pause */
.yui-button#btn_pause button {
   background: url('../images/media_sprite.gif') no-repeat 0px -480px; display: none;
}
.yui-skin-sam .yui-button-hover#btn_pause button {
   background: url('../images/media_sprite.gif') no-repeat 0px -520px; display: none;
}
.yui-skin-sam .yui-button-disabled#btn_pause button {
   background: url('../images/media_sprite.gif') no-repeat 0px -560px; display: none;
}

/* cc */
.yui-button#btn_cc button {
   background: url('../images/media_sprite.gif') no-repeat 0px -360px; display: none;
}
.yui-skin-sam .yui-button-hover#btn_cc button {
   background: url('../images/media_sprite.gif') no-repeat 0px -400px; display: none;
}
.yui-skin-sam .yui-button-disabled#btn_cc button {
   background: url('../images/media_sprite.gif') no-repeat 0px -440px; display: none;
}

/* sc */
.yui-button#btn_sc button {
   background: url('../images/media_sprite.gif') no-repeat 0px -360px; display: none;
}
.yui-skin-sam .yui-button-hover#btn_sc button {
   background: url('../images/media_sprite.gif') no-repeat 0px -400px; display: none;
}
.yui-skin-sam .yui-button-disabled#btn_sc button {
   background: url('../images/media_sprite.gif') no-repeat 0px -440px; display: none;
}

/* UnMute */
.yui-button#btn_unmute button {
  background: url('../images/media_sprite.gif') no-repeat 0px -120px; display: none;
}
.yui-skin-sam .yui-button-hover#btn_unmute button {
   background: url('../images/media_sprite.gif') no-repeat 0px -160px; display: none;
}
.yui-skin-sam .yui-button-disabled#btn_unmute button {
   background: url('../images/media_sprite.gif') no-repeat 0px -200px; display: none;
}

/* Mute */
.yui-button#btn_mute button {
   background: url('../images/media_sprite.gif') no-repeat 0px 0px; display: none;
}
.yui-skin-sam .yui-button-hover#btn_mute button {
   background: url('../images/media_sprite.gif') no-repeat 0px -40px; display: none;
}
.yui-skin-sam .yui-button-disabled#btn_mute button {
   background: url('../images/media_sprite.gif') no-repeat 0px -80px; display: none;
}
.yui-skin-sam .yui-button#btn_rewind button,
.yui-skin-sam .yui-button-hover#btn_rewind button,
.yui-skin-sam .yui-button-disabled#btn_rewind button,
.yui-button#btn_play button,
.yui-skin-sam .yui-button-hover#btn_play button,
.yui-skin-sam .yui-button-disabled#btn_play button,
.yui-button#btn_forward button,
.yui-skin-sam .yui-button-hover#btn_forward button,
.yui-skin-sam .yui-button-disabled#btn_forward button,
.yui-button#btn_pause button,
.yui-skin-sam .yui-button-hover#btn_pause button,
.yui-skin-sam .yui-button-disabled#btn_pause button,
.yui-button#btn_cc button,
.yui-skin-sam .yui-button-hover#btn_cc button,
.yui-skin-sam .yui-button-disabled#btn_cc button,
.yui-button#btn_sc button,
.yui-skin-sam .yui-button-hover#btn_sc button,
.yui-skin-sam .yui-button-disabled#btn_sc button,
.yui-button#btn_unmute button,
.yui-skin-sam .yui-button-hover#btn_unmute button,
.yui-skin-sam .yui-button-disabled#btn_unmute button,
.yui-button#btn_mute button,
.yui-skin-sam .yui-button-hover#btn_mute button,
.yui-skin-sam .yui-button-disabled#btn_mute button {
	height: 20px;
	width: 29px;
}

#btn_rewind { margin: 0 0 0 13px; }
#btn_play { margin: 0 0 0 13px; }
#btn_forward { margin: 0 0 0 13px; }
#btn_pause { margin: 0 0 0 13px; }
#btn_cc { margin: 0 0 0 13px; }
#btn_sc { margin: 0 0 0 13px; }
#btn_unmute { margin: 0 0 0 13px; }
#btn_mute { margin: 0 0 0 13px; }

.yui-skin-sam .yui-button-hover#btn_rewind,
.yui-skin-sam .yui-button-hover#btn_play,
.yui-skin-sam .yui-button-hover#btn_forward,
.yui-skin-sam .yui-button-hover#btn_pause,
.yui-skin-sam .yui-button-hover#btn_cc,
.yui-skin-sam .yui-button-hover#btn_sc,
.yui-skin-sam .yui-button-hover#btn_unmute,
.yui-skin-sam .yui-button-hover#btn_mute { 
   background: none; 
   border: 0;
}


/* Disable */
.yui-skin-sam .yui-button-disabled#btn_play,
.yui-skin-sam .yui-button-disabled#btn_pause,
.yui-skin-sam .yui-button-disabled#btn_forward,
.yui-skin-sam .yui-button-disabled#btn_rewind,
.yui-skin-sam .yui-button-disabled#btn_cc,
.yui-skin-sam .yui-button-disabled#btn_sc,
.yui-skin-sam .yui-button-disabled#btn_unmute,
.yui-skin-sam .yui-button-disabled#btn_mute {
	border: 0;
}

/* END MEDIA CONTROL BUTTON  */

.yui-skin-sam .yui-button .first-child { border: none; margin: 0; }

#btn_exit button{
    width: 26px;
}
.yui-skin-sam .yui-button button  { color: #012C71; padding: 0; overflow:hidden; width:100%}
.yui-skin-sam .yui-button a { color: #012C71; padding: 0;  }

.yui-skin-sam .yui-button-disabled .first-child button { color: #999; }

.yui-skin-sam .yui-button-hover {
	border-color: none;
	background: url('../images/button_bg.gif') no-repeat 0 -21px;
}

.yui-skin-sam .yui-layout-wrap#yui-gen8 { margin-left: 0px; border-top-width: 0;}
.yui-skin-sam .yui-layout .yui-layout-clip-left { margin-left: 0px; border-top-width: 0; background-color:#FFF; }
.yui-skin-sam .yui-layout { background-color: #FFF; }
#yui-gen8 div.yui-layout-bd { border-right-width: 0px; }
.yui-layout .yui-layout-unit div.yui-layout-hd .collapse { top: 2px; }
.activeNode{font-weight:bold;}

#btn_prev_lo.yui-button {
	background-image: url('../images/button_bg.gif');
	background-repeat: no-repeat;
    background-position: -3px 0;
	width:66px;
	height: 20px;
}

#btn_prev_lo.yui-button-hover  {
	background-image: url('../images/button_bg.gif');
	background-repeat: no-repeat;
    background-position: -3px -32px;
	width:66px;
	height: 20px;
}

#btn_prev_lo.yui-button-disabled  {
	background-image: url('../images/button_bg.gif');
	background-repeat: no-repeat;
    background-position: -3px -64px;
	width:66px;
	height: 20px;
}

#btn_prev_group.yui-button  {
	background-image: url('../images/button_bg.gif');
	background-repeat: no-repeat;
    background-position: 0px 0px;
	width:66px;
	height: 20px;
}
	
#btn_prev_group.yui-button-hover  {
	background-image: url('../images/button_bg.gif');
	background-repeat: no-repeat;
    background-position: 0px -20px;
	width:66px;
	height: 20px;
}

#btn_prev_group.yui-button-disabled {
	background-image: url('../images/button_bg.gif');
	background-repeat: no-repeat;
    background-position: 0px -40px;
	width:66px;
	height: 20px;
}

#btn_next_group.yui-button  {
	background-image: url('../images/button_bg.gif');
	background-repeat: no-repeat;
    background-position: -70px 0px;
	width:66px;
	height: 20px;
}

#btn_next_group.yui-button-hover {
	background-image: url('../images/button_bg.gif');
	background-repeat: no-repeat;
    background-position: -70px -20px;
	width:66px;
	height: 20px;
}

#btn_next_group.yui-button-disabled {
	background-image: url('../images/button_bg.gif');
	background-repeat: no-repeat;
    background-position: -70px -40px;
	width:66px;
	height: 20px;
}

#btn_next_lo.yui-button {
	background-image: url('../images/button_bg.gif');
	background-repeat: no-repeat;
    background-position: -150px 0px;
	width:66px;
	height: 20px;
}

#btn_next_lo.yui-button-hover  {
	background-image: url('../images/button_bg.gif');
	background-repeat: no-repeat;
    background-position: -150px -32px;
	width:66px;
	height: 20px;
}

#btn_next_lo.yui-button-disabled {
	background-image: url('../images/button_bg.gif');
	background-repeat: no-repeat;
    background-position: -150px -64px;
	width:66px;
	height: 20px;
}

#btn_exit.yui-button {
	background-image: url('../images/button_bg.gif');
	background-repeat: no-repeat;
    background-position: -140px 0px;
}

#btn_exit.yui-button-hover  {
	background-image: url('../images/button_bg.gif');
	background-repeat: no-repeat;
    background-position: -140px -20px;
}

.yui-skin-sam  .btn_contents_view button {
	width: 32px; 
	height: 32px;
}

.yui-skin-sam  .btn_contents_view { 
	border: none; 
	background-image: url('../images/refresh_btn.gif');
	background-repeat: no-repeat;
	width: 32px; 
	height: 32px; 
	color: none; 
	cursor: pointer;
	margin: 6px 0 0 0;
}

.yui-skin-sam  .btn_search_view button {
	width: 32px; 
	height: 32px;
}

.yui-skin-sam .btn_search_view {
	border: none; 
	background-image: url('../images/search_btn.gif');
	background-repeat:no-repeat;
	width: 32px; 
	height:32px; 
	cursor: pointer;
}


#search_controls {
	height: 51px;
	margin: 5px 0 0 5px;
	padding: 0 0 0 0px;
}

#search_controls #query {
	width: 150px;
}

#search_container {
	width: 150px;
	overlow: auto;
	left: 0px;
	padding-left: 5px;
}

#searchResults { 
	padding: 5px;
	margin: 10px 0;
}

#search_results_container { 
	background-color: none;
	background-image: url(../images/treeview_footer.gif); 
	background-position: bottom center; 
	background-repeat:no-repeat;
	position: absolute;
	left:0px;
	top:60px;
	bottom: 0px;
	width: 190px;
	overflow: auto;
}

.search_result.active {
    font-weight:bold;
}

.search_result {
	background-image:url(../images/group.gif);	
	padding-left: 22px;
	background-repeat:no-repeat;
	min-height: 20px;
	cursor: pointer;
}
.search_result:hover {
	text-decoration: underline;	
}
.no_data{font-weight:bold;}
.error_msg{color: red;}
#loader {
	background-image:url(../images/s_loading.gif);
	background-repeat:no-repeat;
	width: 32px;
	height: 32px;
}
.highlight { background-color: yellow }
#btn-switcher{top: 0px; left:5px; position: relative; }
.pipe {
    color: #FFFFFF;
    font-size: 123%;
    font-weight: bold;
    margin: 0 6px;
    padding: 0 1px;
    position: relative;
    top: 11px;
    vertical-align: top;
}

.select, input, button, textarea {
    font: 93% verdana, arial,helvetica,clean,sans-serif;
	font-weight: bold;
	color: #777777;
    margin-top: 5px;
}