/* TBW */

html {
    height: 100%;
}

body {
    font-size: 12px;
    margin: 0px;
    background-color: #e6dcc8;
    color: #40341f;
    height: 100%;
}

.bigger-main {
    width: 904px;
    background: url('../pers/TBW/images/main-shadow.png') repeat-y;
    margin: 0px auto;
    min-height: 100%;
}

.main {
    width: 850px;                                                         
    margin: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #e6dcc8;
    padding-left: 10px;
    padding-right: 10px;
}

.alert-text {
    font-weight: bold;
    color: #BC5217;
    margin-bottom: 10px;
    display: block;
}

input[type=text], input[type=password], textarea {
    border-color: #8d816a;
}

.rich-toolbar-top {
    background-image: url('../pers/TBW/images/login-bar.png');
    width: 850px;
    height: 28px;
    border: none;
    padding: 2px;
}

.rich-toolbar-top-separator {
    background-image: url('../pers/TBW/images/buttons/separator-top.png');
    display: block;
    height: 10px;
    width: 1px;
}

.rich-toolbar-item {
    padding: 0px 3px;
}

.rich-toolbar-item a:link, .rich-toolbar-item a:visited, .rich-toolbar-item a:active {
    color: #584a35;
}

.rich-toolbar-item {
    color: #584a35;
}

.rich-panel {
    background-color: #E3D3BC;
}

.rich-panel-scuro {
    background-color: #d1bea2;
}

.rich-menu-item {
}

.rich-panel .rich-panel-header,
.rich-stglpanel .rich-stglpanel-header {
    color: #584A4C;
}

.rich-panel-body-bigger-text {
    font-size: 12px !important;
}

.rich-panel-body ul {
    padding-left: 0px;
    list-style-position: inside;
}

.rich-table-headercell {
    color: #584A4C;
}

input[type=submit], input[type=button] {
    color: #584A4C;
}

.link-dark a:link, .link-dark a:visited, .link-dark a:active {
    color: #584A35;
}

.link-dark a:hover {
    color: #BC5217;
}

.list-with-5px-margin-on-elements li {
    margin-bottom: 5px;
}

/* HP */

.preview-panel {
    background-image: url('../pers/TBW/images/preview-panel.png');
    width: 446px;
    height: 136px;
    display: block;
    float: right;
    margin-right: 6px;
}

.preview-panel span.title {
    color: #a93924;
    font-size: 20px;
    display: block;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
}

.preview-panel span {
    font-size: 13px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    display: block;
}

.preview-panel .previewButton {
    float: right;
}

.preview-panel .preview-btn {
    float: right;
    margin-right: 10px;
    margin-top: 25px;
}

.newsflash-panel {
    background-image: url('../pers/TBW/images/newsflash-panel.png');
    width: 208px;
    height: 136px;
    display: block;
    float: right
}

.newsflash-panel .title {
    color: #a93924;
    font-size: 20px;
    display: block;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
}

.newsflash-panel .text {
    font-size: 13px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    display: block;
    overflow: hidden;
    height: 75px;
}

.news-title {
    color: #FFFFFF;
    background-color: #B5A58C;
    display: block;
    padding: 2px;
    font-size: 15px;
}

/* Side Bar Box */
.side-bar {
    width: 185px;
    float: left;
}

.main-view {
    width: 665px;
    float: right;
}

/* Small box */

.box-small {
    width: 181px;
}

.box-small .title {
    background-image: url('../pers/TBW/images/panel-left/panel-left-top.png');
    width: 181px;
    height: 25px;
    display: block;
}

.box-small .title span.titleSpan {
    margin-left: 7px;
    padding-top: 2px;
    display: block;
    font-size: 14px;
    color: #FFFFFF;
}

.box-small .center {
    background-image: url('../pers/TBW/images/panel-left/panel-left-bg.png');
    width: 181px;
}

.box-small .center span.centerSpan {
    padding: 7px;
    display: block;
}

.box-small .bottom {
    background-image: url('../pers/TBW/images/panel-left/panel-left-bottom.png');
    width: 181px;
    height: 17px;
}

.box-small .bottom span.bottomSpan {
    margin-left: 7px;
    font-size: 12px;
    color: #ffffff;
}

.box-small .bottom span.bottomSpan a:link, .box-small .bottom span.bottomSpan a:visited, .box-small .bottom span.bottomSpan a:active {
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
}

.box-small .bottom span.bottomSpan a:hover {
    text-decoration: underline;
}

/* Small box 2 */

.box-small2 {
    width: 215px;
}

.box-small2 .title {
    background-image: url('../pers/TBW/images/box-small2/box-small2-top.png');
    width: 215px;
    height: 25px;
    display: block;
}

.box-small2 .title span.titleSpan {
    margin-left: 7px;
    padding-top: 2px;
    display: block;
    font-size: 14px;
    color: #FFFFFF;
}

.box-small2 .center {
    background-image: url('../pers/TBW/images/box-small2/box-small2-bg.png');
    width: 215px;
}

.box-small2 .center span.centerSpan {
    padding: 7px;
    display: block;
}

.box-small2 .bottom {
    background-image: url('../pers/TBW/images/box-small2/box-small2-bottom.png');
    width: 215px;
    height: 2px;
}

.box-small2 .bottom span.bottomSpan {
    margin-left: 7px;
    font-size: 12px;
    color: #ffffff;
}

.box-small2 .bottom span.bottomSpan a:link, .box-small .bottom span.bottomSpan a:visited, .box-small .bottom span.bottomSpan a:active {
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
}

.box-small2 .bottom span.bottomSpan a:hover {
    text-decoration: underline;
}

/* Medium box */

.box-medium {
    width: 660px;
}

.box-medium .title {
    background-image: url('../pers/TBW/images/panel-medium/panel-medium-top.png');
    width: 660px;
    height: 26px;
    display: block;
}

.box-medium .title span.titleSpan {
    margin-left: 7px;
    padding-top: 4px;
    display: block;
    font-size: 14px;
    color: #FFFFFF;
}

.box-medium .center {
    background-image: url('../pers/TBW/images/panel-medium/panel-medium-bg.png');
    width: 660px;
}

.box-medium .center span.centerSpan {
    padding: 7px;
    display: block;
}

.box-medium .bottom {
    background-image: url('../pers/TBW/images/panel-medium/panel-medium-bottom.png');
    width: 660px;
    height: 2px;
}

/* Medium-Red box */

.box-medium-red {
    width: 625px;
}

.box-medium-red .title {
    background-image: url('../pers/TBW/images/panel-medium-red/medium-red-panel-top.png');
    width: 625px;
    height: 21px;
    display: block;
}

.box-medium-red .title span.titleSpan {
    margin-left: 7px;
    padding-top: 4px;
    display: block;
    font-size: 12px;
    color: #FFFFFF;
}

.box-medium-red .center {
    background-image: url('../pers/TBW/images/panel-medium-red/medium-red-panel-bg.png');
    width: 625px;
}

.box-medium-red .center span.centerSpan {
    padding: 5px 7px;
    display: block;
}

.box-medium-red .bottom {
    background-image: url('../pers/TBW/images/panel-medium-red/medium-red-panel-bottom.png');
    width: 625px;
    height: 3px;
}

/* Hottest box */

.box-hottest {
    width: 158px;
}

.box-hottest .title {
    background-image: url('../pers/TBW/images/panel-hottest/hottest-panel-top.png');
    width: 158px;
    height: 21px;
    display: block;
}

.box-hottest .title span.titleSpan {
    margin-left: 7px;
    padding-top: 4px;
    display: block;
    font-size: 12px;
    color: #FFFFFF;
}

.box-hottest .center {
    background-image: url('../pers/TBW/images/panel-hottest/hottest-panel-bg.png');
    width: 158px;
    height: 115px;
}

.box-hottest .center span.centerSpan {
    padding: 7px;
    display: block;
}

.box-hottest .bottom {
    background-image: url('../pers/TBW/images/panel-hottest/hottest-panel-bottom.png');
    width: 158px;
    height: 3px;
}

/* TBW Panel Red box */

body {
    height: 100%;
}

.tbw-panel-red {

}

.tbw-panel-red .red-title {
    background-image: url('../pers/TBW/images/tbw-panel-red/panel-red-top.png');
    height: 21px;
    display: block;
    margin-right: 6px;
    margin-left: 6px;
}

.tbw-panel-red .red-title-left {
    background-image: url('../pers/TBW/images/tbw-panel-red/panel-red-top-left.png');
    height: 21px;
    width: 6px;
    display: block;
    float: left;
}

.tbw-panel-red .red-title-right {
    background-image: url('../pers/TBW/images/tbw-panel-red/panel-red-top-right.png');
    height: 21px;
    width: 6px;
    display: block;
    float: right;
}

.tbw-panel-red .red-title span.red-titleSpan {
    margin-left: 7px;
    padding-top: 4px;
    display: block;
    font-size: 12px;
    color: #FFFFFF;
}

.tbw-panel-red .red-title span.red-titleSpan a {
    color: #FFFFFF !important;
    text-decoration: none;
}

.tbw-panel-red .red-title span.red-titleSpan a:hover {
    color: #FFFFFF !important;
    text-decoration: underline;
}

.tbw-panel-red .red-center {
    background-image: url('../pers/TBW/images/tbw-panel-red/panel-red-bg.png');
    margin-left: 3px;
    margin-right: 3px;
}

.tbw-panel-red .red-center-left {
    background-image: url('../pers/TBW/images/tbw-panel-red/panel-red-bg-left.png');
    background-repeat: no-repeat;

}

.tbw-panel-red .red-center-right {
    background-image: url('../pers/TBW/images/tbw-panel-red/panel-red-bg-right.png');
    background-repeat: no-repeat;
    background-position: right;
}

.tbw-panel-red .red-center span.red-centerSpan {
    padding: 5px 7px;
    display: block;
}

.tbw-panel-red .red-bottom {
    background-image: url('../pers/TBW/images/tbw-panel-red/panel-red-bottom.png');
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
}

.tbw-panel-red .red-bottom-left {
    background-image: url('../pers/TBW/images/tbw-panel-red/panel-red-bottom-left.png');
    height: 3px;
    float: left;
    width: 3px;
}

.tbw-panel-red .red-bottom-right {
    background-image: url('../pers/TBW/images/tbw-panel-red/panel-red-bottom-right.png');
    height: 3px;
    float: right;
    width: 3px;
}

.tbw-panel-dark {

}

.tbw-panel-dark .dark-title {
    background-image: url('../pers/TBW/images/tbw-panel-dark/panel-dark-top.png');
    height: 26px;
    display: block;
    margin-right: 6px;
    margin-left: 6px;
}

.tbw-panel-dark .dark-title-left {
    background-image: url('../pers/TBW/images/tbw-panel-dark/panel-dark-top-left.png');
    height: 26px;
    width: 234px;
    display: block;
    float: left;
}

.tbw-panel-dark .dark-title-right {
    background-image: url('../pers/TBW/images/tbw-panel-dark/panel-dark-top-right.png');
    height: 26px;
    width: 6px;
    display: block;
    float: right;
}

.tbw-panel-dark .dark-title span.dark-titleSpan {
    margin-left: 3px;
    padding-top: 6px;
    display: block;
    font-size: 14px;
    color: #FFFFFF;
    position: absolute;
}

.tbw-panel-dark .dark-center {
    background-image: url('../pers/TBW/images/tbw-panel-dark/panel-dark-bg.png');
    margin-left: 2px;
    margin-right: 2px;
}

.tbw-panel-dark .dark-center-left {
    background-image: url('../pers/TBW/images/tbw-panel-dark/panel-dark-bg-left.png');
    background-repeat: no-repeat;

}

.tbw-panel-dark .dark-center-right {
    background-image: url('../pers/TBW/images/tbw-panel-dark/panel-dark-bg-right.png');
    background-repeat: no-repeat;
    background-position: right;
}

.tbw-panel-dark .dark-center span.dark-centerSpan {
    padding: 5px 7px;
    display: block;
}

.tbw-panel-dark .dark-bottom {
    background-image: url('../pers/TBW/images/tbw-panel-dark/panel-dark-bottom.png');
    height: 2px;
    margin-right: 3px;
    margin-left: 3px;
}

.tbw-panel-dark .dark-bottom-left {
    background-image: url('../pers/TBW/images/tbw-panel-dark/panel-dark-bottom-left.png');
    height: 2px;
    float: left;
    width: 3px;
}

.tbw-panel-dark .dark-bottom-right {
    background-image: url('../pers/TBW/images/tbw-panel-dark/panel-dark-bottom-right.png');
    height: 2px;
    float: right;
    width: 3px;
}

/* SEPARATORS */

.dotted-white-separator {
    background-image: url('../pers/TBW/images/dotted-line.gif');
    background-repeat: repeat-x;
    width: 100%;
    height: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
}

/* BOTTOM */

.bottomMenu {
    clear: both;
    width: 850px;
    margin: auto;
    padding-top: 10px;
    text-align: center;
}

.bottomMenu a {
    font-size: 11px;
}

.bottomMenu span.separator {
    background-image: url('../pers/TBW/images/buttons/separator-bottom.png');
    display: inline-block;
    height: 10px;
    width: 1px;
    margin-left: 8px;
    margin-right: 8px;
}

.bottomText {
    width: 850px;
    text-align: center;
    color: #574b35;
    font-size: 11px;
    line-height: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.profile-filling-percentage-box {
    padding: 5px; /*position: fixed;*/
    top: 0;
    left: 0;
    margin-bottom: 15px;
}

.profile-filling-percentage-box-ko {
    background-color: #BC5217;
    border: 1px solid #584A35;
    color: #FFFFFF;
}

.profile-filling-percentage-box-ok {
    background-color: #66FF66;
    border: 1px solid #584A35;
}

.profile-filling-percentage-box .header {

}

.profile-filling-percentage-box .text {

}

.profile-filling-percentage-box-welcome {
    padding: 5px;
    margin-bottom: 15px;
}

.profile-filling-percentage-box-welcome-ko {
    background-color: #BC5217;
    border: 1px solid #584A35;
    color: #FFFFFF;
}

.profile-filling-percentage-box-welcome-ok {
    background-color: #66FF66;
    border: 1px solid #584A35;
}

.profile-filling-percentage-box-welcome .header {
    font-weight: bold;
    font-size: 14px;
}

.profile-filling-percentage-box-welcome .text {

}

.outer-chat-panel {
    background-color: transparent;
    width: 660px;
    overflow-y: hidden;
}

.main-chat-panel {
    background-color: transparent;
    width: 660px;
    height: 450px;
}

.online-users-panel {
    background-color: transparent;
    width: 100%;
    /*height: 360px;
    overflow-y: auto;*/
}

.background-chat-1 {
    background-image: url(../pers/TBW/images/bar-background.jpg);
}

.background-chat-1 a {
    color: #584A35 !important;    
}

.background-chat-2 {
    background-image: url(../pers/TBW/images/lounge-background.jpg);
}

.background-private-chat {
    background-color: #584A35;
}

.main-chat-panel table {
    background-color: transparent;
    color: #FFFFFF;
}

.main-chat-panel table td {
    color: #FFFFFF;
}

.main-chat-panel table span {
    color: #FFFFFF;
    font-size: 12px;
}

.main-chat-panel table a {
    color: #FFFFFF;
    text-decoration: none;
}

.chat-reply-panel {
    background-color: transparent;
}

#frmChatsManager {
    margin-top: 5px;
    margin-bottom: 5px; 
}

.chat-flash-panel {
    padding: 5px;
    position: fixed;
    top: 0;
    left: 0;
    margin-bottom: 15px;

    background-color: #BC5217;
    border: 1px solid #584A35;
    color: #FFFFFF;
    width: 100%;

    z-index: 1000;

    font-weight: bold;
    font-size: 14px;
}

.profile-status-box {
    padding: 5px;
    position: fixed;
    top: 0;
    left: 0;
    margin-bottom: 15px;

    background-color: #BC5217;
    border: 1px solid #584A35;
    color: #FFFFFF;
    width: 100%;

    z-index: 1000;
}

.profile-status-box .header {
    font-weight: bold;
    font-size: 14px;
}

.profile-status-box .text {

}

.generic-button {
    background-color: transparent !important;
    background-image: url(../pers/TBW/images/buttons/generic-button.png) !important;
    background-repeat: no-repeat;
    width: 142px;
    height: 19px;
    overflow: hidden;
    color: #FFFFFF !important;
    border: none !important;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    padding-top: 2px;
    text-align: center;
}

.search-button {
    background-color: transparent !important;
    background-image: url(../pers/TBW/images/buttons/search-button1.png) !important;
    background-repeat: no-repeat;
    width: 123px;
    height: 19px;
    overflow: hidden;
    color: #FFFFFF !important;
    border: none !important;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    padding-top: 2px;
    text-align: center;
}

/* SEARCH */
.search-results-status {
    color: rgb(188, 82, 23);
    font-weight: bold;
}

/* MODAL PANEL */
.rich-mpnl-content {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.rich-mpnl-header {
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    padding: 4px;
    font-size: 14px;
    border: none;
}

.rich-mpnl-shadow {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.rich-mpnl-text {
    color: #584A4C;
}

/* carousel */
#makeMeScrollable div.scrollableArea * {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
}

/* info status (top bar) */

.info-top-bar {
    padding: 5px; /*position: fixed;*/
    top: 0;
    left: 0;
    margin-bottom: 15px;
}

.info-top-bar .header {
    font-size: 18px;
    font-weight: bold;
}

.info-top-bar-red {
    background-color: #BC5217;
    border: 1px solid #584A35;
    color: #FFFFFF;
}

.info-top-bar-yellow {
    background-color: #cccc00;
    border: 1px solid #666600;
    color: #FFFFFF;
}

/* Growl */
.gritter-top {
    -moz-opacity: .90;
    -ms-filter: "alpha(opacity=90)";
    filter: alpha(opacity = 90);
    opacity: .90;
    background-image: url(../pers/TBW/images/growl/gritter-top.png) !important;
    background-repeat: repeat-y !important;
}

.gritter-item {
    -moz-opacity: .90;
    -ms-filter: "alpha(opacity=90)";
    filter: alpha(opacity = 90);
    opacity: .90;
    background-image: url(../pers/TBW/images/growl/gritter-bg-tile.png) !important;
    background-repeat: repeat-y !important;
}

.gritter-bottom {
    -moz-opacity: .90;
    -ms-filter: "alpha(opacity=90)";
    filter: alpha(opacity = 90);
    opacity: .90;
    background-image: url(../pers/TBW/images/growl/gritter-bottom.png) !important;
    background-repeat: repeat-y !important;
}

.gritter-with-image {
    font-weight: bold;
    font-size: 12px;
}

/* Hightlight rows */
.highlighted-row {
    background-color: #E6DCC8;
}

/* Profile table */

.profileNameView {
    color: #B1643F;
}

.profileValue {
    font-weight: bolder;
}

/* chat flash bar */
.pf-notificationbar {
    color: #E3D3BC !important;
    font-size: 28px;
    height: 36px !important;
    background-color: #a93924 !important;
    border: 2px dashed #E3D3BC;
    -moz-opacity: .90;
    -ms-filter: "alpha(opacity=90)";
    filter: alpha(opacity = 90);
    opacity: .90;
}

/* chat */
#main-chat {
    padding: 4px;
    color: #FFFFFF;
}

#main-chat .msg {
    padding: 4px;
    border-bottom: 1px solid #FFFFFF;
}

#main-chat .msg .status {
    float: left;

}

#main-chat .msg .status img {
    vertical-align: middle;
    margin-right: 3px;
}

#main-chat .msg .clear-div {
    clear: both;
}

#main-chat .msg .main-img {
    float: left;
    border: medium none;
}

#main-chat .msg .text-message {
}

#main-chat .msg .date-text {
    float: right;
}

/* CHAT RECIPIENTS */

.chat-recipients .status img {
    vertical-align: middle;
    margin-right: 3px;
}

/* IM bar */
.im-button {
    text-decoration: none;
    margin-left: 3px;
    margin-right: 3px;
    padding: 3px;
    display: inline-block;
}

.im-button a {
    text-decoration: none;
}

.im-button-closed {
    border: 1px none #584A35;
}

.im-button-opened {
    border: 1px dashed #584A35;
}

.im-button-new-chat {
    background-color: #E3D3BC;
    border: 1px solid #584A35;
}

/* LOG OUT REQUEST PANEL */

.yui-skin-sam .yui-panel .hd {
    display: none !important;
}

.yui-skin-sam .yui-panel .bd, .yui-skin-sam .yui-panel .ft {
    background-color: #E0D1B6 !important;
}

/* DATA SCROLLER */

.rich-datascr-act {
    border-top-color: #BC5217;
    color: #BC5217;
}

.rich-datascr-inact {
    border-top-color: #584A35 !important;
    color: #584A35 !important;
}

/* SCROLLERS */

.jScrollPaneTrack {
    background-color: #E0D1B6;    
}

.jScrollPaneDrag {
    background-color: #BC5217;
}

/* GALLERY */

.gallery {
    background-color: transparent !important;
}