/* ----- Comunication ------------------------------------------------------------------------------------------------------------------------------------------------------------ */

#message_form { background: #F7F7F9; border-radius: 7px; border: 1px solid #D5D8DF; }
#message_form .row{ border-bottom: 1px solid #D5D8DF; margin: 0; padding: 15px; }
#message_form .row.blank{ background: #fff; }
#message_form .row.nopadding{ padding: 0; }

#message_form .label { float:left; line-height:30px; padding-right: 0; width: 60px; }
#message_form .input { float:none; display:inline-block; }
#message_form .highrow .input{ position: relative; z-index: 10; }

#message_form .textarea{ background: none; border: none; width: 100%; }
#message_form .textarea textarea{ background: none repeat scroll 0 0 transparent; border: medium none; width: 99%; border-radius: 0; height: 222px;  }

#message_form .buttons { margin-top: 0 !important; padding: 10px 10px 10px 14px !important; text-align: left; }
#message_form .upload { position: relative; width: 131px;  }
#message_form .fakeupload{ background: url("../../layout/attachment.png"); cursor:pointer; }
#message_form .fakeupload input{ background: none; border: medium none; height: 32px; overflow: hidden; width: 131px; text-indent: -10000px; }

#message_form #conversation{ list-style: none; padding: 0; border-radius: 7px; }
#message_form #conversation li{ background: #F7F7F9; padding: 10px; margin: 0; border-left: 3px solid #D5D8DF;  }
#message_form #conversation .timestamp { float: right; font-size: 10px; color:#999999; }

#message_form #message-controls .attachement{ float: right; margin-left:3px; }

#message_form #message-controls .icon{
    background: url("../../layout/icons/attachment-pin.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    float: right;
    height: 30px;
    margin-top: -7px;
    position: relative;
    width: 21px;
}

.user-select {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 10px ;
    box-shadow: 0 0 5px #888888;
    display: block;
    margin-top: 4px;
    position: absolute;
    width: 525px;
    z-index: 2;
}

.user-select .select-wrap {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    display: block;
    overflow:hidden;
    padding: 8px;
    position: relative;
    width: 509px;
    z-index: 2;
}


#wuji_comunicationbundle_messagetype_recivers{ width: 300px; }

.user-select .select-tab {
 background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 0 5px #888888;
    display: block;
    height: 42px;
    left: 56px;
    position: absolute;
    top: -42px;
    width: 325px;
    z-index: 1;
}

.user-select .select-controls{
    background: none repeat scroll 0 0 #FAFAFA;
    border-bottom: 3px solid #DDDDDD !important;
    border-radius: 6px 6px 6px 6px;
    display: block;
    line-height: 40px;
    margin: 0 10px 10px;
    padding: 0 10px;
}

.user-select .select-content {
    max-height: 278px;
    overflow: scroll;
    padding: 8px;
    overflow-x: hidden;
    -ms-overflow-x: hidden;
}

.user-select .select-content table.users tr{
    font-size: 12px;
    vertical-align: top;
}

.user-select .select-content table.users tr td{
    padding: 10px;
    border-bottom: 1px solid #DDD;
}

.user-select .select-content table.users .friend-name{
    font-size: 14px;
    display: block;
}

.user-select .select-content table.users .friend-type{
    font-size: 14px;
    color: #777;
}

#message-list {  }
#message-list thead tr th{}

#message-list .message-item.unread td{ background-color: #FFEFD3 !important; }
#message-list td.subject{ position:relative; }
#message-list td.rcenter{ text-align: center; }
#message-list .paginator{ padding: 0px; margin: 3px 9px; }

#message-list tr.message-item:hover td,
#message-list tr.message-item.unread:hover td { background:#E2ECF4 !important; }
#message-list tr.message-item td a { display:block; line-height:35px; padding:3px; color:#000000; text-decoration:none; }
#message-list tr.controls td { padding:3px; }

#message-list .attachement{ float:right; margin-top:-38px; height:28px; width:28px; line-height:28px; background: url("../../layout/icons/attachment-pin.png") center right no-repeat; }

.top-bar{ clear: both; height: 50px; margin-bottom: 8px; }
.top-bar h1 { position: absolute; }
.top-controls{ float: right;  line-height: normal; padding-top: 12px; }

.simple-table { border:1px solid #C9D8E9; border-radius: 6px; background: url("../../layout/table-header.png"); }
.simple-table thead tr {  border-radius: 6px 6px 0px 0px; }
.simple-table thead tr th { border-bottom: 2px solid #C9D8E9; padding:5px; border-left: 1px solid #C9D8E9; }
.simple-table tr td { background: #fff; border-color: #C9D8E9; border-left: 1px solid #C9D8E9; border-top: 1px solid #C9D8E9; padding:0; }
.simple-table tr td:first-child,
.simple-table tr th:first-child { border-left:none !important; }
.simple-table tfoot tr td { background:url("../../layout/shop/icons/table-footer-bg.png") repeat-x top center; }
.simple-table tfoot tr:last-child td:first-child { border-bottom-left-radius:5px; }
.simple-table tfoot tr:last-child td:last-child { border-bottom-right-radius:5px; }
.simple-table tfoot tr td.empty { line-height:0; height:15px; }
.simple-table tfoot h3 { margin:5px 0; }

.simple-table .controls td { background: #F2F7FB; height: 50px; border:none; border-top: 1px solid #C9D8E9; }

/* Tiny Scrollbar */
#scrollbar1 { width: 520px; margin: 20px 0 10px; }
#scrollbar1 .viewport { width: 500px; height: 200px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }

.alerts-list { border-top:1px solid #CCCCCC; }
.alerts-list .alert { padding:10px 5px; border-bottom:1px solid #CCCCCC; }
.alerts-list .alert span.date { margin:0 10px 0 0; color:#999999; font-size:11px; line-height:16px; }
.alerts-list .alert a { text-decoration:none; font-size:14px; line-height:16px; }
.alerts-list .alert a:hover { color:#CC0000; }

/* CONFERENCES */
.conference-form label { width: 60px; }
.conference-form .row .label { width: 140px; }

.conference-form .description .label, .conference-form .programs .label, .conference-form .type .label { vertical-align: top; }
.conference-form .description .choice, .conference-form .choice .label, .conference-form .type .choice, .conference-form  .notice-choice .choice { display: inline-block; width: 460px; }
.conference-form .choice-pair { display: block; width: 485px; }

.conference-form #wuji_conferencebundle_conferencetype_notice{ width: 15px; }