
#header,#instruction,.mediaWrapper .caption, .caption,.glossary {
	color: #6fbe5f;
}
#instruction, .instruction
{
    color: #6fbe5f;
    /*font-weight: bold;*/
}
#operationsContainer button, .operationsContainer button,#operationsContainer button:hover, .operationsContainer button:hover 
{
	background: #4e852f;
}

#operationsContainer button:focus, .operationsContainer button:focus , #operationsContainer button[disabled], .operationsContainer button[disabled] 
{
	outline: 1px dotted #6cbc5b;
}
.glossaryDescriptionWrapper 
{
	border: 1px solid #54973a;
	color: #54973a;
}

#operationsContainer button[disabled], .operationsContainer button[disabled]{
    background: #6cbc5b;
}

#hintContainer a.tip, #exampleContainer a,#trascriptContainer a {
    color: #6fbe5f;
    font-size: 18px;
}
#hintContainer a.tip
{
	background-image: url("images/hint_example_Sprite.png");
	background-position: 0px 3px;
    line-height: 50px;
    padding-left:30px;
}
#exampleContainer a
{
	background-image: url("images/hint_example_Sprite.png");
	background-position: -72px 3px;
	line-height: 50px;
	padding-left:60px;
}

#hintContentContainer, #hintContainer p{
   font-size: 16px;
}
/*
#operationsContainer,.operationsContainer{
	width:296px;
	margin:auto;
}

#btnShowMe,#show-me,#btnShowme,#ShowMe{
	float:right;
}
.ThreeButtonContainer{
	width: 444px !important;
}
.ThreeButtonContainer #btnShowMe{
	float:right !important;
}
.ThreeButtonContainer #Submit{
	float: left !important;
}*/
.panel1 {
    background-color: #67b856;
}

.flashCardSide {
    border: 1px solid #67b856;
}

.flashCardSide:focus {
     -webkit-box-shadow: 0px 0px 10px 2px #67b856;
     border: 1px solid #67b856;
}
.instruction{
    color: #456b21;
}

/*hostspotdndcrs */

.blueBox {
background-color: #6fbf5f;
color:black;
border: 1px solid #6cbc5b;
}


.dragItem.selectedDragItem {
-webkit-box-shadow: 0px 0px 10px 2px rgba( 105,185,87 ,0.85 );
-moz-box-shadow: 0px 0px 10px 2px rgba( 105,185,87 ,0.85 );
box-shadow: 0px 0px 10px 2px rgba( 105,185,87 ,0.85 );
border: 1px solid #69b957;
color: #4c802c;
}
/********************/


/*match pair*/

.cardSetContainer .pairCard:hover,
#invisibleWall .pairCard:hover,
.cardSetContainer .pairCard:focus,
#invisibleWall .pairCard:focus {
    -webkit-box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.85);
    -moz-box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.85);
    box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.85);
}

.cardSetContainer .pairCard.selectedCard,
#invisibleWall .pairCard.selectedCard,
.cardSetContainer .pairCard.selectedCard:hover,
#invisibleWall .pairCard.selectedCard:hover,
.cardSetContainer .pairCard.selectedCard:focus,
#invisibleWall .pairCard.selectedCard:focus,
.cardSetContainer .pairCard.paired,
#invisibleWall .pairCard.paired,
.cardSetContainer .pairCard.paired:hover,
#invisibleWall .pairCard.paired:hover,
.cardSetContainer .pairCard.paired:focus,
#invisibleWall .pairCard.paired:focus {
    border: 1px solid #69b957;
    color: #69b957;
    -webkit-box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.85);
    -moz-box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.85);
    box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.85);
/*
-webkit-transition: all @duration @easing;
-moz-transition: all @duration @easing;
-o-transition: all @duration @easing;
-ms-transition: all @duration @easing;
transition: all @duration @easing;
*/
}
/***************************/

/*match pair draw line*/

.connector:hover, .connector:focus {
    -webkit-box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.5);
    -moz-box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.5);
    box-shadow: 0px 0px 10px 2px rgb(100,181,82);
}
.connector.selectedDragItem, .connector.selectedDragItem:hover, .connector.selectedDragItem:focus {
    -webkit-box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.5);
    -moz-box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.5);
    box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.5);
}

/*********************/

/*sequensing*/

.DSQ_12_00 #sequence li .itemContentWrapper:focus, .DSQ_12_01 #sequence li .itemContentWrapper:focus, .DSQ_12_00 #sequence li .itemContentWrapper:hover, .DSQ_12_01 #sequence li .itemContentWrapper:hover {
    -webkit-box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.5);
    -moz-box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.5);
    box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.5);
    border: 1px solid #69b957;
}
.DSQ_12_00 #sequence li .itemContentWrapper.selectedDragItem, .DSQ_12_01 #sequence li .itemContentWrapper.selectedDragItem, .DSQ_12_00 #sequence li .itemContentWrapper.selectedDragItem:focus, .DSQ_12_01 #sequence li .itemContentWrapper.selectedDragItem:focus, .DSQ_12_00 #sequence li .itemContentWrapper.selectedDragItem:hover, .DSQ_12_01 #sequence li .itemContentWrapper.selectedDragItem:hover {
    -webkit-box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.5);
    -moz-box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.5);
    box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.5);
    border: 1px solid #69b957;
    color:#64b552;
}

/**********************/

/*tab*/
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text;
    color: #64b552;
}
/*********/

/*Drag Drop Sort*/

.dragItem.ui-draggable:hover, .dragItem.ui-draggable:focus {
    -webkit-box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.5);
    -moz-box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.5);
    box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.5);
    border: 1px solid rgb(100,181,82);
}
.dragItem.selectedDragItem, .dragItem.selectedDragItem:hover, .dragItem.selectedDragItem:focus {
    -webkit-box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.5);
    -moz-box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.5);
    box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.5);
    border: 1px solid rgb(100,181,82);
    color: black;
}

/***************/

/*case study*/
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
cursor: text;
color: #539539;
}

/***********/

/*categorize*/

.dragItem.ui-draggable:hover, .dragItem.dragItem.ui-draggable:focus {
-webkit-box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.5);
-moz-box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.5);
box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.5);
border: 1px solid rgb(100,181,82,0.5);
}

.dropBucket .dropBucketHeading{
    background: #589f3f;
}

/*****************/

/*click to revel*/
#clickSpots-wrapper ul.spot-list > li a.visited {
    background: rgb(250, 183, 122);
    color: rgb(92, 30, 1);
}

/*****************/

/*desition tree*/
#playBoardContainer .decisionChoice:hover, #playBoardContainer .decisionChoice:focus {
-webkit-box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.5);
-moz-box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.5);
box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.5);
border: 1px solid rgb(100,181,82,0.5);
}
#playBoardContainer .decisionChoice.selected, #playBoardContainer .decisionChoice.selected:hover, #playBoardContainer .decisionChoice.selected:focus {
-webkit-box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.85);
-moz-box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.85);
box-shadow: 0px 0px 10px 2px rgba(100,181,82,0.85);
border: 1px solid rgb(100,181,82,0.5);
border: 1px solid #589f3f;
color: #589f3f;
}
#decisionLogPanel.collapsed #decisionLogPanelHandle {
background: #589f3f url("styles/images/expandDecisionLog.png") center top no-repeat;
}
#decisionLogPanel #decisionLogPanelHandle {
background: #589f3f url("images/collapseDecisionLog.png") center top no-repeat;

border: 1px solid rgb(100,181,82);
-webkit-box-shadow: -2px 0px 3px 1px rgba(88, 159, 63, .3);
-moz-box-shadow: -2px 0px 3px 1px rgba(88, 159, 63, 0.3);
box-shadow: -2px 0px 3px 1px rgba(88, 159, 63, 0.3);
}
#decisionLogPanel #decisionLogChoicesContainer {
border: 1px solid #589f3f;
}
.instructionContainer {
color: #589f3f;
}

/*************************/

/*crossword*/
#cluedHeader {
color: rgb(100,181,82);
}

/**********/

/*memory  || concentration*/
.panel1, .panel2 {
border: 1px solid  #589f3f;
}

/*video interactivity*/
#preActivityWrapper{
	display : none !important;
}
/********************/
/*******************/
/**for Reflowable Template button**/
.mcmsBtn{
	
background: #4e852f;
}

.theme_itemcolor{
background:#6fbf5f;
border:1px solid #6cbc5b;
}

#cboxOverlay{
background: rgba(0, 0, 0, 0.6);
}