.clearfix:before, .clearfix:after, .clr:before, .clr:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
}
.clearfix:after, .clr:after {
    clear: both;
}
.clearfix, .clr {
}
.clearfix, .clr {
    clear: both;
    height: 1px;
}

.wrap {
    margin: 0 auto;
    width: 1020px;
}
h5 { margin:0; padding:0; }

body #ftr { border-top:none; }
body #hdr { background: url("/common/img/hdr/hdr_2009_bg.png") repeat-x scroll left top #000000; width:100%; }
body #hdr #hdr_container { width:924px; margin:0 auto; }

#main p { padding: 0 0 15px 0; margin:0; }
#main2.media {
	background: #202020; /* Old browsers */
	background: -moz-linear-gradient(top, #202020 1%, #3a3a3a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#202020), color-stop(100%,#3a3a3a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #202020 1%,#3a3a3a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #202020 1%,#3a3a3a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #202020 1%,#3a3a3a 100%); /* IE10+ */
	background: linear-gradient(top, #202020 1%,#3a3a3a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#3a3a3a',GradientType=0 ); /* IE6-9 */
}
#main.media .wrap, #main2.media .wrap{ background-color:transparent; width:978px; padding: 45px 0 0 0; text-align:left; }
#main2.media .wrap { padding-top:0px; padding-bottom:30px; }
#main.media .wrap_media_head{ padding:15px 0 26px 0; width:100%; background:url(/common/img/media/media_head_shadow.png) bottom center no-repeat; }
#main.media .wrap_media_head .wrap_inner{ width:978px; margin:0 auto; min-height:31px; }
#main { padding-bottom: 80px; }
#main.media .wrap_media_head p.mediahome { margin:0; padding:0; }
#main.media .wrap_media_head p.mediahome a{ color:#888; font-size:21px; font-weight:100; text-decoration:none; line-height:30px; }
#main.media .wrap_media_head p.mediahome a:hover { text-decoration:none; color:#bbb; }
#main.event_single { padding:0px; }
.media_meta{ float:right; }
#main2.event_single { margin:0; padding:0; background-image:none; background-color:transparent; }
#main2.event_single .media_content_wrap { background-image:none; }
#main2.event_single .media_content_wrap .media_content { margin-top:0px; }

#view_toggle, #view_toggle li{ margin:0; padding:0; list-style-type:none; }
#view_toggle{ float:left; padding-top:6px; padding-bottom:0; }
#view_toggle li{ float:left; width:18px; height:18px; }
#view_toggle li.view_list{ margin-left:6px; }
#view_toggle li a{ display:block; width:18px; height:18px; background-repeat:no-repeat; background-image:url(/common/img/media/views.png); text-indent:-9999px; }
#view_toggle li.view_grid a{ background-position:top left; }
#view_toggle li.view_list a{ background-position:top right; }
#view_toggle li.view_grid.active a{  background-position:bottom left; }
#view_toggle li.view_list.active a{  background-position:bottom right; }

.media_filter{ float:left; width:150px; margin-right:15px; position:relative; }
#main .media_filter .media_filter_head{ color:#999; font-size:12px; margin:0; padding:5px; width:140px; border:1px solid #ddd; border-radius:2px; background:url(/common/img/media/media_filter_arrow.png) 131px center no-repeat; cursor:pointer; }
.media_filter div ul, .media_filter div ul li{ margin:0; padding:0; list-style-type:none; }
.media_filter div{ width:150px; position:absolute; left:0; top:29px; display:none; border-left:1px solid #DDDDDD; border-right:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; border-radius:0 0 2px 2px; background:#EFF0F0; z-index:100; }
.media_filter div ul{ width:100%; padding-bottom:0 !important; }
.media_filter div ul li{ font-size:12px; }
.media_filter div ul li a{ display:block; padding:3px 8px; color:#787878 !important; text-decoration:none; }
.media_filter div ul li a:hover{ background:#3b3b3b; color:#fff !important; text-decoration:none !important; }

.media_single h1, .event_single h1{ background:url(/common/img/media/media_separator.png) bottom left repeat-x; padding-bottom:9px; margin-bottom:40px; font-size:32px; line-height:32px; font-weight:100; }
#main.media .media_breadcrumb{ padding-bottom:0; font-size:12px; color:#999; }
#main.media_single h1, #main.event_single h1{ color:#787878 }
#main.media_single h3, .event_single h3{ color:#999; font-size:10px; line-height:10px; text-transform:uppercase; background:none; margin:0; padding:0 0 18px 0; }

#main .media_filter.active .media_filter_head{ border-radius:2px 2px 0 0; border-bottom:0; box-shadow:none; }
.media_filter.active div{ display:block; }

.media_content_wrap{ background:url(/common/img/media/media_separator.png) top left repeat-x; clear:both; }
#main2 .media_content_wrap { background-image:url(/common/img/media/media_separator_light.png); }
.media_content{  margin-top:36px; padding-top:25px; width:1100px; color:#fff; position:relative; }

.media_item_content{ padding:15px 15px 12px 15px; border-bottom:1px solid #e1e1e1; }
.media_item{
	color:#000;
	background:#fff;
	border-radius:3px;
	box-shadow: 0px 2px 6px #666;
	margin-right:49px;
	margin-bottom:49px;
	width:208px;
}
.media_item.hover{ background:#ddd; cursor:pointer; }
.media_item.hover .media_item_content, .media_item:hover .media_item_length { border-color:#bbb; }
.media_item h2{ font-size:16px; font-weight:normal; color:#333; padding:15px 0; line-height:17px; background:none; margin-bottom:0; margin-top:0px; }
.media_item h2 a{ text-decoration:none; color:#333; }
.media_item h2 a:hover { text-decoration:none !important; }
#main .media_item p, #main2 .media_item p{ color:#939393; font-size:10px; font-family:Arial, Helvetica, sans-serif; }
.media_item .media_item_type{ display:block; float:left; height:18px; width:18px; padding:5px 5px 5px 6px; background-position:center center; background-repeat:no-repeat; }
.media_item .type_rss{ background-image:url(/common/img/media/type_rss.png); }
.media_item .type_video, .media_item .type_webcast{ background-image:url(/common/img/media/type_video.png); }
.media_item .type_slideshow, .media_item .type_demo{ background-image:url(/common/img/media/type_slideshow.png); }
.media_item .type_audio{ background-image:url(/common/img/media/type_audio.png); }
.media_item .type_slides{ background-image:url(/common/img/media/type_slides.png); }
.media_item .media_item_length{ font-size:10px; border-left:1px solid #e1e1e1; padding:7px 0 7px 8px; display:block; float:left; color:#939393; }
.media_image img { max-width:100%; }

#media_search{ width:87px; height:30px; position:relative; background:#fff url(/common/img/media/media_magnify_glass.png) 180px center no-repeat; border-radius:5px; width:200px; box-shadow:0px 0px 2px #bbb; float:right; top:-2px; }
#media_search label{ position:absolute; top:0; left:6px; height:34px; width:87px; line-height:30px; color:#333; text-align:center; font-size:12px; white-space:nowrap; }
#media_search input{ border:none; outline:0; position:relative; z-index:100; top:5px; left:12px; width:160px; font-size:12px; padding:4px 0; background:none; color:#333; }

#form_content label{ color:#999; }

.media_related_left, .event_left { float:left; width:725px; margin-right:32px; }
.media_related_left .media_content { width:790px; }
/*.media_related_left .media_item{ margin-right:50px; }*/
.media_related_right, .event_right{ float:left; width:220px; }
.media_related_right #requestcall h3{ background:none; padding:0; color:#fff; font-size:18px; line-height:26px; margin:18px 0 !important; }
.event_right #requestcall h3 { font-size:14px; }
.media_related_right .rac_support_request, .event_right .rac_support_request { display:none; }
.media_related_right #requestcall p#required_note, .event_right #requestcall p#required_note { text-align:left; }
.media_related_right #requestcall #form_content form, .event_right #requestcall #form_content form { padding:0; }
.media_related_right #requestcall #form_content form fieldset, .event_right #requestcall #form_content form fieldset { margin:0; padding:0; border:none; font-size:11px; width:240px; }
.media_related_right #requestcall #form_content form fieldset div, .event_right #requestcall #form_content form fieldset div { padding:0 0 5px 0; }
.media_related_right #requestcall #form_content form fieldset label, .event_right #requestcall #form_content form fieldset label { line-height:1.6; }
.media_related_right #rac_preview { display:none; }
#main2 .media_related_right #disclaimer, .event_right #disclaimer{ clear:both; color:#999; float:left; font-size:11px; padding:0; /*width:110px;*/ }
.event_right #disclaimer { padding:0 !important; }
#main2 .media_related_right #disclaimer a, .event_right #disclaimer a{ color:#999; text-decoration:underline; }
.media_related_right .button{ float:right; }
.event_right .form_submit { margin-top:18px; }
#form_content div.half, #form_content div.extra-fields{ width:104px; float:left; margin:6px 12px 0 0; }
#form_content div.half select{ width:100px; height:24px; margin:0; }
#form_content textarea, #form_content input{ width:209px; }
#form_content div.half input, #form_content div.extra-fields input{ width:94px; }
.event_single #required_note { margin:0; padding:0; position:relative; top:-4px; }

#main2 > .wrap{ padding:0 45px 15px 45px; }
#main2.media_single h4{ font-size:16px; color:#fff; padding:18px 0; }

.media_video{ margin-right:58px; width:700px; float:left; }
.media_video_container{ box-shadow:0px 0px 10px #000; }
.media_video_meta{ width:220px; float:left; }
#main.media_single .media_video_meta p{ font-size:14px; color:#787878; line-height:15px; }
.media_single hr{ height:1px; font-size:1px; line-height:10px; background:#666; margin:18px 0; }

.media_single .addthis_toolbox a{ float:none; display:block; padding-left:0 !important; }
.media_single .addthis_pill_style { margin-top:3px; }
a.addthis_button_tweet{ margin-bottom:3px; }

.media_download, .media_download li{ margin:0; padding:0; list-style-type:none; }
.media_download li{ border:1px solid #666; border-radius:3px; font-size:24px; line-height:24px; float:left; margin-right:8px; }
#main .media_download li a{ display:inline-block; text-decoration:none; color:#666; text-transform:uppercase; padding:4px 5px; }
#main .media_download li a:hover{ text-decoration:none !important; background:#666; color:#333; }

.media_series, .media_series li{ margin:0; padding:0; list-style-type:none; }
.media_series li{ float:left; margin:0 11px 15px 0; font-size:11px; width:152px; padding-bottom:20px; }
.media_series li a{ text-decoration:none !important; color:#ccc; }
.media_series li img{ display:block; padding:9px; background:#fff; max-width:134px; margin-bottom:7px; }
.media_series li span{ color:#999; font-size:21px; line-height:21px; display:block; padding-bottom:2px; border-bottom:2px solid #909090; margin:15px 0 7px; }
.media_series li strong{ color:#666; font-size:10px; font-weight:normal; text-transform:uppercase; }
.media_series li.active{ padding-bottom:0; }
.media_series li.active img{ background:#0B8CD0; }
.media_series li.active span{ color:#0B8CD0; border-bottom:2px solid #0B8CD0; }

#media_nav{ float:right; width:426px; margin-top:-3px; }
#media_nav p{ width:193px; height:32px; position:relative; padding:0; font-size:12px; line-height:12px; float:right; margin:0 20px 0 0; }
#main #media_nav p a{ color:#fff; display:block; background:url(/common/img/media/media_nav_button.png) top left no-repeat; padding:10px; width:173px; height:12px; text-decoration:none; }
#main #media_nav p a:hover, #main #media_nav p.active a{ background-position:bottom left; text-decoration:none !important; }
#media_nav p span{ position:absolute; top:10px; right:15px; color:#ED1C24; }
#media_nav p.active span{ color:#fff; }
.media_nav_product{ display:none; }
.media_nav_event{ display:none; }

.media_channels{ padding:20px 0; display:none; overflow:hidden; position:relative; }
.channel_wrap{ width:2500px; position:relative; }
.media_channels .channel{ float:left; margin-right:100px; }
.media_channels .channel_product, .media_channels .channel_event{ float:left; width:205px; margin-right:65px; }
.media_channels .channel_product.last, .media_channels .channel_event.last{ margin-right:0px; }
.media_channels .channel p.product_title{ color:#ED1C24; font-size:14px; }
.media_channels ul, .media_channels ul li{ margin:0; padding:0; list-style-type:none; }
#main .media_channels ul li{ padding:5px 0; border-bottom:1px solid #ccc; font-size:12px; }
#main .media_channels ul li a{ color:#666; text-decoration:none; }
#main .media_channels ul li a:hover { color:#000; text-decoration:none; }

.media_list{ width:auto; }
.media_list .media_item{ background:none; float:none; border-radius:0px; margin:0; width:auto; position:relative; margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #ccc; box-shadow:none; }
.media_list .media_item .media_item_content{ padding:0; border:none; }
.media_list .media_item .media_item_content .media_image{ padding:10px; display:block; background:#fff; border-radius:3px; width:103px; height:81px; float:left; margin-right:40px; }
.media_list .media_item .media_item_content h2 { margin-left:163px; padding-top:0; }
.media_list .media_item .media_item_content h2,
.media_list .media_item .media_item_content h2 a{ color:#333; }
#main .media_list .media_item .media_item_content p{ margin-left:163px; font-size:13px; line-height:14px; padding-bottom:25px; }
.media_list .media_item .media_item_content div.text{ float:left; width:850px; }
.media_list .media_item .media_item_meta{ margin-left:163px; position:relative; top:-8px; left:-4px; }
.media_list .media_item span.media_item_length { border:none; }
.media_item_date, .media_item_lang { display:none; }

p.help{ font-size:11px; color:#999; }
p.nomedia { font-size:16px; color:#fff; }

.series_header{ margin:0; color:#fff; padding-top:20px; font-size:12px; }
.filter_label{ color:#787878; width:400px; padding:0; float:left; line-height:30px; }

.noflashmsg { width:90%; margin:0 auto; color:#fff; }

/* fixes for old legacy format - eventually we need to remove this */
.rateme { display:none; }
.media_item_meta hr { display:none;}
.media_item_meta ul { list-style-type:none; margin:0; padding:0; }
.media_item_meta ul li.last { display:none; }
.media_item_meta ul .media_item_length strong { display:none; }
.media_item_meta ul .media_item_type { text-indent:-9999px; }
