/*************************************************************************************
This style sheet is used for all base styling and layout for items specific to
Knowlagent. Items that have multiple points of visibility in the UI should go
here. Items that only have a single point should go in the KnowlagentCustomStyles.css
file. Keep Categories in all caps please.
*************************************************************************************/

/******************************************************************************
SITE MASTER LAYOUT ( BASE CONTAINERS, GRID, ACTION BAR, SUB NAVIGATION )
******************************************************************************/
#siteWrapper
{
    height: 100%;
    width: 100%;
	min-width: 1000px;
	min-height: 768px;
	background-color: #fff;
    overflow: Hidden;
}

/******************************
For Below IE7 Version
*******************************/    
*+html #siteWrapper
{
    width: 100%;
    height:auto;
    min-width: 1000px;
    min-height: 768px;
    background-color: #fff;
    overflow: Hidden;
    }

#headerContainer
{
	height: 60px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
}

#headerContent
{
	height: 100%;
	padding-top: 10px;
}

.headerTextItemValue
{
	font-weight: bold;
}

.logOutText
{
  	font-weight: bold;
  	font-size: 16px;
    padding-left: 20px;
    text-decoration: none;
    color: #000000;
    vertical-align: top;
}

#logoContainer
{
	float: left;
}

#menuContainer
{
	float: right;
	padding-top: 15px;
}

#iconNavigationContent
{
    float: right;
    padding-right: 6px;
    margin-top: 7px;   
}

.iconNavigationAdjusted
{
    float: right;
    padding-right: 0px;
    margin-top: 0px;
}

.usersInfo
{
    float: right;
    padding-right: 20px; 
    margin-top: 4px;
}

#subNavigationWrapper
{
	height: 39px;
	background-image: url(../../CommonUI/Images/subnavigation-background.gif);
	background-repeat: repeat-x;
	
}

#subNavigationContent
{
	height: 70%;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 13px;	
	float: left;
	width:50%;	
	
}

.innerNavigationContainer
{
	height: 10px;
	background-color: #669933;	
}

.innerNavigationContainerAdjusted
{
	height: 25px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #669933;
}

.innerNavigationContentAdjusted
{
	float: left;
    clear: both;
    padding-top: 4px;
    
}

.contentWrapperHidden
{
	display: none;
}

.contentWrapperVisible
{
	display: block;
}

#contentContent
{
	height: 100%;
	background-color: #fff;
}

.actionBarContainer
{
    background-color: #fff;
    padding-top: 10px;
    padding-right: 8px;
}    

.actionBarLayout
{
    padding: 10px 10px 0 10px;
    float: left;
}    

.filterBarLeft
{
	background-image: url(../../CommonUI/Images/filter-left.gif);
	width: .45%;
	height: 43px;
	float: right;
	background-repeat:no-repeat;
}

.filterBarRight
{
	background-image: url(../../CommonUI/Images/filter-right.gif);
	width: 1%;
	height: 43px;
	float: right;
	background-repeat:no-repeat;
}

.filterBarLayout   
{
    padding: 6px 0 10px 0;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    background-color: #e7e8ea;
    height: 25px;
    float: right;
}

.filterSelectorLayout   
{
    padding: 10px 0;
    border:1px solid #999;
    background-color: #e7e8ea;
    height: 25px;
    float: right;
    width:415px;
}

.CoursefilterSelectorLayout {
    padding: 10px 0 10px 5px;
    border: 1px solid #999;
    background-color: #e7e8ea;
    height: 25px;
    float: right;
    width: 415px;
}

.filterCriteria 
{
    margin-left:-1px;
    margin-bottom:10px;
    padding-top:8px;
    display:none;
    width:400px;
    float: left;
    height: auto;  	
}

.filterCriteriaHover
{
    opacity: 0.9;
    filter: alpha(opacity=90);
    position: absolute;
    width: 384px;
    background-color: #e7e8ea;
    border: 1px solid #999;
    padding: 8px;
    -moz-border-radius-bottomright: 25px 50px;
    border-bottom-right-radius: 7px 14px;
    border-bottom-left-radius: 7px 7px;
    max-height:400px;
    overflow:auto;
}

.commonActionFilterBarContainer
{
    width:98% !important;
}

.filterSelectorLabelDiv
{
    float:left; 
    padding-right: 10px; 
    padding-top:8px;
}

.filterSelectorDropDownDiv
{
    float:left; 
    padding-top:5px;
}

.filterSelectorImageDiv
{
    float:left; 
    padding-top: 8px; 
    padding-left: 10px;
}

.gridContainer
{
    width: 100%;
    height: 100%;
}

.gridLayout
{
    padding: 10px;
}

.rgPagerCell 
{
    border-top: .1px solid #5d8cc9 !important;
    border-bottom: .1px solid #5d8cc9 !important;
}

.radSubMenuItem 
{
    background-color: #669933 !important;
    color: #fff !important;
    top: 0;
    left: 0;
    font-size: 11px;
}

.radSubMenuItem:hover
{
    color: #000 !important;
    cursor:pointer !important; 
}

.radSubMenuItemSelected
{
    color: #000 !important;
}

.inheritanceContainer
{
	width: 100%;
	padding-top: 10px;
	float:left;
	margin-left:-1px;
	margin-top:-13.5px !important;	
}

.addEditAssignmentDefRadioButtonWrapper
{
    padding-top: 9px; 
    padding-bottom: 30px; 
    margin-left: -3px;
}

.addEditAssignmentDefRadioButton
{
    float:left; 
    padding-right: 30px;
}

.addEditAssignmentDefFilterTasks
{
    float:left; 
}

.addEditAssignmentDefTaskBundles
{
    float:left; 
    display: none;
}

.addEditAssignmentDefLabel
{
    padding-right: 10px;
}

/******************************************************************************
OVERLAY MASTER LAYOUT
******************************************************************************/
    
#overlayWrapper
{
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow: hidden;    
}

#overlayContentContainerWrapper, #overlayContentContainer
{
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

#overlayButtonContainer
{
    margin: 0;
    width: 100%;
    display: inline;
}

#overlayButtonLayout
{
    float: right;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-right: 10px;
}

.overlayWindow
{
    z-index: 9000 !important;
}

/******************************************************************************
OVERLAY Pricing LAYOUT
******************************************************************************/

#overlayButtonLayoutPricing
{
    float: right;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    margin-right:10px;
}

/******************************************************************************
CONFIGURE MASTER LAYOUT
******************************************************************************/
#configureWrapper
{
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow: hidden;
}

#configureContentContainer
{
    padding-left: 10px;
    padding-right: 10px;
}

/******************************************************************************
LOGIN LAYOUT
******************************************************************************/
.loginBody, .updatePasswordBody
{
    background-color: #f4f4f4;   
}

.primaryColor
{
    background-color: #4caf50;    
}

#loginWrapper, #legacyLoginWrapper
{
	text-align: center;
    width: 100%;
    height: 100vh;
	min-width: 1000px;
	min-height: 768px;
    background-color: #fff;
    overflow: hidden;
    padding-top: 100px;
}

#loginWrapper
{
    text-align: left;
    background-color: #f4f4f4;   
}

#loginWrapper label, #loginWrapper input
{
    font-size: 16px;
}

.loginHeader 
{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: white!important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
}

#loginFormWrapper, #updatePasswordFormWrapper
{
    width: 400px;
    margin: auto;
    background-color: #efeff4;
    border-radius: 4px;
    box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

#loginFormWrapper, #loginFormContent
{
    height: 600px;
}

#loginFormContent
{
    background-color:#efeff4;
}

#updatePasswordFormWrapper
{
    height:600px;
}

.loginLink, .loginLink:hover, .loginLink:visited
{
    color: #000;
}

#loginLogoContainer
{
	text-align: left;
	border: 1px solid #999;
	width: 400px;
	background-color: #fff;	
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	display: block;
	height: 50px;	
}

#loginIntradiemLogoContainer
{
    padding-top: 18px;
}

#loginContainer
{
	text-align: left;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	width: 400px;
	background-color: #e5e5e5;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	display: block;	
}

#loginErrorContainer, #legacyLoginErrorContainer, #ie8LoginErrorContainer
{
	text-align: left;
	padding-top: 20px;
	display: block;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.loginMediumIcon, .updatePasswordMediumIcon
{
    margin: 0 0 20px 0;
    height: 48px;
    width: 48px;
}

#dvPasswordHelp
{
    height:100px;
}

#divLoginUpdatePassword{
    padding-right: 10px;
    padding-bottom: 10px;
    justify-content: flex-end;
    width: 100%;
}

.updatePasswordHeader {
    background-color: white;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
}

#divUpdatePasswordButton {
    float: right;
}

#divUpdatePasswordTitle{
    width: 100%;
    padding: 0 16px;
}

#ie8LoginContainer, #ie8UpdatePasswordContainer
{
    width: 100%;
    height: 100%;
    min-width: 1000px;
    min-height: 768px;   
    background-color: #f4f4f4;
    padding-top: 100px;
}

#ie8LoginWrapper, #ie8UpdatePasswordWrapper
{
    width: 400px;
    height: 550px;
    margin: auto;
    font-family: Roboto,'Helvetica Neue',sans-serif;
    border: 1px solid black;    
    background-color: #fff;
}

#ie8LoginWrapper
{
    height: 600px;
}

#ie8UpdatePasswordWrapper
{
    height: 600px;
}

#ie8LoginHeader, #ie8UpdatePasswordHeader
{
    background-color: #fff;
    display: table-cell;
    vertical-align: bottom;
    font-size: 20px;
}

#ie8LoginHeaderContainer{
    position: relative;
    padding: 16px;
    width: 400px;
    height: 142px;
}

#ie8LoginHeader {
    position: absolute;
    bottom: 10px;
    left: 15px;
}

#ie8UpdatePasswordHeaderContainer {
    height: 64px;
    float: left;
    width: 384px;
    display: table-row;
    padding-left: 16px;
    padding-top: 10px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
}

#ie8divBackbutton{
    display: table-cell;
}

.ie8Backbutton {
    color: rgba(255,255,255,1);
    cursor: pointer;
}

#ie8UpdatePasswordTitle{
    display: table-cell;
    padding-left: 16px;
    vertical-align: bottom;
}


#ie8LoginBody {
    padding: 32px 16px 16px 16px;
    background-color: #efeff4;
}

#ie8UpdatePasswordBody {
    padding: 32px 16px 16px 16px;
    background-color: #efeff4;
    height: 402px;
    display: table-row;
    width: 368px;
}

#ie8LoginBody label, #ie8UpdatePasswordBody label
{
    font-size: 16px;
}

#ie8LoginBody input, #ie8UpdatePasswordBody input
{
    width: 100%;
    font-size: 16px;
    box-sizing: border-box;
    border-top:none;
    border-right:none;
    border-left:none;
}

#ie8LoginBody {
    position: relative;
    height: 378px;
}

#divIE8LoginUpdatePassword {
    position: absolute;
    left: 0px;
    bottom: 20px;
    width: 100%;
    text-align: right;
}

#ie8LoginFooter img
{
    margin: 0 auto 0 auto;
    width: 50px;
    height: 50px;
}

#ie8LoginFooter
{
    margin-top: 35px;
    text-align: center;
}

.ie8FormRow
{
    width: 100%;
    padding: 0 0 8px 0;
    min-height: 25px;
}

.ie8FormRow input, .ie8FormRow label
{
    width: 100%;
}

.ie8Button
{
    border-radius: 3px;
    box-sizing: border-box;
    color: currentColor;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    outline: 0;
    border: 0;
    display: inline-block;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 6px;
    margin: 6px 8px;
    line-height: 36px;
    min-height: 36px;
    background: 0 0;
    white-space: nowrap;
    min-width: 88px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    font-style: inherit;
    font-variant: inherit;
    font-family: inherit;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1);
    color: #fff;
}

.ie8LoginPrimaryButton, .ie8UpdatePasswordPrimaryButton
{
    background-color: #4CAF50;
    float: right;
}

.ie8LoginSecondaryButton, .ie8UpdatePasswordSecondaryButton
{
    /*background: none;*/
    color: #000;
}

.ie8LoginSecondaryButton:hover, .ie8UpdatePasswordSecondaryButton:hover
{
    background-color: #f4f4f4;
}

.ie8errorText
{
    color: red;
}

.ie8UpdatePasswordFields{
   overflow:auto;
   max-height:500px;
   height: 478px;
   padding-left: 16px;
   width:384px;
}

#launchWrapper
{
    text-align: left; 
    padding-top: 200px; 
    width: 45%; 
  	font-family: Arial;
	font-size: 14pt;
	font-weight:bold;
	color:#B4B4B4;
}

.updatePasswordHelpText{
    padding-left:0px;
    list-style-type: none; 
}

.updatePasswordFields{
    overflow-x:hidden;
    max-height:440px;
}

/******************************************************************************
LEGACY LAYOUT AND STYLES
******************************************************************************/
.iFrameContainer
{
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.iFrameContainerReports
{
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.iFrameLayout
{
    height: 100%;
}

.iFrameLayoutReports
{
    height: 97%;
}

#legacyConfigureWrapper
{
	height:100%;
	width:100%;  
}

#legacyConfigureContainer
{
    padding: 10px; 
    background-color: #fff;
}  

#legacyConfigureLayout
{
    margin: 10px; 
    height: 100%; 
    position: relative;
}

#legacySystemProfileNavigationContainer
{
    width: 25%; 
    height: 345px; 
    float: left;
}

#legacySystemProfileContentContainer
{
    width: 73%;
    height: 345px; 
    float: left;
}

#legacySystemProfileNavigationContent
{
    width: 100%; 
    height: 345px; 
    border: 1px solid #999; 
    overflow: auto; 
    background-color: #fafafa; 
}

#legacySystemProfileSettingsContent
{
    width: 100%; 
    height: 345px; 
    border: 1px solid #999; 
}

#legacyConfigureToolBar
{
    width: 250px; 
    height: 100%; 
    position: relative; 
    border: 1px solid #999; 
    overflow: auto; 
    background-color: #fafafa; 
    float: left;
}

#legacyTree
{
	padding: 10px;
}

#legacyConfigureSpacer
{
    height: 100%; 
    width: 10px; 
    float: left;
}

#legacyConfigureContent
{
    height: 100%; 
    width: 300px; 
    border: 1px solid #999; 
    position:relative;
    float: left;  
}

.labelMarginLeft 
{
    margin-left: 5px;
}

.standardFormLabel
{
    font-weight: bold;
    color: #333333;
}

.standardFormLabelRequired
{
    font-weight: bold;
    color: #FF0000;
}

.standardFormValues
{
    font-weight: bold;
    color: #0267CA;
}

.standardFormInstructions
{
    font-weight: bold;
    color: #394d84;
}

.standardFormTextInputBox
{
    color: #0267CA;
    font-weight: normal;
    border-style: solid;
    border-color: #666;
}

.standardFormCheckBoxPadders
{
	padding-right: 5px;
}
.ucareatitle
{
	font-family: Arial;
	font-size: 14pt;
	color: #394D84;
	text-align: center;
}
.scorecarditemtitle
{
	font-family: Arial;
	font-size: 11pt;
	font-weight: bold;
	color: #394D84;
}
/******************************************************************************
SHARED ACTION BUTTON STYLES
******************************************************************************/
.actionBarAdd
{
	background-image: url('/CommonUI/Images/add.png');
}

.actionBarDelete
{
	background-image: url('/CommonUI/Images/delete.png');
} 

.actionBarBulkEdit
{
	background-image: url('/CommonUI/Images/bulk-edit.png');
} 

.actionBarAssign
{
	background-image: url('/CommonUI/Images/assign.png');
}

.actionBarShare
{
	background-image: url('/CommonUI/Images/share.png');
}

.actionBarCreateBundle
{
	background-image: url('/CommonUI/Images/create-task-bundle.png');	
}

.actionBarAddTaskToTaskBundle
{
	background-image: url('/CommonUI/Images/add-to-task-bundle.png');	
}

.actionBarConfirmCompletion
{
	background-image: url('/CommonUI/Images/accept.png');
} 

.actionBarPauseRule
{
    background-image:url('/CommonUI/Images/pause.png');
}

.actionBarResumeRule
{
    background-image:url('/CommonUI/Images/un-pause.png');
}

.actionBarTestModeOnRule
{
    background-image:url('/CommonUI/Images/test-mode-on.png');
}

.actionBarTestModeOffRule
{
    background-image:url('/CommonUI/Images/test-mode-off.png');
}

/******************************************************************************
SHARED FORM STYLES ( LABELS, DATA, INSTRUCTIONAL TEXT, REQUIRED, ETC. )
******************************************************************************/
.requiredAsterisk
{
    color: Red;
    width: 7px;
    display: inline-block;
}

.requiredPad
{
    width: 7px;
    display: inline-block;
}

.requiredAsteriskDiv
{
	padding-top: 2px;
    color: Red;
    width: 7px;
    float: left;
}

.requiredAsteriskDivDisabled
{
	padding-top: 2px;
    color: Gray;
    width: 7px;
    float: left;
}

.requiredPadDiv
{
    width: 7px;
    float: left;
}

.labelContainer
{
    padding-top: 2px;  
    float: left; 
    min-width: 155px;
}

.labelContainerIE7
{
    padding-top: 2px;
    float: left;
    min-width: 155px;
}

.labelContainerEllipsis
{
    padding-top: 2px;  
    float: left; 
    width: 155px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.labelContainerSetWidth
{
    padding-top: 2px;  
    float: left; 
    width: 155px;
}

.labelContainerEllipsisChrome
{
    padding-top: 2px;  
    float: left; 
    width: 154px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.labelContainerNoWidth
{
    padding-top: 2px;  
    float: left; 
}

.labelContainerNoWidthWrap
{
   word-wrap: break-all;
}

.labelContainerSetWidth
{
    padding-top: 2px;  
    float: left; 
    width: 120px;    
}

.labelContainerSetCustomWidth {
    padding-top: 2px;
    float: left;
    width: 130px;
}

.labelValue
{
    color: #0267CA;
}

.valueContainer
{  
    float: left;
}

.valueContainerSetWidth
{  
    float: left;
    width: 125px;
}

.valueContainerSetWidthWide
{
    float: left;
    width: 200px;
}

.valueContainerRight
{  
    float: right;
}

.formRowContainer
{
	width: 100%; 
	padding-top: 10px;
}

.formRowContainerIE7
{
    width: 101%;
    padding-top: 10px;
}

.formInstructions
{
    font-size: 13px;
    color: #333;
}

.formInstructionsLogin
{
    font-size: 14px;
    font-weight: bold;
    color: #555;
}

.formLabel
{
    color: #333;
    padding-right: 3px;
}

.formLabelDisabled
{
    color: #ccc;
    padding-right: 3px;
}

.formHeader
{
    font-size: 16px;
    font-weight: bold;
    color: #555;
    word-wrap: break-word;
}

.formSubHeader
{
    font-size: 13px;
    font-weight: bold;
    color: #333;
}

.formTextBox
{
    color: #0267CA;
    border: 1px solid #999;
    background-color: #fff;
    width: 240px;
    height: 18px;
    resize: none;
    padding: 2px;
}


.formTextBox:disabled 
{
    color: #787777;
    border: 1px solid #ccc;
    background-color: #fff;
    width: 240px;
    height: 18px;
}

.formTextBoxMediem
{
    color: #0267CA;
    border: 1px solid #999;
    background-color: #fff;
    width: 120px;
    height: 18px;
    resize: none;
}

.formTextBoxSmall
{
    color: #0267CA;
    border: 1px solid #999;
    background-color: #fff;
    width: 100px;
    height: 18px;
    resize: none;
}

.formTextBoxXSmall
{
    color: #0267CA;
    border: 1px solid #999;
    background-color: #fff;
    width: 80px;
    height: 18px;
    resize: none;
}

.centerText
{
  text-align:center;
}

.formTextBoxDisabled
{
    color: #0267CA;
    border: 1px solid #ccc;
    background-color: #fff;
    width: 240px;
    height: 18px;
}

.formTextBoxSmallDisabled
{
    color: #0267CA;
    border: 1px solid #ccc;
    background-color: #fff;
    width: 100px;
    height: 18px;
}

.formDropDownList
{
    color: #0267CA;
    border: 1px solid #999;
    width: 244px;
}

.formCheckBox label
{
	padding-left: 3px;
	top: -2px;
}

.requiredPadCheckBoxAllowAgentToEndSessionEarly
{	
	padding-left: 41px;	
}

.formCheckBoxList label
{	
	padding-left: 3px;
	top: -2px;
	margin-right: 12px;
}

.formRadioButton label
{
	position: relative;
	top: -2px;
}

.formComboBox
{
    color: #0267CA;
    width: 244px !important;
}

.formComboBoxSmall
{
    color: #0267CA;
    width: 135px !important;
}

.formComboBoxMedium
{
    color: #0267CA;
    width: 190px !important;
}

.formUpload
{
    color: #0267CA;
    background-color: #f5f5f5;
    height: 22px;
}

.formDividerPadSmall
{
	width: 35px;
	float: left;
}

.formDividerPadMedium
{
	width: 70px;
	float: left;
}

.formDividerPadLarge
{
    width: 105px;
    float: left;
}

.formDividerPadDefault
{
	width: 10px;
	float: left;
}

.formError
{
	color: #ff0000;
	font-weight: bold;
}

/******************************************************************************
SHARED: COMMENTS
******************************************************************************/
.commentsMain
{
	margin: 0 !important;
    padding: 0 0 10px 0 !important;
    border: 1 !important;
    border-color: #999 !important;
	font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 12px !important; 
    color: #000 !important;   
    background-color: #fff !important;
   
}

.commentsSelf
{
    color: #0267CA !important;
    font-weight: bold;
}

.commentsOther
{
    color: #333 !important;
    font-weight: bold;
}

/******************************************************************************
SHARED: ATTACHMENTS
******************************************************************************/
#attachmentContainer
{
	border: 1px solid #999;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #f5f5f5 !important;
}

/******************************************************************************
SHARED: TIME ZONE CONTROL
******************************************************************************/
.timeZoneContainer
{
    background-color: #fff;
}

.timeZoneLayout
{
    padding: 10px 8px 0 10px;
    float: right;
}

.timeZoneLabel
{
	margin-top: 4px;
	float: left;
}

.timeZoneContainerNoTimeZone
{
    display: none;
}

/******************************************************************************
SHARED: GROUP BY CONTROL
******************************************************************************/
.groupByContainer
{
    width: 49%;
    float: left;
    height: 55px;
}

.groupByButtonContainer
{
	width: 110px;
	float: left;
	position: absolute;
}

.groupByLabelContainer
{
	float: left;
	margin-left: 110px;
}

.groupByButtonContainerIE7
{
	width: 110px;
	float: left;
}

.groupByLabelContainerIE7
{
	float: left;
}

.groupByContentDiv
{
	width: 100%;
	height: 220px;
	overflow: auto;
	border: 1px solid #999;
}

.groupByLabel
{
    padding-top: 3px; 
    display: inline-block;
    padding-right: 10px;
    padding-left:14px;
}

/******************************************************************************
SHARED: FILTER BY CONTROL
******************************************************************************/
.filterByContainer
{
    width: 50%;
    float: left;
    height: 55px;
}

.filterByContainerNoGroupBy
{
    width: 100%;
    float: left;
    height: 55px;
}

.filterByButtonContainer
{
	width: 110px;
	float: left;
	position: absolute;
}

.filterByLabelContainer
{
	float: left;
	margin-left: 110px;
}

.filterByButtonContainerIE7
{
	width: 110px;
	float: left;
}

.filterByLabelContainerIE7
{
	float: left;
}

.filterByContentDiv
{
	width: 100%;
	height: 340px;
	overflow: auto;
	border: 1px solid #999;
}

.filterByLabel
{
    padding-top: 3px;
    display: inline-block;
    margin-left: 10px;
}

.filterByLabelCourse {
    padding-top: 3px;
    display: inline-block;
    width: 304px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

/******************************************************************************
SHARED: HIERARCHY CONTROL
******************************************************************************/
.hierarchyImage
{
    background: url(/CommonUI/UserControls/Images/icon-hierarchy.png);
    width: 16px;
    height: 16px;
}

.hierarchyTreeView{
    float: left;
}

/******************************************************************************
SHARED: HELPER / MISCELANEOUS STYLES
******************************************************************************/
.noRecordsTemplate
{
	color: #666;
	font-weight: bold;
	padding-left: 7px;
	padding-top: 4px;
}

.clearStyle
{
    clear: both;
}

.clearStyleTall
{
    clear:both;
    height:10px;    
}

.divHidden
{
	display: none;
}

.divVisible
{
	display: block;
}

.divFloatLeft
{
	float: left;
}

.divFloatRight
{
	float: right;
}

.divFloatLeftPadRight
{
	float: left;
	padding-right: 10px;
}

.divFloatLeftPadLeft
{
	float: left;
	padding-left: 10px;
}

.divFloatRightPadRight
{
	float: right;
	padding-right: 10px;
}

.divFloatRightPadRightExtra
{
	float: right;
	padding-right: 20px;
}

.divPadTop, .heightBufferLarge
{
	height: 20px;
}

.controlHidden
{
	display: none;
}

.controlVisible
{
	display: block;
}

.controlFloatLeft
{
	float: left;
}

.controlPadRight, .divPadRight
{
	padding-right: 10px;
}

.heightBufferSmall
{
    height:10px;
}

.heightBufferMedium
{
    height:15px;
}

.imgHelpText
{
    vertical-align: middle;  
    border: 0px;
    margin-bottom: 3px;    
    cursor:pointer
}

.imgButton
{
    vertical-align: middle;  
    border: 0px;
    margin-bottom: 3px;    
}

.imgRuleExtendSelector
{
    vertical-align: middle;  
    border: 0px;
    margin-bottom: 3px;    
    cursor:pointer;
    margin-right:-30px;
    float:right;
}


/******************************************************************************
SHARED: SUCCESS MESSAGE
******************************************************************************/
.successMessage
{
    height: auto;
	background: #d4fecc;	
    opacity: 0.9;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: Black;
	padding: 15px 6px;
	font-weight:bold;
	border: 2px solid #385c31;
	display: block;
	position: absolute;
	margin: 0 0 12px 0;
	display:none;
}

.successIcon
{
    Height: 20px;
    Width: 20px;
    vertical-align: middle;
}        

/******************************************************************************
SHARED: FILTER OVERLAY
******************************************************************************/
#filterContainer
{
    overflow: auto; 
    height: 190px;
}

.filterValue
{
   width: 180px;
}
     
.filterRowDiv
{
    width: 100%; 
    clear: both; 
    padding-top: 10px;
}
  
.filterImageDiv
{
    float: left;
}

.filterImage
{
    padding-right: 10px;
}

.filterImage:hover
{
    cursor:pointer !important; 
}

.filterCountDiv
{
    float: left; 
    padding-right: 10px;
}

.filterDisplayDiv
{
    float: left;
    display:inline;
    max-width:650px;
    min-width:150px;
}

.filterDisplayDivHide
{
    float: left;
    display:none;
}

.filterEditDiv
{
    float: left; 
    display:inline;
    max-width:650px;
}

.filterEditDivHide
{
    float: left; 
    display:none;
}

.filterButton
{
    font-size: 12px;
}

.filterTextBoxValue
{
    width: 300px;
}

.filterParamDiv
{
    float: left;
}

.filterOperatorDiv, .filterValueDiv
{
    float:left; 
    padding-left: 10px;
}

.filterImgUserGroupDiv, .filterAddDiv
{
    float:left; 
    padding-top: 3px; 
    padding-left: 10px;
}

.filterRadDatePickerDiv
{
    float:left; 
    width: 110px; 
    padding-left:10px; 
    display:none
}
 
/*******************************************************************************
SHARED: MESSAGE OVERLAY
*******************************************************************************/
/* TODO: Needs refactoring */
#shareMessagesDeliverWrapper
{        
    width: 100%;
    background-color: #ff0000;
}

#shareMessagesDeliverContainer
{
	padding-left: 10px;        
	padding-right: 10px;        
	padding-bottom: 10px;        
    border: 1px solid #999;
    height: 61px;
}

/*******************************************************************************
SHARED: ADD EDIT FILTER
*******************************************************************************/
.addEditFilterContainer
{
    height: auto;
    width: 100%;
    padding-top: 10px;
    clear: both;
}

.addEditFilterLayout
{
    padding: 10px;
    border: 1px solid #999;
    height: 155px;
    overflow:auto;
}

/********************************
FOR IE7 OR BELOW
*********************************/
*+html .rbImageButton 
{
    position:static !important; 
}

/********************************
Common Disable Styles
*********************************/
.disableImage
{
	/* Grayscale the image for non IE browsers */
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE7 - we wont get the benefit of the alpha as well, but will still be grayed */
	
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
		
	/* IE 8 - 9 - Handle both alpha and grayscale */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35) progid:DXImageTransform.Microsoft.BasicImage(grayScale=1)";
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.35;
	
	/* Safari 1.x (pre WebKit) */
	-khtml-opacity: 0.35;
    
	/* Modern
	/* Firefox 0.9+, Safari 2+, Chrome any+
	/* Opera 9+, IE 9+ */
	opacity: 0.35;
}

.disableRow
{
    opacity: 0.4;
    filter: alpha(opacity=40);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40) progid:DXImageTransform.Microsoft.BasicImage(grayScale=1)";
}

.disableText
{
	color: #ccc;
}

/********************************
COMMON CHIP STYLES
*********************************/
.successChip
{
    padding: 0px 7px;
    border: 1px solid #0066ff;
    background-color: #eff5ff;
    border-radius: 10px;
    color: #0267CA;
}

.radComboBoxSuccessChip
{
    padding: 0px 1px 0px 3px !important;
    border: 1px solid #0066ff !important;
    background-color: #eff5ff !important;
    border-radius: 10px !important;
    color: #0267CA !important;
}

.errorChip
{
    padding: 0px 7px;
    border: 1px dashed #ff3232;
    background-color: #ffe6e6;
    border-radius: 10px;
    color: #ff3232;
}

.error-label {
    color: rgb(221,44,0) !important;
}