@charset "utf-8";

#post-message textarea, #post-message input[type="text"] {color: #999;/*background:#111; color: #888; border-color: #444;*/}
#post-message textarea:focus, #post-message input[type="text"]:focus {color: #2e2e2e; /*background: black; border-color: #555; color: #ccc;*/}
#post-message label {font-weight: normal; line-height: 1.3;}

#post-message h3#post-message-heading {float:left; margin:0; background: url('/image/icons/bubble_15.png') no-repeat left 5px; color: #2e2e2e; font-size: 15px; padding-left: 20px; font-weight: normal;}

#post-message {margin:10px 10px 0;}
#post-message textarea {float:left; resize: none; margin: 0; width: 405px; height: 20px; padding: 5px; overflow:hidden; font-size: 16px; line-height: 1.15;}
#post-message #input-field {margin:0;}
#post-message span#char-count {line-height: 1; float:right; margin-right:90px; font: 13px "Georgia","Times New Roman",Times,serif; text-align: center; width: 30px; height: 16px; background: #777676; background: rgba(0, 0, 0, 0.2); color: white; padding: 2px 7px 5px;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-top-right-radius:0; border-top-left-radius:0; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; -webkit-border-top-left-radius:0;-webkit-border-top-right-radius:0; /*border: 1px solid rgba(0,0,0,0.6); border-bottom: 0;*/}
#post-message span#char-count.negative {background-color: #e90505;}
#post-message input#post-message-button {margin: 0; float:right; font-size: 13px; width: 15%; padding: 0 5px; display:block; line-height: 13px; height: 32px; /*border-top-left-radius:0; border-bottom-left-radius:0; -moz-border-radius-bottomleft:0; -moz-border-radius-topleft:0; -webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;*/}
#post-message input#post-message-button[disabled], #post-message input#post-message-button[disabled]:hover {border: 1px solid rgba(0,0,0,0.1); color: rgba(0,0,0,0.2); background: rgba(255,255,255,0.5); /*opacity: 0.2;*/text-shadow:none; -moz-text-shadow: none; -webkit-text-shadow: none;}

#post-message #input-periphery {/*background: #1d2226;*/ margin: 8px 0;}

#post-message .help {color:#999;}

#syndicate-option {float: left; margin: 0 10px 0 0; line-height: 1.3; font-size:11px;}
#syndicate-option input {margin: 0; padding: 0;}

/* Attachments */
#message-attach {float: left;}
#message-attach h4 {color: #999; line-height: 1.3; float: left; margin: 0 3px 0 0;}
#message-attach ul {float: left; margin: -4px 0 0 0;}
#message-attach ul li {border: 1px solid transparent; color: #ccc; text-indent: -999em; float: left; width: 28px; height: 26px; background: url('/image/buttons/attachment_sprite.png') no-repeat top left; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; margin: 0; border-bottom-left-radius:0; border-bottom-right-radius:0; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;}

#message-attach ul li#attach-image-button {background-position:0 0;}
#message-attach ul li#attach-video-button {background-position:-28px 0;}
#message-attach ul li#attach-audio-button {background-position:-56px 0;}
#message-attach ul li#attach-document-button {background-position:-84px 0;}

#message-attach ul li#attach-image-button:hover {background-position:0 -26px;}
#message-attach ul li#attach-video-button:hover {background-position:-28px -26px;}
#message-attach ul li#attach-audio-button:hover {background-position:-56px -26px;}
#message-attach ul li#attach-document-button:hover {background-position:-84px -26px;}

#message-attach ul li#attach-image-button.active {background-position:0 -52px;}
#message-attach ul li#attach-video-button.active {background-position:-28px -52px;}
#message-attach ul li#attach-audio-button.active {background-position:-56px -52px;}
#message-attach ul li#attach-document-button:active {background-position:-84px -52px;}

#message-attach ul li.active {background-color:#ac0f0f; padding-bottom: 2px; border: 1px solid #ac0f0f;}
#message-attach ul li.active:hover {border-bottom-left-radius:0; border-bottom-right-radius:0; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;}

/* Attach Panels */
#attach-media-form {position:relative; padding: 8px 4px 4px; border-top: 1px solid #ccc; font-size: 10px; /*background: rgba(0,0,0, 0.3); border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;margin-left:5px;*/ line-height: 2;}
#attach-media-form div.attach-pane div.field {position: static; margin:0;}
#attach-media-form input[type="text"] {font-size: 9px; color: #888;}

#attach-media-form .close {cursor: default; color: #888; right: 4px; top: 8px; position:absolute;}
#attach-media-form .close:hover {color: #2e2e2e;}

#attach-media-form #attach-video input#id_video {width: 240px;}
#attach-media-form #attach-audio div.field {margin-right: 7px;}

#post-loading {position: absolute; top: 50px; right: 12px; height: 15px; width: 15px;}