/* General style for the whole HTML body */ body, html { font-family: Helvetica,Tahoma,Verdana,Arial,Sans Serif; background-color: #ffffff; color: #000000; padding: 0px; text-align: left; font-size: 12px; margin: 0px; } /* Styles for links */ a, a:visited, a:hover, a:active { color: #000; text-decoration: none; font-weight: bold; outline:0 none; } div#user_bar { bottom: 0px; display: inline-block; padding: 0px; z-index: 51; padding: 4px; margin-top:10px; padding-bottom: 2px; text-align: left; } #userbar_button_link { color: #FFFFFF; padding: 4px 5px; background: #666; height:20px; } #userbar_button_link:hover { background: #999; } #tabbox{ background:#ebebeb; width:98%; max-height:210px; overflow:auto; margin-top:4px; padding:1%; display:block; } #closeme{ position: absolute; right:20px; top:10px; color: #fff; font-size:14px; } .red{ color: #D30900 !important; } /* Style for the body of the "photo-view" page for the thickbox modal windows */ .show_body_photo, show_body_photo { padding: 0px; margin: 0px; text-align: center; background: url(img/thickbox_border.png) repeat; height: 100%; width: 100%; text-align: center; } .show_body_photo, show_body_photo img { line-height: 50%; display: block; margin-left: auto; margin-right: auto; } /* File Uploader styles (JQuery - "Uploadify" plugin) */ .uploadifyQueueItem { font: 11px Helvetica,Tahoma,Verdana,Arial,Sans Serif; border: 2px solid #E5E5E5; background-color: #F5F5F5; margin-top: 5px; padding: 10px; width: 350px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .uploadifyError { border: 2px solid #FBCBBC !important; background-color: #FDE5DD !important; } .uploadifyQueueItem .cancel { float: right; } .uploadifyProgress { background-color: #FFFFFF; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; margin-top: 10px; width: 100%; } .uploadifyProgressBar { background-color: #0099FF; width: 1px; height: 3px; } /* Thickbox styles */ *{ padding: 0; margin: 0; } #TB_window { font: 12px Helvetica,Tahoma,Verdana,Arial,Sans Serif; color: #333333; } #TB_secondLine { font: 10px Helvetica,Tahoma,Verdana,Arial,Sans Serif; color:#666666; } #TB_window a:link { color: #d30900; } #TB_window a:visited { color: #d30900; } #TB_window a:hover { color: #d30900; } #TB_window a:active { color: #d30900; } #TB_window a:focus{ color: #d30900; } #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height: 100%; width: 100%; } .TB_overlayMacFFBGHack { background: url(img/macFFBgHack.png) repeat; } .TB_overlayBG { background-color:#000000; filter:alpha(opacity=45); -moz-opacity: 0.45; opacity: 0.45; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #ffffff; z-index: 102; color: #000000; display:none; border: 8px solid transparent; background: url(img/thickbox_border.png) repeat; -khtml-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align:left; top:50%; left:50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption { height: 25px; padding: 7px 30px 10px 25px; float: left; } #TB_closeWindow { height: 25px; padding: 11px 25px 10px 0; float: right; } #TB_closeAjaxWindow { padding: 7px 10px 5px 0; margin-bottom: 1px; text-align: right; float: right; } #TB_ajaxWindowTitle { float: left; padding: 7px 0 5px 10px; margin-bottom: 0px; } #TB_title { font-size: 14px; background-color: #ebebeb; height: 27px; color: #333333; font-weight: bold; margin-bottom: 0px; padding-bottom: 0px; -khtml-border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; margin-bottom: 9px; } #TB_ajaxContent { clear: both; padding: 2px 15px 15px 15px; overflow: auto; text-align: left; line-height: 1.4em; } #TB_ajaxContent.TB_modal { padding: 15px; } #TB_ajaxContent p { padding: 5px 0px 5px 0px; } #TB_load { position: fixed; display: none; height: 13px; width: 208px; z-index: 103; top: 50%; left: 50%; margin: -6px 0 0 -104px; } * html #TB_load { /* IE6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect { z-index:99; position:fixed; top: 0; left: 0; background-color: #FFFFFF; border: none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height: 100%; width: 100%; } * html #TB_HideSelect { /* IE6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent { clear: both; border: none; margin-top: -4px; _margin-bottom: 1px; text-align: center; } /* System messages */ div#msg_wrapper { padding-right: 14px; } div#msg_wrapper_right_align { width: 677px; float: right; display: block; padding-right: 14px; } div#msg_wrapper_medium { padding-right: 14px; float: left; width: 677px; } div#msg_wrapper_full { padding-right: 14px; float: left; width: 947px; } div#system_message, .message { text-align: left; font-weight: bold; font-size: 12px; color: #d30900; border: 1px #d30900 dotted; margin-top: 19px; margin-right: 25px; margin-bottom: 7px; padding: 6px; width: 100%; } div#system_message a { color: #d30900; text-decoration: none; } div#system_error, .error { text-align: left; font-weight: bold; font-size: 12px; color: #FF0000; background-color: #FBD4D4; border: 2px #FF0000 solid; margin-top: 19px; margin-right: 25px; margin-bottom: 7px; padding: 4px; width: 100%; } div#system_error a { color: #FF0000; text-decoration: none; } /* Dimensions for the TinyMCE WYSIWYG editor */ tinymcetextarea,.tinymcetextarea { width: 450px; height: 270px; } /* DIVs for static pages: Header(c1), paragpaph title(c3), paragraph text(c2) and separator(c4) */ div.c1 { text-align: left; width: 95%; font-size: 15px; font-weight: bold; padding-left: 5px; } div.c2 { text-align: left; padding-top: 5px; padding-left: 5px; padding-right: 15px; } div.c3 { text-align: left; padding-top: 8px; padding-left: 5px; padding-right: 5px; font-weight: bold } div.spacer { height: 8px; width: 2px; } /* Styles for offline and banning pages */ div#abs_centered_wrapper { width: 100%; height: 100%; float: left; display: block; text-align: center; vertical-align: middle; overflow: hidden; position: absolute; top: 40%; } div#abs_centered { height: 100%; margin-left: auto; margin-right: auto; text-align: center; vertical-align: middle; overflow: hidden; } #banned_user_or_host { display: block; font-size: 12px; font-weight: bold; } #offline { display: block; font-size: 12px; font-weight: bold; } /* JQuery - "Uniform" plugin styles */ label { float: left; clear: both; line-height: 19px; margin-bottom: 5px; cursor: pointer; } div.checker { height: 18px; width: 18px; overflow: hidden; -khtml-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #d30900; color: #FFFFFF; padding: 0px; margin: 0px; float: left; display: inline; position: relative; margin-right: 3px; margin-bottom: 2px; } div.checker.focus span { top: 0; left: 0; right: 0; bottom: 0; } div.checker span { position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } div.checker span:hover { background: url(img/check_hover.png) no-repeat center center; } div.checker span.checked { background: url(img/check.png) no-repeat center center; } div.checker span input { position: absolute; opacity: 0; } div.radio { height: 19px; width: 19px; overflow: hidden; background-color: #d30900; color: #FFFFFF; padding: 0px; margin: 0px; float: left; display: inline; position: relative; -khtml-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 3px; margin-right: 3px; } div.radio.focus { } div.radio.focus span { top: 0; left: 0; right: 0; bottom: 0; background-position: center center; } div.radio span { position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } div.radio span:hover { background: url(img/radio_hover.png) no-repeat center center; } div.radio span.checked { background: url(img/radio.png) no-repeat center center; } div.radio span input { position: absolute; opacity: 0; } div.selector { display: inline; font-weight: normal; position: relative; background-color: #d30900; color: #FFFFFF; padding: 0px; margin: 0px; height: 222px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 3px; line-height: 19px; } div.selector select { font-family: Helvetica,Tahoma,Verdana,Arial,Sans Serif; } div.selector.focus { padding: 3px; margin: 0px; } div.selector span { position: absolute; left: 6px; top: 0px; font-size: 1.1em; padding: 0; display: block; padding-right: 20px; background: url(img/select.gif) no-repeat right 60%; right: 0; } div.selector.focus span { left: 5px; } div.selector select { position: relative; font-size: 1.1em; padding: 0; line-height: 23px; border: 0; margin: 0; } /* Ad blocks */ div#ad_block { display: block; text-align: left; } div#home_top_banner { width: 100%; display: block; float: left; text-align: center; clear: all; } div#home_top_banner_wrapper { width: 960px; padding: 4px; margin-left: auto; margin-right: auto; text-align: center; display: block; } div#resolution_based_left_add { display: block; float: left; text-align: left; max-width: 200px; clear: none; position: absolute; padding: 3px; left: 1px; top: 144px; overflow: hidden; } div#resolution_based_right_add { display: block; float: right; text-align: left; max-width: 200px; clear: none; position: absolute; padding: 3px; right: 1px; top: 144px; overflow: hidden; } div#foot_top_banner { width: 100%; display: block; float: left; text-align: center; } div#foot_bottom_banner { width: 100%; display: block; float: left; text-align: center; clear: all; } div#common_right_single { float: right; display: block; text-align: left; width: 235px; margin-bottom: 5px; overflow: hidden; } div#common_right_single_left_aligned { float: left; display: block; text-align: left; width: 235px; vertical-align: top; overflow: hidden; clear: all; margin-top: 30px; } div#home_top_single { float: left; display: block; width: 644px; overflow-x: hidden; margin-top: 15px; } div#home_right_box { float: right; display: block; text-align: left; width: 290px; margin-top: 25px; } div#video_right_single { float: right; display: block; width: 305px; text-align: left; vertical-align: top; margin-top: 15px; margin-bottom: 15px; } /* Header elements */ div#header_cover { background: url(img/header_bg.png) repeat-x top center; width: 100%; display: block; float: left; text-align: center; } div#logo_div { float: left; display: block; width: 232px; margin:10px 0px; } #secret_window{ background: #3B3B3B; position:relative; margin-top:-300px; height:300px; display:block; width:100%; text-align: center; } div#header_links { display: block; float: right; color: #FFFFFF; background: url(img/top_bg.png) no-repeat top right; text-decoration: none; font-size: 12px; line-height:29px; height:29px; font-weight: bold; width: 655px; padding-right:30px; } div#header_links a { color: #FFFFFF; text-transform:uppercase; text-decoration: none; font-size: 11px; margin-right:21px; padding-left:12px; background: url(img/top_icon.png) left center no-repeat; font-weight: bold; } .lang_select_opt { border: 0px; display: inline; } .lang_select_opt:hover { background-color: #d30900; } div#lang_templ_selector_box { padding-top: 16px; color: #FFFFFF; margin-right:20px; text-decoration: none; font-weight: bold; display: block; float: right; } div#lang_selector { width: 100px; position: absolute; display: none; z-index: 300; margin-top: 15px; margin-left: -31px; } #lang_sel_row { background-color: #ebebeb; width: 100px; text-align: left; display: block; padding: 4px; cursor: pointer; } #lang_sel_row:hover { background-color: #d30900; color: #FFFFFF; } #lang_sel_row:hover > a { background-color: #d30900; color: #FFFFFF; } #template_form { margin: 0px; padding: 0px; display: inline; margin-left: 23px; } div#searchform_wrapper { color: #FFFFFF; font-size: 12px; font-weight: bold; display: block; float: right; clear: both; margin-top: -19px; padding-bottom: 5px; clear: both; } .sbar{ margin-top:8px; } #header_main_search_form { padding: 0px; margin: 0px; display: inline; } .header_search_id { background:#fff url(img/search_bg.png) center left no-repeat; font-family: Arial,Sans Serif; font-size: 12px; font-weight: normal; color: #000; border:none; height:26px; padding: 2px; outline: none; padding-left: 31px; } #search_type{ padding:6px 5px 7px 5px; border:none; color:#000; vertical-align:top; background: #fff; } #search_type:hover, #search_type:focus{ box-shadow:0px 0px 10px #fff; -webkit-box-shadow:0px 0px 10px #fff; -moz-box-shadow: 0px 0px 10px #fff; } .header_search_id:focus, .header_search_id:hover { border:none; background-color:#fff; box-shadow:0px 0px 10px #fff; -webkit-box-shadow:0px 0px 10px #fff; -moz-box-shadow: 0px 0px 10px #fff; } #header_search_but { background: url(img/go.png) top left no-repeat; color: #FFFFFF; font-size: 14px; font-weight: bold; height: 33px; width:38px; border:0px; vertical-align:top; margin-top: 0px; display: inline; -khtml-border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } div#advanced_search { background-color: #FFF9D8; width: 100%; display: none; float: left; text-align: center; } div#adv_search_wrapper { padding: 4px; margin-left: auto; margin-right: auto; text-align: center; color: #1F3A67; display: block; } #adv_search_header_unsel { padding: 4px; } #adv_search_header_sel { padding: 4px; background-color: #d30900; -khtml-border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #dv_search_header_unsel a { font: 14px Helvetica,Tahoma,Verdana,Arial,Sans Serif; color: #0000FF; } #adv_search_header_sel a { font: 14px Helvetica,Tahoma,Verdana,Arial,Sans Serif; color: #FFFFFF; font-weight: bold; text-decoration: none; } div#close_button { display: block; float: right; background: url(img/close_button.png) top center no-repeat; width: 21px; height: 21px; cursor: pointer; } div#close_button:hover { background: url(img/close_button_hover.png) top center no-repeat; } div#adv_search_form_wrap { margin-top: 9px; text-align: center; display: block; } div#adv_search_form_center { text-align: left; display: block; padding: 0px; margin: 0px; width: 400px; margin-left: auto; margin-right: auto; } div#search_form_row { display: block; text-align: left; clear: both; width: 320px; float: none; padding: 3px; padding-top: 9px; } div#search_form_row_medium { display: block; text-align: left; clear: both; width: 420px; float: none; padding: 3px; padding-top: 9px; } div#search_form_row_long { display: block; text-align: left; clear: both; width: 720px; float: none; padding: 3px; padding-top: 9px; } div#search_form_row_full { display: block; text-align: left; clear: both; width: 920px; float: none; padding: 3px; padding-top: 9px; } div#search_form_row_centered { display: block; text-align: center; clear: both; width: 100%; float: none; padding: 3px; padding-top: 9px; } #search_form_label { display: block; width: 120px; padding: 0px; margin: 0px; float: left; line-height: 19px; font-weight: bold; color: #333333; } #search_form_label_medium { display: block; width: 220px; padding: 0px; margin: 0px; float: left; line-height: 19px; font-weight: bold; color: #333333; } #search_form_label_long { display: block; width: 320px; padding: 0px; margin: 0px; float: left; line-height: 19px; font-weight: bold; color: #333333; } #search_form_control { display: block; width: 190px; padding: 0px; margin: 0px; float: right; } #search_form_control_long { display: block; width: 411px; padding: 0px; margin: 0px; float: right; } #adv_search_search_but { background: url(img/header_search_back.png) top left repeat-x; background-color: #FB9D2F; background-repeat: repeat-x; color: #FFFFFF; font-size: 14px; font-weight: bold; height: 26px; padding: 4px; margin-top: 5px; } #form_label_span { color: #333333; font-weight: bold; } div#adv_links { display: inline; float: right; color: #FFFFFF; font-weight: normal; font-style: italic; margin-left: 11px; margin-top: 4px; } div#adv_links a { color: #FFFFFF; font-weight: normal; } .fright{ float:right; } .fleft{ float:left; } .hidden{ display:none; } .clear{ clear:both; display:block; } #rss_but { margin-left: 11px; margin-top:5px; float:right; } #headerlinks_wrapper { background: url(img/menu_bg.png) center center repeat-x; width: 100%; display: block; float: left; height:47px; text-align: center; padding: 0px; padding-top: 0px; clear: none; } div#headerlinks_wrapper2 { width: 960px; padding: 0px; height:47px; margin-left: auto; margin-right: auto; text-align: left; } div#header_wrapper { width: 960px; margin-left: auto; margin-right: auto; text-align: right; } #headerlinks { display: block; list-style-type: none; clear: none; float: left; } #headerlinks li { display: block; height:47px; float:left; cursor: pointer; } #headerlinks li a, #headerlinks li a:active, #headerlinks li a:visited{ color: #fff; height:47px; display:block; float:left; padding:0px 10px; font:bold 15px/47px Arial,Tahoma; } #headerlinks li a:hover{ color:#90dc3c; background:url(img/menu_bg_hover.png) left top repeat-x; } .slogan{ float:left; color:#ddd; margin-top:12px; margin-left:20px; } .upload_container{ float:right; margin-top:10px; margin-right:20px; } #head_upl_button_ul { float:left; margin-left: 10px; margin-right: auto; text-align: right; list-style-type: none; } #head_upl_button { background: url(img/upload.png) top left repeat-x; color: #FFFFFF; font-size: 14px; font-weight: bold; height: 24px; width:90px; margin: 0px; display: block; clear: none; } #head_upl_button a { color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 15px; } div#upl_button_options { text-align: left; background-color: #333; float: right; display: inline; position: absolute; z-index: 100; border: 1px #555 solid; padding: 0px 4px; padding-left: 0px; margin-left: -90px; margin-top: 24px; visibility: hidden; width: 150px; } #upl_button_options_opt { display: block; float: left; clear: both; padding: 2px; width: 100%; } #upl_button_options_opt a { color: #fff; text-decoration: none; font-size: 13px; } #upl_button_options_opt:hover { background-color: #999; } #upl_button_options_opt:hover > a { color: #FFFFFF; } div#search_suggestions { margin-left: 66px; text-align: left; background-color: #FFF9D8; float: right; display: inline; visibility: hidden; position: absolute; display: none; z-index: 300; border: 1px #1F3A67 solid; border-right: 1px #1F3A67 solid; -khtml-border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -khtml-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.Shadow(color=#585858,offX=5,offY=5, direction='120', strength='5', positive=true) progid:DXImageTransform.Microsoft.Alpha(opacity=95); margin-top: -2px; padding-top: 4px; color: #1F3A67; } #search_sugg_term { display: block; float: left; clear: both; padding: 2px; width: 98.8%; } #search_sugg_term a { color: #1F3A67; text-decoration: none; } #search_sugg_term:hover { background-color: #d30900; } #search_sugg_term:hover > a { color: #FFFFFF; } #sugg_title { color: #EB8E20; font-style: italic; } div#head_links_a { float: left; display: block; text-align: center; background-color: #F5F5F5; border-bottom: 1px #E6E6E6 solid; width: 100%; } div#head_links_b { float: left; display: block; text-align: center; background-color: #F5F5F5; border-bottom: 1px #E6E6E6 solid; width: 100%; } div#head_links_a_wrapper, div#head_links_b_wrapper { padding: 4px; color: #5C5C5C; } div#head_links_a_wrapper a, div#head_links_b_wrapper a { color: #5C5C5C; text-decoration: none; padding: 2px; } div#head_links_a_wrapper a:hover, div#head_links_b_wrapper a:hover { color: #FFFFFF; background-color: #d30900; } #quicklist { display: inline-block; } #qlist_box_inactive { padding-left: 2px; padding-right: 2px; } #qlist_box_activated { background-color: #ebebeb; color: #333333; padding-left: 2px; padding-right: 2px; } /* Main body elements */ div#body_cover { width: 100%; display: block; float: left; text-align: center; clear: none; } div#main_body { width: 960px; padding: 4px; margin-left: auto; margin-right: auto; text-align: left; margin-top: -19px; } /* Footer elements */ div#footer_cover { background-color: #444; border-top: 1px #EBEBEB solid; width: 100%; display: block; float: left; text-align: left; margin-top: 20px; } .footer-logo{ float:right; border:0px !important; } .footer-logo img{ border:0px; } div#footer_wrapper { width: 960px; padding: 4px; height:70px; margin-left: auto; margin-right: auto; text-align: left; margin-top: 20px; } div#footer_spacer { height: 35px; display: block; float: left; width: 100%; } div#footer_copyright { display: block; text-align: left; float:left; color: #ccc; width:600px; padding: 2px; } div#footer_copyright a{ color: #ccc; font-weight:normal; text-decoration: none; } div#footer_stats { display: block; text-align: center; color: #474747; clear: all; } div#footer_stats a{ color: #474747; text-decoration: none; } div#footer_media_wrapper { display: block; width: 100%; float: left; margin-bottom: -11px; margin-left: 3px; } div#footer_users { display: inline; float: left; height:130px; width: 475px; } div#footer_videos { display: inline; float: right; width: 480px; text-align: left; } div#footer_users_block { display: inline; text-align: left; float: left; padding: 0px; margin: 0px; } #loading{ background: url(img/loading.gif) center center no-repeat; display:block; width:100%; min-height:50px; } div#footer_videos_block { display: inline; text-align: left; float: right; padding: 0px; margin: 0px; } div#footer_users_block a, div#footer_videos_block a { color: #fff; text-decoration: none; padding: 2px; } div#footer_users_block h3, div#footer_videos_block h3 { color: #fff; font-size: 14px; clear: none; display: inline; } div#footer_users_block a:hover, div#footer_videos_block a:hover { -khtml-border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #727272; color: #FFFFFF; } div#footer_user_img, div#footer_video_img { display: block; } div#footer_user_img a, div#footer_video_img a { background-color: #F5F5F5; color: #727272; border: 0px; } div#footer_user_img a:hover, div#footer_video_img a:hover { background-color: #F5F5F5; color: #727272; } div#footer_user_img_elem, div#footer_video_img_elem { display: block; clear: none; margin-top: 4px; float: left; text-align: center; background: url(img/footer_block_back.png) top left repeat-x; border: 1px #C3C3C3 solid; margin-right: 5px; height: 81px; text-align: center; padding-left: 4px; padding-right: 7px; -khtml-box-shadow: 0 0 1em rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.4); box-shadow: 0 0 1em rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.4); } div#footer_user_img_elem:hover, div#footer_video_img_elem:hover { -khtml-box-shadow: 0 0 1em rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.7); box-shadow: 0 0 1em rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.7); } div#footer_user_img_elem a, div#footer_video_img_elem a, div#footer_user_img_elem a:hover, div#footer_video_img_elem a:hover { border: 0px; text-decoration: none; background: url(img/trans.gif) top left no-repeat; color: #FFFFFF; text-shadow: #000000 2px 0px 2px; } #footerblock_image { width: 72px; height: 52px; border: 1px #AFAFAF solid; margin-top: 6px; display: block; margin-left: 3px; } #footer_video_href { overflow: hidden; width: 68px; height: 12px; text-align: center; display: inline-block; color: #FFFFFF; text-shadow: #000000 2px 0px 2px; border: 1px #000000 solid; margin-bottom: -2px; margin-top: -2px; } /* Form styles - */ /* Form surrounding DIVs */ #simple_form { padding: 0px; margin: 0px; display: block; float: left; width: 100%; } #form_tip { font-style: italic; color: #5C5C5C; margin-top: 2px; display: inline-block; } #inline_label { display: inline; } #red { color: #FF0000; } div#channel_inv_form_wrapper { margin-left: 82px; } /* No-margin and no-padding class, for elements such as forms, etc */ .nowrap, nowrap { padding: 0px; margin: 0px; display: inline; } /* Styles for form fields */ input, select, textarea, .input, .select, .textarea{ font-family: Arial,Sans Serif; font-size: 12px; font-weight: normal; color: #333; border: #D9D9D9 1px solid; background-color: #FFFFFF; padding: 2px; outline: none; } /* Needed, to properly support the target area of the "Uniform" overlay graphics, for stylized checkbox and radio inputs */ input[type="checkbox"], input[type="radio"] { display: inline-block; width: 18px; height: 18px; padding: 0px; margin: 0px; } select { color: #444; } /* Form buttons */ #action_button_red { background: url(img/header_search_back.png) top left repeat-x; background-repeat: repeat-x; color: #FFFFFF; font-size: 13px; font-weight: bold; background-color: #FF0000; margin: 0px; display: inline; clear: none; cursor: pointer; } #action_button_blue { background: url(img/header_search_back.png) top left repeat-x; background-repeat: repeat-x; color: #FFFFFF; font-size: 13px; font-weight: bold; background-color: #d30900; margin: 0px; display: inline; clear: none; cursor: pointer; } input[type="submit"], input[type="button"], input[type="reset"], .styled_button { background:#FB9D2F url(img/header_search_back.png) top left repeat-x; color: #FFFFFF; font-size: 12px; padding:3px 6px; font-weight: bold; margin: 0px; display: inline; clear: none; cursor: pointer; } input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover { border: 1px #999999 solid; } #input_button_disabled { -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: url(img/header_search_back.png) top left repeat-x; background-repeat: repeat-x; color: #D8D8D8; font-size: 13px; font-weight: bold; background-color: #FB9D2F; margin: 0px; display: inline; clear: none; cursor: pointer; } /* Tags Cloud */ a.cloudtags, div.cloudtags, cloudtags { color: #000000; text-decoration: none; } a.cloudtags, td.cloudtags, td.a.cloudtags, div.cloudtags, div.a.cloudtags, cloudtags { color: #000000; text-decoration: none; padding: 2px; } a.cloudtags:hover, td.cloudtags:hover, td.a.cloudtags:hover, div.cloudtags:hover, div.a.cloudtags:hover, cloudtags:hover { text-decoration: none; background-color: #c60201; color: #fff; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .cloudtags a, .cloudtags a: hover, .cloudtags a:visited, .cloudtags a:active { color: #ebebeb; } cloudtags, .cloudtags { color: #ebebeb; } /* Styles for the tabbed interfaces */ .shadetabs { padding: 3px 0; margin-bottom: 2px; font-size: 12px; float: left; font-family: Arial,Sans Serif;; font-weight: normal; list-style-type: none; text-align: left; position:relative; z-index:11; margin-bottom: -1px; } .shadetabs li { float: left; margin: 0; margin-right: 3px; text-decoration: none; } .shadetabs li a { text-decoration: none; color: #d30900; padding: 6px 8px; float: left; font-weight: normal !important; text-decoration: none; background: #efefef; border:1px solid #ccc; border-bottom:0px; } .shadetabs li a:visited { text-decoration: none; } .shadetabs li a:hover { color: #333; text-decoration: none; background: #f3f3f3; } .shadetabs li.selected { text-decoration: none; background: #fff; } .shadetabs li.selected a { text-decoration: none; background: #fff; color: #333; margin-bottom:-2px; z-index:100; border:1px solid #76b802; border-bottom:1px solid #fff; } .shadetabs li.selected a:hover { text-decoration: none; color: #333; } .tabcontent { display: none; position:relative; margin-top: -1px; } #indexrandom{ padding-bottom:2px; } /* Pagination */ /* "page_number_block" and "page_number_block_selected" are hard-coded in the pagination function, so you need to keep these names in the CSS */ #page_number_block { padding: 3px; cursor: pointer; min-width: 15px; height: 15px; display:-moz-inline-block; display:-moz-inline-box; display:inline-block; text-align: center; border:1px solid #ccc; color: #333; font-weight: normal; } #page_number_block a { text-decoration: none; color: #333; font-weight: normal; } #page_number_block_selected a { text-decoration: none; color: #fff; font-weight: normal; } #page_number_block:hover { border:1px solid #666; } #page_number_block_selected { padding: 3px; border:1px solid #666; background-color: #666; color: #fff; min-width: 15px; height: 15px; display:-moz-inline-block; display:-moz-inline-box; display:inline-block; text-align: center; font-weight: normal; } /* Main content styles */ div#content_head_medium { display: block; float: left; width: 683px; background-color: #ebebeb; padding: 4px; color: #333333; margin: 0xp; font-weight: normal; } div#content_head_medium_right_align { display: block; float: right; width: 683px; background-color: #555; padding: 4px; color: #fff; margin-top: 9px; font-weight: normal; } div#content_head_full { display: block; float: left; width: 953px; border-bottom: 2px #d30900 solid; padding: 4px; color: #333333; margin: 0xp; font-weight: normal; text-align: left; } div#content_head_flexi { display: block; float: left; width: 98%; border-bottom: 2px #d30900 solid; padding: 4px; color: #333333; margin: 0xp; font-weight: normal; text-align: left; } div#content_head_medium a, content_head_full a { text-decoration: none; font-weight: bold; color: #333333; } div#paging_medium { display: block; float: left; width: 683px; padding: 4px; color: #5C5C5C; margin: 0px; margin-top: 2px; margin-bottom: 2px; text-align: left; } div#paging_medium_right_align { display: block; float: right; width: 683px; padding: 4px; color: #5C5C5C; margin: 0px; margin-top: 2px; margin-bottom: 2px; text-align: left; } div#paging_full { display: block; float: left; width: 953px; padding: 4px; color: #5C5C5C; margin: 0px; margin-top: 2px; margin-bottom: 2px; text-align: left; } div#paging_flexi { display: block; float: left; width: 98%; padding: 4px; color: #5C5C5C; margin: 0px; margin-top: 2px; margin-bottom: 2px; text-align: left; } div#results_medium { width: 700px; padding: 0px; padding-top: 4px; margin: 0px; display: block; float: left; } div#results_medium_right_align { width: 690px; padding: 0px; padding-top: 4px; margin: 0px; float: right; display: block; text-align: left; margin-left: 4px; } div#results_full { width: 961px; padding: 0px; padding-top: 4px; margin: 0px; text-align: left; display: block; float: left; } div#results_flexi { width: 98%; padding: 0px; padding-top: 4px; margin: 0px; text-align: left; display: block; float: left; } div#resultswrapper { display: inline-block; width: 155px; margin: 0px; clear: none; text-align: left; padding: 3px; padding-top: 7px; padding-bottom: 7px; vertical-align: top; padding-left: 12px; margin-bottom: 5px; margin-top: 5px; } div#resultswrapper:hover { background-color: #F2F2F2; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div#resultswrapper_blog_medium { display: inline-block; width: 685px; margin: 0px; padding: 3px; clear: all; text-align: left; margin-bottom: 17px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div#resultswrapper_blog_full { display: inline-block; width: 953px; margin: 0px; padding: 3px; clear: all; text-align: left; margin-bottom: 17px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div#resultswrapper_blog_medium:hover, div#resultswrapper_blog_full:hover { background-color: #F2F2F2; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div#resultswrapper_flexible { display: inline-block; width: 155px; margin: 0px; clear: none; text-align: left; padding: 3px; padding-top: 4px; padding-bottom: 4px; vertical-align: top; height: 220px; overflow: hidden; margin-top: 2px; padding-left: 30px; } div#resultswrapper_flexible_medium_width { display: inline-block; width: 146px; margin: 0px; clear: none; text-align: left; padding: 3px; padding-top: 4px; padding-bottom: 4px; vertical-align: top; height: 220px; overflow: hidden; margin-top: 2px; padding-left: 21px; } #resultswrapper_flexible_medium_width #resultdetails,#resultswrapper_flexible_medium_width #element_block_href{ width:130px; } div#resultswrapper_flexible_short { display: inline-block; width: 146px; margin: 0px; clear: none; text-align: left; padding: 3px; padding-top: 4px; padding-bottom: 4px; vertical-align: top; height: 120px; overflow: hidden; margin-top: 2px; padding-left: 21px; } div#resultswrapper_flexible:hover { background-color: #F2F2F2; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div#resultswrapper_flexible_medium_width:hover { background-color: #F2F2F2; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div#resultswrapper_flexible_short:hover { background-color: #F2F2F2; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div#resultswrapper_friendlist { display: inline-block; width: 156px; margin: 0px; clear: none; text-align: left; padding: 3px; padding-top: 4px; padding-bottom: 4px; vertical-align: top; height: 250px; overflow: hidden; margin-top: 2px; padding-left: 30px; } div#resultswrapper_friendlist:hover { background-color: #F2F2F2; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div#resultswrapper_userslist { display: inline-block; width: 156px; margin: 0px; clear: none; text-align: left; padding: 3px; padding-top: 4px; padding-bottom: 4px; vertical-align: top; height: 210px; overflow: hidden; margin-top: 2px; padding-left: 30px; } div#resultswrapper_userslist:hover { background-color: #F2F2F2; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div#resultswrapper_channels_subscr { display: inline-block; width: 144px; margin: 0px; clear: none; text-align: left; padding: 3px; padding-top: 4px; padding-bottom: 4px; vertical-align: top; height: 240px; overflow: hidden; margin-top: 2px; padding-left: 23px; } div#resultswrapper_channels_subscr:hover { background-color: #F2F2F2; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #blog_block_element_a { font-size: 14px; font-weight: bold; text-decoration: none; margin-bottom: 5px; display: inline-block; } #resultdetails a { color: #FB9E30; text-decoration: underline; font-weight: bold; } div#element_block_image_container { display: inline-block; width: 143px; height: 80px; border: 1px #808080 solid; padding: 1px; overflow: hidden; } div#element_block_image_trimmed { display: inline-block; width: 143px; height: 80px; overflow: hidden; } div#element_block_image_trimmed_photo { display: inline-block; width: 143px; height: 80px; overflow: hidden; background-color: #000000; } div#element_block_image_trimmed a img { border: 0px; position: relative; top: 0; left: 0; width: 143px; height: 88px; margin-top: -4px; } div#element_block_image_trimmed_photo a img { border: 0px; position: relative; top: 0; left: 0; width: 130px; height: 107px; margin-top: -8px; margin-left: 7px; } div#element_block_image_container_categories { display: inline-block; width: 123px; height: 90px; border: 1px #808080 solid; padding: 1px; } div#element_block_image_container_categories a img { border: 0px; width: 123px; height: 90px; } #moduleEntryThumb { display: inline; } div#blogdetails { display: inline; text-align: left; margin: 0px; color: #6A6969; } #element_block_href { width: 156px; overflow: hidden; display: inline-block; } #element_block_href a { border: 0px; } div#element_block_runtime { position: relative; display: inline-block; padding: 1px; top: -78px; left: 101px; display: block; width: 37px; text-align: right; margin-bottom: -31px; background-color: #000000; color: #FFFFFF; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-opacity: 0.75; opacity: 0.75; filter:alpha(opacity=75); font-size: 11px; font-weight: bold; padding-right: 2px; } div#resultdetails { text-align: left; margin: 0px; color: #6A6969; width: 160px; clear: all; padding: 0px; padding-right: 1px; } div#resultdetails_left_align { text-align: left; margin: 0px; color: #6A6969; width: 160px; clear: all; padding: 0px; padding-right: 1px; margin-left: -10px; } div#resultdetails a { text-decoration: none; color: #6A6969; font-weight: bold; } div#right_container { display: block; float: right; top: 1px; width: 235px; padding: 0px; margin: 0px; } div#right_top_msg { display: block; float: right; top: 1px; width: 235px; background: url(img/header_search_back.png) top left repeat-x; background-repeat: repeat-x; color: #FFFFFF; font-size: 14px; font-weight: bold; background-color: #FB9D2F; margin: 0px; clear: none; cursor: pointer; padding: 4px; } div#right_top_msg a { color: #FFFFFF; text-decoration: none; } div#head_right { display: block; float: right; width: 211px; background: url(img/block-header.png) -10px center no-repeat; padding: 6px 4px; padding-left:28px; color: #fff; margin: 0xp; margin-top: 9px; font-weight: bold; text-align: left; clear: none; } div#content_right { display: block; float: right; width: 235px; background-color: #F5F5F5; padding: 4px; color: #5C5C5C; margin: 0xp; clear: none; } div#content_right img { border: 0px; } div#center_content|_medium { width: 683px; text-align: center; float: left; display: block; } div#center_content_full { width: 952px; text-align: center; float: left; display: block; padding: 0px; margin: 0px; } div#leftalign_content_full { width: 952px; text-align: left; float: left; display: block; padding: 0px; margin: 0px; } div#category_user_box { display: block; clear: all; width: 120px; height: 90px; cursor: pointer; overflow: hidden; -khtml-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-left: 56px; } h3 { font-size: 15px; font-weight: bold; color: #333333; text-decoration: none; clear: all; } div#spacer { float: left; display: block; width: 10px; height: 9px; } /* Add to "Quicklist" DIVs, for large and small thumbnail container DIVs */ .add_to_qlist { position: relative; top: -2px; left: 2px; display: block; background: url(img/qlist_add.gif) top right no-repeat; width: 15px; height: 15px; cursor: hand; cursor: pointer; margin-bottom: -31px; } .add_to_qlist_empty { position: relative; top: -2px; left: 2px; display: block; width: 15px; height: 15px; margin-bottom: -31px; } .add_to_qlist:hover { background: url(img/qlist_hover.gif) top right no-repeat; } /* "QuickPlay" icons */ .quickplay { position: relative; display: inline-block; padding: 1px; top: -47px; left: -1px; display: block; width: 15px; height: 15px; text-align: right; margin-bottom: -31px; background-color: #000000; color: #FFFFFF; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-opacity: 0.75; opacity: 0.75; filter:alpha(opacity=75); font-size: 11px; font-weight: bold; padding-right: 2px; cursor: pointer; background: url(img/quickplay.png) top right no-repeat; } .quickplay:hover { background: url(img/quickplay_hover.png) top right no-repeat; } /* Styles for various modules */ div#photo_trending { margin: 0xp; padding: 0px; margin-top: 9px; display: block; float: left; width: 950px; } div#trending_wrapper { width: 950px; background-color: #ebebeb; -khtml-border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; display: block; float: left; color: #333333; font-weight: bold; font-size: 13px; padding: 5px; } div#trending_wrapper_right_align { width: 950px; background-color: #ebebeb; -khtml-border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; display: block; float: right; color: #333333; font-weight: bold; font-size: 13px; padding: 5px; margin-top: 8px; } div#trending_content { background-color: #; -khtml-border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; display: block; float: left; background-color: #FFFFFF; width: 946px; margin-top: 3px; padding-left: 3px; } div#spotlight_wrapper { display: block; float: right; color: #000; font-weight: bold; font-size: 13px; width: 690px; margin-bottom: 9xp; } div#spotlight_wrapper h2{ margin:5px 0px; } div#spotlight_content { display: block; float: left; margin-top: 3px; margin-left: 2px; padding: 4px; } div#spotlight_left { float: left; width: 200px; vertical-align: top; } div#spotlight_left img{ padding:1px; border:1px solid #ccc; } div#spotlight_right { float: right; width: 368px; vertical-align: top; font-weight: normal; } div#right_top_msg { width: 235px; display: block; } #availability_check { display: block; padding: 0px; font-style: italic; margin-top: 2px; float:right; width: 200px; } #check_uname_available { color: #FC9E30; } #check_uname_notavailable { color: #FF0000; } #video_importer_list { list-style-type: none; } #video_importer_list li { font-style: italic; color: #5C5C5C; } #simple_colored_span { color: #333333; font-weight: bold; } #colored_table { /* PHP hardcoded style */ color: #333333; font-weight: bold; } #colored_table td { padding: 3px; } div#videos_options_menu { float: left; display: block; text-align: left; vertical-align: top; width: 235px; } .sort_by { list-style-type: none; } .sort_by li { cursor: pointer; text-decoration: none; } .sort_by li a{ color: #444; display:block; padding: 3px 8px; } .sort_by li:hover { color: #d30900; } .sort_by li a:hover { color: #d30900; background:#f3f3f3; } .selected_video_opt_link { text-decoration: none; color: #d30900; } .selected_video_opt_link a { color: #000 !important; padding-left:16px !important; background: url(img/arrow.png) 8px center no-repeat; } .level2 a,.level3 a{ background:#f3f3f3 !important; padding-left:8px !important; } .video_opts_header_li { color: #d30900 !important; padding:2px 5px 4px 5px !important; background-color: #fff !important; border-bottom:2px solid #d30900; font-weight: bold; } .videopage_additional_links { text-decoration: none; color: #d30900; padding: 2px; } .videopage_additional_links:hover { background-color: #ebebeb; color: #d30900; } div#video_spotlight { display: block; float: right; } div#search_related { float: right; display: block; width: 243px; padding: 0px; margin: 0px; } div#related_featured_item_wrapper { display: block; float:left; width:1000px; padding: 0px; margin: 0px; } div#related_featured_item { display: block; width: 238px; height:80px; float:left; background:#f3f3f3; border: 1px solid #ccc; margin-right:10px; padding: 3px; margin-bottom: 10px; } div#related_featured_item:hover { background-color: #fff; } .others{ width:100%; background:#999; text-align:center; padding:0px 0px; height:20px; } .others a{ width:50%; display:block; float:left; height:auto !important; padding-left:0px !important; padding-right:0px !important; background:#999 !important; } .others a:hover{ background:#666 !important; } div#userbar_list_row { clear: all; float: left; display: block; padding: 3px; width: 250px; } div#userbar_list_mini_form { clear: all; float: left; display: block; padding: 3px; } div#userbar_list_row:hover { background-color: #F5F5F5; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #userbar_right_float_img { display: inline-block; float: right; } div#search_related_left { float: left; display: block; width: 85px; font-size: 11px; vertical-align: top; } div#search_related_right { float: right; display: block; width: 158x; font-size: 11px; text-align: right; vertical-align: top; font-size: 11px; color: #6A6969; font-weight: normal; } span#related_featured_header { display: block; float: left; width: 240px; clear: all; color: #333333; font-weight: bold; margin-top: 7px; margin-bottom: 4px; } div#related_featured_link { display: block; float: left; width: 240px; clear: all; color: #333333; font-weight: bold; margin-bottom: 4px; overflow: hidden; } /* Login and signup screens */ div#mini_login_small_box { width: 409px; background-color: #ebebeb; padding: 6px; color: #888787; height: 147px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div#mini_signup_small_box { width: 407px; background-color: #F5F5F5; border: 1px #E6E6E6 solid; padding: 6px; color: #888787; margin-top: 11px; } div#login_page_left_box { width: 463px; float: left; display: box; background-color: #F5F5F5; border: 1px #E6E6E6 solid; padding: 4px; } div#login_page_right_box { width: 465px; float: right; display: box; background-color: #ebebeb; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 4px; } div#signup_info_box { float: left; display: block; width: 460px; margin-top: 19px; } #login_icon { border: 0px; padding-right: 7px; } div#upload_form_fileinfo { background-color: #ebebeb; padding: 6px; width: 951px; color: #333333; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* User Profile Page styles */ div#profile_right_container { display: block; float: right; width: 235px; padding: 0px; margin: 0px; vertical-align: top; } div#user_left_floating_module_header { width: 235px; background-color: #ebebeb; padding: 6px; color: #888787; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: block; float: left; margin-top: 9px; margin-right: 9px; } div#user_right_floating_module_header { width: 235px; background-color: #ebebeb; padding: 6px; color: #888787; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: block; float: right; margin-top: 9px; } div#user_left_floating_module { width: 222px; background-color: #FFFFFF; padding: 6px; color: #888787; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: block; float: left; margin-top: 7px; } div#user_right_floating_module { } #profile_label { font-weight: bold; color: #333333; } #uprofile_playlist_label { display: inline-block; width: 135px; } div#uprofile_vdo_area { width: 428px; min-height: 486px; background-color: #ebebeb; padding: 6px; color: #888787; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: block; float: left; margin-top: 9px; padding-left: 14px; overflow: hidden; margin-right: 9px; } #user_html { color: #000000; } .uprofile_long_module { width: 951px; float: left; display: block; margin-top: 9px; } div#resultswrapper_uprofile_vdos { display: inline-block; width: 155px; margin: 0px; clear: none; text-align: left; padding: 3px; padding-top: 7px; padding-bottom: 7px; vertical-align: top; padding-left: 12px; margin-bottom: 5px; margin-top: 5px; margin-right: 19px; } div#resultswrapper_uprofile_vdos:hover { background-color: #F2F2F2; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div#resultswrapper_friendlist_uprofile { display: inline-block; width: 156px; margin: 0px; clear: none; text-align: left; padding: 3px; padding-top: 4px; padding-bottom: 4px; vertical-align: top; overflow: hidden; margin-top: 2px; padding-left: 30px; } div#resultswrapper_friendlist_uprofile:hover { background-color: #F2F2F2; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div#resultswrapper_flexible_medium_width_uprofile { display: inline-block; width: 156px; margin: 0px; clear: none; text-align: left; padding: 3px; padding-top: 4px; padding-bottom: 4px; vertical-align: top; overflow: hidden; margin-top: 2px; padding-left: 29px; } div#resultswrapper_flexible_medium_width_uprofile:hover { background-color: #F2F2F2; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #uprofile_bold_messages { font-weight: bold; font-style: italic; color: #F99B2D; } div#uprofile_bottom_modules_container { width: 953px; float: left; display: block; } div#guestbook_entries { width: 949px; float: left; display: block; padding: 0px; padding-top: 4px; margin: 0px; text-align: left; } .uprofile_gbook_entry { display: inline-block; padding: 6px; width: 100%; border-bottom: 1px #d30900 dashed; } .uprofile_gbook_entry:hover { background-color: #F5F5F5; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div#guestook_container { display: block; float: left; width: 953px; } div#msg_form_gbook { display: block; float: left; width: 953px; } /* Private messaging and tabular data */ #message_view_ajax { width: 100%; display: block; float: left; } .messages_table tr:hover { background-color: #DFE7F4; } #messages_table_header { text-decoration: none; background-color: #d30900; color: #ebebeb; padding: 2px; } .messages_table_header: hover { background-color: #d30900; } .messages_table td { padding: 3px; } #messages_tr_perm_background { background-color: #E8EEF6; } div#close_button_view_msg_left_align { display: block; float: left; background: url(img/close_button.png) top center no-repeat; width: 21px; height: 21px; cursor: pointer; clear: all; margin-bottom: 7px; margin-top: -7px; } div#close_button_view_msg_left_align:hover { background: url(img/close_button_hover.png) top center no-repeat; } /* Channel Home-page styles */ div#player_area_container { float: left; display: block; width: 947px; background-color: #ebebeb; padding: 6px; color: #888787; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 7px; } div#channinfo_area_container { float: left; display: block; width: 963px; padding: 0px; color: #888787; margin-bottom: 7px; } div#player_area_left_block { display: block; float: left; width: 640px; height: 386px; overflow: hidden; text-align: left; vertical-align: middle; padding-left: 26px; } div#player_area_right_block { display: block; float: right; width: 220px; height: 378px; overflow: hidden; background-color: #F5F5F5; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 4px; text-align: left; padding-right: 19px; } div#results_chann_vdo { width: 220px; padding: 0px; margin: 0px; text-align: center; vertical-align: top; padding-left: 17px; position: relative; overflow-x: hidden; overflow-y: auto; height: 350px; } div#resultswrapper_chanpage_vdos { position: relative; display: block; float: left; width: 155px; margin: 0px; clear: none; text-align: left; padding: 3px; padding-top: 7px; padding-bottom: 7px; vertical-align: top; padding-left: 12px; margin-bottom: 5px; margin-top: 5px; margin-right: 19px; clear: all; } div#resultswrapper_chanpage_vdos:hover { background-color: #ebebeb; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div#chann_home_header_link { background-color: #F5F5F5; padding: 3px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: block; float: left; width: 99%; font-weight: bold; margin-bottom: 7px; } div#chann_home_header_image { float: left; display: block; background-color: #ebebeb; padding: 13px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-right: 4px; margin-top: 15px; } div#chann_home_header_actions { float: right; display: inline; text-align: left; width: 600px; font-weight: bold; background-color: #F5F5F5; padding: 13px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-right: 4px; min-height: 90px; } .chann_forum_msg_info { text-decoration: none; background-color: #ebebeb; color: #5C5C5C; padding: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 523px; display: inline-block; } div#chann_home_forum_msg_topic, .chann_home_forum_msg_topic { float: left; display: block; text-align: left; width: 629px; font-weight: normal; background-color: #F5F5F5; padding: 13px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-right: 4px; min-height: 90px; } div#chann_home_forum_msg_image { float: left; display: block; background-color: #ebebeb; padding: 9px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-right: 9px; margin-top: -1px; margin-left: -4px; } div#chann_home_forum_msg_message { display: block; float: right; font-weight: normal; width: 531px; text-align: left; vertical-align: top; margin-top: 5px; } div#chann_home_description { float: left; display: block; font-weight: normal; font-style: italic; width: 947px; clear: all; } /* Index page styles */ div#index_left_elements_container { width: 644px; display: block; float: left; } div#index_right_elements_container { width: 290px; display: block; float: right; } #videostats, #photostats { float: left; display: block; width: 644px; text-align: left; margin-top: 15px; } div#featured_videos, div#video_guide_box, div#photo_guide_box { float: left; display: block; width: 644px; padding: 0px; margin: 0px; margin-top:-1px; text-align: left; vertical-align: top; } #videostats_label, #photostats_label { width: 100%; text-align: left; display: inline; padding: 5px; padding-bottom: 4px; color: #FFFFFF; background-color: #FD9F31; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div#featured_videos_label { text-align: left; display: block; float: left; padding: 5px; padding-bottom: 4px; color: #333; background-color: #f3f3f3; margin-top: 15px; width: 634px; font-weight: bold; border:1px solid #76B802; } div#featured_videos_container { float: left; display: block; text-align: left; vertical-align: top; margin: 0px; padding: 0px; } div#videoguide_videoinfo, div#photoguide_photoinfo { float: left; display: block; border: 1px #76b802 solid; width: 644px; margin-top: -1px; } div#resultswrapper_small { display: inline-block; width: 139px; margin: 0px; clear: none; text-align: left; padding: 3px; padding-top: 7px; padding-bottom: 7px; vertical-align: top; padding-left: 12px; margin-top: 2px; margin-bottom: 2px; margin-left: 4px; } div#resultswrapper_small:hover { background-color: #F2F2F2; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div#resultswrapper_small_invert { display: inline-block; width: 139px; margin: 0px; clear: none; text-align: left; padding: 3px; padding-top: 7px; padding-bottom: 7px; vertical-align: top; padding-left: 12px; margin-top: 2px; margin-bottom: 2px; margin-left: 4px; background-color: #F5F5F5; } div#resultswrapper_small_invert:hover { background-color: #ebebeb; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div#element_block_image_container_small { display: inline-block; width: 127px; height: 80px; border: 1px #808080 solid; padding: 1px; overflow: hidden; } div#element_block_image_trimmed_small { display: inline-block; width: 127px; height: 80px; overflow: hidden; } div#element_block_image_trimmed_small a img { border: 0px; position: relative; top: 0; left: 0; width: 139px; height: 87px; margin-top: -4px; } div#element_block_image_trimmed_photo_small { display: inline-block; width: 127px; height: 80px; overflow: hidden; background-color: #000000; } div#element_block_image_trimmed_photo_small a img { border: 0px; position: relative; top: 0; left: 0; width: 127px; height: 87px; margin-top: -4px; } div#element_block_image_trimmed_photo img { border: 0px; position: relative; top: 0; left: 0; width: 130px; height: 107px; margin-top: -8px; margin-left: 8px; } div#element_block_runtime_small { position: relative; display: inline-block; padding: 1px; top: -78px; left: 85px; display: block; width: 37px; text-align: right; margin-bottom: -31px; background-color: #000000; color: #FFFFFF; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-opacity: 0.75; opacity: 0.75; filter:alpha(opacity=75); font-size: 11px; font-weight: bold; padding-right: 2px; } .userblock{ float:left; color:#fff; } .userblock a{ color: #90DC3C; } #element_block_href_small { overflow: hidden; display: inline-block; } div#resultdetails_small { text-align: left; margin: 0px; color: #6A6969; width: 123px; clear: all; padding: 0px; padding-right: 1px; } div#vdo_oday, div#newsbox, dix#tagsbox, #topcontent, div#top_cat, div#top_chan, div#home_poll_box { display: block; float: right; width: 290px; padding: 0px; margin: 0px; } div#flash_element { float: left; display: block; width: 644px; border: 1px solid #76b802; padding:5px; overflow-x: hidden; } div#flash_element2 { float: left; display: block; width: 644px; overflow-x: hidden; } div#index_right_modules_label { text-align: left; display: block; padding: 5px; padding-bottom: 4px; color: #1F3A67; background-color: #ebebeb; -khtml-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-radius-topleft: 4px; -khtml-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-radius-topright: 4px; border-top: 3px #d30900 solid; border-left: 1px #ebebeb solid; border-right: 1px #ebebeb solid; margin-top: 25px; width: 278px; font-weight: bold; } div#editors_choice_content { float: left; display: block; width: 280px; padding: 4px; color: #727272; border-left: 1px #ebebeb solid; border-right: 1px #ebebeb solid; border-bottom: 1px #ebebeb solid; -khtml-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-radius-bottomleft: 4px; -khtml-border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-radius-bottomright: 4px; } div#editors_content_left { display: block; float: left; width: 85px; } div#editors_content_right { display: block; float: right; width: 192px; } #editors_content_descr { color: #333333; } div#trending_wrapper { width: 950px; background-color: #ebebeb; -khtml-border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; display: block; float: left; color: #515151; font-weight: bold; font-size: 13px; padding: 5px; } div#index_right_module_header_container2 { width: 290; border:1px solid #76B802; display: block; background: url(img/block-header.png) top left no-repeat; float: right; color: #333333; font-weight: bold; font-size: 13px; padding: 5px; margin-top: 8px; } .block-title{ padding:2px 0px 5px 0px; padding-left:38px; color:#fff; text-transform:uppercase; font-size:15px; } div#index_right_module_header_container3 { display: block; float: right; width:275px; color: #333333; font-weight: bold; font-size: 13px; margin-top: 5px; } div#index_right_content_2 { display: block; float: left; background-color: #FFFFFF; width: 266px; margin-top: 3px; padding: 7px; font-size: 11px; } div#top_categ_chann_row { float: left; display: block; padding: 7px; width: 252px; vertical-align: middle; color: #727272; } div#top_categ_chann_row:hover { background-color: #ebebeb; } div#cat_chann_image_left { display: block; float: left; } div#cat_chann_text_right { display: block; float: right; width: 190px; text-align: left; padding-left: 3px; } #show_more_link { padding: 4px 7px; cursor: pointer; display:-moz-inline-block; display:-moz-inline-box; display:inline-block; text-align: center; color: #d30900; font-weight: bold; } #show_more_link:hover { background-color: #ebebeb; } div#poll_result_row { float; left; display: block; width: 281px; height: 55px; overflow: hidden; text-align: left; font-style: italic; } /* Styles for the "view video", "view photo" and "read blog" pages */ div#view_media_left_container { float: left; display: block; width: 644px; text-align: left; vertical-align: top; } div#view_media_right_container { float: right; display: block; width: 305px; text-align: left; vertical-align: top; } div#media_title { text-align: left; display: block; padding: 4px; color: #000; font-size:18px; width: 630px; font-weight: bold; } div#media_content_div { float: left; display: block; width: 638px; padding: 0px; margin: 0xp; } ul#media_view_tablist { float: left; display: block; width: 630px; padding: 0px; margin: 0px; margin-top: 25px; } div#mediatabs_content1, div#mediatabs_content2, div#mediatabs_content3, div#mediatabs_content4 { float: left; display: block; width: 630px; z-index:0; position: relative; display: none; padding: 4px; text-align: left; vertical-align: top; border:1px solid #76B802; color: #999999; margin:0px; vertical-align:top; } div#video_replies { background-color: #F5F5F5; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: block; float: left; width: 632px; margin-top: 15px; padding: 4px; color: #333333; } div#comments_container { display: block; float: left; width: 638px; padding: 0px; margin: 0px; } #comments_header { background-color: #ebebeb; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 4px; display: inline-block; float: left; width: 632px; font-weight: bold; color: #333333; } #comments_header span { cursor: pointer; } div#comments_box { float: left; display: block; text-align: left; vertical-align: top; width: 640px; overflow-x: hidden; margin: 0px; padding: 0xp; } #media_share_icon { float: left; display: inline-block; width: 32px; height: 28px; text-align: center; vertical-align: middle; padding-top: 4px; } span#media_share_icon:hover { background-color: #ebebeb; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; } div#video_response_container { float: left; display: block; width: 642px; padding: 0px; margin: 0px; margin-left: -6px; } span#showhide_vreplies_container { cursor: pointer; } div#paging_vreplies { display: block; float: left; width: 630px; background-color: #F5F5F5; border-bottom: 2px #5C5C5C solid; padding: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #5C5C5C; margin: 0px; margin-top: 2px; margin-bottom: 2px; margin-left: -3px; text-align: left; } span#comment_options { float: left; display: block; margin-top: -29px; } div#paging_comments { display: block; float: left; width: 632px; background-color: #F5F5F5; border-bottom: 2px #5C5C5C solid; padding: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #5C5C5C; margin: 0px; margin-top: 2px; margin-bottom: 2px; text-align: left; } div#comments_view_container { float: left; display: block; text-align: left; vertical-align: top; width: 641px; padding: 0px; margin: 0px; overflow: hidden; } div#comments_container_inside { float: left; display: block; width: 641px; } div#comments_image { float: left; display: block; width: 34px; height: 34px; vertical-align: top; margin-top: 5px; background-color: #F5F5F5; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 4px; } div#comments_text { float: right; display: block; text-align: left; vertical-align: top; width: 594px; overflow: hidden; margin-bottom: 11px; padding: 0xp; margin: 0px; margin-top: 5px; margin-left: 5px; } div#comments_stats { float: left; display: block; text-align: left; vertical-align: top; width: 586px; overflow: hidden; margin-bottom: 11px; padding: 3px; background-color: #F5F5F5; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-weight: bold; color: #999999; } div#comments_text_replies { float: left; display: block; text-align: left; vertical-align: top; width: 541px; overflow: hidden; margin-bottom: 11px; padding: 0xp; margin: 0px; margin-top: 5px; margin-left: 4px; } div#comments_stats_replies { float: left; display: block; text-align: left; vertical-align: top; width: 533px; overflow: hidden; margin-bottom: 11px; padding: 3px; background-color: #F5F5F5; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-weight: bold; color: #999999; } div#comment_reply_link { float: right; display: block; } .comments_replies_container { width: 592px; margin-left: -3px; margin-top: -21px; float: left; display: block; padding-left: 3px; padding-top: 0px; } div#comments_replies_container_inside { width: 592px; margin-left: 48px; border-left: 3px #ebebeb solid; float: left; display: block; padding-left: 3px; padding-top: 0px; } div#new_comment_reply { float: left; display: block; margin-top: 20px; } div#media_page_right_module_wrapper { width: 305px; background: url("img/block-header.png") no-repeat scroll left top transparent; display: block; border:1px solid #76B802; float: right; color: #333333; font-weight: bold; font-size: 13px; padding: 5px; } div#media_page_right_module_container { display: block; float: left; width: 301px; margin-top: 3px; padding-left: 3px; font-weight: normal; color: #515050; } div#mediapage_user_left { float: left; display: block; width: 145px; font-size: 11px; margin-top: 5px; } div#mediapage_user_left a img { border: 0px; } div#mediapage_user_right { float: right; display: block; text-align: left; width: 150px; font-size: 11px; } div#media_user_bottom { float: left; display: block; width: 300px; padding: 3px; margin-top: 11px; } div#media_box_advanced_info { float: left; width: 300px; padding: 0px; margin: 0px; } div#media_box_separator { display: block; float: left; width: 294px; height: 1px; background-color: #ebebeb; margin-top: 7px; margin-bottom: 7px; } div#media_box_embed_info { display: block; float: left; width: 294px; } span#media_box_small_text { font-size: 11px; font-style: italic; } span#showhide_media_box_advanced_info, span#more_less_text { cursor: pointer; } #showhide_viewvideo_search_videos{ width:20px; display:block; float:left; height:10px; } #showhide_viewvideo_search_videos img{ margin-top:5px; position:absolute; } div#media_right_module_showhide_header { float: right; display: block; width: 305px; height: 20px; background-color: #ebebeb; border: 1px #ccc solid; margin-top: 15px; padding: 4px; } div#resultdetails_right_box { display: block; float: right; text-align: left; margin: 0px; color: #6A6969; width: 123px; clear: all; padding: 0px; padding-right: 1px; } div#resultswrapper_right_box { display: inline-block; width: 278px; margin: 0px; clear: none; text-align: left; padding: 3px; padding-top: 7px; vertical-align: top; padding-left: 12px; margin-top: 2px; margin-bottom: 2px; background-color: #F5F5F5; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 11px; } div#resultswrapper_right_box:hover, div#resultswrapper_right_box_selected { background-color: #ebebeb; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div#promo_videos, div#promo_photos { float: left; display: block; padding: 4px; margin: 0px; background-color: #F5F5F5; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 632px; margin-top: 15px; font-size: 11px; } div#promo_videos_container { float: left; display: block; width: 150px; padding: 4px; text-align: center; height: 100px; } div#promo_videos_container:hover { background-color: #ebebeb; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div#vresponse_notifier { float: left; display: block; width: 632px; margin-top: 15px; background-color: #ebebeb; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 4px; color: #344D8C; } div#viewvideo_search_videos, div#related1, div#related2 { display: block; width: 315px; margin: 0px; float: right; text-align: left; padding: 0px; margin: 0px; max-height: 400px; overflow-x: hidden; overflow-y: auto; } div#search_videos { display: block; width: 315px; margin: 0px; float: right; text-align: left; padding: 0px; margin: 0px; } div#viewvideo_qlist_videos, div#viewvideo_plist_videos { display: block; width: 315px; margin: 0px; float: right; text-align: left; padding: 0px; margin: 0px; max-height: 200px; overflow: auto; margin-bottom: 15px; } div#viewvideo_related_header { font-size: 12px; font-weight: bold; padding: 0px; margin: 0px; text-align: left; width: 315px; display: block; float: left; } div#plist_col1 { display: block; float: left; width: 15px; height: 41px; margin-left: 5px; overflow: hidden; font-size: 14px; color: #6A6969; } div#plist_col2 { float: left; display: block; width: 55px; height: 41px; margin-left: 5px; overflow: hidden; font-size: 11px; color: #6A6969; } div#plist_col3 { float: left; display: block; width: 148px; height: 41px; margin-left: 5px; overflow: hidden; font-size: 11px; color: #6A6969; } #element_block_href_plist { display: inline-block; width: 148px; overflow: hidden; } div#plist_col4 { float: right; display: block; height: 41px; margin-left: 5px; overflow: hidden; font-size: 11px; color: #6A6969; } div#plist_box { display: inline-block; width: 288px; margin: 0px; text-align: left; padding: 3px; vertical-align: top; background-color: #F5F5F5; font-size: 11px; color: #6A6969; cursor: pointer; } div#plist_box:hover, div#plist_box_selected { display: inline-block; width: 288px; margin: 0px; text-align: left; padding: 3px; vertical-align: top; background-color: #ebebeb; font-size: 11px; color: #6A6969; } div#plist_box_selected { display: inline-block; width: 286px; margin: 0px; text-align: left; padding: 3px; vertical-align: top; background-color: #ebebeb; font-size: 11px; color: #6A6969; border: 1px #333333 solid; cursor: pointer; } div#album_photos { float: left; display: block; padding: 0px; margin: 0px; width: 958px; margin-bottom: 15px; } /* Styles for the "view photo" page Album Gallery (JQuery "scrollable" module) */ .scrollable { position: relative; overflow: hidden; width: 876px; height: 120px; border: 1px solid #ccc; background: url(img/h300.png) repeat-x; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .scrollable .items { width: 20000em; position: absolute; clear: both; } .scrollable img { float: left; margin: 20px 5px 20px 21px; background-color: #fff; padding: 2px; border: 1px solid #ccc; cursor: pointer; width: 100px; height: 75px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .scrollable .active { border: 2px solid #000; z-index: 9999; position: relative; } .scrollable { float: left; } a.browse { background: url(img/hori_large.png) no-repeat; display: block; width: 30px; height: 30px; float: left; margin: 40px 10px; cursor: pointer; font-size: 1px; } a.right { background-position: 0 -30px; clear:right; margin-right: 0px; } a.right:hover { background-position: -30px -30px; } a.right:active { background-position: -60px -30px; } a.left { margin-left: 0px; } a.left:hover { background-position: -30px 0; } a.left:active { background-position: -60px 0; } span#album_photos_label { display: block; width: 900px; text-align: center; font-weight: bold; color: #333333; } #photo_page_url_link, #video_page_url_link { width: 251px; } #video_page_embed_link { width: 287px; } div#new_album, div#new_plist { float: left; display: block; } #leftNav { list-style-type: none; width: 200px; } #leftNav li { background-color: #fff; padding: 3px; } #leftNav li a{ padding-left:10px; } #leftNav li:hover { background-color: #d30900; color: #FFFFFF; } #leftNav li:hover > a { color: #FFFFFF; text-decoration: none; } #leftNav_selected { background-color: #f3f3f3; color: #FFFFFF; } #leftNav_selected a { color: #FFFFFF; text-decoration: none; } div#leftNavHd { background-color: #fff; color: #333; border-bottom:2px solid #d30900; font-weight: bold; width: 194px; padding: 3px; margin-top: 9px; } div#fLeft { float: left; display: block; width: 200px; } div#fRight { float: right; width: 700px; padding: 0px; margin: 0px; margin-right: -9px; } .msg_wrapper_medium { padding-right: 14px; float: left; width: 677px; text-align: left; } .resultswrapper_blog_medium { display: inline-block; width: 685px; margin: 0px; padding: 3px; clear: all; text-align: left; margin-bottom: 17px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .rightbox{ margin-top:30px; width:290px; float:right; } #random_videos{ width:290px; } #random_videos #videoguide_videoinfo{ width:290px; } #random_videos #resultswrapper_small{ width:129px; padding-left:4px; } .sort_by li ul{ display:none; margin-left:30px; } .subset{ }