/* Telerik 2009 Q2 Workaround to keep bullet images from appearing
in IE 7 on panel bars and combo boxes */
.rcbList, .rpRootGroup
{
	list-style-image: none;
}

.igmv_NavigationButtonNext
{
    text-align:right;
}

.igmv_NavigationButtonPrev
{
    text-align:left;
}

.HideShowMoreArrow .rcbMoreResults a
{    
    display:none !important;   
}

.rcbMoreResults .Attention
{
    font-weight:bold;
    /*color:Black;*/
}


/* fixup for telerik 2013 Q2 Dock Lineheights */

.RadDock .rdContent
{
    line-height: normal  !important;
}

/* fixup for telerik 2013 Q2 combobox metro skin */

.RadComboBox_Metro .rcbReadOnly .rcbInputCell
{
    background-color: #ffffff !important;
}


/*nav css defualts*/
.LSSubNavFrame
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    FONT-FAMILY:  Arial;
    border-right: solid 2px #cccccc;
    height: 400px;
    overflow: visible;
    margin-right: 10px;
}
.LSSubNavItem
{
    color: #cccccc;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    FONT-FAMILY:  Arial;
    width: 100%;
    padding: 2px 2px 2px 2px 0px;
    margin: 2px 2px 2px 2px 0px;
    text-decoration: none;
    cursor: pointer;
}
.LSSubNavItem:hover
{    
    color:black;
    background-color:  #E7F0F7;    
}

.LSSubNavItemSelected
{
    color: white;
    width: 100%;
    background-color: #cccccc;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    FONT-FAMILY:  Arial;
    padding: 2px 2px 2px 2px 0px;
    margin: 2px 2px 2px 2px 0px;    
    text-decoration: none; 
    cursor: pointer;
}

/*START WIDGET CSS*/
.sortControls 
{
    display:inline-block;
    white-space:nowrap;
}

.sortControls .asc, .sortControls .desc
{
   cursor:pointer;
   display:inline-block;
   height:16px;
   width:16px;
}

.sortControls .asc 
{
    background-image:url('/Images/Twisties/sort_asc.gif');
}

.sortControls .desc 
{
    background-image:url('/Images/Twisties/sort_desc.gif');
}

.devHistory tbody ph.even tr {background-color: #f0f0f0;}
.devHistory tbody ph.odd tr {background-color: #ffffff;}

.devHistory tbody tr.even{background-color: #f0f0f0;}
.devHistory tbody tr.odd{background-color: #ffffff;}
.devHistory tbody tr td {padding:5px;}
.devHistory tbody tr td a {font-weight:bold;}

.VerticalNav {position:relative}
.VerticalNav .Navigation {position:absolute;left:0px;top:0px;float:none;width:150px;}
.VerticalNav .Content {margin-left:160px;}
.VerticalNav .Navigation .LSSubNavItem, .VerticalNav .Navigation .LSSubNavItemSelected {cursor:pointer;height:auto;padding-top:5px;padding-bottom:5px;width:auto;}
.VerticalNav .LSSubNavFrame { padding:0px; margin-right:0px;}

.HorizontalNav {}
.HorizontalNav .Navigation {padding-left:5px;padding-right:5px;height:auto;border:none;margin-top:5px;}
.HorizontalNav .Navigation .LSSubNavItem, .HorizontalNav .Navigation .LSSubNavItemSelected{cursor:pointer;display:inline-block;width:auto;margin-left:2px;margin-bottom:5px;padding-left:5px;padding-right:5px;text-align:center;border:solid 1px black;height:auto;padding-top:5px;padding-bottom:5px;min-width:120px;}
.HorizontalNav .Content {margin-left:5px;}

.DashDevPlan tbody tr td a {font-weight:bold;}

.DashDevPlan
{
    min-height:400px;
}

.DashDevPlan .DevPlanLaunchImage
{
   cursor:pointer;
   display:inline-block;
   height:20px;
   width:24px;
   background-image:url('/images/buttons/play.gif');
}

.DashDevPlan .DeleteLink,
.DashDevHistory .DeleteLink
{
    cursor:pointer;
    display:inline-block;
    height:17px;
    width:17px;
    background-image:url('/Images/Content/delete.gif');
}

.ItemNote 
{
    font-weight:bold; 
    font-family: Verdana; 
    font-size: xx-small; 
    color: #880002
}

.DashDevPlan .EditObjective
{
    cursor:pointer;
    display:inline-block;
    width:17px;
    height:16px;    
    background-image:url('/Images/Toolbar/trace_trace.png');
}

@media print {
    .DashDevPlan .EditObjective, .DashDevPlan .DeleteLink, .DashDevPlan .DevPlanLaunchImage, .sortControls, .DashDevHistory .DeleteLink {
        display: none;
    }    
}


.DashDevPlan .ProgressBar
{
    border:1px solid #5E7197;
    height:20px;
    position:relative;
    background-color:#F2F2F2;
}

.DashDevPlan .ProgressBar .ProgressDefault, .DashDevPlan .ProgressBar .ProgressLT50,.DashDevPlan .ProgressBar .ProgressLT80, .DashDevPlan .ProgressBar .ProgressGT80
{
    height: 20px; 
}

.DashDevPlan .ProgressBar .ProgressDefault
{
    background-color: #FF6666;
}

.DashDevPlan .ProgressBar .ProgressLT50
{
    background-color: #FF6666;
}

.DashDevPlan .ProgressBar .ProgressLT80
{
    background-color: #FEE985;
}

.DashDevPlan .ProgressBar .ProgressGT80
{
    background-color: #96C680;
}

.DashDevPlan .ProgressBar .ProgressText
{
    height:20px;
    text-align:left;
    position:absolute;
    top:0;
    left:0;
    width:100%;
     overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#000077;
    font-weight: bold;
}

.DashCatalog { min-height:50px;}/*margin-left:5px;*/
.DashCatalog .Loading, .DashDrilldownCatalog .Loading {background: url('/Images/brand/66/catalogajax.gif') no-repeat; height:50px;padding-left:20px;}

.DashCatalog .CatalogLaunchImage, .DashDrilldownCatalog .CatalogLaunchImage
{
   cursor:pointer;
   display:inline-block;
   height:20px;
   width:24px;
   background-image:url('/images/buttons/play.gif');
}

.DashCatalog .Level
{
    margin-left:0px;    
    margin-top:10px;
    margin-bottom:10px;    
}
/*sub levels get indented*/
.DashCatalog .Level .Level
{
    margin-left:25px;
}

.DashCatalog .FullCurCheckboxLevel
{
    position:relative;
}
.DashCatalog .FullCurCheckboxLevel .TitleCollapsed, .DashCatalog .FullCurCheckboxLevel .TitleExpanded, .DashCatalog .FullCurCheckboxLevel .TitleLoading
{
    margin-left:25px;    
}
.DashCatalog .Level .FullCurCheckbox
{
    position:absolute;
    left:0;
    top:5px;   
}

.DashCatalog .Level .TitleCollapsed, .DashCatalog .Level .TitleExpanded, .DashCatalog .Level .TitleLoading
{
    cursor:pointer;
    border-bottom: solid 1px black;
}

.DashCatalog .Level .TitleCollapsed .Twisty, .DashCatalog .Level .TitleExpanded .Twisty, .DashCatalog .Level .TitleLoading .Twisty
{
    display:inline-block;
    height:20px;
    width:20px;
}
.DashCatalog .Level .TitleCollapsed .Twisty
{
    background: url('/Images/Twisties/lfarrow.gif') no-repeat;
}

.DashCatalog .Level .TitleExpanded .Twisty
{
    background: url('/Images/Twisties/dnarrow.gif') no-repeat;
}

.DashCatalog .Level .TitleLoading .Twisty
{
    background: url('/Images/brand/66/catalogajax.gif') no-repeat;
}

.DashCatalog .Search 
{
    padding-left:20px;
    padding-bottom:20px;
}

.DashCatalog .Search .SearchDropDownContainer
{
    max-width:400px;
}

.DashCatalog .StyleUI 
{
    color:white;      
}

.DashCatalog .StyleUI .Search
{
    color:black;
}

.DashCatalog .StyleUI .Content
{
    margin:0px;
}
.DashCatalog .StyleUI .Level
{
    vertical-align:middle;    
    margin:0px;
    padding-bottom:3px;
    clear:both;       
    background-color:rgb(27,161,226);         
    position:relative;
}

.DashCatalog .StyleUI .Level
{    
    border-top:solid 1px White;
}

.DashCatalog .StyleUI .Level:first-child
{    
    border-top:none;
}

.DashCatalog .StyleUI .Level .Resources
{
    background-color:White;
    margin: 0px 3px 0px 3px;     
    padding-left:2px;
}

.DashCatalog .StyleUI .Level .Twisty
{
    float:right;
    margin-right:10px;
    margin-top:3px;
}

.DashCatalog .StyleUI .Level .TitleCollapsed .Twisty
{
    background: url('/Images/Twisties/lfarrow_white.gif') no-repeat;
}

.DashCatalog .StyleUI .Level .TitleExpanded .Twisty
{
    background: url('/Images/Twisties/dnarrow_white.gif') no-repeat;
}

.DashCatalog .StyleUI .Level .Level
{      
    margin-left:3px;    
    /*background-color:rgb(162,0,255);*/
    background-color:rgba(255,255,255,0.2);
}

.DashCatalog .StyleUI .Level .Level .Level
{    
    /*background-color:rgb(240,150,9);*/
    background-color:rgba(255,255,255,0.4);
}

.DashCatalog .StyleUI .Level .Level .Level .Level
{     
    /*background-color:rgb(162,193,57);*/
    background-color:rgba(255,255,255,0.6);
}

.DashCatalog .StyleUI .Level .Level .Level .Level .Level
{    
    /*background-color:rgb(0,171,169);*/
    background-color:rgba(255,255,255,0.8);
}

.DashCatalog .StyleUI .Level .TitleCollapsed, .DashCatalog .StyleUI .Level .TitleExpanded, .DashCatalog .StyleUI .Level .TitleLoading 
{
    border:none;                 
    font-weight:bold;   
    vertical-align:middle;
    padding-top:12px;   
    padding-bottom:10px;
    padding-left:5px; 
    padding-right:20px;
}

.DashCatalog .StyleUI .Level .TitleLoading 
{
    background:White;
}

.DashCatalog .StyleUI .Level .TitleCollapsed .Twisty,.DashCatalog .StyleUI .Level .TitleExpanded .Twisty
{
    position:absolute;
    right:0px;
    top:15px;
    margin-right:5px;
    margin-top:3px;
}

.DashNavigation *
{
    margin:0;
    padding:0;
}    
.DashNavigation
{                
    position:relative;        
    color:#FFFFFF;
    z-index:5;
}
.DashNavigation .NavigationControls
{
    /*background-color:#2E3031;
    border-top:solid 2px #414344;
    border-bottom:solid 2px #1B1C1D;*/
    background-color:#1BA1E2;
    border-top:solid 2px #1086C2;
    border-bottom:solid 2px #1BA1E2;
    height:44px;
}
.DashNavigation .NavigationControls .MainNavigationButton
{
    width:22px;
    height:18px;
    position:absolute;
    left:10px;
    top:15px;
}    
.DashNavigation .NavigationControls .MainNavigationButton b
{
    display:block;
    background-color:White;
    height:4px;
    -moz-border-radius: 3px;
    border-radius: 3px;    
    margin-bottom: 2px;
}
.DashNavigation .NavigationControls .CurrentNavItem
{    
    margin-left:45px;
    margin-right:45px;        
    overflow:hidden;
    text-overflow:ellipsis;
    /*width:200px;*/
    white-space:nowrap;
    height:44px;
    text-align:center;
    line-height:44px;
    font-weight: bold;
    font-size:18px;
}

.DashNavigation .NavigationControls .ActionDropdown
{
    background-image:url('/Images/Buttons/dnarrow.gif');
    background-repeat:no-repeat;
    background-position:center bottom;
    cursor: pointer;
}
    
.DashNavigation ul
{
    list-style-type: none;    
    border-top:none;
    /*background-color:#191A1A;
    color:#929394;*/
    background-color:#178DC4;
    color:#FFFFFF;
    display:none;
    text-align:center;        
    margin-left:25px;
    margin-right:25px;
    overflow:auto;
}
.DashNavigation li
{
    padding: 10px 5px;
    margin: 0px 5px;
    border-top: solid 1px #126E99;
    cursor: pointer;
}
.DashNavigation li:hover
{
    /*background-color:#333333;       */
    background-color:#126E99;
}    
.DashNavigation li.Selected
{
    /*background-color:#444444;*/
    background-color:#126E99;
}

.DashResource .ResourceComments
{
    overflow:hidden;
}

.DashResource .CurrentScheduledClass
{
    margin-top:10px;
    margin-bottom:10px;
    margin-left:5px;
    font-style:italic;
}

.DashResource .InfoMessage
{
    margin-top:10px;
    margin-bottom:10px;    
    font-weight:bold;
}

.DashResource .ResourceAvailableLanguage.RTL
{
    direction:rtl;
    text-align:left; /*right to left but align left...since this could be mixed with LTR cultures*/
}

.DashLaunchOnline *
{
    margin:0;
    padding:0;
}

.DashLaunchOnline .LaunchWindow
{
    border-collapse:collapse;
    border:none;
    /*background-color:Transparent;*/
    display:block;    
    -webkit-overflow-scrolling:touch;
}

.DashCurrentUsers
{
    font-size: 20pt;
}

.SNFeedTime
{
 padding-right: 5px;
 text-align: left;
 font-size: 8pt;
 color: Gray;
}

.SNFeedEntryContainer
{
    margin-bottom: 1px;
    background-color: white;
    padding-left: 5px;
    padding-top: 4px;
}


.SNCommentContainer
{
 text-align: left;
 font-size: 10pt;
 color: black;
 font-family: Arial;
 text-decoration: none;
 background-color:#F2F2F2; 
 padding-left:5px; 
 padding-top:4px; 
 padding-bottom: 4px;
 padding-right: 5px;
 margin-bottom: 2px;    
 overflow: visible;
}

.SNLikeDislike
{
    width: 100%;
    font-size: 8pt;
    background-color:#F2F2F2; 
    padding-left:5px; 
    margin-bottom:5px;
    margin-right:5px;
}
.SNComment
{
    background-color:#F2F2F2; 
    padding-left:5px; 
    padding-top:4px; 
    margin-bottom:5px;
}  



.SNMyStatus
{
 text-align: left;
 font-size: 12pt;
 font-family: Arial;
 text-decoration: none;
 font-weight: normal;
 color: #015BB1;
}

.SNFeedImg30 
{
    margin-right:5px;
    width: 30px;
    height: 30px;
    border: solid 1px gray;
    vertical-align:middle;
}
.SNLinkAttachThumb
{
    margin: 2px 2px 2px 2px;
    width: 200px;
    height: 150px;
    border: solid 1px gray;
}
.SNLinkTitle
{
     text-align: left;
     font-size: 10pt;
     color: black;
     font-family: Arial;
     text-decoration: none;
     font-weight: bold;
}

.SNLinkDesc
{
     text-align: left;
     font-size: 8pt;
     color: black;
     font-family: Arial;
     text-decoration: none;
}
.SNLinkContainer
{
    cursor: pointer;
}
.SNLinkTitleTextBox
{
    font-size: 8pt;
    width: 100%;
    border: solid 1px white;
}
.SNLinkTitleTextBox:Hover
{
    font-size: 8pt;
    width: 100%;
    border: solid 1px grey;
}

.SNFeedImg50 
{
    margin: 2px 2px 2px 2px;
    width: 50px;
    height: 50px;
    border: solid 1px gray;
}

.SNFeedImg100
{
    width: 100px;
    height: 100px;
    border: solid 1px gray;
}



.SNFeedName
{
 text-align: left;
 color: #015BB1;
 font-weight: bold;
 font-family: Arial;
 text-decoration: none;
 cursor: pointer;
}
.SNFeedName:hover
{
 text-align: left;
 color: #015BB1;
 font-weight: bold;
 font-family: Arial;
 text-decoration: underline;
 cursor: pointer;
}

.SNCommentText
{
 text-align: left;
 font-size: 8pt;
 color: black;
 font-family: Arial;
 text-decoration: none;

}


.SNCommentName
{
 text-align: left;
 font-size: 8pt;
 color: #015BB1;
 font-weight: bold;
 font-family: Arial;
 text-decoration: none;

}
.SNCommentName:hover
{
 text-align: left;
 font-size: 8pt;
 color: #015BB1;
 font-weight: bold;
 font-family: Arial;
 text-decoration: underline;
}



.PortletText
{
	background: white;
	border: solid 1px #dedede;
	font: normal Verdana, Arial, Sanserif;
	padding: 4px;
	font-size: x-small;

}
.PortletTitle
{
	font-size: 13pt;
	font-family: Verdana, Arial, Sans-Serif;
	color: #383838;
	font-weight: normal;

	/*background: white url('Img/titleBarBg.gif') repeat-x;*/
}
.DashGoalProgressRow
{
    background-color: #F2F2F2;
    font-size: 8pt;
    color: #002060;
    padding-left: 5px;
}
   
.DashGoalProgressGoal
{
	font-size: 8pt;
    text-decoration: none;
	cursor: pointer;
	font-family: Arial;
	height: 28px;
    margin-bottom: 2px;
}

.WikiTitle
{
	border-top: 0px;
	padding: 5px 0px 5px 10px;
	font-size: 12pt;
	color: #015BB1;
	font-family:  Arial;
	text-align: left;
	width: 100%;
	page-break-before: always;

}
.WikiContainer
{
    padding: 10px 10px 0px 10px;
}

.WikiSpace
{
	border-top: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14pt;
	color: #015BB1;
	font-family:  Arial;
	text-align: left;
	width: 100%;

}

.SNFeedVideoContainer
{
    width: 320px;
    height: 180px;
    cursor: pointer;
    border: solid 1px gray;
}    
.SNFeedVideoPlayButton
{
    cursor: pointer;
    margin-top: -120px;
    margin-left: 100px;
    
}    


.SNFollowerSelect
{
    width:132px;
    height:60px;
    float: left;
    margin: 2px 2px 2px 2px;
    padding-top: 4px;
    padding-left: 2px;
}

.SNFollowerSelect:Hover
{
    background-image: url(/Images/toolbar/follower_hover.gif);
    position: relative;
    width:132px;
    height:60px;
    float: left;
    margin: 2px 2px 2px 2px;
    padding-top: 4px;
    padding-left: 2px;
}
.SNFollowerSelected
{
    background-image: url(/Images/toolbar/follower_select.gif);
    position: relative;
    color: White;
    width:132px;
    height:60px;
    float: left;
    margin: 2px 2px 2px 2px;
    padding-top: 4px;
    padding-left: 2px;
}
.SNFollowerSelectedCheck
{
    float: left;
    position: relative;
    top: -17px;
    left: 3px;
}
.SNBlogTitle
{
	padding-bottom: 1px;
	font-size: 12pt;
	color: #015BB1;
	font-family:  Arial;
	text-align: left;
	font-weight: bold;
}

.SNBlogOverview
{
    FONT-SIZE: 9pt;
    FONT-FAMILY:  Arial;
}
.LSDashCourseRatingCommentLink
{
 width: 98%;
 text-align: right;   
 font-size: 10pt;
 cursor: pointer;
}
.LSDashCourseRatingItemRow
{
 color: #015BB1 !important;
}


/*reset*/
.StyleUI *
{
    margin:0px;
    padding:0px;
}

.StyleUI
{
    /*text-align:center;*/
}

.StyleUI a
{
    color:#333333;
    text-decoration:none;
}

.StyleUI a:hover
{
    color:Black;
}

.StyleUI a:visited
{
    color:#333333;
}

.StyleUI table 
{
    border-collapse:collapse;
    border-spacing:0;
}

.StyleUI .DevPlanLaunchImage
{
    background-image:url('/Images/MediaIcons/play.png');
    width:40px;
    height:27px;
    vertical-align:middle;
}

.StyleUI .UIBlock
{
    margin:10px;
    width:95%;
    max-width:460px;
    display:inline-block;
    vertical-align:top;
    text-align:left;    
    color:White;
}
/*Time for some media queries to adjust based on screen sizes...*/
@media screen and (max-width: 960px)
{
    .StyleUI .UIBlock
    {
        margin-left:auto;
        margin-right:auto;
        display:block;
    }

    .StyleUI .UIBlock .UIDetailsContainer
    {
        display:none;      
    }
}
@media screen and (max-width: 300px) 
{
    /*neutralize the width*/
    .StyleUI .UIBlock
    {
        width:auto;
    }

}

.StyleUI .UIBlock .UIStyle1,.StyleUI .UIBlock .UIStyle2,.StyleUI .UIBlock .UIStyle3,.StyleUI .UIBlock .UIStyle4,.StyleUI .UIBlock .UIStyle5, .StyleUI .UIBlock .UIStyle6
{
   padding:1px;
}

/*mango rgb(240,150,9)*/
.StyleUI .UIBlock .UIStyle1
{
    background-color:rgb(27,161,226);
}

/*purple rgb(162,0,255)*/
.StyleUI .UIBlock .UIStyle2
{
    background-color:rgb(27,161,226);
}

/*lime rgb(162,193,57)*/
.StyleUI .UIBlock .UIStyle3
{
    background-color:rgb(27,161,226);
}

/*teal rgb(0,171,169)*/
.StyleUI .UIBlock .UIStyle4
{
    background-color:rgb(27,161,226);
}

/*blue*/
.StyleUI .UIBlock .UIStyle5
{
    background-color:rgb(27,161,226);
}

/*red*/
.StyleUI .UIBlock .UIStyle6
{
    background-color:rgb(229,20,0);
}

.StyleUI .UIBlock .UIContent
{
    background-color:White;
    color:#444444;
    padding:5px 0px 5px 0px;
}

.StyleUI .UIBlock .UIContent .UIImportant
{
    /*font-size:14px; */
    font-weight:bold;   
}
.StyleUI .UIBlock .UIContent .UIDataChunkLarge
{
    display:block;
    font-size:80%;
    margin:5px;
}

.StyleUI .UIBlock .UIContent .UIDataChunk
{
    display:block;   
    vertical-align:top;
    margin:5px;    
}
.StyleUI .UIBlock .UIContent .UIDataChunk:empty 
{ 
    /*display:none*/
}

.StyleUI .UIBlock .UIContent .UIDataChunk *
{
    vertical-align:top; 
}

.StyleUI .UIBlock .UIContent .UIDataChunk b
{
    /*display:block;*/
}

.StyleUI .UIBlock .UIContent table tr td
{
    padding:5px;
}

.StyleUI .UIBlock .UIHeader
{
    padding: 10px; 
    cursor: pointer; 
}

.StyleUI .UIBlock .UIHeader img
{
    width:24px;
    height:24px;
    vertical-align:middle;
}

.StyleUI .UIBlock .UIHeader span
{
    font-size:133%;
    word-break:break-all;
    vertical-align: middle;
}

.StyleUI .UIBlock .UIHeader .UIHeaderSmall
{
    padding-top: 3px; 
    font-size: 80%;
}

.StyleUI .UIBlock .UIFooter
{
    position:relative;
    width:100%;
    text-align:center;
    background-color:white;
    color:#777777;    
    height:25px;
    padding-bottom:5px;
}

.StyleUI .UILeft
{
    position:absolute;
    left:0px;
    top:0px;
}

.StyleUI .UICenter
{
    margin-left:auto;
    margin-right:auto;
    display:inline-block;
}

.StyleUI .UIRight
{
    position:absolute;
    right:0px;
    top:0px;
}

.StyleUI .UIInfo
{
    height:22px;
    width:38px;    
    border:solid 1px #bbbbbb;
    border-radius: 4px;
    padding-top:2px;
    cursor:pointer;
    font-weight:bold;
    font-size:18px;
    font-style:italic;
    box-shadow: 0px 1px 1px #aaaaaa;
}

.StyleUI .UIFooter .UILeft
{
    margin-left:5px;
}
.StyleUI .UIFooter .UIInfo
{
    margin-right:5px;
}
.StyleUI .UIFooter .UIProgress
{   
    margin-top:5px;
}

.LSMetroButton80
    {
    font-family: "segoe ui",arial,sans-serif;
    font-size: 10pt;
    background-color: rgb(27,161,226);
    cursor: pointer;
    color: #ffffff;
    width: 80px;
    text-align: left;
    vertical-align: middle;
    display:block;
    float: left;
    height: 25px;
    line-height:25px;
    padding-left: 4px;
    padding-top: 2px ;
    padding-right: 2px;
    margin: 2px;
    background-image: url('/images/tiles/tile.arrowright.16.png');
    background-position: right;
    background-repeat: no-repeat;
    }

.LSMetroButton80:hover
    {
    background-color: #8DD0F0;
}

.LSMetroButton160
{
    font-family: "segoe ui" ,arial,sans-serif;
    font-size: 12pt;
    background-color: rgb(27,161,226);
    cursor: pointer;
    color: #ffffff;
    width: 160px;
    text-align: left;
    vertical-align: middle;
    display: block;
    float: left;
    height: 40px;
    padding-left: 4px;
    padding-top: 2px;
    padding-right: 2px;
    margin: 2px;
    background-image: url('/images/tiles/tile.arrowright.32.png');
    background-position: right;
    background-repeat: no-repeat;
    line-height:40px;
}

.LSArrowRight24
{
    background-image: url('/images/tiles/tile.arrowright.24.black.png');
    background-repeat:no-repeat;
    background-position: center;
    width:25px;
    height:25px;
    display: inline-block;
    cursor: pointer;
}

.LSArrowRight16
{
    background-image: url('/images/tiles/tile.arrowright.16.black.png');
    background-repeat:no-repeat;
    background-position: center;
    width:16px;
    height:16px;
    display: inline-block;
    cursor: pointer;
}

.LSArrowDown16
{
    background-image: url('/images/tiles/tile.arrowdown.16.black.png');
    background-repeat:no-repeat;
    background-position: center;
    width:16px;
    height:16px;
    display: inline-block;
    cursor: pointer;
}

.LSArrowLeft24
{
    background-image: url('/images/tiles/tile.arrowleft.24.black.png');
    background-repeat:no-repeat;
    background-position: center;
    width:25px;
    height:25px;
    display: inline-block;
    cursor: pointer;
}

.LSMetroButton160:hover
    {
    background-color: #8DD0F0;
}


.LSVideoEmbed
{
     background: #e5e5e5; 
     border: 1px solid #999; 
     cursor: pointer;
}
.LSVideoSelect
{
    border: 1px solid #767676;
    padding: 5px;
    cursor: pointer;
}
.LSVideoSelect:hover
{
    background: #8DD0F0;
}

.LSVideoSelected
{
	background: rgb(27,161,226);
    color: #ffffff;
    padding: 5px;
    border: 1px solid #767676;
    cursor: pointer;
}

.tileUserIcon96 
  {
   background-image: url("/images/tiles/appbar.user.96.png");
   width: 96px;
   height: 96px;
   position: relative;
   display: inline-block;
}

.tileUserIcon32
  {
   background-image: url("/images/tiles/appbar.user.32.png");
   width: 32px;
   height: 32px;
   position: relative;
   display: inline-block;
}


.tileVideoIcon128
{
    height: 128px;
    width: 128px;
    position: relative;
    display: inline-block;
    background-image: url("/images/tiles/appbar.video.128.png");
    cursor:pointer;
}

.tilePreviewIcon128
{
    height: 103px;
    width: 128px;
    position: relative;
    display: inline-block;
    background-image: url("/images/tiles/appbar.preview.128.png");
    cursor:pointer;
}


.tileVideoIcon96
{
    height: 96px;
    width: 96px;
    position: relative;
    display: inline-block;
    background-image: url("/images/tiles/appbar.video.96.png");
    cursor:pointer;
}

.tileCogIcon96
{
    height: 96px;
    width: 96px;
    position: relative;
    display: inline-block;
    background-image: url("/images/tiles/appbar.cog.96.png");
    cursor:pointer;
}

.tileCogIcon24
{
    height: 24px;
    width: 24px;
    position: relative;
    display: inline-block;
    background-image: url("/images/tiles/appbar.cog.24.black.png");
    cursor:pointer;
}


.tileProfileIcon48
{
    height: 48px;
    width: 48px;
    position: relative;
    display: inline-block;
    background-image: url("/images/tiles/appbar.profile.48.png");
    cursor:pointer;
}

.tilePasteIcon48
{
    height: 48px;
    width: 48px;
    position: relative;
    display: inline-block;
    background-image: url("/images/tiles/appbar.paste.48.png");
    cursor:pointer;
}

.tileProfileIcon48Black
{
   height: 48px;
    width: 48px;
    position: relative;
    display: inline-block;
    background-image: url("/images/tiles/appbar.profile.48.Black.png");
    cursor:pointer;
}

.tileGroupIcon48Black
{
   height: 48px;
    width: 48px;
    position: relative;
    display: inline-block;
    background-image: url("/images/tiles/appbar.groups.48.Black.png");
    cursor:pointer;
}

.tileGroupIcon24Black
{
   height: 24px;
    width: 24px;
    position: relative;
    display: inline-block;
    background-image: url("/images/tiles/appbar.groups.24.Black.png");
    cursor:pointer;
}



.tileProfileIcon24Black
{
   height: 25px;
    width: 24px;
    position: relative;
    display: inline-block;
    background-image: url("/images/tiles/appbar.profile.24.Black.png");
    cursor:pointer;
}


.tileGlobeIcon96
{
    height: 96px;
    width: 96px;
    position: relative;
    display: inline-block;
    background-image: url("/images/tiles/appbar.globe.96.png");
    cursor:pointer;
}


.ResourceAverageRatingContainer
{
    width:100px;
    height:17px;
    background-image:url(/images/rating/0_star.png);
}

.ResourceAverageRatingDetail
{
    height:17px;
    overflow:hidden;
    background-image:url(/images/rating/5_star.png);
}

.MailViewIcon
{
    width:15px;
    height:13px;
    background-image:url(/images/toolbar/tbr_view.gif);
}

.DashManagerViewArrow
{
    background-image: url("/images/tiles/tile.arrowright.16.black.png");
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left;
    width:16px;
    height:16px;
    padding-right:5px;
    float:left;
}

.DashManagerViewBack
{
    background-image: url("/images/tiles/tile.arrowleft.16.black.png");
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left;
    width:50px;
    height:16px;
    padding-left:20px;
    padding-right:5px;
}

.DashManagerViewRow
{
    cursor: pointer;
    display:inline-block;
    white-space:nowrap;
    float:left;
}
.DashManagerViewRowExpand
{
    background-image: url("/images/toolbar/tbr_add_dark_dui.png");
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 16px;
    width: 16px;
    height:16px;
    display:inline-block;
    float:left;
}

.DashManagerViewRowCollapse
{
    background-image: url("/images/toolbar/tbr_collapse_dark_dui.png");
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 16px;
    width: 16px;
    height:16px;
    display:inline-block;
    float:left;
}

.PdfExport
{
    cursor:pointer;
    display:inline-block;
    width:24px;
    height:24px;
    background-image:url('/images/toolbar/tbr_pdf_dark_dui.png');
}

.ExcelExport
{
    cursor:pointer;
    display:inline-block;
    width:24px;
    height:24px;
    background-image:url('/images/toolbar/tbr_exportExcel_dark_dui.png');
}


.PrintSomething
{
    cursor:pointer;
    display:inline-block;
    width:24px;
    height:24px;
    background-image:url('/images/toolbar/tbr_print_dark_dui.png');
}



.ExpandCollapse 

{
    cursor:pointer;
    display:inline-block;
    width:20px;
    height:20px;
    background-image:url('/Images/Twisties/dnarrow.gif');
}

.ExpandCollapseCollapsed
{
    background-image:url('/Images/Twisties/lfarrow.gif'); 
}


.reTool .InsertObjects
{
 background-image: url(/images/toolbar/tbr_insertobjects.gif)  !important;
}

.reTool .VideoManager
{
 background-image: url("/images/toolbar/tbr_video.gif") !important;
}



.DashTrainingMap 
 {
    font-family: "segoe ui",arial,sans-serif;
 }
.DashTrainingMap .Container
 {
     margin: 10px 10px 10px 10px;
 }
 
.DashTrainingMap .Location
 {
    color: #4CB2E1; 
    font-size: 16pt;
    margin-bottom: 10px;
 }
.DashTrainingMap .MapDetail
 {
    color: #001119;
    font-size: 10pt;
 }

.DashTrainingMap .Course
 {
    color: black;
    font-size: 12pt;
    padding-bottom:10px;
 }
DashTrainingMap .Class
 {
    color: black;
    font-size: 10pt;
 }

.DashRotatorUp  
{
    background-image: url('/images/buttons/navup.gif'); 
    height: 18px; 
    width:18px; 
    cursor: pointer;
}
.DashRotatorUp:hover  
{
    background-image: url('/images/buttons/navup_hover.gif'); 
    height: 18px; 
    width:18px; 
    cursor: pointer;
    }
.DashRotatorDown  
{
    background-image: url('/images/buttons/navdown.gif'); 
    height: 18px; 
    width:18px; 
    cursor: pointer;
    }
.DashRotatorDown:hover  
{
    background-image: url('/images/buttons/navdown_hover.gif'); 
    height: 18px; 
    width:18px; 
    cursor: pointer;
    }
.DashRotatorLeft  
{
    background-image: url('/images/buttons/navleft.gif'); 
    height: 18px; 
    width:18px; 
    cursor: pointer;
    }    
.DashRotatorLeft:hover  
{
    background-image: url('/images/buttons/navleft_hover.gif'); 
    height: 18px; 
    width:18px; 
    cursor: pointer;
}    
.DashRotatorRight  
{
    background-image: url('/images/buttons/navright.gif'); 
    height: 18px; 
    width:18px; 
    cursor: pointer;
}    
.DashRotatorRight:hover  
{
    background-image: url('/images/buttons/navright_hover.gif'); 
    height: 18px; 
    width:18px; 
    cursor: pointer;
}    

.ReceiptLink
{
    background-image: url('/Images/FileManager/file.gif'); 
    height: 16px; 
    width:16px; 
    cursor: pointer;
}


.LSMetroPageHead
    {
    font-family: "segoe ui",arial,sans-serif;
    color: #4CB2E1; 
    font-size: 26pt;
    margin-bottom: 10px;
    }
    
.LSMetroHeading
    {
    font-family: "segoe ui",arial,sans-serif;
    color: #767676; 
    font-size: 12pt;
    font-weight: normal;
    }    

.LSMetroDivButton
    {
    font-family: "segoe ui",arial,sans-serif;
    background-color: #4D90FE;
    cursor: pointer;
    font-size: 12pt;
    color: #ffffff;
    margin: 25px;
    padding-left: 10px;
    text-align: left;
    vertical-align: middle;
    border: none;
    background-image: url("/images/toolbar/metro_go_rt.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size:32px 32px;
    border-right: 10px solid #4D90FE;
    }
.LSMetroDivButton:Hover
    {
    background-color: #357AE8;
    border-right: 10px solid #357AE8;
    }


.LSVideoBlock {
    width:320px;
    display:inline-block;
    vertical-align:top;
    background: #eee;
    padding: 10px;
    margin:10px;
    border: 1px solid #ddd;
}

.LSRatingArea .LSTextButtonMinor, .LSRatingArea .LSTextButtonMinor:hover
{
    text-decoration:none;
    cursor:default;
}

.ShoppingCart
{
   width: 60%
}
.ShoppingCart td, .ShoppingCart th
{
    padding:2px;
    border-spacing:0px;
}
.ShoppingCart .ColumnHeader
{
    font-weight: bold; 
    text-align: center;
}

.ShoppingCart .Course
{
    font-weight:bold;
}

.ShoppingCart .Price, .ShoppingCart .DiscountAmount, .ShoppingCart .Quantity, .ShoppingCart .Total
{
    text-align: right;
}

.ShoppingCart .Medium
{
    padding-left: 20px;
}
.ShoppingCart .Enrolled
{
    padding-left: 20px;
}

.ShoppingCart .Participants
{
    padding-left: 50px;   
}
.LSGraphTitle1 
{
    font-size:12pt;
    height:25px;
    white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
    display:inline-block;	
}

.LSGraphTitle2
{
    font-size:10pt;
    height:25px;
    white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display:inline-block;
}
.LSGraphLastCache
{
    font-size: 7pt;
    display: inline-block;
}

.LSVisConfig
{
    cursor: pointer;
    background-color: rgb(27, 161, 226);
    background-image: url('/images/tiles/appbar.cog.48.png');
    width: 48px;
    height: 48px;
}

.LSVisConfig:Hover
    {
    background-color: #8DD0F0;
    }

.DivDateOptions
{
    background-image: url('/images/tiles/tile.arrowright.16.black.png');
    background-position: center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    float:right;
}

.LPCompleteTitle
{
    float: left;
    font-size: 12pt;
    font-weight: bold;
}    
.LPCompletedRemaining
{
    font-size: 8pt;
    color: #939393;
}

.ShadedRow
{
    background-color: #F2F2F2;
    font-size: 10pt;
    color: #002060;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;

}
.ProgressBar
{
    border:solid 1px #015BB1;
    background-color: White;
}    

.ProgressRed
{
    width:125px;
    height:20px;
    position:relative;
    background-color:#C13C3C;
}
.ProgressYellow
{

    width:125px;
    height:20px;
    position:relative;
    background-color:#FEE985;
}
.ProgressGreen
{

    width:125px;
    height:20px;
    position:relative;
    background-color:#96C680;
}
.ProgressLabelRed
{

    text-align:left;
    position:absolute;
    top:2px;
    left:0;
    color:#FFF; 
    font-weight: bold;
}
.ProgressLabelYellow
{
    text-align:left;
    position:absolute;
    top:2px;
    left:0;
    color: #939393;
    font-weight: bold;
}
.ProgressLabelGreen
{
    text-align:left;
    position:absolute;
    top:2px;
    left:0;
    font-weight: bold;
    color: #FFF;
}


button.disabled, input[type=button].disabled
{    
    color:#aaaaaa;
    cursor:default;
}


.tileGlobeIcon96
{
    height: 96px;
    width: 96px;
    position: relative;
    display: inline-block;
    background-image: url("/images/tiles/appbar.globe.96.png");
    cursor:pointer;
}



.tileClassIcon96
{
    height: 96px;
    width: 96px;
    position: relative;
    display: inline-block;
    background-image: url("/images/tiles/appbar.class.96.png");
    cursor:pointer;
}

.tileQuizIcon96
{
    height: 96px;
    width: 96px;
    position: relative;
    display: inline-block;
    background-image: url("/images/tiles/appbar.quiz.96.png");
    cursor:pointer;
}

@media print {
    *
    {
        font-family:Arial, sans-serif;
    }

    a
    {
        text-decoration:none;
        color:inherit;
    }

    .Twisty, .sortControls
    {
        display:none !important;
    }
}


.DashDrilldownCatalog
{
}

.DashDrilldownCatalog .Navigation
{
}

.DashDrilldownCatalog .Description, .DashDrilldownCatalog .Level .TitleExpanded, .DashDrilldownCatalog .Level .TitleCollapsed, .DashDrilldownCatalog .Level .TitleLoading
{
    font-weight:bold;
    color:Gray;
    font-size:14pt;    
    cursor:pointer;
}

.DashDrilldownCatalog .Level .TitleLoading
{
    padding-bottom:20px;
    background: url('/Images/brand/66/catalogajax.gif') no-repeat;
    background-position:bottom;
}

.DashDrilldownCatalog /*.Navigation */.Level
{
    margin:10px;
    width:95%;
    max-width:440px;
    display:inline-block;
    vertical-align:top;
    text-align:left; 
}

.DashDrilldownCatalog .BreadCrumbs
{
    margin-bottom:10px;
}

.DashDrilldownCatalog .BreadCrumbs .BreadCrumb
{
    display:inline-block;
    padding-right:10px;
    color:gray;
    font-style:italic;    
    cursor:pointer;
}


.LSTextHelper {
    height: 32px;
    background-color: #F2F2F2;
    border-top: 1px solid #E6E6E6;
    border-left: 1px solid #B4BBCD;
    border-right: 1px solid #B4BBCD;
    border-bottom: 1px solid #B4BBCD;
    z-index: 999999;
}
.LSSpellCheckButton, .LSTextAssistantButton {
    height: 32px;
    width:32px;
    border: 0px;
    background-image: url('/images/buttons/spellcheck.png');
    background-position:center center;
    background-repeat: no-repeat;
    border-right: 1px solid #E6E6E6;
    cursor:pointer;    
}
.LSSpellCheckButton:hover, LSTextAssistantButton:hover{
    background-color: #E9E9E9;
}

.LSTextAssistantButton
{
    background-image: url('/Images/buttons/writingassistance.png');
}




A.CTEdit
{

	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
}
A.CTEdit:hover
{

	border-right: black 2px solid;
	border-top: black 2px solid;
	border-left: black 2px solid;
	border-bottom: black 2px solid;
}

.ProfileGridHeader {
	font-weight: bold;
	text-align: left;
}
.ProfileGridHeader td 
{
    text-align: left;
}

.ProfileGridLabel {
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 20%;
	text-align: left;
}

.ProfileNineBox {
	border-color: black;
	border-width: 1px;
	border-style: solid;
	width: 33%;
	height: 50px;
}

.ProfileSection {
	border-width: 1px;
	border-style: solid;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: left;
}

.ProfileSectionTitle
{
	font-family:Arial;
	font-weight: bold;
	font-size: 10pt;
	padding: 5px;
	text-align: left;
}


.ProfileEditLink {
    padding: 2px 2px 2px 2px;
    color: White;
    font-size: 10pt;
 	text-decoration: none;   
}
.ProfileEditLink:hover {
    padding: 2px 2px 2px 2px;
    background-color: #ECECEC;
    font-size: 10pt;
 	text-decoration: underline;   
}

.DashRotator .divRotatorContext li {
    overflow: visible !important; 
    clear: both !important;
    float: none !important; 
    display: list-item !important; 
}

.DashRotator .divRotatorContext ul li {
    list-style-type: disc !important;
}

.tileResourceIcon32 
  {
   background-image: url("/images/tiles/appbar.resource.32.png");
   width: 32px;
   height: 32px;
   position: relative;
   display: inline-block;
}

.tileResourceIcon96 
  {
   background-image: url("/images/tiles/appbar.resource.96.png");
   width: 96px;
   height: 96px;
   position: relative;
   display: inline-block;
}


.updateAlert
 {
    border-bottom:10px;
    border-bottom-color: #FFFFFF;
    border-bottom-style: solid;
    border-top:10px;
    border-top-color: #FFFFFF;
    border-top-style: solid;
    background-color: #FE9D10;
    height: 64px;
    width:100%;
    position: absolute;
    top: 0;
    left:0;
    color: #FFFFFF;
    text-align:center;
    font-size: 32px;
    font: Segoe UI;
    line-height: 64px;
    display:none;
    z-index: 10000;
 }

.updateAlertClose
{
    position: absolute;
    top: 10px;
    left:100%;
    margin-left:-45px;
    cursor:pointer;
    width:35px;
    height:36px;
    background-image: url('/images/toolbar/tbr_cancel_dui.png');
    background-repeat: no-repeat;
    font-size:8pt;
    background-position: top center;
}

.updateAlertMore
{
    margin-left:20px;
    width:130px;
    height: 40px;
    background-color: #FF5003;
    color: #ffffff;
    font-size:18px;
    display:inline-block;
    line-height:40px;
    cursor:pointer;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
  
}
.updateAlertMore:hover
{
    background-color: #E76A03;
}


/*Case Number 22180 Fix for RadDatePicker IE11 Wrap Issue*/
.RadPicker {
    display: inline-block !important;
}

/* Scrollable table body CSS styles
These CSS table styles will force the table header to be fixed and allow the table body to be 
scrollable.  The table must be wrapped in a div tag with the following class="divScrollingTable"  */
div.divScrollingTable table {
    border-collapse: collapse;
    width: 99%;
}
div.divScrollingTable thead {
    text-align:left;
    display: table;
    float: left;
    width: 100%;
}
div.divScrollingTable thead tr {
    display: table-row;
    width: 100%;
}
div.divScrollingTable thead th {
    border: 1px solid transparent;
}
div.divScrollingTable tbody {
    display: block;
    height: 120px;
    overflow: auto;
    float: left;
    width: 100%;
}
div.divScrollingTable tbody tr {
    display: table;
    width: 100%;
}
div.divScrollingTable tbody tr {
    height: 25px;
}
div.divScrollingTable tbody td {
    padding:1px 2px;
}
div.divScrollingTable tr:after{   /* IE8 fix */
    content: ".";
    margin-left: -3px; /* to hide the content above tr */ /* not necessary if you are ok with 1px gap */
    visibility: hidden;
}
/* End of scrollable table body CSS styles */


.tileTitle
   {
   position: relative;
   display: inline-block;
   color: #ffffff;
   font-family: "Segoe UI",Arial,Helvetica;
   font-size: 20pt;
   height: 48px;
   vertical-align: middle;
   }
        
.tileTextLine
   {
   position: relative;
   display: inline-block;
   color: #ffffff;
   font-family: "Segoe UI",Arial,Helvetica;
   font-size: 12pt;
   vertical-align: middle;
   }


.tileGraphIcon32
  {
   background-image: url("/images/tiles/appbar.graph.32.png");
   width: 32px;
   height: 32px;
   position: relative;
   display: inline-block;
}

.MediaIcon
{
    vertical-align: middle;
    border:0;
}

.TalentDoc .Invalid
{
    background-color: rgba(193,60,60,.25);
}


.TalentDoc fieldset
{
    width:95%;
}


.TalentDoc .QuestNumber
{
    display: inline-block;
    width:30%;
}

.TalentDoc .Question
{
    display: inline-block;
}

     
.TalentDoc .Bottom
{
    margin-right:100%;
    width:100%;
}

.TalentDoc .DDL
{
    display: inline-block;
    background-color: transparent;

}


.TalentDoc .CompTitle
{
    font-weight: bold;
    font-size:10pt;
    text-align:center;
    width:100%;
    padding-bottom:.4em;
}

.TalentDoc .PersonName
{
    font-weight: bold;
    font-size:10pt;
    text-align:center;
    width:100%;
    padding-bottom:.4em;
}

.TalentDoc .CompTitle
{
    font-weight: bold;
}

.TalentDoc .CompLevelDesc
{
    width:100%;
    font-weight:bold;
}

.TalentDoc .RatingHead
{
    width:70%;
    margin-left:30%;
    display: inline-block;
}

.TalentDoc .RatingValue 
{
    width: 70%;
    display: inline-block;
}

.TalentDoc .RatingTable
{
    width: 100%;
}

.TalentDoc .RatingTable td
{
	text-align: center;
}

.TalentDoc .txtarea
{
    width: 95%;
    min-height: 100px;
    padding:2px;
}


.TalentDoc .txtarea.indented
{
    margin-left: 30%;
    min-height: 100px;
    width:65%;
    padding:2px;
}

.TalentDoc .ReadOnlyDisplay
{
    overflow:auto;
    border-style:solid;
    border-color:#aaaaaa;
    color:#aaaaaa;
    border-width:1px;
    padding:2px;
    background-color:white;
    min-height:100px;
    width: 95%;
}

.TalentDoc .ReadOnlyDisplay.Indented
{
    margin-left: 30%;
    width:65%
}

.TalentDoc .ReadOnlyDisplay *
{
    color:#aaaaaa !important;
    background-color:white !important;
}

#printPerformancePlan
{
    padding: 10px 10px 10px 10px;
    background-color: white;
}




.accordion, .accordion * {
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}
 
.accordion {
    overflow:hidden;
    border-top: solid 6px #ED1C22;
    box-shadow:0px 1px 3px rgba(0,0,0,0.25);
    border-radius:3px;
    background:#f7f7f7;
}
 
/*----- Section Titles -----*/
.accordion-section-title {
    width:100%;
    padding:15px;
    display:inline-block;
    border-bottom:1px solid #F1F1F1;
    background:#fff;
    transition:all linear 0.15s;
    /* Type */
    font-size:1.200em;
    /**text-shadow:0px 1px 0px #1a1a1a;*/
    color:#6D6E72;
}
 
.accordion-section-title.active, .accordion-section-title:hover {
    background:#D5F1FC;
    /* Type */
    text-decoration:none;
}
 
.accordion-section:last-child .accordion-section-title {
    border-bottom:none;
}
 
/*----- Section Content -----*/
.accordion-section-content {
    padding:15px;
    display:none;
}


.DashHTML.EnableScrolling
{
    overflow: auto; 
    width: 100%; 
    height: 100%;
}


.divCloak
{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 8pt; 
    color: #000000; 
    width: 100%; 
    height: 22px; 
    top: 0px; 
    left: 0px; 
    overflow: hidden; 
    background-color: #FFFFCC; 
    border-bottom-style: solid; 
    border-bottom-width: 1px; 
    border-bottom-color: #C0C0C0; 
    border-top-style: solid; 
    border-top-width: 1px; 
    border-top-color: #C0C0C0; 
    padding-left: 10px; 
    vertical-align: middle;
    z-index:9999;    
}

table.LoginBrandContainer
{
    border:0;
    border-collapse:collapse;
    border-spacing:0;
    padding:0;
    width:100%;
    height:100%;
}


.DashCompanyDirectory
{
    background-color: #ffffff;
}


div.WordWrapping > div > table > tbody tr td + td + td + td {
    word-break: break-all;
}


.DashCompanyDirectoryBlock
{
    min-height:80px;
    min-width:400px;
	display: inline-block;
}
.DashCompanyDirectory
{
    background-color: #ffffff;
}

.DashCompanyDirectoryFilled
{
    min-height:160px;
    min-width:400px;
	display: inline-block;
	background: #FEFEFE;
	border: 2px solid #FAFAFA;
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	margin: 0 2px 15px;
	padding: 15px;
	padding-bottom: 5px;
	background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);
	opacity: 1;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.DashCompanyDirectoryPartA {
  height:100px;
  width: 225px;
  display: inline-block;
  vertical-align:top;
}

.DashCompanyDirectoryOrg {
  height:70px;
  text-align: left;
  display: inline-block;
  vertical-align:top;
}

.DashCompanyDirectoryOrgPartA {
  height:70px;
  display: inline-block;
  vertical-align:top;
}

.DashCompanyDirectoryPartB {
  height:150px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align:top;
  cursor:pointer;
  width:225px;
}
.DashCompanyDirectoryPartB:hover {
  background-color: #eee;
}

.DashCompanyDirectoryPartBRow {
  height:35px;
  width:100%;
  padding: 4px;
  line-height:35px;
  border: 1px solid Gray;
}

.DashCompanyDirectoryPartBSpacer {
  height:10px;
  width:50%;
  border-right: 1px solid Gray;
}


H4
{
    font-size:10pt;
}

.DashClassSignin canvas
{
    width:425px;
}

@media screen and (max-width: 650px)
{
    .DashClassSignin canvas
    {
        width: 300px;
    }
}

.DashClassSignin .clearfix:after {
    content: "";
    display: table;
    clear: both;
}