:not(.mCSB_container):not(.mCSB_dragger):not(.mCSB_scrollTools):not( .mCSB_draggerContainer) {
	transition:all .5s ease-in-out, font-size .15s; 
	-o-transition:all .5s ease-in-out, font-size .15s ; 
	-moz-transition:all .5s ease-in-out, font-size .15s; 
	-webkit-transition:all .5s ease-in-out, font-size .15s; 
	}

/****************************************SCAFFOLD STYLING****************************************/
html,body
{
    margin:0px;
    padding:0px;
}

body
{
    /*background: #cbe3e5 url('../images/ui/bg.jpg') repeat-x;*/
    background: #777;
    text-align:center;
    font-family: "Helvetica-Neue", Helvetica, Arial, sans-serif;
    font-size:10px;
    line-height: 16px; 
	min-width: 800px;
}

div.viewPort
{
    width:100%;
    text-align:left;
    margin:auto;
}

div.dliLogo
{
    float:left;
    display:inline-block;
    width:390px;
    height:60px;
    background: transparent url('../images/ui/DLI_Logo.jpg') no-repeat;
    cursor:pointer;
}

div.navMenuContainer
{
    display:inline-block;
    width:90%;
    height:60px;
    /*background: transparent url('../images/ui/GLOSS_UI_Sprite.png') 0px -200px no-repeat;*/
    background: #fff;
	margin: 0 auto;
	display: block;
}

div.dliflcLinkDiv
{
    height:60px;
    width:300px;
    float:left;
    cursor:pointer;    
}

a.dliflcLinkLogo
{
    display:inline-block;
    /*height:45px;*/
    height: 40px;
    width:150px;
    cursor:pointer;
    
    background: transparent url('../images/ui/dliflc-crest.png') no-repeat;
    background-size: contain;
    margin: 12px 0 0 36px;
    float: left;
}

select.filterSelector
{
    border: 1px solid #aaa;
    color: #444;
    font-size: 14px;
    height: 30px;
}

select.filterSelector option
{
    color: #444;
}

div.navMenu
{
    width:100%;
    padding-top:28px;
    cursor:default;
}

div.navMenu span.navMenuLeft
{
    float:right;
    display:inline-block;
    width:7px;
    height:22px;
    margin:0px;
    padding:0px;
    background: transparent url('../images/ui/navMenuLeft.gif') no-repeat;    
}

div.navMenu a.navMenuItem
{
    float:right;
    height:12px;
    line-height:12px;
    font-size:10px;
    vertical-align:middle;
    display:inline-block;
    color:#666666;
    cursor:pointer;
    text-decoration:none;
    padding: 5px;
    /*background: transparent url('../images/ui/navMenuItem.gif') repeat-x;*/

    border-right: 1px solid #666;
}

div.navMenu a.navMenuItem:first-child
{
    border-right: none;
}

div.navMenu a.navMenuItem:hover,
div.navMenu a.navMenuItem:active,
div.navMenu a.navMenuItem:focus
{
    color: #fff;
    background-color: #207bbb;
    
    /*color:#006699;
    background: transparent url('../images/ui/navMenuItemSelected.gif') repeat-x;
    text-decoration: underline; */
}

/*
div.navMenu span.navMenuDivider
{
    float:right;
    display:inline-block;
    width:2px;
    height:22px;
    margin:0px;
    padding:0px;
    background: transparent url('../images/ui/navMenuDivider.gif') no-repeat;    
}*/

div.navMenu span.navMenuRight
{
    float:right;
    display:inline-block;
    width:7px;
    height:22px;
    margin:0px;
    padding:0px;
    background: transparent url('../images/ui/navMenuRight.gif') no-repeat;    
}

div.tabMenuContentContainer
{
    border:1px solid #cfcfcf;
}

div.tabMenu
{
}

div.tabMenu span.tabMenuLeft
{
    float:left;
    display:inline-block;
    width:8px;
    height:45px;
    margin:0px;
    padding:0px;
    background: transparent url('../images/ui/tabMenuLeft.gif') no-repeat;    
}

div.tabMenu a.tabMenuItem
{
    float:left;
    height:45px;
    line-height:45px;
    font-size:14px;
    vertical-align:middle;
    display:inline-block;
    color:#666666;
    cursor:pointer;
    text-decoration:none;
    padding:0px 5px;
    background: transparent url('../images/ui/tabMenuItem.gif') repeat-x;
}

div.tabMenu a.tabMenuItem:hover
{
    color:#ff6666;
    background: transparent url('../images/ui/tabMenuItemSelected.gif') repeat-x;
}


div.tabMenu a.tabMenuItemSelected
{
    float:left;
    height:45px;
    line-height:45px;
    font-size:14px;
    vertical-align:middle;
    display:inline-block;
    color:#666666;
    cursor:pointer;
    text-decoration:none;
    padding:0px 5px;
    background: transparent url('../images/ui/tabMenuItemSelected.gif') repeat-x;
}

div.tabMenu span.tabMenuDivider
{
    float:left;
    display:inline-block;
    width:2px;
    height:45px;
    margin:0px;
    padding:0px;
    background: transparent url('../images/ui/tabMenuDivider.gif') no-repeat;    
}

div.tabMenu span.tabMenuRight
{
    float:left;
    display:inline-block;
    width:8px;
    height:45px;
    margin:0px;
    padding:0px;
    background: transparent url('../images/ui/tabMenuRight.gif') no-repeat;    
}

div.contentFooter a.footerLink
{
    float:right;
    height:37px;
    line-height:37px;
    font-size:10px;
    vertical-align:middle;
    display:inline-block;
    color: #ddd;
    cursor:pointer;
    text-decoration:none;
    padding:0px 5px;
    /*background: transparent url('../images/ui/GLOSS_UI_Sprite.png') right -450px no-repeat;*/    
}

div.contentFooter a.footerLink:hover
{
    color: #ff9966;
}

div.contentFooter a.footerLinkLast
{
    float:right;
    height:37px;
    line-height:37px;
    font-size:10px;
    vertical-align:middle;
    display:inline-block;
    color: #ddd;
    cursor:pointer;
    text-decoration:none;
    padding:0px 5px;

}

div.contentFooter a.footerLinkLast:hover
{
    color: #ff9966;
}

div.glossHeader
{
    width:90%;
    height:54px;
    display:inline-block;
    /*background: transparent url('../images/ui/GLOSS_OLR_Header.png') no-repeat;*/
    background-color: #eee;
    padding: 12px 0 0 0;
	margin: 0 auto;
	display: block;
}

/*div.glossHeader a.olrHomeLink
{
    display:inline-block;
    height:45px;
    width:165px;
    cursor:pointer;
    float:right; 
}*/

.productTitle 
{
    color: #62625e;
    font-family: Georgia;
    font-size: 28px;
    margin: 10px auto;
    text-align: center;
    letter-spacing: 2px;
}

.productSubTitle 
{
    font-size: 14px; 
    margin: 0;
    text-align: center;
    color: #62625e;
}

div.imageStrip
{
    width:100%;
    height:50px;
    display:inline-block;
    background: transparent url('../images/ui/GLOSS_UI_Sprite.png') 0px -330px no-repeat;
}

div.contentBreak
{
    display: none;
/*    width:100%;
    height:10px;
    display:inline-block;
    background: transparent url('../images/ui/GLOSS_UI_Sprite.png') 0px -380px no-repeat;*/
}

div.contentBody
{
    width:90%;
    display:inline-block;
    background-color: #f0f0f0;
    text-align:center;
	margin: 0 auto;
	display: block;
}

div.contentDiv
{
    text-align:left;
    margin:auto;
    padding:10px 40px;
    width: auto;
    background-color: #eee;
}

div.contentDiv div.contentBreak
{
    width:100%;
    height:10px;
    display:inline-block;
    margin:5px 0px;
    background: transparent url('../images/ui/GLOSS_UI_Sprite.png') -37px -380px no-repeat;    
}


div.contentDiv div.divider
{
    width:100%;
    height:3px;
    display:inline-block;
    /*background: transparent url('../images/ui/GLOSS_UI_Sprite.png') 0px -390px no-repeat;*/
    border-top: 1px solid #aaa;
}

div.contentFooter
{
    width:90%;
    height:37px;
    display:block;
	margin: 0 auto;
    /*background: transparent url('../images/ui/GLOSS_UI_Sprite.png') 0px -400px no-repeat;*/    
}

div.contentFooter span.footerDivider
{
    float:right;
    height:37px;
    width:2px;
    display:inline-block;
    background: transparent url('../images/ui/GLOSS_UI_Sprite.png') -100% -400px no-repeat;    
}

.editable
{
    cursor:pointer;
    background-color:#66ff66;
    border:1px solid #000000;
    padding:5px;
}

.htmlContent
{
    border:1px solid transparent;
    padding:5px;
}

.editable a,
.htmlContent a
{
    color:#006699;
    text-decoration:none;
}

.editable a:hover,
.htmlContent a:hover
{
    color:#cc4e9f;
    text-decoration:underline;
}

h3
{
    font-size:18px;
    color:#006699;
}

.firstWord
{
    font-size:1.2em;
    font-weight:bold;
    color:#006699;
}

.loadingIndicator
{
    width:16px;
    height:16px;
    display:inline-block;
    background: transparent url('../images/ui/ajax-loader.gif') no-repeat;
}

.errorMessage
{
    color:#990000;
    font-size:14px;
    font-weight:bold;
}

.successMessage
{
    color:#009900;
    font-size:14px;
    font-weight:bold;
}

.Message
{
    color:#000099;
    font-size:14px;
    font-weight:bold;
}

.tooltip
{
   position: absolute;
   padding: 10px 13px;
   z-index: 2;   
   color: #303030;
   background-color: #f5f5b5;
   border: 1px solid #DECA7E;
   font-family: sans-serif;
   font-size: 12px;
   line-height: 18px;
   text-align: center;
   text-decoration:none;
}

div.navigationMenu
{
    border:1px solid #0000ff;
}

div.navigationMenu a.navigationMenuItem:link,
div.navigationMenu a.navigationMenuItem:visited
{
    padding:0px 5px;
    display:inline-block;
    color:#0000ff;
    text-decoration:none;
    border-right:1px solid #000000;
}

div.navigationMenu a.navigationMenuItem:hover
{
    padding:0px 5px;
    display:inline-block;
    color:#ff0000;
    text-decoration:none;
    border-right:1px solid #000000;
}

table.layoutTable
{
    margin:auto;
    text-align:left;
    width:100%;
    border:0px;
    border-spacing:0px;
    border-collapse:collapse;
}

a.button
{
    display:inline-block;
    margin-right:6px;
    padding-right:3px;
    height:20px;
    line-height:20px;
    font-size:12px;
    vertical-align:middle;
    text-decoration:none;
    color:#ddd;
    cursor:pointer;
    background:transparent url("../images/ui/GLOSS_UI_Sprite.png") right -140px no-repeat;    
}

a.button:hover
{
    background:transparent url("../images/ui/GLOSS_UI_Sprite.png") right -170px no-repeat;
}

a.button span
{
    display:inline-block;
    padding-left:5px;
    padding-right:2px;
    background:transparent url("../images/ui/GLOSS_UI_Sprite.png") 0px -140px no-repeat;
}

a.button:hover span
{
    background:transparent url("../images/ui/GLOSS_UI_Sprite.png") 0px -170px no-repeat;
}

a.buttonMedium
{
    display:inline-block;
    margin-right:6px;
    padding-right:3px;
    height:25px;
    line-height:25px;
    font-size:12px;
    vertical-align:middle;
    text-decoration:none;
    color:#000000;
    cursor:pointer;
    background:transparent url("../images/ui/GLOSS_UI_Sprite.png") right -80px no-repeat;
}

a.buttonMedium:hover
{
    background:transparent url("../images/ui/GLOSS_UI_Sprite.png") right -110px no-repeat;
}

a.buttonMedium span
{
    display:inline-block;
    padding-left:7px;
    padding-right:4px;
    background:transparent url("../images/ui/GLOSS_UI_Sprite.png") 0px -80px no-repeat;
}

a.buttonMedium:hover span
{
    background:transparent url("../images/ui/GLOSS_UI_Sprite.png") 0px -110px no-repeat;
}
#minimize {
	position: relative;
	float: right;
	right: calc(50vw - 463px);
	top: 18px;
	background-color: transparent;
	border: 1px solid #207BBB;
	transition: transform .5s ease;	
}

#minimize:hover {
	transform: scale(0.9);
}

#submitCancelButtonsRow 
{
    float: right;
    margin-bottom: 24px;
}

#cancelHtmlEditorButton 
{
    color: #888888;
    
}

#lessonAdminDiv 
{
    margin-bottom: 24px; 
}

#uploadButton, #submitHtmlEditorButton, #searchHitsButton, 
#generateReportButton, #userSearchBtn {        
    background: #207bbb;
    box-shadow: 0 2px 2px #444;
    padding: 0 10px;
    margin-left: 6px;
    line-height: 36px;
    height: 36px;
    color: #fff;
    font-size: 14px;
}

#submitHtmlEditorButton 
{
    margin: 0 0 0 12px;
}

#uploadButton span 
{
    background: none; 
}

.backToSearchSpan a.buttonMedium, .backToSearchSpan a.buttonMedium:hover
{
    background: none; 
}

.backToSearchSpan a.buttonMedium span, .backToSearchSpan a.buttonMedium span:hover
{
    padding-left: 24px; 
    color: #666;
    
    background: url('../images/ui/arrow_prev_disabled.png') no-repeat;
}

a.expand
{
    display:inline-block;
    width:10px;
    height:10px;
    background:transparent url("../images/ui/GLOSS_UI_Sprite.png") -120px 0px no-repeat;
    text-decoration:none;
}

a.collapse
{
    display:inline-block;
    width:10px;
    height:10px;
    background:transparent url("../images/ui/GLOSS_UI_Sprite.png") -120px -10px no-repeat;
    text-decoration:none;
}

.boxShadowInset
{
    box-shadow: 0 2px 3px #aaa inset,
                0 -2px 3px #aaa inset;
}

/****************************************END SCAFFOLD STYLING****************************************/


/****************************************ADMIN ICONS STYLING****************************************/
a.addIcon
{
    text-decoration:none;
    display:inline-block;
    height:20px;
    width:20px;
    background: transparent url('../images/ui/GLOSS_UI_Sprite.png') 0px 0px no-repeat;    
}

a.privateIcon
{
    text-decoration:none;
    display:inline-block;
    height:20px;
    width:20px;
    background: transparent url('../images/ui/GLOSS_UI_Sprite.png') -20px 0px no-repeat;    
}

a.publicIcon
{
    text-decoration:none;
    display:inline-block;
    height:20px;
    width:20px;
    background: transparent url('../images/ui/GLOSS_UI_Sprite.png') -40px 0px no-repeat;    
}

a.deleteIcon
{
    text-decoration:none;
    display:inline-block;
    height:20px;
    width:20px;
    background: transparent url('../images/ui/GLOSS_UI_Sprite.png') -60px 0px no-repeat;    
}

a.editIcon
{
    text-decoration:none;
    display:inline-block;
    height:20px;
    width:20px;
    background: transparent url('../images/ui/GLOSS_UI_Sprite.png') -80px 0px no-repeat;    
}

a.historyIcon
{
    text-decoration:none;
    display:inline-block;
    height:20px;
    width:20px;
    background: transparent url('../images/ui/GLOSS_UI_Sprite.png') -130px 0px no-repeat;    
}

/****************************************END ADMIN ICONS STYLING****************************************/


/****************************************ADMIN PANEL STYLING****************************************/

div.adminPanel
{
    display:none;
    padding:10px;
    text-align:left;
}

div.adminPanel h2
{
    font-size:16px;
    font-variant:small-caps;
    color:#ffffff;
    border-bottom:1px solid #ffffff;
}

div.adminPanel table
{
    width:100%;
    border:0px;
    border-collapse:collapse;
}

div.adminPanel table td
{
    border:0px;
    padding:0px 3px;
    margin:0px;
}


/****************************************END ADMIN PANEL STYLING****************************************/


/****************************************CONFIG ADMIN STYLING****************************************/
/*
div.configAdminTabDiv
{
    height:25px;
}

div.configAdminTabDiv a.configAdminTab:link,
div.configAdminTabDiv a.configAdminTab:visited
{
    width:100px;
    height:25px;
    text-align:center;
    float:left;
    display:inline-block;
    text-decoration:none;
    color:#0000ff;
    background-color:#aaaaaa;
    border:1px solid #0000ff;
    border-bottom:0px;
}

div.configAdminTabDiv a.configAdminTab:hover
{
    width:100px;
    height:25px;
    text-align:center;
    float:left;
    display:inline-block;
    background-color:#cccccc;
    text-decoration:none;
    color:#0000ff;
    border:1px solid #0000ff;
    border-bottom:0px;
}

div.configAdminTabDiv a.configAdminTabSelected:link,
div.configAdminTabDiv a.configAdminTabSelected:visited,
div.configAdminTabDiv a.configAdminTabSelected:hover
{
    width:100px;
    height:25px;
    text-align:center;
    float:left;
    display:inline-block;
    background-color:#ffffff;
    text-decoration:none;
    color:#0000ff;
    border:1px solid #0000ff;
    border-bottom:0px;
}
*/
/****************************************END CONFIG ADMIN STYLING****************************************/

/****************************************SEARCH PAGE STYLING****************************************/
#searchFormDiv 
{
    width: 100%;
}

#StatusSelectorHeader 
{
    display: none; 
}

span.selectorHeader
{
    display:inline-block;
    font-size: 12px;
    color: #334466; 
    font-weight: bold;
    margin: 10px 10px 10px 0;
}

#LanguageSelectorDivContainer 
{
    background-color: #fff;
    width: 100%;
    margin: 0 auto;
    /*Use flexbox to have languages listed vertically*/
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 221px; /*must set height for column to wrap*/

}

div.selectorDivContainer
{
    width:100%;
    margin-bottom:10px;
    /*Added flexbox properties
    max-height: 220px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;*/
    
}

div.selectorDivContainer div.selectorDiv
{
    /*Took out when added flexbox for languages listed vertically*/
    /*display:block;
    width:25%;
    float:left;*/
    font-size: 12px;        
}

.dropDownListStyle 
{
    margin-top: 12px;
}

#lessonSearchTB 
{
    width: 70%;
    font-size: 16px;
}

#lessonSearchBtn 
{
    background: #207bbb;
    box-shadow: 0 2px 2px #444;
    padding: 0 10px;
    margin-left: 12px;
    line-height: 36px;
    height: 36px;
    color: #fff;
    font-size: 14px;
}

#lessonSearchBtn span 
{
    background: none; 

}


#searchHtmlContentDiv 
{
    font-size: 12px;
    margin-bottom: 18px;
}

#searchHtmlFirstWordDiv 
{
    display: none; 
}

.contentBreak 
{
    display: none; 
}
/****************************************END SEARCH PAGE STYLING****************************************/


/****************************************SEARCH RESULTS STYLING****************************************/
div.searchResults
{
    text-align:left;
    width:100%;
}

div.searchResults div.searchResult_dark
{
    background-color:#f1f1f1;
}
    
div.searchResults div.searchResult_light
{
    background-color:#ffffff;
}

a.titleLink
{
    color:#006699;
    text-decoration:none;    
}

a.titleLink:hover
{
    color:#cc4e9f;
    text-decoration:underline;
}

div.searchResults div.searchResult_dark div.searchResult_dark,
div.searchResults div.searchResult_dark div.searchResult_light,
div.searchResults div.searchResult_light div.searchResult_dark,
div.searchResults div.searchResult_light div.searchResult_light
{
    padding-left:60px;
}

div.searchResultsDivider
{
    width:100%;
    height:3px;
    background: transparent url('../images/ui/GLOSS_UI_Sprite.png') 0px -390px no-repeat;
}

div.searchResults div.searchResultTitle
{
}

div.searchResults div.searchResultTitle span.searchResultTitleSpan
{
    display:inline-block;
}

div.resultsCountContainerDiv
{
    text-align:center;
}

span.resultsCountSpan
{
    font-size:12px;
}

/*
div.lessonSearchResultsButtonDiv
{
    margin-bottom:20px;
}*/

span.backToSearchSpan
{
    width:49%;
    float:left;
}

span.sortBySpan
{
    text-align:right;
    width:49%;
    float:left;
}

table.lessonSearchResultsTable,
table.searchResultsTable
{
    width:100%;
    margin:auto;
    text-align:left;
    border:0px;
    border-spacing:0px;
    border-collapse:collapse;
}

table.lessonSearchResultsTable thead,
table.lessonSearchResultsTable tbody,
table.searchResultsTable thead,
table.searchResultsTable tbody
{
    width:100%;
}

table.lessonSearchResultsTable thead th,
table.searchResultsTable thead th
{
    font-weight:bold;
    font-size:1.3em;
    color: #334466; /*#006699;*/
}

table.lessonSearchResultsTable tbody tr.bufferRow td,
table.searchResultsTable tbody tr.bufferRow td
{
    /*height:3px;*/
    border-top: 1px solid #aaa;
    /*background: transparent url('../images/ui/GLOSS_UI_Sprite.png') 0px -390px no-repeat;*/
}

table.lessonSearchResultsTable tbody tr.light td,
table.searchResultsTable tbody tr.light td
{
    vertical-align:top;
    background-color:#fff;
}

table.lessonSearchResultsTable tbody tr.dark td,
table.searchResultsTable tbody tr.dark td
{
    vertical-align:top;
    background-color:#f5f5f5;
}

#lessonSearchResultsHead 
{
    height: 48px;
}

tr.incompleteLesson td
{
    vertical-align:top;
    background-color:#ff9999;
}

table.searchResultsTable tbody tr.dark td a,
table.searchResultsTable tbody tr.light td a
{
    color:#006699;
    text-decoration:none;
}

table.searchResultsTable tbody tr.dark td a:hover,
table.searchResultsTable tbody tr.light td a:hover
{
    color:#cc4e9f;
    text-decoration:underline;
}

div.lessonTitle
{
    font-size:14px;
}

div.lessonTitle a.titleLink:link,
div.lessonTitle a.titleLink:visited
{
    font-weight:bold;
    font-size:14px;
    color:#006699;
    text-decoration:none;
}

div.lessonTitle a.titleLink:hover
{
    font-weight:bold;
    font-size:14px;
    color:#ff9966;
    text-decoration:underline;
}

div.lessonDescription
{
    font-size:12px;
    color:#000000;
}

div.searchResultTopicDiv
{
    margin-top:10px;
}

span.searchResultTopic
{
    font-weight:bold;
    font-size:12px;
}

span.searchResultSubTopic
{
    font-weight:normal;
    font-size:12px;
}

.ReadingIcon
{
    display:inline-block;
    width:50px;
    height:50px;
    background: transparent url('../images/ui/GLOSS_UI_Sprite.png') -250px 0px no-repeat;    
}

.ListeningIcon
{
    display:inline-block;
    width:50px;
    height:45px;
    background: transparent url('../images/ui/GLOSS_UI_Sprite.png') -200px 0px no-repeat;    
}

.VideoIcon
{
    display:inline-block;
    width:50px;
    height:50px;
    background: transparent url('../images/ui/GLOSS_UI_Sprite.png') -300px 0px no-repeat;    
}

.saveIcon
{
    display:inline-block;
    width:50px;
    height:45px;
    background: transparent url('../images/ui/GLOSS_UI_Sprite.png') -150px 0px no-repeat;    
}

span.searchedKeyword
{
    font-weight:bold;
}

span.highlight
{
    background-color:#7ebfcc;
}
/****************************************END SEARCH RESULTS STYLING****************************************/


/****************************************SEARCH RESULTS PAGER STYLING****************************************/
div.searchResultsPagerContainer
{
    width:100%;
    margin:5px 0px;
    text-align:center;
}

span.pageCountSpan
{
    margin:auto;
    font-weight:bold;
    font-size:14px;
}

span.pageCountEmphasized
{
   color:#00689e;
   font-weight:bold;
}

span.searchResultsPager
{
    text-align:left;
    height:20px;
    margin:auto;
}

span.pagerBuffer
{
    display:inline-block;
    height:20px;
    line-height:20px;
    font-size:12px;
    vertical-align:middle;
    text-align:center;
    padding:0px 2px;
    margin:0px 2px;
    color:#000033;
    text-decoration:none;
}

span.searchResultsPager a.pagerLink:link,
span.searchResultsPager a.pagerLink:visited
{
    display:inline-block;
    height:20px;
    line-height:20px;
    font-size:14px;
    vertical-align:middle;
    text-align:center;
    padding:0px 12px; /*2px;*/
    margin:0px 2px;
    color:#000000;
    text-decoration:none;
}

span.searchResultsPager a.pagerLink:hover
{
    display:inline-block;
    height:20px;
    line-height:20px;
    font-size:14px;
    vertical-align:middle;
    text-align:center;
    /*padding:0px 2px;*/
    /*margin:0px 2px;*/
    color:#ff9966; /*#ff0000;*/
    text-decoration:none;
}

span.searchResultsPager a.pagerLinkCurrent
{
    display:inline-block;
    padding: 0 12px;
    height:20px;
    line-height:20px;
    font-size:14px;
    font-weight:bold;
    vertical-align:middle;
    text-decoration:none;
    color:#00689e;
    cursor:pointer;
    /*background:transparent url("../images/ui/GLOSS_UI_Sprite.png") right -140px no-repeat;*/   
}

/*
span.searchResultsPager a.pagerLinkCurrent:hover
{
    background:transparent url("../images/ui/GLOSS_UI_Sprite.png") right -170px no-repeat;
}*/

span.searchResultsPager a.pagerLinkCurrent span
{
    display:inline-block;
    padding-left:6px; 
    padding-right:6px; 
    /*background:transparent url("../images/ui/GLOSS_UI_Sprite.png") 0px -140px no-repeat;*/
    background-color: #334466;
    color: White; 
}

span.searchResultsPager a.pagerLinkCurrent:hover span
{
    display:inline-block;
    padding-left:6px; 
    padding-right:6px; 
    /*background:transparent url("../images/ui/GLOSS_UI_Sprite.png") 0px -170px no-repeat;*/
}

span.searchResultsPager a.pagerLinkDisabled
{
    display:inline-block;
    border:1px solid #666666;
    height:24px; 
    line-height:24px; 
    font-size:14px;
    vertical-align:middle;
    text-align:center;
    padding:0px 2px;
    margin:0px 2px;
    color:#666666;
    text-decoration:none;
    cursor:default;
}

span.searchResultsPager a.pagerFirstLink
{
    display:inline-block;
    height:24px; 
    width:24px;
    margin-right: 12px;
    font-size:14px;
    text-decoration:none;
    /*background: transparent url('../images/ui/GLOSS_UI_Sprite.png') 0px -50px no-repeat;*/
    background: transparent url('../images/ui/GLOSS_UI_Sprite.png') 0 -48px no-repeat;    
}

span.searchResultsPager a.pagerPreviousLink
{
    display:inline-block;
    height: 24px; 
    width:13px; 
    font-size:14px;
    text-decoration:none;
    /*background: transparent url('../images/ui/GLOSS_UI_Sprite.png') -10px -50px no-repeat;*/
    background: transparent url('../images/ui/GLOSS_UI_Sprite.png') -140px -48px no-repeat;  
}


span.searchResultsPager a.pagerFirstLinkDisabled,
span.searchResultsPager a.pagerPreviousLinkDisabled,
span.searchResultsPager a.pagerLastLinkDisabled,
span.searchResultsPager a.pagerNextLinkDisabled
{
    display:inline-block;
    height: 24px; 
    width:13px;
    margin: 0 6px;
    /*background: transparent url('../images/ui/GLOSS_UI_Sprite.png') -20px -50px no-repeat;*/    
}

span.searchResultsPager a.pagerPreviousLinkDisabled 
{
    background: transparent url('../images/ui/GLOSS_UI_Sprite.png') -156px -48px no-repeat;
}

span.searchResultsPager a.pagerFirstLinkDisabled 
{
    display: none; 
}

span.searchResultsPager a.pagerNextLinkDisabled 
{
    background: transparent url('../images/ui/GLOSS_UI_Sprite.png') -180px -48px no-repeat;
}

span.searchResultsPager a.pagerLastLinkDisabled 
{
    display: none; 
}

span.searchResultsPager a.pagerNextLink
{
    display:inline-block;
    height:24px; 
    width:13px; 
    font-size:14px;
    text-decoration:none;
    /*background: transparent url('../images/ui/GLOSS_UI_Sprite.png') -30px -50px no-repeat;*/    
    background: transparent url("../images/ui/GLOSS_UI_Sprite.png") -197px -48px no-repeat;
}

span.searchResultsPager a.pagerLastLink
{
    display:inline-block;
    height:24px; 
    width: 24px; /*10px;*/
    margin-left: 12px;
    font-size:14px;
    text-decoration:none;
    
    background: transparent url("../images/ui/GLOSS_UI_Sprite.png") -26px -48px no-repeat;
    /*background: transparent url('../images/ui/GLOSS_UI_Sprite.png') -40px -50px no-repeat;*/    
}

/****************************************END SEARCH RESULTS PAGER STYLING****************************************/


/****************************************FILE EXPLORER STYLING****************************************/

div.fileListDiv
{
	margin:10px 0px;
}

ul.explorerUL
{
	list-style: none;
}

li.directoryOpen
{
	list-style: none;
    height:20px;
    line-height:20px;
    font-size:14px;
    vertical-align:middle;
}

li.directoryClosed
{
	list-style: none;
    height:20px;
    line-height:20px;
    font-size:14px;
    vertical-align:middle;
}

li.file,
li.image,
li.audio,
li.video
{
	list-style: none;
    height:20px;
    line-height:20px;
    font-size:14px;
    vertical-align:middle;
}

li.directoryOpen a.directory
{
    display:inline-block;
    height:20px;
    line-height:20px;
    font-size:14px;
    vertical-align:middle;
    cursor:pointer;
    padding-left:20px;
    background: transparent url('../images/ui/GLOSS_UI_Sprite.png') -40px -20px no-repeat;
    color:#000000;
    text-decoration:none;
    width: 0px;
}

li.directoryClosed a.directory
{
    display:inline-block;
    height:20px;
    line-height:20px;
    font-size:14px;
    vertical-align:middle;
    cursor:pointer;
    padding-left:20px;
    background: transparent url('../images/ui/GLOSS_UI_Sprite.png') -20px -20px no-repeat; 
    color:#000000;
    text-decoration:none;
    width: 0px;
}

a.removeDirectory
{
    display:inline-block;
    height:20px;
    width:20px;
    line-height:20px;
    font-size:14px;
    vertical-align:middle;
    cursor:pointer;
    background: transparent url('../images/ui/GLOSS_UI_Sprite.png') 0px -20px no-repeat;    
    color:#000000;
    text-decoration:none;
    width: 0px;
}

a.removeFile
{
    display:inline-block;
    height:20px;
    width:20px;
    line-height:20px;
    font-size:14px;
    vertical-align:middle;
    cursor:pointer;
    background: transparent url('../images/ui/GLOSS_UI_Sprite.png') -60px 0px no-repeat;    
    color:#000000;
    text-decoration:none;
}

a.uploadFile
{
    display:inline-block;
    height:20px;
    width:20px;
    line-height:20px;
    font-size:14px;
    vertical-align:middle;
    cursor:pointer;
    background: transparent url('../images/ui/GLOSS_UI_Sprite.png') -60px -20px no-repeat;
    color:#000000;
    text-decoration:none;
}

a.file
{
    display:inline-block;
    height:20px;
    width:20px;
    line-height:20px;
    font-size:14px;
    vertical-align:middle;
    cursor:pointer;
    background: transparent url('../images/ui/GLOSS_UI_Sprite.png') -100px 0px no-repeat; 
    color:#000000;
    text-decoration:none;
}

a.image
{
    display:inline-block;
    height:20px;
    width:20px;
    line-height:20px;
    font-size:14px;
    vertical-align:middle;
    cursor:pointer;
    background:transparent url("../images/ui/image.gif") top left no-repeat;
    color:#000000;
    text-decoration:none;
}

a.audio
{
    display:inline-block;
    height:20px;
    width:20px;
    line-height:20px;
    font-size:14px;
    vertical-align:middle;
    cursor:pointer;
    background:transparent url("../images/ui/audio.gif") top left no-repeat;
    color:#000000;
    text-decoration:none;
}

a.video
{
    display:inline-block;
    height:20px;
    width:20px;
    line-height:20px;
    font-size:14px;
    vertical-align:middle;
    cursor:pointer;
    background:transparent url("../images/ui/video.gif") top left no-repeat;
    color:#000000;
    text-decoration:none;
}

span.fileTitleSpan
{
    display:inline-block;
}


.editableFilename
{
    cursor:pointer;
    background-color:#66ff66;
}

span.fileSize
{
    font-size:10px;
    font-style:italic;
}

/****************************************END FILE EXPLORER STYLING****************************************/


/****************************************MODAL STYLING****************************************/
#basic-modal-content
{
    display:none;
}

#simplemodal-overlay
{
    background-color:#000000;
    cursor:wait;
}

#simplemodal-container
{
    color:#ffffff;
    background-color:#333333;
    border:4px solid #444444;
    padding:12px;
}

#simplemodal-container .simplemodal-data
{
    padding:8px;
}

#simplemodal-container code
{ 
    background:#141414;
    border-left:3px solid #65b43d;
    color:#bbbbbb;
    display:block;
    font-size:12px;
    margin-bottom:12px;
    padding:4px 6px 6px;
}

/*
#simplemodal-container a
{
    color:#dddddd;
}
*/

#simplemodal-container a.modalCloseImg
{
    background: transparent url('../images/ui/GLOSS_UI_Sprite.png') -50px -50px no-repeat;    
    width:25px; height:29px;
    display:inline;
    z-index:3200;
    position:absolute;
    top:-15px;
    right:-16px;
    cursor:pointer;
}

#simplemodal-container h3
{
    color:#84b8d9;
}

/****************************************END MODAL STYLING****************************************/


/****************************************CALENDAR STYLING****************************************/

div.calendarContainerDiv
{
    text-align:center;
}

div.selectedDatesDiv
{
    text-align:center;
    height:20px;
}

div.selectedDatesDiv div.selectedDateDiv
{
    height:20px;
    line-height:20px;
    font-size:12px;
    vertical-align:middle;
    width:50%;
    float:left;
    margin:0px;
    padding:0px;
    display:none;
}

table.calendarTable
{
    text-align:left;
    border:1px solid #000000;
    border-collapse:collapse;
    margin:auto;
}

table.calendarTable td
{
    padding:5px 0px;
}

table.calendarTable tr.calendarMonthRow
{
}

table.calendarTable tr.calendarMonthRow td.calendarMonthCell
{
    text-align:center;
    font-weight:bold;
    background: #aabbcc;
    font-size: 14px;
}

span.monthTitleSpan,
span.yearTitleSpan
{
    padding:0px 5px;
    cursor:pointer;
}

table.calendarTable tr.calendarDaysOfWeekRow
{
}

table.calendarTable td.previousMonthCell
{
    text-align:center;
    border:1px solid #000000;
    cursor:pointer;
    background: #207bbb;
    color:White;
    font-size:24px;
}

table.calendarTable td.nextMonthCell
{
    text-align:center;
    border:1px solid #000000;
    cursor:pointer;
    background: #207bbb;
    color: White;
    font-size:24px;
}

table.calendarTable tr.calendarDaysOfWeekRow td.calendarDayOfWeekCell
{
    font-weight:bold;
    text-align:center;
    border:1px solid #000000;
}

table.calendarTable tr.calendarWeekRow
{
}

table.calendarTable tr.calendarWeekRow td.calendarDayCell
{
    text-align:center;
    font-size:12px;
    border:1px solid #000000;
    cursor:pointer;
    background: white;
}

table.calendarTable tr.calendarWeekRow td.calendarDayCellToday
{
    text-align:center;
    font-weight:bold;
    font-size:14px;
    background-color:#ff9966;
    border:1px solid #000000;
    cursor:pointer;
}

table.calendarTable tr.calendarWeekRow td.calendarDayCellOtherMonth
{
    text-align:center;
    font-style:italic;
    font-size:12px;
    border:1px solid #000000;
    cursor:pointer;
}

table.calendarTable tr.calendarWeekRow td.calendarDayCellSelected
{
    background-color:#ffff00;
}

/****************************************END CALENDAR STYLING****************************************/


/****************************************HTML EDITOR STYLING****************************************/

img.htmlEditorButton
{
	background:url(../images/editor/editorBtnBg_light.gif) bottom left no-repeat;
	border:0px;
	display:inline;
	width:23px;
	height:22px;
}

img.htmlEditorButton_active
{
	background:url(../images/editor/editorBtnBg_highlight.gif) bottom left no-repeat;
	border:0px;
	display:inline;
	width:23px;
	height:22px;
}

/****************************************END HTML EDITOR STYLING****************************************/


/****************************************REPORTS STYLING****************************************/

div.reportChart
{
    height:400px;
    width:650px;
    margin:auto;
}

/****************************************END REPORTS STYLING****************************************/


/****************************************HELP MODAL STYLING****************************************/

.helpLink
{
    background: transparent url('../images/help/helpIcon.png') center left no-repeat;
    padding-left:20px;
    font-size:1.2em;
    text-decoration:none;
}

.helpLink:hover
{
    background: transparent url('../images/help/helpIconHover.png') center left no-repeat;
    color:#ff0000;
}

.helpPanel
{
    display:none;
}

.helpSetpCounterDiv
{
    height:25px;
    color:#ffffff;
    text-align:center;
}

.helpPanelButtonsDiv
{
    width:90%;
    height:20px;
    bottom:10px;
    margin:auto;
    margin-top:25px;
}

a.helpBackButton,
a.helpNextButton,
a.helpDoneButton
{
    text-decoration:none;
    color:#ffffff;
}

a.helpBackButton:hover,
a.helpNextButton:hover,
a.helpDoneButton:hover
{
    text-decoration:none;
    color:#ff0000;
}

/****************************************END HELP MODAL STYLING****************************************/
@media only screen
and (min-width : 1224px) {
	div.selectorDivContainer div.selectorDiv {
		font-size: 20px;
		margin: 5px 0;
	}
}

	
@media only screen
and (max-width : 1224px) {

	#searchHtmlContentDiv {
		font-size: 16px;
	}
	div.navMenu a.navMenuItem {
		font-size: 15px;
	}
	div.selectorDivContainer {
    width: 80%;
    margin: 10px auto;
	}
	table.layoutTable {
		width: 80%;
	}
	#lessonSearchTB {
		margin: auto auto 0 10%;
	}
	#LanguageSelectorDivContainer {
    background-color: #fff;
    width: 80%;
    margin: 0 auto;
}
@media only screen
and (max-width : 1271px){
	#minimize{
		right: calc(16vw - 19px);
	}
}