@-moz-document domain("chatwork.com") {
/* COMMON */
* { 
    font-family: "Lucida Grande", "Lucida Sans Unicode", 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

pre {
    color: #333;
}

/* AD */

#cw_promotion_area {
    display: none !important;
}

/* HEADER */

.tm_header_bg {
    background: -webkit-gradient( linear, left top, left bottom, from(#565656), to(#383838) ) !important;
    background: -moz-linear-gradient( top, #565656 0%, #383838 100% ) !important;
    background: -o-linear-gradient( top, #565656 0%, #383838 100% ) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#565656, endcolorstr=#383838));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#565656, endcolorstr=#383838))";
    zoom: 1;
    border-bottom: 1px solid black;
}

.tm_add_button {
    border: 1px #111 solid;
    background-color: #333;
    background-image: -moz-linear-gradient(#333, #333);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333), color-stop(100%, #333));
    background-image: -webkit-linear-gradient(#333, #333);
}

.ui_header_nav_action li {
    border-left: 1px #666 solid;
}

.ui_mystatus_bg {
    border-left: 1px #666 solid;
}

.dev_mytask {
    background: -webkit-gradient( linear, left top, left bottom, from(#73B0EE), to(#1F62A7) );
    background: -moz-linear-gradient( top, #73B0EE 0%, #1F62A7 100% );
}

.tm_logo {
    background: url('http://dl.dropbox.com/u/282961/chatwork/tm_logo.png') no-repeat left top;
    width: 113px !important;
}

.ui_tooltip_add {
    left: 105px;
}

/* SIDEBAR */

#cw_roomlist_items_area {
    padding-bottom: 146px;
}

.ui_roomlist_items,
.ui_roomlist_items_area  {
    background-color: #f8f8f8;
}

.dev_room {
    border-bottom: 1px solid #DFDFDF;
    color: #454545;
}

.dev_room:hover {
    background-color: #eee;
}

.dev_selected {
  background-position: left -10px;
  color: #eee;
}

.dev_selected, 
.dev_selected:hover {
    background-color: #454545;
    border-top: 1px solid #333;
    border-bottom: 1px solid #222;
}

.ui_room_icon {
    background: url('http://dl.dropbox.com/u/282961/chatwork/default.png');
}

.ui_room_icon .ui_avatar_small {
    opacity:0;
}

.ui_room_icon .cw_avatar {
    opacity:1;
}

/* CONTENT-HEADER */

.tm_contentheader {
    background-color: #ebebeb;
    border-bottom: 1px solid #AAA;
}

#cw_outer_center .ui-layout-north {
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.40);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,.40);
    box-shadow: 0 0 15px rgba(0,0,0,.40);
    z-index:2 !important;
    text-shadow: 0px 1px 0px white;
}

.tm_contentheader .autotrim {
    color: #454545;
}

.ui_room_actions {
    border-left: none;
}

.ui_title_section {
    background: transparent;
    color: #454545;
    border-right: none;
    border-left: 1px solid #aaa;
}

.ui_title_section:hover {
    background: -webkit-gradient( linear, left top, left bottom, from(#565656), to(#383838) ) !important;
    background: -moz-linear-gradient( top, #565656 0%, #383838 100% ) !important;
    color: #fff;
}

.ui_title_section:first-child {
    border-radius: 0;
}


/* CONTENT */

.dev_date_head {
    background: -webkit-gradient( linear, left top, left bottom, from(#fff), to(#eee) ) !important;
    background: -moz-linear-gradient( top, #fff 0%, #eee 100% ) !important;
    font-weight: normal;
    border-top: 1px solid #ebebeb;
}

.ui_chat_date {
    font-size: 11px;
}

.ui_message .ui_avatar_small {
    width: 16px;
    height: 16px;
}

.ui_chat_name {
    font-weight: normal;
    font-size: 13px;
    color: #1962A7;
}

.ui_to {
    border:none;
    background: #ccc;
}

.ui_chat_action_nav {
    border: 1px solid #ccc;
}

.ui_tag {
    background: #e9eef5;
    border-bottom: 1px solid #d5dde7;
}

.ui_task_date_limit, .ui_attention {
    color: #f9215e;
}

.ui_chat_mention {
    background: #f9f9f9;
}

.ui_chat_mention:hover {
    background: #f3f3f3;
}


/* COMMENT TOOLBAR */

.ui_send_area .toolbar .hover {
    border-radius: 0;
    background: #ebebeb;
}


.ui_mention_box,
.ui_emoticon_box {
    border: 1px solid #aaa;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.40);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.40);
    box-shadow: 0 0 10px rgba(0,0,0,.40);
}

.ui_send_area .toolbar {
    border: none;
    border-bottom: 1px solid #CCC;
}

#cw_sendbutton_chat_emoticon {
    display:none !important;
}

.ui_sp_icon {
    background-image: url(http://dl.dropbox.com/u/282961/chatwork/sp_icon.png);
}

.ui_send_area .toolbar .selected {
    background-color: #DDD;
    border-radius: 0;
}

/* FOOTER */

.tm_footer_bg {
    background: -webkit-gradient( linear, left top, left bottom, from(#f9f9f9), to(#dfdfdf) ) !important;
    background: -moz-linear-gradient( top, #f9f9f9 0%, #dfdfdf 100% ) !important;
}

.ui_footer_nav,
.ui_footer_nav a {
    color: #454545;
    line-height: 16px;
    font-size: 10px;
}

.ui_footer_nav span:nth-child(6),
.ui_footer_nav span:nth-child(7),
.ui_footer_nav span:nth-child(8) {
    display: none;
}

.ui_footer_area,
#cw_footer {
    height: 12px !important;
}

#cw_sound, #cw_notification {
    padding-top: 0;
}


/* DIALOG WINDOW */

.ui-widget-overlay {
    background: #000;
}

.ui-dialog {
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.80);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.80);
    box-shadow: 0 0 20px rgba(0,0,0,.80);
}

.ui-widget-header {
    background: -webkit-gradient( linear, left top, left bottom, from(#565656), to(#383838) ) ;
    background: -moz-linear-gradient( top, #565656 0%, #383838 100% ) ;
    color: #fff;
}

.ui-widget-content {
    border: none;
}


/* RIGHT-SIDEBAR */

#cw_subinfo .ui-widget-header {
    background:#f3f3f3 !important;
}

.ui_task_mine {
    background: #f3f3f3;
    border-bottom: 1px solid #ccc;
}

.ui_task_meta span {
    color: #888;
}
}