@import url(../../includes/css/common.css);

body
{
	background-color:#ACC1DA;
}

html
{
	overflow:hidden;
}

#LeftPane 
{
	overflow: auto;
	background-color:#FFFFFF;
	/* No margin or border allowed */
}

#RightPane 
{
	overflow: auto;
	/* No margin or border allowed */
}

#PanelSplitter .vsplitbar 
{
	width: 6px;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	background: #ffffff url(../../includes/images/vgrabber.gif) no-repeat center;
	cursor:w-resize;
}

#PanelSplitter_HideLeft .vsplitbar 
{
	/*This will hide the left pane*/
	width: 0px;
	visibility:hidden;
}

#PanelSplitter .vsplitbar.active {
	background: #F7F3F7 url(../../includes/images/vgrabber.gif) no-repeat center;
	opacity: 0.7;
	alpha:filter(opacity=70);
	cursor:w-resize;
}

.fieldLabel
{
	font-weight:bold;
	white-space:nowrap;
	color:#5A82B5
}

/******************************************* Page Header Styles *********************/
.header{
	width:100%;
	border-top:1px solid #BCBCBC;	
	border-bottom:1px solid #727F8C;
	color: #000000;                 
	background-color: #F7F3F7;  
	font-size:0px;    
}

.logo_right 
{
	text-align:right;
}

.logo_left 
{
	text-align:left;
}

.content_bar
{
	border-top: solid 1px #666666;  
	background-color:#ffffff;
	height:20px;
	width:auto;
	padding:3px;
}

.catalogTitle
{
	color:#5A82B5;
	font-size:16px;
	font-weight:bold;
	padding-left:10px;
	white-space:nowrap;
	background-color:#ffffff;
}

.editLinkBar
{
	padding-top:3px;
	padding-left:10px;
	color:#666666;                  
	font-size:11px;
	font-weight:normal;
	white-space:nowrap;
	background-color:#ffffff;
}

.header_hr{
	width: 100%;
	height: 5px;
	background: #ffffff url(../../includes/images/GenerateGradient.aspx?h=10&w=1&start=F3F3F3&end=AFAFAF&d=v) repeat-x top; 
	border-top: solid 1px #C6C3C6;
	overflow:hidden;
}

/************ Login Status Controls ************/
.login_control
{
	color: #000000;                 
	float: right;
	height: 20px;
	line-height: 20px;
	margin-right:10px;
}

.login_control a:link, 
.login_control a:visited, 
.login_control a:active
{
	color:#666666;                  
	text-decoration:none;
}

.login_control a:hover
{
	color:#666666;                  
	text-decoration:underline;
}

.login_username
{
	margin-left: 15px;
	float: left;	
}

.login_status
{
	float: left;
	margin-left: 10px;
}

.login_help
{
	color:#666666;                  
	float: left;
	margin-left: 10px;	
}

.CatalogContent
{
}

/********** Navigation Area Styles **********/
.NavigationArea
{
	margin-left:6px;
	margin-right:0px;
	margin-top:0px;
	min-height:400px;
	height:auto;
	padding-top:1px;
	padding:6px;
	overflow:hidden;
}

/********** Navigation TreeView Styles **********/
.mtvTreeNodeRoot
{
	padding-top:1px;
	padding-bottom:2px;
	cursor: hand;
	cursor: pointer;
}

.mtvTreeNode
{
	padding-top:1px;
	padding-bottom:2px;
	cursor: hand;
	cursor: pointer;
	
}
.navigationTreeviewNode, .navigationTreeviewNodeHover, .navigationTreeViewNodeSelected, .navigationTreeViewNodeSelectedHover
{
	position: relative;
	top: -2px;
	cursor: hand;
	cursor: pointer;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size:11px;
}

.navigationTreeviewNode
{
	color:#000000;
}

.navigationTreeviewNodeHover
{
	color:#ffffff;
	background-color:#5A82B5;
}

.navigationTreeViewNodeSelected
{
	color:#5A82B5;
	font-weight:bold;
	font-size:12px;
}

.navigationTreeViewNodeSelectedHover
{
	
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
	background-color:#5A82B5;
}


/********** Content Area Styles **********/
.ContentArea
{
}

/********** Catalog Folder Info Styles **********/
.CatalogFolderInfo
{
	padding:6px;
	min-height:30px;
	height:auto;
	background-color:#ffffff;
	border:solid 1px #000000;
}

.CatalogFolderTitle
{
	font-size:14px;
	font-weight:bold;
	color:#5A82B5;                  
}

.CatalogFolderDescription
{
	font-size:11px;
	font-weight:normal;
	color:#000000;                  
}

.EmailHyperLink
{
	margin-left:5px;
	vertical-align:middle;
}

.RssFeedHyperLink
{
	margin-left:5px;
	vertical-align:middle;
}

/********** LinkToCatalog Styles  **********/
.catalogLinksPopup 
{
	z-index:101;
	display:inline;
	cursor:pointer;
	cursor:hand;
}

.catalogLinksPopup .ImageWithPopup_PopupPanel
{
	padding:6px;
	width:300px;
	height:auto;
	border:solid 1px black;
	background-color:white;
	text-align:left;
	cursor:default;
}

.linkToCatalog_TextBox
{
	width:99%;
	font-size:11px;
	border:solid 1px #C6C3C6;
}

/********** Search Control Styles  **********/
.searchControl
{
	padding-top:4px;
	padding-bottom:3px;
	padding-left:6px;
	padding-right:6px;
	border:solid 0px #000000;
	background-color:#ffffff;
	margin-top:6px;
	margin-bottom:6px;
}

.catalogPager
{
	color:#000000;
}

.catalogPager A
{
	color:#000000;                  
	text-decoration: underline;
}

.searchLabel
{
	color:#000000;
}

.searchTextBox
{
	font-size:11px;
	border: solid 1px #C6C3C6;      
	width:150px;
}

.searchButton
{
	margin-left:5px;
}

.searchOptionsPopup 
{
	z-index:100;
	cursor:pointer;
	cursor:hand;
}

.searchOptionsPopup .ImageWithPopup_PopupPanel
{
	
	padding:6px;
	width:200px;
	height:auto;
	border:solid 1px black;
	background-color:white;
	text-align:left;
	cursor:default;
}

.searchTypeDropDown
{
	font-size:11px;
	width:200px;
}

.displayRange
{
	color:#000000;
}

/********** Search Filter Styles **********/
.SearchFilterLeft, .SearchFilterRight
{
	background-color:#FFFFFF;       
	border:solid 1px #000000;
	color:#000000;
	padding:5px;
	white-space:nowrap;
}

.SearchFilter A:link, 
.SearchFilter A:visited, 
.SearchFilter A:active, 
.SearchFilter A:hover
{
	color:#5A82B5;                  
}

#divSearchFilterTable
{
	padding-top:3px;
	padding-bottom:4px;
}

.SearchFilterAscendingArrow
{
	margin-left:3px;
	margin-top:2px;
	height:5px;
	width:9px;
	background:url(../../includes/images/SearchFilter_Ascending_Arrow.gif) no-repeat;
}

.SearchFilterDescendingArrow
{
	margin-left:3px;
	margin-top:2px;
	height:5px;
	width:9px;
	background:url(../../includes/images/SearchFilter_Descending_Arrow.gif)  no-repeat;
}

.CalendarTextBox
{
	width:60px;
	font-size:11px;
	border:solid 1px #C6C3C6;
}

.CalendarPopupImage
{
	margin-top:2px;
	height:16px;
	width:16px;
	vertical-align:top;
	margin-left:3px;
	cursor:pointer;
}

.SearchFilterButton
{
	margin-left:3px;
	padding-left:3px;
	padding-right:3px;
	font-size:10px;
	border:solid 1px #cccccc;
	background-color:#eeeeee;
	cursor:pointer;
}

.SearchFilterDropDownList
{
	width:auto;
	border:solid 1px #C6C3C6;
	font-size:10px;
}

/************* Presentation Card Styles **********/
.PresentationCardPanel
{
	padding-top:6px;
	padding-bottom:6px;
	padding-left:10px;
	padding-right:10px;
}

.PresentationCardFloatContainer
{
	display: inline-block; 
	width: 100%;
}

.PresentationCardFloatContainer : after
{
	clear:both;
}

.PresentationCardDetails_PresenterImage
{
	margin-right: 90px;
}

.PresentationCardDetails_ThumbnailImage
{
	margin-right: 136px;
}

.PresentationCardDetails_NoImage
{
	margin-right: 0px;
}

.PresentationCardTitle
{
	margin-bottom: 3px;
}

.PresentationCardPresenterList
{
	list-style: none;
	margin-bottom:3px;
	text-indent: 14px;
}

.PresentationCardPresenterList li
{
	background-image: url(../../includes/images/presenter_bullet.gif);
	background-repeat: no-repeat;
	background-position: 1px -1px ;
}

.PresentationCardImageContainer_PresenterImage
{ 
	float:right;
	width:76px;
}

.PresentationCardImageContainer_ThumbnailImage
{ 
	float:right;
	width:122px;
}

.PresentationCardImageBackground_PresenterImage
{
	width:60px;
	height:80px;
    background-image:url(../../includes/images/shadow.png);
    margin: 3px 0px 0px 6px;
    padding:0px 10px 10px 0px;
    background-position: right bottom;
}

.PresentationCardImage_PresenterImage
{
	width:60px;
	height:80px;
    margin-left:-5px;
    margin-top:-5px;
	border:solid 3px #fefefe;
}

.PresentationCardImageBackground_ThumbnailImage
{
	width:106px;
	height:80px;
    background-image:url(../../includes/images/shadow.png);
    margin: 3px 0px 0px 6px;
    padding:0px 10px 10px 0px;
    background-position: right bottom;
}

.PresentationCardImage_ThumbnailImage
{
	width:106px;
	height:80px;
    margin-left:-5px;
    margin-top:-5px;
	border:solid 3px #fefefe;
}

.PresentationCardDescriptionText
{
	margin-top:6px;
	margin-bottom:6px;
}

.PresentationCardLink
{
	text-decoration:none;
	color:#6C6D8E;                  
	cursor:hand;
	cursor:pointer;
	font-weight:bold;
	margin-bottom:3px;
}

.PresentationCardLink a:link, 
.PresentationCardLink a:visited, 
.PresentationCardLink a:active
{
	color:#5A82B5;                  
	text-decoration:none;
}

.PresentationCardLink a:hover
{
	color:#5A82B5;                  
	text-decoration:underline;
}

.cardDataListStyle
{
	width:100%;
	margin-top:6px;
	margin-bottom:10px;
}

.cardDataListItemStyle
{
	background-color:#FFFFFF;
	border:solid 1px #000000;
}

/******************** Links Collapse panel *********************/
.LinksPanel 
{
	margin-top:6px;
	width: 99%;
	border:solid 0px #C6C3C6;
}

.LinksPanel div.collapse_panel_container
{
	background:#eeeeee;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	color:#666666;
}

.LinksPanel .collapse_panel_content
{
	margin-top: 0px;
	background-color: #f7f7f7;
	padding-left:5px;
	padding-right:5px;
}

.LinksPanel .collapse_panel_open
{
	background: url(../../includes/images/collapse_close_new.gif) no-repeat 0px 0px;
	cursor: hand;
	cursor: pointer;
}

.LinksPanel .collapse_panel_close
{
	background: url(../../includes/images/collapse_open_new.gif) no-repeat 0px 0px;
	cursor: hand;
	cursor: pointer;
	border-bottom: 0px dotted #727F8C;
}

.LinksPanel .collapse_panel_text
{
	height:16px;
	padding-left: 16px;
	font-size: 11px;
	font-weight: normal;
}

.LinksPanel .collapse_panel_noncollapse{}
.LinksPanel .collapse_panel_hover{}
.LinksPanel .collapse_panel_container_nohead{}
.LinksPanel .collapse_panel_text_noncollapse{}
.LinksPanel .collapse_panel_footer{}

/********** Presentation Table View Styles **********/
.PresentationTableView
{
	width:100%;
	margin-top:6px;
	border:solid 1px #000000;
}

.PresentationTableView_GridAltItem
{
	background-color: #F7F3F7;			
	
}

.PresentationTableView_GridAltItem td   
{
	padding:3px;
}

.PresentationTableView_GridItem
{
	background-color: #FFFFFF;
}

.PresentationTableView_GridItem td
{
	padding:3px;
}

.PresentationTableView_GridHeader
{
	background-color:#F7F3F7;  
	border-bottom: 1px solid #000000;   
	color:#666666;
}

.PresentationTableView_GridHeader td
{
	color:#666666;
	padding:3px;
	font-weight:bold;
	border-bottom: 1px solid #000000;   
	vertical-align:middle;
}

/******************** Presentation Slide Preview Styles ******************/
.cardPreviewDataListStyle
{
	width:100%;
	background-color:#FFFFFF;
	margin-top:6px;
	margin-bottom:10px;
	border:solid 1px #000000;
	
}

.cardPreviewDataListItemStyle
{
	background-color:#FFFFFF;
	padding-left:10px;
	
}

.cp_MainTable
{
	position:relative;
	table-layout: fixed;
	width:242px;
	border:none;
}

.cp_SlideContainer
{
	border:solid 1px #9c9c9c;       
	position:relative;
	overflow:hidden;
	height:180px;
    width:240px;
}
	

.cp_slideImage
{
    height:180px;
    width:240px;
}

.cp_panelDetails
{
	visibility:hidden; 
	background-color:#DDDDDD;        
	height:180px;
	width:240px;
	position:absolute;
	top:0px;
	left:0px;
}

.cp_detailsHeaderBar
{
	width:auto;
	height:14px;
	background: #fff url(../../includes/images/GenerateGradient.aspx?h=14&w=1&start=C8C8C8&end=FFFFFF&d=v) repeat-x;  
	padding-left:4px;
	padding-right:4px;
	border-bottom:solid 1px #9c9c9c;   
}

.cp_panelDetailsText
{
	overflow-y:auto;
	padding:2px;
	height:161px;
}

.cp_PlayerBar
{
	table-layout:fixed;
	width:242px;
	border:none;
	height:21px;
	background: url(../../includes/images/PlayerBottomBar.gif) no-repeat;
}

/************************** Email ****************************************/

.EmailBox
{
	margin: 10px;
	padding: 10px;
	background-color: #FFFFFF;      
	border: solid 1px #C6C3C6;
	width:600px;
	text-align:center;
	
}

.emailFormTitle
{
	font-weight:bold;
	color:#666666;                  
	font-size:15px;	
	padding-bottom:10px;
}

.emailLabel
{
	font-weight:bold;
}

.emailTextBoxRow
{
	padding-bottom:4px;
}

.emailTextBox
{
	width:580px;
}

/***************************** Calendar control *****************************/
.mediasite__calendar .ajax__calendar_container 
{
    border:1px solid #646464;       
    background-color:#ffffff;        
    color:#000000;                  
    padding: 0px;
    z-index:100;
    
}

.mediasite__calendar .ajax__calendar_header
{
	background-color: #798CA1;      
	color: #ffffff;                 
}

.mediasite__calendar .ajax__calendar_footer 
{
    border-top:1px solid #f5f5f5;   
} 

.mediasite__calendar .ajax__calendar_dayname 
{
    border-bottom:1px solid #f5f5f5;  
} 

.mediasite__calendar .ajax__calendar_day 
{
    border:1px solid #ffffff;       
} 

.mediasite__calendar .ajax__calendar_month 
{
    border:1px solid #ffffff;       
} 

.mediasite__calendar .ajax__calendar_year 
{
    border:1px solid #ffffff;      
} 

.mediasite__calendar .ajax__calendar_active .ajax__calendar_day 
{
    background-color:#a6D2F5;       
    border-color:#cccccc;           
    color:#646464;                      
} 

.mediasite__calendar .ajax__calendar_active .ajax__calendar_month 
{
    background-color:#a6D2F5;       
    border-color:#0066cc;           
    color:#646464;                  
} 

.mediasite__calendar .ajax__calendar_active .ajax__calendar_year 
{
    background-color:#a6D2F5;       
    border-color:#0066cc;           
    color:#646464;                  
} 

.mediasite__calendar .ajax__calendar_other .ajax__calendar_day 
{
    background-color:#EEEEEE;       
    border-color:#ffffff;           
    color:#646464;                  
} 

.mediasite__calendar .ajax__calendar_other .ajax__calendar_year 
{
    background-color:#EEEEEE;       
    border-color:#ffffff;           
    color:#646464;                  
} 

.mediasite__calendar .ajax__calendar_hover .ajax__calendar_day 
{
    background-color:#edf9ff;       
    border-color:#daf2fc;           
    color:#0066cc;                  
} 

.mediasite__calendar .ajax__calendar_hover .ajax__calendar_month 
{
    background-color:#edf9ff;       
    border-color:#daf2fc;           
    color:#0066cc;                  
} 

.mediasite__calendar .ajax__calendar_hover .ajax__calendar_year 
{
     background-color:#edf9ff;       
    border-color:#daf2fc;           
    color:#0066cc;                  
} 

.mediasite__calendar .ajax__calendar_hover .ajax__calendar_title 
{

} 

.mediasite__calendar .ajax__calendar_hover .ajax__calendar_today 
{
    color:#0066cc;                  
} 

.mediasiteCalendarImage
{
	position: relative; 
	top: 2px;
}



/*********** Start ClueTip jtip class **********/

.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 1px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin:  0 0 0px;
  padding: 3px  6px 3px 6px;
  font-weight: bold;
  background-color: #ACC1DA;
  border-bottom:solid 1px #cccccc;
  color: #FFF;
}

.cluetip-jtip #cluetip-inner {
  padding: 0px 6px 0px 6px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/*********** End ClueTip jtip class **********/