/* Default CSS Stylesheet Symfony Video */

BODY
{
    BACKGROUND-COLOR: #333333;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: .8em;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    background-image: url(images/bg.gif);
    background-attachment: fixed;
    width: auto;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}

a.categoryLink:link, a.categoryLink:active, a.categoryLink:visited 
{
    height: 40px;
display: block;
    background-color: #0c3390; 
    width: 250px; 
    color: white; 
    font-size: 12px; 
    font-weight: bold; 
    text-decoration: none;
    padding: 5px;
    background-image: url(images/rightArrow.gif);
    background-position: right;
    background-repeat: no-repeat;
}

a.categoryLink:hover
{
     height: 40px;
    display: block;
    background-color: #6191c1; 
    width: 250px; 
    color: white; 
    font-size: 12px; 
    font-weight: bold; 
    background-image: url(images/rightArrow.gif);
    background-position: right;
    background-repeat: no-repeat;
}

body.center{margin-top: 0px; text-align: center; }
		
H4	
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	bold;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	margin-top: 15px;
	color: #333333;
}

span.contributeVideoTitle, label.contributeVideoTitle
{
	color: #990000;
	font-weight: bold;
}

table.center {margin: 0px auto;}

h4.videoTitle {padding: 0px; margin-top: 0px; margin-left: 10px; margin-right: 10px; margin-bottom: -4px; font-size: 18px; color: #333333;}	
	
TD {font-size: .7em;}

td.sidebar {}

td.creditlabel {font-weight: bold; color: #333333;}

div.vCard {margin: 5px; padding: 5px; border: 1px solid #cccccc; background-color: #efefef}

div.vCardAlt {margin: 5px; padding: 5px; border: 1px solid #cccccc; background-color: #ffffff}

div.catBlock {margin: 5px; padding: 5px; border: 1px solid #cccccc; background-color: #ffffff;}

div#searchResults {font-size: 14px; padding: 5px; margin-bottom: 10px; margin-top:10px; color: #333333;}

div.pageBar {font-size: 14px; padding: 5px; color: #333333; text-align: center;}

a.white:link, a.white:visited, a.white:active, a.white:hover {color: White;}

A:link	
{	
	color:	#333333;
	text-decoration: underline;
}	
		
A:visited	
{	
	color:	#333333;
	text-decoration: underline;
}	
		
A:active	
{	
	color:	#333333;
	text-decoration: underline;
}	
		
A:hover	
{	
	color:	#0C3C90;
	text-decoration:	underline;
}

a.breadcrumb:link, a.breadcrumb:active, a.breadcrumb:visited
{
	text-decoration: underline;
	color: #990000;
} 

a.btnGeneratePreview:link, a.btnGeneratePreview:active, a.btnGeneratePreview:visited
{
	display: block;
	background-image: url(images/generatePreview.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 28px;
	width: 151px;
}

a.btnGeneratePreview:hover
{
	display: block;
	background-image: url(images/generatePreview_on.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 28px;
	width: 151px;
}

a.btnAboutSymfony:link, a.btnAboutSymfony:active, a.btnAboutSymfony:visited
{
	display: block;
	background-image: url(images/about.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 31px;
}

a.btnAboutSymfony:hover
{
	display: block;
	background-image: url(images/about_on.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 31px;
}

a.btnSearchSymfony:link, a.btnSearchSymfony:active, a.btnSearchSymfony:visited
{
	display: block;
	background-image: url(images/Search.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 31px;
}

a.btnSearchSymfony:hover
{
	display: block;
	background-image: url(images/Search_on.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 31px;
}

a.btnAddSymfony:link, a.btnAddSymfony:active, a.btnAddSymfony:visited
{
	display: block;
	background-image: url(images/Contribute.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 31px;
}

a.btnAddSymfony:hover
{
	display: block;
	background-image: url(images/Contribute_on.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 31px;
}

a.btnGeneric:link, a.btnGeneric:active, a.btnGeneric:visited
{
	padding: 2px;
	border: 1px solid #333333;
	color: #333333;
	text-decoration: none;
}

a.btnGeneric:hover
{
	padding: 2px;
	border: 1px solid #333333;
	color: #0C3C90;
	text-decoration: none;
	background-color: #efefef;
}

a.btnFAQSymfony:link, a.btnFAQSymfony:active, a.btnFAQSymfony:visited
{
	display: block;
	background-image: url(images/FAQ.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 31px;
}

a.btnFAQSymfony:hover
{
	display: block;
	background-image: url(images/FAQ_on.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 31px;
}

td.menubckg 
{
	background-image: url(images/nav_back.jpg);
	background-position: left top;
	background-repeat: repeat-x;
}

td.menubottom 
{
	background-image: url(images/navBot_back.jpg);
	background-position: left top;
	background-repeat: repeat-x;
}

a.playbutton:link, a.playbutton:active, a.playbutton:visited
{
	display: block;
	width:  75px;
	height: 28px;
	background-image: url(images/playVideo.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

a.playbutton:hover 
{
	display: block;
	width:  75px;
	height: 28px;
	background-image: url(images/playVideo_on.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

a.catVidLink:link, a.catVidLink:active, a.catVidLink:visited
{
    display: block;
    width: 220px;
    height: 100%;
	font-weight: bold;
}

a.catVidLink:link, a.catVidLink:active, a.catVidLink:visited
{
    display: block;
    width: 230px;
    height: 100%;
    border: 1px solid #D3e1ED;
	font-weight: bold;
	text-decoration: none;
	padding: 3px;
	color: #003366;
}

a.catVidLink:hover
{
    display: block;
    border: 1px solid #003366;
	font-weight: bold;
	background-color: #e9f0f5;
	color: #333333;
	text-decoration: none;
	padding: 3px;
}

a.boldRed
{
	font-size: 11px;
	font-weight: bold;
	color: #0C3C90;
}



div#videoData 
{
	margin: 10px;
	padding: 10px;
	border: 1px solid #cccccc;
	background-color: #efefef;
}
div#videoview 
{
	padding: 10px;
}

#sectionHeading, #sectionHeading2 {background-color: #ebebeb;}
	
a.ContentTab:link, a.ContentTab:active, a.ContentTab:visited
{
	display: block;
	width: 205px;
	height: 30px;
	background-color: #ffffff;
	font-size: 1em;
	text-decoration: none;
	color: #333333;
	background-image: url(images/Menu/descVideoTAB.gif);
	background-position: left top;
	background-repeat: no-repeat;
	
}

a.ContentTab:hover
{
	display: block;
	width: 205px;
	height: 30px;
	background-color: #cccccc;
	font-size: 1em;
	text-decoration: none;
	color: #333333;
	background-image: url(images/Menu/descVideoTAB_on.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

a.ContentTabOn
{
	display: block;
	width: 205px;
	height: 30px;
	background-color: #cccccc;
	font-size: 1em;
	text-decoration: none;
	color: #333333;
	background-image: url(images/Menu/descVideoTAB_on.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

a.ContentTabDisabled
{
	display: block;
	width: 205px;
	height: 30px;
	background-color: #cccccc;
	font-size: 1em;
	text-decoration: none;
	color: #333333;
	background-image: url(images/Menu/descVideoTAB_disabled.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

a.EncodingsTab:link, a.EncodingsTab:active, a.EncodingsTab:visited
{
	display: block;
	width: 205px;
	height: 30px;
	background-color: #ffffff;
	font-size: 1em;
	text-decoration: none;
	color: #333333;
	background-image: url(images/Menu/VideoFilesTAB.gif);
	background-position: left top;
	background-repeat: no-repeat;
	
}

a.EncodingsTab:hover
{
	display: block;
	width: 205px;
	height: 30px;
	background-color: #cccccc;
	font-size: 1em;
	text-decoration: none;
	color: #333333;
	background-image: url(images/Menu/VideoFilesTAB_on.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

a.EncodingsTabOn
{
	display: block;
	width: 205px;
	height: 30px;
	background-color: #cccccc;
	font-size: 1em;
	text-decoration: none;
	color: #333333;
	background-image: url(images/Menu/VideoFilesTAB_on.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

a.EncodingsTabDisabled
{
	display: block;
	width: 205px;
	height: 30px;
	background-color: #cccccc;
	font-size: 1em;
	text-decoration: none;
	color: #333333;
	background-image: url(images/Menu/VideoFilesTAB_disabled.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

a.ImagesTab:link, a.ImagesTab:active, a.ImagesTab:visited
{
	display: block;
	width: 205px;
	height: 30px;
	background-color: #ffffff;
	font-size: 1em;
	text-decoration: none;
	color: #333333;
	background-image: url(images/Menu/PreviewImagesTAB.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

a.ImagesTab:hover
{
	display: block;
	width: 205px;
	height: 30px;
	background-color: #cccccc;
	font-size: 1em;
	text-decoration: none;
	color: #333333;
	background-image: url(images/Menu/PreviewImagesTAB_on.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

a.ImagesTabOn
{
	display: block;
	width: 205px;
	height: 30px;
	background-color: #cccccc;
	font-size: 1em;
	text-decoration: none;
	color: #333333;
	background-image: url(images/Menu/PreviewImagesTAB_on.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

a.ImagesTabDisabled
{
	display: block;
	width: 205px;
	height: 30px;
	background-color: #cccccc;
	font-size: 1em;
	text-decoration: none;
	color: #333333;
	background-image: url(images/Menu/PreviewImages_disabled.gif);
	background-position: left top;
	background-repeat: no-repeat;
}


a.DistTab:link, a.DistTab:active, a.DistTab:visited
{
	display: block;
	width: 205px;
	height: 30px;
	background-color: #ffffff;
	font-size: 1em;
	text-decoration: none;
	color: #333333;
	background-image: url(images/Menu/DistributevideoTAB.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

a.DistTab:hover
{
	display: block;
	width: 205px;
	height: 30px;
	background-color: #cccccc;
	font-size: 1em;
	text-decoration: none;
	color: #333333;
	background-image: url(images/Menu/DistributevideoTAB_on.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

a.DistTabOn
{
	display: block;
	width: 205px;
	height: 30px;
	background-color: #cccccc;
	font-size: 1em;
	text-decoration: none;
	color: #333333;
	background-image: url(images/Menu/DistributevideoTAB_on.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

a.DistTabDisabled
{
	display: block;
	width: 205px;
	height: 30px;
	background-color: #cccccc;
	font-size: 1em;
	text-decoration: none;
	color: #333333;
	background-image: url(images/Menu/PreviewImages_disabled.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

a.btnPreview:link, a.btnPreview:active, a.btnPreview:visited 
{
	display: block;
	background-image: url(images/previewVideoBTN.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 42px;
	
}

a.btnPreview:hover 
{
	display: block;
	background-image: url(images/previewVideoBTN_on.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 42px;
}

div.tabSub, table.tabSub td
{
	padding: 10px;
	background-image: url(images/Menu/leftNavBack.jpg);
	background-repeat: repeat-y;
	color: #999999;
}

div.tabSub a, div.tabSub a:active, div.tabSub a:visited
{
	font-family: tahoma, sans-serif;
	display: block;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
}

a.tabSub:link , a.tabSub:active, a.tabSub:visited
{
	font-family: tahoma, sans-serif;
	display: block;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

a.tabSub:hover 
{
	font-family: tahoma, sans-serif;
	display: block;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #990000;
	text-decoration: underline;
}

a.tabSubDisabled:link , a.tabSubDisabled:active, a.tabSubDisabled:visited
{
	font-family: tahoma, sans-serif;
	display: block;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}

a.tabSubDisabled:hover 
{
	font-family: tahoma, sans-serif;
	display: block;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}

td.fieldBox, div.fieldBox, table.fieldBox {background-color: #efefef; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;} 
div.itemlabel, td.itemlabel {background-color: #CFE2FB; padding: 5px; vertical-align: middle; color: #333333; font-weight: bold; border: 1px solid #b9cde6;}
div.sectionlabel, td.sectionlabel {background-color: #666666; padding: 5px; vertical-align: middle; color: #ffffff; font-weight: bold; border: 1px solid #333333;}
div.datalabel {border: 1px solid #333333; FONT-WEIGHT: bold; COLOR: white; PADDING: 5px; background-color: #333333;}
div#wizard-body span.fieldlabel, td.fieldlabel, span.fieldlabel {color: #333333; font-weight: bold; font-size: 11px;}

div.contributeHeading
{
	font-family: Arial, sans-serif;
	background-color: #efefef;
	border-bottom: 1px solid #cccccc;
	width: auto;
	padding-left: 75px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 10px;
	position: relative;
	top: -42;
}

table.dgBorder {border-left: 1px solid #cccccc;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;}

div.contributeHeading h4 
{
	font-family: Arial, sans-serif;
	font-size: 16px; 
	color: #333333; 
	margin: 0px; 
	font-weight: bold;
}

a.encodingButton:link, a.encodingButton:active, a.encodingButton:visited 
{	display: block;
	width: 100%;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

a.encodingButton:hover 
{
	color: #0C3C90;	
}

div#wizard-body, td.wizard-body
{
	border: solid 3px #9A9901;
	width: 750px;
	padding: 10px;
	background-color: White;
}

div#wizard-body span, div#wizard-body ul li {font-size: 12px;}	

table#datagrid1 tr td label {font-size: 11px;}
table#datagrid1 tr td span {font-size: 11px;}
table#dgCustomFields td span {font-size: 11px;}

img.pageIcon {z-index:3; position: relative; left: 5px;}

div#wizard-body span.breadcrumb {font-size: 11px; color: #333333;}

div#wizard-body  td a.subListHeading 
{
	font-family: Arial, sans-serif; 
	font-size: 15px; 
	font-weight: bold; 
	color: #333333;
	text-decoration: none;
}

div#wizard-body  td a.subListHeading:hover
{
	font-family: Arial, sans-serif; 
	font-size: 15px; 
	font-weight: bold; 
	color: #990000;
	text-decoration: underline;
}

.formInput {border: 1px solid #333333;}

a.permTabSel:link, a.permTabSel:active, a.perTabSel:visited
{
	background-color: #9A9901;
	display: block;
	width: 100px;
	color: White;
	font-weight: bold;
	padding: 5px;
	text-decoration: none;
	font-size: 12px;
}

a.permTabSel:hover
{
	background-color: #cccc00;
	font-style: italic;
}

a.permTab:link, a.permTab:active, a.perTab:visited
{
	background-color: #efefef;
	display: block;
	width: 100px;
	color: #333333;
	font-weight: bold;
	padding: 5px;
	text-decoration: none;
	font-size: 12px;
}

a.permTab:hover
{
	color: #990000;
}
