/* ============================================= */
/* COLORS */
/* ============================================= */
/* #003876 - Blue */
/* #72a492 - Patina */
/* #ec891d - Orange */
/* #787878 - Gray */
/* ============================================= */

#mediaLeftCol {
	width: 445px;
	float: left;
}
#mediaRightCol {
	width: 254px;
	float: left;
	margin-left: 10px;
}
/* Media Player */
#videoCallout {
	width: 445px;
	margin: 0 0 10px 0;
	padding: 0;
}
#videoCallout .top, #descCallout .top {
	background: url(/common/images/media_library/mediaLib_videoDescBoxA_top.png) no-repeat;
	height: 9px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#videoCallout .fill {
	background: url(/common/images/media_library/mediaLib_videoDescBoxA_fill.png) repeat-y;
	min-height: 257px;
	margin: 0;
	padding: 0 9px 0 9px;
}
#videoCallout .bottom, #descCallout .bottom {
	background: url(/common/images/media_library/mediaLib_videoDescBoxA_bottom.png) no-repeat;
	height: 9px;
	margin: 0;
	padding: 0;
}
/* Description of Media playing */
#descCallout {
	width: 445px;
	margin: 0 0 10px 0;
	padding: 0;
}
#descCallout .fill {
	background: url(/common/images/media_library/mediaLib_videoDescBoxA_fill.png) repeat-y;
	min-height: 25px;
	margin: 0;
	padding: 5px 15px;
}
/*
#descCallout .fill h2 {
	margin: 0 0 5px 0;
}
*/
/* Medic Clips container */
#mediaClipsCallout {
	width: 250px;
}
#mediaClipsCallout .top {
	background: url(/common/images/media_library/tabContainerB_top.png) no-repeat;
	height: 36px;
	overflow: hidden;
}
#mediaClipsCallout .fill {
	background: url(/common/images/media_library/tabContainerB_fill.png) repeat-y;
	height: 422px;
	padding: 0 15px;
}
#mediaClipsCallout .separator {
	background: url(/common/images/media_library/tabContainerB_sep.png) no-repeat;
	height: 3px;
	overflow: hidden;
}
#mediaClipsCallout .fillB {
	background: url(/common/images/media_library/tabContainerB_fillB.png) repeat-y;
	min-height: 25px;
	padding: 0 15px 0 5px;
}
#mediaClipsCallout .bottom {
	background: url(/common/images/media_library/tabContainerB_bottom.png) no-repeat;
	height: 9px;
}
.mediaClipsScroller {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 423px;
	width: 229px;
}
#videos {
	padding: 10px 10px 10px 5px;
}
#videos .resultWrapper {
	min-height: 72px;
}
#videos .resultWrapper .videoAvatar {
	height: 71px;
	width: 94px;
	float: left;
}
.videoDetails {
	float: left;
	width: 90px;
	min-height: 75px;
}
.videoDetails .title {
	margin: 0 0 3px 0 !important;
}
.clipsTitle {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #003876;
	padding: 15px 0 0 15px;
}
.mediaClipTags {
	padding: 10px 10px 10px 15px;
	text-align: justify;
}
#mediaClipsCallout .mediaClipTags a {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}
#mediaClipsCallout .mediaClipTags a.activeTag {
	color: #003876;
	text-decoration: underline;
	font-weight: bold;
}
#mediaClipsCallout .mediaClipTags a:hover {
	color: #003876;
	text-decoration: underline;
}
.tagTitle {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #003876;
	margin-right: 10px;
}
/* Media Clips Template page */
#mediaClipLeftCol {
	width: 303px;
	float: left;
	margin: 0;
	padding: 0;
}
#mediaClipRightCol {
	width: 396px;
	margin-left: 10px;
	float: right;
	clear:right;
	margin-bottom:10px;
}
.mediaClipBody {
	/*padding: 0 10px 0 10px;*/
}
.mediaClipTitleBox {
    width:303px;
    float:left;
    clear:left;
	margin: 0 0 10px 0;
}
.mediaClipTitleBox .top {
	background: url(/common/images/media_library/mediaClipDescBox_top.png) no-repeat;
	height: 9px;
}
.mediaClipTitleBox .fill {
	background: url(/common/images/media_library/mediaClipDescBox_fill.png) repeat-y;
	min-height: 20px;
	padding: 10px 10px 10px 10px;
}
.mediaClipTitleBox .bottom {
	background: url(/common/images/media_library/mediaClipDescBox_bottom.png) no-repeat;
	height: 9px;
}

.templateVideoCallout.secondary {
	margin-top: 5px;
}
.templateVideoCallout .top {
	background: url(/common/images/media_library/templateVideoCallout_top.png) no-repeat;
	height: 9px;
}
.templateVideoCallout .fill {
	background: url(/common/images/media_library/templateVideoCallout_fill.png) repeat-y;
	min-height: 226px;
	padding-left: 10px;
}
.templateVideoCallout .bottom {
	background: url(/common/images/media_library/templateVideoCallout_bottom.png) no-repeat;
	height: 9px;
}
.templateVideoCallout.secondary .fill {
	min-height: 25px;
	padding: 10px 15px 10px 20px;
}
.templateVideoTabs {
	width: 379px;
	margin-top: -2px;
	padding: 0 9px 0 9px;
	display: inline-block;
	position:relative;
	/*z-index:10;*/
}

.templateVideoTabs .relevant.active, .templateVideoTabs .relevant:hover {
	background: url(/common/images/media_library/tab_relevant_active.png) no-repeat;
	height: 37px;
	width: 127px;
	float: left;
}
.templateVideoTabs .relevant {
	background: url(/common/images/media_library/tab_relevant_inactive.png) no-repeat;
	height: 37px;
	width: 127px;
	float: left;
}

.templateVideoTabs .share.active, .templateVideoTabs .share:hover {
	background: url(/common/images/media_library/tab_share_clips_active.png) no-repeat;
	height: 37px;
	width: 125px;
	float: left;
}
.templateVideoTabs .share {
	background: url(/common/images/media_library/tab_share_clips_inactive.png) no-repeat;
	height: 37px;
	width: 125px;
	float: left;
}

.templateVideoTabs .mediaLib.active, .templateVideoTabs .mediaLib:hover {
	background: url(/common/images/media_library/tab_media_lib_active.png) no-repeat;
	height: 37px;
	width: 127px;
	float: left;
}
.templateVideoTabs .mediaLib {
	background: url(/common/images/media_library/tab_media_lib_inactive.png) no-repeat;
	height: 37px;
	width: 127px;
	float: left
}
.mediaClipsScroller ul 
{
    padding: 0px;
    margin: 0px;
}
.mediaClipsScroller li 
{
    padding: 0px;
    margin: 0px 0px 10px 0px;
    list-style: none;
}
.mediaClipsScroller li img
{
    float: left;
    /* margin-right: 5px; */
}

.slidingPanels
{
    position:relative;
    top:-10px;
    padding:0px 9px;
    /*z-index:5;*/
}
.slidingPanels .bottom {
	height: 8px;
	background: url(/common/images/media_library/media_template_bottom.png) no-repeat;
}
#pnlRelated
{
    display:none;
}
#pnlRelated div.video
{
    float:left;
    padding: 0 10px 0 10px;
}
#pnlShare
{
    display:none;
}
#pnlShare #txtLink
{
    width:300px;
}
#pnlLibrary
{
    display:none;
}
.slidingPanel
{
    width:379px;
    background:url(/common/images/media_library/media_template_fill.png) repeat-y;
}
.slidingPanel .slidingPanelPadding
{
    padding:20px 15px 10px 15px;
}
/* Media Clip Template Result Wrapper */
.slidingPanelPadding .resultWrapper {
	width: 96px;
}
.resultWrapper .videoAvatar {
	border: 1px solid #003876;
}
.resultWrapper .videoAvatar img {
	border: 2px solid #ffffff;
	height: 67px;
}
.resultWrapper .title, .resultWrapper .description, .resultWrapper .duration {
	padding-left: 5px;
}
.resultWrapper .title {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #003876;
	margin: 5px 0 3px 0;
}
.resultWrapper .description {
	height: 30px;
	margin-bottom: 5px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #555555;
	overflow: hidden;
}
.resultWrapper .duration {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #555555;
}
.shareThisVideoForm .form label {
	width: 135px;
	margin: 0 10px 0 0;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #003876;
	text-align: right;
}
.shareThisVideoForm .form textarea, .shareThisVideoForm .form input, .shareThisVideoForm .form select {
	margin-bottom: 5px !important;
}
.shareThisVideoForm .form input.button {
	margin: 5px 18px 0 0;
	float: right;
}
.ajax__tab_panel .shareThisVideoForm .form input.button {
	margin: 5px 84px 0 0;
}
.commentOnThisVideoForm #txtComment {
	width: 375px;
}

/* Comments */
#comments ul {
	margin: 10px 10px 10px 0;
	padding: 0 10px 5px 10px;
}
#comments ul li {
	list-style: none;
	margin-bottom: 10px;
}
#comments .commenter {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #003876;
	padding-bottom: 5px;
}
#comments .published {
	font: 10px Arial, Helvetica, sans-serif;
	color: #555555;
	margin-left: 5px;
}
#comments .commentText {
	font: 11px Arial, Helvetica, sans-serif;
	color: #555555;
}
/********************************************************************
 ****   TAB THEME   *************************************************
 *******************************************************************/
 
.mediaLibraryTabs .ajax__tab_tab
{
    margin-right: 0px !important;
}
.mediaLibraryTabs .ajax__tab_header
{
    background:url(/common/images/media_library/tab_container_top.png) no-repeat bottom;
    height: 42px;
    margin-bottom: -1px;
}
.mediaLibraryTabs .ajax__tab_body
{
    background:url(/common/images/media_library/mediaLib_videoDescBoxA_fill.png);
    /*height: 35px;*/
    padding: 5px 15px;
}
.mediaLibraryTabs.ajax__tab_footer  
{
	background: url(/common/images/media_library/mediaLib_videoDescBoxA_bottom.png) no-repeat;
	height: 9px;
}
.mediaLibraryTabs .tabShare
{
    background:url(/common/images/media_library/tab_share_inactive.png) no-repeat;
}
.mediaLibraryTabs .tabShare:hover
{
    background:url(/common/images/media_library/tab_share_hover.png) no-repeat;
}
.mediaLibraryTabs .ajax__tab_active .tabShare
{
    background:url(/common/images/media_library/tab_share_active.png) no-repeat;
}

.mediaLibraryTabs .tabLink
{
    background:url(/common/images/media_library/tab_link_inactive.png) no-repeat;
}
.mediaLibraryTabs .tabLink:hover
{
    background:url(/common/images/media_library/tab_link_hover.png) no-repeat;
}
.mediaLibraryTabs .ajax__tab_active .tabLink
{
    background:url(/common/images/media_library/tab_link_active.png) no-repeat;
}

.mediaLibraryTabs .tabComment
{
    background:url(/common/images/media_library/tab_comment_inactive.png) no-repeat;
}
.mediaLibraryTabs .tabComment:hover
{
    background:url(/common/images/media_library/tab_comment_hover.png) no-repeat;
}
.mediaLibraryTabs .ajax__tab_active .tabComment
{
    background:url(/common/images/media_library/tab_comment_active.png) no-repeat;
}

/* Email Preview */
.emailPrev {
	float:left;
	padding-top:8px;
}
.emailPrev a
{
    text-decoration:none;
}
.previewLabel
{
    width:135px;
    margin:0 10px 0 0;
    float:left;
}
.emailPrev h3 {
	padding-left: 7px;
}

.boxWrap
{
/*position:absolute;
top: 0px;
right:0px;*/
height: 40px;
width:140px;
clear:right;
float:right;
margin-left:15px;
margin-bottom:10px;

}