body
{
	background-image: url(/images/VideoDisplay/VDBackground.png);
	background-repeat: repeat-x;
	font-size: .75em;
	font-family: Verdana, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
	color: #696969;
	overflow: auto;
}

.dp-highlighter
{
	background-color: #ffffff;
	font-family: "Consolas" , "Courier New" ,Courier,mono,serif;
	font-size: 12px;
	height: 385px;
	margin: 0px !important;
	overflow: visible;
	padding-top: 1px;
	width: 99%;
}

.contentf.dp-highlighter
{
	overflow: visible;
}

#TextDisplay .dp-highlighter
{
	overflow: auto;
}


#AddBox
{
	float: left;
}

#AddSign
{
	background-image: url(/images/AddSign.png);
	background-repeat: no-repeat;
	overflow: auto;
	margin-top: 30px;
	margin-left: 25px;
	float: left;
	width: 76px;
	height: 60px;
}

#AddVideo
{
	display: block;
	color: #5c3b2f;
	text-decoration: none;
	margin-top: 48px;
	margin-left: 110px;
	font-size: 1.6em;
}



#Banner
{
	background-image: url(/images/VideoDisplay/Banner.png);
	background-repeat: no-repeat;
	width: 935px;
	height: 70px;
	margin: 0 auto;
}


#Content
{
	background-image: url(/images/VideoDisplay/InnerFrameCenter.png);
	background-repeat: repeat-y;
	margin: 0 0 0 0px;
	padding: 0px 5px 5px 5px;
	overflow: auto;
	height: auto;
	width: 935px;
	float: left;
}



#InnerFrame
{
	background-image: url(/images/VideoDisplay/BlueContentAreaCenter.png);
	background-repeat: repeat-y;
	height: auto;
	width: 897px;
	overflow: hidden;
	margin-left: 15px;
	margin-top: 0px; /*used to be 24 when one image*/
}

#Main
{
	width: 935px;
}


#SearchArea
{
	background-image: url(/images/VideoDisplay/NVDBottomFrame.png);
	background-repeat: no-repeat;
	overflow: auto;
	width: 898px;
	height: 112px;
	margin-top: 24px;
	margin-left: 17px;
}

#SearchBox
{
	float: right;
	margin-top: 46px;
	margin-right: 30px;
}

#VideoHeading h1
{
	color: #5C3B2F;
	margin-left: 33px;
	margin-top: 7px;
	margin-bottom: 10px;
	font-family: Lucida Sans Unicode,Tahoma,Arial,Helvetica,FreeSans,sans-serif;
}

#VideoHeading p
{
	margin-top: 2px;
}

#VideoHeading h2
{
	margin-bottom: 4px;
}

#VideoHeading .CreditLink
{
	margin-bottom: 5px;
}

#FrontPageLink
{
	margin-left: 36px;
}

.syntaxhighlighter
{
	width: 825px;
	overflow: auto;
}

/* For the dynamically displaying code... */
.CodeArea > div
{
	height: 97%;
	margin: 0;
}

/* If the padding is set to something other than 0, we get a wacky scrollbar for the code on IE. 
  Also, the toolbar is absolutely positioned, and this can lead to a scrollbar on IE when using dynamic code.  We move it slightly
   get around the scrollbar.*/
/*eh.  Ultimately, this isn't working.  Something about the dynamic placement.
.syntaxhighlighter .toolbar
{
	padding: 0;
	right: 15px;
	display: none;
}*/

/*Nuke the toolbar in the dynamic content ("important code") area*/
.contentf .toolbar
{
	display: none;
}

/* White background for short code segments */
.syntaxhighlighter
{
	background-color: white;
	padding: 4px;
}



#SilverlightNotInstalled
{
	margin-left: 30px;
	margin-top: 20px;
}

#InfoFromVideoLabel
{
	margin: 30px 0 18px 33px;
}

#InfoFromVideoLabel h1
{
	color: #5C3B2F;
}

#VideoLinkDiv
{
	float: left;
	width: 600px;
	margin: 0 0 20px 35px;
	font-size: .8em;
}

#VideoLinkDiv p
{
	margin: 0 0 2px 0;
}

#VideoLinkDiv a
{
	color: #5C3B2F;
}

#DownloadLink
{
	margin: 0 0 0 2px;
}