/*------------------------------------------------------------------------ *=GLOBAL OVERRIDES ------------------------------------------------------------------------*/ body { background:#fff; color:#333; font: normal 75% Helvetica,Arial,sans-serif; text-align:center;} html, body, pre, code, form, div, p, blockquote, ul, li, dt, dl, dd, ol, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; } p { line-height:1.3em; margin:0 0 12px 0; } ul { list-style:none; } img { border:0; } /*=LINKS=*/ a, a:visited { text-decoration:none; color:#546060; outline:none !important; } a:hover { color:#2D3636; text-decoration:none; } a.pdf { background:url(../images/icons/icon-pdf.gif) 100% -1px no-repeat; padding-right:15px; } a.pdf-left { background:url(../images/icons/pdf-16.gif) 0 0px no-repeat; padding-left:18px; line-height: 16px; } form a { color: #338888 !important;} /*= FORM DEFAULTS. Special display info is in COMMON.CSS =*/ legend { color:#2A3636; font-size:18px; padding:0 8px; } input, textarea, select { background:#efefef; border:1px solid #aaa; color:#333; font-size:12px; font-family:"lucida grande","trebuchet ms",sans-serif; padding:2px 4px; } input.text:focus, textarea:focus { background:#ffffb4; border-color:#666; color:#000; } select { padding:1px 0; } button, input.button, submit, .submit, input.submit, #register-form input[type="submit"] { font-size:14px; background:#fff url(../images/button_bg_fade.gif) repeat-x; border:3px double #ccc; border-right-color:#999; border-bottom-color:#999; padding:5px 8px; } .register-form input { margin-bottom:10px;} button:hover, button:active, input.button:hover, input.button:active, submit:hover, input.submit:hover, input.submit:active { color:#000; cursor:pointer; outline: 0px; } .checkbox { border: 0 !important; background-color: transparent !important;} .register-username { margin: 0 0 20px 15px; padding-left: 20px; } .register-username li { list-style: circle;} /*= CLEAR and CLEARFIX =*/ .clearboth { clear:both; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-table; } /* Hides from IE-mac \*/ * html .clearfix { height:1%; } .clearfix { display:block; } /*------------------------------------------------------------------------ *=COMMON CLASSES ------------------------------------------------------------------------*/ h2.section-header { color:#536060; font-size:18px; padding:18px 10px; text-shadow:2px 2px #fff; position:relative; overflow:hidden; zoom:1; } img.img-border { background:#fff; padding:5px; border-right:1px solid #cde; border-bottom:1px solid #cde; } #survey-link { position:absolute; top:10px; left:250px; } .protected { color:#999; } .search-term { color:#338888; } .disabled-alpha { opacity:0.60; filter:alpha(opacity=60); } .hidden { display: none; } /*= notices =*/ .instruction { color:#555; font-size:11px; margin-left:5px; } .fnotice, #fcollection, #fnotice { background:#efd; font-weight:bold; border:1px solid #9d5; padding:10px; margin:10px 0 10px 30px; text-align:center; } .flashnotice { background:#ccddaa; font-size:15px; font-weight:bold; padding:15px 20px 15px 20px; text-align:center; margin: 10px auto !important; width: 90%; color: #04280d;} .empty-resultset { border: 3px solid #e3e3e3; background-color: #f1f1f1; padding: 20px 30px; font-size: 16px; text-align: center; margin: 20px; font-weight: bold; } /*------------------------------------------------------------------------ *=LAYOUT ------------------------------------------------------------------------*/ #container { text-align:left; background:#fff; margin: 0 auto; width:975px; /* fixes bg center-align bug */ } #siteframe { width:975px; margin:0 auto; position:relative; } #utils { margin:0 auto; text-align:right; position:relative; overflow:hidden;} #content { width:850px; margin:0 auto; } #main-content { overflow:visible; } #main-content.dashboard { padding: 0px 10px 10px 10px; } #ad-leaderboard { text-align: center !important; padding: 4px 0 4px 0; min-height: 90px; background: #fff url(../images/leaderboard-ad-bg.gif) 0 0 repeat-x;} #ad-leaderboard-bottom { text-align: center; margin: 0 0 4px 0; height: 90px } .ad-leaderboard-restrict {width: 768px; text-align: center; margin: auto;} .ad-leaderboard-restrict object, .ad-leaderboard-restrict embed, .ad-leaderboard-restrict iframe { height: 90px !important; overflow: hidden; } /*.ad-leaderboard-restrict-2 {width: 728px; text-align: center; margin: auto;} .ad-leaderboard-restrict-2 object, .ad-leaderboard-restrict embed, .ad-leaderboard-restrict iframe { height: 90px !important; overflow: hidden; } */ /* column styles for adding sidebar */ #column1 { width:730px; z-index: 80; float:right;} #column2 { position: relative; padding-top: 0px; } .slim-850 { width: 850px; margin: 0 auto; } /*------------------------------------------------------------------------ *=GLOBAL HEADER ------------------------------------------------------------------------*/ /*= HEADER, LOGO & NAV =*/ #header { background: #ededed url(../images/masthead-bg.gif) 0 0 repeat-x; min-width: 975px; border-bottom: 3px solid #999;} #masthead_container { width: 975px; margin-left: auto; margin-right: auto; } #logo { background:url(../images/logo.gif) 0 0 no-repeat; float: left; /*margin-top: 11px;*/ } #logo a {display:block; width:103px; height:110px; text-indent:-9999px; background:url(../images/logo.gif) 0 0 no-repeat; } #nav { float: left; margin: 5px 0 0 110px; } #nav li { float:left; text-align: center; background: transparent url(../images/nav-button-bg.gif) 50% 0 no-repeat; width: 100px; height: 34px; margin: 6px 6px 0 6px;} #nav li a { color:#fff; display:block; font-weight:bold; line-height: 30px; font-weight: bold; font-size: 15px; height: 34px; background: transparent url(../images/nav-button-bg.gif) 50% 0 no-repeat;} #nav li a:hover { color:#fff; text-decoration:none; background-position: 50% -142px; height: 34px;} #nav a.inactive-nav, #nav a.inactive-nav:hover { color: #aaa; text-decoration: none; cursor: default;} #nav .active-nav { background-position: 50% -68px; } #nav .active-nav a, #nav .active-nav a:hover { background-position: 50% -68px;} #nav .active-nav-dashboard { background-position: 50% -142px; } #nav .active-nav-dashboard a, #dashboard-nav-button a:hover { background-position: 50% -142px !important;} #upload-tools-nav { float: right; margin-top: 13px;} #upload-button { background: transparent url(../images/nav-button-bg.gif) 50% -363px no-repeat; float:left; height: 24px; width: 92px; margin-left: 8px;} #upload-button a { display:block; background: transparent url(../images/nav-button-bg.gif) 50% -363px no-repeat; font-weight: bold; padding-left: 25px; color: #fff; line-height: 24px;} #upload-button a:hover { background-position: 50% -426px;} #share-button { background: transparent url(../images/nav-button-bg.gif) 50% -230px no-repeat; float:left; height: 24px; width: 92px;} #share-button a { display:block; background: transparent url(../images/nav-button-bg.gif) 50% -230px no-repeat; font-weight: bold; text-align: center; color: #fff; line-height: 24px;} #share-button a:hover { background-position: 50% -296px;} /*= SEARCH =*/ #site-search { width: 350px; float: right; margin-top: 10px;} #search-form { padding-top: 2px;} #search-form input#searchbox { background-color:#fff; padding:2px 5px; width:180px;} #search-form input#searchbox:focus, #search-form select:focus { border: 1px solid #8cc63f;} #search-form #search_submit {height: 25px; width: 25px; background:url(../images/searchbar-go.gif) 0 2px no-repeat; border: 0; margin-left: 5px; cursor: pointer; cursor: hand;} #search-form select {background:#f3f3f3; border-top: 2px solid #bbb; border-left: 1px solid #bbb; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;} /*= LOGIN AREA =*/ #login-utils-search { margin: 15px 0 6px 0; height: 38px;} #login-area { float: left; margin: 2px 0 2px 0; text-align: left;} #logged-in-links { margin: 10px 0 0 0; line-height: 25px; float: left; } #login-area a {color: #000; font-size: 12px; font-weight: normal; line-height: 25px; text-decoration: none; font-weight: bold;} #login-area a:hover {color: #aaa; font-size: 12px; font-weight: normal; line-height: 25px; text-decoration: underline; font-weight: bold;} #login-area .register-pwforget {float: left; padding: 0; text-align: center; color: #789f3b; font-size: 11px; line-height: 25px; text-decoration: none; margin-top: 1px; font-weight: bold;} #login-area .register-pwforget:hover {color: #90b655; text-decoration: underline; font-size: 13px; } .persistent-tools { float: left; margin-top: 10px;} .persistent-tools li { float: left; background: transparent url(../images/contact-icons.gif) 0 -378px no-repeat; margin-right: 8px; padding-bottom: 6px; } .persistent-tools li.subscriber-videos { background-position: 0 -329px; margin-right: 20px !important;} .persistent-tools li a { display: block; padding-left: 28px; line-height: 22px; font-weight: bold;} .persistent-tools li.divider { background: none; margin: 0; padding: 0; line-height: 22px; font-weight: bold; color: #a1a1a1; padding-right: 8px;} #login-area ul { display: inline; list-style:none; } #login-area ul li {display:inline; margin-right:10px; } #login-area label {color: #8e8e8e; font-size: 11px; font-weight: bold;} #login-area input {width: 90px; height: 15px; border: 2px solid #c2c2c2; background-color: #fff; margin-top: 1px;} #login-area input.submit_button {width: 60px; height: 23px; border: 2px solid #c2c2c2; font-family: Helvetica,Arial,sans-serif; font-weight: bold;} #login-area input:focus { border-color: #8cc63f;} .login-form-area { float: left; margin-top: 10px;} .login-form-area form { float: left; } #utils-inner { overflow:hidden; } #utils-inner #register-area #signup_errors { text-align:left; margin:10px; } .auth { float:right; padding-right:15px; height:20px; color: #000; } .auth a, .auth a:visited, .auth a:hover { color:#000; font-size:12px; font-weight:bold; padding:0 5px; overflow:hidden; } #utils-inner #spinner { padding:0 10px; } #loginlinks a {margin: 0 5px 0 5px;} #search_on { width: 100px; } .agreement { color:#5BD !important; } /*------------------------------------------------------------------------ *=TEXT AD STYLING ------------------------------------------------------------------------*/ #ad-leaderboard iframe { margin-right: 14px;} /*------------------------------------------------------------------------ *= GLOBAL SIDEBAR BASE ------------------------------------------------------------------------*/ #sidebar { position: relative; float:left; width:200px; padding:0; z-index: 100;} #sidebar h3, #contacts-directory h3 { background-color: #514e4f; color: #fff; height: 25px; font-size: 15px; font-weight: bold; width: 200px; line-height: 25px; border: 1px solid #514e4f;} #sidebar h3 a, #sidebar h3 span, #contacts-directory h3 a , #contacts-directory h3 span {padding-left: 8px; color: #fff;} #sidebar h3 a:hover, , #contacts-directory h3 a:hover { text-decoration: none;} #sidebar h3.secondary { margin-top: 20px;} #sidebar li { position: relative; background-color: #fff; border-bottom: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3;width: 200px; zoom:1; margin: 0; } #sidebar li a { display: block; margin: 1px; font-size: 12px; font-weight: bold; color: #5a5a5a;} #sidebar #category-list li a { padding: 5px 0 5px 15px;} #sidebar li a:hover, #contacts-directory li a:hover {background-color: #e6eeed; text-decoration: none; color: #000;} #sidebar .sidebar-banner img { margin: 0 0 8px 1px;} #sidebar .cd-down-arrow a, #sidebar .cd-up-arrow a { margin: 0; } a.sb-image-link, .sb-image-li-double { position: relative; padding: 0 0 0 38px; font-size:12px; height: 38px; line-height: 38px; overflow: hidden;} a.sb-image-link img, a.sb-image-li-double img { position: absolute; top: 4px; left: 4px; height: 30px; width: 30px;} a.sb-image-link:hover { color:#000; } .sb-image-li-double { line-height: 12px; padding: 0 0 0 38px;} .sb-image-li-double .text-wrapper { padding-top: 7px;} .sb-image-li-double .text-wrapper div { font-size: 11px; font-weight: normal; color: #666; } .sb-more a { display: block; margin-top: 2px; font-weight: bold; } .sb-more { text-align: right;} #sidebar h3 span.playlists {padding: 0 4px;} /*------------------------------------------------------------------------ *=REVVER FORMS. form defauls are in Global.css under overrides. ------------------------------------------------------------------------*/ .web_form fieldset { margin:20px; padding:10px 40px 20px 40px; } .web_form div.column { clear:none; float:left; width:360px; } .web_form div { clear:both; overflow:hidden; margin:12px 0; } div.inline { clear:none; float:left; } .web_form label { color:#888; font-weight:bold; display:block; padding:5px 0 3px 0; } .web_form label.checkbox_label { display:inline; font-weight:normal; color:#333; } .web_form input.text { font-size:14px; } .web_form input.text, .web_form textarea { padding:5px; width:400px; } .web_form div.inline input.text { width:190px; } p.hint { font-size:11px; color:#999; padding:3px 0 0 2px; margin-bottom:0; } .web_form p.notice { font-size:13px; color:#333; margin:15px 0 30px 0; } .web_form .savebutton { margin:30px 0; } #register-form, #login-form-dedicated { width: 240px; } #register-form label, #login-form-dedicated label {width: 240px; display: block; color: #231f20; font-weight: bold; } #register-form input, #login-form-dedicated input { width: 200px;} #register-form input#id_member_agreement { width: auto; border: 0px; background-color: transparent; margin: 0px } #register-form input["submit"] { margin-left: 15px; } #register-column1 { width:250px; float:left; } #register-promotion { border: 1px solid #b9cfcf; position: relative; text-align: center; margin: 0 20px; width: 480px; } #register-promotion h1 { font-size: 18px; font-weight: bold; background-color: #fff; position: relative; top: -13px; width: 80%; margin: 0 auto;} #register-promotion p { text-align: left; padding: 0 10px;} #login-form input { margin: 6px 0;} #login-form label { margin-top: 15px;} #forgot-password { margin: 15px 0;} #forgot-password label { font-weight: bold; margin: 0 20px; } #forgot-password .text { width: 200px; margin-right: 40px;} .errorlist li { font-weight: bold; color: #f00; font-size: 110%; margin: 4px 0; } /*------------------------------------------------------------------------ *=MISC ------------------------------------------------------------------------*/ #page-content, .page-content { background:white; padding: 0px 10px 10px 10px; clear: both; overflow:hidden; zoom:1; text-align: left; } .monkey-bubble { background: transparent url(../images/monkey-bubble.gif) 0 0 no-repeat; width: 799px; height: 233px;} .monkey-bubble h2 { color: #536060; padding: 30px 0 0 20px; font-size: 16px; background-color: transparent !important;} .green { color:#7b3;} .notice { background:#fefeb7; border:1px solid #f8e081; color:#876c01; display:block; margin-bottom:10px; padding:10px 10px 8px 10px; text-align:center; } .boxed-browse { border: 1px solid #d3d3d3; text-align: center; border-width: 0px 1px 1px 1px;} .dashboard .boxed-browse { border-color: #a9c17d; text-align: left;} /* CONFIRM OPTIONS PAGE */ .confirm-options { text-align: center; margin-top: 40px;} .confirm-options a { display: inline; margin-right: 20px;} .confirm-options form { display: inline;} .page-feedback-title { margin: 35px 0 15px 0; font-size: 18px;} .page-feedback-form label { width: auto !important; font-weight: bold; } .page-feedback-form th { width: 130px; } .page-feedback-form td ul li { float: left; } .feedback-need-support { margin-top: 30px; margin-left: 284px; border: 1px solid #e4eb74; background-color: #f4f2af; padding: 20px; font-size: 1.2em;} .feedback-need-support a { color: #23b834 !important; font-weight: bold;} .not-support { border: 1px solid #e4eb74; background-color: #f4f2af; padding: 10px; margin-top: 10px; margin-left: 137px; font-size: 1.2em;} #contactForm #id_name { margin-bottom: 0 !important;} #id_rating_0, #id_rating_1, #id_rating_2, #id_rating_3, #id_rating_4 { border: none !important; background-color: transparent !important;} /*------------------------------------------------------------------------ *=MASTHEAD ------------------------------------------------------------------------*/ #masthead { color:#333; padding:18px 25px 18px 25px; zoom:1;} #masthead #page-info { float:left; padding:5px 0 0 15px; width:400px !important; overflow: hidden;} #masthead h1.pagetitle, #masthead-simple h1.pagetitle { font-size:24px; font-weight: bold; color:#231F20; margin: 0 0 0 20px; line-height: 49px; } #masthead-ad-simple h1.pagetitle-narrow { font-size:20px; font-weight: bold; color:#231F20; margin-right: 10px; margin-left: 10px; line-height: 49px; } #masthead h1.pagetitle a { font-size: 80%;} #masthead-simple { color:#231F20; height: 49px; background: #e2ecf8 url(../images/header-bg.gif) 0 0 repeat-x; margin: 15px 0; overflow: hidden;} #masthead-ad-simple { color:#231F20; float:left; height: 90px; background: #e2ecf8 url(../images/header-bg.gif) 0 0 repeat-x; width: 180px; overflow: hidden; } #masthead-tight { background: transparent; padding: 10px 0 6px 0; overflow: hidden; border-bottom: 2px solid #e4e4e4; } #masthead-tight h1.pagetitle { font-size:24px; font-weight: bold; color:#231F20; float: left; } #masthead .pageimage { height:100px; } #masthead .tagline { font-weight:bold; font-size:110%; width: 400px; } #masthead .desc { color:#231F20; font-size:92%; margin-top:8px; line-height:120%; width: 400px;} #masthead .preview { float:left; } #masthead a { color:#546060;} #masthead a:hover { color:#2D3636;} .tagline, .desc { margin:0 0 5px 0; color: #231F20;} .dashboard #masthead-simple { background: #273e16 url(../images/header-bg-dashboard.gif) 0 0 repeat-x !important; margin-top: 2px !important;} .dashboard #masthead-simple h1.pagetitle { color: #fff; } /*= HEADER TOOLS */ #header-tools { float:right; font-size:92%; font-weight:bold; letter-spacing:100%; width:180px; z-index:1; } #header-tools li { padding-bottom:3px; } #header-tools a { background: transparent url(../images/contact-icons.gif) 0 -191px no-repeat; color:#333; display:block; padding:5px 0 5px 28px; } #header-tools a.subscribe { background: transparent url(../images/contact-icons.gif) 0 -191px no-repeat; } #header-tools a.grab { background-image:url(../images/icons/plugin.gif); } #header-tools a.save { background-image:url(../images/icons/save-disk.gif); } #header-tools a.edit { background-image:url(../images/icons/pencil.gif); } #header-tools a.user { background-image:url(../images/icons/user_orange.gif); } #header-tools a.delete { background-image:url(../images/icons/save-disk.gif); } /*= SUBSCRIBE DROPDOWN BUTTON */ #sfnav a { display:block; } #sfnav li { /* all list items */ position:relative; width:180px; padding-bottom:0; zoome: 1; /* width needed or else Opera goes nuts */ } #sfnav li ul { /* second-level lists */ float:left; padding:5px 0 4px 4px; } #sfnav #lists { display:none; position:absolute; left: -1px; background:#fff; border:1px solid #ddd; border-width:0 1px 1px 1px; width:180px; z-index: 500 !important; } #sfnav li ul li { /* second-level list items */ width:84px; } #sfnav li ul li a { font-weight:normal; font-size:11px; background:none; padding:1px 2px; margin:1px 0; width:80px; height:17px; line-height:17px; } #sfnav li ul li a:hover { background:yellow; } #sfnav .sfitem:hover, #sfnav li.sfhover { background:#efefef; border:1px solid #ddd; } #sfnav .sfitem:hover #lists, #sfnav li.sfhover #lists { display:block; } /*------------------------------------------------------------------------ *=PUBLIC SORT BAR ------------------------------------------------------------------------*/ #public-sort-bar ul { position: relative; z-index: 2; background:url(../images/nav-bg.gif) repeat-x; height: 36px; padding-left: 25px; margin-bottom: 8px;} #public-sort-bar ul li { float:left; padding-top: 2px; height: 36px; margin: 0 2px 0 2px; line-height: 34px; } #public-sort-bar ul li.active, #public-sort-bar ul li.desc, #public-sort-bar ul li.asc { background: transparent url(../images/public-sort-bar-active.gif) no-repeat; background-position: top left; } #public-sort-bar ul li.asc {background-position: -195px 0; } #public-sort-bar ul li a { display:block; float:left; padding:0 8px 0 8px; color: #546060; font-weight: bold; } #public-sort-bar ul li.active a, #public-sort-bar ul li.desc a, #public-sort-bar ul li.asc a { color: #231F20; padding:0 13px 0 40px;} #public-sort-bar ul li a:hover{ color:#333 !important; text-decoration:none; } #public-sort-bar .sort-label { margin-right: 10px;} /*------------------------------------------------------------------------ *=VIDEO ITEM DISPLAY ------------------------------------------------------------------------*/ .video { color:#555; position:relative; width:140px; height:184px; text-align: left;} .video .thumb { width:120px; margin: 0 10px 6px 10px;} .video h3 { font-size:94%; line-height:115%; margin:7px 0px 0px 6px; width:120px; margin: 0 10px; overflow: hidden;} .video .meta { margin:1px 6px; font-size:92%; margin: 0 10px;} .video .meta a { font-weight:bold; color:#333; } .video .duration { position:absolute; right:7px; top:120px; font-weight:bold; color:#fff; text-shadow:2px 2px #333; font-size:92%; } .video .age-rating { position:absolute; left:14px; top:77px; font-size:1px; text-indent:-2000em; width:31px; height:12px; } /*VIDEO LISTS / VIDEO STRIPS */ .video-list { margin: 0 2px 0 15px; padding:0; overflow:hidden; zoom:1; width: 700px;} .video-list ul { padding:0; margin:0; zoom:1; } .video-list li { overflow:hidden; float:left; padding:0 0px 10px 0px; } .video-list .video-list-nonlink { cursor: default; color: #000; } .video-list .video-list-nonlink:hover { text-decoration: none;} .dashboard .video-list { margin: 0; text-align: center; } .widget h2 { background-color: #9FFF0F; font-size:20px; height: 30px; position:relative; margin-bottom: 10px; } .widget h2 div { padding: 2px 0 0 10px; line-height: 30px; color: #231F20;} .widget a.more { line-height:19px; padding:0px 7px 0 5px; font-size:12px; } .featured-category-widget h2 { background-color: transparent;} .featured-category-widget h2 div { padding-left: 0px;} /* WIDGET */ .jcarousel-container { position: relative;} .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;} .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;} .jcarousel-item { float: left; list-style: none; width: 120px; height: 160px; padding:10px} /* We set the width/height explicitly. No width/height causes infinite loops. */ .jcarousel-item_ep { float: left; list-style: none; width: 120px; height: 185px; padding:10px} .jcarousel-next { z-index: 3; display: none;} .jcarousel-prev { z-index: 3; display: none;} .vidstrip-video-horizontal { color:#555; position:relative; width:126; height:110px; } .vidstrip-video-horizontal .widget-thumb { background:#dbe3e3; padding:0px;} .vidstrip-video-horizontal h3 { font-size:11px; line-height:13px; margin:5px 0 0 0; height: 26px; overflow: hidden; width: 120px; } .vidstrip-video-horizontal h3 a { color:#388; } .vidstrip-video-horizontal .meta { margin:1px 1px; font-size:92%; position: relative; } .vidstrip-video-horizontal .meta a { font-weight:bold; color:#333; } .vidstrip-video-horizontal .duration { position:absolute; right:12px; top:76px; font-weight:bold; color:#fff; font-size:92%; display: none; } .vidstrip-video-horizontal .age-rating { position:absolute; left:3px; top:77px; font-size:1px; text-indent:-2000em; width:31px; height:12px; } .revver-vidstrip li { padding: 0 4px 0 3px; } /* 5 THUMB WIDGET */ .jcarousel-skin-tango.jcarousel-container {} .widget-5thumbs { width: 730px; overflow: hidden; margin-right: 0; padding-right: 0px;} .widget-5thumbs .revver-vidstrip li { padding: 0 7px 0 7px; } .widget-5thumbs .jcarousel-skin-tango.jcarousel-container-horizontal { width: 691px; padding: 0 25px 0 23px; margin-bottom: 20px; } .widget-5thumbs .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 691px; height: 150px;} .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 3px; } .jcarousel-skin-tango .jcarousel-item { width: 120px; height: 150px;} .revver-vidstrip .jcarousel-item-placeholder {background: transparent url(../images/loading-small.gif) 50% 50% no-repeat;} /* 4 THUMB WIDGET */ .widget-4thumb .jcarousel-skin-tango.jcarousel-container-horizontal { width: 558px; padding: 0 25px 0 27px; margin-bottom: 20px; } .widget-4thumb .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 558px; height: 150px;} .widget-4thumb .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 3px; } .widget-4thumb .jcarousel-skin-tango .jcarousel-item { width: 130px; height: 150px;} .widget-4thumb .revver-vidstrip .jcarousel-item-placeholder {background: transparent url(../images/loading-small.gif) 50% 50% no-repeat;} /* Horizontal Widget Buttons */ .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 0px; right: 10px; width: 22px; height: 150px; cursor: pointer;background: transparent url(../images/widget_right1.gif) no-repeat 0 0;} .jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -23px 0 !important; background-repeat: no-repeat;} .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -46px 0 !important; background-repeat: no-repeat;} .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -69px 0 !important; background-repeat: no-repeat;} .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 0px; left: 0px; width: 22px; height: 150px; cursor: pointer; background: transparent url(../images/widget_left1.gif) no-repeat 0 0;} .jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position: -23px 0 !important;} .jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position: -46px 0 !important;} .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: -69px 0 !important; background-repeat: no-repeat;} /* White Widget Buttons Widget - featured category */ .featured-category-widget .jcarousel-skin-tango .jcarousel-next-horizontal { width: 29px; background: transparent url(../images/widget_white_right.gif) no-repeat 0 0;} .featured-category-widget .jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -30px 0 !important; } .featured-category-widget .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -60px 0 !important; } .featured-category-widget .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .featured-category-widget .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .featured-category-widget .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -90px 0 !important;} .featured-category-widget .jcarousel-skin-tango .jcarousel-prev-horizontal { width: 29px; background: transparent url(../images/widget_white_left.gif) no-repeat 0 0;} .featured-category-widget .jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position: -30px 0 !important;} .featured-category-widget .jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position: -60px 0 !important;} .featured-category-widget .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .featured-category-widget .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .featured-category-widget .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: -90px 0 !important;} .featured-category-widget .widget-5thumbs .revver-vidstrip li { padding: 0 6px 0 6px; } .featured-category-widget .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 677px; height: 136px; margin-left: 4px;} /* VIDEO RESPONSE WIDGET */ #video-responses .jcarousel-skin-tango.jcarousel-container-horizontal { width: 429px; padding: 0 31px 0 30px; margin-bottom: 0px; } #video-responses .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 429px; height: 104px;} #video-responses .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 0px; right: 10px; width: 22px; height: 104px; cursor: pointer;background: transparent url(../images/widget-responses-right.gif) no-repeat 0 0;} #video-responses .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 0px; left: 0px; width: 22px; height: 104px; cursor: pointer; background: transparent url(../images/widget-responses-left.gif) no-repeat 0 0;} #video-responses .jcarousel-skin-tango .jcarousel-item, #video-responses .jcarousel-skin-tango .jcarousel-item-horizontal { width: 105px; height: 104px; padding: 0;} #video-responses .jcarousel-skin-tango .vidstrip-video-horizontal h3 { width: 94px;} #video-responses .jcarousel-skin-tango .jcarousel-item .widget-thumb { height: 73px; width: 98px;} #video-responses .jcarousel-skin-tango .jcarousel-item .age-rating { top:60px !important;} /* MORE FROM THIS USER WIDGET */ #user-more-widget { width: 810px; overflow: hidden; margin-right: 0; padding-right: 0px;} #user-more-widget .jcarousel-skin-tango.jcarousel-container-horizontal { width: 748px; padding: 0 31px 0 30px; margin-bottom: 0px; } #user-more-widget .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 748px; height: 150px;} #user-more-widget .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 0px; right: 0px;} #user-more-widget .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 0px; left: 0px; } #user-more-widget .jcarousel-skin-tango .jcarousel-item { width: 115px; height: 150px;} #user-more-widget .jcarousel-skin-tango .jcarousel-item-horizontal { } .age-rating-1 { } .age-rating-2 { } .age-rating-3 { background:url(../images/age-rating-13.gif) no-repeat; } .age-rating-4 { background:url(../images/age-rating-17.gif) no-repeat; } .age-rating-5 { background:url(../images/age-rating-17.gif) no-repeat; } #age-check { text-align:center; background:#fff; height:450px; } #age-check #age-check-msg { padding-top:150px; font-size:16px; line-height:22px; } #age-check #age-check-yes { display:block; width:80px; margin:20px auto 10px auto; font-size:14px; background:#ddd; padding:0 14px; line-height:24px; cursor:pointer; } #age-check #age-check-yes:hover { color:#000; background:#ededed; } .body-detail #primary { position:relative; } /*------------------------------------------------------------------------ *=WORDPRESS PAGE ------------------------------------------------------------------------*/ #wp-main h1 { height:250px; background:url(../images/wp-masthead.gif) center top no-repeat; text-indent:-2000em; } #wp-main #top-section { overflow:hidden; zoom:1; margin-bottom:40px; } #wp-main #top-section .column1 { float:left; width:580px; } #wp-main #top-section .column1 h2 { margin-bottom:15px; } #wp-main #top-section .column1 .wp-partners p {text-align: center;} #wp-main #top-section .column2 { float:right; width:327px; } #wp-main #big-download-link { position:relative; display:block; width:327px; height:88px; background:url(../images/wp-download-button.gif) no-repeat; } #wp-main #big-download-link a.dl-link { color:#333; font-size:17px; font-weight: bold; text-transform:uppercase; position:absolute; top:17px; left:130px;cursor: pointer; cursor: hand; text-decoration: none; } #wp-main #big-download-link a.dl-link2 { color:#333; font-size:17px; font-weight: bold; text-transform:uppercase; position:absolute; top:40px; left:130px;cursor: pointer; cursor: hand; text-decoration: none; } #wp-main #big-download-link a:hover { color: #6e9934; } #wp-main #big-download-link p { color:#666; font-size:11px; line-height:13px; width:170px; position:absolute; top:65px; left:130px; } #wp-main #top-section ul li h3 a { color: #231F20; } #wp-main #top-section ul li h3 a:hover { color: #A3A5A8; } #wp-main #top-section .column2 ul { margin:15px 0; } #wp-main #top-section .column2 li { padding:5px 20px 0 20px; background:url(../images/wp-ul-bullet.gif) no-repeat; background-position: 0px 4px; } #wp-main #bottom-section { padding-left: 76px; } #wp-main #bottom-section div { color:#fff; float:left; width:391px; height:415px; background:url(../images/wp-block1.gif) no-repeat; } #wp-main #bottom-section div.even { margin-left: 20px; } #wp-main #bottom-section h3 { font-size:16px; font-weight:normal; padding:18px 0 0 10px; margin-bottom:210px; } #wp-main #bottom-section p { padding:0 12px;} #wp-main #bottom-section a { color:#a5b9c4; font-weight:bold; } #wp-main #bottom-section div#block2 { background-image:url(../images/wp-block2.gif); } #wp-main #bottom-section div#block3 { background-image:url(../images/wp-block3.gif); } #wp-main #bottom-section div#block4 { background-image:url(../images/wp-block4.gif); } #wp-main #bottom-section div#block5 { background-image:url(../images/wp-block5.gif); } #wp-main #bottom-section div#block6 { background-image:url(../images/wp-block6.gif); } #new-installs { float: left; padding: 20px 20px; width: 410px; } #wp-upgraders { margin-left: 500px; padding: 20px 20px 20px 0; } #wp-quickstart h2 { padding: 5px 0; font-size: 20px;} #wp-quickstart h3 { font-size: 16px;} #wp-quickstart li { margin-left: 20px; padding-left: 10px; } #wp-quickstart pre { font-size: 12px; margin-bottom: 10px; } /*------------------------------------------------------------------------ *=FLASH API ANNOUNCEMENT AND COMPETITION ------------------------------------------------------------------------*/ #flapi-masthead { height:315px; background:url(../images/flash-api-masthead.jpg) center top no-repeat; text-indent:-2000em; margin: 15px 0; } #flapi-main #top-section { overflow:hidden; zoom:1; margin-bottom:40px; } #flapi-main #top-section .column1 { float:left; width:580px; } #flapi-main #top-section .column1 h2 { margin-bottom:15px; } #flapi-main #top-section .column1 .wp-partners p {text-align: center;} #flapi-main #top-section .column2 { float:right; width:327px; } #flapi-main h1 { font-size: 22px; } #flapi-main h2.subsection { font-size: 19px; margin: 40px 0 0 0; } #flapi-main p { font-size: 1.2em; } #flapi-main .column2 p { font-size: 1em; } #flapi-main a { color: #6e9934; font-weight: bold;} #flapi-main #big-download-link { position:relative; display:block; width:325px; height:68px; border: 1px solid #ccc; background:url(../images/icons/download-package.gif) 5px 5px no-repeat; } #flapi-main #big-download-link a.dl-link { display: block; padding: 10px 0 0 70px; color:#333; font-size:16px; font-weight: bold; text-transform:uppercase; cursor: pointer; cursor: hand; text-decoration: none; } #flapi-main #big-download-link a:hover { color: #6e9934; } #flapi-main #big-download-link p { color:#666; font-size:11px; line-height:13px; position:absolute; top:50px; right:10px; } #flapi-main #top-section ul li h3 a { color: #231F20; } #flapi-main #top-section ul li h3 a:hover { color: #A3A5A8; } #flapi-main dl { margin-bottom: 15px;} #flapi-main dt { width: 180px; float: left; font-weight: bold; font-size: 13px; } #flapi-main dd { float: left; width: 400px;} #flapi-main #top-section .column2 ul { margin:15px 0; } #flapi-main #top-section .column2 li { padding:5px 20px 0 20px; background:url(../images/wp-ul-bullet.gif) no-repeat; background-position: 0px 4px; } #flapi-main #bottom-section { padding-left: 76px; } #flapi-main #bottom-section div { color:#fff; float:left; width:391px; height:415px; background:url(../images/wp-block1.gif) no-repeat; } #flapi-main #bottom-section div.even { margin-left: 20px; } #flapi-main #bottom-section h3 { font-size:16px; font-weight:normal; padding:18px 0 0 10px; margin-bottom:210px; } #flapi-main #bottom-section p { padding:0 12px;} #flapi-main #bottom-section a { color:#a5b9c4; font-weight:bold; } #flapi-main #bottom-section div#block2 { background-image:url(../images/wp-block2.gif); } #flapi-main #bottom-section div#block3 { background-image:url(../images/wp-block3.gif); } #flapi-main #bottom-section div#block4 { background-image:url(../images/wp-block4.gif); } #flapi-main #bottom-section div#block5 { background-image:url(../images/wp-block5.gif); } #flapi-main #bottom-section div#block6 { background-image:url(../images/wp-block6.gif); } /*------------------------------------------------------------------------ *=WIDGET LIGHTBOX ------------------------------------------------------------------------*/ .grab-widget { text-align:left !important; padding:0px; background-color: #fff !important; height: inherit !important;} .grab-widget textarea { border:1px solid #ccc; background:#eee; height: 140px; margin: 0; } .grab-widget p { margin-bottom:10px; } .grab-widget h3 { margin-top: 0px; margin-bottom:5px; } .grab-widget h4 { margin-top: 15px; font-size: 15px; } .grab-widget h2 { font-size:18px; margin: 30px 0 20px 0; background: transparent url(../images/nav-bg.gif) repeat-x; line-height: 40px; padding-left: 18px;} .grab-widget .wgt-main { float:left; margin-left: 20px; width:400px; } .grab-widget .widget-code { font-size:11px; width:380px; height:180px; } .grab-widget .coll-preview { float:left; margin-right:10px; margin-top:-10px; } .wgt-note { position:relative; margin-left:430px; margin-right: 20px; } .wgt-note div { background-color: #e8f0ef; padding: 5px; margin-top: 15px;} .wgt-note div h3 { font-size: 14px; margin: 5px 0; } .wgt-note div p { padding: 10px;} .grab-widget .close-lightbox { position: absolute; top: 4px; right: 15px; cursor: pointer; cursor: hand;} /*------------------------------------------------------------------------ *=LISTING ------------------------------------------------------------------------*/ /*= SORT BUTTONS =*/ #sort { height:25px; overflow:hidden; } #sort ul { display:inline; height:25px; float: left; } #sort li { float:left; height: 18px; margin:0 5px; background:transparent url(../images/sort-right.gif) right top no-repeat !important; } #sort li a { display:block; text-decoration:none; padding: 0 18px 0 24px; line-height: 18px; color:#333; text-shadow:2px 2px #fff; font-weight:bold; background:transparent url(../images/sort-left.gif) left top no-repeat !important; } #sort li a:hover { color:#000; } #sort li.desc a, #sort li.asc a {color:#69803a; background:transparent url(../images/sort-left-active.gif) left top no-repeat !important; } #sort li.asc a { background-position: 0 -18px !important;} #sort li.desc, #sort li.asc { background:transparent url(../images/sort-right-active.gif) right top no-repeat !important; } /*= PAGINATION =*/ .paging { color:#bbb; font-size:92%; font-weight:bold; text-align:center; padding:2px 0 2px 0; } .paging li { display:inline; line-height:30px; margin:0 2px; } .paging li a { border:1px solid #a0a6a6; color:#536060; padding:6px 6px 5px 6px; } .paging li a:hover, .paging li a.current { background:#b6cdcc; color:#333; border:1px solid #333; text-decoration:none; } .paging span.ellipses { margin:0 3px; } .paging-label { font-weight:normal; margin-top:5px; } /*= PAGINATION =*/ .dashboard .paging { text-align: center !imporant; } .dashboard .paging ul { text-align: center !imporant; } .dashboard .paging ul.pagination li { display:inline; float: none; line-height:30px; margin: 0; padding: 0 2px 0 2px; } .dashboard .paging li a { border:1px solid #bdb79a; color:#5b5536; padding:6px 6px 5px 6px; } .dashboard .paging li a:hover { background:#d7e3c4; color:#5b5536; border:1px solid #bdb79a; text-decoration:none; } .dashboard .paging li a.current { background-color: #ebe9de; border-width: 0px; cursor: default;} .paging span.ellipses { margin:0 3px; } .paging-label { font-weight:normal; margin-top:5px; } /*------------------------------------------------------------------------ *= GLOBAL FOOTER ------------------------------------------------------------------------*/ .feedback-button-wrapper { margin: 20px 0; text-align: right;} #footer { background:#e1e1e1 url(../images/footer-shadow.gif) 0 0 repeat-x; font-size:92%; position:relative; width: 100%; border-top: 8px solid #999; min-width: 975px;} #footer #copyright { right:25px; top:60px; color:#324040; } #footer dl { float: left; margin: 24px 8px 40px 0; padding: 0 8px 0 8px;} #footer dl.last-dl { border-right: 0px;} #footer dl dt {font-size: 16px; color: #4f4f4f; font-weight: bold; padding-bottom: 4px;} #footer dl dd { margin: 4px 0 4px 2px;} #footer dl dd a {font-size: 13px; color: #777; font-weight: normal; margin-left: 0px; } #footer .footer-container { text-align:left; margin: 0 auto; width:975px; height: 150px;} .footer-monkey {text-align:left; margin: 0 auto; width:975px; height: 35px; background: transparent url(../images/revver-monkey.gif) 650px bottom no-repeat; } /*------------------------------------------------------------------------ *=EDIT PROFILE ------------------------------------------------------------------------*/ #change_pw_panel { margin-top:20px; } #change_pw_panel .inline { margin-top:0; margin-bottom:0; } .errorExplanation { margin:1em 0; border:2px solid red; padding:5px; } .errorExplanation h2 { font-size:120% !important; padding-bottom:10px; } .errorExplanation li { list-style:circle inside; } #desc { height:100px; } /*------------------------------------------------------------------------ *=HOMEPAGE ------------------------------------------------------------------------*/ /*= HOMEPAGE MASTHEAD INTRO =*/ #site-intro { padding:10px 0px 5px 0px; margin:0 1px 5px 1px; overflow:hidden; zoom:1; } #featured-video { float:right; width:360px; padding: 0; padding-right: 50px; } #vod-player {height: 294px; width: 360px; margin-top: 3px;} #featured-meta { padding:0px 5px 0 0; } #featured-meta p a { font-weight:bold; color:#000; } #featured-meta h2 { font-size:17px; } #featured-meta .meta { font-size:12px; margin-top: 20px; } #featured-meta .meta-owner, #home-feature .feature-list-meta .meta-owner {font-size: 16px; color: #536060; font-weight: bold; margin-left: 3px;} #featured-meta .meta-owner-avatar {float: left; display: block; margin-right: 5px;} #featured-meta .meta .meta-add-contact {font-size: 11px; color: #536060; } #featured-meta .meta a:hover {text-decoration: none; color: #000;} #featured-meta h2 a:hover { text-decoration: none; color: #536060;} #home-feature { margin-right:480px; border: 1px solid #d9d9d9; width: 488px; background-color: #fff; } #home-feature h2 { background-color: #9FFF0F; color: #536060; font-size:13px; font-weight: bold; padding: 8px 0 5px 0;} #home-feature h2 span {margin-left: 8px;} #home-feature p { color:#231F20; font-size:110%; line-height:110%;} #home-feature ul li { background-color: #fff; position: relative; display: block; height: 111px; padding: 0px 5px; margin: 0; border-top: 1px solid #b6cdcc; text-align: left;} #home-feature ul li.last {border-bottom: 0px;} #home-feature .feature-list-thumb {position: absolute; top: 14px; left: 5px;} #home-feature .feature-list-meta { position: absolute; top: 14px; left: 130px; font-size: 11px; height: 90px; line-height: 170%; width: 340px; overflow: hidden;} #home-feature .feature-list-meta h3 {margin-top: 1px;} #home-feature .feature-list-meta h3 a { font-size: 16px; color: #000; text-decoration: none; line-height: 100%;} #home-feature .feature-list-meta h3 a:hover, #home-feature .feature-list-meta .meta-owner:hover {text-decoration: none !important; color: #888;} #home-feature .feature-list-meta .meta-owner { font-size: 12px; line-height: 80%;} #home-feature .feature-list-meta span {font-size: 11px;} #home-feature .alt-desc {margin-top: 10px;} #homepage-content { padding:0px; zoom:1; } .home-banner { margin-top: 8px;} /*------------------------------------------------------------------------ *=USER PROFILE PAGE / ACCOUNT/SHOW PAGE ------------------------------------------------------------------------*/ .user-profile-page { margin-top: 15px;} .user-profile-page #column1 { width: 630px !important;} .user-profile-page #column2 { width: 310px !important;} .user-profile-page #column1 h2 { font-size: 14px; font-weight: bold;} .user-profile-page #column1 .video-feature { margin-left: 368px;} .collapsible { background-color: #fff; } .collapsible h2 { display: block; background-color: #e8efef; } .during-sort { border: 2px dashed #999; background-color: #eee;} .sidebar-box { border: 1px solid #d3d3d3; background-color: #f7f7f7; margin-bottom: 5px; } .account-sidebar-box { padding: 8px 4px 8px 8px;} .account-sidebar-box h1 { padding: 2px 2px; font-size: 18px; } .account-sidebar-box .account-avatar { float: left; width: 100px;} .account-sidebar-box #actions { margin-left: 108px;} .account-sidebar-box #actions a.action-link { padding: 4px 0 4px 30px; font-weight: bold; font-size: 12px; line-height: 16px; color: #333; position: relative; display: block; background: transparent url(../images/contact-icons.gif) 0 3px no-repeat; } .about-sidebar-box h2 { padding: 4px 4px 4px 10px; font-size: 16px; } .about-sidebar-box .about-content-wrapper { padding: 8px; background-color: #fff;} .user-profile-page .video-list { width: 560px !important; margin-left: 33px !important; overflow: hidden;} .user-profile-page .comment-body { background: transparent url(../images/comment-body-profile.gif) 0 0 repeat-y;} .user-profile-page .comment-body p { margin: 0; padding: 3px 0;} .user-profile-page .comment-body-top { background: transparent url(../images/comment-body-caps-profile.gif) 0 0 no-repeat;} .user-profile-page .comment-body-bottom { background: transparent url(../images/comment-body-caps-profile.gif) 0 -43px no-repeat;} .user-profile-page .child .comment-body { background: #fff url(../images/comment-child-body-profile.gif) 0 0 repeat-y !important;} .user-profile-page .child .comment-body-top { background: transparent url(../images/comment-child-caps-profile.gif) 0 0 no-repeat;} .user-profile-page .child .comment-body-bottom { background: transparent url(../images/comment-child-caps-profile.gif) 0 -43px no-repeat;} #de-friend-link { background-position: 0px -87px !important;} /*------------------------------------------------------------------------ *=WATCH PAGE ------------------------------------------------------------------------*/ #page-top { padding-top:0; clear:both; overflow:visible; } #page-bottom { padding-top: 15px; } #video-movie { float:left; width:480px; position:relative } #video-bottom-tools { position:relative; padding: 8px 5px 4px 5px; overflow:hidden; zoom:1;} #video-bottom-responses { clear: both; padding: 0; width: 480px; overflow: hidden;} #video-formats li { display:inline; float: left; } #video-formats a { background:url(../images/icons/player-options.gif) 0 0 no-repeat; float:left; line-height:18px; margin:0 5px; width: 16px; } #video-formats a.qtfmt { background-position: 0 -27px; } #video-formats a.captioning { background-position: 0 -54px;} #player_embed #loading { position:relative; top:50%; bottom:50%; font-weight:bold; text-align:center; } .star-rater { float:right; line-height:18px; text-align:right; } .rater-label, .rater-stars { float:left; } .rater-label { color:#555; font-weight:bold; font-size:11px; text-align:right; padding-right:3px; } .rater_stars { } #video-response-list { position: relative; } #video-response-list h4 { font-size:13px; line-height: 22px; height: 22px; color: #536060; position:relative; margin-bottom: 6px; padding-left: 8px; overflow: visible; border-top: 1px solid #ddd; } #video-response-list .leave-response { position: absolute; top: 0px; right: 6px; color: #536060;} .no-vr { height: 40px;} /*= VIDEO RESPONSE OPTIONS */ #vrnav { list-style: none; position: absolute; top: 0px; right: 0px; text-align: right; } #vrnav a { display:block; color: #333; padding-right: 4px; } #vrnav li { /* all list items */ position:relative; width:170px; padding-bottom:0; /* width needed or else Opera goes nuts */ } #vrnav li ul { /* second-level lists */ padding:5px 0 0px 0; } #vrnav #vrlist { display:none; position:absolute; background-color:#fff; border: 1px solid #e3e3e3; border-width: 0 1px 1px 1px; z-index: 500; right: -1px; } #vrnav li ul li { /* second-level list items */ width:170px; } #vrnav li ul li a { font-weight:bold; font-size:12px; background:none; padding:1px 4px; margin:1px 0; height:14px; line-height:14px; color: #333;} #vrnav li ul li a:hover { color: #b6cdcc; text-decoration: none; color: #999; } #vrnav .vritem { width: 170px; border: 1px solid #fff; border-width: 0 1px 0 1px; } #vrnav .vritem:hover, #vrnav li.vrhover { background-color:#f3f3f3; border: 1px solid #e3e3e3; border-width: 0 1px 0 1px; } #vrnav .vritem:hover #vrlist, #vrnav li.vrhover #vrlist { display:block; z-index: 505; } #vrnav li.vrhover #vrlist { } #response-to {border-top: 1px solid #c6d2d0; border-bottom: 1px solid #c6d2d0; margin-bottom: 8px; padding: 1px 0;} #response-to div { background-color: #e6eeee; color: #2d3636; font-size: 12px; height: 20px; line-height: 20px; padding: 0 5px;} #response-to div a { font-size: 13px; color: #231f20;} /*= COMMENTS */ #comments-list { border-top: 1px solid #ddd; } #comments-list h4 { font-size:13px; line-height: 22px; height: 22px; color: #536060; position:relative; margin-bottom: 6px; padding-left: 8px; overflow: visible;} #comments-nav { list-style: none; position: absolute; top: 0px; right: 1px; text-align: right; } #comments-nav li { border: 1px solid #fff; border-width: 0 1px 0 1px; } .comment-voting { height: 10px;} .comment { border: 1px solid #a6c3c4; background-color: #e7efed; margin-top: 8px; } .child { padding-left: 40px; margin-top: 0px; border-width: 0px 1px 1px 1px;} .comment-body { background: transparent url(../images/comment-body.gif) 0 0 repeat-y; margin: 0 5px; padding: 0 10px; overflow: hidden;} .comment-body p { margin: 0; padding: 3px 0;} .comment-body-top { background: transparent url(../images/comment-body-caps.gif) 0 0 no-repeat; height: 15px; margin: 0 5px;} .comment-body-bottom { background: transparent url(../images/comment-body-caps.gif) 0 -43px no-repeat; height: 27px; margin: 0 5px;} .child .comment-body { background: #fff url(../images/comment-child-body.gif) 0 0 repeat-y; margin: 0 5px; padding: 0px 10px; overflow: hidden; } .child .comment-body-top { background: transparent url(../images/comment-child-body-caps.gif) 0 0 no-repeat; height: 15px; margin: 0 5px;} .child .comment-body-bottom { background: transparent url(../images/comment-child-body-caps.gif) 0 -43px no-repeat; height: 27px; margin: 0 5px;} .deleted { background-color: #e4e8e7;} .deleted p, .spam-notice { line-height: 30px; margin: 0 0 0 15px; color: #333; font-weight: bold;} .spam { opacity:0.50; filter:alpha(opacity=50); } .disabled-comments { padding: 4px 8px; border: 1px solid #e1e1e1; border-width: 1px 0 1px 0; margin: 5px 0; background-color: #f6f6f6; text-align: center; font-weight: bold; font-size: 13px; } .comment-owner-actions { position: relative; height: 26px; padding-left: 8px;} .comment-owner-actions .owner-date { display: inline; position: relative; top: -4px; } .comment-owner-actions .comment-owner { font-size: 13px; font-weight: bold; color #506060; } .comment-owner-actions .date { font-size: 11px; font-weight: normal; } .comment-owner-actions ul { position: absolute; top: 2px; right: 8px;} .comment-owner-actions ul li { display: inline; float; right; padding-left: 10px;} .comment-owner-actions ul li a { font-size: 12px; font-weight: bold;} #comments-nav { list-style: none; position: absolute; top: 0px; right: 1px; padding-right: 4px; text-align: right; } #comments-nav a { display:block; color: #333; } #comments-nav li { /* all list items */ position:relative; width:180px; padding-bottom:0; /* width needed or else Opera goes nuts */ } .comment #comment-form textarea, .main-comment-form { width: 458px; height: 160px; margin: 0 5px; } .child #comment-form textarea { width: 418px; height: 160px; margin: 0 5px; } #comment-form ul { text-align: right; margin-right: 5px;} #comment-form ul li a { font-size:12px; font-weight:bold; color: #546060 !important;} #comments-list .paging-label { margin-bottom: 0px; display: none;} #comments-list .bottom-comment-pages { margin-top: 8px;} /*= WATCH PAGE - RIGHT PANE */ #video-details { position: relative; z-index: 100; color:#546060; float:right; width:445px; padding:0; line-height:1.3em; margin:0; overflow:hidden; zoom:1; } #video-details h1 { color:#231F20; font-size:20px; line-height:110%; letter-spacing:-0.01em; } #video-details .edit-link { display:block; text-align:center; background:#fefde8; border:1px solid #ccc; padding:6px 0 3px 0; margin-top:15px; margin-bottom:15px; } #video-details .more-desc { font-weight: bold !important; color: #000;} #video-details #video_description p { margin-bottom: 0px;} #video-details p#video_description { margin-bottom: 5px; clear: left; } #video-title { color:#231F20; font-size:24px; line-height:120%; letter-spacing:-0.01em; padding: 4px 0 0 0; margin-top: 2px; } p.views { margin:0 0 4px 4px; color:#000; } #moreinfo { background:#f4f4f4; font-size:12px; line-height:13px; margin:0 0 15px 0; clear: both; } #moreinfo p { border-bottom:1px solid #e1e1e1; border-top:1px solid #fff; padding:7px 3px 5px 3px; margin:0; } #moreinfolink { font-size:11px; line-height:12px; margin-top:4px; border-bottom:1px solid #ddd; display:block; padding-left:3px; } #moreinfolink:hover { border-color:#ccc; text-decoration:none; } .fullborder { border: 1px solid #e4e4e4;} .more-info { border-top: 1px solid #e4e4e4; } .more-info h3 { display: block;background: transparent url(../images/icons/share-top.gif) 6px -117px no-repeat;} .more-info a { display: block; font-size: 15px; padding: 8px 5px 8px 30px; font-weight: bold; background: transparent url(../images/icons/share-top.gif) 6px -117px no-repeat; margin-top: 1px; } .more-info a.open { background: #f1f1f1 url(../images/icons/share-top.gif) 6px -117px no-repeat; } .more-info-no-arrow { border-top:1px solid #E4E4E4; } .embed-exposed {font-size: 15px; font-weight: bold; padding: 2px 5px; margin-bottom: 0; margin-top: 5px;} .embed-exposed label { line-height: 24px; display: block; float: left; margin-top: 2px; } .embed-exposed input { width: 260px; font-weight: normal; float: left; margin-left: 10px; margin-top: 2px;} .embed-exposed .more-embeds { float: left; line-height: 26px; font-size: 12px; margin-left: 8px; margin-top: 2px; } #permalink { width: 330px;} ul#user-info { position:relative; margin: 0; overflow:hidden; } ul#user-info li { float:left; overflow:hidden; line-height:100%; } ul#user-info h2 { font-size:100%; margin:2px 0 3px 0; } ul#user-info h2 a { color:#546060; font-size: 14px; } ul#user-info h2 a:hover { color:#A3A5A8; font-size: 14px; } ul#user-info p { font-size:92%; margin: 0 0 4px 0; } ul#user-info p img { margin-top: 3px;} ul#user-info #detail-user { width: 350px;} .user-avatar-icon { float:left; display:block; margin-right: 4px; } .ad-300250 iframe { border: #e4e4e4 1px solid; padding: 5px; margin-top: 2px;} /* SHARE BOX */ #share-box { margin:5px 0 0 0; padding:0; } .share-mid { position: relative; border-left: 1px solid #b6cdcc; border-right: 1px solid #b6cdcc; padding:6px 0 5px 15px; margin:0; background: url(../images/share-exposed-grabs.gif) repeat-x; } .share-mid label { font-size:12px; font-weight:bold; color: #536060; font-style: italic; } .share-mid .permalink { font-size:10px; background:#eee; color:#555; width:210px; height:15px; overflow:hidden; position: absolute; top: 3px; right: 15px; } #share-bot { padding:8px 0; } #share-opts { padding:5px 0 5px 0px; margin:0; } #share-opts li { float:left; font-weight:bold; } #share-opts li a { color:#000; font-size: 14px; float:left; display:block; padding:5px 0 5px 26px; outline: none; } #share-opts li a:hover { color:#555; } #share-bot { padding-bottom:5px; } #share-bot ul { list-style:none; margin-left:0px; position: relative; padding-left: 55px;} #share-bot li { display:inline; margin:0 5px; } #share-bot iframe { width: 100px; height: 17px;} /*Digg's compact iframe is not compact enough, shave 20px off */ #share-download { background: url(../images/download.gif) 0 2px no-repeat; padding-left: 30px !important; font-weight: bold; color: #333;} #share-download span { font-size: 12px; color: #b8b8b8;} #exposed-embed.open { background-color: #f2f8f7; border: #e4e4e4 1px solid; border-width: 1px 1px 1px 1px; } #share-box .iconlink { letter-spacing:-0.02em; } #share-top.open { background-color: #f2f8f7; border: #e4e4e4 1px solid; border-width: 1px 1px 1px 1px; } a.sfaves { background:url(../images/icons/share-top.gif) 0 2px no-repeat; } a.sfaves-active { background-position: 0 -53px; background-repeat: no-repeat;} a.sgrab, a.semail { background:url(../images/icons/share-top.gif) 0 -120px no-repeat; } a.sgrab-active, a.semail-active {background-position: 0 -178px; background-repeat: no-repeat;} .hiddenbox { padding:10px; background:#fff; border:1px solid #e4e4e4; border-top: 0; text-align: left; } .hiddenbox label { font-weight:bold; display:block; font-size:92%; } .hiddenbox textarea { width:280px; padding:2px 3px; height:70px; } .hiddenbox input, .hiddenbox textarea, .hiddenbox select { border:1px solid #aaa; border-top: 2px solid #aaa; margin-bottom:5px; font-size:92%; width:400px; } .hiddenbox .send-to-friend { float: right; background-color: #fff; border: 0; width: 80px; text-align: right; font-size: 16px; font-weight: bold; } #send-to-friend-form label {padding: 2px 0 3px 0; width: 200px; float: left; } #send-to-friend-form p { margin-bottom: 0px; } #send-to-friend-form .errorlist li { font-size: 12px; font-weight: normal; display: inline; margin-left: 5px; padding: 2px 0; } #send-to-friend-form .errorlist { width: 120px; display: inline; float: left; } #send-to-friend-form input, #send-to-friend-form textarea { width: 400px;} #add_to_faves_form button { background-image: none; background-color: #fff; border: 0; width: 40px; height: 18px; text-align: right; font-size: 16px; font-weight: bold; padding: 0px; margin-bottom: 4px; } #grabcode label { float:left; display: inline; padding:3px 3px 3px 0; font-size: 14px;} #grabcode select {float: left; width: 160px; margin-left: 5px; } #grabcode p { padding: 5px 0;} #grabcode textarea { color:#555; font-size:10px; width:275px; overflow-x:hidden; height: 45px } #format-help { text-align: right; font-size: 11px; margin: 0; padding: 4px 0;} #favorites select { float: left; width: 160px; margin-left: 15px;} #favorites label { display: block; padding:3px 3px 10px 0; font-size: 14px;} #favorites button { background-image: none !important; background-color: #fff; border: 0; width: 80px; padding: 0 0 0 5px; text-align: left; font-size: 16px; font-weight: bold; float: left; } #send-to-friend textarea { height:50px; width:275px; } /* END SHARE BOX */ #find-similar { overflow:hidden; margin-top: 5px; } #find-similar h3 { color:#000; padding:3px; font-size:14px; } ul#video_keywords li { float:left; line-height:110%; } ul#video_keywords li a { color:#536060; font-size:11px; line-height: 14px; padding:2px 2px 2px 2px; margin: 0 4px;} ul#video_keywords li a:hover { background:#e6eeed; color:#383f3f; text-decoration:none; } /*RELATED VIDEOS */ #related-vids-top { background-color: #f2f8f7; border: #e4e4e4 1px solid; border-width: 1px 1px 0 1px; padding: 0 5px; height: 28px; } #related-vids-top ul { display: block;} #related-vids-top li { float: left; margin-right: 20px; display: block; } #related-vids-top a { padding:6px 0pt 8px 26px; display:block; background: transparent url(../images/icons/share-top.gif) no-repeat scroll 0pt -120px; font-size: 15px; font-weight: bold; } #related-vids-top a.open { background-position:0pt -178px; } .related-vids { padding: 5px 0 0 0; background-color:#fff; border:1px solid #e4e4e4; border-top: 0; text-align: left; height: 400px; width: 445px; overflow-y: scroll;} .related-vids .video { color:#555; position:static; height:80px; text-align: left; width: 410px; clear: left;} .related-vids .video .thumb { width:98px; margin: 0 10px 3px 10px; float: left; } .related-vids .video h3 { font-size:110%; float: left; line-height:115%; margin:7px 0px 0px 0px; width:280px; margin: 0; } .related-vids .video .meta { margin:1px 6px; font-size:92%; margin: 0 10px;} .related-vids .video .meta a { font-weight:bold; color:#333; } .related-vids .video .duration { display:none;} .related-vids .video .age-rating { display:none;} /*VIDEO LISTS / VIDEO STRIPS */ .related-vids .video-list { margin: 0 2px 0 15px; padding:0; overflow:hidden; zoom:1; } .related-vids .video-list ul { padding:0; margin:0; zoom:1; } .related-vids .video-list li { overflow:hidden; float:left; padding:0 0px 10px 0px; } .related-vids .video-list .video-list-nonlink { cursor: default; color: #000; } .related-vids .video-list .video-list-nonlink:hover { text-decoration: none;} #responding-to { display: block; width: 160px; float: left;} #responding-to span, .choose-response { font-size: 16px; font-weight: bold;} .choose-response { padding-left: 20px; } #my-response { float: right; border: 1px solid #bbd1d1; width: 620px; margin-top: 6px; position: relative;} #my-response img { float: left; margin: 10px;} #responding-to span { display: block; } #my-response #desc-your-response { width: 400px; margin: 20px 0 0 190px; font-size: 16px;} .submit-response { position: absolute; bottom: 10px; right: 15px; width: 170px;} /*------------------------------------------------------------------------ *=UPLOAD PAGE ------------------------------------------------------------------------*/ #upload-page { padding:20px 0 80px 0; position:relative; } #upload-page h2 { font-size:20px; line-height:30px; margin: 13px; } #upload-page #step1 { height: 300px;} .upload-infobox { position:absolute; top:70px; right:30px; width:370px; font-size:13px; line-height:15px; background:#fefde8; border:3px double #ccc; } .upload-infobox p { margin:15px; } .submit-percentage { font-size:24px; float: right;} #successful-upload-msg { padding-left: 62px; margin-top: 5px; height: 55px; overflow: hidden; background: transparent url(../images/success-upload-bg.gif) no-repeat 0 0; } p.success-upload { margin: 0; width: 700px; line-height: 16px; font-weight: bold; float: left; } p.success-upload span { color: #679a25; } p#success-upload-videoid { float: right; border: 2px solid #95d6fe; padding: 10px; font-weight: bold; margin-top: 5px;} #upload-page .column1 { float:left; width:436px; background: transparent url(../images/upload-bg-left.gif) no-repeat;} #upload-page .column2 { float:right; width:509px; background: transparent url(../images/upload-bg-right.gif) no-repeat; overflow: hidden;} #upload-page fieldset { border: 0; padding: 0; margin: 10px 0 0 0;} #upload-page #video-metadata-form { margin: 0px 13px 13px 13px; } #upload-page form { margin-top:0px; } #upload-page label { display:block; color: #000; font-weight:bold; margin: 15px 0 2px 0; font-size: 13px; } #upload-page label .required { color: #679a25; margin-left: 20px; font-size: 12px;} #upload-page input, #upload-page textarea { width: 470px; font-size:115%; background-color: #fff;} #upload-page select { width: 220px; background-color: #fff;} #upload-page #id_preferOffline { width: auto; border: 0; background-color: transparent; display: inline; } #upload-page .checkbox-label { display: inline; font-weight: normal; } #upload-page .btns { display:block; margin:5px 0 0 20px; text-align: center; } #upload-page .submit { width: auto;} #upload-page .file-upload-text { margin: 15px; font-size: 110%;} #upload-page .upload-help { color: #2caefd; font-weight: bold;} #upload-page .select-columns { width: 235px; float: left; margin-bottom: 15px;} #save-this-video-button { margin-top: 5px; width: 157px !important; height: 51px; border: 0 !important;} /*------------------------------------------------------------------------ *=FEATURED CREATORS/CREATORS ------------------------------------------------------------------------*/ .featured-single { float:left; width:50%; height:165px; } .featured-single h3 span { display:block; font-size:11px; margin-top:2px; margin-bottom:6px; } .finfo { padding:5px 5px 5px 10px; } .finfo h3 { color:#555; font-size:15px; padding-top:2px; } .finfo h3 span a { color:#333; } .fthumb { float:left; border:2px solid #333; margin:0 10px 5px 0; } .finfo p { color:#444; font-size:11px; line-height:14px; padding-right:10px; } /*------------------------------------------------------------------------ *=WIDGET BUILDER ------------------------------------------------------------------------*/ .pform { height:250px; } .pform label { font-weight:bold; display:block; float:left; width:100px; height:25px; clear:left; text-align:right; margin-right:10px; line-height:180%; } .pform p { margin-bottom:10px; } .pform input { border:2px solid #555; border-bottom:2px solid #999; border-right:2px solid #999; width:190px; } .pform select { width:200px; } p.cols { position:relative; width:400px; } p.cols select, p.cols input { width:60px; } span.rcol { position:absolute; left:190px; top:0; } span.rcol label { width:50px; } #lcol, #rcol { margin-top:40px; } #lcol { float:left; width:420px; background:url(../images/arrow.png) 100% 60px no-repeat; } #rcol { margin-left:500px; } #rcol textarea { height:200px; width:340px; border:2px solid #777; font-size:10pt; } #id_show_arrows { width: auto; } /*------------------------------------------------------------------------ /*= /*= /*=DASHBOARD PAGES /*= /*= ------------------------------------------------------------------------*/ #status-message { position: relative; width: 730px; display: block; background-color: #f1f1f1; border: 1px solid #c0c0c0; margin-bottom: 10px; } #status-message img {float: left; margin: 5px 4px 5px 5px; border: 1px solid #7b676a;} #status-message h3 { color: #7b676a; font-size: 18px; font-weight: bold; padding: 0 0 3px 0; margin: 5px 5px 0 10px;} #status-message p { color: #7b676a; font-size: 13px; margin-left: 10px;} #status-message .note-date {position: absolute; bottom: 2px; right: 5px; font-size: 10px; font-style: italic; margin-bottom: 0; padding-bottom: 0;} #page-nav ul { position: relative; z-index: 200; background:url(../images/nav-bg.gif) repeat-x; height: 44px; padding-left: 25px; color: #333; } #page-nav ul li, #subnav li { float:left; padding:0; height: 44px; margin: 0 2px 0 2px; color: #333; } #page-nav ul li.active { background: url(../images/nav-active.gif) no-repeat; background-position: top center; } #page-nav ul li a, #subnav li a { display:block; float:left; line-height:34px; padding:2px 8px 0 8px; color: #546060; font-weight: bold; } #page-nav ul li.active a, #subnav li.active a { color: #231F20;} #subnav li.active a,#subnav li a {padding-top: 4px;} #page-nav ul li a:hover, #subnav a:hover { color:#231F20 !important; text-decoration:none; } #subnav { position: relative; z-index: 100; top: -10px; left:0; background:url(../images/subnav-bg.gif) repeat-x; height: 44px; padding-left: 25px; } #subnav li.active { background: url(../images/subnav-active.gif) no-repeat; background-position: top center; } #subnav li a { font-size: 11px;} .dashboard #page-nav ul { background:url(../images/dashboard-nav-bg.gif) repeat-x; padding-left: 0px; } .dashboard #page-nav ul li { color: #000; margin: 0; width: 94px; text-align: center;} .dashboard #page-nav ul li a { color: #000; float: none; background: transparent url(../images/dashboard-nav-divider.gif) no-repeat; } .dashboard #page-nav ul li.active a { color: #fff; padding:2px 0 0 0;} .dashboard #page-nav ul li.active { background: url(../images/dashboard-nav-active.gif) no-repeat; background-position: top center; } .dashboard #subnav { background:url(../images/dashboard-subnav-bg.gif) repeat-x; height: 44px; padding-left: 0; } .dashboard #subnav li.active { background: url(../images/dashboard-subnav-active.gif) no-repeat; background-position: top center; } .dashboard #subnav li.active a { color: #000; padding:4px 15px;} .dashboard #subnav li a { float: none; color: #41443b; padding: 4px 15px;} .dashboard #subnav li { margin: 0; width: auto; text-align: center;} .dashboard #subnav li.disabled a, .dashboard #subnav li.disabled a:hover { color: #a0a88f !important; cursor: default;} .dashboard #subnav li.divider { background: url(../images/dashboard-subnav-divider.gif) no-repeat top center; width: 15px; } /*DASHBOARD PAGE TITLES */ h2.dashboard-title { float: left; font-size: 18px; padding: 0; color: #231f20; margin: 15px 0; } h2.dashboard-title a { font-size: 15px; color: #536060 !important; text-decoration: none;} h2.dashboard-title a:hover { color: #000 !important; text-decoration: none;} /* DASHBOARD OVERVIEW */ #dashboard-avatar { width: 200px; border: 1px solid #e0dfdf; text-align: center; margin-bottom: 10px; padding: 10px 0;} #dashboard-avatar a.newavatar-link { background: transparent url(../images/contact-icons.gif) 0 -297px no-repeat; display: block; clear: left; text-align: left; padding-left: 25px; font-weight: bold; margin: 15px 0 0 10px; } .dashboard-sidebar-tools { margin: 10px; } .dashboard-sidebar-tools li { border: none !important; width: 160px !important; padding: 3px 0 3px 10px !important;} .dashboard-sidebar-tools a { padding-left: 30px; font-weight: bold; border: none; background: transparent url(../images/contact-icons.gif) 0 -123px no-repeat; line-height: 24px; } .dashboard-sidebar-tools a.new-message { background-position: 0 -29px;} .dashboard-sidebar-tools a.new-playlist {background: transparent url(../images/icons/playlists.gif) 1px 2px no-repeat; } .dashboard-sidebar-tools a:hover { background-color: transparent !important; } #balance-overview { width: 200px; border: 1px solid #e0dfdf;} #balance-overview h2 { background-color: #e9e9e9; border: 1px solid #fff; border-bottom: 3px solid #c8c8c8; font-size: 14px; font-weight: bold; font-color: #474747; padding: 6px 3px;} .dashboard #sidebar #balance-overview h3 { background-color:transparent; border:0; height: auto; font-size: 15px; font-weight: bold; width: auto; line-height: inherit; margin: 8px 0 10px 6px; font-weight: bold; font-size: 16px; color: #474747; } #balance-overview .money { font-size:20px; font-weight: bold; text-align: center; color: #6ea311; } #balance-overview .current-earnings { color: #beae01;} #balance-overview .money-note { margin: 5px 0; text-align: center;} #balance-overview hr { height: 0; border: 0; border-top:1px solid #e0dfdf; } .mini_notice { background:#ffff99; margin-bottom:25px; padding:12px; } .dashboard .video { min-height: 160px; height: 15em;} .dashboard .myvideo-edit { display: inline; float: right; background-color: #fefaba; border: 1px solid #c5c293; padding: 1px 3px; font-size: 11px; color: #000; margin-right: 4px; font-weight: bold; } .dashboard .notice-rejected { position: relative; background-color: #FBC8BA; border: 1px solid #95515b; width: 330px; height: 140px; overflow: hidden;} .dashboard .notice-review_verify { position: relative; background-color: #FFFBCC; border: 1px solid #9b9e50; width: 330px; height: 140px; overflow: hidden;} .dashboard .notice-vid .notice-thumb {position: absolute; top: 6px; left: 5px; } .dashboard .notice-vid { margin: 0 5px 0 5px; } .dashboard .notice-text {position: absolute; top: 8px; left: 100px; width: 220px; overflow: hidden; text-align: left; } .dashboard .notice-text h3 {font-size: 13px; width: 181px; height: 15px; overflow: hidden; } .dashboard .notice-vid .delete-notice {position: absolute; top: 3px; right: 3px; z-index: 100; } .dashboard .notice-upload-date {font-size: 10px; margin: 4px 0 0 3px;font-weight: normal;} .dashboard .notice-text p {padding-top: 11px !important; } .dashboard .right-button { float: right; margin-right: 12px;} .dashboard #page-content, .dashboard .page-content { padding: 15px !important; clear: both; } .column3-dashboard {width: 700px;} .column3-dashboard td { width: 33%; text-align: left; } .processing-step { background: transparent url(../images/processing-arrow.gif) no-repeat bottom right; line-height: 16px; font-size: 15px;} .processing-last-step {font-size: 15px} .processing-vids li { display: block; background: #f0f0f0 url(../images/processing-bg.gif) repeat-x; border: 1px solid #e0e0e0; width: 224px; height: auto !important; } .processing-vids .video { height: auto !important; min-height: inherit !important; } .processing-title { font-size: 13px !important; margin: 5px;} /* MESSAGES PAGE */ #inbox { margin:0 0 10px 0; } #messages h3 { float: right; font-size: 13px; padding-top: 10px; text-align: right;} #messages h3 a { font-size: 15px; background: url(http://static.revver.com/images/icons/silk/email_go.png) no-repeat; background-position: left center; padding-left: 25px; } #inbox .pagination { text-align: left; font-weight: bold; padding: 0 2px 0 0;} #inbox .pagination .light {color: #536060; font-weight: normal;} #inbox .pagination a { border:1px solid #d3ceb9; color:#222; padding:0 2px 0 2px; font-size: 16px; margin: 0 10px;} #inbox .pagination a:hover {background-color:#c2dc95; color:#222; border:1px solid #d3ceb9; text-decoration:none; } #inbox .pagination .paging { display: inline; } .message_list { border:1px solid #e6e3d6; } .message_list .message-contents { text-align: left; background:#fff; padding:0 0 15px 0; border-bottom: 1px solid #d3ceb9;} .message_list .message-contents dt { text-align: left; background-color: #f8f7f3; font-weight:bold; font-size:16px; padding: 8px; margin-bottom:8px; } .message_list .message-contents dd { padding: 0 15px 0 15px; font-weight: normal; line-height: 16px; } .message_list .mail-icon { margin-left: 8px; width: 16px; height: 16px; background: transparent url(../images/icons/email.png) 0 0 no-repeat;} .message_list .dmessage_status_1 .mail-icon { background-position: 0 -34px;} .message-bulk-control { margin-top: 6px;} .message-bulk-control .delete-msgs { float: right;} .message-bulk-control .check-all, .message-bulk-control .uncheck-all { float: left;} .message_list tr { background-color:#ebe9de; font-weight:bold;} .message_list tr.dmessage_status_1 { color:#555; font-weight: normal;} .dmessage_status_0 td, .dmessage_status_1 td { text-align: left; padding: 2px 0 2px 0; cursor: pointer; cursor: hand; border-top:1px solid #fff; border-bottom: 1px solid #d3ceb9; } .dmessage_status_0 { background-color: #fff !important;} td.bulk-check { text-align: center;} #inbox .hover_row { background-color:#ffff99; font-weight:bold; } #inbox .selected_row { background-color:#cfdbe9; font-weight:bold; } #inbox .selected_row td { } /* MESSAGE > COMPOSE MESSAGE */ #message-compose { margin: 0 10px 10px 0; width: 460px; float: left; overflow: hidden;} #message-compose label { width: 450px; display: block; padding: 5px 0 5px 0; font-weight: bold; color: #333; font-size: 110%;} #message-compose #id_recipient { width: 200px; background-color: #fff; border: 0px; padding-left: 10px; margin:13px 0 15px 5px; font-size: 17px; font-weight: bold; } #message-compose #id_subject { width: 450px; height: 26px; line-height: 26px; font-size: 16px; display: block; margin-bottom: 15px;} #message-compose #id_subject:focus {background:#FFFFB4 none repeat scroll 0%; border-color:#666666; color:#000000;} #message-compose textarea { width: 450px; display: block; margin-bottom: 15px;} #message-compose #recipient-note { margin-left: 60px; padding-left: 30px; font-size: 13px; color: #626262; font-weight: bold; } #message-compose #contact_avatar { margin-bottom: 10px;} #contacts-directory { float:right; width:200px; padding:0; z-index: 100; margin-top: 10px;} /* FEATURED CREATORS & CONTACT LIST PAGE */ .contact-list li.contact-head { position: relative; background-color: #f6f6f6; height: 87px; margin-bottom: 15px; zoom: 1; border: 1px solid #d3d3d3;} .contact-list .contact { position: absolute; top: 6px; left: 6px;} .contact-list h2 { position: absolute; top: 7px; left: 87px; z-index: 200; font-size: 20px; color: #333;} .contact-list h2 a { color: #333; } #creator-sets .creator-desc { position: absolute; top: 30px; left: 87px; height: 50px; width: 500px; overflow: hidden;} .contact-list .creator-head-tools { position: absolute; top: 10px; right: 10px; text-align: left;} .contact-list .creator-head-tools li { margin: 0px; padding: 0; display: block;} .contact-list .creator-head-tools li a { padding: 4px 0 4px 30px; font-weight: bold; font-size: 12px; line-height: 16px; color: #333; display: block; background: transparent url(../images/contact-icons.gif) 0 3px no-repeat; } .contact-list .creator-head-tools li a:hover { color:#2D3636 } .subscribe-button { height: 20px; width: 100px; display: block; margin-top: 2px;} .creator-remove-contact { background-position: 0 -85px !important;} .creator-send-message { background-position: 0 -24px !important; } .creator-comment { background-position: 0 -157px !important; } .grab { background: transparent url(../images/contact-icons.gif) 0 -53px no-repeat !important; } .rss-feed { background-position: 0 -191px !important; } .contact-list a:hover {color: #546060 !important; text-decoration: none; } .cd-contact a { display: block; padding: 3px 4px; line-height: 30px; font-size: 13px; font-weight: bold; padding-left: 10px; color: #2d3636;} .cd-contact a img { margin-top: 0px; border: 3px solid #fff; } .cd-contact a span { margin-left: 10px;} #contacts-directory li { position: relative; background-color: #ebe9e1; width: 200px; zoom:1; margin: 0; } #contacts-directory li a { display: block; margin: 1px; font-size: 12px; font-weight: bold; color: #000;} #contacts-directory li a:hover {background-color: #d0ccb7; text-decoration: none; color: #000;} .cd-avatar { float: left; margin-right: 10px; } #contacts-directory { border: 1px solid #ccdab5; padding: 4px;} .cd-down-arrow, .cd-arrow-inactive, .cd-up-arrow, .cd-up-inactive { background-color: #fff;} .cd-arrow-inactive, .cd-up-inactive { opacity:0.65; filter:alpha(opacity=65);} /* SUBSCRIBERS */ .subscriber-list { margin: 0; padding:0; overflow:hidden; zoom:1; width: 700px;} .subscriber ul { padding:0; margin:0; zoom:1; } .subscriber li { overflow:hidden; float:left; padding:0 0px 10px 0px; position:relative; width:116px; height: 11em; text-align: center;} .subscriber h3 { font-size: 13px; } .subscriber-avatar { padding: 10px; border: 1px solid #e7eedc; } .subscriber-list .subscriber-list-nonlink { cursor: default; color: #000; } .subscriber-list .subscriber-list-nonlink:hover { text-decoration: none;} /* MY PLAYLISTS */ #playlist-table {margin: 0 auto; border:1px solid #dfdccb;} #playlist-table thead td { text-align: left; font-weight:bold; color: #5b5536; background-color:#ebe9de; border: 1px solid #fff; border-bottom:2px solid #bdb79a; border-width: 1px 0 1px 1px; padding-top:6px; } #playlist-table td, #playlist-table th { padding:5px 5px 5px 5px; border-bottom: 1px solid #eeece3; } #playlist-table .grey-col { background-color: #f8f7f3; border: 1px solid #fff; border-bottom: 1px solid #eeece3;} #playlist-table .type div { padding-left: 24px; background: transparent url(../images/icons/playlists.gif) 0 0 no-repeat; height: 20px; line-height: 20px; font-weight: bold; color: #55800e; } #playlist-table .type div.smart { background-position: 0 -33px;} .playlist-rules { border: 1px solid #d2d2d2; border-width: 0 1px 1px 1px; margin: 0; padding: 15px; } .playlist-type-select { height: 38px; margin: 0; background: url(../images/tab-bottom.gif) repeat-x bottom; } .playlist-type-select li { margin: 0; padding: 0; display: inline; list-style-type: none; } .playlist-type-select li a { float: left; line-height: 32px; font-weight: bold; padding: 2px 10px 2px 35px; margin-right: 4px; border: 1px solid #ccc; color: #5A5A5A !important;} .playlist-type-select li.manual a { background: #f1f1f1 url(../images/icons/playlists.gif) no-repeat scroll 8px 8px; } .playlist-type-select li.smart a { background: #f1f1f1 url(../images/icons/playlists.gif) no-repeat scroll 8px -25px; } .playlist-type-select li.smart a.active { border-bottom: 1px solid #fff; background: #fff url(../images/icons/playlists.gif) no-repeat scroll 8px -25px;} .playlist-type-select li.manual a.active { border-bottom: 1px solid #fff; background: #fff url(../images/icons/playlists.gif) no-repeat scroll 8px 8px;} .playlist-type-select li.playlist-or { float: left; line-height: 32px; font-weight: bold; padding: 2px 10px 2px 10px; margin-right: 4px; color: #5A5A5A !important; font-weight: bold;} .view-filters { float: left; margin-bottom: 2px; margin-top: 15px; } .view-filters li { float: left; border-bottom: 1px solid #e5e3d5; } .view-filters li a { display: block; color: #9d9986 !important; padding: 5px 12px; font-weight: bold; } .view-filters li.active a { color: #5b5536 !important; background: transparent url(../images/playlist-active-filter.gif) bottom center no-repeat; } .playlist-content .paging { margin-top: 15px;} #id_order_0, #id_order_1 { background-color: transparent; border: none; } .create-playlist #create-manual, .create-playlist #create-smart { margin: 0 0 10px 0;} .create-playlist #create-manual label, .create-playlist #create-smart label { width: 570px; display: block; padding: 5px 0 5px 0; font-weight: bold; color: #333; font-size: 110%;} .create-playlist #id_name { width: 570px; display: block; margin-bottom: 15px; font-size: 16px; font-weight: bold; } .create-playlist #id_description { width: 570px; height: 90px; font-size: 16px; display: block; margin-bottom: 15px;} .create-playlist #id_description { margin-bottom: 0px;} .create-playlist #create-manual fieldset.radio-orders { border: 0px; font-weight: normal;} .create-playlist #create-manual fieldset.radio-orders label {font-weight: normal;} .create-playlist #create-manual fieldset.radio-orders div {font-size: 11px; color: #999; font-weight: bold; padding-left: 25px;} .create-playlist .ui-sortable h3 a { font-size: 14px; color: #222 !important; } .create-playlist #create-smart .title-inputs { margin-left: 25px;} .notice-error { background-color: #FBC8BA; border: 1px solid #95515b; } .playlist-rules .rule { border-bottom:1px solid #cdcdcd; height:32px; padding:8px 10px 0 10px; overflow:hidden; zoom:1; } .playlist-rules .rule p.label { float:left; font-weight:bold; height:30px; line-height:30px; margin:0; width:170px; } .playlist-rules .rule div { float:left; } .playlist-rules .rule span { display:block; float:left; border:1px solid #fff; } .playlist-rules input.text { width:200px; } .playlist-rules select { min-width:65px; } .playlist-rules .helptext { line-height:30px; margin-left: 15px; font-style: italic; color: #999; } .rule a { float:right; padding-top:4px; } .max-range { margin-left: 10px;} /*PLAYLIST PAGE - PUBLIC */ .playlist-edit { background: transparent url(../images/icons/pencil.gif) 3px 3px no-repeat !important;} /* FRIENDS */ .friend-req-container { width: 352px; float: left;} .friend { border: 3px solid #cedcb7; margin: 0 0 22px 22px;} .friendfeed-item { padding: 5px 20px 5px 20px; margin: 2px 0px 2px 0; clear: both; border-top: 1px solid #999; border-bottom: 2px solid #999; } .friend-feed-videothumb { float: left; margin-right: 20px; } .friend-feed-avatar { float: left; margin: 0 40px 0 15px; } .friend-request #page-content {padding: 15px 15px 15px 0px !important;} .friend img { margin: 10px; float: left;} .friend .friend-req-text { margin: 10px 10px 10px 0; font-size: 13px;} #friend-filters { border-bottom: 4px solid #e5e3d5; width: 100%; margin-bottom: 8px; } #friend-filters li { border-bottom: 0px; } .outgoing-friend-request .friend { border: 3px solid #fde9a3; } .accept-request, .cancel-request { background: #fff url(../images/icons/yes-no-thumbs.gif) 0 -59px no-repeat; padding: 0 10px 0 20px; margin-bottom: 10px; font-size: 14px; font-weight: bold; float: right; } .cancel-request { background-position: 0 0;} #friends-list-container { float:left; margin:0pt 10px 10px 0pt; overflow:hidden; width:670px;} /* VIDEO EDIT PAGE*/ #edit_video { margin:10px 0 0 0; } #edit_video input.text, #edit_video textarea { font-size:16px; width: 300px; } #edit_video fieldset { border:0; padding:0; margin:0; overflow:hidden; } #edit_video label { color:#231f20; font-size:12px; font-weight:bold; } #edit_video label#keyword-label span, .label-note {font-size: 11px; color: #536060; font-weight: bold;} #edit_video fieldset.delete-video { border: 1px solid #dedede; margin-top: 30px !important;} #edit_video fieldset.delete-video div { margin: 3px; } #edit_video fieldset.delete-video input { display: block; margin: 15px 6px !important;} #edit_video fieldset.delete-video label { display: block; margin-top: 15px !important; color: #c70000; } #edit_video .label-note {margin: 3px 0 15px 0 !important; font-weight: 100; color: #535353;} #edit_video fieldset #id_delete {border: 0 !important; border: none; background-color: transparent;} fieldset.left-float-form { width:320px; float:left; margin-bottom:50px; border: 0; overflow: hidden;} fieldset.left-float-form label { display:block; margin:22px 0 5px 0; line-height:1em; } fieldset.left-float-form label#status-label { margin-top: 0;} fieldset.left-float-form textarea { width:300px; } fieldset#thumb_chooser { width: 370px; float:right; padding: 0px; } fieldset#thumb_chooser label { display:block; margin:22px 0 0 0; line-height:1em; } fieldset#edit_save { margin:50px 0; padding:30px 0; text-align:center; clear:both; width:100%; } #id_allow_comments { float: left; border: none; background-color: transparent;} #label-allow-comments { float: left; width: 150px; margin: 3px 0 0 0; } #comment-fieldset { padding: 20px 0;} /* ---- THUMB CHOOSER --------------------- */ .radioDiv { position:relative; float:left; height:91px; width:116px; overflow:hidden; margin: 2px 3px; } .radioDiv input { visibility:hidden; position:absolute; top:0; left:0; z-index:999; } .radioDiv img { display:block; padding:2px; border:1px solid #ccc; opacity:0.75; filter:alpha(opacity=85); cursor:pointer; position:absolute; top:0; left:0; z-index:500; } .radioDiv img:hover { background:#000; opacity:1.0; filter:alpha(opacity=100);} .radioDiv img.activeThumb, .radioDiv img.activeThumb:hover { background:#289ce8; border:1px solid #1f7ebc; opacity:1.0; filter:alpha(opacity=100); } /* ACCOUNT PREFERENCES PAGES */ .account-preferences { position: relative; border: 1px solid #c5c5c5; margin-bottom: 20px; } .account-preferences h2 {position: absolute; padding: 4px; top: -16px; left: 20px; background-color: #fff; font-size: 15px; font-weight: bold;} .account-preferences div.form-padding { padding: 20px;} .account-preferences div.form-padding #cc_submit {padding-bottom: 0 !important;} .account-preferences label {font-weight: bold; display: block;} .account-preferences #fs-first,.account-preferences #fs-last, .account-preferences #fs-pw, .account-preferences #fs-pw-confirm {display: block; float: left; border: 0px; padding: 0px; border: 0px;} .account-preferences .form-label {margin-top: 15px; padding: 4px 0;} .account-preferences label.halfwidth-label {display: block; width: 200px; margin-right: 7px; padding: 2px 0;} .account-preferences #id_first_name, .account-preferences #id_last_name, .account-preferences #id_newpass,.account-preferences #id_confirm_newpass {display: block; width: 200px; margin-right: 7px;} .account-preferences #id_email, .account-preferences #id_description, .account-preferences #id_avatar {width: 424px; } .account-preferences .profile-avatar {padding: 13px 24px; border: 1px solid #bfbfbf;} .paypal-settings .form-label {margin-top: 2px !important;} .paypal-settings input {width: 424px;} .paypal-settings .submit { width: auto !important;} #password-change-link { font-weight: bold;} .account-preferences .paypal-notice {background-color: #e7efef; border: 1px solid #ccdcdb; height: 60px; line-height: 60px; font-weight: bold; font-size: 12px; text-align: center; margin-bottom: 15px; } .account-preferences .paypal-notice a {color: #2da3e8;} .account-preferences .paypal-notice a:hover {color: #3db3f8; text-decoration: none;} #set_background, #set_foreground, #set_gradient { height: 18px; width: 18px; display: block; background: transparent url(../images/icons/color_wheel.gif) 0 0 no-repeat; } .short-inputs input { width: 60px !important;} .player-customization .helptext { margin-left: 15px; font-style: italic; color: #999; } .player-customization .remove-logo input { margin: 0 !important; padding: 0 !important; border: 0; background-color: transparent;} .player-customization .menu-options input { border: 0; background-color: transparent;} /*------------------------------------------------------------------------ *=STATIC INFO PAGES ------------------------------------------------------------------------*/ /* Styles for corporate textual documents:About, Member Agreement, Privacy, TOS, Copyright, etc... */ .document { padding:0px 15px 20px 15px; overflow:hidden; zoom:1; } .document p { margin:8px 0 12px 0; line-height:16px; } .document li { margin: 2px 0 4px 0;} .document h1 { font-size:1.8em; line-height:1.1em; } .document h2 { color:#77bb33; font-size:1.6em; margin:40px 0 12px 0; } .document h3 { margin:30px 0 12px 0; } .document h4 { font-size:13px; margin:24px 0 8px 0; } .document .green { color:#77bb33; } .document a { color: #78A22F; font-weight: bold;} .document a:hover { color: #99BC55;} #press a { color: #546060;} #press a:hover { color: #A3A5A8;} #about ol { margin:0 0 12px 30px; } #about ol li { line-height:1.5em; } #about a { font-size: 14px; color: #77BB33 !important; font-weight: bold; } /*About Page */ #whowhat_content { float:left; width:400px; } #whowhat_content h2 { font-size:22px; margin-top:15px; } #whowhat_content h3, #team_list h3 { border-bottom:1px solid #77bb33; color:#77bb33; margin:25px 0 12px 0; } #team_list { float:right; width:520px; } #team_list ul li { float:left; width:100px; height:150px; overflow:hidden; zoom:1; text-align:center; } #team_list ul li img { width:90px; } #team_list ul li p { font-size:10px; line-height:120%; } #team_list ul li p strong { display:block; } #about_page ul#recent_favorites { margin-top:10px; } #about_page ul#recent_favorites li { display:inline; margin-right:5px; } #about_page ul#recent_favorites li img { width:75px; height:25px; background-color:#ccc; } /* END About Page */ #press dl.press dt { font-size:1.2em; line-height:1.1em; } #press dl.press dd { font-style:italic; margin-bottom:14px; padding-bottom:14px; border-bottom:1px solid #ddd; } #terms #toc { background:#efefef; border:3px double #999; margin:30px 0; font-weight:bold; overflow:hidden; padding:0 0 30px 30px; } #terms #toc ul { float:left; margin-right:35px; margin-left: 15px; } #terms #toc li { border-bottom:1px solid #ccc; padding:3px 15px 1px 15px; margin:0; } #terms #toc a { } #privacy h5 { display:inline; font-size:1.1em; } #privacy strong { font-style:italic; } #faq #questions { margin-bottom:50px; } #faq ul { margin:0; } #faq li { margin:0; } #faq h2 { border-top:2px solid #77bb33; margin:40px 0 15px 0; padding-top:6px; } #faq h3 { border-bottom:1px solid #999; margin:20px 0 5px 0; } #advertise-column1 { width:500px; float:left; } .advertise-form { margin: 0px !important; } .advertise-form fieldset { border: 0 !important;} #changelog h3 { margin: 20px 0 5px 0; border-bottom: 1px solid #ccc; padding: 5px; } #changelog ul { margin-bottom: 10px; list-style: circle; padding-left: 10px; } #changelog li { margin-left: 20px; padding-left: 5px; font-size: 14px; line-height: 18px; } #changelog li a { color: #78A22F !important; font-weight: bold;} #changelog li a:hover { color: #99BC55 !important;} #contactForm { margin:30px 30px; } #contactForm fieldset { border:0; border-bottom:1px solid #ddd; padding:10px 0; } #contactForm label { display:block; float:left; padding:5px 6px 0 5px; text-align:right; width:130px; } #contactForm .required label { font-weight:bold; } #contactForm input.text { padding:2px 3px 1px 3px; width:250px; } #contactForm input.text:focus, #contactForm textarea:focus { background:#fefea3; } #contactForm #id_message { width: 500px; } #contactForm #getstarted { background:#feffb4; border:1px solid #f4cf5e; padding:10px 20px; overflow:hidden; margin:20px 0 30px 0; } #contactForm #regarding { font-size:20px; margin-top:10px; } #contactForm #hints { border-top:1px solid #f4cf5e; padding:10px 20px; overflow:hidden; margin-top:20px; } #contactForm .contact-hint p { font-size: 15px; color: #000; } /*------------------------------------------------------------------------ *=SHARE PAGE ------------------------------------------------------------------------*/ .pagetitle { width:700px; } .pagetitle-narrow { width:180px; } .share-section { margin: 12px 0px; zoom:1; } .share-bit p { width:400px; margin-bottom:14px; } .share-bit div.image-div { width:400px; } .share-bit h3 { font-size:150%; font-weight:bold; margin-bottom:15px; } #tip-list { background:#242021 url(../images/tools-tip-bg-top.gif) no-repeat; color:#fff; float:right; font-weight:bold; list-style:none; width:397px; padding-bottom: 0; } #tip-list dt { background:url(../images/tools-tip-head-icon.gif) 15px 13px no-repeat; font-size:16px; height:50px; padding: 10px 0 0 105px; height: 80px; } #tip-list dt p { font-size:11px; } #tip-list dd { background:url(../images/tools-tip.gif) left center no-repeat; font-size:11px; line-height:15px; margin:5px 20px 5px 20px; padding: 6px 0 6px 40px; } #tip-list dd a { color: #fff; font-weight: bold;} #tip-list div.bottom { background: transparent url(../images/tools-tip-bg-bottom.gif) bottom center no-repeat; padding: 0 0 15px 0; margin: 0; } .tools-info-link { font-weight: bold; color: #333 !important;} .tools-info-link:hover { font-weight: bold; color: #999 !important;} /*------------------------------------------------------------------------ *=Collection Configure Page ------------------------------------------------------------------------*/ #revver_preview { color:#7b3; } #main label { font-weight:bold; width:150px; display:block; float:left; } #config_options { border-bottom:3px double #999; padding-bottom:30px; margin-bottom:30px } #config_options fieldset { border-bottom:1px solid #ddd; padding:10px; } #cc_submit { border: 0px; margin-top:20px; text-align:center; } #configure_form .invalid { background-color:red !important; } #configure_form .hint { color:#999; font-size:92%; padding-top:0.5em; background:#fff; } #progress { background-color:white; height:100%; height:100%; margin:0; } #revver_cancel { color:red; position:absolute; right:10px; top:5px } ul#cc_video_list { width:500px; margin:auto; } ul#cc_video_list li { width:100%; overflow:hidden; padding:5px 0; border-bottom:1px solid #ddd; } ul#cc_video_list h3 { float:left; padding:4px 10px; width:300px; } ul#cc_video_list .thumbnail { float:left; width:50px; border:1px solid #ccc; padding:2px; } .handle { background:url(../images/drag_handle.gif) no-repeat 50% 50%; text-indent:-2000em; display:block; float:left; cursor:move; padding:5px; margin-right:5px; width:20px; height:34px; } .handle:hover { background-image:url(../images/drag_handle_hover.gif); } .cc_delete { float:right; padding:0 5px 0 0; } #feature { padding-left: 20px; } #cc_rules { padding:20px 0; } #ruleset dd, #ruleset dt { padding:7px 10px; border-bottom:1px solid #ddd; position:relative; } dd.submit { padding:5px 0; border-top:2px solid #7b3; border-bottom:none; margin-bottom:22px; } #ruleset label, label.wide { font-weight:bold; width:150px; display:block; float:left; line-height:25px; } #ruleset .hint { position:absolute; right:40px; top:5px; } /*------------------------------------------------------------------------ *=Analytics ------------------------------------------------------------------------*/ #analytics { padding-left:30px; padding-right:30px; } #analytics h2 { font-size:20px; line-height:1.5em; } /* ANALYTICS LANDING PAGE */ #chart-holder { background:#999; width:700px; border-right:1px solid #fff; } #chart-options { background:#eee; margin:0; overflow:hidden; zoom:1; padding-left:8px; border: 1px solid #b7b6b6; border-width: 1px 1px 0 1px; } #chart-options li { float:left; font-size:14px; line-height:30px; margin:0 2px; } #chart-options li a { float:left; height:30px; padding:3px 8px 0 8px; } #chart-options li.active a { background:#ddd; color:#000; } .chart_filter { background:#ddd; margin:0; border:1px solid #b7b6b6; border-width: 1px 1px 0 1px; padding:5px 0 5px 15px; } .chart_filter, .chart_filter select { font-size:14px;} .analytics_page_column { clear:right; float:left; width:50%; padding:50px 0; } .analytics_page_column h2 { margin-bottom:1em; } .analytics_page_column dl { margin-right:3em; } .reportlink { background:url('../images/analytics/stats_icon.png') 0 50% no-repeat;color:#91bee3; display:block; font-size:14px; line-height:30px; font-weight:bold; text-decoration:underline; padding:2px 0 0 25px; } .reportlink:hover { text-decoration:none; } /* CALENDAR */ #calendar_select_month { margin-top: 0; } #calendar_select_month li { display:inline; } #revenue_overview { margin:1.0em 0 1.0em 0; } #revenue_overview ul { margin:1.0em 0 1.0em 0; } #revenue_overview li, #revenue_overview li.totals { border-top:1px solid #efefef; padding:0.5em; font-size:1.2em; font-weight:bolder; clear:both; } #revenue_overview li.totals { font-size:1.5em; background-color:#e4e7e8; height:1.0em; } #revenue_overview li .label { width:60%; display:block; float:left; padding-bottom:0.5em; } #revenue_overview li .data { float:left; width:40%; display:block; text-align:right; } #items_per_page , #time_period { float:left; margin-right:1.0em; } #items_per_page label, #time_period label { font-weight:bold; } #export_options { float:right; text-align:right; } #report_options { display:block; height:4.0em; clear:both; } /* ANALYTICS TABLE */ .analytics_list { border-bottom:2px #617171 solid; text-align:left; margin:1.0em 0 1.0em 0; width:100%; } .analytics_list th { border-bottom:2px solid #617171; } .analytics_list th a { display:block; width:100%; } .analytics_list th, .analytics_list tfoot { background:#eaf3dd; border-right:1px solid #fff; color:#617171; font-size:0.9em; font-weight:normal; padding:0.2em 0 0 0.9em; margin:0; } .analytics_list th.sort_up, .analytics_list th.sort_down { padding-right:2.0em; background:#d7e8c0 url(../images/analytics/arrow_down.jpg) 95% 50% no-repeat; } .analytics_list th.sort_up { background:#d7e8c0 url(../images/analytics/arrow_up.jpg) 95% 50% no-repeat; } .analytics_list tbody td { border:1px solid #d8e6f0; border-width:1px 1px 0 0; margin:0; padding:0.2em 0.5em 0.2em 0.5em; } .analytics_list tbody tr.odd { background:#fff; } .analytics_list tbody tr.even { background:#f3fafc; } .analytics_list tbody tr td.selected { background:#e6f9ff; } .analytics_list tbody tr.odd td.selected { background:#d8f5ff; } .analytics_list td.numerical { text-align:right; } .analytics_list tbody tr:hover { background:#ffff99 !important; } .analytics_list tbody td:hover { background:#ffff44 !important; } .analytics_list tfoot { font-size:1.2em; font-weight:bolder; border:none; } .analytics_list tfoot td { border-right:1px solid #fff; padding:0.5em; } .login-out { width: 571px; height: 290px; background-color: #f6f6f6; margin: 30px 0 0 0; zoom: 1; border: 1px solid #d3d3d3; float: left; } .login-out h2 { padding: 25px 0 25px 30px; font-size: 20px; width: 400px;} .login-out p { margin: 0 0 25px 30px; font-size: 15px; font-weight: bold; color: #676767;} .login-out label { width: 100px !important; } .login-out .forget { margin: 17px 0 25px 30px;} .monkey-greet { height: 290px; width: 369px; margin: 30px 0 0 581px; border:1px solid #D3D3D3;} /*------------------------------------------------------------------------ *=COLOR CONSISTENCY ------------------------------------------------------------------------*/ .color-title { color: #231F20 !important;} .color-title:hover { color: #A3A5A8 !important; text-decoration: none;} .color-owner { color: #546060 !important;} .color-owner:hover { color: #A3A5A8 !important; text-decoration: none;} #sitemap{ list-style: inside; } #buy_button{ width:150px; height:40px; background-image:url(../images/buy_button.png); background-repeat:no-repeat; border:none; font-family:Arial, Helvetica, sans-serif; size:12px; background-color:transparent; color:#FFFFFF; font-weight:bold; margin-top: 0px; }