body {
	margin:		0px 0px 0px 0px; 
	background: #f2f2f2; 
	font-size:	62.5% 
}

/* ----------------------------------------------------
	Global Styles
   ----------------------------------------------------*/
a img { border: none; }
.centerText { text-align: center; }

.clearBooth { clear: both; }
.spacer { height: 9px; display: block; clear: both; }
.spacerSmall { height: 4px; display: block; clear: both; }
.spacerLarge { height: 16px; display: block; clear: both; }
.spacerNewLine { height: 0px; display: block; clear: both; }

/* ----------------------------------------------------
	Shell of the web page 
   ----------------------------------------------------*/
#dlp-shell {
    display:	block; 
    margin:		0px auto 0px auto;
    width:		100%;
    min-height: 433px;
    height:		auto !important;
    height:		433px;   
    background: #ffffff;
    padding-bottom: 19px;
}

/* ----------------------------------------------------
	The Topbar Elements of the web page 
   ----------------------------------------------------*/
#topbar-shell {
    display:	block; 
    margin:		0px auto 0px auto;
    width:		768px;
    min-height: 33px;
    height:		auto !important;
    height:		33px;
}

#topbar {
    display:	block; 
    margin:		0px 0px 0px 0px;
    width:		748px;
    position:	relative;
    min-height: 27px;
    height:		auto !important;
    height:		27px; 
    background: #e7e7e8 url(../Images/Functionality/background/header-bar.gif) no-repeat bottom left;
    padding: 	6px 0px 0px 20px;
    font-weight: bold;
    text-align:	 right;
}

#topbar {
    font-family:	Arial, Helvetica, sans-serif;
    font-size:		1.0em;
    color:			#333333; 
    text-transform: uppercase;
 
}


/* ----------------------------------------------------
	Logobar section of the web page 
   ----------------------------------------------------*/
#logobar {
    display:	block; 
    position:	relative;
    margin:		0px auto 0px auto;
    width:		800px;
    height:		200px; 
    background: #ffffff;
}

#logoarea {
    position:	absolute;
    top:		0px;
    left:		0px; 
    width:		800px;
    height:		190px;
}

#logoarea h1 { border: none; margin: 0px; padding: 0px; float:left; }

#logoarea h1 a { 
    width:		400px;
    height:		170px;
    background: url('../Images/Functionality/Logo/DLPHeaderSmall1.jpg') no-repeat;
    position:	absolute;
    top:		20px;
    left:		80px;
	padding-top: 170px;
	height:		0;
	height: 	0;
	overflow:	hidden;
	display:	block; 
	margin-left: 140px;
}

/* ----------------------------------------------------
	Content Shell section of the web page 
   ----------------------------------------------------*/
#content-shell {
    display:	block; 
    margin:		0px auto 0px auto;
    width:		800px;
    min-height: 10px;
    height:		auto !important;
    height:		10px;/*border: solid 1px red;*/
}

#content-shell h1 {
    font-family:	Arial, Helvetica, sans-serif;
    font-size:		1.4em;
    color:			#1a171b;
    text-transform: uppercase;
    margin-bottom:	0px;
    margin-top:		3px;
}

#content-shell h2 {
    font-family:	Arial, Helvetica, sans-serif;
    font-size:		1.1em;
    color:			#cfaf6c;
    text-transform: uppercase;
    margin-bottom:	2px;
    margin-top:		22px;
}

#content-shell h3 {
    font-family:	Arial, Helvetica, sans-serif;
    font-size:		1.0em;
    color:			#cfaf6c;
    text-transform: uppercase;
    margin-bottom:	2px;
    margin-top:		5px;
}

#content-shell h4 {
    font-family:	Arial, Helvetica, sans-serif;
    font-size:		0.9em;
    color:			#cfaf6c;
    text-transform: uppercase;
    margin-bottom:	2px;
    margin-top:		5px;
}

#content-shell blockquote {
    font-size:		1.1em;
    color:			#cfaf6c; 
    font-weight:	bold;
    text-transform: uppercase;
    margin-left:	0px;
    margin-right:	0px;
    padding-left:	0px;
    padding-right:	0px;
    line-height:	140%;
    margin-top:		35px;
}

#content-shell input, #content-shell textarea, #content-shell select {
    font-family: Arial, Helvetica, sans-serif;
    font-size:	1.0em;
    color:		#333333;
    padding:	2px;
}

#AudioDLPLatestUpdate { border: none; float: right; margin-right: 15px; margin-top: 10px; }
input.AudioDLPLatestUpdate 
{
	border-style: none;
	border-width: 0;
	width: 170px;
    height: 85px;
    min-height: 85px;
    background: transparent url(../Images/Functionality/Buttons/Plates/SmallDownloadLatestDLP.png) no-repeat;
}

#DownloadHelpPdf { border: none; float: right; margin-right: 0px; clear: right; margin-top: 5px; }
input.DownloadHelpPdf {
    border-style: none;
	border-color: inherit;
	border-width: 0;
	width: 218px;
    height: 90px;
    min-height: 90px;
    background: transparent url('../Images/Functionality/Buttons/Plates/SmallAudioDLPHelpFiles.png') no-repeat;
}

#VideoHeader { width: 210px; float: left; padding-left: 5px; }

#VideoDLPLatestUpdate { border: none; margin-top: 10px;  min-height: 85px; }
input.VideoDLPLatestUpdate 
{
	border-style: none;display: none;
	border-width: 0;
	width: 170px;
    height: 85px;
    min-height: 85px;
    background: transparent url(../Images/Functionality/Buttons/Plates/SmallDownloadLatestDLP.png) no-repeat;
}

#VideoDownloadHelpPdf { border: none; margin-right: 0px; clear: right; margin-top: 5px; }
input.VideoDownloadHelpPdf {
    border-style: none;
	border-color: inherit;
	border-width: 0;
	width: 218px;
    height: 90px;
    min-height: 90px;
    background: transparent url('../Images/Functionality/Buttons/Plates/SmallVideoDLPHelpFiles.png') no-repeat;
}

/*#AudioDownloadHelpPdfInPage { border: none; float: right; margin-right: 15px; clear: right; margin-top: 10px; }*/
input.AudioDownloadHelpPdfInPage {
    border-style: none;
	border-color: inherit;
	border-width: 0;
	width: 312px;
    height: 85px;
    min-height: 85px;
    background: transparent url('../Images/Functionality/Buttons/Plates/DownloadPdfUserGuide.png') no-repeat;
    cursor: pointer;
}

input.VideoDownloadHelpPdfInPage {
    border-style: none;
	border-color: inherit;
	border-width: 0;
	width: 312px;
    height: 85px;
    min-height: 85px;
    background: transparent url('../Images/Functionality/Buttons/Plates/DownloadVideoPdfUserGuide.png') no-repeat;
    cursor: pointer;
}

.Home h2, .Home blockquote { color: #B03D62 !important; }
.Home h2 a { color: #B03D62 !important; }
.Home h3 { color: #B03D62 !important; }
.Home h3 a { color: #B03D62 !important; }
.Home h4 { color: #B03D62 !important; }
.Home h4 a { color: #B03D62 !important; }

.DLPAudio h2, .Home blockquote { color: #4DACB8 !important; }
.DLPAudio h2 a { color: #4DACB8 !important; }
.DLPAudio h3 { color: #4DACB8 !important; }
.DLPAudio h3 a { color: #4DACB8 !important; }
.DLPAudio h4 { color: #4DACB8 !important; }
.DLPAudio h4 a { color: #4DACB8 !important; }

.DLPVideo h2, .Home blockquote { color: #CFAF6C !important; }
.DLPVideo h2 a { color: #CFAF6C !important; }
.DLPVideo h3 { color: #CFAF6C !important; }
.DLPVideo h3 a { color: #CFAF6C !important; }
.DLPVideo h4 { color: #CFAF6C !important; }
.DLPVideo h4 a { color: #CFAF6C !important; }

.Feedback h2, .Home blockquote { color: #F3B430 !important; }
.Feedback h2 a { color: #F3B430 !important; }
.Feedback h3 { color: #F3B430 !important; }
.Feedback h3 a { color: #F3B430 !important; }
.Feedback h4 { color: #F3B430 !important; }
.Feedback h4 a { color: #F3B430 !important; }

.FAQ h2, .Home blockquote { color: #A35245 !important; }
.FAQ h2 a { color: #A35245 !important; }
.FAQ h3 { color: #A35245 !important; }
.FAQ h3 a { color: #A35245 !important; }
.FAQ h4 { color: #A35245 !important; }
.FAQ h4 a { color: #A35245 !important; }

.HowTo h2, .Home blockquote { color: #8289C2 !important; }
.HowTo h2 a { color: #8289C2 !important; }
.HowTo h3 { color: #8289C2 !important; }
.HowTo h3 a { color: #8289C2 !important; }
.HowTo h4 { color: #8289C2 !important; }
.HowTo h4 a { color: #8289C2 !important; }

/* ----------------------------------------------------
	Left Menu Bar (SubNav) section of the web page 
   ----------------------------------------------------*/
#subnav-bar {
    display:		block; 
    float:			left;
    margin:			33px 0px 0px 20px;
    margin-left:	20px;
    width:			118px;
    min-height:		175px;
    height:			auto !important;
    height:			175px; 
    padding-bottom: 100px;
    position:		relative;
}

#subnav-bar ul { padding-left: 0px; margin: 0px; }

#subnav-bar li { display: block; list-style: none; padding-bottom: 9px; }

#subnav-bar li a {
    font-family:	Arial, Helvetica, sans-serif;
    font-size:		1.0em;
    color:			#333333;
    text-decoration: none;
    text-transform: uppercase;
    Padding-left:	12px; 
    font-weight:	bold;
    display:		block;
}  

.Home #subnav-bar { }
.Home #subnav-bar li a:hover, 
.Home #subnav-bar li a.on { background: url('../Images/Functionality/Arrows/Arrow_B03D62.gif') no-repeat 0px 3px;}
.Home #subnav-bar li a.on { color: #B03D62 !important; font-size: 1.0em; }

.DLPAudio #subnav-bar { }
.DLPAudio #subnav-bar li a:hover, 
.DLPAudio #subnav-bar li a.on { background: url('../Images/Functionality/Arrows/Arrow_4DACB8.gif') no-repeat 0px 3px;}
.DLPAudio #subnav-bar li a.on { color: #4DACB8 !important; font-size: 1.0em; }

.DLPVideo #subnav-bar { }
.DLPVideo #subnav-bar li a:hover, 
.DLPVideo #subnav-bar li a.on { background: url('../Images/Functionality/Arrows/Arrow_CFAF6C.gif') no-repeat 0px 3px;}
.DLPVideo #subnav-bar li a.on { color: #CFAF6C !important; font-size: 1.0em; }

.Feedback #subnav-bar { }
.Feedback #subnav-bar li a:hover, 
.Feedback #subnav-bar li a.on { background: url('../Images/Functionality/Arrows/Arrow_F3B430.gif') no-repeat 0px 3px;}
.Feedback #subnav-bar li a.on { color: #F3B430 !important; font-size: 1.0em; }

.FAQ #subnav-bar { }
.FAQ #subnav-bar li a:hover, 
.FAQ #subnav-bar li a.on { background: url('../Images/Functionality/Arrows/Arrow_A35245.gif') no-repeat 0px 3px;}
.FAQ #subnav-bar li a.on { color: #A35245 !important; font-size: 1.0em; }

.HowTo #subnav-bar { }
.HowTo #subnav-bar li a:hover, 
.HowTo #subnav-bar li a.on { background: url('../Images/Functionality/Arrows/Arrow_8289C2.gif') no-repeat 0px 3px;}
.HowTo #subnav-bar li a.on { color: #8289C2 !important; font-size: 1.0em; }

/* ----------------------------------------------------
	Main Menu Bar (navbar) section of the web page 
   ----------------------------------------------------*/
#navbar-shell {
    display:	block; 
    margin:		0px auto 0px auto;
    width:		800px;
    min-height: 19px;
    height:		auto !important;
    height:		19px;
}

#navbar {
    display:	 block; 
    margin-left: 20px;
    width:		 758px;
    min-height:  19px;
    height:		 auto !important;
    height:		 19px; 
    border:		 1px solid #d7d7d8;
}

.navitem ul, .navitem li { margin: 0px; padding: 0px; list-style: none; }
.navitem li { float: left; }

.navitem a {
    float: left;
    min-height: 16px;
    height: auto !important;
    height: 16px;
    text-align: center;
    background: none;
    margin-right: 1px;
    padding-top: 3px;
}

.navItemPlayers a:hover, .navItemPlayers a.on { background: url('../Images/Functionality/MenuItems/MainMenu/Navigation1.gif') no-repeat;
}

.navitem a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    color: #333333;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
}
.navitem a.on { color: #ffffff; }

#nav-Home a { width: 50px; }
#nav-Home a:hover { width: 50px; background-position: 0px 0px; }
#nav-Home a.on { width: 50px; background-position: 0px -19px; }

#nav-Audio-DLP a { width: 175px; }
#nav-Audio-DLP a:hover { width: 175px; background-position: -51px 0px; }
#nav-Audio-DLP a.on { width: 175px; background-position: -51px -19px; }

#nav-AudioVideo-DLP a { width: 200px; }
#nav-AudioVideo-DLP a:hover { width: 200px; background-position: -226px 0px; }
#nav-AudioVideo-DLP a.on { width: 200px; background-position: -226px -19px; }

#nav-ReportBug-Feedback a { width: 200px; }
#nav-ReportBug-Feedback a:hover { width: 200px; background-position: -426px 0px; }
#nav-ReportBug-Feedback a.on { width: 200px; background-position: -426px -19px; }

#nav-FAQ a { width: 55px; }
#nav-FAQ a:hover { width: 55px; background-position: -626px 0px; }
#nav-FAQ a.on { width: 55px; background-position: -626px -19px; }

#nav-HowTo a { width: 70px; }
#nav-HowTo a:hover { width: 70px; background-position: -681px 0px; }
#nav-HowTo a.on { width: 70px; background-position: -681px -19px; }

/* ----------------------------------------------------
	Footer Menu Bar (navbar2) section of the web page 
   ----------------------------------------------------*/
#navbar2-shell {
    display:	block; 
    margin:		0px auto 0px auto;
    width:		800px;
    min-height: 19px;
    height:		auto !important;
    height:		19px;
    text-align: center;
}

#navbar2 {
    display:	 block; 
    width:		 758px;
    min-height:  19px;
    height:		 auto !important;
    height:		 19px; 
    border:		 solid 1px #d7d7d8;
}

.navitem2 ul, .navitem2 li {  margin: 0px; padding: 3px 30px 3px 30px; list-style: none; }
.navitem2 li { display: inline;  }

.navitem2 a {
	font-family:	Arial, Helvetica, sans-serif;
    font-size:		1.0em;
    text-transform: uppercase;
    font-weight:	bold;
    min-height:		16px;
    height:			auto !important;
    height:			16px;
    text-align:		center;
    background:		none;
    margin-right:	1px;
    padding-top:	3px;
    text-decoration: none;
    color:			Gray;
}

.navitem2 a:hover { text-decoration: underline; color: Gray; }


/* ------------------------------------
	Main Content Section 
   ------------------------------------ */
#content-text {
    display:	block; 
    float:		left;
    margin:		30px 0px 0px 21px;
    width:		356px;
    min-height: 10px;
    height:		auto !important;
    height:		10px; 
}
.extendFullPage { width: 620px !important; } /* This is also set in ".DownloadPlayer #content-text" */

#content-home-text, #content-text {
    font-family: Frutiger Linotype, Arial, Helvetica, sans-serif;
    font-size:	 1.1em;
    color:		 #333333;
    line-height: 140%;
}

#content-text a { font-size: 0.9em; }
#content-text a { color: #cfaf6c; text-decoration: none; text-transform: uppercase; }
#content-text a:hover { text-decoration: underline !important; }

#content-text ol.normal { padding: 0px; margin: 0px; font-size: 1em; color: #000000; font-weight: normal; }
#content-text ol.normal ol.normal { padding: 0px; margin: 0px; font-size: 1em; color: #000000; font-weight: normal; }

#content-text ol { padding: 0px; margin: 0px; color: #999999; font-size: 1.5em; font-weight: bold; }
#content-text ol li { padding-left: 0px; padding-bottom: 10px; margin-left: 40px; }
#content-text ol li p { /*display: block;*/ margin: 0px; padding: 0px; padding-bottom: 10px; color: #000000; font-size: 0.75em; font-weight: normal; }
#content-text ol h2 { font-size: 0.75em; margin-left: 0px; }
#content-text ol a { font-size: 0.8em;  }

#content-text ul.normal { padding-left: 0px; margin: 0px 0px 9px 5px; }
#content-text ul.normal li { display: block; list-style: none; padding: 4px 0px 4px 11px; background: url('../Images/Functionality/Arrows/Arrow_Li_Default.gif') no-repeat -1px 8px; }

#content-text ul { padding-left: 0px; margin: 0px 0px 9px 5px; }
#content-text ul li { display: block; list-style: none; padding: 0px 0px 4px 10px; background: url('../Images/Functionality/Arrows/Arrow_Li_Default.gif') no-repeat -1px 4px; }

#content-text ol ol { padding: 0px; margin: 0px; color: #999999; font-size: 1.0em; font-weight: bold; }
#content-text ol ol li { padding-left: 0px; padding-bottom: 10px; margin-left: 40px; }
#content-text ol ol li p { /*display: block;*/ margin: 0px; padding: 0px; padding-bottom: 10px; color: #000000; font-size: 0.75em; font-weight: normal; letter-spacing: normal; }
#content-text ol ol h2 { font-size: 0.75em; margin-left: 0px; }
#content-text ol ol a { font-size: 0.8em;  }

/*#content-text li a {
    font-family:	Arial, Helvetica, sans-serif;
    font-size:		1.0em;
    color:			#333333;
    text-decoration: none;
    text-transform: uppercase;
    Padding-left:	12px; 
    font-weight:	bold;
    display:		block;
} */ 

#content-text p { padding: 0px 0px 0px 0px; margin: 0px 0px 13px 0px; } 

.Home #content-text { width: 620px !important; }	/* This is also set in "extendFullPage" */
.Home #content-text a { color: #B03D62 !important; text-decoration: none; text-transform: uppercase; }
.Home #content-text a:hover,  .Home #content-rightbar blockquote { color: #B03D62 !important; }

.DLPAudio #content-text { width: 620px !important; }	/* This is also set in "extendFullPage" */
.DLPAudio #content-text a { color: #4DACB8 !important; text-decoration: none; text-transform: uppercase; }
.DLPAudio #content-text a:hover,  .DLPAudio #content-rightbar blockquote { color: #4DACB8 !important; }

.DLPVideo #content-text { width: 620px !important; }	/* This is also set in "extendFullPage" */
.DLPVideo #content-text a { color: #CFAF6C !important; text-decoration: none; text-transform: uppercase; }
.DLPVideo #content-text a:hover,  .DLPVideo #content-rightbar blockquote { color: #CFAF6C !important; }

.Feedback #content-text { width: 620px !important; }	/* This is also set in "extendFullPage" */
.Feedback #content-text a { color: #F3B430 !important; text-decoration: none; text-transform: uppercase; }
.Feedback #content-text a:hover,  .Feedback #content-rightbar blockquote { color: #F3B430 !important; }

.FAQ #content-text { width: 620px !important; }	/* This is also set in "extendFullPage" */
.FAQ #content-text a { color: #A35245 !important; text-decoration: none; text-transform: uppercase; }
.FAQ #content-text a:hover,  .FAQ #content-rightbar blockquote { color: #A35245 !important; }

.HowTo #content-text { width: 620px !important; }	/* This is also set in "extendFullPage" */
.HowTo #content-text a { color: #8289C2 !important; text-decoration: none; text-transform: uppercase; }
.HowTo #content-text a:hover,  .HowTo #content-rightbar blockquote { color: #8289C2 !important; }

/* ----------------------------------------------------
	Shell Footer of the web page 
   ----------------------------------------------------*/
#footer-grad {
    height:		 43px;
    background:  url('../Images/Functionality/Background/page-background.gif') repeat-x;
    text-align:  center;
    padding:	 10px 0px 0px 0px;
    font-family: Frutiger Linotype, Arial, Helvetica, sans-serif;
    font-size:	 1.0em;
    color:		 #F2F2F2;
}

.RevealPanel { border: solid 2px Silver; padding: 4px 2px 4px 2px; margin-bottom: 4px;}

.KeyIconImage { float: left; padding: 0px 5px 0px 5px; height: 52px;  }
.KeyIconDescription { float: left; min-height: 52px; width: 550px;}

.KeyIconImageSmall { float: left; padding: 0px 5px 0px 5px; height: 28px; }
.KeyIconDescriptionSmall { float: left; min-height: 28px; }


.formtag { display: block; width: 100px; margin-right: 0px; float: left; font-weight: bold; }

.SubmitButton_75
{
	float:		 right;
	background:	 #C8C9CA url(../Images/Functionality/Buttons/ButtonTemplate_75.gif) no-repeat;
	font-family: Frutiger Linotype, Arial, Helvetica, sans-serif;
	
    width:		 75px;
    height:		 29px;
	border:		 none;
	color:		 White !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size:	 1.25em;
    margin:		 8px 0px 0px 0px;
}

.SubmitButton_175
{
	float:		 right;
	background:	 #C8C9CA url(../Images/Functionality/Buttons/ButtonTemplate_175.gif) no-repeat;
	font-family: Frutiger Linotype, Arial, Helvetica, sans-serif;
	
    width:		 175px;
    height:		 29px;
	border:		 none;
	color:		 White !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size:	 1.25em;
    margin:		 8px 0px 0px 0px;
}

.SubmitButton_200
{
	float:		 right;
	background:	 #C8C9CA url(../Images/Functionality/Buttons/ButtonTemplate_200.gif) no-repeat;
	font-family: Frutiger Linotype, Arial, Helvetica, sans-serif;
	
    width:		 200px;
    height:		 29px;
	border:		 none;
	color:		 White !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size:	 1.25em;
    margin:		 8px 0px 0px 0px;
}

/*	
---------------------------------------------------------------
-	Information Bar Control
------------------------------------------------------------ */
.InfoBarPannel
{	
	padding: 15px 0px 0px 0px;
	font-family: Frutiger, Arial, Helvetica, sans-serif;
}

#InfoBar { font-family: Frutiger, Arial, Helvetica, sans-serif; }

.OuterForInformationBody {border: solid 1px #ABABAD; }
.OuterForErrorBody {border: solid 1px tomato; }

#InfoBar ul { padding-left: 3px; padding-top: 5px; margin: 0px 0px 0px 0px; }

#InfoBar li 
{
	display:		block; 
    list-style:		none; 
    padding-bottom: 4px;
    padding-left:	10px;
    background:		url('../images/Functionality/Arrows/Arrow_B03D62.gif') no-repeat 0px 5px;
}

.InfoBarHeader
{
    font-weight: bold;
    font-size:   12px;
    color:       black; /*#007F46; */
    background-color: Gray; 
    padding:	 3px 3px 3px 3px;
    background-image: url(../Images/Functionality/Background/InfoBarHeader_Info.gif);
}

.ShowForInformationBody
{
    font-weight: bold;
    font-size:   10px;
    font-family: Frutiger, Arial, Helvetica, sans-serif;
    color:       Black; 
    background-color: #E8E9EA;/*#E0E0E0; */
    padding:	 3px 3px 3px 3px;
}

.ShowForErrorBody
{
	font-weight: bold;
    font-size:   10px;
    font-family: Frutiger, Arial, Helvetica, sans-serif;
    color:       black; 
    background-color: #F8DFDB;/*#FFC9C9; */
    padding:	 3px 3px 3px 3px;
}

/* ---------------------------------------------------------------------------
	Page Specific Classes (Report Bug / Leave Feedback - Feedback.Default.aspx)
   --------------------------------------------------------------------------- */
.ContactFeedback-Feedback input[type="text"] { width: 300px; }
.ContactFeedback-Feedback textarea { width: 510px; }
.ContactFeedback-Feedback select { width: 306px; }


/* How To Section */
.InlineIconExample { margin-bottom: -9px;} 

.FreeTrialButton { float: right; }