/* Styling for the Chat Message and Logs rows */
/**********************************************/
#wpmudev-chat-wrap table.wpmudev-chat-session-messages-table th.column-timestamp {
	width: 15%;
}

#wpmudev-chat-wrap table.wpmudev-chat-session-messages-table th.column-user {
	width: 20%;
}

#wpmudev-chat-wrap table.wpmudev-chat-session-messages-table th.column-message {
	width: 65%;
}

#wpmudev-chat-wrap table.wpmudev-chat-session-messages-table td.column-user span.chat-user-avatar {
	float: left;
	width: 40px;
}

#wpmudev-chat-wrap table.wpmudev-chat-session-messages-table td.column-user span.chat-user-name {
	float: left;
}

#wpmudev-chat-wrap table.wpmudev-chat-settings-with-preview {
	width: 100%;
}

#wpmudev-chat-wrap fieldset {
    border-color: #DFDFDF;
    border-style: solid none none;
    border-width: 1px 0 0 0;
    padding: 3px 5px;
/*    width: 90%; */
    width: 100%;
}

#wpmudev-chat-wrap fieldset legend {
	padding: 0px 5px;
	font-size: 1.1em;
}

#wpmudev-chat-wrap.wpmudev-chat-wrap-popup table.wpmudev-chat-settings-with-preview fieldset table { width: 100%; }
#wpmudev-chat-wrap.wpmudev-chat-wrap-popup fieldset table { width: 90%; }
#wpmudev-chat-wrap.wpmudev-chat-wrap-popup fieldset table td.chat-label-column-wide { width: 90%; }


#wpmudev-chat-wrap.wpmudev-chat-wrap-settings-page fieldset table { /*width: 50%; */ width: 100%; }
#wpmudev-chat-wrap fieldset table td.chat-label-column { /* width: 44%; */ width: 30%; text-align: right; vertical-align: middle; }
#wpmudev-chat-wrap fieldset table td.chat-label-column-top { vertical-align: top; }

#wpmudev-chat-wrap fieldset table td.chat-value-column { /* width: 55%; */ width: 35%; vertical-align: middle;}
#wpmudev-chat-wrap fieldset table td.chat-help-column { /* width: 1%; */ width: 35%; vertical-align: top;}
#wpmudev-chat-wrap fieldset table td.chat-label-column-wide { width: 65%; vertical-align: middle;}


#wpmudev-chat-wrap.wpmudev-chat-wrap-popup fieldset table td.chat-label-column { width: 35%; }
#wpmudev-chat-wrap.wpmudev-chat-wrap-popup fieldset table td.chat-value-column { width: 65%; }
/* #wpmudev-chat-wrap.wpmudev-chat-wrap-popup fieldset table td.chat-help-column { display: none; } */

#wpmudev-chat-wrap fieldset table td.chat-label-column label {
	margin: 0;
}

#wpmudev-chat-wrap fieldset table td.chat-value-column input[type="text"] { width: 99%; }
#wpmudev-chat-wrap fieldset table td.chat-value-column span.wp-picker-input-wrap input.pickcolor_input[type="text"] { width: 45%; }
#wpmudev-chat-wrap fieldset table td.chat-value-column div.wp-picker-container div.wp-picker-holder { z-index: 1000; position: absolute; }
#wpmudev-chat-wrap fieldset table td.chat-value-column div.wp-picker-container span.wp-picker-input-wrap { width: 120px; }

#wpmudev-chat-wrap fieldset table td.chat-value-column select { width: 99%; }
#wpmudev-chat-wrap fieldset table td.chat-value-column select#chat_font_size { width: 95%; }
#wpmudev-chat-wrap fieldset table td.chat-value-column select#chat_row_date { width: 49%; }
#wpmudev-chat-wrap fieldset table td.chat-value-column select#chat_row_time { width: 49%; }
#wpmudev-chat-wrap fieldset table td.chat-value-column input#chat_row_date_format { width: 45%; }
#wpmudev-chat-wrap fieldset table td.chat-value-column input#chat_row_time_format { width: 45%; }

#wpmudev-chat-wrap fieldset table td.chat-value-column textarea { width: 99%; }

/* #wpmudev-chat-wrap fieldset table td.chat-value-column input.size_number_field { width: 45%; } */
/* #wpmudev-chat-wrap fieldset table td.chat-value-column select.size_qualifier_field { width: 30%; } */

#wpmudev-chat-wrap .panel_wrapper div.current  { height: 525px; overflow-y: auto; overflow-x: hidden;}
#wpmudev-chat-wrap fieldset ul { list-style: none; margin: 0; padding: 0; }

#wpmudev-chat-wrap fieldset ul#wpmudev-chat-login-options-list ul {
	margin-left: 0px;
}

#wpmudev-chat-wrap fieldset ul.wpmudev-chat-user-roles-list
 {
	width: 100%;
	float: left;
}

#wpmudev-chat-wrap fieldset ul.wpmudev-chat-user-roles-list li {
	float: left;
	width: 30%;
}

#wpmudev-chat-wrap fieldset ul.wpmudev-chat-user-roles-list ul {
	margin-left: 0;
}

#wpmudev-chat-wrap fieldset .wpmudev-chat-error {
	color: #cd0a0a;
}



/* Component containers
----------------------------------*/
.ui-widget { }
.ui-widget .ui-widget { }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { }
.ui-widget-content { z-index: 1; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc 50% 50% repeat-x; color: #222222; font-weight: bold; font-size: 1.1em; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Tabs */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

#wpmudev-chat-wrap .ui-tabs {
        padding: .2em;
        zoom: 1;
}

#wpmudev-chat-wrap .ui-tabs .ui-tabs-nav {
        list-style: none;
        position: relative;
        padding: .2em .2em 0;
}

#wpmudev-chat-wrap .ui-tabs .ui-tabs-nav li {
        position: relative;
        float: left;
        margin: 0 .2em -1px 0;
        padding: 0;
        -moz-border-radius-topleft: 2px;
        -moz-border-radius-topright: 2px;
}

#wpmudev-chat-wrap .ui-tabs .ui-tabs-nav li a {
        float: left;
        text-decoration: none;
        padding: .5em 1em;
}

#wpmudev-chat-wrap .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
        padding-bottom: 1px;
}

#wpmudev-chat-wrap .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
#wpmudev-chat-wrap .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
#wpmudev-chat-wrap .ui-tabs .ui-tabs-nav li.ui-state-processing a {
        cursor: text;
}

#wpmudev-chat-wrap .ui-tabs .ui-tabs-nav li a,
#wpmudev-chat-wrap .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
        cursor: pointer;
}

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#wpmudev-chat-wrap .ui-tabs .ui-tabs-panel {
        padding: 1em 1.4em;
        display: block;
        background: none;
}

#wpmudev-chat-wrap .ui-tabs .ui-tabs-hide {
        display: none !important;
}

#wpmudev-chat-wrap .ui-widget-header {
        background: none;
        border: none;
}

#wpmudev-chat-wrap .ui-widget-content {
}

body.toplevel_page_bp-groups #wpmudev-chat-wrap .ui-tabs-panel.ui-widget-content {
	margin-top: 0;
}

#wpmudev-chat-wrap .ui-tabs-panel.ui-widget-content {
        border: 1px solid #DDDDDD;
        -moz-border-radius: 5px;
        -moz-border-radius-topleft: 2px;
        -moz-border-radius-topright: 2px;
        background-color: #FDFDFD;
        padding-bottom: 10px;
        margin-top: 2.0em;
}

#wpmudev-chat-wrap .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
        background-color: #FDFDFD;
}

#wpmudev-chat-wrap .ui-tabs .ui-tabs-nav li a {
        outline: none;
        padding:0.2em 1em;
}

/*
fieldset table td, .chat_auth_panel table td, .chat_advanced_panel table td {
	padding: 2px 5px;
	vertical-align: top;
}
*/

/*
#wpcontent select.chat_login_options {
	height: 70px;
}
*/
/*

div.color {
	position: absolute;
	background-color: #fff;
	border: 1px solid #DFDFDF;
	-moz-border-radius:4px 4px 4px 4px;
}
*/

#wpmudev-chat-wrap td.instructions {
	color: #777;
}

#wpmudev-chat-wrap td.instructions ul,
#wpmudev-chat-wrap td.instructions p {
	font-size: 0.9em;
}

/* hide the help column on the option panels for now */
/*
#wpmudev-chat-wrap td.chat-help-column {
	display: none;
}
*/
/*
.chat_auth_panel ul {
	margin-left: 10px;
}
*/
/*
.chat_auth_panel li {
	margin-left: 10px;
	margin-bottom: 2px;
}
*/

/*
#wpmudev-chat-wrap td.info {
	vertical-align: top;
	color: #777;
	border-left: 1px dotted #ccc;
}
*/

#wpmudev-chat-wrap p.info {
	vertical-align: top;
	color: #777;
/*	margin: 3px 0; */
	margin: 0 0 5px 0;
}

#wpmudev-chat-wrap.wpmudev-chat-wrap-popup p.info {
	margin: 0 0 5px 0;
}

input.pickcolor { width: 15px; cursor: pointer;}

#wpmudev-tooltip {
	z-index:9999;
}

table.wpmudev-chat-session-messages-table th.column-timestamp {
	width: 15%;
}

table.wpmudev-chat-session-messages-table th.column-status {
	width: 10%;
}

table.wpmudev-chat-session-messages-table th.column-user {
	width: 20%;
}

table.wpmudev-chat-session-messages-table th.column-message {
	width: 55%;
}

table.wpmudev-chat-session-logs-table th.chat-log-deleted,
table.wpmudev-chat-session-logs-table td.chat-log-deleted,
table.wpmudev-chat-session-messages-table th.chat-log-deleted,
table.wpmudev-chat-session-messages-table td.chat-log-deleted {
	background-color: #FFFBCC;
}

table.wpmudev-chat-session-messages-table td.column-user span.chat-user-avatar {
	float:left;
	margin-right: 3px;
}

table.wpmudev-chat-session-messages-table td.column-user span.chat-user-moderator {
	color: #FF0000;
}

table.wpmudev-chat-session-messages-table td.column-message span.chat-search-term {
	color: #FF0000;
}

table.wpmudev-chat-session-logs-table td.column-moderators span.wpmudev-chat-moderator {
	font-weight: bold;
	color: red;
}

table.wpmudev-chat-session-logs-table td.column-moderators span.wpmudev-chat-moderator-active {
	color: green;
}

table.wpmudev-chat-session-logs-table td.column-users span.wpmudev-chat-user {
	font-weight: normal;
	color: red;
}

table.wpmudev-chat-session-logs-table td.column-users span.wpmudev-chat-user-active {
	color: green;
}


/* Special rules for when viewing the live chat within the Session logs section. */
div#wpmudev-chat-messages-listing-panel div.wpmudev-chat-box.wpmudev-chat-box-site {
	position: inherit;
	margin: 0;
	padding: 0;
	box-shadow: none;
}


/* 10243-1389958472 */