/* default media classes */
.moviecamera .mediaItem
{
	float				: left;
	margin				: 3px;
	width				: 168px;
}

.moviecamera .mediaItem img,
.moviecamera .mediaItem p
{
	display				: block;
	width				: 168px;
	position			: relative;
	left				: 2px;
	font-size			: 11px;
}

/* default media classes */
.syringe .mediaItem
{
	float				: left;
	position			: relative;
	left				: 1px;
	width				: 250px;
}

.syringe .mediaItem img
{
	display				: block;
	width				: 250px;
}

.syringe .mediaItem p
{
	padding				: 3px;
	height				: 17px;
	display				: block;
	width				: 244px;
	position			: relative;
	right				: 1px;
}


.videoDetails
{
	display				: block;
	width				: 219px;
	float				: right;
	padding				: 2px;
}

div.mediaUtils
{
	display				: block;
	height				: 50px;
	padding-left		: 60px;
	vertical-align		: middle;
}

div#icon_subscribe
{
	background			: url('../images/icon_subscribe.png') left center no-repeat;
}
div#icon_subscribe a
{
	line-height			: 50px;
}
div#icon_vote
{
	padding-top			: 10px;
	background			: url('../images/icon_vote.png') left center no-repeat;
}
div#icon_addfavorite
{
	background			: url('../images/icon_addfavorite.png') left center no-repeat;
}
div#icon_addfavorite a
{
	line-height			: 50px;
}
div#icon_reportmedia
{
	background			: url('../images/icon_reportmedia.png') left center no-repeat;
}
div#icon_reportmedia a
{
	line-height			: 50px;
}
div.socialBookmarks
{
	position			: relative;
	left				: 17px;
}
div.socialBookmarks div
{
	margin				: 10px;
}

div.metaDataLeft
{
	float				: left;
	width				: 340px;
}
div.metaDataRight
{
	float				: right;
	width				: 340px;
}

div.videoPlayerMediaItem {
	padding				: 1px;
}

div.videoPlayerMediaItem .mediaThumb
{
	float				: left;
	display				: block;
	width				: 106px;
	margin-right		: 5px;
}
div.videoPlayerMediaItem .halfPadding
{
	text-align			: left;
}


.mediaItem {
/**
    width: 106px;
    display: block;
    float: left;
    margin: 2px;
    text-align: left;
**/
}

.mediaItem img {
/**
    margin: auto;
    border: 1px solid #333;
**/
}

.mediaItem p {

/**
    font: 80%/2.0 arial, helvetica, sans-serif;
    padding: 5px;
**/
}

.mediaRowSep {
    margin: 10px 0;
    height: 1px;
    display: block;
    clear: both;
    border-bottom: 1px solid #191919;
}

.leftcol .mediaItem {
/**
    margin: 6px;
**/
}

.mediaOptions {
    margin: 61px auto 0 auto;
    width: 106px;
    position: absolute;
    display: block;
    text-align: center;
    padding: 2px;
    z-index: 950;
}

.mediaOptionsBg {
    width: 106px;
    position: absolute;
    top: 0;
    left: 1px;
    display: block;
    height: 20px;
    background-color: #000;
    z-index: -50;
    opacity: 0.3;
    filter: alpha(opacity=0.3);
}

.mediaOptions img {
    border: none;
}

.mediaThumb {
    width: 106px;
    display: block;
    text-align: center;
}

a.channelBorder { font-weight: bold; }
a.channelBorder img { }
a.mediaBorder { font-weight: bold; }
a.mediaBorder img { }
a.disabledBorder { font-weight: bold; color: #900; }
a.disabledBorder img {  }

/* media details */
div.playerInfo {
	margin-left: 10px;
}

html>body div.playerContainer {
	margin-left: 10px;
}

div.playerContainer {
    width:480px;
    float:left;
    text-align: center;
}

#flashPlayer {
    margin: 0 auto;
    text-align: center;
}

div.mediaDetailsBox {
    width: 409px;
	color: #ccc;
	border: 0px solid #09f;
	margin-bottom: 4px;
}

#share {
    width: 300px;
    margin: 0 auto;
}

input.shareMedia {
    width: 300px;
}

.moreUserMedia {
    width: 180px;
    height: 78px;
    padding-left: 10px;
    border: 1px solid #000;
    background-color: #000;
}

.moreUserMediaOver {
    width: 180px;
    height: 78px;
    padding-left: 10px;
    border: 1px solid #333;
    background-color: #191919;
}

/* rating classes */
.starRating { background: url(../img/ico_ratingstar.png) top left repeat-x; position: relative; height: 25px; width: 125px;display: block;margin: auto; }
.starRating li { float: left; }
.starRating li a { display: block; height: 25px; position: absolute; text-decoration: none; text-indent: -9000px; width: 25px; z-index: 20; }
.starRating li a:hover { background: url(../img/ico_ratingstar.png) left bottom; left: 0; z-index: 2; }
.starRating a.oneStar { left: 0; }
.starRating a.oneStar:hover { width: 25px; }
.starRating a.twoStars { left: 25px; }
.starRating a.twoStars:hover { width: 50px; }
.starRating a.threeStars { left: 50px; }
.starRating a.threeStars:hover { width: 75px; }
.starRating a.fourStars { left: 75px; }
.starRating a.fourStars:hover { width: 100px; }
.starRating a.fiveStars { left: 100px; }
.starRating a.fiveStars:hover { width: 125px; }
.starRating li.currentRating { background: url(../img/ico_ratingstar.png) left center; display: block; height: 25px; position: absolute; text-indent: -9000px; z-index: 1; left: 0px;}

/* Media Comments */
div.commentData {
    padding: 3px;
}

div.mediaCommentHeader {
/**
    background-color: #191919;
    border: 1px solid #333;
    padding: 3px;
**/
	background-color		: #191919;
	padding					: 3px 10px 3px 10px;
}

div.mediaCommentHeader p {
    clear: none;
}

textarea.commentField {
    width: 473px;
    height: 80px;
}

.deleteComment {
    font-weight: normal;
}

div.messageBar {
	width: 848px;
	border: 1px solid #333;
	padding: 5px;
	margin: auto;
	margin-bottom: 4px;
	background-color: #000;
	color: #ff8f02;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}


/* channels area */
#channelHeader {}
#channelHeader div.channelText p.title {
    font-size: 24px;
    font-weight: normal;
    margin-top: 10px;
}
#channelHeader div.channelText p.title a {
    color: #09f;
}
#channelHeader div.channelText p.tagline {
    font-size: 14px;
    font-weight: normal;
    margin-top: 5px;
}
#channelHeader img {
    margin: 10px;
    float: left;
}
.channel {
    width: 108px;
    float: left;
    text-align: center;
    background-color: #000;
    border: 1px solid #000;
}
.channelOver {
    width: 108px;
    float: left;
    text-align: center;
    background-color: #191919;
    border: 1px solid #333;
}

/* add/edit media */
h3.blueText {
	border-bottom: 1px #333 solid;
	color: #09f;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px 20px;
	padding: 4px;
}
table#mediaAction {
	width: 100%;
}

/* media info popups */
#ajaxPopupContainer {
    padding: 10px;
    display: block;
    background-color: #000;
    border: 1px solid #09f;
    overflow: hidden;
    font: 80%/2.0 arial, helvetica, sans-serif;
}
.ajaxPopupMotion {
    background-color: #09f;
    opacity: 0.2;
    filter: alpha(opacity=0.2);
}

#mediaInfoPop {
    color: #fff;
}

#mediaInfoPop h2 {
    font-weight: bold;
    color: #09f;
}

#mediaInfoPop #mediaData {
    padding-top: 5px;
    padding-bottom: 5px;
}

#mediaInfoPop #mediaData p span {
    color: #ff8f02;
    font-weight: bold;
}

.suggestionsBox {
    position: relative;
    left: 30px;
    margin: 10px 0px 0px 0px;
    width: 200px;
    background-color: #212427;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 2px solid #000;    
    color: #fff;
}

.suggestionList {
    margin: 0px;
    padding: 0px;
}

.suggestionList li {
    
    margin: 0px 0px 3px 0px;
    padding: 3px;
    cursor: pointer;
    display: block;
    width: 100%;
    font: menu;
    font-size: 12px;
    overflow: hidden;
}

.suggestionList li:hover {
    background-color: #659CD8;
    width: 95%;
}

.suggestionList ul {
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}



ul#choicesList {list-style:none;padding:0;margin:0;}
ul#choicesList li {
    float:left;
    border:3px solid #2f2f2f;
    margin:20px;
    
    padding:4px;
}

ul#choicesList li img {
    
    float: left;
    width: 130px;
  
  
    }
ul#choicesList li:hover {
    border-color: #ccc;
    }
ul#choicesList li.on {
    
    border-color: #f00;
}