@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; border: 1px solid #ddd;}

#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: 1px 2px 2px;margin-bottom:15px;}
ul.conversation li.card {border: 1px solid white; border-bottom: 1px solid #ddd; background: white; position:relative;padding:10px; border-width: 3px;}
ul.conversation li.card:last-child {margin-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; /*margin-bottom: 5px;*/ 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 {/*display: block; position: absolute; right: 0; bottom: 0;*/ 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 {/*behavior: url('/js/ie_png-helper.htc');*/ 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; min-height: inherit;}
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; /*behavior: url('/js/ie_png-helper.htc');*/ 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: #fffbe5;}

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;}