/* ============================================================= */
/* DEFAULT STYLES for melavi elements to avoid styling conflicts */
/* with outer css from CMS                                       */
/* ============================================================= */

div#mlv_ChatContainer {
	width: 880px;
	margin: 0 auto;			/* to center the chat horizonticaly */
	line-height:1.0;

	font-size: 16px;		/* absolute font size - all melavi elements have font-sizes relativ to that value */
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#mlv_ChatContainer * {
    margin:0;
    padding:0;
	text-transform:none;	
}

div#mlv_ChatContainer input {
	border: none;
	border-radius: 0px;
	padding: 0px; 
	color: black;
	max-width: none;
	margin: 0px 0px 5px 0px;
	box-sizing: content-box;
}

/* ============================================================= */
/* Individual styles for children of the ChatContainer           */
/* ============================================================= */

div#mlv_SubscriberList_wrapper *{
	vertical-align:middle; 
}
	
table#mlv_SubscriberList {
	border: none;
	font-size:90%;	
}

table#mlv_SubscriberList td,
table#mlv_SubscriberList th {
	padding:5px;
}

span#mlv_EmptySubscriberTableText {
	font-size:90%;	
	font-style:normal;
}

th.mlv_SubscriberListHead {
	text-align:left;
	font-size:90%;
}

span#mlv_ChatControlCaption {	
	font-weight:bold;
	font-size:120%;
}

span#mlv_ConnectName {
	font-size: 120%; 
}

span#mlv_Duration {
	font-size: 120%;	
}

span.mlv_InputLabelText {
	font-size: 90%;
}

span#mlv_MsgText {
	font-size: 100%; 	
}

input#mlv_LocName {
	font-size:120%;		
	background-color:#FFFFFF;
}

input#mlv_RemName {
	font-size:120%;		
	background-color:#FFFFFF;
}

div#mlv_ChatContainer input.mlv_BottomButton {
	margin-right: 10px;
}

video#mlv_videoLoc {
	bottom: 50px; 
	height: 120px; 
	width: 160px; 
	right: 0; 
	border: 2px solid #CFCFCF;	
}

span#mlv_ColorboxTitle {
	font-size: 12px;		
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* ===================================================================== */
/* styles for the consultants table */
/* ===================================================================== */
table#mlv_ConsultantsTable {
	width:100%;	
}

td.mlv_ConsultantsTableCells {
	text-align:center;
}

p.mlv_ParConsultantInfo {
	background-color:#bfbfbf;
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;
}

/* ===================================================================== */
/* default visibility of some melavi elements */
/* ===================================================================== */
input#mlv_rouletteCB {
	display:none;
}

span#mlv_rouletteCBText {
	display:none;
	font-size: 90%;
}

input#mlv_helpBtn {
	display:none !important;
}

/* ===================================================================== */
/* CONTROL and VIDEO REGION */
/* ===================================================================== */

div#mlv_ControlRegion {
	width:240px;
	position:relative;
	background-color: #D3D2D7; 
	height:590px;
}

div#mlv_ControlRegionHeader {
	height: 40px;
	width:240px;
	background-color: #9196A9;
	color: #F3F2F7;
	text-align: center;
}

div#mlv_VideoRegion {
	width:640px;
	position:absolute;
	top:0px;
	left:240px;
	background-color: #F3F2F7;
}

div#mlv_VideoRegionHeader {
	height: 40px;
	width: 640px;
	background-color: #262932;
	color: #CACBC8;
	line-height:40px;                     /* to center the text vertically */
	vertical-align:middle;                /* to center the text vertically */
}

div#mlv_VideoRegionFooter {
	text-align: center; 
	background-color: #9196A9; 
}

/* ============================================================= */
/* SOME HELPER STYLES                                            */
/* ============================================================= */

/* is used for vertical text centering of the state message box of the chat control */
.mlv_vcenter {
	width: 200px;
	height: 200px;
}
.mlv_vcenter:before {
	content: " ";
	display: inline-block;
	height: 100%;
	vertical-align: middle;	
}
.mlv_vcenter :first-child {
	display:inline-block;
	vertical-align:middle;
}

/* ============================================================= */
/* STYLES FOR THE MELAVI CUSTOM LOGIN DIALOG (Wordpress)         */
/* ============================================================= */

#mlv_loginform p.login-username, #mlv_loginform p.login-password, #mlv_loginform p.login-remember, #mlv_loginform p.login-submit { 
	display:inline; 
} 
				
#mlv_loginform {
	autocomplete:"off";
	text-align:center;
	margin-top:10px;
}
				
/* overwrite Chrome styles for username/password input elements */
#mlv_loginform .input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset; 
}
				
#mlv_loginform .input {
	background-color: white;
}

#mlv_user_login {
	margin-right:10px;
	margin-left: 10px;
}

#mlv_user_pass {
	margin-left: 10px;
}
	
#mlv_LoginWrapperContainer {
	background-color:#cfcfcf;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

#mlv_LogoutWrapperContainer {
	background-color:#cfcfcf; 
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

span.mlv_LoginLogoutCaption {
	font-weight:bold; 
	font-size:120%;
}