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

body
{
    background: #cbe3e5 url('../images/ui/bg.jpg') repeat-x;
    text-align:center;
    font-family:Verdana, Arial, Sans-Serif;
    font-size:10pt;
    line-height:12pt;
}

div.viewPort
{
    width:780px;
    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:780px;
    height:60px;
    background: transparent url('../images/ui/GLOSS_UI_Sprite.png') 0px -200px no-repeat;
}

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

select.filterSelector
{
    background-color:#818181;
    color:#ffffff;
    border:1px solid #000000;
}

select.filterSelector option
{
    background-color:#818181;
    color:#ffffff;
}

div.navMenu
{
    width:100%;
    padding-top:38px;
    cursor:default;
    font-family:Times New Roman;
}

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:22px;
    line-height:22px;
    font-size:10px;
    vertical-align:middle;
    display:inline-block;
    color:#666666;
    cursor:pointer;
    text-decoration:none;
    padding:0px 5px;
    background: transparent url('../images/ui/navMenuItem.gif') repeat-x;
}

div.navMenu a.navMenuItem:hover
{
    color:#006699;
    background: transparent url('../images/ui/navMenuItemSelected.gif') repeat-x;
}

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:#666666;
    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:#006699;
}

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

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

div.glossHeader
{
    width:780px;
    height:54px;
    display:inline-block;
    background: transparent url('../images/ui/GLOSS_OLR_Header.png') no-repeat;
}

div.glossHeader a.glossHomeLink
{
    display:inline-block;
    height:45px;
    width:150px;
    cursor:pointer;
}

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

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

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

div.contentBody
{
    width:780px;
    display:inline-block;
    background-color: #ffffff;
    text-align:center;
}

div.contentDiv
{
    text-align:left;
    margin:auto;
    padding:10px 40px;
    width:700px;
}

div.contentDiv div.contentBreak
{
    width:700px;
    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:700px;
    height:3px;
    display:inline-block;
    background: transparent url('../images/ui/GLOSS_UI_Sprite.png') 0px -390px no-repeat;
}

div.contentFooter
{
    width:780px;
    height:37px;
    display:inline-block;
    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') -780px -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:#000000;
    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;
}

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;
}

/****************************************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****************************************/
span.selectorHeader
{
    display:inline-block;
    font-size:14px;
    color:#006699;
    margin:5px 0px;
}

div.selectorDivContainer
{
    width:100%;
    margin-bottom:10px;
}

div.selectorDivContainer div.selectorDiv
{
    display:inline-block;
    width:25%;
    float:left;
}
/****************************************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:normal;
    font-size:1.3em;
    color:#006699;
}

table.lessonSearchResultsTable tbody tr.bufferRow td,
table.searchResultsTable tbody tr.bufferRow td
{
    height:3px;
    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;
}

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

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:#cc4e9f;
    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:50px;
    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:50px;
    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 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:#ff0000;
    text-decoration:none;
}

span.searchResultsPager a.pagerLinkCurrent
{
    display:inline-block;
    padding-right:3px;
    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:5px;
    padding-right:2px;
    background:transparent url("../images/ui/GLOSS_UI_Sprite.png") 0px -140px no-repeat;
}

span.searchResultsPager a.pagerLinkCurrent:hover span
{
    display:inline-block;
    padding-left:5px;
    padding-right:2px;
    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:20px;
    line-height:20px;
    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:20px;
    width:10px;
    font-size:14px;
    text-decoration:none;
    background: transparent url('../images/ui/GLOSS_UI_Sprite.png') 0px -50px no-repeat;    
}

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


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

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

span.searchResultsPager a.pagerLastLink
{
    display:inline-block;
    height:20px;
    width:10px;
    font-size:14px;
    text-decoration:none;
    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/directoryOpen.gif") top left no-repeat;
    color:#000000;
    text-decoration:none;
}

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/directoryClosed.gif") top left no-repeat;
    color:#000000;
    text-decoration:none;
}

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;
}

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/uploadFile.gif") top left 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/file.gif") top left 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;
}

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;
}

table.calendarTable td.nextMonthCell
{
    text-align:center;
    border:1px solid #000000;
    cursor:pointer;
}

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;
}

table.calendarTable tr.calendarWeekRow td.calendarDayCellToday
{
    text-align:center;
    font-weight:bold;
    font-size:14px;
    background-color:#aaaaff;
    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****************************************/