@charset "UTF-8";

/* CSS Document */



@font-face {

	font-family: Cormorant_Garamond; 

	src: url('/fonts/Cormorant_Garamond/CormorantGaramond-SemiBold.ttf');

}



@font-face {

	font-family: Tangerine;

	src: url('/fonts/Tangerine/Tangerine-Regular.ttf');

}



:root {

	--max-device-width: 700px;

	--popupwidth: 400px;

	--popupheight: auto;

	--popupDisplay: inline-block;

	--popupTitle: block;



	/* #mcp_presentation */

	--mcp_presentation-background-image: url(/images/ChatBackgrd.png);

	--mcp_presentation-background-color: white;

	--mcp_presentation-color: black;



	--mcp_convEven-background-color: rgba(192, 199, 251, 0.5);

	--mcp_convOdd-background-color: rgba(192, 251, 215, 0.5)	

}



* {

	/* To receive click events on iOS */

	cursor: pointer;

}



html body {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size:1em;

	padding: 0px;

	margin: 0px;

	border-width: 0px;

	/* mobile behavior - prevent accidental swipe left and leav applocation */

	overscroll-behavior-y: contain !important;

	width: 100%;

	height: 100%;

	min-width: 100%;

	min-height: 100%;

}



/* Hide scrollbar for Chrome, Safari and Opera */



.noscrollbar::-webkit-scrollbar {

	display: none;

}

  

  /* Hide scrollbar for IE, Edge and Firefox */

.noscrollbar {

	-ms-overflow-style: none;  /* IE and Edge */

	scrollbar-width: none;  /* Firefox */

}

/*

	standard button layout

*/

button {

	position: static;

	display: block;

	background-color: blanchedalmond;

	height: auto;

	padding: .2em;

	padding-top: .3em;	

	padding-bottom: .3em;

	width: 96%;

	margin: 2%;

	cursor: pointer;

	overflow:hidden;

	border-radius: .4em;

	white-space: nowrap;

}



button > img {

	width: 1em;

	height: 1em;

	float:left;

}



button > span {

	text-align: left;

	margin-left: 5px;

	font-size: 1em;

	height:1em;

	vertical-align: -webkit-baseline-middle, middle;

}



.userconnected {

	background-color: lightgreen;

}



.usercurrent {

	background: yellow;

}



.userismobile {

	color: red;

}



/* video.js support */



.flex-row {

	/*

	flex-direction: row;

	align-items: stretch;

	flex-wrap: nowrap;

	*/

}



.flex-column {

	/*

	width: 100%;

	max-width: 100%;

	display: flex;

	flex-direction: column;

	align-items: stretch;

	flex-wrap: nowrap;

	*/

}



/* -- set orintation from exif data */



label {

	white-space: nowrap;

}



.clickable {

	cursor: pointer;

}



.dcontainer {

	width: 100%;

	padding: 0px;

	margin: 0px;

}



#lgn_loginPanel {

	width:500px;

	height:350px;

	background:url(/images/loginBackground.png);

	background-size:100% 100%;

	position:absolute;

	left:0px;

	top:130px;

	display:none;

	font-size:1em;

	font-family: Arial, Helvetica, sans-serif;

}



#M0212 {

	position:relative;

	z-index:100;

	left:50px;

	margin-top:130px;

}



.lgn_label {

	position:relative;

	z-index:100;

	left:50px;

	margin-top:10px;

	float:left;

	font:Georgia, "Times New Roman", Times, serif;

	font-size:14px;

	width:50px;

}



.lgn_input {

	position:relative;

	z-index:100;

	left:130px;

	margin-top:10px;

	float:left;

	font:Georgia, "Times New Roman", Times, serif;

	font-size:14px;

	width:250px;

}



.lgn_button {

	position:absolute;

	z-index:100;

	top:220px;

	float:left;

	border:#999;

	border-width:2px;

}



.dsnDevList {

	width:100%;

	height:auto;

	max-height:200px;

	margin:0px;

	padding:4px;

	background-color:burlywood;

	opacity:1;

	overflow:scroll;

	font-size: .8em;

}



.dsnDevList th, .dsnDevList td {

	border: 1px solid black;

	padding:3px;

}



.i_lgnLabel {

	position: relative;

	width: 30%;

	float: left;

	margin-top: 10px;

	margin-left: 15px;

}



.i_lgnInput {

	position: relative;

	width: 40%;

	float: left;

	margin-top: 10px;

}



.drag {

	cursor: move;

	/* dummy class to enable draggable div */

}



.Shield {

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	/*

  background-color: gray;

  opacity: 0.5;

  do not use as opacity is propagated to children

  */



	background-color: rgba(0, 0, 0, 0.5);

}



.transparent_class_old {

	/* IE 8 */

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";



	/* IE 5-7 */

	filter: alpha(opacity=50);



	/* Netscape */

	-moz-opacity: 0.2;



	/* Safari 1.x */

	-khtml-opacity: 0.2;



	/* Good browsers */

	opacity: 0.2;



	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	background-color: #999;

}



/*

	todo: orientation for exif data.

	works on firefox,

	broken on chrome

*/

img {

	image-orientation: from-image;

}



.mapPanel {

	background-color: #999

}



/*



	__devdesktopvideo.html, video.js/rawVideoPanel

	__devprivateconversation.html, globals.__privateConvPanel

	__msgboxdesktop.html, globals.__msgBoxPanel

	__mappanel.html, globals.__mapPanel



*/

.popupPanel {

	position: absolute;

	background-color: #F90;

	padding: 0px;

	margin: 0px;

	border-style: double;

	/*

	width: var(--popupwidth);

	height: var(--popupheight);

	*/

	max-width: 98%; /* 100%; */

	opacity: 1;

	-webkit-box-shadow: 10px 10px 25px 0px rgba(0, 0, 0, 0.75);

	-moz-box-shadow: 10px 10px 25px 0px rgba(0, 0, 0, 0.75);

	box-shadow: 10px 10px 25px 0px rgba(0, 0, 0, 0.75);

	overflow: hidden;

}



.videoPanel {

	width: var(--popupwidth);

	height: var(--popupheight);

	border: 1px solid white;

	background-color: whitesmoke;

}



.privateConvPanel, .mcp_MapPanel, .msgBox {

	width: 400px;

	height: auto;

}



/* start popupTitle settings */



.popupTitle {

	position: static;

	width: 100%;

	margin: 0px;

	/* padding: 0px 1em 0px 1em; */

	padding: 0px;

	height: 2.5em;

	overflow: hidden;

	background-color: #FF0;

	font-family: 'Times New Roman', Times, serif;

	font-size: .8em;

	text-align: center;

	vertical-align: middle;

}



.popupTitle > * {

	line-height:2.5em;

	white-space: nowrap;

}



.popupTitle button {

	border: none;

	color: white;

	text-align: center;

	vertical-align: middle;

	text-decoration: none;

	display: inline-block;

	font-size: 1.0em;

	width: 2em;

	height: 2em;

	padding: 0px;

	margin: 0px;

	margin-right: .2em;

	margin-left: .2em;

	background-size: 100% 100%;

	background-repeat: no-repeat;

}



.popupTitle button:hover {

	color: black;

}



.popupTitle button:focus {

	outline: none;

}



.closeButton {

	background-image: url("/images/Buttons/menuclose.png");

	float: right;

	text-align: center;	/* margin-right:1em; */

	height: 1em; /* Set a height for the container */

    line-height: 1em;

}



.minimizeButton {

	background-image: url("/images/Buttons/menuminimize.png");

	text-align: center;

	float: right;

	height: 1em; /* Set a height for the container */

    line-height: 1em;

}



.expandButton {

	background-image: url("/images/Buttons/menuexpand.png");

	text-align: center;

	float: right;

	height: 1em; /* Set a height for the container */

    line-height: 1em;

}



.popupTitle img {

	float: left;

	width: 2em;

	height: 2em;

	padding: 0px;

	margin: 2px;

}



.popupTitle span {

	margin-left: 0px;

	margin-right: 0px;

	position: relative;

	text-align: center;

	font-size: 1em;

	vertical-align: middle;

	overflow: hidden;

	font-family: "Times New Roman", Times, serif;

}



.popupMsgbox {

	display: block;

	white-space: normal;

}



div .permissions {

	width: 100%;

	text-align: center;

	color: blue;

}



button .permissions {

	display:block;

	width: 80%;

	margin-left: 10%;

}



.popupVideo {

	width: 100%;

	height: auto;

	position: static;

}



.popupShowHide {

	display: block;

}



/* used when the popup is in the save area */



#mcp_closedPopupArea {

	width:100%;

	max-width: 100%;

	position:static;

	height:auto;

	max-height: 10em;

	overflow:scroll;

	margin:0px;

	padding:0px;

}



#mcp_closedPopupArea:empty {

	display:none;

}



#mcp_closedPopupArea .privateConvPanel, #mcp_closedPopupArea .mcp_MapPanel  {

	height: auto;

}



#mcp_closedPopupArea .popupPanel {

	position: static;

	width: 30%;

	display: inline-block;

}



#mcp_closedPopupArea .popupShowHide {

	display: none;

}



#mcp_closedPopupArea .flex-container {

	height: auto;

}



/* video element. see video.js */



.videoPanelFlex {

	height: 'auto';

	min-height: '';

	max-height: '';

	min-width: '300px';

	resize: 'horizontal';

}





.videoCover {

	text-align: center;

	vertical-align: middle;

	position: absolute;

	top: 0px;

	left: 0px;

	z-index: 1;

	width: 100%;

	height: 100%;



	background-color: transparent;

	/* Theoretically for IE 8 & 9 (more valid) */	

	/* ...but not required as filter works too */

	/* should come BEFORE filter */

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	

	/* This works in IE 8 & 9 too */

	/* ... but also 5, 6, 7 */

	filter: alpha(opacity=50);

	

	/* Older than Firefox 0.9 */

	-moz-opacity:0.5;

	

	/* Safari 1.x (pre WebKit!) */

	-khtml-opacity: 0.5;

    

	/* Modern!

	/* Firefox 0.9+, Safari 2?, Chrome any?

	/* Opera 9+, IE 9+ */

	opacity: 0.5;

}



.videoCoverBackground {

	background-image: url("/images/playbutton.png");

	background-repeat: no-repeat;

	background-position: center;

}



.videoCover img {

	width: 100px;

	height: 100px;

	margin: 0;

	position: absolute;

	top: 50%;

	left: 50%;

	-ms-transform: translate(-50px, -50px);

	/* IE 9 */

	-webkit-transform: translate(-50px, -50px);

	/* Safari */

	transform: translate(-50px, -50px);

	opacity:1;

}



.videocontainer {

	width: 100%;

	height: 100%; /* auto; */

	position: relative;

	overflow: auto;

	background-color: whitesmoke;

}



.videocontainer video {

	position:static;

	width: 100%;

	height: 100%;

	background-color: lightgrey;

}



.videocontainer .videotooltip {

	position:absolute;

	width: 100%;

	height: 1.1em;

	background-color: whitesmoke;

	top:0px;

	left:0px;

	font-size: 1em;

	text-align: center;

	vertical-align: middle;

	overflow:hidden;

}



#mcp_popupVerticalGallery {

	position: static;

	background-color: turquoise;

	border-style: solid;

	border-width: 1px;

	border-color: black;

	width:200px;

	height:100%;

	max-height: 100%;

	padding:2px;

	overflow:scroll;

	display: inline-block;

	vertical-align: top;

}



#mcp_popupVerticalGallery:empty {

	display:none;

}



#mcp_popupVerticalGallery .videoPanel {

	position: static;

	width: 96%;

	margin-top: 2px;

	display: block;

}



#mcp_popupVerticalGallery .popupShowHide {

	display: block;

}



#mcp_popupVerticalGallery .popupTitle {

	display: none;

}



#mcp_popupVerticalGallery .mcp_videoFooter {

	display: none;

}



/* gallery at the bottom the display */



#mcp_popupHorizontalGallery {

	position:static;

	background-color: turquoise;

	border-style: solid;

	border-width: 1px;

	border-color: black;

	width:100%;

	max-width: 100%;

	height:auto;

	overflow:scroll;

	padding:0px;

	margin:0px;

	white-space: nowrap;

}



#mcp_popupHorizontalGallery:empty {

	display:none;

}



/** set all div elements to static */



#mcp_popupHorizontalGallery div {

	position: static;

	height: auto;

	width: auto;

	overflow: auto;

	margin: 0px;

	padding: 0px;

	border: none;

}



#mcp_popupHorizontalGallery .videoPanel {

	height: 100%;

	display: inline-block;

	vertical-align: top;

	border-left: 2px solid white;

	border-right: 2px solid white;

}



#mcp_popupHorizontalGallery .mcp_videoFooter,

#mcp_popupHorizontalGallery .popupTitle,

#mcp_popupHorizontalGallery .videotooltip

{

	display: none !important;

}



#mcp_popupHorizontalGallery video {

	position: static;

	height: 30vh;

	width: auto;

	cursor: context-menu;

	margin: 0px;

	padding: 0px;

}



/*

.videotooltip {

	position: absolute;

	bottom: 0px;

	left:0px;

	width: 100%;

	height: auto;

	z-index: 2;

}

*/



#videotools div {

	position:static;

}



#videotools .mcp_videoFooter,

#videotools .popupTitle,

#videotools .videotooltip

{

	display: none !important;

}





/* end video element */



.post_target {

	color:red;

	font-size: small;

}



.abtContainer {

	display: block;

	position: absolute;

	margin:0px;

	padding: .5em;

	top: 0px;

	left: 0px;

	width: 400px;

	max-width: 95vw;

	font-family: Tangerine, serif;

	font-size: 2em;

	background-color:wheat;

	-webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);

	-moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);

	box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);

}



/* end popupTitle settings */



.blockerMsg {

	position: relative;

	font-size: 1em;

	color: #000;

	font-weight: bold;

	padding: .2em;

	vertical-align: middle;

}



.blockerButContainer {

	width: 95%;

	margin: 5px;

	padding: 5px;

}



.blockerButContainer p {

	white-space: nowrap;

}



.blockerBut {

	color: #000;

	margin: 5px;

	padding: 5px;

	width: auto;

	/* 55px; */

	min-width: 55px;

	border-style: groove;

	background-color: #CCC;

	text-align: center;

	text-decoration: none;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 1.2em;

	-webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);

	-moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);

	box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);

	cursor: pointer;

}



.blockerButOK {

	background-color: #0C0;

}



.blockerButCancel {

	background-color: #F00;

}



.extConversation {

	width: 100%;

	word-wrap: normal;

	word-break: normal;

	display:block;

}



.extConversation span {

	width:100%;

	max-width: 100%;

	height: auto;

	word-wrap: break-word;

	word-break: normal;

	overflow-wrap: break-word;

	text-wrap: wrap;

	white-space:normal;

}



/**

.extConversation button {

	padding: .5em;

	font-size: 1em;

}

**/



.header_userName {

	width: 90%;

	max-width: 90%;

	padding:.2em;

}



.header {

	vertical-align: middle;

	font-family: Verdana, Geneva, Tahoma, sans-serif;

	font-size: .5em;

}



.fileInfo {

	width: 100%;

	height: 40px;

	border-width: 2px;

}



.captcha {

	border-style: solid;

	border-width: 2px;

	width: auto;

	height: 2em;

}



/* group management table css */



#mcp_groupMemberPanel {

	position:static;

	width:100%;

	height:100%;

	vertical-align: top;

	overflow:hidden;

	margin:0px;

	background-image: url(/images/ChatBackgrd.png);

	background-color: #999;

}



#mcp_utilitiesPanelContainer {

	padding:.5em;

	overflow:scroll;

	/* height: 100%; */

	width: 100%;

}



#mcp_groupMemberList {

	width:auto;

	height: auto;

	padding: 0px;

	margin:0px;

	/* background-color: #960; */

}



#mcp_groupMemberList table {

	border-collapse: collapse;

	text-align: left;

	font-size: 1em;

	min-width: 90%;

	table-layout: fixed;

	margin-left: 5%;

	margin-right: 5%;

	padding:0px;

}



#mcp_groupMemberList tbody {

	padding:0px;

	margin: 0px;

}



#mcp_groupMemberList tbody > tr:nth-child(odd) {

	background-color: white;

}



#mcp_groupMemberList tbody > tr:nth-child(even) {

	background-color: lightgray;

}



#mcp_groupMemberList td {

	border: 1px solid black;

	padding: .2em;

	font-size: .8em;

}



#mcp_groupMemberList .selected {

	background-color: #090;

}

	

/* #mcp_groupMemberList thead { */



#mcp_groupMemberList thead tr:nth-child(1) th {

	background-color: #960;

	position: sticky;

	top:0;

	margin-top:0px;

	padding: .2em;

	z-index: 2;

	font-size: .8em;

	border: 1px solid black;

}



/*

.groupMemberList .separator td {

	height: 15px;

	border:0px;

	padding:0px;

	margin:0px;

	background-color:white;

}

*/



.lgn_emsg {

	position:static;

	width:300px;

	height:20px;

	font:Georgia, "Times New Roman", Times, serif;

	font-size:16px;

	background-color:#FF0;

	z-index:100;

	left:100px;

	text-align:center;

}

/*

	user actions

*/

#mcp_userActions {

	width: 200px;

	height: auto;

	max-width: 90vw;

	background-color: white;

	position: absolute;

	border: black;

	border-width: 2px;

	border-style: solid;

	padding-bottom: 3px;

	overflow:hidden;

}



#mcp_userAction_header {

	width: auto;

	height: 30px;

	background-color: #0C0;

	vertical-align: -webkit-baseline-middle, middle;

	text-align: center;

	overflow: hidden;

}



#mcp_userActions_options {

	width: auto;

	height: auto;

	margin: 0px;

	padding: 0px;

}



#mcp_userActions_options span {

	float:left;

	vertical-align: middle;

}



/*

	<!-- search panel -->

	*/



#mcp_searchPanel {

	position: absolute;

	overflow: hidden;

	width: 300px;

	height: auto;

	padding: .5em;

}



#mcp_searchPanel textarea {

	width: 100%;

}



#mcp_searchResult {

	width: 100%;

	height: auto;

	max-height: 200px;

	overflow: scroll;

	padding: 0px;

	margin: auto;

	display: none;

}



.mcp_searchRequest {

	position: absolute;

	display: none;

	width: 250px;

	height: auto;

	border-width: 2px;

	border-style: groove;

	border-color: black;

	background-color: antiquewhite;

	overflow: hidden;

}



.mcp_searchRequestTitle {

	text-align: center;

	margin-left: 2%;

	margin-right: 2%;

	margin-top: 2%;

	margin-bottom: 0%;

	padding: 0px;

}



/*

	just to make property completely invisible but still detected by parser

*/



textarea {

	height: 100%;

	width: 100%;

	-webkit-box-sizing: border-box;

	/* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;

	/* Firefox, other Gecko */

	box-sizing: border-box;

	/* Opera/IE 8+ */

}



.StdBtn {

	/*

	transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	*/

	background-color: #555;

	color: white;

	font-size: .8em;

	padding: 5px 5px;

	border: none;

	cursor: pointer;

	border-radius: 5px;

    width:80px;

    display:inline;

}



.StdBtn:hover {

	transform: translate(4%, 4%);

	-ms-transform: translate(4%, 4%);

	box-shadow: -4px -4px gray;

}



/* login panel buttons */



.stdBtnlgn {

	width: 90px;

	margin-right: 10px;

}



.bckRed {

	background-color: red;

}



.bckGreen {

	background-color: green;

}



.mcp_invisible {

	opacity: 0;

	filter: alpha(opacity=0);

}



.StdLabel {

	font-size: 1em;

	padding: 4px;

}





#mcp_PswRecovery {

	margin:0px;

	padding: 5px;

	position: absolute;

	top: 50px;

	left: 20px;

	z-index: 1;

	background-color: #CCC;

	border-width: 1px;

	border-color: #000;

	border-style: solid;

}



#mcp_PswRecovery label {

	margin-top:5px;

	float:left;

	width: 140px;

}



#mcp_PswRecovery input {

	margin-top: 5px;

}



.StdMsg {

	margin: 10px;

	width: 80%;

	height: 2.em;

	background-color: lightgoldenrodyellow;

	text-align: center;

	vertical-align: -webkit-baseline-middle;

	padding: .5em;

	font-size: 1em;

}



/*-----------------------------------------------------*/



#mcp_msgcontent {

	position: static;

	width:100vw;

	height: 100%;

	margin:0px;

	padding:0px;

	white-space: nowrap;

	-webkit-overflow-scrolling: touch;

}



#msgframe {

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0px;

	top: 0px;

	margin: 0px;

	padding: 0px;

	overflow: auto;

}



.mcp_TopMainHeader {

	width: 100%;

	height: auto;

	margin: 0px;

	padding: 10px;

	background-color: #090;

	position: static;

}



/*

	second header, below mcp_TopMainHeader

*/

.mcp_HeaderContainer {

	position: relative;

	left: 0px;		

	width: 100%;

	margin: 0px;

	padding: 0px;

}



#msgcontent {

	width: 100%;

	height: auto;

	position: relative; /* static; was absolute */

	bottom: 0;

	padding:0px;

	margin:0px;

	border-width: 0px;

}



/* ------ menu header ----- */



.mcp_TopMenuHeader {

	position: static;

	background-repeat: no-repeat;

	width: 100%;

	height: auto;

	min-height: 3em;

	background-color: #060;

	margin: 0px;

	padding: 0px;

	vertical-align: middle;

	font-family: "Times New Roman", Times, serif;

	color: #FFF;

}



.mcp_TopMenuHeader img {

	position: static;

	margin-top: .4em;

	margin-left: .4em;

	float: left;

	vertical-align: middle;

	color: #FFF;

	width: auto;

	cursor: pointer;



	width: 2em;

	height: 2em;

}



.mcp_TopMenuHeader button  {

	position: static;

	margin: .4em .4em .4em .4em;

	padding: 0 1em 0 1em;

	float: left;

	vertical-align: middle;

	color: #000;

	cursor: pointer;

	height: 32px;

	border: 0;

}



#mcp_hiddenlist, #mcp_logoffButton {

	background-image: url("/images/blankgreen.png");

	background-repeat: no-repeat;

	background-size: 100% 100%;

	width: auto;

}



.mcp_TopMenuHeader .floatright {

	float: right;

}



.mcp_TopMenuHeader span {

	position: static;

	margin-top: .4em;

	margin-left: .4em;

	float: left !important;

	vertical-align: middle;

	color: #FFF;

	width: auto;

	cursor: pointer;



	height: 2em;

	width: auto;

	font-size: 1.2em;

	margin-top: .6em;

}



.mcp_TopMenuHeader span:hover {

	color: red;

}



/* ----- end menu header */



#mcp_copyright {

	width: 100%;

	height: auto;

	margin: 0px;

	padding: .2em;

	font-size: .7em;

	text-align: center;

	vertical-align: middle;

}



.mcp_UserDetails {

	width: 60%;

	height: auto;

	background-color: #0F0;

	border-bottom-color: #666;

	border-style: inset;

	-webkit-box-shadow: 3px 3px 14px 0px rgba(0, 0, 0, 0.75);

	-moz-box-shadow: 3px 3px 14px 0px rgba(0, 0, 0, 0.75);

	box-shadow: 3px 3px 14px 0px rgba(0, 0, 0, 0.75);

}



#mcp_phoneShowMsgframe {

	float: left;

	width: 10%;

	background-color: #CFC;



}



/* --------------------------------- phone ----------------------------------------*/



#mcp_phone_title {

	position: static;

	width: 100%;

	height: auto;

	padding: 0px;

	margin: 0px;

	background-color: #CCC;

	border-bottom: black;

	border-bottom-style: solid;

	border-bottom-width: medium;

	display: none;

}



#mcp_phone_title img {

	width: 3em;

	height: 3em;

	float: left;

}



#mcp_phone_container {

	width: 100%;

	height: auto;

	overflow: hidden;

	background-color: cadetblue;

	position: static;

	padding: 0px;

	margin: 0px;

	bottom: 10px;

}



#mcp_phone_actions {

	position: absolute;

	background-color: #960;

	border: double;

	background-color: #CCC;

	-webkit-box-shadow: 10px 10px 25px 0px rgba(0, 0, 0, 0.75);

	-moz-box-shadow: 10px 10px 25px 0px rgba(0, 0, 0, 0.75);

	box-shadow: 10px 10px 25px 0px rgba(0, 0, 0, 0.75);



	float: left;

	z-index: 1;

	margin: .3em;

	padding: .3em;

	height: auto;

	width: 80%;

}



#mcp_phone_actions p {

	font-size: 1.2em;

}



.mcp_phoneButton {

	float: left;

	width: 90%;

	overflow: hidden;

}



.mcp_phone_menus {

	width: 100%;

	padding-top: 10px;

	color: #000;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 16px;

	background-color: #CCC;

}



#mcp_phone_shiftRight {

	float: right;

	width: 30px;

	height: 30px;

}



/* -- devDesktop.js -- TreeView -- showPublicChatRooms */



.mcp_groupListPanel {

	padding: .4em;

}



#mcp_rightSubList {

	position: relative;

	background-repeat: no-repeat;

	top: 0px;

	width: 20%;

	height: 40px;

	background-image: url(/images/RightSubListHeader.png);

	background-size: 100%;

	float: left;

	margin: 0px;

	padding: 0px;

}



.mcp_rightLabel {

	position: static;

	margin:0px;

	margin-top: 4px;

	padding: 4%;

	width: 100%;

	height: 15px;

	background-color: whitesmoke;

}



#mcp_groupList, #mcp_visitorList {

	position: static;

	margin: 0px;

	margin-top: 4px;

	padding: 0%;

	width: 100%;

	height: auto;

	overflow: scroll;

	border-style: solid;

	border-width: 1px;

	border-color: #666;

}



.mcp_answerPanel {

	position: absolute;

	display: none;

	width: 300px;

	height: auto;

	padding: 2px;

	background-color: white;

	border-style: solid;

	border-color: black;

	-webkit-align-content: center;

	align-content: center;

}



#mcp_QueuedAnswer {

	background-color: #999;

}



#mcp_InconversationUserTransfer {

	background-color: #999;

}



#mcp_leftPanel {

	position: relative;

	left: 0px;

	width: 80%;

	height: 100%;

	overflow: auto;

	margin: 0px;

	padding: 0px;

	vertical-align: top;

	display:inline-block

}



#mcp_conversationPanel {

	position:relative;

	width:100%;

	overflow:hidden;

}



#closeGMMaintenance {

	margin-left: 2em;

	display: inline;

	width: auto;

	padding: .2em;

	margin: .2em;

}



#mcp_privateChannelHeader {

	background-color: lightyellow;

	width: 100%;

	height: auto;

	margin: 0px;

	padding: .2em;

}



#mcp_privateChannelHeader:empty {

	display:none;

}



#mcp_privateChannelHeader > div {

	height:auto;

	vertical-align: middle;

	margin-bottom: .1em;

	padding-left: .5em;

	border-radius: .5em;

	border-style: solid;

	border-width: 1px;

}



#mcp_privateChannelHeader button {

	height:auto;

	padding: 0px;

	margin: 0px;

	margin-left: .2em;

	font-size: medium;

	vertical-align: middle;

	width: auto;

	display: inline-block;

}



#mcp_privateChannelHeader img {

	height: 2em;;

	width: auto;

	margin-left: .2em;

	vertical-align: middle;

}





#mcp_Sticky {

	position: static;

	/* see mcp_presentation */

	width: 100%;

	border-bottom-color: #0F0;

	border-width: thin;

	height: auto;

	max-height: 30%;

	margin: 0px;

	padding: .5em;

	font-family: Arial, Helvetica, sans-serif;

	font-size: .8em;

	background-color: whitesmoke;

	border: 2px solid;

	border-color: #090;

	overflow: auto;

}



#mcp_Sticky:empty {

	display:none;

}



#mcp_Sticky > div {

	position: relative;

	margin: .5em 1.5em 0px .5em;

	width: auto;

	background-color: lightgreen;

	padding: .1em .1em .1em .5em;

	border-radius: .5em;

	box-shadow: .4em .4em #CCCCCC;

	vertical-align:middle;

}



#mcp_Sticky img {

	height: 1.2em;

	margin: .5em 0 0 0;

}



#mcp_Sticky span {

	margin: 0px 0px 0px .2em;

	text-align: left;

}



#mcp_Sticky button {

	height: 1.5em;

	margin: 0px 0px 0px .5em;

	padding: 0px;

	width: auto;

	border: hidden;

	display: inline;

	background-image: url("/images/blankgreen.png");

	background-repeat: no-repeat;

	background-size: 100% 100%;

}



#mcp_rightPanel, #mcp_VisitorPanel {

	position: static;

	width: 20%;

	height: 100%;

	max-height: 100%;

	background-image: url(/images/RightSubListBck.png);

	background-repeat: repeat;

	overflow: hidden;

	display:inline-block;

	vertical-align: top;

	margin:0px;

	padding:0px;

}

/*

	height computed

*/

#mcp_presentation {

	position: static;

	width:100%;

	margin: 0px;

	padding: 0px;

	background-image: var(--mcp_presentation-background-image);

	background-color: var(--mcp_presentation-background-color);

	color: var(--mcp_presentation-color);

	background-repeat: repeat;

	border: 2px solid;

	border-color: #090;

	border-radius: 5px;

	overflow: hidden;

}



#mcp_messageContainer {

	position: relative;

	width: 100%;

	height: 100%;

	float: left;

	margin: 0px;

	padding: 0px;

	overflow: hidden;

	/*

	-webkit-overflow-scrolling:touch; overflow:auto;

	*/

}



#messages {

	position: static;

	overflow: scroll;

	padding: 2px;

	margin: 0px;

	width: 100%;

	height: 100%;

}



#messages button {

	width:auto;

	height:auto;

	display: inline;

	margin: .2em;

	padding: .2em;

	border:hidden;

}



/*

	container for messages

*/

.mcp_convContainer {

	/* width: 95%; */

	border-bottom-style: groove;

	border-color: #333;

	padding: .5em;

	/* margin: 5px; */

	position: relative;

	margin-top: .8em;

	margin-bottom: .2em;

	border-radius: 1em;

	/* float: left; */

	box-shadow: 4px 4px #CCCCCC;

	width: auto;

	height: auto;

}



.mcp_attachment {

	padding:.3em;

	width:100%;

	height: auto;

	margin: .1em;

}



.mcp_attachment button {

	cursor:pointer;

	padding: .1em;

	border-radius: .4em;

	border-style: solid;

	border-width: thin;

	border-color: #000;

	height: 100%;

	margin: .2em;

	background-image: url("/images/blankgreen.png");

	background-repeat: no-repeat;

	background-size: 100% 100%;

	width: auto;

	color: black;

}



.mcp_attachment button:hover {

	color: white;

}



.mcp_attachment img {

	vertical-align: middle;

	padding: 0px;

	margin: 0px;

}



.mcp_attachment span {

	vertical-align: middle;

	padding: .3em;

	height: 100%;

}



.mcp_editorOveride {

	background-color: transparent;

}



.mcp_convEven {

	margin-left: .5em;

	margin-right: 1em;

	background-color: var(--mcp_convEven-background-color);

}



.mcp_convOdd {

	margin-left: 3em;

	background-color: var(--mcp_convOdd-background-color);

}



.mcp_image {

	float: none;

	max-width: 90%;

	height: auto;

	/* todo */

}



/*

	the mcp_presentation layer. below mcp_presentation

*/



.mcp_footer {

	width: 100%;

	height:auto;

	position: relative;

	white-space: nowrap;

	margin: 0px;

	padding: 2px;

	border: 0px;

	bottom: 0px;



	background-image: url("/images/ChatBackgrd.png");

	background-repeat: no-repeat;

	background-size: 100% 100%;



	z-index: 10000000;

}



/* left of mcp_sampleArea */



#mcp_editor_area {

	position: static;

	vertical-align: top;

	display:inline-block;

	width: 79%;

	height: 100%;

	margin: 0px;

	padding: 0px;

}



.mcp_editorContainer {

	position: static;

	width: 100%;

	height: auto;

	margin: 0px;

	padding: 0px;

}



#mcp_showAttachment {

	padding: .1em;

	width: 100%;

	height: auto;

	background-color: #CFC;

}



#mcp_editor {

	width: 100%;

	margin: 0px;

	padding: 0px;

	height: 10em;

	background-color: #0F6;

	float: left;

}



#mcp_chatbot {

	width:  100%;

	margin: 0px;

	padding:4px;

	height: auto;

	background-color: #990;

}



#mcp_chatbot > div {

	width: 100%;

	height:auto;

	margin: 0px;

	padding: 2px;

}



#mcp_chatbot_send, #mcp_chatbot_cancel, #mcp_chatbot_select  {

	height: auto;

	display: block;

	margin: 4px;

	width: 100px;

	float:left;

	font-size: 1em;

	padding: 2px;

	background-color: #e7a61a;

	color: black;

	border-radius: 10px;

}



#mcp_chatbot_select  {

	width: 100px;

	text-align: center;

}





#mcp_chatbot textarea {

	padding: 2px;

	width:100%;

	height: 6em;

}



.mcp_chatbot_reply {

	width: 95%;

	height: auto;

	margin: 10px;

	padding: 5px;

	border-style: double;

	background-color: #990;

	border-radius: 5px;

}



.mcp_chatbot_reply button {

	padding: .2em;

}



.mcp_chatbot_reply pre {

	margin: 0px;

	padding: 5px;

	background-color: #990;

	white-space: pre-wrap;

	font-family: Garamond;

	font-size: 1em;

	word-wrap: break-word;

}



.mcp_chatbot_reply img {

	width: 90%;

	max-width: 90%;

	height: auto;

}



.mcp_chatbot_reply h1, .mcp_chatbot_reply h2,  .mcp_chatbot_reply h3, .mcp_chatbot_reply h4{

	display:inline-block;

} 



.mcp_chatbot_pcode, .mcp_chatbot_pcode_header {

	background-color: black;

	color: white;

	margin: 0 1em 0 1em;

	padding: .2em 1em .2em 1em;

	overflow: auto;

}



.mcp_chatbot_pcode_header {

	background-color: #090;

	display: block;

}



.mcp_chatbot_pcode_header > b {

	background-color: #090;

	float:left;

}



.mcp_chatbot_pcode_header > button {

	float:right;

}



.mcp_editButt {

	float: left;

	margin: 5px;

	width: 25px;

	height: 25px;

}



/* right of mcp_editor_area */



#mcp_sampleArea {

	position: static;

	width: 20%;

	max-width: 20%;

	vertical-align: top;

	display:inline-block;

	padding: 0px;

	margin: 0px;

	height: 100%;

	max-height: 100%;

	left: 0px;

	top: 0px;

	overflow: hidden;

}



#mcp_samplePicture {

	position: static;

	margin: 0px;

	padding: 0px;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

}



#progress {

	position: relative;

	top: 0px;

	left: 0px;

	padding: 0px;

	margin: 0px;

	width: 80%;

	height: 10px;

	background-color: #FF0;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 10px;

}





.mcp_sendButton {

	position: relative;

	left: 4px;

	top: 0px;

	background-image: url(/images/Buttons/SendNormal.png);

	background-repeat: no-repeat;

	width: 66px;

	height: 27px;

}



.mcp_sendButton:hover {

	background-image: url(/images/Buttons/SendHover.png);

}



.mcp_cancelButton {

	position: relative;

	top: 0px;

	background-image: url(/images/Buttons/CancelNormal.png);

	background-repeat: no-repeat;

	width: 66px;

	height: 27px;

	margin: 5px;

}



.mcp_OkayButton {

	position: relative;

	top: 0px;

	background-image: url(/images/Buttons/OkayNormal.png);

	width: 66px;

	height: 27px;

	margin: 5px;

}



.mcp_PublishButton {

	position: relative;

	left: 10px;

	top: 0px;

	background-image: url(/images/Buttons/PublishNormal.png);

	width: 66px;

	height: 27px;

	margin: 5px;

}



.mcp_PublishButton:hover {

	background-image: url(/images/Buttons/PublishHover.png);

}



.mcp_beepButton {

	position: relative;

	left: 4px;

	top: 2px;

	background-image: url(/images/Buttons/BeepNormal.png);

	background-repeat: no-repeat;

	width: 66;

	height: 27px;

}



.mcp_beepButton:hover {

	background-image: url(/images/Buttons/BeepHover.png)

}





#mcp_videoFeed {

	position: relative;

	width: 25%;

	float: left;

	margin: 0px;

	padding: 0px;

	background-color: #0F0;

}



/*-------------------------- upload div (only for MSIE)  ----------------------------------------------*/



#uploadDiv {

	position: fixed;

	top: 0px;

	left: 10px;

	background-color: #FF0;

	height: 100px;

	width: 500px;

	display: none;

	z-index: 1000;

}



/*-------------------------- account setup panel         ----------------------------------------------*/



#mcp_acctSetUpPanel {

	position: absolute;

	width: 500px;

	height: 400px;

	background-color: #CCC;

	border: double;

	border-color: #333;

	z-index: 200;

}



.mcp_setupAcctCancel {

	position: relative;

	left: 10px;

	top: 0px;

	float: left;

	margin: 5px;

}



/*-------------------------- find Friends         ----------------------------------------------*/



.shadowBackground {

	-webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);

	-moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);

	box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);

}



.mcp_Button {

	width: 100px;

	height: 20px;

	border: double;

	border-color: #CCC;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 16px;

	text-align: center;

	text-shadow: #FFF;

	vertical-align: 10%;

	-webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);

	-moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);

	box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);

	-moz-border-radius: 8px;

	border-radius: 8px;

}

/*-------------------------- Call user         ----------------------------------------------*/

.toolsPanel {

	/* display: none; */

	/* width:400px; */

	width: auto;

	height: auto;

	padding-left: 20px;

	padding-right: 20px;

	/* height:250px; */

	background-color: #CCC;

	position: absolute;

	border: double;

	border-color: #CCC;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 1em;

	text-align: center;

	text-shadow: #FFF;

	vertical-align: 10%;

	-webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);

	-moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);

	box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);

	-moz-border-radius: 8px;

	border-radius: 8px;

}



.toolsPanel input[type=text] {

	margin-left: 0px;

	margin-right: 0px;

	margin-bottom: 5px;

	display:block;

}



.toolsPanel select {

	text-align: center;

	margin-top: 5px;

	margin-bottom: 5px;

	width:100%;

	display:block;

}



.toolsPanel > div {

	width:100%;

	height:auto;

	align-content: center;

	margin-bottom: 5px;

	display:block;

}



.toolsPanel option {

	text-align: center;

}



.toolsPanel .left {

	width:25%;

	overflow:hidden;

	float:left;

	margin:0px;

	text-align: left;

}



.toolsPanel .right {

	width:70%;

	float:right;

	margin:0px;

}



.toolsPanel .videoPanel {

	position:static;

	width:200px;

	height: auto;

}



.toolsPanel .popupTitle, .toolsPanel .mcp_videoFooter {

	display:none;

}



/*-------------------------- Search panel     x----------------------------------------------*/



#mcp_searchPanel {

	width: 20em;

	padding:0px;

	margin: 0px;

}



#mcp_searchPanel .popupTitle {

	display: block;

}



#mcp_searchPanel input[type=text] {

	margin-left: 5%;

	margin-right: 5%;

	width:90%;

}



#mcp_searchPanel #M0052 {

	background-color:#0C0;

	float:left;

	margin-left: 1em;

}



#mcp_searchPanel #M0054 {

	background-color:#F00;

	float:right;

	margin-right: 1em;

}



#mcp_searchPanel #mcp_searchResult {

	height:auto;

	max-height: 200px;

	overflow: scroll;

	display:block;

}



.showRoomsPanel {

	width: auto;

	left: 10px;

	height: "auto";

	padding: .5em;

	background-color: #CCC;

	position: absolute;

	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);

	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);

	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);

	-moz-border-radius: 8px;

	border-radius: 8px;

	display: inline-block;

}



.showRoomsPanel > div {

	margin-top: .2em;

	width: auto;

	min-width: 100%;

	max-width: 80vw;

	overflow-x: hidden;

	overflow-y: scroll;

	max-height: 70vh;

	display: inline-block;

}



/* __msppanel.html */



.mcp_MapPanel {

	height:400px;

	resize:both;

}



.mcp_MapDisplay {

	width: 100%;

	background-color:thistle;

}



.mcp_googleMap,

.mcp_googleView {

	width: 100%;

	background-color: wheat;

	border-width: 1px;

	border-style: solid;

	opacity: 1;

	overflow: hidden;

}



.mcp_mapFooter {

	position: static;

	width: 100%;

	height: 20%;

	margin-bottom: 0px;

}



.mcp_googleLocation {

	margin-top: 4px;

	margin-bottom: 4px;

	position: static;

	width: 100%;

	height: auto;

	overflow: auto;

	margin-top: 2px;

	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

	font-size: 9px;

}



.mcp_googleLocation {

	position: static;

	width: 100%;

	height: 10%;

	margin-top: 2px;

}



.videotools {

	width:250px;

}



.mcp_videoFooter {

	width: 100%;

	height: 20px;

	margin-left: 0%;

	margin-right: 0px;

	margin-top: 0px;

	margin-bottom: 0px;

	background-color: white;

	text-align: center;

	font-size: smaller;

	font-weight: normal;

	border-top-style: solid;

	border-top-color: #000;

	vertical-align: middle;

}



.mcp_videoFooter:empty {

	display:none;

}

/*-------------------------- find Friends         ----------------------------------------------*/



.mcp_label {

	margin: 5px;

	font-family: "Courier New", Courier, monospace;

	width: 100px;

	float: left;

}



.mcp_entries {

	float: left;

}





/*-------------------------- search         ----------------------------------------------*/



#mcp_searchPanel {

	position: absolute;

	background-color: #CCC;

	border: double;

	border-color: #333;

	z-index: 200;

	margin: 10px;

}



.mcp_searchSend {

	position: relative;

	left: 10px;

	top: 0px;

	float: left;

	margin: 5px;

}



.mcp_searchCancel {

	position: relative;

	left: 10px;

	top: 0px;

	float: left;

	margin: 5px;

}



.mcp_searchEntry {

	width: auto;

	height: auto;

	overflow: hidden;

}



.mcp_searchDetail {

	height: 100%;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 12px;

	float: left;

	background-color: #e7a61a;

	padding-bottom: 5px;

	padding-left: 5px;

	margin-left: 15px;

	border-color: #990;

	border-style: solid;

	-webkit-box-shadow: 3px 3px 14px 0px rgba(0, 0, 0, 0.75);

	-moz-box-shadow: 3px 3px 14px 0px rgba(0, 0, 0, 0.75);

	box-shadow: 3px 3px 14px 0px rgba(0, 0, 0, 0.75);

}



.mcp_divider {

	width: 100%;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 12px;

	float: left;

	background-color: #e7a61a;

	padding: 2px;

	margin: 0px;

	-webkit-box-shadow: 3px 3px 14px 0px rgba(0, 0, 0, 0.75);

	-moz-box-shadow: 3px 3px 14px 0px rgba(0, 0, 0, 0.75);

	box-shadow: 3px 3px 14px 0px rgba(0, 0, 0, 0.75);

	border-radius: 5px;

}



/*-------------------------- preferences         ----------------------------------------------*/



#mcp_PreferencesPanel {

	position: absolute;

	background-color: #CCC;

	border: double;

	border-color: #333;

	margin: 10px;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 12px;

}



/*-------------------------- private conversation entries ----------------------------------------------*/



.mcp_privateMsg {

	border-radius: 20px;

	box-shadow: 2px 2px;

	padding: 6px;

	margin: 4px;

	height: auto;

}



.mcp_privateMsgLocal {

	width: 90%;

	margin-left: 5%;

	margin-right: 5%;

	background-color: aquamarine;

}



.mcp_privateMsgRemote {

	width: 80%;

	margin-left: 15%;

	margin-right: 5%;

	background-color: cadetblue;

}



.mcp_privateSystem {

	width: 80%;

	margin-left: 15%;

	margin-right: 5%;

	background-color: whitesmoke;

	color: red;

}



/*

	winSupport: Shield Buttons

*/

.mcp_ShieldButton {

	padding: 8px;

	background-color: BlanchedAlmond;

	border-color: #000;

}



/*-------------------------- utilities------------------ ----------------------------------------------*/



.mcp_connected {

	position: static;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	background-color: #CFC;

	border: black;

	border-width: 2px;

	padding: 10px;

}



/*-------------------------- attachment footing---------- ----------------------------------------------*/



#mcp_removeAttch {

	float: left;

	width: auto;

	margin-right: 5px;

}



#mcp_showAttch {

	float: left;

	width: auto;

}



/*-------------------------- private conversation css ---------- ----------------------------------------------*/



.privateConvPanel {

	height:400px;

	resize:both;

}



.flex-container {

	display: flex;

	flex-direction: column;

    align-items: stretch;

    flex-wrap: nowrap;

	height: 100%;

	max-height: 100%;

}



.flex-item {

	flex-grow:1;

	flex-basis: 0;

}



.privateConvmsgbox {

	width: 100%;

	background-color:thistle;

}



.privateConvPresentation {

	width: 100%;

	background-color: white; /* wheat; */

	border-width: 1px;

	border-style: solid;

	opacity: 1;

	overflow: scroll;

}



.privateConvPresentation div {

	display: block;

	position: static;

	padding: 0px;

	margin-top: .0em;

	margin-bottom: .0em;

	margin-right: .2em;

}



.privateConvPresentation img, .privateConvTextArea img {

	max-width: 70%;

	height: auto;

}



/* see jmeditor for jbm_editorContainer

.privateConvPresentation .jbm_editorContainer {

	color: red;

}

*/



.privateConvPresentation .mcp_convContainer {

	margin-top: .3em;

	border-radius: .4em;

	box-shadow: none;

}



.privateConvPresentation .mcp_editorOveride {

	padding: .3em;

	font-family: 'Tangerine', serif;

	font-size: 1.5em;

}



.privateConvFooter {

	/*

	margin-left: 10px;

	margin-right: 10px;

	margin-top: 5px;

	margin-bottom: 5px;

	width: auto;

	*/

	width: 98%;

	margin: 0px;

	padding: .2em;

}



.privateConvTextArea {

	margin: 0px;

	padding: .2em;

	width: 100%;

	height: 3em;

	background-color: whitesmoke;

	-webkit-user-modify: read-write;

	-webkit-user-select: text;

	user-select: text;

	overflow:scroll;

}



.privateConvTextArea:focus {

	background-color: white;

}



/*

.toolsPanel input[type=button] .phone-only {

	display: none;

}

*/



/* maintenance - see html_maintenance.js */



.mnt_container {

	overflow: scroll;

}



.mnt_container tr, .mnt_container td {

	border:1px solid black;

	border-collapse: collapse;

	padding: 2px;

	margin: 0px; 

}



/*--------------------------------------------------------------------------------------------*/

#mcp_localVideoDisplay {

	display:none;

}