@charset 'utf-8';

#conversation-header h1 {font-size: 22px; line-height:1.2; font-weight: bold;}

ul.conversation.parent {margin-bottom: 15px;}
ul.conversation.parent a.enter-conversation {display:none;}

p#participate-helper, #account, p.nothing {text-align: center;}
#account img {display: none;}

ul.conversation {background: none;}

#post-message-iframe {width:100%; height:100%; overflow:hidden; display:block; margin: 0; padding: 0;}

ul.conversation {border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background: white; padding: 5px;margin-bottom:15px;}
ul.conversation li.card {border-bottom: 1px solid #ccc; margin-bottom: 1px; background: white; position:relative;padding:12px 10px 11px;}
ul.conversation li.card:first-child {border-top: 1px solid #ccc;}
ul.conversation li.card:last-child {margin-bottom: 0; border-bottom: 0;}

ul.conversation li.card img.avatar {margin: 0;}
ul.conversation li.card div.message {margin:0 0 0 65px; min-height: 50px;}
ul.conversation li.card h4.name {font: 14px "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Arial,Verdana,sans-serif; font-weight: bold; color:#2e2e2e; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; margin-bottom: 5px;}
ul.conversation li.card div.body {font-size: 14px; line-height: 1.4; color: #666; margin-top: 3px; overflow: hidden; padding-right: 90px;}
ul.conversation li.card span.time, ul.conversation li.card span.time_prefix {white-space: nowrap; font-size: 10px; color: #bbb; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; margin: 0 0 5px 0;}

ul.conversation li.card ul.child {border-top: 1px solid #ddd; border-top: 1px solid rgba(128,128,128,0.3); background: transparent url('/image/gradients/alt_large-down.png') repeat-x left top; position: relative; padding: 6px; margin: 20px -10px 10px 30px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-top-right-radius:0; border-bottom-right-radius:0; -moz-border-radius-topright:0; -moz-border-radius-bottomright:0; -webkit-border-top-right-radius:0; -webkit-border-bottom-right-radius:0;}
ul.conversation li.card ul.child li span.time {position:static; margin-bottom: 5px;}
ul.conversation li.card ul.child li div.message {margin: 0 0 0 30px; padding: 0; background: none; min-height: 0;}
ul.conversation li.card ul.child li div.message h4 { margin-bottom: 5px; font-size: 12px;}
ul.conversation li.card ul.child li div.body {font-size: 11px;}
ul.conversation li.card div.body:before, ul.conversation li.card div.body:after {line-height: 1; white-space: pre; color: rgba(0,0,0,0.15); font-size: 1.5em;}
ul.conversation li.card div.body:before {content:"❝ "; letter-spacing: -2px; vertical-align: middle;}
ul.conversation li.card div.body:after {content:" ❞"; letter-spacing: -5px; vertical-align: text-top;}

ul.conversation li.card div.media {background: transparent url('/image/gradients/alt_large-up.png') repeat-x left bottom; margin: -10px -10px 10px; padding: 6px;}
ul.conversation li.card div.media h3 {font: 14px "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Arial,Verdana,sans-serif; margin: 0;}

/* Avatars */
ul.conversation li.card img.avatar {background:url('/image/wrappers/image_50.png') no-repeat; display:block; width:50px; height:50px; padding:3px;}
ul.conversation li.card ul.child li img.avatar {background:url('/image/wrappers/image_20.png') no-repeat; display:block; width:20px; height:20px; padding:2px;}

ul.conversation li.card ul.child li {background: none !important; border: none; padding: 0;}
ul.conversation li.card ul.child li div.instance-utils, ul.conversation li.card ul.child li span.name, ul.conversation li.card ul.child li div.media {display: none;}

ul.conversation li.card div.media h3 {line-height: 1.7;}
ul.conversation li.card div.media strong.title {color: black;}

/* This should be replaced with a SWF (simple button player) */
ul.conversation li.card div.media a.download {text-indent:-999em; width:23px; height:23px; float:left; margin-right:7px; background: url('/image/buttons/view.png') no-repeat top left; opacity: 0.8;}
ul.conversation li.card div.media span.play {text-indent:-999em; width:23px; height:23px; float:left; margin-right:7px; background: url('/image/buttons/play.png') no-repeat top left; opacity: 0.8;}
ul.conversation li.card div.media span.view {text-indent:-999em; width:23px; height:23px; float:left; margin-right:7px; background: url('/image/buttons/view.png') no-repeat top left; opacity: 0.8;}
ul.conversation li.card div.media span.play:hover, ul.conversation li.card div.media span.view:hover, ul.conversation li.card div.media a.download:hover {opacity:1;}
ul.conversation li.card div.media .player {width: 23px; height:23px; float:left; margin-right:7px;}
ul.conversation li.card div.media .player object, ul.conversation li.card div.music .player embed {width:23px; height:23px; display:block;}
ul.conversation li.card div.thumb {float:left; margin:0 5px 2px 0;cursor:pointer;}
ul.conversation li.card div.thumb img {display:block; width:120px; border:1px solid #777;}
ul.conversation li.card div.thumb img:hover {border-color:#3395aa;}
ul.conversation li.card ul.child li.card div.thumb img {width:25px;}
ul.conversation li.card div.thumb span.play {display:block;margin-top: -36px; margin-right: 10px; text-align: right;}
ul.conversation li.card div.thumb span.play img {border:0;display:inline;opacity:0.88;height:23px;width:23px}
ul.conversation li.card div.thumb:hover span.play img {opacity:1}
ul.conversation li.card ul.child li.card div.thumb span.play {display:none;}

ul.conversation li.enabled li span.un-delete {display:none;}
ul.conversation li.disabled img {opacity: 0.3;}
ul.conversation li.disabled *,ul.conversation li.disabled *:hover, ul.conversation li.disabled *:active {color: #ddd !important;}
ul.conversation li.disabled li span.delete {display:none;}

ul.conversation li.host {background: #def;}

ul.conversation li.facebook .name { padding-left: 21px; background:url('/image/icons/facebook_15.png') no-repeat; }
ul.conversation li.twitter .name { padding-left: 28px; background:url('/image/icons/tweet_22.png') no-repeat; }

#launch p.message {display:none;}
#launch.original p#message-original {display:block;}
#launch.media p#message-media {display:block;}

/* Sponsored Cards & Ads */

ul.conversation li.ad { background: #eaeaea; padding: 10px 0; text-align: center; margin-bottom: 1px; border-bottom-color: white; }

ul.conversation li.sponsored {background: #eaeaea;}
ul.conversation li.sponsored div.message {padding: 10px; min-height: 100px; background: white; margin: 0 -9px 0 160px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
ul.conversation li.sponsored div.instance-utils { top: 14px; right: 3px; }
ul.conversation li.sponsored img.sponsor-logo { margin-bottom: 10px; }
ul.conversation li.sponsored h3.sponsored-message-title { margin: 0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; font-style: italic; }
ul.conversation li.sponsored p.time-remaining-cta { font-size: 11px; color: #999; }
ul.conversation li.sponsored p.time-remaining-cta span { color: #666; }
ul.conversation li.sponsored a.contest-rules {text-decoration: underline; color: #999; font-size: 10px; white-space: nowrap; height: auto; background: none !important; border: 0 !important;}
ul.conversation li.sponsored a.enter-conversation {bottom: 50px;}
ul.conversation li.sponsored a.contest.enter-conversation {font-size: 12px; height: 30px;font-style: italic;}
ul.conversation li.sponsored div.sponsor-branding {width: 160px;}

ul.conversation li.winner-flag {background:#FFE;}

ul.conversation li.winner h4.name span.winner-rank { padding-left: 22px; background:url('/image/icons/award-winner_16.png') no-repeat; font-weight: normal; color: #777676; }
ul.conversation li.winner h4.name span.winner-rank strong { color: #2e2e2e; }

ul.conversation li.winner-1 {background: #ffc;}
ul.conversation li.winner-1 h4.name span.winner-rank {background-image: url('/image/icons/medal-gold_16.png');}
ul.conversation li.winner-2 {background: #e3e3e3;}
ul.conversation li.winner-2 h4.name span.winner-rank {background-image: url('/image/icons/medal-silver_16.png');}
ul.conversation li.winner-3 {background: #edb;}
ul.conversation li.winner-3 h4.name span.winner-rank {background-image: url('/image/icons/medal-bronze_16.png');}