﻿/***************************************************************************************
This style sheet is for default control values only. Styles specific to Knowlagent
controls or layout should go in either the KnowlagentBaseStyles.css or 
KnowlagentCustomStyles.css style sheet. Note that font type should also be handled from here.

The font type should default to "Segoe UI", Arial, sans-serif, 12 pixels and black. If
you do not need a different size or color, weight, etc. then you should NOT add this
information to your class, and instead let it be picked up here by default.
***************************************************************************************/
 
/******************************************************************************
Non-Telerik Control Default Styles
******************************************************************************/
html, body
{
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    color: #000;
    margin: 0;
    height: 100%;
}

div, p, input, textarea
{
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    color: #000;
}

input[type=checkbox]
{
	cursor: pointer;
}

input[type=radio]
{
	cursor: pointer;
}

input[type=textarea]
{
    border: 1px solid #999;
    width: 500px;
    height: 40px;
}

select
{
    border: 1px solid #999;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    color: #0267CA;
    width: 240px;
    height: 20px;
}

/******************************************************************************
RadComboBox
******************************************************************************/
div.RadComboBoxDropDown_KnowlagentComboBoxGroup .rcbSeparator
{
	background: none;
	color: #000;
	font-weight: bold;
    margin-left: -.75em !important;
}

div.RadComboBoxDropDown_KnowlagentComboBoxGroup .rcbItem, div.RadComboBoxDropDown_KnowlagentComboBoxGroup .rcbHovered
{
    padding-left: 15px !important;
}

/******************************************************************************
RadListBox
******************************************************************************/
div.RadListBox .rlbGroup
{
    border: 0px solid #999 !important;    
}

div.RadListBox .rlbCheck
{
	cursor: pointer;
}

div.RadListBox .rlbText
{
    font-family: Arial !important;
    font-size: 12px !important;
    color: #0267CA !important;
    white-space: nowrap !important;
    margin-right: 3px;
}

div.RadListBox .rlbSelected, div.RadListBox .rlbActive
{
	background: none !important;
	border: 1px solid #fff !important;
    color: #333 !important;
}

div.RadListBox .rlbHovered
{
	background-color: #fff !important;
}

div.RadListBox .rlbTemplate 
{
	display: inline;
}
   
div.RadListBox .rlbList, div.RadListBox .rlbItem
{
    list-style-type:none !important;
}

.RadListBoxItemSelectAll
{
    font-weight: bold;
}

.RadListBox
{
    width: 440px !important;
    height: 200px !important;
    border: 1px solid #999 !important;    
    overflow:auto;
}

.RadListBoxTasks
{  
    width: 380px !important;
    height: 175px !important;  
    overflow:scroll;    
    border-color:Red;  
 }

/******************************************************************************
RadToolTip
******************************************************************************/
div.RadToolTip_Default table.rtWrapper td.rtWrapperContent
{
	background-color: #FFFFCD !important;
	padding: 10px;
	font-weight: bold !important;
	color: #828282 !important;
}

.radToolTipData
{
	color: #2F8CEA;
}

.radToolTipTitle
{
	color: #555;
	border-bottom: 1px solid #555;
}

.radToolTipSpacer
{
	line-height: .3em;
}

.radToolTipUL
{
	margin-left: -2em;
	margin-top: -.02em;
}

.radToolTipDiv
{   
	margin-top: -.02em;
	font-style:italic;
	width:auto;
}

.radToolTipULIE7
{
	margin-left: 1.5em;
	margin-top: .02em;
}

.radToolTipBullet
{
}

div.RadToolTip_Default div.rtCallout
{
	background-image: url(../CommonImages/tool-tip-callouts.gif) !important;
    background-repeat : no-repeat !important;
}

/******************************************************************************
RadGrid
******************************************************************************/
div.RadGrid tr.rgSelectedRow td
{
    background-image: none;
    border-bottom-color: #d0d7e5;
}

div.RadGrid th.rgHeader, th.rgResizeCol
{
	height: 18px !important;
}

div.RadGrid .rgPager td
{
	height: 22px !important;
}

div.RadGrid .rgRow td, .rgAltRow td
{
	height: 25px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
}

div.RadGrid .rgHoveredRow td
{
    background-color:#D8D8D8 !important;
    background-image:none !important;
}

div.RadGrid .rgRow td
{
    background-color: #fff;
    border-width: 1px !important; 
    border-color : #d0d7e5 !important;
}

div.RadGrid .rgAltRow td
{
    background-color: #f0f0f0;
    border-width: 1px !important; 
    border-color : #d0d7e5 !important;    
}

div.RadGrid
{
    cursor: pointer !important;
}

.radGridHoverLabel
{	
	color: #0066ff;
}

.radGridLink
{	
    color: #0066ff !important;
	text-decoration: underline !important;
}

.radGridNoLink
{	
    color: #000 !important; 
	text-decoration: none !important;
	cursor:default;
}

div.RadGrid .rgRow a, a:hover, a:visited
{
	color: #0066ff;
	text-decoration: underline;
}

div.RadGrid .rgAltRow a, a:hover, a:visited
{
	color: #0066ff;
	text-decoration: underline;
}

div.RadGrid .rgCommandRow table 
{ 
	border-width: 0 !important; 
}

.gridCommandButtonIcon
{
   padding-left:10px !important; 
   padding-right:5px !important;
}
.rgMasterTable
{
    border-collapse:collapse !important;
}

.rgMasterTableCourse {
    border-collapse: collapse !important;
    overflow:auto !important;
}

/******************************************************************************
Added the following to fix column width issue in IE7
******************************************************************************/
.rgDataDiv .rgMasterTable 
{
    width: 100% !important;
}

.rgHeaderDiv .rgMasterTable  
{ 
    width: 100% !important; 
}
 

/******************************************************************************
RadGrid - fixes blank area above scrollbar.  Need two because grids with 
checkbox column behave differently
******************************************************************************/
div.radGridScrollCheckBoxes 
{ 
    background: #eee url('Images/radgrid-scrollbar-header-checkboxes.gif') repeat-x 100% 0; 
} 

div.radGridScrollNoCheckBoxes 
{ 
    background: #eee url('Images/radgrid-scrollbar-header-no-checkboxes.gif') repeat-x 100% 0; 
}
   
.rgDataDiv 
{ 
    background: #fff; 
    border-bottom: 1px solid #828282;
} 
   
.baseGrid .rgDataDiv 
{ 
    background: #fff; 
    border-bottom: 1px solid #828282; 
    height: auto !important;
}

div.RadGrid_Telerik .rgFooter td 
{ 
    border-top: 0 none; 
} 

/******************************************************************************
RadWindow
******************************************************************************/
.RadWindow_Telerik .rwIcon
{
    display: none !important;
}

.RadWindow .rwCloseButton:hover
{
	cursor: pointer;
}

/******************************************************************************
RadTreeView
******************************************************************************/
.hierarchyMouseOver
{
	background:none !important; 
	border:none !important;
}

.RadTreeView .rtUL .rtLI .rtChecked,
.RadTreeView .rtUL .rtLI .rtUnchecked
{
    cursor: pointer;
}

.radTreeView
{
    border: 1px solid #999;
    width: 100%;
}

/******************************************************************************
RadMultiPage
******************************************************************************/
.radMultiPage 
{
    border: 1px solid #999;
    background-color: #f5f5f5;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    box-sizing: content-box !important;
}

/******************************************************************************
RadButton
******************************************************************************/
.radButtonNoDisplay
{
    display: none !important;
}

.rbDisabled
{
    filter: none !important;
}


/******************************************************************************
RadMenuItem
******************************************************************************/
.radMenuItemCursor
{
	font: 20px "Segoe UI", Arial, sans-serif !important;
	font-weight: bold !important;
	color: #999 !important;
} 

.radMenuItemCursor:hover 
{ 
    cursor:pointer !important;
    color: #669933 !important; 
} 

/******************************************************************************
RadTabStrip KnowlagentTab
******************************************************************************/
.RadTabStrip_KnowlagentTabb .rtsLink, .RadTabStrip_KnowlagentTab .rtsLink:hover, .RadTabStrip_KnowlagentTab .rtsSelected:hover
{   
    color: #000 !important;   
    font-weight: bold;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 11px;
}

.RadTabStrip_KnowlagentTab .rtsSelected
{
    color: #FFF !important;   
    font-weight: bold;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 11px;
}

/******************************************************************************
RadTextBoxArea
******************************************************************************/
.radTextBoxArea
{
    width: 380px !important;
    height: 100px !important;
}

/******************************************************************************
RadUpload
******************************************************************************/
div.RadUpload .ruFakeInput 
{ 
	border: 1px solid #999;
    color: #0267CA;
    font: 12px "Segoe UI", Arial, sans-serif;
    padding-left : 0px;    
}

.reContentCell
{
    border: 0 !important;            
    padding: 0 0 0 10px !important; 
    overflow: hidden !important;          
}

/******************************************************************************
HyperLink
******************************************************************************/
 .hyperLink
 {
     cursor:pointer; 
     text-decoration:underline;
 }
 
 .hyperLinkDisabled
 {
     cursor:none; 
     text-decoration:none;
 }