/*
	Copyright © Interactive Services 2013 - 2015 All Rights Reserved.  
	No part of this code may be used, with or without modification, without prior consent from Interactive Services. 
	Version 2.1, 01 March 2015
*/

/********************************************************************************************/
/************************************ COURSE MENU *******************************************/
/********************************************************************************************/
#menu_Panel {
	display:none;
	position:absolute;
	top:100px;
	left:50%;
	margin-left: -340px;
	width:680px;
	z-index:10;
}

.menuHolder {
	background-color:white;
	box-shadow:0px 0px 10px 2px rgba(36, 45, 61, 0.5);
	border: 1px solid #d2d2d2;
	min-height: 100px;
}

#menu_Panel div.closeButton {
	position: absolute;
	top: 0%;
	left: 100%;
	margin-left:-100px;
	margin-top: -30px;
	width: 100px;
	height: 30px;
	padding-right: 33px;
	padding-top: 6px;
	background-color: #323949;
	background-image: url(../framework_images/popup_close.png);
	background-position: 77px center;
	background-repeat: no-repeat;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-top: 1px solid #FFF;
	box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.3);
	cursor: pointer;
}

.menuIndicator_notStarted{
	background-image:url(../framework_images/not_started_lg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 40px;
	padding-top: 10px;
	min-height: 35px;
	margin: 0px 5px;
}


.menuIndicator_inProgress{
	background-image:url(../framework_images/in_progress_lg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 40px;
	padding-top: 10px;
	min-height: 35px;
	margin: 0px 5px;
}

.menuIndicator_completed{
	background-image:url(../framework_images/completed_lg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 40px;
	padding-top: 10px;
	min-height: 35px;
	margin: 0px 5px;
}

.menuItem_tier1{
	min-height: 22px;
	padding-left: 40px;
	padding-top: 5px;
	background-repeat: no-repeat;
	background-position: 10px 4px;
	cursor: pointer;
}

.menuItem_tier1:hover{
	background-color:#DCF1DA;
}

body.touch_device .menuItem_tier1:hover {
	background-color: transparent;
}

.menuItem_tier2{
	min-height: 22px;
	padding-left: 60px;
	padding-top: 5px;
	background-repeat: no-repeat;
	background-position: 30px 4px;
	cursor: pointer;
}

.menuItem_tier2:hover{
	background-color:#DCF1DA;
}

body.touch_device .menuItem_tier2:hover {
	background-color: transparent;
}

.menuItem_tier3{
	min-height: 22px;
	padding-left: 80px;
	padding-top: 5px;
	background-repeat: no-repeat;
	background-position: 50px 4px;
	cursor: pointer;
}

.menuItem_tier3:hover{
	background-color:#DCF1DA;
}

body.touch_device .menuItem_tier3:hover {
	background-color: transparent;
}

body.touch_device .menuItem_tier1, body.touch_device .menuItem_tier2, body.touch_device .menuItem_tier3{
	min-height: 30px;
}

.menu_notStarted{
	background-image:url(../framework_images/not_started_sm.png);
}

.menu_inprogress{
	background-image:url(../framework_images/in_progress_sm.png);
}

.menu_completed{
	background-image:url(../framework_images/completed_sm.png);
}

.disabledMenuItem{
	cursor: not-allowed;
	font-style: italic;
}

.menuTitle{
	text-align: left;
	width: 30%;
}

.menu_header {
	display: block;
	min-height: 40px;
	border-bottom: 1px solid #F0F0F0;
	background-color: #FFF;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 5px;
}

.menu_content{
	text-align:left;
	width: 100%;
	height: 100%;
	overflow-x:hidden;
	overflow-y:auto;
	max-height: 406px;
}


.dragIcon {
	width: 16px;
	height: 16px;
	display: block;
	margin: 0 auto;
}

body.touch_device .menu_element {
	height: 30px;
}

.closeTools, .closeTranscript{
	display: block;
	float: right;
	text-align: left;
	width: 75px;
	padding-top: 6px;
	padding-left: 10px;
	height: 25px;
	background-image:url(../framework_images/tools_close.gif);
	background-repeat:no-repeat;
	background-position:90% center;
	box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
	cursor: pointer;
}

/********************************************************************************************/
/************************************** RESOURCES *******************************************/
/********************************************************************************************/
#resources_Panel{
	display: none;
	position: absolute;
	top: 60px;
	margin-left: -528px;
	width: 528px;
	z-index: 20;
}

.resourcesHolder{
	background-color:white;
	box-shadow:0px 0px 10px 2px rgba(36, 45, 61, 0.5);
	border: 1px solid #d2d2d2;
}

.closeResources{
	background-color:#7d7d7d;
}

.closeResources:hover{
	background-color:#a0a0a0;
}

body.touch_device .closeResources:hover{
	background-color:#fd6700;
}

.resources_header {
	display: block;
	min-height: 25px;
	overflow: hidden;
	background-color: #7d7d7d;
	background-image:url(../framework_images/res_drag.png);
	background-repeat:no-repeat;
	background-position:center center;
	cursor: pointer;
}

.resource_item{
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	width:100%
}

.compPhone#resources_Panel{
	position: absolute;
	top: 5%;
	left: 50%;
	margin-left: -45%;
	width: 90%;
}

.compPhone#resources_Panel > .resourcesHolder > div >.resources_header{
	background-image: none;
	cursor: default;
}

.comment-text {
  word-wrap: break-word;
}

/********************************************************************************************/
/************************************** GLOSSARY ********************************************/
/********************************************************************************************/
#glossary_Panel{
	display: none;
	position: absolute;
	top: 60px;
	margin-left: -528px;
	width: 528px;
	z-index: 20;
}

.glossaryHolder{
	background-color:white;
	box-shadow:0px 0px 10px 2px rgba(36, 45, 61, 0.5);
	border: 1px solid #d2d2d2;
}

.glossary_header {
	display: block;
	overflow: hidden;
	min-height: 25px;
	background-color: #72a6d1;
	background-image:url(../framework_images/glos_drag.png);
	background-repeat:no-repeat;
	background-position:center center;
	cursor: pointer;
}

.closeGlossary{
	background-color:#72a6d1;
}

.closeGlossary:hover{
	background-color:#92caeb;
}

body.touch_device .closeGlossary:hover{
	background-color:#72a6d1;
}

.glossaryHolder > .content{
	background-color: #fff;
	min-height:	250px;
}

.glossary_item_holder {
	float:left;
	padding-top: 5px;
	height:250px;
	overflow-x:hidden;
	overflow-y:auto;
}

.glossary_definition_holder{
	padding: 0px 10px;
	text-align: left;
	height: 250px;
	overflow-y: auto;
}

.glossary_item{
	text-align: left;
	max-width: 200px;
	width: 200px;
	min-height: 23px;
	padding-left: 10px;
	padding-top: 4px;
	margin-top: 3px;
	margin-bottom: 3px;
	cursor: pointer;
}

.glossary_item:hover { 
	background-color:#dbe8f3;
}

.glossary_selected, .glossary_selected.glossary_item:hover{ 
	background-color:#dcf1da;
}

body.touch_device .glossary_item:hover{
	background-color:#ffffff;
}

body.touch_device .glossary_selected.glossary_item:hover{
	background-color:#dcf1da;
}

.glossary_heading{
	margin-bottom: 5px;
}

.glossary_link{
	text-decoration:underline;
	cursor:pointer;
	color:#54b948;
}

.glossary_link:hover{
	color:#72a6d1;
}


#glossary_mobile_list {
	width:90%;
	margin-left: 5%;
	display:none;
}


.compPhone#glossary_Panel{
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -45%;
	width: 90%;
}

.compPhone#glossary_Panel > .glossaryHolder > .content >.glossary_item_holder{
	height: auto;
}
.compPhone#glossary_Panel > .glossaryHolder > .content >.glossary_item_holder > div{
	display: none;
}

.compPhone#glossary_Panel > .glossaryHolder > .content >.glossary_item_holder > select{
	display: block;
}

.compPhone#glossary_Panel > .glossaryHolder > .content >.glossary_definition_holder{
	height: 220px;
	overflow-y: scroll;
}

.compPhone#glossary_Panel > .glossaryHolder > div >.glossary_header{
	background-image: none;
	cursor: default;
}




/********************************************************************************************/
/************************************** TRANSCRIPT ******************************************/
/********************************************************************************************/
#transcript_Panel{
	display: none;
	position: absolute;
	top: 60px;
	margin-left: -528px;
	width: 528px;
	z-index: 25;
}

.transcriptHolder{
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
	background-color: #FFF;
	border: 1px solid #d2d2d2;
	box-shadow:0px 0px 10px 2px rgba(36, 45, 61, 0.5);
}

.transcript_header {
	display: block;
	min-height: 25px;
	background-color: #7d7d7d;
	overflow: hidden;
	background-image:url(../framework_images/trans_drag.png);
	background-repeat:no-repeat;
	background-position:center center;
	cursor: pointer;
}

.closeTranscript{
	background-color:#7d7d7d;
}

.closeTranscript:hover{
	background-color:#a0a0a0;
}

body.touch_device .closeTranscript:hover{
	background-color:#52bb06;
}

#transcriptHolder {
	overflow-y: scroll;
	height: 104px;
	width: 100%;
	padding: 0px 10px;
}


/************************************************************************************/
/************************  SCORM LOGGING WINDOW CSS  ********************************/
/************************************************************************************/
#logcontent {
	text-align: left;
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
}

.info{
	color: #0066FF;
}

.success{
	color: #00CC00;
}

.failure{
	color: #FF0000;
}

