element is wrapped by jCarousel around the list
* and has the classname "jcarousel-container".
*/
.jcarousel-container {
position: relative;
}
.jcarousel-clip {
z-index: 2;
padding: 0;
margin: 0;
overflow: hidden;
position: relative;
}
.jcarousel-list {
z-index: 1;
overflow: hidden;
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
.jcarousel-item {
float: left;
list-style: none;
/* We set the width/height explicitly. No width/height causes infinite loops. */
height:160px;
width:77px;
}
/**
* The buttons are added dynamically by jCarousel before
* the
list (inside the described above) and
* have the classnames "jcarousel-next" and "jcarousel-prev".
*/
.jcarousel-next {
z-index: 3;
display: none;
}
.jcarousel-prev {
z-index: 3;
display: none;
}
.jcarousel-skin-ie7.jcarousel-container {
background: #ffffff;
}
.jcarousel-skin-ie7.jcarousel-container-horizontal {
padding: 0px;
width: 438px;
height: 150px;
background: #fff url(http://static.bloggingheads.tv/images/design_elements/thumb-topborder2.gif) center top no-repeat;
border-bottom: 3px solid #333333;
border-right: 3px solid #333333;
border-left: 3px solid #333333;
}
.jcarousel-skin-ie7.jcarousel-container-vertical {
width: 75px;
height: 126px;
padding: 0px 0px;
}
.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
padding: 0px;
width:438px;
height: 126px;
background: #fff url(http://static.bloggingheads.tv/images/design_elements/thumb-topborder2.gif) center top no-repeat;
border-bottom: 1px solid #bcbcbc;
}
.jcarousel-skin-ie7 .jcarousel-clip-vertical {
padding: 0px;
width: 77px;
height: 126px;
}
.jcarousel-skin-ie7 .jcarousel-item {
padding: 0px;
height:126px;
width:146px;
background: #fff url(http://static.bloggingheads.tv/images/design_elements/thumb-topborder2.gif) center top no-repeat;
cursor: default;
}
.jcarousel-skin-ie7 .jcarousel-item:hover {
padding: 0px;
background: #b9e015 url(http://static.bloggingheads.tv/images/design_elements/greenspoint2.gif) center top no-repeat;
cursor: default;
}
.jcarousel-skin-ie7 .jcarousel-item-horizontal {
margin-right: 0px;
}
.jcarousel-skin-ie7 .jcarousel-item-vertical {
margin-bottom: 0px;
}
.jcarousel-skin-ie7 .jcarousel-item-placeholder {
}
/**
* Horizontal Buttons
*/
.jcarousel-skin-ie7 .jcarousel-next-horizontal {
position: absolute;
top: 131px;
right: 2px;
width: 100px;
height: 15px;
cursor: pointer;
background: transparent url(http://static.bloggingheads.tv/images/design_elements/next2.gif) no-repeat 0 0;
}
.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover {
background-position: -100px 0;
}
.jcarousel-skin-ie7 .jcarousel-next-horizontal:active {
background-position: -200px 0;
}
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {
cursor: default;
background-position: -300px 0;
}
.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
position: absolute;
top: 131px;
left: 2px;
width: 100px;
height: 15px;
cursor: pointer;
background: transparent url(http://static.bloggingheads.tv/images/design_elements/previous2.gif) no-repeat 0 0;
}
.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover {
background-position: -100px 0;
}
.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active {
background-position: -200px 0;
}
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {
cursor: default;
background-position: -300px 0;
}
/**
* Vertical Buttons
*/
.jcarousel-skin-ie7 .jcarousel-next-vertical {
position: absolute;
bottom: 5px;
left: 43px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url(next-vertical.gif) no-repeat 0 0;
}
.jcarousel-skin-ie7 .jcarousel-next-vertical:hover {
background-position: 0 -32px;
}
.jcarousel-skin-ie7 .jcarousel-next-vertical:active {
background-position: 0 -64px;
}
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical,
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:active {
cursor: default;
background-position: 0 -96px;
}
.jcarousel-skin-ie7 .jcarousel-prev-vertical {
position: absolute;
top: 5px;
left: 43px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url(prev-vertical.gif) no-repeat 0 0;
}
.jcarousel-skin-ie7 .jcarousel-prev-vertical:hover {
background-position: 0 -32px;
}
.jcarousel-skin-ie7 .jcarousel-prev-vertical:active {
background-position: 0 -64px;
}
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:active {
cursor: default;
background-position: 0 -96px;
}
.carousel-thumb-text {
font-family: Verdana;
font-weight: bold;
font-size: 10px;
line-height: 10px;
margin-bottom: 4px;
padding: 0px;
}
.carousel-thumb-date {
font-family: Verdana;
font-weight: normal;
font-size: 9px;
line-height: 9px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}
.clip {
font-family: "Verdana", Geneva, sans-serif;
font-size: 12px;
height: 146px;
font-weight: normal;
border-left: 3px solid #333333;
border-right: 3px solid #333333;
overflow: auto;
}
.topiclinks a {
font-family: "Verdana";
font-size: 11px;
font-weight: normal;
height: 160px;
text-decoration: none;
color: #666666;
}
.playentire a, .playentire a:visited {
font-family: "Verdana";
font-size: 11px;
font-weight: bold;
line-height: 18px;
text-decoration: none;
color: #666666;
}
.playentire a:hover {
font-family: "Verdana";
font-size: 11px;
line-height: 18px;
font-weight: bold;
text-decoration: none;
color: #990000;
}
.topiclinks a:hover {
font-family: "Verdana";
font-size: 11px;
line-height: 18px;
font-weight: normal;
text-decoration: none;
color: #990000;
}
.topiclinks {
font-family: "Verdana";
font-size: 11px;
line-height: 18px;
font-weight: normal;
color: #666666;
}
.buttonstyle {
background: #ffa500;
color: #ffffff;
font-family: "Verdana";
font-size: 10px;
font-weight: bold;
}
.carousel-title {
font-family: "Verdana", Verdana, sans-serif;
font-weight: bold;
color: #000000;
background: #b9e015;
font-size: 12px;
height: 17px;
padding-top:2px;
padding-bottom:2px;
}
.bigpix {
padding: 0px;
height: 202px;
margin: 0px;
border-top: 3px solid #333333;
border-bottom: 3px solid #333333;
border-left: 3px solid #333333;
border-right: 3px solid #333333;
top: 0;
left: 0;
margin-bottom: 0;
}