/* Structural Layout
-------------------------------------------------- */
#contentcontainer { padding:0 12px; }
#mainbody { padding-bottom:50px; padding-top:12px; background:#e1e1e1; width:924px; }
#contenthead { position:relative; }
#contenthead h1 { color:#333; font-size:250%; line-height:100%; letter-spacing:-1px; margin:0; padding:64px 0 8px 0; }
#contenthead h1 strong, #contenthead h2 strong{ color:#00addf; }
#contenthead h2 { font-size:125.5%; line-height:100%; margin:0; padding:0; position:absolute; top:3em; left:0px; }
#contenthead h2 a, #mainbody h2 a { color:#000; text-decoration:none; }
#contenthead h2 a:hover, #mainbody h2 a:hover { text-decoration:none !important; color:#00addf; }
#contenthead #favorites { display:block; position:absolute; bottom:8px; right:0; text-decoration:none; color:#333; font-weight:bold; }
#mask{ position:absolute; top:0; left:0; background:#000; display:none; z-index:500; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }

/* Sort/View Bar
-------------------------------------------------- */
.lefthalf, .righthalf { width:297px; float:left; height:22px; border-bottom:1px solid #d1d1d1; padding-bottom:2px; }
 .righthalf { width:357px; }
.lefthalf form, .lefthalf p{ margin:0; }
.lefthalf label{ float:left; margin:3px 8px 0 0; }
.showingFeatured .lefthalf form { visibility:hidden; }

.righthalf { float:right; position:relative; text-align:right; }
.righthalf ul, .righthalf ul li{ margin:0; padding:0; list-style-type:none; display:inline; }
.righthalf ul li a{ position:relative; top:3px; float:right; display:block; height:12px; line-height:12px; color:#A4A4A4; text-decoration:none; font-weight:bold; padding:0 26px 0 0; margin-left:15px; }
.righthalf ul li#view_grid a.on{ background:url(/common/img/buttons/view_grid_on.png) top right no-repeat; color:#727272; }
.righthalf ul li#view_grid a.off{ background:url(/common/img/buttons/view_grid_off.png) top right no-repeat; }
.righthalf ul li#view_list a.on{ background:url(/common/img/buttons/view_list_on.png) top right no-repeat; color:#727272; }
.righthalf ul li#view_list a.off{ background:url(/common/img/buttons/view_list_off.png) top right no-repeat; }

/* Search
-------------------------------------------------- */
#search { float:left; padding-left:21px; width:200px; height:74px; position:relative; }
#search h3 { font-size:15px; color:#00addf; font-weight:normal; margin:2px 0 7px 0; }
#search p { margin:0; }
#search p#keywords_wrap { width:170px; height:31px; float:left; }
#search p#submit_wrap { float:right; width:24px; height:24px; }
#search #keywords { width:151px; padding:0 9px 0 10px; font-size:14px; height:23px; line-height:23px; background:url(/common/img/search_box.png) top left no-repeat; border:none; }
#search #search_submit { width:24px; height:24px; margin-top:1px; }
#search #loading { position:absolute; top:24px; left:876px; background:url(/common/img/ajax-loader.gif) top left no-repeat; width:32px; height:32px; display:none; }
#noresultsmsg { font-size:14px; color:#333333; margin:0; padding:0; position:relative; top:-10px; }

/* Main Content
-------------------------------------------------- */
.loading #main_heading { background:url(/common/img/ajax-loader.gif) right center no-repeat;  }
#main_content { float:right; width:655px; position:relative; right:18px; }
#main_content h2#main_heading { color:#333333; margin:0 0 34px 0; padding:6px 0 0 0; font-size:18px; line-height:68px; font-weight:normal; border-bottom:1px solid #000; border-top:0px solid #ffffff; }
#main_content h2 { color:#000; margin:0 0 15px 0; font-size:13px; font-weight:bold; border-top:1px solid #000; padding-top:4px; }
#main_content .third{ width:200px; float:left; margin-right:26px; }
#main_content .last{ margin:0; }
#related_content { padding-top:24px; }
.home #related_content { padding-top:12px; }
.media #related_content, .event #related_content { padding-top:12px; }
.loading #related_content { visibility:hidden; }
#main_content .loading { background:transparent url(/common/img/ajax-loader.gif) center center no-repeat; height:200px; }
.loading .event #customize { background:transparent url(/common/img/ajax-loader.gif) center center no-repeat; height:200px; visibility:visible; }
.media #customize .lefthalf { display:none; }
#customize { height:25px; }

#main_content .media_item { background:#fff; padding:10px 12px; margin-bottom:15px; cursor:pointer; }
#main_content .media_item:hover { background-color:#C7C7C7; }
#main_content .media_item:hover .blue .novl-rater-off, #main_content .media_item:hover .blue .novl-rater-on { background-image:url(/common/inc/jquery/plugins/novellrater/stars_blue_dark.gif); }
#main_content .media_item h2 { margin:8px 0px; border:none; font-size:16px; font-weight:bold; color:#333; line-height:20px; }
#main_content .media_item h2 a:hover { color:#000000; }
#main_content .media_item hr { margin:4px 0 10px 0; }
#main_content .media_item:hover hr { background-color:#B9B9B9; }
#main_content .media_item p { font-size:11px; color:#333; padding:0 0 10px 0; margin:0; }
#main_content .media_item ul, #main_content .media_item ul li { margin:0; padding:0; list-style-type:none; }
#main_content .media_item ul li { margin-bottom:4px; }
#main_content .media_item em.tags { text-transform:capitalize; font-style:normal; }
#main_content #col1 .media_image img, #main_content #col2 .media_image img, #main_content #col3 .media_image img, #main_content #search_results .media_image img { width:176px; }

#main_content.showingFeatured .featured_main { width:655px; height:225px; float:left; margin:0 0 15px 0; padding-right:0; padding-left:0; position:relative; }
#main_content.showingFeatured .featured_main .media_image { width:280px; height:225px; float:right; }
#main_content.showingFeatured .featured_main .media_meta { position:relative; margin-top:24px; width:100%; }
#main_content.showingFeatured .featured_main .media_meta ul li strong { color:#333; font-size:11px; }
#main_content.showingFeatured .featured_main p { margin:0 292px 0 12px; }
#main_content.showingFeatured .featured_main h2 { border:none; font-size:19px; margin:0 292px 3px 12px; color:#333; margin-top:60px; }
#main_content.showingFeatured .featured_main .feature_meta { position:absolute; bottom:0; left:0; margin:0 0 12px 12px; width:350px; }
#main_content.showingFeatured .featured_main .feature_meta ul li { float:left; margin-right:10px; }
#main_content.showingFeatured .featured_main .meta_img { position:absolute; top:0; right:0; width:19px; height:18px; text-align:right; }

#main_content .feature_meta { background:transparent url(/common/img/icons/meta_bullhorn.png) no-repeat top right; }
#main_content .document .feature_meta { background:transparent url(/common/img/icons/meta_doc.png) no-repeat top right; }
#main_content .blog .feature_meta { background:transparent url(/common/img/icons/meta_comment.png) no-repeat top right; }
#main_content .audio .feature_meta { background:transparent url(/common/img/icons/meta_headphones.png) no-repeat top right; }
#main_content .demo .feature_meta { background:transparent url(/common/img/icons/meta_presentation.png) no-repeat top right; }
#main_content .webcast .feature_meta, #main_content .webinar .feature_meta { background:transparent url(/common/img/icons/meta_windows.png) no-repeat top right; }
#main_content .video .feature_meta { background:transparent url(/common/img/icons/meta_video.png) no-repeat top right; }


#main_content .media_item h5 { display:none; }
#main_content .list_view .media_item h5 { display:block; }
#main_content .list_view .third { display:none; }
#main_content .list_view .media_item .feature_content { width:100%; height:auto; float:none; }
#main_content .list_view .media_item .feature_meta { height:18px; margin:0px; }
#main_content .list_view .media_item .feature_meta ul { margin:0; }
#main_content .list_view .media_item .feature_content .feature_meta { position:static; }
#main_content .list_view .media_item h2 { margin-top:4px; margin-top:0; padding-bottom:4px; font-size:16px; }
#main_content .list_view .media_item p { margin-bottom:0; padding-bottom:12px; }
#main_content .list_view .media_item hr { display:none; }
#main_content .list_view .media_item ul { height:18px; line-height:18px; float:left; margin:0 0 0 30px; padding:0; position:relative; top:1px; }
#main_content .list_view .media_item ul li { float:left; margin-left:24px; }
#main_content .list_view .media_item .rateme { float:left; width:120px; }
#main_content .list_view .media_item h5 { font-size:9px; line-height:9px; padding:1px 3px; background:#818181; color:#fff; margin:0; text-transform:uppercase; display:inline; }
#main_content .list_view .media_image, #main_content .list_view .media_item .feature_image { display:none; }
#main_content .list_view .feature_meta { background-position:110px 1px; }

#main_content.showingFeatured .list_view .featured_main { height:auto; float:none; margin:0 0 15px 0; padding-right:0; padding-left:0; position:relative; }
#main_content.showingFeatured .list_view .featured_main .feature_meta { position:relative; bottom:0; left:0; margin:0 0 0 12px; width:100%; }
#main_content.showingFeatured .list_view .featured_main .feature_meta ul li { margin-right:0px; }

#banner_alt { height:274px; }
#banner_alt h5 { margin:0; padding:206px 0 0 15px; font-size:16px; font-weight:bold; color:#439539; }
#banner_alt h6 { margin:0; padding:0 0 0 15px; font-size:13px; font-weight:normal; color:#6A737B; }

/* Sidebar Channel Section
-------------------------------------------------- */
#sidebar { float:left; padding-left:21px; margin-right:30px; width:200px; clear:left; }
#sidebar h2 { color:#000; margin:0 0 15px 0; font-size:13px; font-weight:bold; border-top:1px solid #000; padding-top:4px; }
#sidebar h3 { font-size:15px; color:#00addf; font-weight:normal; margin:0 0 10px 0; }
#sidebar h4{ color:#221f1f; font-weight:bold; margin:15px 0 8px 0; font-size:12px; }
#sidebar h4 span{ font-size:11px; display:block; }
#sidebar ul { list-style-type:none; margin:0; padding:0; }
#sidebar ul li { padding:2px 8px 4px 0; margin:0 0 3px 0; color:#00addf; font-size:11px; line-height:100%; }
#sidebar ul li a{ color:#666; text-decoration:none; }
#sidebar ul li a:hover{ text-decoration:none !important; color:#000000; }
#sidebar ul li.selected a { color:#ffffff; background:#A4A4A4; }
#sidebar ul li.selected a:hover { cursor:default; text-decoration:none !important; }

#sidebar #channels_product, #sidebar #channels_events { margin-bottom:24px; }
#sidebar .overlap{ position:relative; overflow:hidden; }
#sidebar .overlap ul li { padding:0; }
#sidebar .overlap ul li a { display:block; margin:0; padding:2px 8px 4px 8px; }
#sidebar .overlap_more{ width:200px; height:50px; border-top:1px solid #cdcdcc; position:absolute; bottom:0; left:0; }
/* sub div needed to make link clickable in IE6 over transparent BG */
#sidebar .overlap_more_sub{ width:100%; height:50px; background:#E1E1E1 url(/common/img/fade_gray_reverse.png) top left repeat-x; }
#sidebar .overlap_more_sub a{ display:block; padding:2px 28px 2px 0; background:url(/common/img/buttons/more_less.gif) 174px 0px no-repeat; margin:0 5px 0 0; color:#666; text-decoration:none; font-weight:bold; text-align:right; position:relative; top:10px; }
#sidebar .overlap_more_sub a.active{ background-position:178px -18px; }
#sidebar .overlap_more_sub a:hover{ text-decoration:underline; }

/* Switch to right sidebar
-------------------------------------------------- */
.switch #event_banner { margin-bottom:12px; width:653px; height:257px; }
.switch #main_content { float:left; width:655px; position:relative; right:0px; left:19px; padding-top:10px; }
.switch #sidebar { float:right; margin-top:10px; padding:0 15px 0 0; margin:0; width:220px; padding-top:10px; clear:none; }
.switch #sidebar hr { margin:10px 0 6px 0; }

/* Request a call
--------------------------------------------------#CCCCCC #BEBEBE */
#sidebar #requestcall{ background:#ccc; width:220px; }
#sidebar #requestcall h3 { font-size:15px; font-weight:bold; margin:0; padding:12px 12px 6px 12px; color:#333; }
#requestcall p { margin:0; padding:10px 0 0 0; }
#requestcall form { background-color:#CCCCCC; margin:0; padding:0; /*width:220px;*/ border-bottom:1px solid #CCCCCC; }
#requestcall fieldset { margin:0; padding:4px 0 14px 12px; border:none; }
/*#requestcall fieldset p { float:left; width:94px; padding-top:6px; }*/
#requestcall fieldset p#requestcall_fname, #requestcall fieldset p#requestcall_company, #requestcall fieldset p#requestcall_city { width:100px; clear:left; }
#requestcall fieldset p#requestcall_email { clear:left; width:192px; }
#requestcall fieldset p#requestcall_email input { width:192px; }
#requestcall fieldset p#requestcall_comments { clear:left;width:192px; overflow:hidden; }
#requestcall fieldset p#requestcall_comments textarea { height:20px; width:192px; border:none !important; margin:0; overflow:auto; line-height:20px; min-height:20px; }
#requestcall fieldset input { width:90px; border:0px solid #000000; padding:3px 0; }
#requestcall label { display:block; padding-bottom:3px; }
#requestcall select { width:90px; padding:2px 0 3px 0; }
#requestcall #lower_submit { margin:0; padding:0; }
#requestcall #lower_submit #requestcall_submit { clear:left; margin:0; padding:0; width:125px; height:40px; position:relative; left:14px; float:left; }
#requestcall #lower_submit #requestcall_submit input { background:#000 url(/common/img/buttons/button_submit_bg_cccccc.gif) top left no-repeat; width:125px; height:25px; color:#ffffff; border:0px solid #000000; text-align:center; font:12px Arial, Helvetica, Sans-Serif; cursor:pointer; }
#requestcall #requestcall_privacy { width:27px; margin:0; padding:0; float:right; position:relative; right:24px; top:0px; }
#requestcall #requestcall_privacy a { display:block; padding:0; height:27px; background:url(/common/img/icons/privacy_bg_cccccc.gif) center left no-repeat; text-decoration:none; text-indent:-9999px; }
#requestcall #requestcall_salesphone { clear:left; background-color:#BEBEBE; margin:0; padding:10px 14px; line-height:12px; }
#requestcall #requestcall_salesphone a { font-weight:bold; font-size:109.5%; text-decoration:none; color:#000000; }

#mst3k_email{ clear:both; }
#content #form_content div.half{ width:90px; }
#content #form_content div.half input, #content #form_content div.half select{ width:90px; }
#content #form_content div.full input{ width:192px; }
#content #form_content textarea{ width:182px; }


/* Video page
-------------------------------------------------- */
#videoblock{ background:#333; position:relative; z-index:501; }
#videoblock p#lights{ position:absolute; top:8px; right:10px; width:125px; color:#999; text-transform:uppercase; margin:0; z-index:1001; }
#videoblock p#lights span{ float:left; width:60px; font-size:10px; text-align:right; margin-right:10px; font-weight:bold; }
#videoblock p#lights a{ display:block; text-indent:-9999px; width:46px; height:15px; background:url(/common/img/buttons/lights.png) 0px 0px no-repeat; float:left; cursor:pointer; }
#videoblock p#lights a.on{ background-position:0px -30px; }
#videoblock .blue .novl-rater-off, #videoblock .blue .novl-rater-on { background-image:url(/common/inc/jquery/plugins/novellrater/stars_blue_bgdark.gif); }
#videowrap{ margin:0 auto; padding:30px 0; } /* the width changes based on video player size set in the php */
#videowrap p{ color:#999; font-size:12px; line-height:12px; margin:0; padding:0 0 30px 0; }

#videometa{ width:100%; position:relative; height:45px; margin-top:4px; }
#videometa img{ display:block; margin-top:3px; }
#videometa ul, #videowrap ul li{ margin:0; padding:0; list-style-type:none; }
#videometa ul{ position:absolute; top:4px; right:0; }
#videometa ul li{ float:left; margin-left:14px; font-size:11px; line-height:11px; padding-top:2px; color:#808080; }
#videometa ul li a{ font-weight:bold; text-decoration:none; color:#808080; }
#videometa ul li.filetype{ font-size:9px; padding:3px; background:#232323; line-height:9px; margin-left:6px; }
#videometa ul li.filetype a { text-transform:uppercase; cursor:pointer; }
#videometa ul li a#meta_email{ padding-left:18px; background:url(/common/img/buttons/videometa_email.png) top left no-repeat; }
#videometa ul li a#meta_embed{ padding-left:27px; background:url(/common/img/buttons/videometa_embed.png) top left no-repeat; }
#videometa #ratingwrap{ position:absolute; top:0; left:0; font-size:11px; color:#999; line-height:20px; }
#videometa #ratingwrap div{ display:inline; margin-left:8px; }

.video .lefthalf, .video .righthalf{ height:1%; border:none; }
.video .righthalf ul li a { position:relative; top:-10px; }
.video #sidebar h2 { padding-bottom:8px;}
.video #sidebar ul { padding-bottom:24px; }
.video #main_content h2{ margin-bottom:0px; padding-bottom:0; line-height:12px; }
.video #main_content #related_content h2 { margin:8px 0px 0px 11px; line-height:16px; }

/* Fonts
-------------------------------------------------- */
p.more{ text-align:right; margin:13px 0 10px 0; }
p.more a{ font-weight:bold; color:#666; text-decoration:none; }

a, a:active { outline:none; }
:focus { -moz-outline-style: none; }
.clr{ clear:both; overflow:hidden; height:0px; width:0px; line-height:0px; }
hr{ height:1px; border:none; background:#d1d1d1; margin:0 0 4px 0; }

/* Pagination
-------------------------------------------------- */
#pagination { height:30px; padding:0; margin:0; list-style-type:none; line-height:30px; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; font-size:12px; }
#pagination a, #pagination span { float:left; }
#pagination span, #pagination .prev, #pagination .next { text-decoration:none; display:block; margin:0 4px; color:#666; font-weight:bold; }
#pagination a { color:#999; margin:0; margin:0 2px; text-decoration:none; }
#pagination a:hover { text-decoration:underline; color:#000; }
#pagination span.current { color:#00adee; cursor:default; }
#pagination span.prev { margin-left:0; color:#999; }
#pagination span.next { margin-right:0; color:#999; }