/* ----------------------
  default style  
---------------------- */
body { margin: 0; font-size: 62.5%; font-family: "Arial", "Arial", "Helvetica", "sans-serif"; color: #343434; }
img, img:hover { border: none; }
a, img, img:hover { text-decoration: none; color: #660066; outline:none; border:none; }
a:hover { text-decoration: underline; cursor: pointer; }
ul { margin: 0; padding: 0; list-style: none; }
button { cursor: pointer; }
input:focus, textarea:focus { outline: none; }
p { font-size: 1.2em; line-height: 1.5em; }
p a { font-size: 1em; line-height: 1em; }

/* ----------------------
	Reusable style 
---------------------- */
.hide { position:absolute; display: block; top: auto; left: -10000px; width: 1px; height: 1px; }
.js-hide { display: none; }
.clear { clear: both; }
.clearfix { clear: both; overflow: hidden; }
.left { float: left; }
.right { float: right; }
.rounded-corner { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.highlight-block { background-color: #efe5ef; margin: 9px 0; }
.button, button { border: none; display: block; text-indent: -9999px; cursor: pointer; }
	/* BUTTON */
	.btn-click-for-more { width: 236px; height: 57px; background:transparent url('../img/btn-click-for-more.png') scroll no-repeat 0 0; }
	.btn-click-for-subscibe { width: 269px; height: 40px; background: url('../img/btn-click-for-subscibe.png') transparent scroll no-repeat 0 0; }
	.btn-sign-up-here { width: 187px; height: 30px; background: url('../img/btn-sign-up-here.png') transparent scroll no-repeat 0 0; }
	.btn-register-now { width: 281px; height: 45px; background: url('../img/btn-register-now.png') transparent scroll no-repeat 0 0; }
	
/* ----------------------
	Layout style 
---------------------- */
.lay-wrapper { overflow: hidden; }
	.lay-2c-left { float: left; }
	.lay-2c-right { float: right; }
	

	
	
/* ----------------------
	Navigation style 
---------------------- */
.horizontal-nav { position: relative; }
	.horizontal-nav li { display: inline-block; position: relative; }
		.horizontal-nav li a { display: inline-block; }
		.horizontal-nav li ul { position: absolute; display: block; top: 100%; left: -10000px; }
		.horizontal-nav li:hover ul, .horizontal-nav li.hover ul { left: 0; }
		
.vertical-nav { position: relative; }
	.vertical-nav li { display: block; position: relative; }
		.vertical-nav li a { display: block; }
		.vertical-nav li ul { position: absolute; display: block; top: 0; left: -10000px; }
		.vertical-nav li:hover ul, .horizontal-nav li.hover ul { left: 100%; }
		
/* ----------------------
	Site style 
---------------------- */
body { background: transparent url('../img/body-background.png') scroll repeat 0 0; overflow-y: scroll; }
	#page-wrapper { padding-top: 14px; background: transparent url('../img/page-wrapper-background.png') scroll repeat-x 0 0; }
		#main-container { margin: 0 auto; width: 1004px; }
		
		/* ----- header ----- */
		#header { width: 1000px; height: 70px; padding: 2px 2px 0; position: relative; background: transparent url('../img/header-background.png') scroll no-repeat 0 0; }
			#header .logo { display: block; width: 185px; height: 60px; margin: 14px 0 0 24px; padding: 0; }
			#header #primary-nav { display: inline-block; position: absolute; right: 19px; bottom: 15px; }
				#header #primary-nav li { }
					#header #primary-nav a { color: #2a2a2a; position: relative; z-index: 2; font-size: 1.4em; padding: 0 22px 0 25px;  border-left: 1px solid #e5e5e5; text-decoration: none; }
						#header #primary-nav a span { padding-bottom: 1px; }
						.home #header #primary-nav #primary-nav-home a span,
						.events #header #primary-nav #primary-nav-events a span,
						.brochures #header #primary-nav #primary-nav-brochures a span,
						.contact-us #header #primary-nav #primary-nav-contact-us a span,
						.privacy #header #primary-nav #primary-nav-privacy a span,
						#header #primary-nav a:hover span { border-bottom: 3px solid #f0d130; }
						.home #header #primary-nav #primary-nav-home li a span,
						.events #header #primary-nav #primary-nav-events li a span,
						.brochures #header #primary-nav #primary-nav-brochures li a span,
						.contact-us #header #primary-nav #primary-nav-contact-us li a span,
						.privacy #header #primary-nav #primary-nav-privacy li a span,
						#header #primary-nav li li a:hover span { border-bottom: none; }
					#header #primary-nav .first a { border-left: none; } 
					#header #primary-nav li ul { top: -7px; z-index: 1; background: transparent url('../img/header-primary-subnav-top.png') scroll no-repeat left top; }
					#header #primary-nav li:hover ul, #header #primary-nav li.hover ul { left: 7px; }
					#header #primary-nav li #ul2 { top: -7px; z-index: 1; background: transparent url('../img/header-primary-subnav-top2.png') scroll no-repeat left top; }
					#header #primary-nav li:hover #ul2, #header #primary-nav li.hover #ul2 { left: 13px; }
						#header #primary-nav li li { padding: 0 10px; }
						#header #primary-nav li li.first { padding-top: 46px; }
						#header #primary-nav li li.last { padding-bottom: 14px; background: transparent url('../img/header-primary-subnav-bottom.png') scroll no-repeat bottom left; margin-bottom: -12px; }
							#header #primary-nav li li a { border-left: none; width: 207px; border-top: 1px dotted #999; color: #311045; font-size: 1.2em; padding-left: 14px; padding-right: 0; }
							#header #primary-nav li li.first a { border: none; }
								#header #primary-nav li li a span { display: block; height: 100%; width: 215px; line-height: 19px; margin-left: -24px; padding-left: 24px; padding-top: 2px;  background: transparent url('../img/arrow-double.png') scroll no-repeat  13px 9px; }
								#header #primary-nav li li a:hover span { border: none; background-color: #311045; color: #fff; }
								#header #primary-nav li li a:hover span { background-position: 13px -53px; }
		
		/* ----- page content ----- */
		#page-content { background: transparent url('../img/main-container-background.png') scroll repeat-y 0 0; padding: 0 2px; }
			/* ** hero area ** */
			#hero-area { position: relative; overflow: hidden; height:auto; width: 1000px; background-color:#000; }
				#hero-area #promo { position:absolute; top:0; left:0; }
				#hero-area #promos { display:none; }
				#hero-area #hero-banners { overflow: visible; position: absolute; top: 0; left: 0; height: 100%; white-space: nowrap; }
					#hero-area #hero-banners li { padding: 0; margin: 0; list-style: none; display: inline-block; height: 100%; }
						#hero-area #hero-banners li p { margin: 0; padding: 0; color: #fff; line-height: 1.2em; }
						#hero-area #hero-banners .banner-logo { position: absolute; top: 51px; left: 59px; }
						#hero-area #hero-banners .event-info { position: absolute; top: 173px; left: 58px; text-align: center; font-size: 2.4em; }
							#hero-area #hero-banners .event-info .smaller-text { font-size: 0.58em; line-height:1.8em; }
						#hero-area #hero-banners .speaker-name { position: absolute; top: 56px; left: 343px; font-size: 2.73em; }
						#hero-area #hero-banners .btn-click-for-more { position: absolute; top: 129px; left: 344px; }
						#hero-area #hero-banners .speaker-title { position: absolute; top: 194px; left: 346px; font-size: 2.4em; }
				
						
		/* ----- Secondary Nav ------ */
		#secondary-nav-area { height: 48px; position: relative; background: url('../img/secondary-nav.png') scroll repeat-x 0 0; }
			#secondary-nav { width: 70%; margin-left: 19px; }
				#secondary-nav li { }
				#secondary-nav li.has-subnav { }
					#secondary-nav li a { color: #fff; font-weight: bold; font-size: 1.4em; text-decoration: none; position: relative; z-index: 2; height: 18px; margin-top: 3px; margin-right: 6px; padding: 14px 24px; }
					#secondary-nav li.has-subnav a { margin-left: 3px; padding-left: 13px; margin-right: 0; padding-right: 9px; }
					#secondary-nav li.has-subnav:hover a, #secondary-nav li.hover a { color: #311045; }
						#secondary-nav li a span { }
						#secondary-nav li.has-subnav a span { padding-right: 16px;  background: url('../img/arrow-yellow-down.png') transparent scroll no-repeat right center; }
					#secondary-nav li.has-subnav ul { z-index: 1; top: 5px; background: url('../img/secondary-subnav-top.png') no-repeat scroll left top; }
					#secondary-nav li.has-subnav:hover ul { left: 3px; }
						#secondary-nav li.has-subnav li { width: 163px; height: auto; margin-top: 0; padding: 0 10px; }
						#secondary-nav li.has-subnav li.first { padding-top: 42px; }
						#secondary-nav li.has-subnav li.last { padding-bottom: 14px; background: transparent url('../img/secondary-subnav-bottom.png') scroll no-repeat bottom left; margin-bottom: -11px; }
							#secondary-nav li.has-subnav li a { color: #311045; font-weight: normal; font-size: 1.2em; border-top: 1px dotted #999999; padding: 0 0 4px 14px; margin-top: 0; }
							#secondary-nav li.has-subnav li.first a { border: none; }
								#secondary-nav li.has-subnav li a span { background: url("../img/arrow-double.png") no-repeat scroll 13px 9px transparent; display: block; height: 100%; line-height: 19px; margin-left: -27px; padding-left: 23px; padding-top: 2px; padding-bottom: 2px; width: 141px; }
								#secondary-nav li.has-subnav li a:hover span { border: none; background-color: #311045; color: #fff; background-position: 13px -53px; }
				.event-home #secondary-nav-event-home a { background: url('../img/secondary-nav-active.png') transparent scroll no-repeat bottom center; }
				
			
			#secondary-nav-area .btn-register-now { position: absolute; top: 4px; right: 8px; }
		
		/* ----- Footer ----- */
		#footer { color: #666; margin-top: 4px; }
			#footer #footer-links { padding-top: 3px; background: url('../img/footer-links-top.png') transparent scroll no-repeat 0 0; }
				#footer #footer-links .footer-links-inner { padding: 8px 20px 19px; background: url('../img/footer-links-content.png') transparent scroll no-repeat left bottom; }
					#footer-links .footer-header { font-weight: bold; color: #ccc; font-size: 1.2em; margin-top: 0; margin-bottom: 3px; }
						#footer-links li { padding: 2px 20px 2px 11px; font-size: 1.2em; background: url('../img/arrow-double-footer.png') transparent scroll no-repeat left center; }
							#footer-links li a { color: #666; }
						#footer-links #footer-events { width: 74.5%; }
							#footer-links #footer-events .lay-2c-left { width: 33%; }
						#footer-links #footer-other-links { width: 25%; }
			#footer #copy-right { text-align: right; }
		
		
			/* ** content area ** */
			#content-area { padding: 11px 11px 11px 17px; }
				.left-side-block-bottom { width: 689px; padding-bottom: 7px; background: url('../img/left-side-block-bottom.png') transparent scroll no-repeat left bottom; }
					.left-side-block { background: url('../img/left-side-block-content.png') scroll repeat-y left top; margin-top: 24px; padding-top: 1px; }
						.left-side-block-inner { margin-top: -24px; padding: 10px 15px 10px 19px; background: url('../img/left-side-block-top.png') transparent scroll no-repeat top left; }
							.left-side-block-inner h2 { font-size: 2.4em; font-weight: normal; color: #606; margin: 8px 0; padding-bottom: 2px; border-bottom: 1px solid #ccc; }
								.left-side-block-inner .content-session-dotted-line { padding-bottom: 1px; background: url('../img/content-session-dotted-line.png') transparent scroll repeat-x bottom left; }
								.left-side-block-inner .content-session-solid-line { border-bottom: 1px solid #ccc; }
								.left-side-block-inner .content-session-solid-line ul {font-size:12px; padding-left:15px;}
								.left-side-block-inner .content-session-solid-line ul li { display: block; margin-left: -24px; padding-left: 24px; padding-top: 5px;  background: transparent url('../img/arrow-double.png') scroll no-repeat  13px 9px; }
									.left-side-block-inner .highlight-block { }
										#content-area .left-side-block-inner .highlight-block .lay-2c-left { width: 64.5%; padding: 0 2%; border-right: 1px dotted #fff; }
										#content-area .left-side-block-inner .highlight-block .lay-2c-right { width: 27%; padding: 0 2%; }
											.left-side-block-inner .highlight-block h3 { color: #606; font-size: 1.8em; margin-bottom: 8px; }
											.left-side-block-inner .highlight-block p { font-size: 1.6em; margin-top: 5px; line-height: 1.3em; }
											.left-side-block-inner .highlight-block .highlight { font-weight: bold; font-size: 1em; }
								.left-side-block-inner .content-session { text-align: justify; margin-bottom: 16px; margin-top: 16px; position: relative; overflow: hidden; }
									.left-side-block-inner .content-session h3 { font-size: 1.4em; margin-bottom: 5px; margin-top: 0; }
									.left-side-block-inner .content-session p { margin: 0 0 18px 0; padding-right:6px;}
				
				#content-area .lay-2c-right { width: 278px; }
					.right-side-block { background: url('../img/right-side-block-content.png') transparent scroll repeat-y left top; padding: 1px 0; margin-top: 24px; width: 278px; margin-bottom: 49px; }
						.right-side-block-content { background: url('../img/right-side-block-top.png') transparent scroll no-repeat left top; margin-top: -24px; padding: 18px 8px 10px; }
							.right-side-block-content h2 { margin: 0 0 5px 6px; color: #660066; font-size: 1.8em; padding-bottom: 2px; border-bottom: 1px solid #ccc; font-weight: normal; }
							.right-side-block-content ul { }
								.right-side-block-content li { padding-top: 3px; margin-bottom: 1px; background: url('../img/right-side-block-inner-block-top.png') transparent scroll no-repeat left top; }
									.right-side-block-content li .right-side-block-inner-block { padding: 6px; background: url('../img/right-side-block-inner-block-content-small.png') transparent scroll no-repeat left bottom; }
									.right-side-block-content li.first .right-side-block-inner-block { background-image: url('../img/right-side-block-inner-block-content-large.png'); }

										.right-side-block-content li.first .right-side-block-inner-block img { float: none; margin:  0 5px 6px 0; }
										.right-side-block-inner-block h3 { color: #333; font-size: 1.2em; margin: 0 0 0 4px; }
										.right-side-block-content li.first .right-side-block-inner-block h3 { margin: 4px 0 0 4px; }
										.right-side-block-inner-block p { font-size: 11px; margin: 1px 0 0 4px; color: #666 ; }
                                        .right-side-block-inner-block a { line-height: 1.4em;}
										.right-side-block-content ul a { display: inline-block; color:#660066; }
										.right-side-block-content ul a.img-link { text-decoration: none; display: inline; }
										.right-side-block-content ul.left-yellow-highlight .yello { border-left: 3px solid #F0D130; padding-left: 3px; margin-left: 3px; }
										.right-side-block-content ul.left-purple-highlight .purple { border-left: 3px solid #520053; padding-left: 3px; margin-left: 3px; }
						.right-side-block-bottom { height: 18px; margin-bottom: -22px; padding: 2px 12px; background: url('../img/right-side-block-bottom.png') transparent scroll no-repeat left bottom; font-size: 1.2em; text-align: right; }
							.right-side-block-bottom a { color: #003399; }
					.right-side-block-signup { width: 248px; height: 87px; padding: 18px 15px; margin-top: -24px; background: url('../img/right-side-block-signup.png') transparent scroll no-repeat 0 0; }
						.right-side-block-signup p { color: #fff; font-size: 1.2em; line-height: 1.3em; }
						.right-side-block-signup a { margin: 0 auto; }
					#content-area .lay-2c-right .last { margin-top: -24px; }

		/* ---- page-content-bottom ---- */
		#page-content-bottom { width: 1004px; height: 12px; background: transparent url('../img/page-content-bottom.png') scroll no-repeat 0 0; }

/* ----------------------
	Page style 
---------------------- */
.topimage { float: left; margin: 1px 16px 16px 0; }
.home { }
	.home #content-area { background-color: #666; }
	
	.home #page-content-bottom { }
	
		.home #topimage { float: left; margin: 1px 16px 16px 0; }
	.home #devconnections-magazine { }
		.home #devconnections-magazine h3 { font-size: 1.8em; color: #606; font-weight: bold; }
		.home #devconnections-magazine #img-devconnections-magazine { float: right; margin: 0 -10px 16px -102px; }
		.home #devconnections-magazine .btn-click-for-subscibe { position: absolute; z-index: 4; top: 215px; right: 54px; }
		
.events { }
	.events #content-area { background-color: #311045; }
		.events #hero-area { height: 260px; }
			.events #hero-area #hero-banners .banner-logo { top: 26px; }
			.events #hero-area #hero-banners .event-info { top: 148px; }
			.events #hero-area #hero-banners .speaker-name { top: 51px; }
			.events #hero-area #hero-banners .speaker-title { top: 144px; }
			
		.events .highlight-block #event-contact p { font-size: 1.4em; text-align: center; margin-top: 20px; line-height: 1.4em; }
			.events .highlight-block #event-contact p .highlight { font-size: 1.2em; }
		.events #subscribe-to-devconnections-bulletins { }
			.events #subscribe-to-devconnections-bulletins h3 { color: #606; font-size: 1.8em; font-weight: bold; margin-top: 7px; }
			.events #subscribe-to-devconnections-bulletins #subscribe-to-devconnections-bulletins-form-wrapper { margin-top: 77px; margin-bottom: 60px; }
				.events #subscribe-to-devconnections-bulletins img.envelope { float: left; width: 252px; margin-left: 46px; }
				.events #subscribe-to-devconnections-bulletins form#subscribe-to-devconnections-bulletins-form { float: left; width: 268px; height: 82px; padding: 20px; margin-left: -13px; margin-top: 6px; background: url('../img/email-address-box.png') transparent no-repeat scroll 0 0; }
					.events #subscribe-to-devconnections-bulletins form#subscribe-to-devconnections-bulletins-form input { padding: 5px 10px; width: 247px; height: 21px; margin-bottom: 11px; background: none; background-color: #FFF; font-size: 1.8em; font-family: Arial; border: 1px solid #999; color: #999; }
			.events #content-area .lay-2c-right #iab { text-align: center; }
	.events #page-content-bottom { background-image: url('../img/events-page-content-bottom.png'); }
	
	
	
/* Carousel - Home */

.carousel-bar { width:1000px; height:101px; position:absolute; bottom:3px; left:0; z-index:500;}

.carousel-component { 
	float:left; 
	visibility:visible;
	padding:0;
	overflow:hidden;
}		

.carousel-component .carousel-list li { 
    text-align:center;
	height: 101px;
    float:left;
	list-style:none;
	overflow:hidden;
	margin: 0 18px 0 18px;
	padding: 8px 2px 2px 2px;
}

.carousel-component .carousel-list li a { 
    color:White;
    font-size:14px;
    text-decoration:none;
}
.carousel-component .carousel-list li:hover { 
	cursor:pointer;
	background:url(../img/hero-slider-logo-on.png) no-repeat;
}
.carousel-component .carousel-clip-region { 
	width:1000px;
	overflow:hidden;
	position:relative;
}
#prev-arrow-container { 
	float:left; 
	display:inline;
	position:relative;
	margin:26px 18px 0 16px;
}
#next-arrow-container { 
	float:left;
	display:inline;
	position:relative;
	margin:26px 16px 0 16px;
}
#prev-arrow { 
    cursor:pointer; 
}
#next-arrow { 
    cursor:pointer; 
}

/* Session List */

.list { width:966px; margin:3px 2px 20px 2px; }
.list div { float:left; display:block; position:relative;}
.list {font-family:Arial, Verdana, sans-serif; font-size:13px; color:#2e2e2e; line-height:16px;}
.list h2 { font-size: 1.9em; font-weight: normal; color: #606; margin: 8px 0; padding-bottom: 5px; border-bottom: 1px solid #ccc; }
.list h3 { color: #606; }
.list .list-top2 { margin-top:-24px; width:920px; padding:16px 23px 0 23px; margin-left:-2px; height:44px; font-weight:bold; color:#606; background:url(../img/left-side-block-top2.png) no-repeat; }
.list .list-body { width:962px; background-color:white; }
.list .list-body ul { float:left; margin:0 0 10px 0;}
.list .list-body ul li { float:left; width:920px; margin:0 23px; padding:12px 0; border-bottom: 1px solid #ccc; min-height:50px;}
.list .list-body ul li .topic { font-size:16px; font-weight:bold; }
.list .list-body ul li ul {font-size:12px; padding-left:15px;}
.list .list-body ul li ul li { padding:0px; min-height:0px; border:none; margin-left: -24px; padding-left: 24px; padding-top: 3px;  background: transparent url('/event/img/arrow-double.png') scroll no-repeat  13px 9px; }
.list .day { width:70px; color:#333; }
.list .topic { width:500px; color:#606; }
.list .topic2 { width:500px; color:#333; }
.list .speaker { width:125px; color:#333; }
.list .room { width:80px; color:#333; }
.list .materials { width:145px; padding:0 5px 0 0; color:#b3b3b3; }
.list .description { width:850px; margin:10px 0 0 65px; padding:0 5px 0 0; line-height:18px; }
.list .description2 { width:810px; margin:10px 0 0 5px; padding:0 5px 0 0; line-height:18px; }
.list .list-top .materials { color:#2e2e2e; }
.list .list-bottom {margin-left:-2px;}


/* Reg */
.col660 div { float:left; display:block; position:relative;}
.regbox { vertical-align:middle; }
.errormsg { color:Red;}
.addtext {padding-top:2px;}
.additem {margin-top:10px;}
.pdisc {font-size:14px; background:url(../img/discount.png) no-repeat; width:210px; height:120px; padding:20px 5px; text-align:center; }

.enterstyle {float: left; padding-left: 110px;}
.enterstyle_api {float: left;}
.lsstyle {float: left; padding-left: 40px; padding-top: 2px;}
.floatreg {position: absolute; bottom: 0px; width: 100%; height: 45px; z-index: 2000; text-align:center;display:none;}

.answerline {min-width:220px;}