/*---------------------------------------------------*/
#featureboxContainer { width: 710px; height: 265px; float: left; margin: 0px; padding: 0; position: relative; overflow: hidden; background:#fff; }
#featureboxContainer .corner { width: 4px; height: 4px; position: absolute; display: block; background: url("http://na1.www.gartner.com/imagesrv/research/images/channels/icons/corners.png;wa88f4bb8af67f919d") 0 0 no-repeat; z-index: 25; }
#featureboxContainer .cornerTL { top: 0; left: 0; background-position: top left; }
#featureboxContainer .cornerTR { top: 0; right: 0; background-position: top right; }
#featureboxContainer .cornerBL { bottom: 0; left: 0; background-position: bottom left; }
#featureboxContainer .cornerBR { bottom: 0; right: 0; background-position: bottom right; }
#featurebox { position: absolute; }
#featurebox > div { width: 710px; height: 265px; position: absolute; top: 0; left: 0px; display: none; font-family: arial, sans-serif; background: #fff; }
#featurebox > div a.urlBlock { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background-color: #fff; filter: alpha(opacity=0); opacity: 0; }
#featurebox > div img { position: absolute; display: none; }
#featurebox > div ul { padding: 26px 0 0 20px; list-style: none; width: 335px; position: relative; z-index: 1; }
#featurebox > div ul h2 { color: #96bc44; font-weight: normal; font-size: 22px; line-height: 24px; margin: 0 0 5px 0; }
#featurebox > div ul h3 { color: #000; font-size: 16px; line-height: 18px; margin: 0 0 10px 0; }
#featurebox > div ul p { font: 12px/16px verdana, arial, sans-serif; margin: 0 0 20px 0; }
#featurebox > div ul .cta { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;
 base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U0ZWFlZCIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(228, 234, 237, 0.9) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(228, 234, 237, 0.9))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(228, 234, 237, 0.9) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(228, 234, 237, 0.9) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(228, 234, 237, 0.9) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(228, 234, 237, 0.9) 100%);  /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#e6e4eaed', GradientType=0 );
/* IE6-8 */
    border: 1px solid #fff; display: inline-block; float:left; font: 12px/12px verdana, arial, sans-serif; font-weight: bold; color: #333; box-shadow: 0px 0px 2px #999; -webkit-box-shadow: 0px 0px 2px #999; -moz-box-shadow: 0px 0px 2px #999; }
#featurebox > div ul .cta:hover, #featurebox > div:hover ul .cta {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;
 base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NhY2RkMSIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(202, 205, 209, 0.9) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(202, 205, 209, 0.9))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(202, 205, 209, 0.9) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(202, 205, 209, 0.9) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(202, 205, 209, 0.9) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(202, 205, 209, 0.9) 100%);  /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#e6cacdd1', GradientType=0 );
/* IE6-8 */
	box-shadow: 0px 0px 2px #666; -webkit-box-shadow: 0px 0px 2px #666; -moz-box-shadow: 0px 0px 2px #666; }
#featurebox > div ul .cta a { display: inline-block; float:left; margin:0; padding: 8px 8px 8px 6px; text-shadow: 1px 1px #fff; }
#featurebox > div ul .cta a span.arrow { width: 4px; height: 9px; display: inline-block; margin-left: 6px; float: right; margin-top: 3px; background: url("http://na2.www.gartner.com/imagesrv/research/images/channels/icons/featureboxSprite.png;waeb5ed954cee303bf") 0 -26px no-repeat; }

#featurebox > div ul .cta-green { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #7AB800; border: 1px solid #fff; display: inline-block; float:left; font: 12px/12px verdana, arial, sans-serif; font-weight: bold; color: #fff; padding: 1px 8px; }
#featurebox > div ul .cta-green:hover, #featurebox > div:hover ul .cta-green { background: #7AB800; }
#featurebox > div ul .cta-green a { display: inline-block; float:left; margin:0; padding: 8px 8px 8px 6px; text-shadow: none; background: url("http://na3.www.gartner.com/imagesrv/images/icons/arrow-white.gif;wa3642932910e0079b") no-repeat right center; color:#fff; text-decoration:none; }


/*
#featurebox div.webinar ul li.cta a span.arrow {
display:none;
}


#featurebox div.webinar ul li.cta a span.webinarIcon {
background:url(featureboxSprite.png) -4px -26px no-repeat;
width:19px;
height:16px;
display:inline-block;
position:absolute;
left:-20px;
top:6px;
}


#featurebox div.webinar ul li.cta a {
margin-left:26px;
position:relative;
}
*/
#f_btns { bottom: 0px; bottom: -2px; display: inline; font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 12px; height: 62px; position: absolute; padding: 0px; width: 710px; z-index: 11; /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: transparent; }
#f_btns ul { float: left; margin: 0 0px 0px 0px; padding: 0px 0px 0px 10px; list-style: none; }
#f_btns ul li { float: left; position: relative; display:inline-block; }
#f_btns ul li div { position:absolute; width:100%; height:100%; top:0; left:0; }
#f_btns ul li.navbtn { width: 165px; height: 50px; margin: 0 10px 0 0; font-weight: normal; /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;
 base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJjMzg0MCIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxOTIzMmEiIHN0b3Atb3BhY2l0eT0iMC4zNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(44, 56, 64, 0.35) 0%, rgba(25, 35, 42, 0.35) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(44, 56, 64, 0.35)), color-stop(100%, rgba(25, 35, 42, 0.35))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(44, 56, 64, 0.35) 0%, rgba(25, 35, 42, 0.35) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(44, 56, 64, 0.35) 0%, rgba(25, 35, 42, 0.35) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(44, 56, 64, 0.35) 0%, rgba(25, 35, 42, 0.35) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(44, 56, 64, 0.35) 0%, rgba(25, 35, 42, 0.35) 100%);  /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( enabled='true', startColorstr='#592c3840', endColorstr='#5919232a', GradientType=0 );
/* IE6-8 */
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor:pointer !important; }
#f_btns ul li.navbtn.active, #f_btns ul li.navbtn:hover {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;
 base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJjMzg0MCIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE5MjMyYSIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(44, 56, 64, 0.9) 0%, rgba(25, 35, 42, 0.9) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(44, 56, 64, 0.9)), color-stop(100%, rgba(25, 35, 42, 0.9))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(44, 56, 64, 0.9) 0%, rgba(25, 35, 42, 0.9) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(44, 56, 64, 0.9) 0%, rgba(25, 35, 42, 0.9) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(44, 56, 64, 0.9) 0%, rgba(25, 35, 42, 0.9) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(44, 56, 64, 0.9) 0%, rgba(25, 35, 42, 0.9) 100%);  /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e62c3840', endColorstr='#e619232a', GradientType=0 );
/* IE6-8 */
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#f_btns ul li.navbtn.active { cursor:pointer !important; }
#f_btns ul li.navbtn h4 { font-weight: normal; background: none; color: #FFFFFF; font-size: 11px; margin: 0px; padding: 0px 0px 0px 0px; position: absolute; left: 38px; top: 50%; line-height: 110%; }
#f_btns ul li.navbtn span.type { text-transform: uppercase; font-weight: bold; display: block; font-size: 10px; color: #fff; }
#f_btns ul li.navbtn span.icon { display: block; width: 27px; height: 26px; background: url("http://na2.www.gartner.com/imagesrv/research/images/channels/icons/featureboxSprite.png;waeb5ed954cee303bf") 0 0 no-repeat; position: absolute; top: 50%; margin-top: -13px; left: 8px }

#f_btns ul li.navbtn.webinar span.icon { background-position: 0 0; }
#f_btns ul li.navbtn.watch span.icon { background-position: 0 0; }
#f_btns ul li.navbtn.video span.icon { background-position: 0 0; }
#f_btns ul li.navbtn.podcast span.icon { background-position: 0 0; }

#f_btns ul li.navbtn.events span.icon { background-position: -27px 0; }
#f_btns ul li.navbtn.awards span.icon { background-position: -27px 0; }

#f_btns ul li.navbtn.research span.icon { background-position: -54px 0; }
#f_btns ul li.navbtn.news span.icon { background-position: -54px 0; }
#f_btns ul li.navbtn.blog span.icon { background-position: -54px 0; }
#f_btns ul li.navbtn.quiz span.icon { background-position: -54px 0; }
#f_btns ul li.navbtn.partner span.icon { background-position: -54px 0; }

#f_btns ul li.navbtn.special span.icon { background-position: -81px 0; }
#f_btns ul li.navbtn.books span.icon { background-position: -81px 0; }

#f_btns ul li.navbtn.webinar h4 { left: 42px; }
#f_btns ul li.navbtn.watch h4 { left: 42px; }
#f_btns ul li.navbtn.video h4 { left: 42px; }
#f_btns ul li.navbtn.podcast h4 { left: 42px; }

#f_btns ul li.navbtn.events h4 { left: 43px; }
#f_btns ul li.navbtn.awards h4 { left: 43px; }

#f_btns ul li.navbtn.research h4 { left: 36px; }
#f_btns ul li.navbtn.news h4 { left: 36px; }
#f_btns ul li.navbtn.blog h4 { left: 36px; }
#f_btns ul li.navbtn.quiz h4 { left: 36px; }
#f_btns ul li.navbtn.partner h4 { left: 36px; }

#f_btns ul li.navbtn.special h4 { left: 40px; }
#f_btns ul li.navbtn.books h4 { left: 40px; }

.orange { color: #d54400; }
a.cta { }
#featurebox > div a, #featurebox > div a:visited, #featurebox > div a:hover { color: #3C474D; text-decoration: none; }
.round { }
.triangle { font-size: 70%; vertical-align: 0px; }
.featureBG { float: left; margin: 0px; padding: 0px; width: 712px; }
#f_btn_arrow { position: absolute; top: 257px; margin: 0; z-index: 11; display:none; }

/* End FeatureBox */