@charset "utf-8";
/* CSS Document */

a {
    color: #006DD2;
    text-decoration: none;
}

a:hover {text-decoration:underline;}

#page { 
	background: url("/imagesrv/research/symposium-keynotes/images/page-bg2.jpg") no-repeat scroll 0 0 #fff;
	margin: 0 auto;
	padding:0;
	width:990px;
}

.overview {
	color:#fff;
	font-family:Arial Narrow,Arial,Helvetica,Geneva,sans-serif;
	font-size:18px;
	height:122px;
	margin-top:-10px;
	padding:30px 20px 0px 20px;	
}

.overview p.hr-line {background: url("/imagesrv/images/blueDot.gif") repeat-x scroll left bottom transparent; line-height:22px; margin: 0 0 10px; padding-bottom:10px;}
.overview span {color:#c2dd21; font-size:16px; font-weight:normal;}

/* Featurebox */
h1 {
	color:#fff;
	font-family:Arial,Helvetica,Geneva,sans-serif;
	font-size:16px;
	margin:17px 0 0;
	padding:0 0 0 20px;
	text-transform:uppercase;
}

#featureboxContainer{
	width:668px;
	height:218px;
	margin:15px 0 0;
	padding:0px 0px 0px 20px;
}

#featurebox{
	position:absolute;
}

#featurebox .item{
	width:678px;
	height:198px;
	position:absolute;
	top:0;
	left:0;
	display:none;
}

#featurebox .item .image{
	width:276px;
	height:177px;
	margin:3px 0 0 0px;
	padding:0px;
	float:left;
	background-color:#000000;
}

#featurebox .item  ul{
	list-style-type:none;
	float:left;
	top:41px;
	margin:23px 0 0 19px;
	width:340px;
}

#featurebox .item ul li{
	margin:0 0 8px 0;
}

#featurebox .item h2{
	color:#96BC44;
	font-family:Arial,Helvetica,Geneva,sans-serif;
	font-weight:normal;
	font-size:21px;
}

#featurebox .item .sub{
	color:#5c6970;
	font-size:14px;
	line-height:17px;
	font-family:Arial,Helvetica,Geneva,sans-serif;
}

.sub p.highlight{
	color: #3C474C;
	font-size:12px;
	font-weight:bold;
	padding:0 0 4px 0;
}

#featurebox .item .link{
	font-size:11px;
	font-weight:bold;
	padding-top:8px;
}

#f_btns{
	display:inline;
	position:absolute;
	right:21px;
	margin:-6px 0 0;
}

#f_btns ul{
	cursor:pointer;
	margin:0;
	padding:0;
}

#f_btns ul li{
	float:left;
}

.navbtn{
	background:url("/imagesrv/images/chan-pip.png") no-repeat 0 0;
	_background:url("/imagesrv/images/chan-pip-ie6.png") no-repeat 0 0;
	width:13px;
	height:13px;
	margin:0 4px 0 0;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.scrollbtn{
	width:6px;
	height:12px;
	cursor:pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.prev{
	background:url("/imagesrv/images/nav-green-arrow-left.gif") no-repeat 0 0;
	margin:0 8px 0 0;
}

.next{
	background:url("/imagesrv/images/nav-green-arrow-right.gif") no-repeat 0 0;
	margin:0 0 0 4px;
}

.orange{
	color:#d54400;
}

a.cta {
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	position:relative;
	text-decoration:none;
	cursor: hand;
}

.item a:hover{
	color: #0066cc;
	text-decoration: underline;
}	

.round{
  -moz-border-radius:4px;
  -webkit-border-radius:4px;	
}

.triangle{
	font-size:70%;
	vertical-align:0px;
}
/* End Featurebox */

.go {
	padding-right: 8px;
	background: transparent url("/imagesrv/research/images/channels/arrow-green.gif") right 5px no-repeat;
}

.arrow-white {
	padding-right: 10px;
	background: transparent url("/imagesrv/images/whiteArrow.gif") right 4px no-repeat;
}

/* Related Research Block */
.related-research-block {
	margin:30px 0 0;
	padding:0px;	
	width:689px;
}

.related-research-block h4 {
    border-bottom: 1px solid #8598a2;
    color: #5c6970;
    font-family: Arial,Helvetica,Geneva,sans-serif;
    font-size: 18px;
    margin: 0 0 18px;
    padding: 0 0 4px;
}

.related-research-block h3 {
    background: url("/imagesrv/images/blueDot.gif") repeat-x scroll center bottom transparent;
    color: #96bc44;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 5px;
	text-transform:uppercase;
}

.research-dotted {
    background: url("/imagesrv/images/blueDot.gif") repeat-x scroll 0 bottom;
	display:inline-block;
    margin: 0;
    padding: 0;
	width:689px;
}

.research-details {
	float:left;
	margin:0px 0px 0px 0px;
	padding:8px 0px 0px 9px;
	width:340px;
}

.research-details-b {
	float:left;
	margin:0px;
	padding:8px 0px 0px 9px;
	width:330px;
}

.research-details-hover {background-color:#f7f7f7;}

.research-details h5, .research-details-b h5 {
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	margin:0px;
	padding:0px 8px 0px 0px;
}

.research-details p.date, .research-details-b p.date {
	color:#999999;
	margin:4px 0px 10px 0px;
	padding:0px;
}

.research-details p.summary, .research-details-b p.summary {
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	margin:0px;
	padding:0px 8px 8px 0px;
}

.research-dotted-none {
    background-image: none;
    float: left;
    margin: 0;
    padding: 0 0 32px;
	width:689px;
}

.vertical-bg {
	background: url("/imagesrv/research/application-overhaul/images/vertical_dotted_bg.gif") repeat-y scroll 0 top; 
	float:left;
	height:auto;
	margin:8px 0px 10px 0px;
	padding:0px;
	width:689px;
}

.research-details p.date, .research-details-b p.date {
    color: #999999;
	font-size:11px;
    margin: 4px 0 10px;
    padding: 0;
}

/* right rail */
.right-rail {
	margin: 21px 0 0;
    padding: 0;
    text-align: left;
}

.events-on-demand {
    background:transparent url("/imagesrv/research/symposium-keynotes/images/events-on-demand2.jpg") no-repeat top left;
	color:#fff;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	height:125px;
    margin: 0;
    padding: 14px 0 8px;
    width: 220px;
}

.events-on-demand h4 {
	color:#c2dd21;
    font-size: 21px;
	font-weight:normal;
	letter-spacing:0.05em;
	margin:2px 0 15px;
	padding:0 0 0 14px;
}

.events-on-demand h3 {
    font-size: 12px;
	line-height:14px;
	margin:0px;
	padding:0 50px 0 14px;
}

.events-on-demand p {font-family: Arial Narrow,Arial,Helvetica,Geneva,sans-serif; font-size:12px; font-weight:bold; letter-spacing:0.06em; margin:25px 0 0; padding:0 0 0 14px;}

.events-on-demand a {color:#98c7e0; text-decoration:none;}
.events-on-demand a:hover {text-decoration:none;}

.shareBlock {
	display:inline-block;
	margin:38px 0 10px;
	padding:0px;
	width:220px;
}

.shareBlock p#stayconnected {
	color:#5C6970;
	font-size:12px;
	text-transform:uppercase;
	font-family:arial,sans-serif,verdana;
	letter-spacing:-0.01em;
	font-weight:bold;	
	margin:11px 0px 0px 0px;
	padding:0px;
	float:left;
}

.shareBlock p#stayconnected span.label {
    display: block;
    float: left;
	margin:6px 0px 0px 0px;
	padding:0px 4px 0px 4px;
}

.shareBlock p#stayconnected a {
	float:left;
	display:block;
	margin:0px;
	padding:0px 0px 0px 4px;
}

.promo-wrapper {
    font-size:11px;
	margin: 0;
    padding: 0;
	width:220px;
}

#webinar-top {
	background: transparent url("/imagesrv/research/images/attend_a_webinar_top.gif") no-repeat top left; 
	height:1%;
	padding: 53px 10px 0px 15px;
	position:relative;
}

.promo_bottom {
	color: #fff;
	background:transparent url("/imagesrv/research/images/rr_promo_bottom.gif") no-repeat top left;
	font-weight:bold; 
	height:46px;
	padding: 0px 10px 0px 17px; 
	margin: -2px 0px 10px 0px; 
}

.promo_bottom  a {
	color:#fff;
	text-decoration:none;
}

.promo_bottom  a:hover {
	text-decoration:underline;
}

.promo_bottom  p {
	padding: 23px 0px 0px 0px; 
	margin: 0px;
}

ul.promo-text {
	margin:0px;
	padding:2px 0px 5px 0px;
}

ul.promo-text li.title {
	color:#5c6970;
	font-weight:bold;
	line-height:14px;
	margin:4px 0px 0px 0px;
	padding:0px;
}

ul.promo-text li.date {
	line-height:14px;
}

.greenBtn {
	background: url("/imagesrv/research/symposium-keynotes/images/green-button-220.gif") no-repeat scroll 0 0 transparent;
	height: 69px;
	margin: 0px 0px 5px 0;
	padding: 0;
	width: 220px;
}
.greenBtn h4 {
	color: #FFFFFF;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 8px 10px 4px;
}
.greenBtn h3 {
	color: #475157;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0 10px 0 10px;
}
.greenBtn h3 a {
	color: #475157;
	text-decoration: none;
}

.contact_gartner {
    display:inline-block;
	font-size: 11px;
    margin: 4px 0px 0px 0px;
    padding: 14px 15px 14px 15px;
	width:190px;
}

.contact_gartner h4 {
    background: url("/imagesrv/images/contact-dotted.gif") no-repeat scroll left bottom transparent;
	border:0px;
	color:#333;
	font-size: 11px;
    margin: 0px;
    padding: 0px 0px 9px 0px;
    text-transform: uppercase;
}

.contact_gartner ul {
    padding: 0px;
    margin: 5px 0px 0px 0px;
}

.contact_gartner ul li {
    padding: 0px 0px 8px 0px;
    margin: 0px;
}
.entitlement {
    color: #96BC44;
    font-size: 11px;
    font-weight: bold;
	display: inline-block;
	padding-top:20px;
}

/* Lightbox and Video Carousel Styles */

#lboverlay {
	display: none;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	z-index: 30;
	background-color:#000000;
	cursor:pointer;
}

.lightbox {
	background-color: #FFFFFF;
	display: none;
	height: auto;
	left: 0;
	padding: 0 0 25px;
	position: absolute;
	top: 0;
	width: 560px;
	z-index: 50;
}

.lightbox .closebtn{
	display:inline;
	float:right;
	width: 12px;
	height: 12px;
	background: url("/imagesrv/summits/images/lb_close.gif") no-repeat right center;
}

.lightbox .lbtop{
	float:left;
	width:100%;
	border:0;
	height:12px;
	padding:0 0 8px 0;
	margin:0;
}

.tab-container{
	float:left;
	width:100%;
	height:639px;
	padding:0;
	background: url(/imagesrv/images/flowplayer-carousel/sym_live_video_bg.png) no-repeat 0 0;
}

#video-container{
	left:58px;
	position:absolute;
	top:14px;
	z-index: 80;
	border:3px solid #FFFFFF;
	border-bottom:none;
}

#videoplayer{
	width:576px;
	height:432px;
}

#videoplayer-container{
	width:576px;
	height:432px;
}

.video-tab-container{
	float:left;
	height:512px;
	width:100%;
	margin:0 auto;
}

.description-container{
	position:absolute;
	overflow:hidden;
	width:700px;
	height:512px;
	top:0px;
	z-index:10;
}

.item-container{
	position:absolute;
	top:0px;
	left:0;
}

.description-container .item{
	position:relative;
	float:left;
	width:652px;
	height:512px;
	padding:0 0 0 60px;
	display:block;
}

.description-container .item  .still{
	width:576px;
	height:432px;
	background-color:#000000;
	float:left;
	margin:16px 0 0 0;
	cursor:pointer;
}

.video-description{
	/*float:left;*/
	display:inline-block;
	width:576px;
	background: url(/imagesrv/images/flowplayer-carousel/vid-title-bg.gif) no-repeat 0 0;
	border-top:2px solid #FFFFFF;
	border-bottom:2px solid #FFFFFF;
	height:60px;
	margin-top: 2px;
	position:relative;
}

.video-description ul{
	float:left;
	padding:5px 10px 0 0;
	margin:0;
}

.video-description ul li{
	margin:0;
	color:#FFFFFF;
	float:left;
	width:100%;
	font-size:11px;
}

.video-description ul li h4 {
	float: left;
	font: bold 18px Arial,Helvetica,Geneva,sans-serif;
	text-transform: none;
	width: 100%;
	margin:0;
	padding:0;
}

.video-description ul li h5 {
	float: left;
	font: bold 12px Arial,Helvetica,Geneva,sans-serif;
	text-transform: none;
	width: 100%;
	margin:0;
	padding:0;
}

.item-container .media-callout{
	position:absolute;
	left:50px;
	top:442px;
	width:10px;
	height:70px;
}

#playlist{
	float:left;
	width:626px;
	padding:3px 34px 0 36px;
	position:relative;
}

#playlist-scroller{
	float:left;
	position:relative;
	width:576px;
	height:95px;
	overflow:hidden;
	border:2px solid #FFFFFF;
	border-top:none;
}

#playlist-scroller .items{
	width:1000000px;
	height:95px;
	position:relative;
	background-color:#FFFFFF;
}

#playlist-scroller .items .item{
	float:left;
	width:142px;
	padding: 0 2px 0 0;
	cursor:pointer;
	position:relative;
}

#playlist-scroller .items .item div.thumb-container{
	height:62px;
	width:142px;
	position:relative;
	overflow:hidden;
}

#playlist-scroller .items .item div.link-container{
	text-align:left;
	padding:0;
	font-size:9px;
	color:#FFFFFF;
	position:absolute;
	background-color:#333333;
	height:36px;
	top:62px;
	width:142px;
	overflow:hidden;
	display:table;
}

div.link-container .textalign{
	width:122px;
	padding: 0 10px 5px;
	display:table-cell;
	position:relative;
	text-align:left;
	vertical-align: middle;
}

#playlist-scroller .items img{
	float:left;
	width:142px;
	height:95px;
	background-color:#999999;
	cursor:pointer;
	position:relative;
}
#playlist a,#playlist a:hover{
	float:left;
	width:100%;
	text-align: center;
	margin:4px 0 0 0;

	text-decoration:none;
}

#playlist .browse{
	height: 58px;
	width: 22px;
	cursor:pointer;
	position:relative;
	margin:19px 0 0 0;
	visibility:hidden;
}

#playlist .left{
	float:left;

}

#playlist .right{
	float:left;
}

.highlight-container{
	position:absolute;
	height:81px;
	width:615px;
	left:42px;
}

.active-highlight{
	background-color:#D84D00;
	width:108px;
	height:20px;
	float:left;
	margin-top:61px;
}

.inactive-highlight{
	background-color:#999999;
	width:108px;
	height:20px;
	float:left;
	margin-top:61px;
}

.highlight-box{
	width:108px;
	height:81px;
	overflow:hidden;
	margin:0 8px 0 7px;
	float:left;
	cursor:pointer;
}

.highlightbox-container{
	float: left;
	position:relative;
	height: 8px;
	padding: 0 0 4px 0;
	width: 100%;
	display:none;
}

.highlightbox-container .pad{
	padding-left: 38px;
}

.highlightbox-container  .pad .box{
	background-color: #D54400;
	height: 8px;
	width: 108px;
}

.highlight-mask{
	height:81px;
	width:332px;
	margin-left:0px;
	position:relative;
}

.playlist-scroll{
	position:absolute;
	top:160px;
	cursor:pointer;
	z-index:1000000;
}

.video-tab-container .left{
	width:32px;
	height:53px;
	left:0;
}

.video-tab-container .right{
	width:47px;
	height:59px;
	right:0;
}

.register {
	width:220px; 
	margin:0px;
	padding:14px 0px 8px 0px;
	height:auto;
	font-size:11px;
	line-height:14px;
}

.register h4 {
	background: url("/imagesrv/images/blueDot.gif") repeat-x left bottom; 
	margin: 0px 2px 5px 11px;
    padding: 0px 0px 10px 0px;
	color:#fff;
	font-family:Arial Narrow, Arial, Helvetica, Geneva, sans-serif;
	font-size:21px;
}

.register p {
	color:#fff;
	font-weight:bold;
	margin:0px;
	padding:0px 0px 0px 15px;
}

.register .blue {
	color:#98c7e0;
}

.img-reg {
	margin: 11px 0px 0px 5px;
    padding: 0px;
}

span.lightblue{color:#98c7e0; font-size:30px; padding-right:10px;}
