/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
#wrapper{
	background: #CDDEE6 url(../images/lyte-top-bg.gif) repeat-x left top;
	margin:0px;
	padding:0px;
	position:relative;
	width:100%;
	
}

div{margin:0px; padding:0px;}
#TabbedPanels1{
	padding: 0px 5px 24px 0px;
	margin: 0px;
}
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	text-align:left;
	margin: 0px 0px 0px;
	background:#CDDEE6 url(http://www.hpceie.com/images/lyte-bottom-bg.jpg) repeat-x left bottom;
	float: left;
	clear: both;
}
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
	position:absolute;
	right:0px;
	top:0px;
	width:300px;
	text-align:right;
}

.TabbedPanelsTab {
	top: 1px;
	float: right;
	padding: 4px 0px;
	margin: 0px 1px 0px 0px;
	list-style: none;
	/*-moz-user-select: none;
	-khtml-user-select: none;*/
	cursor: pointer;
	color: #3F6C85;
	font: bold 11px Tahoma, Arial, sans-serif;
	text-transform:none;
	background: url(../images/bgr-delimiter.gif) no-repeat left top;
}
.TabbedPanelsTab h1{
	color:#000000;
	text-transform:none;
	height:10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin:0px;
	background:#CDDEE6;
}

.TabbedPanelsTabHover { color:#000;}
.TabbedPanelsTab a{color: #3F6C85; }
.TabbedPanelsTabSelected, .TabbedPanelsTabSelected a { color:#233C49; }

.TabbedPanelsTab a {
	text-decoration: none;
}
.TabbedPanelsTab li span{margin-top:30px;}

.TabbedPanelsContentGroup {
	clear: both;
	margin-top:3px;
}

.TabbedPanelsContent {
	padding: 0px;
	padding-bottom:4px;
	margin: 0px auto;
	float:right;
	}

.TabbedPanelsContentVisible {
	margin-left: 4px;
	margin-top:0px;
	height:512px;
	width:687px;
	overflow:auto;
	

	
}
.TabbedPanelsContentVisible p, .TabbedPanelsContentVisible ul{margin-left:5px;}

.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;

}

.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;

}

.VTabbedPanels .TabbedPanelsTabSelected {
	 
	border-bottom: solid 1px #999;
}

.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;

}

/* ------------------------------------------------------- Article STYLES -----------------------------------------*/
body {
	font: 11px/14px Tahoma, Arial, sans-serif;
	background: #FFFFFF url(none);
	color: #4c4743;
}
td{color: #4c4743;font: 11px/14px Tahoma, Arial, sans-serif;}
a img, img a{border:none;}


#wrapper {}



.links{float:left;}
#readtop {

	
}
h1.article-title {
	margin-top: 0px;
	letter-spacing: 0px;
	width: 370px;
	font: 14px Tahoma, Arial, sans-serif;
	background: url(../images/lyte-top-bg.gif) repeat-x left top;
	color: #000000;
}
h1.course-title {
	margin-top: 0px;
	letter-spacing: 0px;
	width: 450px;
	font: 14px Tahoma, Arial, sans-serif;
	color: #000000;
	padding: 20px 20px 10px 10px;
}
p.posted{color:#b7782a!important; font-weight:normal; margin:5px;}
.article-image {
	width: 100px;
	margin: 0px 10px 10px 0px;
	padding: 0px;
	float: left;
}
.article-image img{margin-bottom:10px;}
.article-image a {
	background: url(../images/ico-gallery.jpg) no-repeat right top;
	margin-top: 5px;
	margin-bottom: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	clear: both;
}
.lead{font-weight:bold; line-height:14px; margin-top:10px;margin-bottom:10px; display:block; }
#article-left p {
	margin-bottom: 10px;
	color: #666666;
}
#article-right h2 {
	color: #a7a7a7;
	margin-top: 15px;
	margin-bottom: 0px;
	font-size: 14px;
}
.related h3 {
	color: #8ba7b1;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 0px;
}
.related p {
	margin-top: 5px;
}

img.sendto {
	background: url(../images/ico-sendto.jpg) no-repeat left bottom;
	padding-left: 23px;
	padding-top: 7px;
	padding-bottom: 3px;
	margin-right: 10px;
}
img.print{
	background: url(../images/ico-print.jpg) no-repeat left bottom;
	padding-left: 25px;
	padding-top: 7px;
	padding-bottom: 3px;
	margin-right: 10px;
}
.files {
	border-top: 1px solid #FFF;
	padding-top: 0px;
	margin-top:5px;
	clear:both;

}
.files strong {
	margin-left: 0px;
	margin-bottom:10px;
}
.files a {
	margin-right: 5px; margin-left:5px; margin-bottom:5px;
}
a.excel-file{
	background: url(../images/icon-excel.gif) no-repeat left bottom;
	padding-left: 18px;
	font-size:11px;
	color:#AD4F14;
	padding: 3px 0px 2px 20px;cursor: pointer;}
a.word-file{background: url(../images/icon-word.gif) no-repeat left bottom;
	padding-left: 18px;
	font-size:11px;
	color:#AD4F14;
	padding: 3px 0px 2px 20px;cursor: pointer;}
a.pdf-file{background: url(../images/icon-pdf.gif) no-repeat left bottom;
	padding-left: 18px;
	font-size:11px;
	color:#AD4F14;
	padding: 3px 0px 2px 20px;cursor: pointer;}
a.html-file{background: url(../images/icon-html.gif) no-repeat left bottom;
	padding-left: 18px;
	font-size:11px;
	color:#AD4F14;
	padding: 3px 0px 2px 20px;cursor: pointer;}
a.compressed-file{background: url(../images/icon-rar.gif) no-repeat left bottom;
	padding-left: 18px;
	font-size:11px;
	color:#AD4F14;
	padding: 3px 0px 2px 20px;cursor: pointer;}
a.other-file{
	background: url(../images/icon-other-type.gif) no-repeat left bottom;
	font-size:11px;
	color:#AD4F14;
	padding: 3px 0px 2px 20px;cursor: pointer;}
#article-right p.posted{margin:0px;}

img.floatleft{float:left;
	margin-right: 10px;
	margin-bottom: 0px;
}
p{
	color: #4c4743;
	margin-top:10px;
}
p.headline{
	font-size: 10px;
	text-transform: uppercase;
	font-weight:bold;
	margin:5px 0px 0px 5px;
	padding: 0px;
}
li.author-details {float:left; margin-right:5px; padding-right:5px; border-right:1px solid #CCC;}
.author-details span{ margin-left:5px; padding-left:5px; border-left:1px solid #CCC;}
p.description{font-weight:bold;}
.inputbox{
	width:300px;
	font:11px Arial, Helvetica, sans-serif;
	margin:10px 0px;
	padding: 1px;
}
.sendto, .gallery, .register, .close, .details{ position: relative;}

.close a{
	background: url(../images/bgr-close-blue.gif) no-repeat center 0px;
	text-decoration:none;
	padding: 15px 5px 15px 10px;
	height: 40px;
	font-weight: normal;
	line-height:30px;
	display:table;
}
.print a{
	background: url(../images/bgr-print-blue.gif) no-repeat center top;
	text-decoration:none;
	padding: 15px 5px;
	height: 40px;
	font-weight: normal;
	line-height:30px;
	display:table;
}
.close a:hover, .print a:hover{color:#000;}
.details{background: url(../images/bgr-details-blue.gif) no-repeat center top;
	padding: 15px 5px;
	height: 40px;
	font-weight: normal;
	line-height:30px;
	display:table;
	float:left;}
.sendto{
	background: url(../images/bgr-sendto-blue.gif) no-repeat center top;
	padding: 15px 5px;
	height: 40px;
	font-weight: normal;
	line-height:30px;
	display:table;
}
.gallery{background: url(../images/bgr-gallery-blue.gif) no-repeat center top;
	padding: 15px 5px;
	height: 40px;
	font-weight: normal;
	line-height:30px;
	display:table;
	}
.register{
	background: url(../images/bgr-register-blue.gif) no-repeat center top;
	padding: 15px 5px;
	height: 40px;
	font-weight: normal;
	line-height:30px;
	display:table;}
.TabbedPanelsTabSelected .register {color:#000;	background: url(../images/bgr-register.gif) no-repeat center top;}
.TabbedPanelsTabSelected .gallery {color:#000;	background: url(../images/bgr-gallery.gif) no-repeat center top;}
.TabbedPanelsTabSelected .sendto {color:#000;	background: url(../images/bgr-sendto.gif) no-repeat center top;}
.TabbedPanelsTabSelected .details {color:#000;	background: url(../images/bgr-details.gif) no-repeat center top;}
.sendto:hover, .gallery:hover, .register:hover{text-decoration:underline;}
.sendto-table td{text-align:left;}
.sendto-table strong{
	color:#666666;
	}
#stf_button, #stfreg_button{width:100px;}
/*-------------------- Sponsors ---------------------*/
.sponsorbox {
	width: 220px;
	text-align: left;
	padding-bottom: 15px;
	padding-top: 0px;
	float:right;
	background: #F1F5F8;
	padding-left: 5px;
	margin: 0px 5px 10px;
	border: 1px solid #668797;
}
.sponsorbox h2{
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #666666;
	letter-spacing:1px;
	margin-left: 5px;
	padding-left:2px;
	background: repeat-x left bottom;
	padding-bottom:2px;
	clear:both;
	display:block;
	border-bottom: 1px solid #CBDAE4;
	margin-bottom: 3px;
	margin-top: 10px;
}
.sponsor-list{padding-left:5px;}
.sponsor{
	border-bottom: 1px solid #FFF;
	clear:both;
	margin:0px;
}
.sponsor p.sponsor-img img{border: 1px solid #CBDAE4; margin-right:10px;
	margin-bottom:0px;
	margin-top:0px;
	float:left;}

p.sponsor-name{
	font-weight: bold;
	color:#996600;
	line-height:14px;
	margin-bottom:0px;
	margin-top:5px;
	letter-spacing:1px;
}
.sponsor p.sponsor-name a:link,.sponsor p.sponsor-name a:visited{color:#996600;text-decoration:none;} 
.sponsor p.sponsor-name a:hover{text-decoration:underline;}
p.sponsor-desc{font-size:11px; line-height:14px;margin-bottom:2px; margin-right:5px;}

/*------------------------------- Agenda Styles ---------------------------------------*/
.agenda{
	border-top: 1px solid #FFF;
	padding-top: 5px;
	margin-top:5px;
	display:block;	
	padding-bottom:10px;
}
.date-loc{clear:left;
	border-top: 1px solid #FFF;
	padding-top: 5px;
	margin-bottom: 5px;
	margin-top:5px;
	display:block;	}
.agenda ul li{list-style:none; color: #666666; text-transform:uppercase; margin-bottom:5px;}
.dates{width:220px;  padding-right:5px; float:left; 	border-right: 1px solid #FFF;}
.dates ul li strong{text-transform:none;} 
.row1{
	background: #F1F5F8;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	margin-bottom:5px;
	padding: 5px 10px;
}
.row1 li{display:inline; margin-right:10px;}
.row2{
	padding: 5px 10px;
}
.row2 li{display:inline; margin-right:10px;}
.locations{
	width:205px;
	float:left;
	padding-left:15px;
}


.agenda h2, .dates h2, .locations h2{
	color: #996600;
	font-size: 12px;
	margin-left:5px;
}

p.agenda-date{
	text-transform: uppercase;
	font-size:10px;
	line-height:12px;
	color: #111111;
	margin: 2px 0px 2px 5px;
	padding: 0px;
	letter-spacing: 1px;
	font-weight:bold;
}
#mapbox{float:right;width:225px;	height:200px;	margin-right: 5px;
	margin-left: 5px;
	margin-bottom:10px;}
#map{
	width:225px;
	height:180px;
	background-color:#CCCCCC;
	border: 1px solid #999999;
	overflow:hidden;
	margin-bottom:5px;
	
}
#maplink{height:20px; }
#maplink a{
	background: url(../images/ico-map.jpg) no-repeat right center;
	padding: 2px 20px 3px 0px;
	height:20px;
	font: 1.1em Arial, Helvetica, sans-serif;
}
.thumbs{
	width:70px;
	display:inline;
	margin: 5px 3px;
	padding: 0px;
}
.floatleft{float:left;}
div
{
	
}		
.answer td { background:#FFFFFF; font-size:11px; padding:5px!important;}

.uppercase{ text-transform:uppercase; padding-top:10px; margin-bottom:10px; line-height:18px;}

iframe {
	border:3px solid #333333;

}
.img-box{float:right; margin-left:5px; margin-bottom:5px; width:250px; padding-right:5px;}
.img-box img {	margin: 0px 2px 4px;padding: 0px;}
ul, ol{margin-left:25px;}
li{color: #4c4743;}
.ul-style{ list-style: disc; margin-left:20px; }
ul.ul-style{ list-style: disc; margin-left:25px!important;color: #4c4743!important;}
ol.ul-style{list-style: decimal;margin-left:30px!important;color: #4c4743!important;}
p#imagebigdescr{width:75%; margin-left:auto; margin-right:auto;}
.agenda-list{
	clear:both;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:5px;
	display:block;
	margin-left: 5px;
	margin-top:5px;
}
.agenda-list p{
	margin: 0px 0px 3px;
	padding: 0px;
}
ol{margin-left:15px;}
.noborder{ background-image:none;}