html { height: 100% }
body { font-family: Arial, sans-serif; font-size: 12px; background-color: #FFF; color: #000; margin: 0; }
a:link, a:visited, a:active { color: #03C; }
a.dg { color: #333; }
a.dg:hover { text-decoration: underline; }
a.noul { text-decoration: none; }
a.red { color: #C00; }
a.dr { color: #900; }
code { font-family: Courier, "Courier New", monospace; font-size: 12px; }
img { border: none; }
dt { font-weight: bold; padding-bottom: 5px; }
dd { padding-bottom: 15px; }
form { margin: 0px; padding: 0px; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #000; margin-top: 5px; margin-bottom: 3px; padding: 0px; }
h1 { font-size: 19px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { font-size: 10px; }
h6 { font-size: 10px; }
hr { border: 0px; margin-top: 12px; border-top: 1px dashed #999; height: 1px; }
/***************************************************************************
* Common Elements
***************************************************************************/
#baseDiv {
position: relative;
width: 875px;
margin-left: auto;
margin-right: auto;
}
#mainContent { width: 700px; margin-right: 12px; }
#sideContent { float: right; width: 160px; padding-top: 2px; }
#baseContainer {
padding-top: 5px;
padding-left: 25px;
padding-right: 25px;
}
.standardText { font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; color: #000000; }
.normalText { font-size: 12px; }
.small { font-size: 10px; }
.smallText { font-size: 11px; }
.xsmallText { font-size: 10px; }
.xxsmallText { font-size: 9px; }
.largeText { font-size: 14px; }
.xlargeText { font-size: 16px; }
.xxlargeText { font-size: 19px; }
.xxxlargeText { font-size: 21px; }
.bold { font-weight: bold; }
.italic { font-style: italic }
.grayText { color: #666; }
.dgText {color: #333; }
.smgrayText { font-size: 11px; color: #666; }
.smdgText { font-size: 11px; color: #333; }
.required { color: #FF0000; }
.redText { color: #C00; }
.drText { color: #600; }
.nowrap { white-space: nowrap; }
.smallgray {
text-decoration: none;
color: #666;
font-size: 10px;
}
.fieldText {
font-family: Arial, sans-serif;
font-size: 11px;
}
.rating {
font-size: 11px;
}
.tagLink {
text-decoration: none;
}
.tagLinkOn {
font-weight: bold;
}
.standardLabel { font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; color: #333; }
.label { font-weight: bold; color: #333; }
.lightLabel { font-weight: bold; color: #666; }
.normalLabel { font-size: 12px; font-weight: bold; color: #333; }
.smallLabel { font-size: 11px; font-weight: bold; color: #333; }
.xsmallLabel { font-size: 10px; font-weight: bold; color: #333; }
.largeLabel { font-size: 14px; font-weight: bold; color: #333; }
.eLink { text-decoration: none; border-bottom: 1px dotted #03C; color: #03c; cursor: hand; cursor: pointer; }
.hLink { text-decoration: none; }
.hLink:hover { text-decoration: underline; }
.hand, label { cursor: pointer; cursor: hand; }
a.title:link {font-family: Arial, sans-serif; color: #CCFFFF; font-size: 12px; font-weight: bold;}
a.title:active {font-family: Arial, sans-serif; color: #CCFFFF; font-size: 12px; font-weight: bold;}
a.title:visited {font-family: Arial, sans-serif; color: #CCFFFF; font-size: 12px; font-weight: bold;}
a.title:hover {font-family: Arial, sans-serif; color: #CCFFFF; font-size: 12px; font-weight: bolder;}
.clear { clear: both; }
.clearL { clear: left; }
.clearR { clear: right; }
.spacer { clear: both; height: 1px; font-size: 1px; }
.alignR { text-align: right; }
.alignL { text-align: left; }
.alignC { text-align: center; }
.alignMid { vertical-align: middle; }
.alignTop { vertical-align: top; }
.alignBot { vertical-align: bottom; }
.floatL { float: left; }
.floatR { float: right; }
.widthMax { width: 100%; }
.hid, .hide { display: none; }
.nav {
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: 700;
}
.bottomBorderDotted {
border-bottom: 1px dotted #999;
margin-bottom: 5px;
margin-top: 5px;
}
.leadParaIndent {
font-size: 13px;
padding-left: 75px;
padding-right: 75px;
}
.yellowBox {
background-color: #FFF8BE;
}
.highlight,
.success {
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: 700;
color: #333333;
}
.table_top {
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: 700;
color:#333333;
}
.formFieldInfo {
font-size: 11px;
color: #000;
margin: 3px 0px;
}
.confirmBox {
padding: 6px;
margin-top: 6px;
margin-bottom: 6px;
text-align: center;
font-size: 13px;
background-color: #cfeeb2;
}
.errorBox {
padding: 6px;
margin-top: 6px;
margin-bottom: 6px;
text-align: center;
font-size: 13px;
background-color: #ffaeae;
}
.error {
font-family: Arial, sans-serif;
font-weight: 700;
color: #FF0000;
}
.tooltip-box {
background: transparent url(tooltip-vfl37897.gif) top left no-repeat;
padding: 10px 15px 0px 15px;
margin-bottom: 0px;
}
.tooltip-box-bot {
background: transparent url(tooltip-vfl37897.gif) no-repeat scroll 0px -95px;
width: 216px;
height: 5px;
}
.contentBox {
padding: 6px;
border: 1px solid #CCC;
}
.headerTitle {
font-size: 14px;
font-weight: bold;
color: #000;
}
.headerTitleLite {
color: #333;
font-size: 13px;
font-weight: bold;
}
.headerTitleRight {
float: right;
padding: 1px 5px 0px 0px;
font-size: 12px;
font-weight: bold;
color: #333;
}
.headerRCBox {
background: #CCC;
padding: 6px 6px 2px 6px;
}
#sectionHeader {
height: 2.5em;
line-height: 30px;
border-bottom: 1px solid #999;
}
#sectionHeader .my { float: right; }
#sectionHeader .name {
float: left;
width: 150px;
font-size: 21px;
font-weight: bold;
}
#sectionHeader .title {
font-size: 16px;
font-weight: bold;
line-height: 34px;
}
#sectionHeader h1 {
display: inline;
}
.dataEntryTable {
width: 650px;
}
.dataEntryTableSm {
width: 360px;
margin-top: 5px;
}
.formLabel {
font-weight: bold;
text-align: right;
width: 200px;
}
.formLabelSm {
font-weight: bold;
text-align: right;
width: 200px;
}
.formField {
width: 450px;
}
.dataEntryTableSmall {
width: 400px;
}
.formLabelSmall {
font-weight: bold;
text-align: right;
width: 150px;
}
.formFieldSmall {
width: 250px;
}
.ellipsis {
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
display: block;
position: relative;
zoom: 1;
font-family: arial, helvetica, sans-serif;
}
/* TODO: is the following block necessary for some browser? */
.ellipsis:after {
content: '';
display: block;
clear: both;
}
.ellipsis span {
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
*width: 100%;
float: left;
overflow: hidden;
max-width: 99%;
}
.ellipsis-dots {
position: absolute;
top: 0;
right: 0;
}
/***************************************************************************
* Masthead
***************************************************************************/
#masthead {
width: 875px;
margin: 15px auto;
}
#masthead .bar {
float: left;
width: 875px;
height: 35px;
}
#masthead .bar .leftcap {
display: block;
float: left;
background: transparent url(master-vfl38353.gif) no-repeat scroll -132px 0px;
width: 5px;
height: 37px;
}
#masthead .bar .rightcap {
display: block;
float: left;
background: transparent url(master-vfl38353.gif) no-repeat scroll -137px 0px;
width: 5px;
height: 37px;
}
#masthead .search-bar {
float: left;
width: 865px;
height: 37px;
border: none;
padding: 0;
background: transparent url(master-vfl38353.gif) repeat-x scroll 0 -63px;
}
#masthead #search-form {
display: block;
padding: 7px 10px 0px 220px;
float: left;
height: 30px;
margin: 0;
}
#masthead #search-button {
display: inline;
}
#masthead .search-type {
display: inline;
}
#masthead #search-term, #footer-search-term {
border: 1px solid #999;
display: inline;
padding: 2px 0 3px 0;
width: 211px;
margin-right: 4px;
vertical-align: top;
font-size: 13px !important;
}
#masthead #upload-button {
float: right;
margin: 6px 1px 0 0;
}
#masthead .logo {
float: left;
display: block;
margin: 1px 50px 6px 0;
}
#masthead .logo img {
width: 132px;
height: 63px;
background: white url(master-vfl38353.gif) no-repeat scroll 0px 0px;
}
/* Custom Logos */
.date-20080422 #masthead .logo img { /* Earth Day */
background: white url(earthday-vfl37822.png) no-repeat scroll 0px 0px;
}
#masthead .user-info {
float: right;
height: 37px;
text-align: right;
}
#masthead .nav {
float: left;
width: 693px;
height: 28px;
padding: 5px 0 0 0;
margin: 0;
list-style-type: none;
}
#masthead .nav-item {
display: block;
float: left;
background: transparent url(master-vfl38353.gif) no-repeat scroll 0 -137px;
margin-right: 5px;
}
#masthead .nav-item.selected {
background: transparent url(master-vfl38353.gif) no-repeat scroll 0 -100px;
}
#masthead .nav-item .leftcap {
display: block;
float: left;
width: 5px;
height: 28px;
background: transparent url(master-vfl38353.gif) no-repeat scroll -152px 0px;
}
#masthead .nav-item.selected .leftcap {
background: transparent url(master-vfl38353.gif) no-repeat scroll -142px 0px;
}
#masthead .nav-item .rightcap {
display: block;
float :left;
width: 5px;
height: 28px;
background: transparent url(master-vfl38353.gif) no-repeat scroll -157px 0px;
}
#masthead .nav-item.selected .rightcap {
background: transparent url(master-vfl38353.gif) no-repeat scroll -147px 0px;
}
#masthead .nav-item .content {
width: 114px;
height: 22px;
text-align: center;
display: block;
float: left;
padding: 6px 0 0 0;
color: #039;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 14px;
text-decoration: none;
white-space: nowrap;
}
#masthead .nav-item.selected .content {
color: #333;
}
#masthead .search-settings-link {
font-size: 11px;
float: left;
display: block;
line-height: 14px;
margin-top: 2px;
padding-bottom: 1px;
vertical-align: middle;
}
#util-links .util-item {
border-left: 1px solid #aaa;
font-family: Arial, sans-serif;
font-size: 12px;
padding-left: 6px;
margin-left: 6px;
float: left;
display: block;
}
#util-links .util-item.first {
border-left: none;
}
#util-links.small-utility-links .util-item {
border-left: 1px solid #000;
font-size: 11px;
padding-left: 6px;
margin-left: 6px;
}
#util-links.small-utility-links .util-item.first,
#util-links.normal-utility-links .util-item.first {
border-left: none;
padding-left: 1px;
margin: 0;
}
#util-links.normal-utility-links img {
margin-top: -1px;
vertical-align: middle;
}
html > body #util-links.normal-utility-links img {
margin-top: -5px; /* hide from IE6 */
}
#util-links.small-utility-links img {
margin-top: -1px;
vertical-align: middle;
}
html > body #util-links.small-utility-links img {
margin-top: -4px; /* hide from IE6 */
}
#util-links .util-item {
padding-bottom: 1px;
}
#util-links .util-item a {
color: #03c;
}
#my-account-header h1 a {
font-weight: normal;
text-decoration: underline;
}
#util-links .dropdown-link {
display: inline;
}
#util-links .dropdown-link a {
display: inline-block;
}
#my-account-header.show-dropdown h1 a,
#my-account-header h1 a:hover,
#util-links #account-link.show-dropdown .util-item a,
#util-links #account-link .util-item a:hover {
text-decoration: none;
}
#my-account-header .dropdown,
#util-links #account-link .dropdown,
#util-links #shareSpan .dropdown {
background-color: #ECF1FA;
border: 1px solid #A0B1DC;
position: absolute;
z-index: 99;
margin-top: -3px;
width: 150px;
display: none;
}
#util-links.normal-utility-links #account-link .dropdown {
line-height: 20px;
}
#util-links.normal-utility-links #account-link .dropdown,
#util-links.normal-utility-links #shareSpan .dropdown {
margin-top: 14px;
}
#util-links.small-utility-links #account-link .dropdown,
#util-links.small-utility-links #shareSpan .dropdown {
margin-top: 12px;
}
#my-account-header.show-dropdown .dropdown,
#util-links #account-link.show-dropdown .dropdown,
#util-links #shareSpan.show-dropdown .dropdown {
display: block;
}
#my-account-header .dropdown div,
#util-links #account-link .dropdown div {
display: block;
border-top: 1px solid #A0B1DC;
}
#my-account-header .dropdown div.first,
#util-links #account-link .dropdown div.first {
border-top: none;
}
#my-account-header .dropdown div a,
#util-links #account-link .dropdown div a {
display: block;
padding: 5px;
color: #03c;
font-weight: bold;
text-decoration: none;
}
#my-account-header .dropdown a:hover,
#util-links #account-link .dropdown a:hover {
background-color: white;
}
#util-links #account-link .dropdown,
#util-links #shareSpan .dropdown {
width: auto;
text-align: left;
}
#util-links #account-link .dropdown div a {
padding: 1px 10px;
white-space: nowrap;
}
#util-links #activesharing-dropdown {
padding: 2px 10px;
white-space: nowrap;
}
#util-links #activesharing_masthead_start {
background-color: #090;
border: 1px solid #090;
color: #fff;
margin-left: 5px;
padding: 0 2px;
font-weight: bold;
height: 20px;
}
#util-links #activesharing_masthead_stop {
background-color: #c00;
border: 1px solid #c00;
color: #fff;
margin-left: 5px;
padding: 0px;
font-weight: bold;
height: 20px;
}
#util-links #activesharing_masthead_start:hover {
background-color: #3c0;
}
#util-links #activesharing_masthead_stop:hover {
background-color: #f66;
}
#loginBoxZ {
top: 33px;
left: auto;
right: 0px;
text-align: left;
z-index: 130;
display: none;
position: absolute;
width: 300px;
padding: 5px;
background-color: #EEE;
border: 1px solid #999;
font-size: 13px;
}
#loginBoxZ #loginBoxZ-signup {
font-weight: bold;
font-size: 11px;
float: right;
}
#loginBoxZ #loginBoxZ-login {
font-weight: bold;
font-size: 14px;
float: left;
color: #4A4A4A;
}
#loginBoxZ #loginBoxZ-container {
width: 270px;
margin-top: 3px;
}
#loginBoxZ #loginBoxZ-labels {
font-size: 11px;
font-weight: bold;
text-align: right;
width: 100px;
}
#loginBoxZ .loginBoxZ-input {
font-size: 11px;
width: 130px;
margin-bottom: 5px;
}
#loginBoxZ #loginBoxZ-labels label {
margin: 2px 3px 5px 0;
display: block;
height: 20px;
}
#loginBoxZ #loginBoxZ-forgot {
font-size: 11px;
text-align: center;
padding-top: 10px;
}
#loginBoxZ #loginBoxZ-gaia {
border-top: 1px dotted #999;
margin-top: 5px;
padding-top: 5px;
text-align: center;
font-size: 11px;
font-weight: bold;
}
#localePickerBox {
top: 33px;
left: auto;
right: 0px;
text-align: left;
z-index: 35;
display: none;
position: absolute;
width: 135px;
padding: 5px;
background-color: #EEE;
border: 1px solid #999;
font-size: 13px;
}
.flagDiv {
margin-bottom: 5px;
}
.flagDiv img {
margin: 0 5px;
}
.currentFlag {
vertical-align: middle;
}
#search-settings-form,
#search-advanced-form {
clear: both;
padding-top: 7px;
}
#search-settings-form .search-setting-inner,
#search-advanced-form .search-setting-inner {
border: 1px solid #a5aed5;
padding: 10px;
background-color: #e6efff;
}
#search-settings-form .close-link,
#search-advanced-form .close-link {
float: right;
}
#search-settings-form .close-link a,
#search-advanced-form .close-link a {
font-size: 11px;
text-decoration: none;
vertical-align: top;
border-bottom: 1px dotted #03C;
}
#search-settings-form .close-link img,
#search-advanced-form .close-link img {
background: transparent url(master-vfl38353.gif) no-repeat scroll -488px 0;
height: 14px;
width: 14px;
margin-left: 5px;
cursor: hand;
cursor: pointer;
}
#search-settings-form .search-title, #search-advanced-form .search-title {
font-weight: bold;
font-size: 16px;
}
#search-settings-form .search-filter {
font-weight: bold;
float: left;
}
#search-settings-form .search-filter-note {
float: left;
width: 210px;
}
#search-settings-form .search-filter-note label {
font-weight: bold;
}
#search-settings-form .search-section {
margin-right: 20px;
float: left;
width: 240px;
}
#search-settings-form .search-title {
float: left;
margin-right: 20px;
}
#search-settings-clr {
clear: both;
height: 0px;
font-size: 1px;
}
#search-advanced-form .search-advanced-highlight {
}
#search-advanced-form .search-advanced-header {
vertical-align: top;
padding-top: 5px;
}
#search-advanced-form select {
width: 250px;
}
#search-advanced-form .search-advanced-main {
width: 853px;
border-top: 1px solid #a5aed5;
margin-top: 5px;
}
#search-advanced-form .search-subsection {
float: left;
width: 49%;
}
#search-advanced-form .search-subsection div {
height: 40px;
padding-left: 75px;
}
#search-advanced-form .search-subsection div.search-advanced-header {
font-weight: bold;
height: 30px;
}
#search-advanced-form #search-advanced-submit {
text-align: center;
padding-left: 0px;
}
#search-advanced-form #search-advanced-categories {
padding-left: 95px;
height: auto;
padding-bottom: 5px;
}
#search-advanced-form #search-advanced-categories div {
height: auto;
padding-right: 10px;
padding-left: 0px;
}
#search-advanced-form #search-advanced-categories label {
white-space: nowrap;
}
#search-advanced-form #search-advanced-categories-lbl {
font-size: 11px;
font-weight: bold;
}
/***************************************************************************
* Footer
***************************************************************************/
#footer {
clear: both;
width: 875px;
margin-top: 15px;
font-size: 11px;
line-height: 13px;
background: #eee;
border-top: 1px solid #ccc;
}
#footer .search {
margin: auto 0;
}
#footer .search {
padding: 10px;
}
#footer .search form {
width: 67%;
margin: 5px;
text-align: right;
}
#footer .search form .query {
width: 250px;
font-size: 12px;
color: #000;
}
#footer .search .search-type {
display: inline;
}
#footer .links {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 15px;
}
#footer .links table {
width: 100%;
border-spacing: 0;
}
#footer .links tr {
margin: 0;
padding: 0;
}
#footer .links th {
color: #333;
font-size: 11px;
font-weight: bold;
text-align: left;
line-height: 14px;
padding-bottom: 1px;
white-space: nowrap;
}
#footer .links td {
width: 16%;
white-space: nowrap;
margin: 0;
padding-right: 15px;
line-height: 14px;
padding-bottom: 1px;
}
#footer .links .separator {
border-left: 1px solid #ccc;
padding-left: 15px;
}
#footer .links .section h1 {
margin: 0 0 4px 0;
padding: 0;
}
#footer .links .section ul {
display: block;
list-style-type: none;
margin: 0;
padding: 0 0 0 10px;
float: left;
}
#footer .links .section ul.first {
padding: 0;
}
#footer .links .section ul li {
padding: 0;
margin: 0;
}
#footer .promo {
font-size: 12px;
font-weight: bold;
float: right;
}
#copyright {
font-size: 11px;
padding: 15px 0;
text-align: center;
}
/***************************************************************************
* Pagination
***************************************************************************/
.pagingDiv {
background: #CCC;
padding: 4px;
font-weight: bold;
text-align: right;
}
.pagingDivClear {
padding: 3px;
font-weight: bold;
text-align: right;
}
.pagingDivClearTop {
padding: 3px;
padding-top: 5px;
font-weight: bold;
text-align: right;
}
.pagerCurrent {
color: #000;
background-color: #FFF;
padding: 1px 3px;
margin-right: 3px;
}
.pagerNotCurrent {
color: #03C;
padding: 1px 3px;
margin-right: 3px;
text-decoration: underline;
cursor: pointer;
cursor: hand;
}
.searchFooterBox div {
clear: both;
text-align: center;
font-size: 16px;
background: #fff;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.searchFooterBox div span.smallLabel {
font-size: 14px;
}
/***************************************************************************
* 'Newtube' layout - browse, members, etc.
***************************************************************************/
#header-wrapper {
border-bottom: 1px solid #cccccc;
height: 25px;
}
#left-column, #header-left {
margin-top: 12px;
margin-right: 10px;
width: 140px;
float: left;
}
#body-column, #header-middle {
margin-top: 12px;
width: 555px;
float: left;
}
#right-column {
margin-top: 5px;
margin-left: 10px;
width: 160px;
float: left;
}
#header-left {
font-size: 18px;
margin-top: 0;
}
#header-middle {
font-size: 18px;
font-weight: bold;
margin-top: 0;
}
#header-right {
margin-top: 0px;
width: 170px;
float: left;
}
#left-column div {
margin-bottom: 4px;
}
#left-column a {
text-decoration: none;
}
#left-column a:hover {
text-decoration: underline;
}
.category-selected {
font-weight: bold;
}
#sideAd {
float: right;
width: 160px;
padding-top: 6px;
}
/***************************************************************************
* todo: for the love of god, somebody get rid of this crap
* BEGIN CRAP
***************************************************************************/
.cccC { color: #ccc; }
.fffC { color: #fff; }
.cccBG { background: #CCC; }
.dddBG { background: #DDD; }
.eeeBG { background: #EEE; }
.fffBG { background: #FFF; }
.blueBG { background: #DEF; }
.greenBG { background: #DFC; }
.marB0 { margin-bottom: 0px; }
.marB3 { margin-bottom: 3px; }
.marB5 { margin-bottom: 5px; }
.marB10 { margin-bottom: 10px; }
.marB15 { margin-bottom: 15px; }
.marB20 { margin-bottom: 20px; }
.marL6 { margin-left: 6px; }
.marL8 { margin-left: 8px; }
.marL10 { margin-left: 10px; }
.marL15 { margin-left: 15px; }
.marL18 { margin-left: 18px; }
.marL20 { margin-left: 20px; }
.marL38 { margin-left: 38px; }
.mar38L { margin-left: 38px; }
.marR6 { margin-right: 6px; }
.marR10 { margin-right: 10px; }
.marR15 { margin-right: 15px; }
.marT0 { margin-top: 0px;}
.marT3 { margin-top: 3px; }
.marT4 { margin-top: 4px; }
.marT5 { margin-top: 5px;}
.marT10 { margin-top: 10px;}
.marT15 { margin-top: 15px; }
.marT20 { margin-top: 20px; }
.marTsm { margin-top: 5px;}
.marTmed { margin-top: 10px;}
.marTlg { margin-top: 15px;}
.marRsm { margin-right: 5px; }
.marRlg { margin-right: 15px; }
.marBsm { margin-bottom: 5px; }
.marBmed { margin-bottom: 10px; }
.marBlg { margin-bottom: 15px; }
.marLlg { margin-left: 15px; }
.padTsm { padding-top: 5px; }
.padTmed { padding-top: 10px; }
.padTlg { padding-top: 15px; }
.padRsm { padding-right: 5px; }
.padRlg { padding-right: 15px; }
.padBmed { padding-bottom: 10px; }
.padBsm { padding-bottom: 5px; }
.padLsm { padding-left: 5px; }
.padLmed { padding-left: 10px; }
.padLlg { padding-left: 15px; }
.padT3 { padding-top: 3px; }
.padT5 { padding-top: 5px; }
.padT8 { padding-top: 8px; }
.padT10 { padding-top: 10px; }
.padT12 { padding-top: 12px; }
.padT15 { padding-top: 15px; }
.padT20 { padding-top: 20px; }
.padB1 { padding-bottom: 1px; }
.padB3 { padding-bottom: 3px; }
.padB5 { padding-bottom: 5px; }
.padB10 { padding-bottom: 10px; }
.padB15 { padding-bottom: 15px; }
.padB20 { padding-bottom: 20px; }
.padL3 { padding-left: 3px; }
.padL5 { padding-left: 5px; }
.padL8 { padding-left: 8px; }
.padL10 { padding-left: 10px; }
.padL15 { padding-left: 15px; }
.padL20 { padding-left: 20px; }
.padL25 { padding-left: 25px; }
.padL30 { padding-left: 30px; }
.padL50 { padding-left: 50px; }
.padL65 { padding-left: 65px; }
.padR5 { padding-right: 5px; }
.padR10 { padding-right: 10px; }
.padR15 { padding-right: 15px; }
.padR20 { padding-right: 20px; }
.topPad7 { padding-top: 7px; }
.topPad5 { padding-top: 5px; }
.topPad2 { margin-top: 2px; }
.topMar10 { margin-top: 10px; }
.topMar5 { margin-top: 5px; }
.topMar2 { margin-top: 2px; }
/***************************************************************************
* END CRAP
***************************************************************************/
/***************************************************************************
* STOP! WHAT THE HELL ARE YOU DOING HERE? ONLY BASIC STYLES AND MASTHEAD,FOOTER STUFF GOES IN THIS FILE. GO AWAY!
* see TOC at top
* homepage = homepage.css
* watch = watch.css
* results = results.css
***************************************************************************/
/* #include /css/styles.css */
/****************************************************************************
* TABLE OF CONTENTS
*
* Video Display Elements
* Video/Channel Thumbnails
* QuickList
* Buttons
* Grid/List View
* Sprites
*
* Browse, members, community pages (aka video, channels, community)
* Profile (aka Channel) page
* Share Video
* My Account
* Groups and Contests Elements
* Modules
* Etc.
*
*/
/***************************************************************************
* Video Display Elements
***************************************************************************/
.vGridBox {
padding: 6px;
border: 1px solid #CCC;
background: #EEE;
}
.vListBox {
padding: 0px 6px;
border: 1px solid #CCC;
background: #EEE;
}
.vimg {
width: 130px;
height: 100px;
border: 1px solid #999;
}
.vimgSm {
width: 90px;
height: 70px;
border: 1px solid #CCC;
}
.vimg130 {
width: 130px;
height: 100px;
border: 1px solid #999;
}
.vimg120 {
width: 120px;
height: 90px;
}
.vimg110 {
width: 110px;
height: 82px;
border: 1px solid #999;
}
.vimg100 {
width: 100px;
height: 75px;
border: 1px solid #999;
}
.vimg90 {
width: 90px;
height: 70px;
border: 1px solid #999;
}
.vimg80 {
width: 80px;
height: 60px;
border: 1px solid #999;
}
.vimg70 {
width: 70px;
height: 53px;
border: 1px solid #999;
}
.vimg75 {
width: 75px;
height: 56px;
border: 1px solid #999;
}
.vimg60 {
width: 60px;
height: 45px;
border: 1px solid #999;
}
.vimg50 {
width: 50px;
height: 38px;
border: 1px solid #999;
}
.vimg45Wrapper { overflow: hidden; width: 45px; height: 45px; }
.vimg45Wrapper .img {
height: 45px;
margin-left: -7px;
border: 1px solid #999;
}
.videoIconWrapperInner {
overflow: hidden;
width: 120px;
height: 72px;
border: 1px solid #fff;
}
.videoIconWrapperInner img {
margin-top: -10px;
}
.videoIconWrapperOuter {
width: 122px;
border: 1px solid #999;
}
.v120WrapperInner {
overflow: hidden;
width: 120px;
height: 72px;
border: 1px solid #fff;
}
.v120WrapperInner img {
margin-top: -10px;
}
.v120WrapperOuter {
width: 122px;
border: 1px solid #999;
}
.v90WideEntry {
font-size: 11px; line-height: 14px; text-align: left;
width: 92px;
}
.v90WrapperInner {
overflow: hidden;
width: 90px;
height: 54px;
border: 1px solid #fff;
}
.v90WrapperInner img {
margin-top: -10px;
}
.v90WrapperOuter {
width: 92px;
border: 1px solid #999;
}
.v75WideEntry {
font-size: 11px; line-height: 14px; text-align: center;
width: 72px;
}
.v75WrapperInner {
overflow: hidden;
width: 70px;
height: 40px;
border: 1px solid #fff;
}
.v75WrapperInner img {
margin-top: -10px;
}
.v75WrapperOuter {
width: 72px;
border: 1px solid #999;
}
.v65WideEntry {
float: left;
}
.v65WrapperInner {
overflow: hidden;
width: 65px;
height: 65px;
border: 1px solid #fff;
}
.v65WrapperInner img {
width: 65px;
height: 65px;
}
.v65WrapperOuter {
width: 67px;
border: 1px solid #999;
}
.v50WrapperInner {
overflow: hidden;
width: 50px;
height: 30px;
border: 1px solid #fff;
}
.v50WrapperInner img {
margin-top: -10px;
}
.v50WrapperOuter {
width: 52px;
border: 1px solid #999;
}
.v45WideEntry {
float: left;
}
.v45WrapperInner {
overflow: hidden;
width: 45px;
height: 45px;
border: 1px solid #fff;
}
.v45WrapperInner img {
width: 45px;
height: 45px;
}
.v45WrapperOuter {
width: 47px;
border: 1px solid #999;
}
.addtoQL90 {
text-align: left;
width:100%;
margin-left:0px;
margin-top:-24px;
padding: 1px;
}
.addtoQL {
width:20px;
left:1px;
top:71px;
position:relative;
}
.addtoQLIE {
width:20px;
left:1px;
top:74px;
position:relative;
}
.addtoQLRelated {
width:20px;
margin-top:-26px;
margin-left:1px;
}
.addtoQLRelatedIE {
width:20px;
margin-top:-29px;
margin-left:1px;
}
img.rating {
border: 0px;
padding: 0px;
margin: 0px;
vertical-align: middle;
}
.runtime { color: #000; font-weight: bold; font-size: 11px; }
.title { font-weight: bold; font-size: 12px; }
.desc { margin: 3px 0px; font-size: 12px; }
.facets {
margin-top: 2px;
margin-bottom: 3px;
line-height: 13px;
font-size: 11px;
}
.vstill { margin-bottom: 2px; }
.vtitle { font-weight: bold; font-size: 12px; }
.vSnippetTitle { font-size: 14px; }
.vdesc { margin: 3px 0px; font-size: 12px; }
.searchvdesc {
margin: 3px 0px;
font-size: 11px;
}
#searchViews img {
cursor: hand;
cursor: pointer;
}
.vfacets {
margin: 3px 0px;
font-size: 11px;
line-height: 13px;
}
.vruntime {
font-size: 11px;
color: #000;
font-weight: bold;
}
.vtagLabel { float: left; }
.vtagValue {
margin-left: 35px;
margin-bottom: 3px;
}
.vTable {
border-spacing: 0px;
padding: 0px;
}
.vTable td { vertical-align: top; }
.vTable .vinfo { padding-left: 8px; }
.vInfo {
padding-left: 20px;
font-size: 11px;
padding-top: 1px;
line-height: 1.4em;
}
.vMore {
padding-left: 20px;
font-size: 11px;
}
.vtitlelink {
font-weight: bold;
text-decoration: none;
font-size: 15px;
}
a.vtitlelink:hover {
text-decoration: underline;
}
.vEntry {
padding: 10px 0px;
border-bottom: 1px dotted #999;
}
.vDetailEntry {
clear: left;
padding: 8px 0px;
border-top: 1px dashed #999;
}
.vDetailEntry:first-child {
border-top: 0;
}
.vDetailEntry table {
border-spacing: 0px;
padding: 0px;
}
.vDetailEntry td { vertical-align: top; }
.vDetailEntry .image { margin-right: 12px; }
.vDetailEntry .tagLabel { float: left; }
.vDetailEntry .tagValue {
margin-left: 35px;
margin-bottom: 3px;
}
.vDetailEntry .tagTable {
border-spacing: 0px;
padding: 0px;
margin-bottom: 3px;
}
.vDetailEntry .tagTable td {
font-size: 11px;
vertical-align: top;
}
.vMicroEntry {
width: 90px;
margin-bottom: 6px;
margin-right: 15px;
}
.vMicroEntry img { margin-bottom: 4px; }
.v120vEntry { width: 120px; margin-bottom: 10px; }
.v120vEntry .vstill { margin-bottom: 4px; }
.v120vEntry .vimg { width: 120px; height: 90px; border: 1px solid #999; }
.v90vEntry { width: 90px; margin-bottom: 6px; }
.v90vEntry .vstill { margin-bottom: 2px; }
.v90vEntry .vtitle { font-weight: bold; }
.v90vEntry .vimg { width: 90px; height: 70px; border: 1px solid #999; }
.v80vEntry { width: 80px; margin-bottom: 6px; }
.v80vEntry .vstill { margin-bottom: 2px; }
.v80vEntry .vtitle { font-weight: bold; }
.v80vEntry .vimg { width: 80px; height: 60px; border: 1px solid #999; }
.v130hEntry { clear: left; }
.v130hEntry .vstill { float: left; }
.v130hEntry .vimg { width: 130px; height: 100px; border: 1px solid #999; }
.v130hEntry .vinfo { margin-left: 140px; }
.v120hEntry { clear: left; }
.v120hEntry .vstill { float: left; }
.v120hEntry .vinfo { margin-left: 130px; }
.v90hEntry { clear: left; }
.v90hEntry .vstill { float: left; }
.v90hEntry .vimg { width: 90px; height: 70px; border: 1px solid #999; }
.v90hEntry .vinfo { margin-left: 96px; }
.v80hEntry { clear: left; }
.v80hEntry .vstill { float: left; }
.v80hEntry .vimg { width: 80px; height: 60px; border: 1px solid #999; }
.v80hEntry .vinfo { margin-left: 86px; }
.v50hEntry { clear: left; }
.v50hEntry .vstill { float: left; }
.v50hEntry .vimg { width: 50px; height: 38px; border: 1px solid #999; }
.v50hEntry .vinfo { margin-left: 56px; }
.vimgFaded {
width: 120px;
height: 90px;
border: 1px solid #999;
opacity : .3;
-moz-opacity : .3;
filter : alpha(opacity=30);
}
.opacity30 {
opacity : .3;
-moz-opacity : .3;
filter : alpha(opacity=30);
}
.opacity80 {
opacity : .8;
-moz-opacity : .8;
filter : alpha(opacity=80);
}
.playlistHeading {
float:left;
width:320px;
margin-left:5px;
margin-bottom:8px;
}
/***************************************************************************
* Video/Channel Thumbnails
***************************************************************************/
.video-embed {
overflow: hidden;
background-color: white;
border: 3px double #999;
display: block;
}
.video-thumb-tiny {
display: inline;
display: -moz-inline-box;
display: inline-block;
border: 1px solid #999;
padding: 0;
background-color: white;
width: 25px;
height: 15px;
vertical-align: text-bottom;
margin-right: 5px;
}
.video-thumb-micro {
overflow: hidden;
background-color: white;
border: 3px double #999;
display: block;
width: 40px;
height: 24px;
}
.video-thumb-micro img {
width: 40px;
height: 30px;
margin-top: -3px;
}
.video-thumb-small {
overflow: hidden;
background-color: white;
border: 3px double #999;
display: block;
width: 59px;
height: 37px;
}
.video-thumb-small img {
width: 59px;
height: 44px;
margin-top: -3.5px;
}
.video-thumb-medium {
overflow: hidden;
background-color: white;
border: 3px double #999;
display: block;
width: 94px;
height: 59px;
}
.video-thumb-medium img {
width: 94px;
height: 70px;
margin-top: -6px;
}
.video-thumb-normal {
overflow: hidden;
background-color: white;
border: 3px double #999;
display: block;
width: 114px;
height: 72px;
}
.video-thumb-normal img {
width: 114px;
height: 85px;
margin-top: -6px;
}
.video-thumb-large {
overflow: hidden;
background-color: white;
border: 3px double #999;
display: block;
width: 160px;
height: 100px;
}
.video-thumb-large-img {
width: 160px;
height: 120px;
margin-top: -10px;
}
.video-thumb-large .addtoQL90 {
margin-top: -36px;
}
.video-thumb-jumbo {
overflow: hidden;
background-color: white;
border: 3px double #999;
display: block;
width: 264px;
height: 174px;
}
.video-thumb-jumbo img {
width: 264px;
height: 198px;
margin-top: -12px;
}
.video-thumb-micro img.faded,
.video-thumb-small img.faded,
.video-thumb-medium img.faded,
.video-thumb-large img.faded,
.video-thumb-jumbo img.faded {
opacity : .3;
-moz-opacity : .3;
filter : alpha(opacity=30);
}
.user-thumb-micro {
overflow: hidden;
background-color: white;
border: 3px double #999;
display: block;
width: 10px;
height: 10px;
}
.user-thumb-micro img {
height: 10px;
width: 13px;
margin-left: -1.5px;
}
.user-thumb-small {
overflow: hidden;
background-color: white;
border: 3px double #999;
display: block;
height: 24px;
width: 24px;
}
.user-thumb-small img {
height: 24px;
width: 32px;
margin-left: -4px;
}
.user-thumb-medium {
overflow: hidden;
background-color: white;
border: 3px double #999;
display: block;
height: 46px;
width: 46px;
}
.user-thumb-medium img {
height: 46px;
width: 61px;
margin-left: -8px;
}
.user-thumb-partner {
overflow: hidden;
background-color: white;
border: 3px double #999;
display: block;
height: 55px;
width: 55px;
}
.user-thumb-partner img {
height: 55px;
width: 55px;
}
.user-thumb-large {
overflow: hidden;
background-color: white;
border: 3px double #999;
display: block;
height: 60px;
width: 60px;
}
.user-thumb-large img {
height: 60px;
width: 80px;
margin-left: -10px;
}
.user-thumb-xlarge {
overflow: hidden;
background-color: white;
border: 3px double #999;
display: block;
height: 88px;
width: 88px;
}
.user-thumb-xlarge img {
height: 88px;
width: 118px;
margin-left: -15px;
}
.user-thumb-jumbo {
overflow: hidden;
background-color: white;
border: 3px double #999;
display: block;
height: 94px;
width: 94px;
}
.user-thumb-jumbo img {
height: 94px;
width: 125px;
margin-left: -15.5px;
}
/* hide from ie6 */
html > body .user-thumb-micro img,
html > body .user-thumb-small img,
html > body .user-thumb-medium img,
html > body .user-thumb-large img,
html > body .user-thumb-xlarge img,
html > body .user-thumb-jumbo img {
width: auto;
}
/***************************************************************************
* QuickList
***************************************************************************/
.QLIcon {
position: absolute;
z-index: 2;
width: 25px;
height: 25px;
top: 36px;
left: 4px;
}
.QLIconSearch {
top: 59px;
left: 2px;
}
.QLContainer {
position: relative;
z-index: 0;
}
.QLIconImg {
background: transparent url(master-vfl38353.gif) no-repeat scroll -536px 4px;
width: 25px;
height: 25px;
}
.QLIconImgOver {
background: transparent url(master-vfl38353.gif) no-repeat scroll -561px 4px;
width: 25px;
height: 25px;
}
.QLIconImgDone {
background: transparent url(master-vfl38353.gif) no-repeat scroll -586px 4px;
width: 25px;
height: 25px;
}
/***************************************************************************
* Buttons
***************************************************************************/
.installButton b,
.subButton b,
.editButton b {
float: left;
display: block;
position: relative;
margin: 0 1px 3px 0;
border: solid #D70;
border-width: 1px 0;
padding: 0;
font-weight: normal;
}
.installButton:hover b,
.subButton:hover b,
.editButton:hover b {
border-color: #930;
color: #000;
}
.installButton b b,
.subButton b b,
.editButton b b {
background: none;
margin: 0 -1px;
padding: 0;
border-width: 0 1px;
}
.installButton b b b,
.subButton b b b,
.editButton b b b {
margin: 0;
padding: .2em .5em .1em;
border-width: 0;
cursor: pointer;
font-weight: bold;
font-size: 1.1em;
color: #FFF;
text-decoration: none;
text-align: center;
}
.installButton b {
background: #F90 url(btn_gradient_orange_1x23-vfl29294.png) repeat-x 0 0;
}
.subButton b {
background: #F90 url(master-vfl38353.gif) repeat-x 0px -249px;
text-decoration: none;
}
.editButton b {
background: #F90 url(master-vfl38353.gif) repeat-x 0px -249px;
text-decoration: none;
}
.uploadButton,
.optionButton {
float: left;
margin: 6px 0px;
white-space: nowrap;
text-align: left;
color: #666;
text-decoration: none;
font-weight: bold;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: .9em;
line-height: 1.2em;
outline: none;
}
.optionButton {
font-family: Arial, sans-serif;
font-size: 1em;
}
.uploadButton b,
.optionButton b {
display: block;
position: relative;
margin: 0 1px;
border: solid #CCC;
border-width: 1px 0;
padding: 0;
font-weight: normal;
background: #EEE url(btn_gradient_grey_1x23-vfl34546.png) repeat-x 0 0;
}
.uploadButton:hover b,
.optionButton:hover b {
border-color: #666;
color: #000;
}
.uploadButton b b,
.optionButton b b {
background: none;
margin: 0 -1px;
padding: 0;
border-width: 0 1px;
}
.uploadButton b b b,
.optionButton b b b {
margin: 0;
padding: .1em .5em .2em;
color: #666;
border-width: 0;
cursor: pointer;
}
.button {
float: left;
margin: 0 6px;
white-space: nowrap;
text-align: left;
color: #02339a;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
line-height: 1.2em;
outline: none;
}
.button b {
display: block;
position:relative;
margin:0 1px;
border:solid #a1b5da;
border-width:1px 0;
padding: 0px;
font-weight:bold;
background:#999 url(but-bck-vfl33160.png) repeat-x 0 0;
}
.button:hover b {
border-color: #666;
}
.button b b {
background:none;
margin:0 -1px;
padding:0px;
border-width:0 1px;
}
.button b b b {
margin: 0px;
padding: .3em .5em .2em;
border-width: 0px;
cursor: pointer;
}
.action-button {
display: block;
cursor: hand;
cursor: pointer;
text-decoration: none;
}
.action-button .action-button-leftcap {
float: left;
display: block;
width: 5px;
height: 25px;
background: transparent url(master-vfl38353.gif) no-repeat scroll -132px -37px;
}
.action-button .action-button-text {
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: bold;
float: left;
display: block;
color: #994800;
text-decoration: none;
background: transparent url(master-vfl38353.gif) no-repeat scroll 0 -174px;
height: 19px;
padding: 6px 8px 0 8px;
}
.action-button .action-button-rightcap {
float: left;
display: block;
width: 5px;
height: 25px;
background: transparent url(master-vfl38353.gif) no-repeat scroll -137px -37px;
}
.action-button:hover .action-button-leftcap {
background: transparent url(master-vfl38353.gif) no-repeat scroll -142px -37px;
}
.action-button:hover .action-button-text {
text-decoration: underline;
background: transparent url(master-vfl38353.gif) no-repeat scroll 0 -199px;
}
.action-button:hover .action-button-rightcap {
background: transparent url(master-vfl38353.gif) no-repeat scroll -147px -37px;
}
.action-button.inactive .action-button-leftcap {
background: transparent url(master-vfl38353.gif) no-repeat scroll -152px -37px;
}
.action-button.inactive .action-button-text {
color: #333;
background: transparent url(master-vfl38353.gif) no-repeat scroll 0 -224px;
}
.action-button.inactive .action-button-rightcap {
background: transparent url(master-vfl38353.gif) no-repeat scroll -157px -37px;
}
.add-button {
display: block;
cursor: hand;
cursor: pointer;
text-decoration: none;
}
.add-button .add-button-leftcap {
float: left;
display: block;
width: 5px;
height: 25px;
background: transparent url(master-vfl38353.gif) no-repeat scroll -162px -37px;
}
.add-button .add-button-text {
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: bold;
float: left;
display: block;
color: #002f91;
text-decoration: none;
background: transparent url(master-vfl38353.gif) no-repeat scroll -305px -377px;
height: 19px;
padding: 6px 8px 0 8px;
}
.add-button .add-button-rightcap {
float: left;
display: block;
width: 5px;
height: 25px;
background: transparent url(master-vfl38353.gif) no-repeat scroll -167px -37px;
}
.add-button:hover .add-button-leftcap {
background: transparent url(master-vfl38353.gif) no-repeat scroll -162px -37px;
}
.add-button:hover .add-button-text {
text-decoration: underline;
background: transparent url(master-vfl38353.gif) no-repeat scroll -305px -377px;
}
.add-button:hover .add-button-rightcap {
background: transparent url(master-vfl38353.gif) no-repeat scroll -167px -37px;
}
.add-button.inactive .add-button-leftcap {
background: transparent url(master-vfl38353.gif) no-repeat scroll -152px -37px;
}
.add-button.inactive .add-button-text {
color: #333;
background: transparent url(master-vfl38353.gif) no-repeat scroll 0 -224px;
}
.add-button.inactive .add-button-rightcap {
background: transparent url(master-vfl38353.gif) no-repeat scroll -157px -37px;
}
.edit-button {
display: block;
cursor: hand;
cursor: pointer;
text-decoration: none;
}
.edit-button .edit-button-leftcap {
float: left;
display: block;
width: 5px;
height: 25px;
background: transparent url(master-vfl38353.gif) no-repeat scroll -152px -37px;
}
.edit-button .edit-button-text {
font-family: Arial, sans-serif;
font-size: 12px;
float: left;
display: block;
color: #000;
text-decoration: none;
background: transparent url(master-vfl38353.gif) no-repeat scroll 0 -224px;
height: 19px;
padding: 6px 8px 0 8px;
}
.edit-button .edit-button-rightcap {
float: left;
display: block;
width: 5px;
height: 25px;
background: transparent url(master-vfl38353.gif) no-repeat scroll -157px -37px;
}
.edit-button:hover .edit-button-leftcap {
background: transparent url(master-vfl38353.gif) no-repeat scroll -152px -37px;
}
.edit-button:hover .edit-button-text {
text-decoration: underline;
background: transparent url(master-vfl38353.gif) no-repeat scroll 0 -224px;
}
.edit-button:hover .edit-button-rightcap {
background: transparent url(master-vfl38353.gif) no-repeat scroll -157px -37px;
}
.edit-button.inactive .edit-button-leftcap {
background: transparent url(master-vfl38353.gif) no-repeat scroll -152px -37px;
}
.edit-button.inactive .edit-button-text {
color: #333;
background: transparent url(master-vfl38353.gif) no-repeat scroll 0 -224px;
}
.edit-button.inactive .edit-button-rightcap {
background: transparent url(master-vfl38353.gif) no-repeat scroll -157px -37px;
}
#subscribeMessage {
display: none;
text-align: center;
padding: 8px;
font-weight: bold;
font-size: 12px;
font-family: arial,helvetica,sans-serif;
}
#subscribeMessage.errorBox {
height: 15px;
}
.channelLeftColumn #subscribeMessage {
padding: 10px 0;
width: 300px;
border-right: 1px solid #666;
border-left: 1px solid #666;
}
/* The 'View related Channels' that will show up in profile subscribe */
#channelRecs {
text-align: left;
margin: 5px 5px 0 5px;
border-top: 1px solid #CCC;
}
#channelRecs h2 {
font-size: 14px;
margin: 6px 0;
color: #000;
}
#channelRecs ul {
list-style-type: none;
padding: 0;
margin: 0;
}
#channelRecs ul li {
height: 75px;
}
#channelRecs ul li a {
display: block;
color: #000;
}
#channelRecs ul li .user-thumb-large {
float: left;
margin-right: 10px;
}
/***************************************************************************
* Grid/List View
***************************************************************************/
.browseGridView .vlentry {
width: 120px;
margin-bottom: 20px;
height: 155px;
}
.searchView .vlentry {
height: auto;
}
.browseListView .vlcontainer {
width: 409px;
float: left;
}
.browseGridView .vlcontainer {
width: auto;
}
.browseGridView .vlentry .vstill {
margin-bottom: 4px;
}
.browseGridView .vlentry .vimg {
width: 120px;
height: 90px;
border: 1px solid #999;
}
.browseListView .vlentry {
padding-bottom: 10px;
margin-top: 10px;
border-bottom: 1px dotted #bbb;
}
.browseListView .vlentry.dark-border {
border-bottom: 1.5px solid #bbb;
}
.browseListView .v120WideEntry {
float: left;
}
.membersListView .user-thumb-large {
float: left;
}
.membersGridView .user-thumb-medium {
float: left;
}
.browseListView .vltitle,
.membersListView .vltitlealt {
font-weight: bold;
font-size: 14px;
margin-bottom: 5px;
}
.browseListView .vltitle a,
.membersListView .vltitlealt a {
text-decoration: none;
}
.browseListView.searchView .vltitle,
.membersListView.searchView .vltitle {
font-weight: normal;
}
.browseGridView.searchView .vltitle a,
.membersGridView.searchView .vltitle a {
text-decoration: none;
}
.browseGridView .vldescbox,
.membersGridView .vldescbox {
margin-top: 5px;
font-weight: bold;
font-size: 12px;
}
.browseListView .vldescbox,
.membersListView .vldescbox {
width: 280px;
margin-left: 5px;
float: left;
}
#hpVideoList.browseListView .vldescbox {
width: 260px;
}
#hpVideoList.browseListView .vlcontainer {
width: 389px;
}
.membersListView .vldescbox {
width: 335px;
}
.vldesc {
overflow: hidden;
}
.membersListView.channelOnebox .vldescbox {
width: 333px;
}
.browseListView .vldesc a {
color: #333;
}
.browseListView .vldesc a:hover {
text-decoration: underline;
}
.browseGridView .vlcell,
.membersGridView .memberContainer {
float: left;
width: 24.9%;
}
.browseListView .vlcell {
width: auto !important;
}
.browseListView .vlepisode {
margin: 0 4px;
color: #666;
width: 380px;
}
.browseListView .vlepisode-inner {
width: 378px;
padding-bottom: 1px;
}
.browseListView .vlepisode-hidden {
display: none;
}
.browseListView .vlepisode.showepisode .vlepisode-hidden {
display: inline;
}
.browseListView .vlepisode.showepisode .vlepisode-showmore {
display: none;
}
.browseListView .vlepisode-showmore,
.browseListView .vlepisode-hidden {
white-space: nowrap;
}
.browseListView .vlclear,
.membersListView .vlclear,
.membersGridView .vlclearalt {
clear: both;
}
.browseListView .vlepisode,
.browseListView .vldupe {
padding-top: 7px;
}
.browseGridView .vldesc,
#browseMain .browseGridView .vladded,
.browseGridView .vllongTitle,
.browseListView .vlshortTitle,
.membersGridView .memberBoxList,
.membersListView .memberBoxGrid,
.membersGridView .memberBoxTypeContainerAlt,
.membersListView .memberBoxTypeContainer,
.membersGridView .vldesc,
.membersGridView .vlrecent,
.membersListView .vltitle,
.membersGridView .vltitlealt,
.browseGridView .searchFresh,
.watch-discoverbox-grid-view .watch-discoverbox-list-facet,
.watch-discoverbox-grid-view .watch-discoverbox-list-facet-alt,
.watch-discoverbox-grid-view .watch-discoverbox-divider,
.browseGridView .vldupe,
.browseGridView .vlepisode {
display: none;
}
.browseListView .vldesc,
#browseMain .browseListView .vladded,
.browseListView .vllongTitle,
.browseGridView .vlshortTitle,
.membersListView .memberBoxList,
.membersGridView .memberBoxGrid,
.membersListView .memberBoxTypeContainerAlt,
.membersGridView .memberBoxTypeContainer,
.membersListView .vldesc,
.membersListView .vlrecent,
.membersGridView .vltitle,
.membersListView .vltitlealt,
.browseListView .searchFresh,
.watch-discoverbox-list-view .watch-discoverbox-list-facet,
.watch-discoverbox-list-view .watch-discoverbox-divider {
display: block;
}
.watch-discoverbox-divider {
clear: both;
margin-bottom: 3px;
margin-right: 7px;
padding-bottom: 3px;
border-bottom: 1px dotted #CCC;
}
.searchView .vladded {
display: block;
}
.searchView .vlcategory {
margin-top: 6px;
}
.watch-discoverbox-list-view .watch-discoverbox-list-facet-alt {
display: inline;
}
.watch-discoverbox-grid-view .watch-discoverbox-facets {
line-height: 14px;
clear: left;
}
.watch-discoverbox-list-view,
.watch-discoverbox-grid-view {
padding-top: 0px;
}
.watch-discoverbox-list-view .watch-discoverbox,
.watch-discoverbox-grid-view .watch-discoverbox {
padding-top:7px;
overflow:auto;
}
.watch-discoverbox-grid-view .watch-discoverbox-entry,
.watch-discoverbox-list-view .watch-discoverbox-thumb {
float:left;
}
.watch-discoverbox-grid-view .watch-discoverbox-grid-divider {
clear: left;
}
.watch-discoverbox-grid-view .watch-discoverbox-entry {
margin-right: 10px;
margin-bottom: 10px;
width: 90px;
}
.watch-discoverbox-grid-view .vtitle {
font-size: 11px;
font-weight: bold;
}
.watch-discoverbox-grid-view .watch-discoverbox-username {
font-size: 11px;
font-weight: normal;
display: block;
}
.watch-discoverbox-list-view .watch-discoverbox-facets {
margin-left:100px;
margin-right: 5px;
}
.browseListView .vlfacets,
.membersListView .vlfacets {
font-size: 11px;
border-left: 1px solid #bbb;
margin-left: 5px;
padding-left: 5px;
line-height: 14px;
float: left;
width: 135px;
}
.membersListView.channelOnebox .vlfacets {
width: 60px;
}
.searchView .vlfacets {
width: 120px;
}
.membersListView .vlfacets {
height: 65px;
}
.browseGridView .vlfacets,
.membersGridView .memberContainer {
margin: 3px 0px;
font-size: 11px;
line-height: 13px;
}
.browseListView .vlfacets span,
.browseListView .vlfacets div {
line-height: 15px;
}
.membersListView .vlfacets span,
.membersListView .vlfacets div {
line-height: 13px;
}
.browseListView .vlfacets div img {
margin-top: 2px;
margin-bottom: 3px;
}
.browseGridView .video-thumb-duration-rating div {
float: right;
margin-top: 1px;
}
.browseGridView .video-thumb-duration-rating .runtime {
float: left;
margin-top: 0px;
}
.membersGridView .memberContainer {
margin-bottom: 15px;
}
.membersGridView .vltitle {
padding-bottom: 3px;
font-weight: bold;
}
.membersListView .memberContainer {
padding: 14px 0px;
border-bottom: 1px dotted #bbb;
}
.membersListView.channelOnebox .memberContainer {
padding: 2px 0px;
border-bottom: 0px;
}
.browseGridView .vlfacets a {
color: #333;
}
.browseGridView .vlshortTitle {
height: 30px;
overflow: hidden;
}
.browseListView .vllongTitle {
overflow: hidden;
}
.browseListView .vlclearaltl {
clear: left;
}
.browseListView .vlentry {
margin-top: 0px !important;
padding-top: 10px;
}
html > body .browseListView .vlentry { /* hide from ie6 */
padding-top: 0px;
margin-bottom: 10px;
}
.browseListView .vlentry > .vlclearaltl {
height: 0;
}
.browseGridView .vlfrom,
.browseListView .vlfrom {
overflow: hidden;
width: 85px;
padding-left: 1px;
display: block;
float: left;
}
.browseGridView .vlfromlbl,
.browseListView .vlfromlbl {
display: block;
float: left;
}
.memberListGroupType {
font-weight: bold;
color: #333;
}
.membersGridView .vlfacets {
margin-top: 2px;
}
#viewTypeContainer {
font-size: 12px;
color: #666;
padding: 0px 10px;
}
#viewTypeContainer div {
text-align: right;
float: right;
width: 150px;
line-height: 14px;
vertical-align: middle;
}
#viewTypeContainer img {
margin: 0;
vertical-align: top;
}
#searchViews > img,
#searchViews > a > img { /* hide from ie6 */
margin-top: -2px;
}
.searchView .vldupe a {
color: #666;
font-size: 11px;
}
.browseListView .vlalt-query {
height: 40px;
font-size: 130%;
}
.browseGridView .vlalt-query {
display: none;
}
.browseListView .vlalt-query a {
font-weight: bold;
font-style: italic;
}
.memberStat { width:108px; }
/***************************************************************************
* Sprites
***************************************************************************/
.flag_de_DE {
background: transparent url(flags-vfl39131.gif) no-repeat scroll 0px 0px;
}
.flag_en_AU {
background: transparent url(flags-vfl39131.gif) no-repeat scroll -17px 0px;
}
.flag_en_CA {
background: transparent url(flags-vfl39131.gif) no-repeat scroll -34px 0px;
}
.flag_en_GB {
background: transparent url(flags-vfl39131.gif) no-repeat scroll -51px 0px;
}
.flag_en_IE {
background: transparent url(flags-vfl39131.gif) no-repeat scroll -68px 0px;
}
.flag_en_NZ {
background: transparent url(flags-vfl39131.gif) no-repeat scroll -85px 0px;
}
.flag_en_US {
background: transparent url(flags-vfl39131.gif) no-repeat scroll -102px 0px;
}
.flag_es_ES {
background: transparent url(flags-vfl39131.gif) no-repeat scroll -119px 0px;
}
.flag_es_MX {
background: transparent url(flags-vfl39131.gif) no-repeat scroll -136px 0px;
}
.flag_fr_FR {
background: transparent url(flags-vfl39131.gif) no-repeat scroll -153px 0px;
}
.flag_it_IT {
background: transparent url(flags-vfl39131.gif) no-repeat scroll -170px 0px;
}
.flag_ja_JP {
background: transparent url(flags-vfl39131.gif) no-repeat scroll -187px 0px;
}
.flag_nl_NL {
background: transparent url(flags-vfl39131.gif) no-repeat scroll -204px 0px;
}
.flag_pl_PL {
background: transparent url(flags-vfl39131.gif) no-repeat scroll -221px 0px;
}
.flag_pt_BR {
background: transparent url(flags-vfl39131.gif) no-repeat scroll -238px 0px;
}
.flag_ru_RU {
background: transparent url(flags-vfl39131.gif) no-repeat scroll -255px 0px;
}
.flag_zh_HK {
background: transparent url(flags-vfl39131.gif) no-repeat scroll -272px 0px;
}
.flag_zh_TW {
background: transparent url(flags-vfl39131.gif) no-repeat scroll -289px 0px;
}
.flag_ko_KR {
background: transparent url(flags-vfl39131.gif) no-repeat scroll -306px 0px;
}
.flag_en_IN {
background: transparent url(flags-vfl39131.gif) no-repeat scroll -323px 0px;
}
.commentDown,
.commentDownHover {
background: transparent url(master-vfl38353.gif) no-repeat scroll -385px 0px;
width: 19px;
height: 19px;
border: 0px;
vertical-align: bottom;
}
.commentDownHover:hover,
.commentDownOn {
background: transparent url(master-vfl38353.gif) no-repeat scroll -385px -19px;
width: 19px;
height: 19px;
border: 0px;
vertical-align: bottom;
}
.commentUp,
.commentUpHover {
background: transparent url(master-vfl38353.gif) no-repeat scroll -404px 0px;
width: 19px;
height: 19px;
border: 0px;
vertical-align: bottom;
}
.commentUpHover:hover,
.commentUpOn {
background: transparent url(master-vfl38353.gif) no-repeat scroll -404px -19px;
width: 19px;
height: 19px;
border: 0px;
vertical-align: bottom;
}
.watch-comment-voting-off .commentDownHover {
background: transparent url(master-vfl38353.gif) no-repeat scroll -385px 0px;
}
.watch-comment-voting-off .commentUpHover {
background: transparent url(master-vfl38353.gif) no-repeat scroll -404px 0px;
}
.commentUp,
.commentDown,
.watch-comment-voting-off .commentDownHover,
.watch-comment-voting-off .commentUpHover {
opacity : .3;
-moz-opacity : .3;
filter : alpha(opacity=30);
}
.commentDownOn, .commentUpOn,
.commentDownHover, .commentUpHover {
opacity : .8;
-moz-opacity : .8;
filter : alpha(opacity=80);
}
.btn_vscroll_lt_18x106 {
background: transparent url(btn_vscroll_18x106-vfl28566.gif) no-repeat scroll 0px 0px;
width: 18px;
height: 106px;
}
.btn_vscroll_lt_18x106:hover {
background: transparent url(btn_vscroll_18x106-vfl28566.gif) no-repeat scroll -18px 0px;
}
.btn_vscroll_rt_18x106 {
background: transparent url(btn_vscroll_18x106-vfl28566.gif) no-repeat scroll -36px 0px;
width: 18px;
height: 106px;
}
.btn_vscroll_rt_18x106:hover {
background: transparent url(btn_vscroll_18x106-vfl28566.gif) no-repeat scroll -54px 0px;
}
.LeftSingleArrow {
background: transparent url(master-vfl38353.gif) no-repeat scroll 0 -332px;
width: 19px;
height: 45px;
}
.LeftSingleArrow:hover {
background: transparent url(master-vfl38353.gif) no-repeat scroll 0 -332px;
}
.RightSingleArrow {
background: transparent url(master-vfl38353.gif) no-repeat scroll -19px -332px;
width: 19px;
height: 45px;
}
.RightSingleArrow:hover {
background: transparent url(master-vfl38353.gif) no-repeat scroll -19px -332px;
}
.SingleArrowBox {
padding-top: 5px;
}
.SingleArrowContainerBox {
margin-left: 20px;
}
.LeftTableArrow {
background: transparent url(TableArrow-vfl28566.gif) no-repeat scroll 0px 0px;
width: 21px;
height: 121px;
}
.LeftTableArrow:hover {
background: transparent url(TableArrow-vfl28566.gif) no-repeat scroll -21px 0px;
}
.RightTableArrow {
background: transparent url(TableArrow-vfl28566.gif) no-repeat scroll -42px 0px;
width: 21px;
height: 121px;
}
.RightTableArrow:hover {
background: transparent url(TableArrow-vfl28566.gif) no-repeat scroll -63px 0px;
}
.LeftTableArrowWhite {
background: transparent url(TableArrowWhite-vfl28566.gif) no-repeat scroll 0px 0px;
width: 21px;
height: 121px;
}
.LeftTableArrowWhite:hover {
background: transparent url(TableArrowWhite-vfl28566.gif) no-repeat scroll -21px 0px;
}
.RightTableArrowWhite {
background: transparent url(TableArrowWhite-vfl28566.gif) no-repeat scroll -42px 0px;
width: 21px;
height: 121px;
}
.RightTableArrowWhite:hover {
background: transparent url(TableArrowWhite-vfl28566.gif) no-repeat scroll -63px 0px;
}
.activeSharingGreenHeader {
background: transparent url(master-vfl38353.gif) no-repeat scroll -447px -22px;
width: 13px;
height: 16px;
}
.activeSharingRedHeader {
background: transparent url(master-vfl38353.gif) no-repeat scroll -459px -22px;
width: 13px;
height: 16px;
}
.activeSharingGreen {
background: transparent url(master-vfl38353.gif) no-repeat scroll -449px -28px;
width: 9px;
height: 9px;
}
.activeSharingRed {
background: transparent url(master-vfl38353.gif) no-repeat scroll -461px -28px;
width: 9px;
height: 9px;
}
.icn_star_full_11x11gif {
background: transparent url(master-vfl38353.gif) no-repeat scroll -439px 0px;
width: 11px;
height: 11px;
}
.icn_star_half_11x11gif {
background: transparent url(master-vfl38353.gif) no-repeat scroll -450px 0px;
width: 11px;
height: 11px;
}
.icn_star_empty_11x11gif {
background: transparent url(master-vfl38353.gif) no-repeat scroll -461px 0px;
width: 11px;
height: 11px;
}
.icn_star_grey_full_11x11gif {
background: transparent url(master-vfl38353.gif) no-repeat scroll -439px -11px;
width: 11px;
height: 11px;
}
.icn_star_grey_half_11x11gif {
background: transparent url(master-vfl38353.gif) no-repeat scroll -450px -11px;
width: 11px;
height: 11px;
}
.icn_star_grey_empty_11x11gif {
background: transparent url(master-vfl38353.gif) no-repeat scroll -461px -11px;
width: 11px;
height: 11px;
}
.icn_star_full_16x20gif {
background: transparent url(icn_star_16x20-vfl28566.gif) no-repeat scroll 0px 0px;
width: 16px;
height: 20px;
}
.icn_star_half_16x20gif {
background: transparent url(icn_star_16x20-vfl28566.gif) no-repeat scroll -16px 0px;
width: 16px;
height: 20px;
}
.icn_star_empty_16x20gif {
background: transparent url(icn_star_16x20-vfl28566.gif) no-repeat scroll -32px 0px;
width: 16px;
height: 20px;
}
.icn_star_full_19x20gif {
background: transparent url(master-vfl38353.gif) no-repeat scroll -373px -38px;
width: 19px;
height: 20px;
}
.icn_star_half_19x20gif {
background: transparent url(master-vfl38353.gif) no-repeat scroll -392px -38px;
width: 19px;
height: 20px;
}
.icn_star_empty_19x20gif {
background: transparent url(master-vfl38353.gif) no-repeat scroll -411px -38px;
width: 19px;
height: 20px;
}
.icn_star_full_19x20png {
background: transparent url(master-vfl38353.gif) no-repeat scroll -373px -38px;
width: 19px;
height: 20px;
}
.icn_star_half_19x20png {
background: transparent url(master-vfl38353.gif) no-repeat scroll -392px -38px;
width: 19px;
height: 20px;
}
.icn_star_empty_19x20png {
background: transparent url(master-vfl38353.gif) no-repeat scroll -411px -38px;
width: 19px;
height: 20px;
}
#iconMail {
background: transparent url(master-vfl38353.gif) no-repeat scroll -488px -22px;
width: 16px;
height: 16px;
}
#iconMail.noMail {
background: transparent url(master-vfl38353.gif) no-repeat scroll -472px -19px;
width: 16px;
height: 16px;
}
.gaiaHelpBtn {
background: transparent url(master-vfl38353.gif) no-repeat scroll -221px -18px;
width: 16px;
height: 16px;
}
#debates_footer_img {
width: 32px;
height: 32px;
vertical-align: middle;
border: 0;
background: transparent url(master-vfl38353.gif) no-repeat scroll -182px -17px;
}
#igoogle_footer_img {
height: 17px;
width: 62px;
float: left;
background: transparent url(master-vfl38353.gif) no-repeat scroll -172px 0px;
}
#igoogle_footer_text {
float: left;
font:bold 12px Arial;
margin: 3px 0 0 4px;
text-decoration: underline;
}
.globalFlag {
background: transparent url(master-vfl38353.gif) no-repeat scroll -162px -20px;
width: 17px;
height: 16px;
}
#btn-listview-on {
background: transparent url(master-vfl38353.gif) no-repeat scroll -555px -23px;
width: 24px;
height: 20px;
}
#btn-listview-off {
background: transparent url(master-vfl38353.gif) no-repeat scroll -555px -43px;
width: 24px;
height: 20px;
}
#btn-gridview-on {
background: transparent url(master-vfl38353.gif) no-repeat scroll -579px -43px;
width: 24px;
height: 20px;
}
#btn-gridview-off {
background: transparent url(master-vfl38353.gif) no-repeat scroll -579px -23px;
width: 24px;
height: 20px;
}
#smallMastheadBottom {
background: transparent url(profile-vfl30243.gif) no-repeat scroll 0px 0px;
width: 875px;
height: 11px;
}
#smallMastheadLogo {
background: transparent url(profile-vfl30243.gif) no-repeat scroll 0px -11px;
width: 104px;
height: 37px;
border: 0;
}
#profileSendMsg {
background: transparent url(profile-vfl30243.gif) no-repeat scroll -104px -11px;
}
#aProfileSendMsg:hover #profileSendMsg,
#profileSendMsg:hover {
background: transparent url(profile-vfl30243.gif) no-repeat scroll -104px -29px;
}
#profileAddComment {
background: transparent url(profile-vfl30243.gif) no-repeat scroll -128px -11px;
}
#aProfileAddComment:hover #profileAddComment,
#profileAddComment:hover {
background: transparent url(profile-vfl30243.gif) no-repeat scroll -128px -29px;
}
#profileFwdMember {
background: transparent url(profile-vfl30243.gif) no-repeat scroll -152px -11px;
}
#aProfileFwdMember:hover #profileFwdMember,
#profileFwdMember:hover {
background: transparent url(profile-vfl30243.gif) no-repeat scroll -152px -29px;
}
#profileAddFriend {
background: transparent url(profile-vfl30243.gif) no-repeat scroll -200px -11px;
}
#aProfileAddFriend:hover #profileAddFriend,
#profileAddFriend:hover {
background: transparent url(profile-vfl30243.gif) no-repeat scroll -200px -29px;
}
#profileInvitedFriend {
background: transparent url(profile-vfl30243.gif) no-repeat scroll -200px -11px;
}
#aProfileInvitedFriend {
color: #999;
font-style: italic;
}
#profileAcceptFriend {
background: transparent url(profile-vfl30243.gif) no-repeat scroll -200px -11px;
}
#aProfileAcceptFriend:hover #profileAcceptFriend,
#profileAcceptFriend:hover {
background: transparent url(profile-vfl30243.gif) no-repeat scroll -200px -29px;
}
#profileBlockUser, #profileRemoveFriend {
background: transparent url(profile-vfl30243.gif) no-repeat scroll -176px -11px;
}
#aProfileBlockUser:hover #profileBlockUser,
#profileBlockUser:hover,
#aProfileRemoveFriend:hover #profileRemoveFriend,
#profileRemoveFriend:hover {
background: transparent url(profile-vfl30243.gif) no-repeat scroll -176px -29px;
}
.icnProperties {
vertical-align: middle;
border: 0px;
margin-bottom: 3px;
width: 24px;
height: 18px;
}
.play-all-button {
background: transparent url(master-vfl38353.gif) no-repeat scroll -511px -3px;
width: 22px;
height: 20px;
}
.arrowDown {
background: transparent url(master-vfl38353.gif) no-repeat scroll -423px 0px;
}
.arrowRight {
background: transparent url(master-vfl38353.gif) no-repeat scroll -423px -20px;
}
.expand-panel .expand-content {
display: none;
}
.expand-panel.expanded .expand-content {
display: block;
}
.expand-panel .collapse-content {
display: block;
}
.expand-panel.expanded .collapse-content {
display: none;
}
.expand-panel .expand-header {
font-size: 16px;
font-weight: bold;
}
.small-expand-panel .expand-header {
font-size: 12px;
font-weight: bold;
}
.small-expand-panel {
border-top: 1px solid #ccc;
margin-top: 5px;
padding-top: 5px;
}
.small-expand-panel .expand-header-stat {
color: #666;
}
.expand-panel .expand-header .arrow {
background: transparent url(master-vfl38353.gif) no-repeat scroll -423px -19px;
vertical-align: text-bottom;
margin-bottom: 1px;
margin-right: 2px;
height: 16px;
width: 16px;
}
.expand-panel.expanded .expand-header .arrow {
background: transparent url(master-vfl38353.gif) no-repeat scroll -423px 1px;
}
.small-expand-panel .expand-header .arrow {
height: 14px;
}
.small-expand-panel.expanded .expand-header .arrow {
height: 13px;
}
.expand-panel a.expand-header,
.expand-panel a.expand-header:link,
.expand-panel a.expand-header:visited {
color: #000;
text-decoration: none;
vertical-align: text-bottom;
}
.expand-panel a.expand-header:hover {
color: #666;
text-decoration: none;
vertical-align: text-bottom;
}
/***************************************************************************
* Browse, members, community pages (aka video, channels, community)
***************************************************************************/
.spotlightItem {
}
.spotlightHead {
}
.spotlightTitle {
margin-top: 0;
color: #999;
font-weight: normal;
text-decoration: none;
font-size: 16px;
font-family: Arial, sans-serif;
vertical-align: middle;
}
.spotlightTitle a {
font-weight: bold;
text-decoration: none;
}
.spotlightTitle a:hover {
text-decoration: underline;
}
.spotlightCategory {
font-size: 11px;
margin: 5px;
padding-left: 5px;
}
.spotlightBody {
min-height: 105px;
}
.spotlightBodyLabel {
float: left;
font-size: 13px;
font-weight: bold;
color: #333;
margin-bottom: 10px;
}
.spotlightBody .spotlightBodyLabel{
margin-bottom: 5px;
width: 395px;
}
.spotlightDesc {
color: #666;
font-size: 12px;
font-family: Arial, sans-serif;
}
.spotlightFooter {
text-align: center;
padding-top: 3px;
padding-bottom: 6px;
margin: 0 150px 0 150px;
}
.spotlightRelated {
width: 150px;
height: 105px;
float: right;
}
.spotlightVidTitle {
text-decoration: none;
font-size: 12px;
font-weight: bold;
}
.spotlightVidTitleAlt {
margin-top: 10px;
}
.spotlightVidTitleAlt a {
font-weight: bold;
}
.relfrom {
overflow: hidden;
width: 85px;
padding-left: 1px;
display: block;
float: left;
}
.relfromlbl {
display: block;
float: left;
}
.relfacets {
font-size: 11px;
line-height: 14px;
}
.relfacets span, .relfacets div {
line-height: 15px;
}
.relfacets div img {
margin-top: 2px;
margin-bottom: 3px;
}
.relVidsCell {
vertical-align: top;
margin-left: 5px;
padding-left: 5px;
height: 75px;
}
.relVidsTitleCell {
vertical-align: top;
padding-left: 15px;
padding-right: 15px;
height: 30px;
}
.relVidsCellBorder {
border-left: 1px solid #bbb;
}
.relVidsHeader {
color: #777;
padding-left: 4px;
}
.relVidsTitle {
font-size: 11px;
}
.relVidsTime {
font-size: 11px;
color: #999;
}
.relVideoThumb {
float: left;
padding: 0px 4px 3px 4px;
}
.relVideoThumb:hover div div {
border: 1px solid orange;
}
.relSpotlightInfo {
padding-left: 4px;
}
.rsslink {
color: black !important;
text-decoration: underline !important;
padding-left: 16px;
height: 18px;
display: block;
font-size: 11px;
line-height: 18px;
vertical-align: middle;
background: transparent url(rss_icn-vfl29834.gif) no-repeat scroll -2px 0px;
}
.browse-subcat {
margin-left: 25px;
}
.videoModifiers {
padding: 5px 0px;
border-bottom: 1px solid #ccc;
text-align: center;
}
#subsubNav .videoModifiers {
text-align: left;
}
.videoModifiers div.subcategory {
border-left: 1px solid #ccc;
padding: 0px 10px;
font-size: 11px;
display: inline;
}
.videoModifiers div.subcategory a,
.videoModifiers div.subcategory span {
white-space: nowrap;
}
.videoModifiers div.first {
border-left: 0px;
padding: 0px 10px 0px 2px;
}
.videoModifiers a {
text-decoration: none;
}
.videoModifiers a:hover {
text-decoration: underline;
}
.videoModifiers .selected {
font-weight: bold;
}
.videoModifiers .not_available, .browse-subcat.not_available {
color: #aaa;
}
#subsubNav {
padding-top: 3px;
margin-top: 13px;
border-top: 1px solid #ccc;
}
#subsubNav .videoModifiers span.subcategory {
margin: 0px;
}
#subsubNav .videoModifiers {
padding-bottom: 4px;
padding-top: 0px;
}
html > body #subsubNav { /* hide from ie6 */
padding-top: 7px;
}
#displayLabel {
padding-bottom: 10px;
padding-right: 3px;
}
/***************************************************************************
* Profile (aka Channel) page
***************************************************************************/
.profileEmbedVideo {
text-align:center;
margin-bottom:10px;
}
.profileEmbedVideoInfo {
margin-left:3px;
text-align:left;
width:424px;
margin-top:10px;
}
.profileLeftCol {
width: 300px;
}
.profileRightCol {
width: 560px;
}
.profileVideoTopContainer {
float:left;
width:102px;
padding:3px;
margin-left:10px;
margin-right:5px;
margin-top: 2px;
margin-bottom: 2px;
}
/***************************************************************************
* Share Video
***************************************************************************/
.shv-box-title {
border-top: 1px solid rgb(204, 204, 204);
margin: 5px 10px 5px 10px;
clear: both;
padding-top: 10px;
text-align: left;
font-weight: bold;
}
.shv-box-title a {
text-decoration: none;
color: #000;
}
.shv-box-titletxt {
font-size: 12px;
color: #000;
}
.shv-field-title {
color: #333;
font-size: 12px;
font-weight: bold;
}
.shv-note {
color: #666;
font-size: 10px;
}
.shv-buttons {
margin-top: 5px;
}
#shv-select-view {
width: 150px;
}
#recipients {
width: 225px;
height: 40px;
font-size: 12px;
}
#message {
height: 90px;
width: 225px;
}
#shv-message-field {
width: 175px;
height: 40px;
font-size: 12px;
}
.shv-message-main {
padding: 0px 0px 0px 20px;
}
.shv-message-header {
padding: 4px 0px;
font-weight: bold;
clear: both;
}
.shv-message-btns {
margin: 10px 0px 5px -5px;
margin-top: 10px;
clear: both
}
.shv-message-submit {
float: left;
}
.shv-message-cancel {
padding: 3px 0px 0px 0px;
float: left;
}
.shv-addressframe {
margin-left: 10px;
padding: 14px 0px 0px 0px;
}
.shv-address-book {
width: 140px;
height: 120px;
background-color: white;
border:1px solid #7f9db9;
overflow: auto;
margin-top: 20px;
margin-left: 10px;
padding:5px;
text-align:left;
}
.shv-address-book a {
display: block;
overflow: hidden;
padding: 2px;
font-size: 12px;
/*color: #333;*/
}
.shv-address-book a:hover {
background-color: #FFFFE0;
}
.shv-post-services {
margin: 15px 10px 0px 10px;
}
.shv-post-service {
margin: 0px 5px 5px 0px;
float: left;
width: 140px;
height: 18px;
}
.shv-post-service a {
padding-left: 5px;
text-decoration: none;
}
.shv-post-service img {
vertical-align: text-bottom;
}
.shv-post-service a:hover span {
text-decoration: underline;
}
.icn_share_mail {
background: transparent url(master-vfl38353.gif) no-repeat scroll -472px -21px;
margin-bottom: 2px;
vertical-align: text-bottom;
}
/* Automatically generated sprite styles */
.icn_share_blogger {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll 0px -16px;}
.icn_share_promoted_blogger, a:hover .icn_share_blogger {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -0px 0px;}
.icn_share_cocolog {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -16px -16px;}
.icn_share_promoted_cocolog, a:hover .icn_share_cocolog {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -16px 0px;}
.icn_share_freewebs {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -32px -16px;}
.icn_share_promoted_freewebs, a:hover .icn_share_freewebs {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -32px 0px;}
.icn_share_friendster {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -48px -16px;}
.icn_share_promoted_friendster, a:hover .icn_share_friendster {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -48px 0px;}
.icn_share_jagem {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -64px -16px;}
.icn_share_promoted_jagem, a:hover .icn_share_jagem {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -64px 0px;}
.icn_share_livedoor {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -80px -16px;}
.icn_share_promoted_livedoor, a:hover .icn_share_livedoor {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -80px 0px;}
.icn_share_livejournal {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -96px -16px;}
.icn_share_promoted_livejournal, a:hover .icn_share_livejournal {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -96px 0px;}
.icn_share_piczo {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -112px -16px;}
.icn_share_promoted_piczo, a:hover .icn_share_piczo {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -112px 0px;}
.icn_share_seesaa {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -128px -16px;}
.icn_share_promoted_seesaa, a:hover .icn_share_seesaa {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -128px 0px;}
.icn_share_typepad {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -144px -16px;}
.icn_share_promoted_typepad, a:hover .icn_share_typepad {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -144px 0px;}
.icn_share_wordpress {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -160px -16px;}
.icn_share_promoted_wordpress, a:hover .icn_share_wordpress {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -160px 0px;}
.icn_share_yaplog {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -176px -16px;}
.icn_share_promoted_yaplog, a:hover .icn_share_yaplog {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -176px 0px;}
.icn_share_ameba {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -192px -16px;}
.icn_share_promoted_ameba, a:hover .icn_share_ameba {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -192px 0px;}
.icn_share_delicious {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -208px -16px;}
.icn_share_promoted_delicious, a:hover .icn_share_delicious {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -208px 0px;}
.icn_share_digg {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -224px -16px;}
.icn_share_promoted_digg, a:hover .icn_share_digg {background: transparent url(master-vfl38353.gif) no-repeat scroll -297px -47px;}
.icn_share_facebook {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -240px -16px;}
.icn_share_promoted_facebook, a:hover .icn_share_facebook {background: transparent url(master-vfl38353.gif) no-repeat scroll -265px -47px;}
.icn_share_furl {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -256px -16px;}
.icn_share_promoted_furl, a:hover .icn_share_furl {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -256px 0px;}
.icn_share_goo {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -272px -16px;}
.icn_share_promoted_goo, a:hover .icn_share_goo {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -272px 0px;}
.icn_share_hatena {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -288px -16px;}
.icn_share_promoted_hatena, a:hover .icn_share_hatena {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -288px 0px;}
.icn_share_mixi {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -304px -16px;}
.icn_share_promoted_mixi, a:hover .icn_share_mixi {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -304px 0px;}
.icn_share_myspace {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -320px -16px;}
.icn_share_promoted_myspace, a:hover .icn_share_myspace {background: transparent url(master-vfl38353.gif) no-repeat scroll -281px -47px;}
.icn_share_nujij {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -336px -16px;}
.icn_share_promoted_nujij, a:hover .icn_share_nujij {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -336px 0px;}
.icn_share_reddit {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -352px -16px;}
.icn_share_promoted_reddit, a:hover .icn_share_reddit {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -352px 0px;}
.icn_share_stumbleupon {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -368px -16px;}
.icn_share_promoted_stumbleupon, a:hover .icn_share_stumbleupon {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -368px 0px;}
.icn_share_yahoo {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -384px -16px;}
.icn_share_promoted_yahoo, a:hover .icn_share_yahoo {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -384px 0px;}
.icn_share_livespaces {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -400px -16px;}
.icn_share_promoted_livespaces, a:hover .icn_share_livespaces {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -400px 0px;}
.icn_share_mixx {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -416px -16px;}
.icn_share_promoted_mixx, a:hover .icn_share_mixx {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -416px 0px;}
.icn_share_hatena_bookmark {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -448px -16px;}
.icn_share_promoted_hatena_bookmark, a:hover .icn_share_hatena_bookmark {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -448px 0px;}
.icn_share_hyves {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -464px -16px;}
.icn_share_promoted_hyves, a:hover .icn_share_hyves {background: transparent url(sharing_icons-vfl38287.gif) no-repeat scroll -464px 0px;}
/***************************************************************************
* My Account
***************************************************************************/
#viewPublicChannel {
clear: right;
float: right;
/* margin-right: 10px; */
margin-left: 12px;
padding: 6px 8px;
/* background: #FFC; */
border: 1px solid #999;
font-weight: bold;
}
#accountQuickLinks {
font-size: 11px;
text-align: right;
margin-bottom: 10px;
}
#accountQuickLinksMore {
position: absolute;
width: auto;
right: 0px;
z-index: 10;
}
#accountQuickLinksMore div {
background-color: #eee;
border: 1px solid #999;
z-index: 10;
width: auto;
padding: 5px 7px 7px 7px;
position: relative;
top: 15px;
margin-top: 0px;
}
#accountQuickLinksMore div ul {
padding: 0px;
margin: 0px;
list-style-type: none;
}
#accountQuickLinksMore div ul li {
text-align: left;
line-height: 18px;
}
#sideNav {
float: left;
width: 150px;
}
#sideNav .body { }
#sideNav .navHead {
font-weight: bold;
font-size: 14px;
padding: 8px 0px 1px 0px;
}
#sideNav .navBody {
padding-bottom: 10px;
}
#sideNav .navBody12 {
font-size: 12px;
line-height: 18px;
padding-bottom: 10px;
}
#sideNav .navBody11 {
font-size: 11px;
line-height: 15px;
padding-bottom: 10px;
}
#sideNav .navButton {
padding-bottom: 4px;
}
#sideNav #bottomAdDiv {
padding: 20px 0px;
}
#manageNav {
width: 150px;
vertical-align: top;
}
#manageNav ul {
margin: 0px;
padding: 0px;
}
#manageNav li {
list-style: none;
margin: 0px;
padding: 5px;
font-weight: bold;
}
#manageNav .selected {
background: #CCC;
}
#manageNav input.leftbutton {
padding: .1em;
width: 150px;
}
#subnavContent { width: 670px; }
#subnavSidebar {
border: 1px solid #CCC;
float: right;
width: 185px;
background-color: #EEE;
padding: 0px;
margin-top: 0px;
margin-left: 15px;
}
.navItem {
list-style: none;
margin: 0px;
padding: 6px;
border-bottom: 1px dashed #999;
font-weight: bold;
}
.navItemHighlight {
list-style: none;
padding: 6px;
background-color: #BCE;
border-bottom: 1px dashed #999;
font-weight: bold;
}
#manageContent {
border: 3px solid #CCC;
vertical-align: top;
}
#manageContent .controls {
background: #CCC;
padding: 4px;
}
#manageContent .pager {
text-align: right;
padding: 4px;
}
#manageContent .empty {
padding: 24px 0px;
text-align: center;
}
.commentsThumb {
border: 5px solid #FFFFFF;
margin-right: 5px;
}
.myvVidStill { padding-bottom: 5px; }
.myvButton { width: 130px; font-size: 10px; margin-bottom: 4px; }
.myvActionsDiv { float: right; width: 140px; }
.myvInfoDiv { }
.myvTitle { font-size: 12px; font-weight: bold; }
.myvDesc { padding: 4px 0px; }
.myvDetails { font-size: 11px; line-height: 14px; }
.myvLeftDetails { float: left; }
.myvRightDetails { margin-left: 150px; }
.myvEditDetails { padding-bottom: 5px; }
.myvURLField { width: 160px; font-size: 10px; }
.myvSpacer { border-bottom: 1px dashed #999; font-size: 1px; margin: 10px 0px; }
.alertHeader { font-size: 14px; font-weight: bold; text-align: center; padding-bottom: 10px; }
.alertEntry { padding-bottom: 15px; }
.myvBottomBorder { border-bottom:1px #CCC solid;}
.myvMarginBottom { line-height:1px; }
/***************************************************************************
* Groups and Contests Elements
***************************************************************************/
#groupCommonHeader {
border-bottom: 1px dashed #999;
padding-bottom: 12px;
margin-bottom: 12px;
}
#groupName {
font-weight: bold;
font-size: 16px;
}
#groupLinks { margin: 6px 0px; }
#groupOptionsDiv {
float: right;
margin-left: 10px;
line-height: 15px;
}
#groupFlagAsDiv { padding-top: 5px; }
#groupRecentVideosDiv { padding-top: 2px; }
#groupRecentTopicsDiv { padding: 12px 0px 16px 0px; }
#groupAboutGroupDiv { padding-bottom: 6px; }
.groupControlsTop {
text-align: right;
padding-bottom: 4px;
}
.groupControlsBottom {
text-align: right;
padding-top: 4px;
}
.brandedInfoBox{
padding: 5px 0px;
margin-top: 10px;
border-top: 1px dashed #999;
}
.brandedInfoMain {
float: left;
width: 400px;
}
.brandedStatBox {
padding: 25px 0px 0px 0px;
font-size: 11px;
}
.cfacets {
margin: 5px 0px;
font-size: 11px;
line-height: 13px;
}
#contestTerms {
display: none;
width: 655px;
z-index: 99;
position: absolute;
left: 5px;
background-color: #ddd;
margin: 5px 10px 0 0;
border: 2px #ccc solid;
padding: 15px 15px 50px 15px;
}
#termsBox {
padding: 5px;
text-align: left;
width: 600px;
height: 280px;
overflow: auto;
background-color: #fff;
}
.winnerbox { width: 117px; float: right; }
.lowlightBox {
text-align: left;
padding: 6px;
border: 1px solid #333;
background-color: #BBB;
}
.lowlightBox div.head {
margin-left: 6px;
font-weight: bold;
}
.contestAddForm {
text-align: center;
width: 130px;
padding: 3px 0px;
margin: 0px;
}
#contestVidHead { width: 650px; }
#contestVids { width: 650px; }
#contestFooterInfo{line-height: 1.3em;}
.thumbArrowL {
padding: 10px 0;
width: 40px;
}
.thumbArrowR {
padding: 10px 0;
}
.contestThumb {
vertical-align: top;
text-align: center;
width: 100px;
height: 180px;
overflow: auto;
padding: 10px 5px;
}
.thumbInfo {
text-align: left;
padding: 3px 0 0 5px;
}
.thumbHilite {
border: 2px #fc3 solid;
}
.cruntime {
font-size: 11px;
color: #000;
}
/***************************************************************************
* Modules
***************************************************************************/
.moduleEntrySelected {
background-image: url(table_results_selected_bg-vfl34546.gif);
background-repeat: repeat-x;
background-color: #FFFFCC;
background-position: left top;
border-bottom: 1px dashed #999999;
padding: 10px 10px 0px 10px;
}
.moduleEntry {
border-bottom: 1px dotted #999999;
padding: 10px;
}
.moduleEntry input {
margin: 1em 0px 0px 0px;
}
.moduleEntryThumb {
border: 5px solid #FFFFFF;
margin-right: 10px;
}
.moduleEntryTitle {
font-size: 14px;
font-weight: bold;
margin-bottom: 2px;
color: #333333;
}
.moduleEntryDescription {
font-size: 12px;
margin-bottom: 6px;
color: #333;
padding-right: 10px;
}
.moduleEntryTags {
font-size: 12px;
margin-bottom: 5px;
color: #444;
}
.moduleEntryDetails {
font-size: 11px;
margin-bottom: 5px;
color: #444;
}
.moduleTitle {
font-size: 14px;
font-weight: bold;
margin: 0px 0px 5px 5px;
color: #444;
}
.moduleTitleBar {
width: 100%;
background-color: #CCC;
border-bottom: 1px dashed #999;
}
.moduleFeatured {
background-color: #DDD;
background-image: url(table_results_bg-vfl34546.gif);
background-position: left top;
background-repeat: repeat-x;
border-bottom: 1px dashed #999999;
padding: 5px 5px 15px 5px;
}
.moduleFeaturedThumb {
border: 5px solid #FFFFFF;
margin: 5px;
}
.moduleFeaturedTitle {
font-family: Arial, sans-serif;
font-size: 11px;
font-weight: bold;
margin-bottom: 3px;
color: #0033CC;
}
.moduleFeaturedDetails {
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666666;
margin-bottom: 3px;
}
.moduleFrameEntry {
width: 270px;
background-color: #DDD;
background-image: url(table_results_bg-vfl34546.gif);
background-position: left top;
background-repeat: repeat-x;
border-bottom: 1px dashed #999999;
padding: 8px;
}
.moduleFrameTitle {
font-family: Arial, sans-serif;
font-size: 11px;
font-weight: bold;
margin-bottom: 3px;
color: #0033CC;
}
.moduleFrameDetails {
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: normal;
margin-bottom: 5px;
color: #666666;
}
/***************************************************************************
* Etc. (only add here if it's widely used across the site and
* doesn't fit anywhere else...I'm watching you...)
***************************************************************************/
.videobarthumbnail_block {
float: left;
width: 120px;
padding: 1px;
}
.playlistLinks a {
text-align: right;
display: block;
font-size: 14px;
margin: 10px;
font-weight: bold;
}
.playlist .title {
font-size: 16px;
font-weight: bold;
}
.playlist .title a {
text-decoration: none;
}
.google-checkout {
background: #fff;
border: 1px #ccc solid;
padding: 5px;
margin: 3px;
}
.google-checkout-header {
margin: 3px;
color: #000;
font-size: 9pt;
font-weight: bold;
}
.google-checkout-donate {
float: right;
margin-right: 10px;
}
.google-checkout-price {
margin-left: 10px;
margin-top: 10px;
}
/***************************************************************************
* STOP! DON'T JUST ADD TO THE BOTTOM OF THIS FILE
* FIND THE APPROPRIATE SECTION IN THE TOC OR CREATE A NEW ONE IF NECESSARY
* homepage = homepage.css
* watch = watch.css
* results = results.css
***************************************************************************/
/* #include /css/watch.css */
/****************************************************************************
* TABLE OF CONTENTS
*
* main page layout
* common elements
* tabs
*
* main video area
*
* audio information
* ratings, views, quality
* stats & data
* sharing section
* flag video
* commentary area
*
* video description
* customize embed
* QuickLists
*
* related videos
* promoted videos
*
*/
/***************************************************************************
* main page layout
***************************************************************************/
#watch-this-vid {
float: left;
width: 480px;
}
#watch-other-vids {
float: right;
width: 360px;
}
/***************************************************************************
* common elements
***************************************************************************/
.watch-wrapper {
margin-bottom: 10px;
}
.watch-body {
border: 1px solid #CCC;
margin-top: 5px;
margin-bottom:20px;
}
/***************************************************************************
* tabs
***************************************************************************/
.watch-tabs {
width: 478px;
}
.watch-tabs td {
text-align: center;
background: transparent url(master-vfl38353.gif) no-repeat scroll -305px -101px;
height: 35px;
line-height: 35px;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
font-size: 16px;
font-weight: bold;
color: #03c;
}
.watch-tabs .watch-tab-sel {
background: white;
border-bottom: 0;
color: #000;
}
.watch-tabs td a {
text-decoration: none;
}
.watch-tabs td:hover,
.watch-tabs td:hover a,
.watch-tabs td a:hover {
text-decoration: underline;
cursor: hand;
cursor: pointer;
}
.watch-tabs td.watch-tab-sel:hover,
.watch-tabs td.watch-tab-sel:hover a,
.watch-tabs td.watch-tab-sel a:hover,
.watch-tabs td.disabled:hover,
.watch-tabs td.disabled:hover a,
.watch-tabs td.disabled a:hover {
text-decoration: none;
cursor: default;
}
.watch-tabs .watch-tab-sel a {
color: #000;
}
.watch-tabs .watch-tab-first {
border-left: 0;
}
.watch-tab-contents {
clear: left;
padding: 7px;
}
.watch-tab-contents .watch-tab-body {
display: none;
}
.watch-tab-contents .watch-tab-sel {
display: block;
}
/***************************************************************************
* main video area
***************************************************************************/
#watch-checker-div {
position: absolute;
top: -100px;
left: -100px;
}
#watch-noplayer-div {
padding: 20px;
font-size:14px;
font-weight: bold;
}
#watch-vid-title {
font-size: 18px;
font-weight: bold;
margin: 10px 0px 5px 0px;
}
#watch-highlight-racy-box {
padding: 2px 5px;
border: 1px solid #FC3;
text-align: center;
font-size: 11px;
}
#watch-video-response {
background: #FFC;
border: 1px solid #FC3;
font-weight: bold; padding: 5px;
margin: 5px 0px;
}
#watch-actions-area {
margin: 10px 0px;
border: 1px solid #ccc;
text-align: center;
}
body.not-english .watch-action-text,
body.not-english #watch-tab-commentary,
body.not-english #watch-tab-stats { /* blah - different locales need to fit in the tabs, this code is not to be mimicked lightly */
font-size: 12px;
}
body.not-english .watch-tabs td {
height: 34px;
line-height: 34px;
}
#watch-actions-area .watch-tab-contents {
padding: 0;
}
#watch-actions-area .watch-tabs td:hover .watch-action-text,
#watch-actions-area .watch-tabs a:hover .watch-action-text {
text-decoration: underline;
}
#watch-actions-area .watch-tabs td.watch-tab-sel:hover .watch-action-text,
#watch-actions-area .watch-tabs td.disabled:hover .watch-action-text,
#watch-actions-area .watch-tabs td:hover,
#watch-actions-area .watch-tabs td a:hover,
#watch-actions-area .watch-tabs td:hover a {
text-decoration: none;
}
#watch-actions-area .watch-tabs td.disabled .watch-action-text {
color: #999;
}
#watch-actions-area .watch-action-result {
display: none;
padding: 10px;
background-color: #d1f0b3;
font-weight: bold;
text-align: center;
margin: 5px;
}
#watch-actions-area .watch-more-action {
display: none;
padding: 5px 10px;
text-align: left;
}
#watch-actions-area .watch-login-action {
margin: 5px;
}
#watch-actions-area .watch-action-result .close,
#watch-actions-area .watch-more-action .close,
#watch-actions-area .watch-login-action .close {
float: right;
font-size: 11px;
padding-bottom: 1px;
}
#watch-actions-area .watch-action-result .close {
font-weight: normal;
}
#watch-actions-area .watch-more-action .header {
font-weight: bold;
font-size: 14px;
border-bottom: 1px solid #999;
padding-bottom: 5px;
margin-bottom: 10px;
}
#watch-actions-area .watch-login-action {
display: none;
padding: 10px;
height: 40px;
background: #FFAEAE;
font-weight: bold;
text-align: center;
}
#watch-actions-area .watch-more-action-share {
display: none;
padding: 5px 10px;
text-align: left;
background: #fff;
}
#watch-action-share,
#watch-action-favorite,
#watch-action-playlists,
#watch-action-flag {
background: transparent url(master-vfl38353.gif) no-repeat scroll 0px 0px;
width: 23px;
height: 20px;
vertical-align: middle;
margin-bottom: 3px;
}
#watch-action-share {
background-position: -326px 0px;
}
.watch-tab-sel #watch-action-share,
#watch-tab-share:hover #watch-action-share,
#watch-action-share-link:hover #watch-action-share,
#watch-action-share:hover {
background-position: -326px -20px;
}
#watch-action-favorite {
background-position: -267px 0px;
}
.watch-tab-sel #watch-action-favorite,
#watch-tab-favorite:hover #watch-action-favorite,
#watch-action-favorite-link:hover #watch-action-favorite,
#watch-action-favorite:hover {
background-position: -267px -20px;
}
#watch-tab-favorite.disabled #watch-action-favorite,
#watch-tab-favorite.disabled:hover #watch-action-favorite,
#watch-tab-favorite.disabled #watch-action-favorite:hover {
background-position: -267px 0px;
}
#watch-action-playlists {
background-position: -295px 0px;
}
.watch-tab-sel #watch-action-playlists,
#watch-tab-playlists:hover #watch-action-playlists,
#watch-action-playlists-link:hover #watch-action-playlists,
#watch-action-playlists:hover {
background-position: -295px -20px;
}
#watch-action-flag {
background-position: -358px 0px;
}
.watch-tab-sel #watch-action-flag,
#watch-tab-flag:hover #watch-action-flag,
#watch-action-flag-link:hover #watch-action-flag,
#watch-action-flag:hover {
background-position: -358px -19px;
}
#watch-tab-flag.disabled #watch-action-flag,
#watch-tab-flag.disabled:hover #watch-action-flag,
#watch-tab-flag.disabled #watch-action-flag:hover {
background-position: -358px 0px;
}
#watch-action-flag-link.disabled .watch-action-text {
color: #ccc;
}
#watch-actions-area #watch-add-faves {
background-color: #fff;
}
#watch-actions-area #watch-add-faves,
#watch-actions-area #watch-remove-faves {
margin-bottom: 0;
}
#watch-add-faves-result a {
text-decoration: none;
}
#watch-add-faves-result a:hover {
text-decoration: underline;
}
#watch-add-to-faves-switch {
margin-left: 162px;
padding: 5px 0;
}
/***************************************************************************
* audio information - for copyrighted video notices, audioswap
***************************************************************************/
#watch-infringe-div {
margin-top: 12px;
}
#watch-infringe-div .errorBox {
float: left;
margin: 0 8px 1em 0;
border: none;
}
#watch-audio-stats {
clear: both;
border: 1px solid #CCCCCC;
padding: 5px;
}
#watch-audio-stats h4 {
font-size: 16px;
margin: 0 0 5px 0;
}
#watch-audio-stats a {
margin-left: 15px;
}
#watch-audio-stats dl {
margin: 0 0 0 15px;
}
#watch-audio-stats dt {
float: left;
width: 5em;
padding: 0;
}
#watch-audio-stats dd {
margin-bottom: .25em;
padding: 0;
}
/***************************************************************************
* ratings, views, quality
***************************************************************************/
#watch-ratings-views {
border: 1px solid #CCC;
margin-top: 10px;
padding: 5px;
line-height: 20px;
}
#watch-rating-div,
#watch-views-div {
float: left;
}
#watch-rating-div {
width: 280px;
}
#watch-rating-div.ratingSingleline {
overflow: hidden;
}
#watch-views-div {
width: 188px;
overflow: hidden;
}
#watch-ratings-views .statLabel {
margin-right: 4px;
font-size: 16px;
font-weight: bold;
}
body.not-english #watch-ratings-views .statLabel { /* blah - different locales need to fit in the tabs, this code is not to be mimicked lightly */
font-size: 12px;
}
#watch-rating-div #ratingWrapper {
width: 225px;
float: left;
}
#watch-rating-div.ratingMultiline #ratingWrapper {
width: 197px;
}
#watch-rating-div.ratingMultiline #ratingMessage {
width: 150px;
}
html > body #watch-rating-div.ratingMultiline #ratingMessage { /* hide from ie6 */
width: 275px;
}
#watch-rating-div.ratingSingleline #ratingMessage {
float: left;
}
#watch-rating-div.ratingMultiline #ratingMessage {
clear: left;
}
#watch-rating-div #ratingStars {
margin-right: 10px;
}
#watch-rating-div #ratingMessage {
line-height: 22px;
font-size: 11px;
color: #666;
padding-left: 1px;
height: 20px;
}
#watch-ratings-views #ratingMessage a {
text-decoration: none;
}
#watch-ratings-views #ratingMessage a:hover {
text-decoration: underline;
}
#watch-ratings-views .ratedMessage {
color: #000;
display: inline-block;
padding: 0 3px;
}
#watch-view-count {
font-size: 16px;
}
body.not-english #watch-view-count { /* blah - different locales need to fit in the tabs, this code is not to be mimicked lightly */
font-size: 12px;
}
#watch-annotations {
float: right;
padding-top: 2px;
padding-right: 2px;
}
#watch-annotations-img {
background: transparent url(master-vfl38353.gif) no-repeat scroll -243px -36px;
width: 22px;
height: 18px;
}
#watch-annotations-learn img {
vertical-align: middle;
}
#watch-video-quality-setting {
clear: right;
float: right;
line-height: 16px;
padding-top: 1px;
width: 188px;
text-align: right;
}
#watch-video-quality-setting #watch-low-quality-link,
#watch-video-quality-setting.high #watch-high-quality-link {
display: none;
}
#watch-video-quality-setting.high #watch-low-quality-link {
display: inline;
}
#watch-low-quality-link,
#watch-high-quality-link {
font-weight: bold;
}
#watch-annotations-tooltip-box {
position: absolute;
margin-left: -153px;
margin-top: -2px;
font-size: 11px;
width: 225px;
}
#watch-annotations-tooltip-box .tooltip-box {
text-align: center;
}
#watch-new-player {
line-height: 18px;
margin-top: 5px;
}
#watch-new-player-img {
background: transparent url(master-vfl38353.gif) no-repeat scroll -432px -50px;
width: 27px;
height: 13px;
vertical-align: middle;
}
/***************************************************************************
* stats & data
***************************************************************************/
#watch-some-stats {
color: #666;
width: 100%;
}
#watch-some-stats td {
padding: 5px 0;
}
#watch-some-stats .lightLabel {
color: #666;
font-weight: normal;
}
#watch-some-stats .watch-stat {
font-weight: bold;
color: #000;
}
#watch-recent-ratings {
margin-top: 5px;
padding: 7px 7px 0 15px;
}
.watch-recent-rating-entry {
float: left;
margin-bottom: 10px;
width: 110px;
}
#watch-video-provided-by {
margin-top: 5px;
padding-top: 5px;
padding-left: 5px;
border-top: 1px solid #ccc;
}
#watch-video-provided-by span {
font-weight: bold;
}
#watch-honors .expand-content,
#watch-refer-div .expand-content {
font-size: 11px;
}
#watch-honors .expand-content {
padding-left: 20px;
}
#watch-honors .statItem {
padding-top: 3px;
}
#watch-refer-div .header {
background-color: #E6EBEF;
padding: 3px 0;
margin: 3px 0;
font-weight: bold;
color: #666;
}
#watch-refer-div #watch-refer-list {
padding-left: 20px;
}
#watch-refer-div .watch-ref-item {
padding-left: 6px;
width: 75px;
padding-right: 20px;
float: left;
}
#watch-refer-div #watch-noref-item {
padding-left: 6px;
padding-right: 20px;
float: left;
}
#watch-map-div {
padding-left: 20px;
font-size: 11px;
}
#watch-linking-sites-disabled {
margin-bottom: 4px;
margin-left: 15px;
}
#watch-active-sharing {
margin: 10px 0;
border: 1px solid #ccc;
padding: 7px;
}
#watch-active-sharing-header {
font-size: 12px;
font-weight: bold;
padding-bottom: 5px;
}
#watch-active-sharing-header-viewall {
font-size: 11px;
font-weight: normal;
color: #666;
}
.expand-panel #watch-active-sharing-header-viewall.collapse-content {
display: inline;
}
.expand-panel.expanded #watch-active-sharing-header-viewall.collapse-content {
display: none;
}
.expand-panel #watch-active-sharing-header-viewall.expand-content {
display: none;
}
.expand-panel.expanded #watch-active-sharing-header-viewall.expand-content {
display: inline;
}
#watch-active-sharing-count {
margin-left: 3px;
color: #666;
}
.watch-active-sharing-user {
float: left;
padding: 2px 10px 2px 0px;
font-weight: bold;
font-size: 14px;
}
/***************************************************************************
* sharing section
***************************************************************************/
.watch-ie6fix {
float: left;
width: 100%;
}
.watch-sharetab-options {
padding: 10px 5px 0px 0px;
float: right;
clear: right;
text-align: right;
background-color: rgb(255, 255, 255);
}
.watch-sharetab-options-txt {
padding: 0px 0px 10px 0;
}
.watch-sharetab-options-txt a {
border-bottom: 1px dotted rgb(204, 204, 204);
text-decoration: none;
}
.watch-sharetab-options-txt a:hover {
text-decoration: underline;
}
.watch-shareopts-sectitle {
border-top: 1px solid rgb(204, 204, 204);
padding: 10px 0px 5px 10px;
font-weight: bold;
}
.watch-shareopts-logintxt {
float: left;
font-weight: bold;
}
.watch-shareopts-signup {
float: right;
padding-right: 10px;
padding-top: 20px;
font-size: 11px;
font-weight: bold;
}
.watch-shareopts-loginforgot {
padding: 10px 0px 5px 10px;
font-size: 11px;
border-bottom: 1px dotted #999;
}
.watch-shareopts-googleacct {
text-align: center;
font-weight: bold;
font-size: 11px;
padding: 10px;
}
.watch-shareopts-pad10 {
padding: 10px;
}
/*----------------------------------------*/
#watch-share-video-div { }
#watch-share-video-div #sendMessage {
padding-top: 5px;
}
#watch-share-video-div #sendSMS {
padding-top: 5px;
border-top: 1px dashed #999;
}
#watch-share-video-div #aggregators {
margin: 15px 0px 0px 0px;
padding: 10px 0px;
border-top: 1px dashed #999;
border-bottom: 1px dashed #999;
}
#watch-share-video-div .aggregator {
float: left;
padding-left: 15px;
font-size: 10px;
}
#watch-share-video-div .edit-btn {
float: left;
margin-left: 5px;
font-size: 11px;
color: #666;
}
#watch-share-video-div .edit-btn a {
padding-top: 2px;
border-bottom: 1px dotted rgb(204, 204, 204);
}
#watch-share-video-div .sec-header {
font-weight: bold;
clear: both;
padding: 10px 0px 3px 0px;
}
#watch-post-blog {
padding: 10px 0px;
}
#watch-post-blog td {
vertical-align: top;
}
#watch-post-blog label {
width: 100px;
color: #666;
font-weight: bold;
margin: 3px 8px 8px 0px;
}
#watch-share-video-div .main {
padding: 0px 10px 10px 20px;
width: 460px;
}
#watch-post-blog .fieldDiv {
width: 305px;
margin: 0px 0px 4px 0px;
}
#watch-post-blog .field {
width: 367px;
}
#watch-post-blog .txtarea {
width: 367px;
}
#watch-post-blog .action-area {
margin: 10px 0px 10px -6px;
}
#watch-post-blog .setup {
margin: 10px 0px 5px 10px;
}
/*------------------------------------------------*/
#watch-share-blog-quick {
margin-bottom: 10px;
}
#watch-share-blog-quick .main {
padding: 0px 10px 10px 20px;
width: 460px;
}
#watch-share-blog-quick .sec-header {
font-weight: bold;
clear: both;
padding: 10px 0px 3px 0px;
}
/*-------------------------------------------------*/
.watch-recent-shares-div {
margin: 8px 10px 5px;
float: left;
width: 20%;
}
.watch-recent-share {
margin: 0px 0px 5px;
white-space: nowrap;
}
.watch-recent-share a {
text-decoration: none;
}
.watch-recent-share img {
vertical-align: text-bottom;
}
.watch-recent-share a:hover span {
text-decoration: underline;
}
/***************************************************************************
* flag video
***************************************************************************/
#watch-flag-menu {
position: relative;
z-index: 1000;
}
#watch-flag-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#watch-flag-menu ul ul {
top: 23px;
left: 0;
width: 220px;
height: 0;
position: absolute;
visibility: hidden;
}
#watch-flag-menu ul ul ul {
top: 0;
left: 221px;
width: 220px;
}
#watch-flag-menu li {
width: 220px;
float: left;
position: relative;
}
#watch-flag-menu a,
#watch-flag-menu a:visited {
display: block;
background-color: #fff;
color: #000;
width: 210px;
height: auto;
border: 1px solid #bbcccc;
border-width: 0 1px 0 1px;
padding: 4px 5px 4px 5px;
line-height: 1.2em;
text-decoration: none;
font-weight: normal;
}
#watch-flag-menu a.parent,
#watch-flag-menu a.parent:visited {
background: #fff url(arrow_dropdown-vfl29016.gif) no-repeat 205px 5px;
border-width: 1px;
font-weight: bold;
}
#watch-flag-menu ul ul a.sub,
#watch-flag-menu ul ul a.sub:visited {
background-color: #fff;
}
#watch-flag-menu ul ul a.sub:hover {
background-color: #d7deed;
}
#watch-flag-menu ul ul :hover > a.sub {
background-color: #d7deed;
}
#watch-flag-menu ul ul ul a,
#watch-flag-menu ul ul ul a:visited {
background-color: #fff;
}
#watch-flag-menu ul ul ul a:hover {
background-color: #d7deed;
}
#watch-flag-menu a:hover {
color: #000;
background-color: #d7deed;
}
#watch-flag-menu :hover > a {
color: #000;
background-color: #d7deed;
}
.watch-time-field {
width: 1.8em;
text-align: right;
height: 1em;
}
.watch-optional-box {
padding: 5px;
color: #505050;
background-color: #d8e0fa;
}
/***************************************************************************
* commentary area
***************************************************************************/
#watch-comments-stats {
border: 1px solid #ccc;
margin-top: 10px;
}
#watch-tab-commentary {
width: 239px;
}
#watch-tab-stats {
width: 238px;
}
#watch-video-responses-children {
margin-left: -7px;
padding-top: 7px;
width: 471px;
}
html > body #watch-video-responses-children { /* hide from ie6 */
width: 478px;
}
#watch-video-responses-children .RightSingleArrow {
position: relative;
right: -7px;
}
html > body #watch-video-responses-children .RightSingleArrow { /* hide from ie6 */
right: 0;
}
.watch-video-response-duration {
color: #000;
}
.watch-video-response {
float: left;
width: 98px;
margin-right: 2px;
text-align: center;
font-size: 10px;
}
#watch-video-responses-actions {
text-align: center;
font-weight: bold;
padding-top: 5px;
}
#watch-video-responses-none {
text-align: center;
padding-top: 5px;
}
#watch-comments-summary {
text-align: center;
color: #666;
}
#watch-comments-summary span {
color: #000;
font-weight: bold;
}
#watch-comments-numresponses {
margin-right: 20px;
}
#watch-comment-post-comment {
float: right;
text-align: right;
padding-bottom: 1px;
}
#watch-comment-filter {
margin: 10px 0;
}
#watch-comment-view-all {
font-weight: bold;
margin-top: 10px;
}
.watch-comment-entry {
clear: both;
margin-top: 6px;
padding-top: 7px;
padding-bottom: 4px;
border-top: 1px solid #efefef;
}
html > body .watch-comment-entry { /* hide from ie6 */
padding-bottom: 0;
}
.watch-comment-entry-reply {
margin-left: 10px;
padding-left: 2px;
border-left: 3px solid #e6e6e6;
}
.watch-comment-head,
.watch-comment-head-hidden {
background-color: white;
padding: 0 4px 4px 4px;
}
.watch-comment-head-link {
margin-left: 8px;
font-size: 11px;
visibility: hidden;
}
.watch-comment-auth {
font-weight: bold;
text-decoration: none;
}
.watch-comment-auth:hover {
text-decoration: underline;
}
.watch-comment-time {
color: #666;
}
.watch-comment-info {
float: left;
}
.watch-comment-voting,
.watch-comment-voting-off {
width: 75px;
text-align: right;
float: right;
}
.watch-comment-auth-head {
background-color: #FFC;
padding: 4px;
}
.watch-comment-marked-spam {
border-top: 1px solid #c1c1c1;
margin-top: 7px;
padding-top: 10px;
}
.watch-comment-spam {
background-color: #FFE;
padding: 4px;
}
.watch-comment-body {
margin-top: 4px;
margin-left: 4px;
width: 75%;
}
.watch-comment-action {
margin-top: 0;
text-align: right;
font-size: 11px;
padding-top: 3px;
float: right;
padding-bottom: 1px;
}
.watch-comment-voting a {
color: #03c;
cursor: pointer;
cursor: hand;
}
.watch-comment-action a,
.watch-comment-head-link {
text-decoration: none;
border-bottom: 1px dotted #03C;
color: #03c;
cursor: pointer;
cursor: hand;
}
.watch-comment-score {
font-size: 11px;
font-weight: bold;
}
.watch-comment-msg {
float: right;
font-size: 11px;
color: #666;
}
.watch-comment-green {
color: green;
}
.watch-comment-gray {
color: gray;
}
.watch-comment-red {
color: #f33;
}
#watch-comment-post {
margin-top: 12px;
}
.watch-comment-pagination {
font-size: 11px;
font-weight: bold;
text-align: center;
padding: 1px;
margin-top: 20px;
background-color: #dedede;
}
.watch-comment-pnum {
padding: 0px 4px;
}
.watch-comment-char-count {
border: 0;
width: 50px;
}
#watch-comment-limit-box {
margin-bottom: 30px;
}
#watch-comment-limit-box .header {
background-color: #f8f3d6;
padding: 5px;
}
#watch-comment-limit-box .body {
background-color: #fbf9e8;
padding: 5px;
}
#watch-comment-captcha {
text-align: center;
margin: 0 auto 0 auto;
width: 400px;
}
#watch-comment-captcha .watch-captcha-input {
width: 260px;
padding-top: 15px;
float: left;
}
#watch-comment-captcha .watch-verification-image {
width: 120px;
text-align: center;
float: left;
}
.watch-comments-tooltip {
position:absolute;
background-color:#E7E7E7;
padding:3px;
border:1px solid #CCC;
width:220px;
z-index:2;
display:none;
}
.watch-comment-spam-bug {
font-weight: bold;
text-align: left;
margin-left: 0px;
padding: 1px 3px;
border-top: 1px dotted #c00;
border-bottom: 1px dotted #c00;
color: #c00;
display: none;
float: right;
}
/***************************************************************************
* video description
***************************************************************************/
#watch-channel-vids-div {
background: #EEE;
border: 1px solid #CCC;
}
#watch-channel-brand-cap {
text-align: center;
}
#watch-channel-brand-div {
padding: 4px 14px;
margin: 0px 0px 5px 0px;
background-color: #fff;
border: 1px solid #ccc;
display: none;
}
#watch-channel-vids-top {
padding: 0 8px;
}
#watch-channel-icon {
margin: 8px 5px 0px 0px;
float: left;
}
#watch-channel-stats {
line-height: 18px;
margin-top: 6px;
float: left;
margin-left: 5px;
width: 160px;
}
.watch-channel-stat {
color: #999;
}
#watch-channel-videos {
font-weight: bold;
}
#watch-channel-stats a {
text-decoration: none;
font-weight: bold;
}
#watch-channel-stats a:hover {
text-decoration: underline;
}
.watch-channel-subscribe {
float: right;
margin-top: 3px;
height: 23px;
padding-top: 28px;
}
#watch-video-details .collapse-content,
#watch-video-details .expand-content {
margin-top: 7px;
}
#watch-video-details .expand-content { /* stupid IE6 */
position: relative;
}
#watch-video-details-inner {
margin: 8px 6px;
border-top: 1px solid #CCC;
}
html > body #watch-video-details-inner { /* hide from ie6 */
margin: 8px;
}
.watch-video-added {
font-weight: bold;
margin-right: 10px;
}
#watch-video-owner {
background: #e4edfc;
padding: 7px;
margin-top: -11px;
position: relative;
margin-bottom: 5px;
border: 1px solid #a4b0d6;
}
#watch-video-owner-header {
font-size: 13px;
font-weight: bold;
}
.watch-video-owner-action {
float: left;
position: relative;
margin: 5px 7px 5px 0;
white-space: nowrap;
}
.watch-video-desc {
padding: 5px 0px;
}
#watch-video-tags-div {
padding-top: 5px;
}
#watch-video-tags {
width: 280px;
}
.watch-extra-desc {
font-size: 11px;
font-weight: bold;
color: #333;
border-top: 1px solid #CCC;
padding-top: 3px;
}
.watch-extra-desc div {
padding-left: 7px;
}
#watch-music-urls {
height: 25px;
line-height: 20px;
}
.watch-attribution {
margin-left: 7px;
margin-bottom: 3px;
line-height: 20px;
}
#watch-badges {
height: 34px;
line-height: 29px;
}
.watch-google-checkout {
border-top: 1px solid #CCC;
}
.watch-google-checkout .google-checkout {
border: 0;
margin: 0;
}
/***************************************************************************
* customize embed
***************************************************************************/
#watch-embed-div,
#watch-url-div {
border-top: 1px solid #CCC;
font-size: 11px;
}
#watch-url-div {
margin: 5px 0;
}
#watch-url-field {
font-size: 10px;
width: 340px;
margin-top: 2px;
}
#watch-embed-div label,
#watch-url-div label {
color: #999;
line-height: 18px;
font-size: 12px;
}
#watch-embed-div input {
font-size: 10px;
width: 339px;
margin-top: 2px;
}
#watch-embed-div #watch-embed-customize {
font-weight: normal;
color: #03c;
}
#watch-customize-embed-div {
display: none;
background-color: white;
border-top: 1px solid #CCC;
margin-top: 5px;
padding: 5px;
}
#watch-customize-embed-form {
display: block;
width: 210px;
}
#watch-customize-embed-desc {
display: block;
font-size: 11px;
padding: 6px;
}
#watch-customize-embed-theme {
display: block;
clear: both;
}
#watch-customize-embed-theme-swatches {
clear:both;
padding: 5px;
display: block;
margin-top: 5px;
width: 310px;
height: 80px;
}
#watch-customize-embed-theme-preview {
display: block;
float: right;
margin: 4px;
background: transparent url(embed_selection-vfl29294.png) no-repeat scroll 0px -23px;
width: 100px;
height: 86px;
}
.watch-image-radio-link {
border: 0;
display: inline-block;
float: left;
margin: 3px;
}
.watch-image-radio-link:hover {
background-color: #ADD8E6;
}
.watch-image-radio-link.radio_selected {
border: 1px solid #000;
margin: 2px;
}
.watch-image-radio-link img {
border: 1px solid #fff;
background-color: #fff;
padding: 0px;
margin: 4px;
}
.watch-embed-select {
width: 46px;
height: 23px;
}
.watch-embed-iceberg {
background: transparent url(embed_selection-vfl29294.png) no-repeat scroll 0px 0px;
}
.watch-embed-blank {
background: transparent url(embed_selection-vfl29294.png) no-repeat scroll -46px 0px;
}
.watch-embed-acid {
background: transparent url(embed_selection-vfl29294.png) no-repeat scroll -92px 0px;
}
.watch-embed-storm {
background: transparent url(embed_selection-vfl29294.png) no-repeat scroll -138px 0px;
}
.watch-embed-green {
background: transparent url(embed_selection-vfl29294.png) no-repeat scroll -184px 0px;
}
.watch-embed-orange {
background: transparent url(embed_selection-vfl29294.png) no-repeat scroll -230px 0px;
}
.watch-embed-pink {
background: transparent url(embed_selection-vfl29294.png) no-repeat scroll -276px 0px;
}
.watch-embed-purple {
background: transparent url(embed_selection-vfl29294.png) no-repeat scroll -322px 0px;
}
.watch-embed-rubyred {
background: transparent url(embed_selection-vfl29294.png) no-repeat scroll -368px 0px;
}
/***************************************************************************
* QuickLists
***************************************************************************/
.watch-section-body {
border: 1px solid #CCC;
margin-top: 5px;
padding: 2px;
margin-bottom: 20px;
}
.watch-quicklist-count {
font-weight: bold;
margin-left: 6px;
color: #666;
font-size: 14px;
}
.watch-playlist-action {
font-size: 11px;
padding-left: 5px;
font-weight: bold;
}
.watch-playlist-row-left {
float: left;
}
.watch-playlist-row-middle {
float: left;
padding-left: 4px;
width: 160px;
}
.watch-playlist-row-right {
float: right;
padding-top: 8px;
padding-right: 2px;
vertical-align: baseline;
}
.watch-playlist-show-related {
float: left;
font-size: 9px;
padding-left: 2px;
width: 35px;
overflow: hidden;
}
.watch-playlist-item-duration {
font-size: 11px;
color: #666;
padding-left: 3px;
width: 35px;
}
.watch-playlist-row-deleter {
height: 8px;
width: 8px;
cursor:pointer;
cursor:hand;
margin-left:4px;
margin-right: 2px;
background: transparent url(master-vfl38353.gif) no-repeat scroll -439px -22px;
}
.watch-playlist-row {
clear: both;
vertical-align: middle;
padding-left: 2px;
height: 34px;
padding-bottom: 2px;
}
.watch-playlist-row-playing {
padding-left: 1px;
border: 1px solid #FC3;
background-color: #FFFFCC;
height: 34px;
padding-top: 2px;
margin-bottom: 2px;
padding-bottom: 2px;
}
.watch-playlist-index {
font-size: 12px;
color: #666;
float:left;
text-align: center;
margin-right: 0px;
width: 15px;
padding-top: 10px;
text-align: right;
padding-right: 3px;
}
.watch-playlist-container {
display: block;
overflow: auto;
padding: 4px;
position: relative;
}
.watch-playlist-row-link {
text-decoration: none;
cursor: pointer;
cursor: hand;
}
.watch-playlist-auto-height {
height: auto;
}
.watch-playlist-fixed-height175 {
height: 175px;
}
#watch-playlist-actions {
margin-top: -20px;
text-align: right;
}
/***************************************************************************
* related videos
***************************************************************************/
#watch-more-from {
min-height: 62px;
height: auto;
}
#watch-related-vids-toggle {
float: right;
margin-right: 7px;
padding-bottom: 1px;
}
#watch-related-vids-toggle img {
vertical-align: middle;
}
#watch-related-vids-body {
padding-left: 7px;
}
/***************************************************************************
* promoted videos
***************************************************************************/
#watch-promoted-container {
padding: 7px;
}
#watch-promoted-container .watch-promoted-vid {
float: left;
width: 24.9%;
}
#watch-promoted-container .v75WideEntry {
text-align: left;
}
/***************************************************************************
* STOP! DON'T JUST ADD TO THE BOTTOM OF THIS FILE
* FIND THE APPROPRIATE SECTION IN THE TOC
***************************************************************************/
/* #include /css/results.css */
/****************************************************************************
* TABLE OF CONTENTS
*
* Search Header, Layout
* Related Terms
* Channel Onebox
*
*/
/***************************************************************************
* Search Header, Layout
***************************************************************************/
#sideContentWithPVA { float: right; width: 300px; padding-top: 25px; }
#searchSectionHeader {
width: 875px;
padding-bottom: 12px;
border-bottom: 1px #ccc solid;
}
#searchSectionHeader .name {
color: #333;
float: left;
}
#searchSectionHeader .searchQuery {
font-size: 14px;
font-weight: bold;
}
#search-adv-header {
line-height: 16px;
float: right;
width: 425px;
text-align: right;
font-size: 11px;
}
#searchSectionHeader .search-adv-refinement {
color: #333;
font-weight: bold;
}
#searchSortContainer {
border-bottom: 1px #ccc solid;
font-size: 12px;
color: #666;
padding: 7px 10px;
margin-bottom: 10px;
}
#searchSortContainer div {
text-align: right;
float: right;
width: 150px;
}
#searchSortContainer img {
margin: 0 0 15px 0px;
vertical-align: text-top;
}
#searchSortContainer a.selected {
font-weight: bold;
color: #333;
text-decoration: none;
}
#search-duplicates-message {
background-color: #ffec94;
color: black;
padding: 10px;
font-size: 12px;
font-weight: normal;
border: 0;
margin-bottom: 10px;
}
#search-options-container {
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
height: 37px;
}
#search-options-container .hidden {
display: none;
}
#search-options-container .search-options {
width: 100%;
padding: 0;
}
#search-options-container .search-type div {
font-weight: bold;
float: left;
font-size: 16px;
padding: 9px 15px 0px 15px;
border-right: 1px solid #ccc;
height: 28px;
}
#search-options-container .search-type .search-type-selected {
background-color: #e6efff;
}
#search-options-container .search-type div a {
text-decoration: none;
}
#search-options-container .search-type div a:hover {
text-decoration: underline;
}
#search-options-container .separator,
#search-options-container .search-type-title,
#search-options-container .search-sort-title {
color: #666;
font-weight: normal;
margin: 0px 3px;
}
#search-options-container .search-sort {
font-size: 12px;
padding-top: 6px;
}
#search-options-container .sort-by,
#search-options-container .search-by,
#search-options-container .search-sort-title {
float: left;
display: block;
margin-right: 10px;
}
#search-options-container .search-sort-title {
margin-top: 5px;
padding-left: 25px;
}
#search-options-container .search-sort span {
color: #666;
}
#search-options-container .dropdown-link {
overflow: hidden;
width: auto;
vertical-align: middle;
}
#search-options-container .dropdown-link a {
float:left;
display: block;
background: transparent url(master-vfl38353.gif) no-repeat scroll -302px -377px;
height: 25px;
color: #03c;
font-weight: bold;
text-decoration: none;
}
#search-options-container .show-dropdown .dropdown-link a {
background: transparent url(master-vfl38353.gif) no-repeat scroll 0 -377px;
}
#search-options-container .dropdown-link a.text {
padding: 5px 10px 0px 10px;
}
#search-options-container .dropdown-link a.arrow {
border-left: none;
width: 26px;
height: 25px;
}
#search-options-container .dropdown-link a.arrow {
background: transparent url(master-vfl38353.gif) no-repeat scroll -485px -38px;
}
#search-options-container .show-dropdown .dropdown-link a.arrow {
background: transparent url(master-vfl38353.gif) no-repeat scroll -459px -38px;
}
#search-options-container .dropdown {
background-color: #ECF1FA;
border: 1px solid #A0B1DC;
position: absolute;
z-index: 99;
margin-top: 22px;
width: 150px;
display: none;
}
#search-options-container .sort-by.show-dropdown .dropdown,
#search-options-container .search-by.show-dropdown .dropdown {
display: block;
}
#search-options-container .dropdown div {
display: block;
border-top: 1px solid #A0B1DC;
}
#search-options-container .dropdown div.first {
border-top: none;
}
#search-options-container .dropdown div a {
display: block;
padding: 5px 5px 5px 8px;
color: #03c;
text-decoration: none;
white-space: nowrap;
}
#search-options-container .dropdown a:hover {
background-color: white;
}
#search-options-container.alt-search .search-sort,
#search-options-container.alt-search .search-settings-link {
display: none;
}
#search-options-container .search-settings {
text-align: right;
float: right;
padding-top: 9px;
padding-right: 5px;
padding-bottom: 1px; /* IE6 tweak */
}
#search-options-container .search-settings img {
vertical-align: middle;
}
#search-options-container .search-settings span,
#search-related-terms .search-related-title {
color: #666;
}
/***************************************************************************
* Related Terms
***************************************************************************/
#search-related-terms .search-related-title {
float: left;
margin-right: 6px;
}
#search-related-terms .search-related-items {
float: left;
width: 800px;
overflow-y: hidden;
height: 16px;
}
#search-related-terms .search-related-items a {
white-space: nowrap;
}
#search-options-container .sort-by-selected {
font-weight: bold;
}
#search-related-terms {
padding: 7px 3px;
}
#search-related-terms a {
margin-right: 15px;
}
#search-related-terms .search-related-title-cell {
width: 45px;
white-space: nowrap;
}
/***************************************************************************
* Channel Onebox
***************************************************************************/
#channelOneBox {
background-color: #e6eff6;
padding: 4px 8px 8px 8px;;
overflow: auto;
width: 534px;
margin: 10px 0px;
}
#channelOneBox h1 {
color: #333;
font-size: 12px;
font-weight: bold;
margin: 0 0 5px 0;
}
#channelOneBox .search-link {
display: block;
color: #03c;
float: right;
font-size: 12px;
font-weight: bold;
}
#channelOneBox .channel-title {
color: #03c;
display: block;
font-size: 14px;
font-weight: bold;
margin-bottom: 2px;
}
#channelOneBox .channel-title a {
text-decoration: none;
}
#channelOneBox .channel-title a:hover {
text-decoration: underline;
}
#channelOneBox .channel-description {
margin: 0;
padding: 0;
}
#channelOneBox .channel-image {
float: left;
margin-right: 8px;
margin-top: 5px;
}
#channelOneBox .channel-body {
float: left;
overflow: auto;
width: 324px;
margin-right: 10px;
margin-top: 5px;
}
#channelOneBox .channel-details {
float: left;
overflow: auto;
width: auto;
padding-left: 5px;
border-left: 1px solid #bbb;
margin-top: 5px;
}
#channelOneBox .channel-details span {
display: block;
font-size: 11px;
color: black;
line-height: 14px;
}
#channelOneBox .channel-details span h1 {
font-size: 11px;
font-weight: normal;
color: #999;
display: inline;
}
#channelOneBox .channel-details .recent-upload {
display: none;
}
#channelOneBox .channel-details .channel-type {
font-weight: bold;
}
/* #include /css/homepage.css */
/****************************************************************************
* regular homepage
****************************************************************************/
#hpMainContent {
float: left;
width: 555px;
}
#hpSideContent {
float: right;
width: 300px;
}
.hpContentBlock {
margin: 5px 0px;
}
.hpSideBlock {
margin-bottom: 15px;
}
.hpBlockHeading {
position: relative;
font-size: 16px;
font-weight: bold;
padding-bottom: 5px;
}
.hpBlockHeadingGray {
color: #4A4A4A;
}
.hpSVidEntry {
float: left;
width: 23%;
text-align: center;
padding: 0px 3px;
}
#hpSubsBoxTop {
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
background: #EEE;
padding: 0px 8px;
padding-bottom: 2px;
}
#hpSubsBox {
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
background: #EEE;
padding-left: 8px;
}
.hpLoginField {
width: 130px;
}
.hpLoginForgot {
padding-top: 10px;
}
.hpChannelEntry {
margin-bottom: 5px;
}
.hpGroupEntry {
margin-bottom: 5px;
}
#hpQuicklistSummary {
margin-bottom: 10px;
text-align: right;
width: auto;
overflow: hidden;
}
#hpEmbedTopCap {
padding-bottom: 1px;
}
#hpEmbedVideo { }
#hpEmbedUnderBlock {
padding-top: 5px;
background: #fff;
}
#hpEmbedRatingDiv {
float: right;
}
#hpEmbedInfoDiv {}
.hpWNentry {
padding: 3px 0px;
position: relative;
}
.hpWNimage {
float: left;
width: 30px;
height: 37px;
margin-bottom: 12px;
}
.hpWNdesc {
margin-left: 36px;
margin-bottom: 12px;
}
#hpFeaturedHeading {
padding: 10px 0px 0px 0px;
margin-left: 20px;
border-bottom: 1px solid #CCC;
}
#hpFeaturedAndSmallTabs {
margin-left: 20px;
padding: 5px 5px;
font-size: 11px;
text-align: right;
border-bottom: 1px solid #ccc;
}
#hpFeaturedAndSmallTabs a {
text-decoration: none;
display: block;
float: right;
border-left: 1px solid #ccc;
padding: 0px 10px;
}
#hpFeaturedAndSmallTabs a.first {
border-left: 0px;
}
#hpFeaturedAndSmallTabs a:hover {
text-decoration: underline;
}
#hpFeaturedAndSmallTabs a.hilite {
color: black;
font-weight: bold;
}
#hpFeaturedAndSmallTabs a.hilite:hover {
text-decoration: none;
}
#hpSmallTabsContainer {
font-size: 11px;
text-align: right;
float: right;
list-style: none;
display: inline;
width: 325px;
padding: 0 0 0px 0;
margin: 19px 0 0 0;
}
#hpSmallTabsContainer li {
float: right;
padding: 5px 8px;
}
#hpSmallTabsContainer li.hilite {
display: inline;
padding: 5px 6px;
border-bottom: 5px solid #fff;
background: #fff;
}
#hpSmallTabsContainer li.hilite a {
text-decoration: none;
font-weight: bold;
color: #000;
}
#hpSmallTabsContainer li.hilite a:hover {
text-decoration: none;
font-weight: bold;
color: #000;
}
#hpSmallTabsContainer li a {
text-decoration: none;
}
#hpSmallTabsContainer li a:hover {
text-decoration: underline;
}
#hpEditorContainer {
margin-left: 20px;
}
#hpEditorImg {
overflow: hidden;
width: 30px;
height: 30px;
float: left;
margin: 5px 6px 5px 0px;
}
#hpEditorImg img {
height: 30px;
margin-left: -1px;
}
#hpYTChannelImg {
width: 30px;
height: 30px;
float: left;
margin: 5px 6px 5px 0px;
}
#hpEditorInfo {
padding-top: 4px;
}
#hpEditorHead {
padding-bottom: 1px;
font-size: 11px;
color: #333;
}
#hpEditorAbout {
float: right;
padding-top: 12px;
font-size: 11px;
}
#hpVideoList {
padding-top: 10px;
margin-left: 20px;
}
#hpFeaturedMoreTop {
float: right;
padding-top: 4px;
font-weight: bold;
}
#hpFeaturedMoreBottom {
margin-bottom: 15px;
padding-top: 8px;
text-align: right;
font-weight: bold;
}
.hpPurpleBlock {
background: #EBEDF3 url(pic_blue_top_300x400-vfl30243.gif) top left no-repeat;
padding: 8px 10px 0px 10px;
margin-bottom: 0px;
}
.hpPurpleBlockBot {
background: #EBEDF3 url(pic_blue_top_300x400-vfl30243.gif) no-repeat scroll 0px -400px;
width: 300px;
height: 13px;
}
.hpYellowBlock {
background: #FBF9E8 url(pic_yellow_top_300x1000-vfl34178.gif) top left no-repeat;
padding: 10px 15px 0px 15px;
margin-bottom: 0px;
}
.hpYellowBlockBot {
background: #FBF9E8 url(pic_yellow_top_300x1000-vfl34178.gif) no-repeat scroll 0px -1000px;
width: 300px;
height: 13px;
}
.hpCustomizeLink {
text-align: right;
font-weight: bold;
padding-top: 5px;
font-size: 11px;
}
.hpCustomizeLink a {
text-decoration: none;
}
#hpIytPromo {
background-image: url(stars_promo_bg-vfl33287.gif);
background-position: bottom;
background-repeat: repeat-x;
height: 25px;
width: 100%;
margin-bottom: 10px;
font-weight: bold;
}
#hpIytPromo img {
vertical-align: middle;
}
/****************************************************************************
* personalized homepage
****************************************************************************/
/* Stat Modules Extensions. The specs are verbatim from bethellyn's HTML */
/* Note that 297px is used instead of 298px because IE6 has round up bugs */
.marT2 {
margin-top: 2px;
}
.marT3 {
margin-top: 3px;
}
.marR2 {
margin-right: 2px;
}
.iyt-title {
font-size: 19px;
}
.iyt-links {
font-size: 11px;
color: rgb(102, 102, 102);
font-weight: normal;
}
.iyt-links a {
text-decoration: none;
}
.statModule-title-wrapper {
clear: left;
float: left;
font-size: 12px;
cursor: pointer;
cursor: hand;
}
.statModule-title {
float:left;
font-size: 18px;
font-weight: bold;
font-family: Arial,Helvetica,sans-serif;
margin-bottom: 2px;
width: 297px;
}
.module-item-wrapper {
clear: both;
float: left;
padding-bottom: 10px;
overflow-x: hidden;
overflow-y: hidden;
width: 297px;
margin-bottom: 1px;
border-top-color: #E1E1E1;
border-top-style: solid;
border-top-width: 1px;
}
.statModule-item-line {
background-color: #F1F1F1;
clear: both;
float: left;
margin-bottom: 1px;
font-size: 12px;
font-family: Arial,Helvetica,sans-serif;
}
.statModule-item-key {
color: #1F1F1F;
float: left;
margin-bottom: 4px;
margin-left: 4px;
margin-right: 10px;
margin-top: 4px;
width: 218px;
}
.statModule-item-key a {
text-decoration: none;
}
.statModule-item-value {
clear: right;
float: left;
margin-bottom: 4px;
margin-left: 4px;
margin-right: 10px;
margin-top: 4px;
text-align: right;
width: 50px;
color: #000;
}
.statModule-item-key a {
text-decoration: none;
}
.statModule-item-key a:hover {
border-bottom: 1px dotted #03C;
}
.statModule-footer-wrapper {
background-color: #E1E1E1;
clear: both;
float: left;
}
.statModule-footer-line {
clear: right;
float: left;
margin-bottom: 4px;
margin-left: 4px;
margin-right: 10px;
margin-top: 4px;
text-align: right;
width: 284px;
color: #0033CC;
}
/* Arrows are borrowed from watch.css, possible refactor */
.statModule-sel {
font-weight: bold;
border-left: 1px solid #fff;
background: transparent url(master-vfl38353.gif) no-repeat scroll -423px 0px;
width: 16px;
height: 16px;
}
.statModule-unsel {
border-left: 1px solid #fff;
border-bottom: 1px solid #9a9a9a;
color: #333;
background: transparent url(master-vfl38353.gif) no-repeat scroll -423px 0px;
width: 16px;
height: 16px;
}
.tabcontainer {
margin: 0px 0px 5px 0px;
width: 560px;
float: left;
clear: left;
}
.tabcontainer-lo {
padding-top: 10px;
}
.pagemodule-line {
border-top: 1px solid #ccc;
}
.feedtab {
padding: 5px 0px 5px 0px;
margin-bottom: 15px;
float: left;
border-top: 1px solid #9a9a9a;
border-right: 1px solid #9a9a9a;
height: 15px;
text-align: center;
cursor: pointer;
cursor: hand;
}
.feedtab-sel {
font-weight: bold;
border-left: 1px solid #fff;
width: 185px;
background-image: url(selected_tab-vfl29611.png);
}
.feedtab-unsel {
border-left: 1px solid #fff;
border-bottom: 1px solid #9a9a9a;
color: #333;
width: 184px;
background-image: url(tab_grad_norm-vfl34546.png);
}
.feedtab-left {
border-left: 1px solid #9a9a9a;
}
.feedtab-pager {
font-size: 0.95em;
font-weight: bold;
text-align: right;
}
.pb60 {
padding-bottom: 60px;
}
.feedcontent {
clear: both;
width: 557px;
}
.feedtab-loading {
text-align: center;
padding: 50px 10px 10px 10px;
font-weight: bold;
}
.feedtab-error {
border: 1px solid #AAA;
padding: 10px;
font-size: 14px;
}
.feeditem-uploader a {
font-weight: bold;
color: rgb(102, 102, 102);
}
.feeditem-aggregate {
clear: none;
float: left;
width: 24%;
padding-right: 2px;
}
.feeditem-aggregate-title {
height: 30px;
overflow: hidden;
font-weight: bold;
}
.feeditem-aggregate-title-alt {
overflow: hidden;
font-weight: bold;
width: 100px;
height: 2.4em;
}
.feeditem-aggregate .tall {
height: 138px;
overflow: hidden;
}
.feedmodule {
width: 560px;
}
.feedmodule-smtitle {
font-size: 12px;
float: left;
}
.feedmodule-stars {
float: left;
margin-top: 2px;
padding-left: 10px;
}
.feedmodule-body {
padding: 8px 13px 0px 13px;
}
.feedmodule-thumbnail {
width: 100px;
height: 65px;
border: 3px double #999999;
overflow: hidden;
float: left;
margin-right: 10px;
}
.feedmodule-thumbnail img {
margin-top: -5px;
}
.feedmodule-vdesc-collapsed {
height: 60px;
width: 255px;
overflow: hidden;
}
.feedmodule-vdesc-expanded {
width: 255px;
}
.feedmodule-upper-border {
border-top: 1px solid #D8DFEC;
}
.feedmodule-promoted {
background-color: rgb(255, 255, 219);
border: 1px solid rgb(246, 228, 184);
margin-bottom: 7px;
}
.feedmodule-related-thumbnails-title {
color: #777;
font-size: 11px;
margin: 5px;
padding-left: 9px;
}
.feedmodule-related-thumbnails, .feedmodule-singleform-info {
float: right;
height: 72px;
width: 150px;
}
.feedmodule-singleform-info {
width: 138px;
}
.feedmodule-spotlight {
margin-bottom: 7px;
}
.feedmodule-normal {
background-color: #fff;
}
.feedmodule-date {
clear: left;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666;
margin-bottom: 3px;
font-variant: small-caps;
}
.feedmodule-subnull {
background-color: #FEE9D5;
width: 545px;
margin: 10px 0px 10px 0px;
float: left;
}
.feedmodule-subnull-icon {
float: left;
width: 15px;
padding: 5px;
}
.feedmodule-subnull-icon img {
margin: 0;
width: 15px;
height: 15px;
}
.feedmodule-friendnull-icon {
float: left;
width: 17px;
padding: 5px;
}
.feedmodule-friendnull-icon img {
margin: 0;
width: 17px;
height: 18px;
}
.feedmodule-subnull-txt {
width:505px;
padding:5px;
float:left;
}
.feedmodule-feednull {
background-color: #FEE9D5;
width: 545px;
margin: 10px 0px 10px 0px;
float: left;
}
#friendnull-help {
margin-top: 10px;
clear: both;
display: none;
}
#friendnull-concern {
font-size: 12px;
padding-right: 3px;
text-align: right;
text-decoration: underline;
cursor: pointer;
cursor: hand;
color: blue;
}
#friendnull-close {
font-size: 12px;
padding-right: 3px;
text-align: right;
text-decoration: underline;
cursor: pointer;
cursor: hand;
color: blue;
}
.feedmodule2-modheader {
padding-top: 25px;
}
.feedmodule2-title {
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica,sans-serif;
}
.feedmodule2-title .closedinfo {
color: rgb(204, 204, 204);
font-size: 90%;
font-weight: normal;
}
.feedmodule2-title-wrapper {
float: left;
cursor: pointer;
cursor: hand;
}
.feedmodule2-preamble {
float: left;
margin-left: 5px;
font-size: 11px;
color: rgb(102, 102, 102);
}
.feedmodule2-preamble a {
text-decoration: none;
}
.feedmodule2-titleText:hover {
text-decoration: underline;
}
.feedmodule2-title img {
vertical-align: middle;
}
.feedmodule-feditor {
margin: 5px 0px -5px 0px;
}
.feedmodule-feditor-img {
float: left;
margin-right: 10px;
border: 3px double #999;
}
.feedmodule-arrows {
font-size: 11px;
color: #666;
font-weight: normal;
display: none;
}
.feedmodule-updown {
cursor:pointer;
cursor: hand;
text-align: right;
}
.vimg51 {
width: 50px;
height: 30px;
border: 1px solid #999;
}
.v51WrapperInner {
overflow: hidden;
width: 50px;
height: 30px;
border: 1px solid #fff;
}
.v51WrapperOuter {
width: 52px;
border: 1px solid #999;
}
.clearB {
clear: both;
}
.guest-editor {
clear: left;
float: left;
height: 60px;
}