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

html
{
	overflow:hidden;
}

body
{
	
}

#LeftPane 
{
	overflow: auto;
	background-color:#F7FBFF;
	/* 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: #F7FBFF 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;
}

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

.logo_right 
{
	text-align:right;
}

.logo_left 
{
	text-align:left;
}

.content_bar
{
	border-top: solid 1px #727F8C;  
	background: #fff url(../../includes/images/GenerateGradient.aspx?h=26&w=1&start=A1B3C6&end=BACFE5&d=v) repeat-x;  
	height:20px;
	width:auto;
	padding:3px;
}

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

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

.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 #F1F1F1;
	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;	
}


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

.navigationTreeviewNodeHover
{
	color:white;
	background-color:#A5B2C6;
}

.navigationTreeViewNodeSelected
{
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
	background-color:#737D8C;
	
}

.navigationTreeViewNodeSelectedHover
{
	color:#000000;
	font-weight:bold;
	font-size:11px;
	background-color:#A5B2C6;
}

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



/********** Catalog Folder Info Styles **********/
.CatalogFolderInfo
{
	background-color:#F7FBFF;  
	padding:6px;
	border:solid 1px #cccccc;
}
.CatalogFolderTitle
{
	font-size:14px;
	font-weight:bold;
	color:#666666;                  
}

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

.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
{
	z-index:100;
	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 #cccccc;
}

/********** Search Control Styles  **********/
.searchControl
{
	padding:6px;
}

.searchLabel
{
	color:#000000;
}

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

.searchButton
{
	margin-left:5px;
}

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

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

/********** Search Filter Styles **********/
.SearchFilterLeft, .SearchFilterRight
{
	background: #fff url(../../includes/images/GenerateGradient.aspx?h=27&w=1&start=A1B3C6&end=BACFE5&d=v) repeat-x;       
	padding-top:3px;
	padding-bottom:3px;
	padding-left:6px;
	padding-right:6px;
	border:solid 1px #cccccc;
	white-space:nowrap;
}

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

.SearchFilter a:hover
{
	color:#000000;                  
	text-decoration:underline;
}

.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 #cccccc;
}

.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 #cccccc;
	font-size:10px;
}

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

.PresentationCardFloatContainer
{
	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;
}

.PresentationCard_DownloadButton
{
	display:inline;
	text-align:left;
	padding-top:6px;
}



.PresentationCardDescriptionText
{
	padding:6px;
	background-color:#BACFE5;
	margin-bottom:6px;
}

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

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

.PresentationCardLink a:hover
{
	color:#6C6D8E;                  
	text-decoration:underline;
}

.PresentationCard_OnAir
{
	color:Red;
	font-weight:bold;
}

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

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

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

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

.LinksPanel .collapse_panel_content
{
	margin-top: 0px;
	background-color: #F7FAFC;
	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;
}

.PresentationTableView_GridAltItem
{
	background-color: #EDF5FC;			
	border-bottom: 1px solid #EEEEEE;   
}

.PresentationTableView_GridAltItem td   
{
	padding:3px;
	padding-right:20px;
	border-bottom: 1px solid #EEEEEE;   
}

.PresentationTableView_GridItem
{
	border-bottom: 1px solid #EEEEEE;   
}

.PresentationTableView_GridItem td
{
	padding:3px;
	padding-right:20px;
	border-bottom: 1px solid #EEEEEE;   
}

.PresentationTableView_GridHeader
{
	background: transparent url(../../includes/images/GenerateGradient.aspx?h=25&w=1&gh=60&start=85B3E2&end=F7FAFC&d=v) top right repeat-x;  
	border-bottom: 1px solid #EEEEEE;   
}

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

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

.PresentationTableViewLink a:link, 
.PresentationTableViewLink a:visited, 
.PresentationTableViewLink a:active
{
	color:#6C6D8E;                  
	text-decoration:none;
}

.PresentationTableViewLink a:hover
{
	color:#6C6D8E;                  
	text-decoration:underline;
}

/******************** Presentation Slide Preview Styles ******************/
.cardPreviewDataListStyle
{
	width:100%;
	margin-top:10px;
	margin-left:6px;
	position:relative;
}

.cardPreviewDataListItemStyle
{
	
}

.cp_Main
{
	width:242px;
}

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

.cp_SlidePanel
{
	font-size:180px;
}

.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:100%;
	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
{
	width:100%;
	overflow:hidden;
	border:none;
	height:21px;
	background: url(../../includes/images/PlayerBottomBar.gif) no-repeat;
}

.cp_PlayerBar_Left
{
	float:left;
	padding-left:4px;
	padding-top:3px;
}

.cp_PlayerBar_Right
{
	float:right;
	padding:3px;
}

.cp_TitleDetails
{
	overflow: hidden;
	width: 100%;
	margin-bottom:10px;

}

.cp_TitleDetails_Left
{
	float:left;
	width:170px;
	padding-top:2px;
	cursor:default;
}

.cp_TitleDetails_Right
{
	float:right;
	width:63px;
}

.cp_downloadButton
{
	display:inline;
	padding-right:3px;
}



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

.EmailBox
{
	margin: 10px;
	padding: 10px;
	background-color: #F2F3F7;      
	border: solid 1px #666;
	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;
}

/******************** Download Dialog *********************/
.downloadDialog
{
	width: 100%;
	border-right: 1px solid #727F8C;
	border-top: 1px solid #727F8C;
	border-bottom: 1px solid #727F8C;
	border-left: 1px solid #727F8C;
	margin-bottom: 10px;
	background-color: #F7FAFC;
}

.downloadDialog > div.collapse_panel_container
{
	padding-top: 3px;
	background: transparent url(../../includes/images/GenerateGradient.aspx?h=25&w=1&gh=60&start=85B3E2&end=F7FAFC&d=v) top right repeat-x;
}

.downloadDialog .collapse_panel_text_noncollapse
{
	height: 1.2em;
	font-size: 11pt;
	font-weight:bold;
}

.downloadDialog .collapse_panel_text_noncollapse
{
	padding-left: 8px;
	padding-bottom: 3px;
}

.downloadDialog .collapse_panel_noncollapse
{
	border-bottom: 1px dotted #727F8C;
}

.downloadDialog .collapse_panel_content
{
	margin-top: 4px;
}

.downloadDialog .collapse_panel_footer
{
	padding: 3px;
	background-color:#EBF3FB;
	border-top: 1px solid #CCC;
	text-align: right;
}

.downloadDialog .collapse_panel_footer input
{
	font-size:11px;
	width:100px;
	margin-left:2px;
}

.downloadDialog .DownloadControl_CloseButton
{
	margin-top:3px;
	margin-right:3px;
	cursor:pointer;
}