.frei_roomcontainer{
width:500px;
/*height:450px;*/
content:overflow;

}

#chatroom_branding {
bottom:65px;
position:absolute;
display:block;
}

#chatroom_branding a{
color:blue;
text-decoration:none !important;
}

#chatroom_branding a:link,
#chatroom_branding a:visited, 
#chatroom_branding a:hover, 
#chatroom_branding a:active { text-decoration:none !important;color:blue !important; background-color:none !important; }


.frei_roomtitle {
font-weight:bold;
color:white;
font-size:14px;
padding:4px;
border: 0px;
text-align: center;
background-image:url('basic/room_head.png');
}

.frei_chatroompanel {
height:364px;
border-right: solid grey 1px;
border-bottom: solid grey 1px;
background-image:url('basic/chatroom.jpeg');
}

.frei_chatroomleftpanel {
float:left;
background-image:url('basic/left_panel.png');
width:348px;
}

.frei_chatroomrightpanel {
float:left;
width:200px;
border-left: solid grey 1px;
}

.chatroommessagearea {
resize:none;
height:73%;
font-size: 11px;
outline:0;
width:100%;
padding:0px;
font-style:helvetica;
}


.frei_chatroomtextarea :focus {
border:2px solid #0060A8
}


.frei_chatroomtextarea { 
width:345px;
height:52px;

}

.frei_roompanel {
border-top: grey solid 1px;
width:100%;
height:182px;
overflow:auto;
}


.frei_userpanel {
/* border: black solid 1px;*/
width:100%;
height:182px;
overflow:auto;
}

.frei_chatroommsgcnt {
/*border: black solid 1px;*/
text-align:justify;
width:100%;
height:310px;
overflow:auto;
font-size:11px;
font-style:arial, helvetica, sans-serif;
}

.frei_chatroom_message {
padding-left:5px;
}

.frei_room_close {
position:absolute;
right:10px;
font-size:18px;
top:5px;
}


.frei_lobby_room {
border-bottom: 1px solid #CCC;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
color: #000000;
display: block;
font-family: "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
font-size: 11px;
padding-bottom: 7px;
padding-top: 7px;
width: 100%;
cursor: pointer;
height: 15px;
}
.frei_selected_room {
border-bottom: 1px solid #CCC;
border-bottom-width: 1px;
border-bottom-style: solid ;
border-bottom-color: #CCC;
color: #FFFFFF;
background-color:none;
background-image:url('basic/room_selected.png');
display: block;
font-family: "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
font-size: 11px;
padding-bottom: 7px;
padding-top: 7px;
width: 100%;
cursor: pointer;
height: 15px; 
font-weight:bold;
}

.frei_chat_userlist_hover {
background-color: #B2C9F1 !important;
color: #000000;
}
.frei_chat_chatroomselected {
background-color:#333333;
font-weight: bold;
}


.frei_lobby_room_1 {
float:left;
padding-left:5px;
}

.frei_lobby_room_2 {
float:right;
padding-right:5px;
width:70px;
text-align:right;
}

.frei_lobby_room_3 {
float:right;
padding-right:0px;
}

.frei_lobby_room_4 {
float:right;
padding-right:0px;
}

.frei_sel_room {

/*padding:20px 20px 20px 20px;*/
}




.frei_chatroom {
width: 550px;  padding:0px; font-family: Arial;
height:400px;
font-family: "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
font-size: 11px;
background-repeat:no-repeat;
}

.frei_chatroom .frei_chatroom-content {}
.frei_chatroom .frei_chatroom-content ul {list-style: square; margin: 0 0 0 25px; line-height: 1.frei_3em;}
.frei_chatroom .frei_chatroom-content ul li {font-size: 10px;}
.frei_chatroom .frei_chatroom-content ul li a {color: #fff; font-size: 13px;}
.frei_chatroom .frei_chatroom-content ul li a:hover {color: #000;}

.frei_chatroom.top  {top: 0;}
.frei_chatroom.right  {right: 0;}
.frei_chatroom.bottom  {bottom: 0;}
.frei_chatroom.left  {left: 0;}

.frei_chatroom .frei_tab {cursor: pointer; font-size: 12px;
line-height: 12px; background: #333; padding: 6px; color: #fff;
font-weight: bold;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
font-family:sans-serif;
}
.frei_chatroom, .frei_chatroom .frei_tab {border-left: 0px solid #ccc;}
.frei_chatroom.right .frei_tab, .frei_chatroom.left .frei_tab {top: 3px;}
.frei_chatroom.top .frei_tab {bottom: 3px; background-position: 0 100%;}
.frei_chatroom.top, .frei_chatroom.top .frei_tab {border-top: none;}
.frei_chatroom.right .frei_tab {left: 3px; margin-top: -3px;}
.frei_chatroom.right, .frei_chatroom.right .frei_tab {border-right: none;}
.frei_chatroom.bottom .frei_tab {top: 3px; background-position: 0 0;}
.frei_chatroom.bottom, .frei_chatroom.bottom .frei_tab {border-bottom: none;}
.frei_chatroom.left .frei_tab {right: 3px; margin-top: -3px; background-position: 100% 0;}
.frei_chatroom.left, .frei_chatroom.left .frei_tab {border-left: none;width:550px;}

.frei_chatroom.align-right .frei_tab {margin-right: -3px;}
.frei_chatroom.align-left .frei_tab {margin-left: -3px;width:64px;}

.frei_chatroom-content p {margin-bottom: 1em; line-height: 1.5em;}
.frei_chatroom-content a {color: #fff;}


.frei_userlist_onhover {
background-color: #B2C9F1 !important;
color: #000000;
text-align: left;
}

.frei_userlist {
color:black;
cursor: pointer;
height: 20px;
line-height: 100%;
text-align: left;
padding-top: 6px;
padding-bottom: 1px;
padding-left:4px;

border-bottom: 1px solid #CCC;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;

}


.chatroom_messagefrom_left{
text-align:left;
padding-left:30px;
font-weight: bold;
color: #000000;
}

.chatroom_messagefrom_right{
text-align:right;
padding-left:240px;
font-weight: bold;
color: #000000;
}

.frei_chatroom_msgcontent{
background:transparent;
color:white;
font-weight:bold;
font-size:8pt;

opacity:0.97;
z-index:10000;
}
.frei_chatroom_add_smiley{

position:relative;
left:94%;
width:32px;
top:-2px;
}
.frei_chatroom_add_smiley img{
opacity:0.5;
}

.frei_chatroom_add_smiley img:hover {
opacity:1;
}

#frei_smileys_chatroom{
position: absolute;
left: 160px;
bottom: 52px;

}


#frei_smileys_chatroom:after {
content: ' ';
height: 0;
position: absolute;
width: 0;
border: 10px solid transparent;
border-left-color: #333;
top:105px;
left:160px;
}
/* ============================================================================================================================
== BUBBLE WITH A RIGHT-ANGLED TRIANGLE
** ============================================================================================================================ */

/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-right {
	position:relative;
	padding:5px;
	margin:1em 0 3em;
	color:#fff;
	background:#075698; /* default background for browsers without gradient support */
	/* css3 */
	/*background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
	background:-moz-linear-gradient(#2e88c4, #075698);
	background:-o-linear-gradient(#2e88c4, #075698);
	background:linear-gradient(#2e88c4, #075698);*/
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
        text-align:center;
         background: rgb(46, 136, 196);
         background: rgba(46, 136, 196, 0.6);

       margin-right:2px;

}

/* Variant : for top positioned triangle
------------------------------------------ */

.triangle-right.top {
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#075698), to(#2e88c4));
	background:-moz-linear-gradient(#075698, #2e88c4);
	background:-o-linear-gradient(#075698, #2e88c4);
	background:linear-gradient(#075698, #2e88c4);
}

/* Variant : for left positioned triangle
------------------------------------------ */

.triangle-right.left {
	margin-left:40px;
	background:#075698;
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-right.right {
	margin-right:40px;
	background:#075698;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-right:after {
	content:"";
	position:absolute;
	bottom:-10px; /* value = - border-top-width - border-bottom-width */

	border-width:10px 0 0 10px; /* vary these values to change the angle of the vertex */
	border-style:solid;
        border-color:transparent;
	border-top-color:rgba(46, 136, 196, 0.6); 
        
        
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
    
}

/* Variant : top
------------------------------------------ */

.triangle-right.top:after {
	top:-20px; /* value = - border-top-width - border-bottom-width */
	right:50px; /* controls horizontal position */
	bottom:auto;
	left:auto;
	border-width:20px 20px 0 0; /* vary these values to change the angle of the vertex */
	border-color:transparent #075698; 
}

/* Variant : left
------------------------------------------ */

.triangle-right.left:after {
	top:16px; 
	left:-40px; /* value = - border-left-width - border-right-width */
	bottom:auto;
  
	border-width:15px 40px 0 0; /* vary these values to change the angle of the vertex */
	border-color:transparent #075698; 
}

/* Variant : right
------------------------------------------ */

.triangle-right.right:after {
	top:16px; 
	right:-40px; /* value = - border-left-width - border-right-width */
	bottom:auto;
        left:auto;
	border-width:15px 0 0 40px; /* vary these values to change the angle of the vertex */
	border-color:transparent #075698 ; 
}

.frei_room_left_arrow:after{
	left:50px; /* controls horizontal position */
}
.frei_room_right_arrow:after{
border-width:10px 10px 0 0; 
	right:50px; /* controls horizontal position */
}
/*-------------------------------------------------------------------------------------------------------------------------------------*
/*Start of Main css style for the complete chatbox */



/*X_CSS_PARSE*/
.freichat {
position:relative;
padding:0px;
background-color:none;
color:#000000;
text-align:justify;
font-size:14px;
width:200px;
background-image:none;
border:none;
line-height:1.4em;
margin:0px;
}

#freichat {
position:fixed;
right:0px;
bottom:0px;
}

*html #freichat {
position:absolute;
bottom:0px;
}

.freichat img {
padding-left:0px;
padding-right:0px;
margin-left:0px;
margin-right:0px;
display:inline;
border-top:0px;
border-bottom:0px;
}

.freichat a:hover {
text-decoration:none;
background-color:white;
color:blue;
}

.freichathead {
padding-top:3px;
padding-bottom:3px;
-webkit-border-top-left-radius:8px;
-webkit-border-top-right-radius:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
border-top-left-radius:8px;
border-top-right-radius:8px;
background-image:url('basic/room_selected.png');
}

.frei_status_options img {
cursor:pointer;
}

.frei_status_options {
cursor:pointer;
}

.status_available img {
padding-top:5px;
padding:0px;
}

.status_available {
padding-right:5px;
}

.status_invisible img {
padding-top:5px;
}

.status_invisible {
padding-right:5px;
}

.status_busy {
margin-left:4px;
}

.status_offline {
padding-left:5px;
}

.frei_status_options a {
text-decoration:none;
background-color:none;
color:black;
}

.frei_tools_options {
padding-left:4px;
padding-top:4px;
border:1px solid black;
border-bottom:none;
border-right:none;
background-image:url('basic/chatroom.jpeg');
}

.frei_tools_options img {
cursor:pointer;
padding-bottom:15px;
}

.self_status_img img {
padding-top:2px;
}

.min_freichathead img {
padding-left:3px;
}

.freichathead img {
cursor:pointer;
padding-right:2px;
padding-left:2px;
}

.frei_options {
border:1px solid black;
border-bottom:none;
border-right:none;
background-image:url('basic/chatroom.jpeg');
font-weight:normal;
padding-bottom:15px;
padding-left:4px;
}

.frei_options a {
color:black;
text-decoration:none;
font-weight:normal;
font-size:12px;
}

.frei_options a:link,
.frei_options a:visited, 
.frei_options a:hover, 
.frei_options a:active { color:black; }


.onfreioffline {
position:fixed;
right:0px;
bottom:0px;
z-index:10001;
}

.custom_mesg {
padding-top:16px;
}

#custom_message_id {
font-family:Tahoma, sans-serif;
width:120px;
border:1px solid gray;
padding:5px;
font-size:11px;
font-weight:bold;
}

.frei a:link {
text-decoration:none;
color:wroomcontainerhite;
font-weight:normal;
}

.frei a:hover {
color:blue;
}

.frei img {
border:none;
padding-left:0px;
padding-right:0px;
margin-left:0px;
margin-right:0px;
}



.frei_search_members input{
width:100%;
-webkit-box-sizing: content-box;
font-family: "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
font-size: 11px;
font-weight: normal;
padding-left: 20px;
border-top: 1px solid #DADFEA;
cursor: text;
background: url(basic/search.jpg) no-repeat;
margin: 0px;
color: #999;
outline: 0;
}

.frei {
font-size:13px;
height:112px;
overflow:auto;
width:200px;
}

.frei_user_brand {
border:1px solid black;
background-image:url('basic/chatroom.jpeg');
}

.frei_user_count {
color:inherit;
}

.freichat_linkprofile {
float:right;
}

.freichat_linkprofile_s {
visibility:hidden;
}

.freichat_linkprofile_s img {
padding-right:6px;
padding-top:2px;
height:20px;
width:20px;
}

.freichat_time {
color:black;
float:right;
font-size:9px;
visibility:hidden;
}

.frei_chat_status {
background-color:inherit;
color:red;
font-size:80%;
padding-bottom:2px;
display:block;
bottom:80px;
}

.frei_box {
position:relative;
bottom:0px;
width:225px;
z-index:9999999;
}

.user_freichat_head_content {
font-weight:bold;
}

.freicontain {
z-index:99999;
bottom:0px;
position:fixed;
width:225px;
display:block;
overflow:visible;
}

.freicontain0 {
right:202px;
}

.freicontain1 {
right:426px;
}

.freicontain2 {
right:652px;
}

.freicontain3 {
right:878px;
}

.chatboxhead {
background-color:none;
padding:6px;
color:#FFFFFF;
width:213px;
border-bottom:1px solid  #000000;
background-image:url('basic/btop.png');
font-size:14px;
border-top-right-radius:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
border-top-left-radius:5px;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
}

.chatboxhead img {
text-decoration:none;
padding-left:0px;
padding-right:0px;
margin-left:0px;
margin-right:0px;
}

.chatboxcontent {
background-image:url('basic/bmid.png');
font-family:Arial,sans-serif;
font-size:13px;
height:200px;
width:209px;
overflow-y:auto;
overflow-x:auto;
padding:7px;
border:1px solid #ccc;
border-bottom:2px solid #bbb;
border-top:1px solid #ddd;
background-color:#ffffff;
line-height:1.32em;
text-align:left;
word-wrap:break-word;
}

.frei_smileys {
position:absolute;
color:white;
background-image:url('basic/chatroom.jpeg');
/*overflow:auto;
border:1px solid white;*/
display:none;
width:150px;
height:115px;
bottom:85px;
left:10px;
border:1px solid gray;
padding:5px;
border-radius:5px;
}

.frei_smileys:after {
content: ' ';
height: 0;
position: absolute;
width: 0;

border: 10px solid transparent;
border-top-color: #333;
top:125px;
left:30px;
}

.frei_smileys_table tr,td,th {
border-collapse:collapse;
border:0px;
}

.frei_smileys_table {
border-collapse:collapse;
}

.frei_smiley_image {
padding:1px 0 1px 2px;
border:0px;
}

.frei_smileys img{
cursor:pointer;
border:1px solid white;
}

.frei_smileys img:hover{
border:1px solid gray;
border-radius:5px;
}





.chatboxinput img {
margin-left:4px;
}

.chatboxinput {
padding:3px;
background-color:#ffffff;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
background-image:none;
border-top:1px solid  #000000;
border-bottom:1px solid #cccccc;
border-bottom-right-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
}

.chatboxtextarea {
font-size:12px;
width:209px;
height:44px;
padding:3px 0px 3px 3px;
border:2px solid #efefef;
margin:1px;
overflow:hidden;
color:#000000;
background-image:none;
max-width:209px;
min-width:209px;
max-height:100px;
}

.chatboxtextarea:focus {
border:2px solid #0060a8;
margin:0;
}

.chatboxmessage {
color:#ffffff;
font-size:0.9em;
}

.chatboxinfo {
margin-left:-1em;
color:#666666;
}

.chatboxmessagefrom {
font-weight:bold;
color:#000000;
}

.chatboxmessagecontent {
color:#000000;
}

.chatboxmessagecontent a {
color:blue;
text-decoration:none;
}

.chatboxmessagecontent a:hover {
text-decoration:underline;
}

.chatboxoptions {
float:right;
}

.chatboxoptions a img {
border:none;
}

.chatboxtitle {
float:left;
color:#FFFFFF;
}

.added_options img {
float:left;
padding-top:0px;
padding-right:3px;
padding-bottom:2px;
background-color:none;
}

.frei_smileys img {
font-size:12px;
padding:1px;
width:20px;
height:20px;
}

.langlist a {
color:white;
text-decoration:none;
font-weight:normal;
font-size:13px;
}

.langlist a:hover {
color:blue;
}

.originalmessagecontent {
position:absolute;
color:white;
background-color:black;
overflow:auto;
border:1px solid white;
width:150px;
height:44px;
}

.originalmessagecontent a {
color:white;
}

.freichat_userlist_hover {
background-color:#B2C9F1;
color:#000000;
text-align:left;
}

.freichat_userlist {
cursor:pointer;
height:26px;
line-height:100%;
text-align:left;
padding-top:0px;
padding-bottom:1px;
width:99%;
}

.freichat_userscontentname {
float:left;
padding-bottom:3px;
padding-left:5px;
padding-top:4px;
text-align:left;
}

.freichat_userscontentavatar {
display:block;
float:left;
padding-bottom:1px;
padding-left:5px;
padding-top:1px;
text-align:left;
}

.freichat_userscontentavatarimage {
height:18px;
width:18px;
}

.freichat_userscontentstatus {
float:right;
padding-right:5px;
}


#frei_video_chat{

width: 600px;
height: 300px;

z-index: 99999999;  

position: fixed;

}