/* ------> GLOBALS STYLES */
body{
	margin:0px; height:100%;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF;
	background-image:url(../images/background.jpg); background-position:center top; background-repeat:no-repeat; background-color:#2b6ebc
	/*margin:0px; height:100%;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF;background-color:#2b6ebc*/
}
HTML{
	height:100%;
}
#LOADING_DIV{
	position:absolute; width:100%; height:100%; background-color:#195193; background-image:url(../images/ajax-loader.gif); background-repeat:no-repeat; background-position:center center; z-index:102
}
/* ------> GLOBALS ELEMENTS STYLES */
img{
	border:0px;
}
a{
	text-decoration:none; color:#FFF
}
ul{
	list-style-image:none; list-style-position:inside; list-style:none; list-style-type:none
}
li{
	list-style:none; clear:both
}

/* 01 ------> MAIN DIV STYLES ( ID= 'MASTER_DIV')*/
#MASTER_DIV{
	height:100%; width:100%;
}
/* 02 ------> NAVIGATOR STYLES ( ID= 'TOP_NAV_CONTANER')*/
#TOP_NAV_CONTANER{
	width:900px;height:63px;padding-top:10px; position:relative; margin:0 auto;
}
#LANG_CHANGE{
	width:90px;float:left;
}
#TOP_NAV_LINKS_BORDRR{
	position:absolute; width:100%; height:73px; border-bottom:1px #82bae0 solid; left:0;text-align:left
}
#TOP_NAV_LINKS{
	width:700px; height:27px;float:left;text-align:right; float:right; padding-top:36px
}
#TOP_NAV_LINKS a{
	display:block;height:17px; float:right;text-transform:uppercase; color:#FFFFFF; padding:10px 10px 0; font-size:125%;
}

#TOP_NAV_LINKS a:hover{
	background-color:#2c6f9c
}
/* ------> 03 MAIN DIV STYLES ( ID='CONTENT_DIV')*/
#CONTENT_DIV{
	height:512px; width:900px
}
#RIGHTS{
	 width:900px; display:block
}
#RIGHTS a{
		padding-right:30px; color:#3679c8; font-size:10px; display:block; text-align:right;
}
#RIGHTS a:hover{
	color:#4a8dba
}
/* ------> 04 FORM_CONT DIV STYLES ( ID='FORM_CONT')*/
#LOGIN_FORM{
	margin:0; padding:0
}
#FORM_CONT{
	float:left;
	height:442px;
	margin:123px 0 20px;
	width:387px;
}

/* ------> 05 LOGO_AND_ROOMS_CONT DIV STYLES ( ID='LOGO_AND_ROOMS_CONT')*/
#LOGO_AND_ROOMS_CONT{
	width:513px; height:442px; float:left; margin-top:123px;
}
#LOGO_AND_ROOMS_CONT .CLEAR{
	float:left; width:463px; margin-left:50px
}
.ROOM{
	width:115px; height:136px; display:block; padding-top:70px
}

.ROOM_TITLE{
	position:absolute; padding:5px; font-size:125%; z-index:1
}

.ROOM a{
	font-size:140%;
}
.ROOM_ARROW{
	margin-top:10px; margin-bottom:-5px; margin-right:10px
}
.ROOM_ARROW a:hover{
	color:#74b9e8
}


.FILED_ARROW
{
    float:left; margin-top:8px
}

/* ------> 04 --- > 01 FORM DIV STYLES ( ID='FORM_DIV')*/
#FORM_DIV{
	width:387px; height:444px;
}
.FORM_CENTER{
	height:383px; background-image:url(../images/formSlice.png); background-repeat:repeat-y; background-position:center
}
#ERROR_SPACE{
	width:380px; height:65px; background-image:url(../images/errorSpace.jpg); background-position:center bottom; background-repeat:no-repeat; color:#900
}
#ERROR_SPACE span{
	padding-top:35px; display:block; color:#c10e0e;
}

#LOGINFORM_FIELDS{
	padding:10px;text-align:left; color:#625858; margin-top:0px
}

#LOGINFORM_FIELDS div{
	float:left; display:block; margin:3px 3px 10px 3px; width:234px
}
/* updated */
#LOGINFORM_FIELDS span{
	float:left; width:96px; display:block;text-transform:uppercase; margin:2px
}
#LOGINFORM_FIELDS li
{
    font-size:14px;
}
#LOGINFORM_FIELDS .SUB
{
    font-size:10px;
}
#LOGINFORM_FIELDS .INPUT_DIV{
	width:252px; height:19px
}
#LOGINFORM_FIELDS .INPUT_DIV input{
	width:240px; height:20px; color:#666; font-size:11px; background-image:url(../images/fileld_back.gif); background-repeat:no-repeat
}
#LOGINFORM_FIELDS .SUB{
	font-size:10px; padding-left:25px; width:75px
}
#LOGINFORM_FIELDS input{
	border:none;background-color:#FFF; font-family:Tahoma
}

.LOGINFORM_FIELDS_RADIOS
{
    border:none;background-color:#FFF; 
    }
.LOGINFORM_FIELDS_TXT
{
    /*border:none;background-color:#FFF; */
    width:240px; height:20px; color:#666; font-size:11px; background-image:url(../images/fileld_back.gif); background-repeat:no-repeat
    }


#LOGINFORM_FIELDS checkbox{
	width:20px; height:20px; padding:0px; margin:0px; float:left; display:block; cursor:pointer
}
.CAPATHCA_IMG{
	border:1px #cecece solid; float:left
}
#CHAT_RULES{
	position:absolute
}

/* ------> 04 INVITER*/
#EmailStatus
{
    color:#c10e0e; text-align:center; width:344px; display:block
}
#INVITE{
	float:right; padding-top:5px; cursor:pointer; display:block
}
#INVITE img{
	float:left;
}
.INVITE{
	font-size:125%; padding:10px 20px 0 10px ; display:block; float:left; cursor:pointer
}

/* ------> 05 POPUPS*/
#ICONS_CONT a:hover{
	color:#CCC

}
#ICONS_TRIGGER{
	 color:#666
}
#ICONS_CONT{
	height:160px;position:absolute; margin:0px; background-color:#DBDBDB; color:#FFF; border:1px solid #A5A5A5
}
#ICON_CLOSE{
	width:100%; background-color:#2B6EBC; height:18px; color:#FFF; font-size:10px;
}
#ICONS_BODY{
	height:143px; position:absolute; left:0; color:#333
}
.CLOSE_TITLE{
	padding:2px; display:block;float:left
}
.CLOSE_IMG{
	float:right; margin-right:5px
}
#ICONS_CONT div{
		margin:0px
}

/* ------> 06 POPUPS*/
#CHATRULES_CONT{
	background-color:#dbdbdb; color:#333; border:1px solid #efefef;
	height:336px;
	left:5px;
	position:absolute;
	text-align:justify;
	top:59px;
	width:376px;
	z-index:5
}

#INVITEFRIEND_CONT{
	background-color:#dbdbdb; color:#333; border:1px solid #efefef;
	height:336px;
	left:5px;
	position:absolute;
	text-align:justify;
	top:59px;
	width:376px;
	z-index:5
}

#INSIDE_CONT{
	background-color:#dbdbdb; color:#333; border:1px solid #efefef;
	height:230px;
	margin-left:12px;
	margin-top:-3px;
	position:absolute;
	text-align:justify;
	width:432px;
	border:1px solid #a5a5a5;
	z-index:5
}
#WhoInside_Btn
{
    cursor:pointer
}
.Headers_Tools_Pointer
{
    cursor:pointer;
}

.CLOASE_BAR{
	background-color:#2b6ebc; height:18px
}
.CLOSE_IMG{
	float:right; margin:2px 5px 5px 0
}
.CLOSE_TITLE{
	float:left; padding:3px
}
.POP_BODY{
	clear:both; float:left; margin:10px; line-height:16px
}


/* inviteFORM  */
#INVITEFRIEND_FORM label {
	width:90px; float:left; height:25px; text-transform:uppercase; text-align:left; color:#333; display:block; clear:both
}
.Invite_Label
{
    width:90px; float:left; height:25px; text-transform:uppercase; text-align:left; color:#333; display:block; clear:both; cursor:pointer
}
#InviteLabel
{
    cursor:pointer
}
#INVITEFRIEND_FORM input{
	width:250px; float:left; color:#666; margin:5px; border:none
}
.Invite_TXT
{
    width:250px; float:left; color:#666; margin:5px; border:none; font-family:Tahoma
    }
.INVITE_VALI
{
    float:right; 
    }
    
.INVITE_CAPETCH{
	width:255px; background-color:#FFF; display:block; height:60px;  float:left; margin:5px;text-align:center
}
#INVITEFRIEND_FORM h3{
	margin:2px; font-weight:normal; text-transform:uppercase; font-size:14px
}
#INVITEFRIEND_FORM p{
	margin-bottom:15px	
}
.INVITE_TEXT{
	height:185px;
	overflow:auto;
	padding-right:10px;
}


 /*   NEW  */
#SUBMIT_AREA{
	text-align:right; padding-right:20px;
}
#SUBMIT_AREA input img{
	float:left  
}
.LOGIN_IMGS
{float:left  
    }

#smiliestable img
{
    cursor: pointer;
}

#smiliestable td
{
    text-align:center;
    vertical-align:middle;
}
.TXTRulesRight
{text-align:right;
 float:right;
    }

/* end new  */

/*--------------------------- TEST STYLES TO BE REMOVED  */
/*
#FORM_CONT{
	background-color:#009999;
}
#FORM_DIV{
	background-color:#0F3
}

#CONTENT_DIV{
	background-color:#3CF;
}
#LOGO_AND_ROOMS_CONT{
	width:513px; height:442px; float:left; margin-top:50px; background-color:#333
}

*/



/* SUB-PAGE  */

/* --------------------------------------------------------------------------------------------------- SUB CLASS */
#MASTER_CONT{
	height:100%;
	left:0;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	width:100%;
	background-image:url(../images/sub-back.jpg); background-position:right top; background-repeat:no-repeat; background-color:#2b6ebc
	
}


/* 0 LAST ----------  PRIVATE CHAT POP */
#BUTTOM_BAR{
	position:absolute; height:15px; width:100%; background-image:url('../images/navBottom.gif'); 
background-repeat:repeat-x; background-position:50% bottom;
bottom:0px; z-index:100;
    
}
.PRIVATE_CHAT_TITLE{
	position:absolute; bottom:0px; z-index:101; left:20px

	
}
/*-------------------- chat box  */
.CHATBOX_SMALL_SELECTED
{
    border:4px solid #ac1f1f; 
    border-width:0 4px 0 4px;
}
.CHATBOX_CONT{
	width:228px; height:266px; /*background-color:#FFF; border:1px #666 solid;*/ border-bottom:0; position:absolute; bottom:30px; right:0; margin:0 20px 0 10px; z-index:100;
}
.CHATBOX_CONT_MiniMized_Border
{
border-color:#ac1f1f;
border-style:solid;
border-width:2px 2px 0;    
}


.Public_Tab_SELECTED
{
border:4px solid #ac1f1f; 
border-width:0 0px 0 4px;

}





.CHATBOX_CONT div{
	float:left; clear:both;
}
.CHATBOX_HEADER{
	background-color:#858383; height:22px; width:228px;
}
.CHATBOX_HEADER_EXPAND{
	width:100%; height:27px
}
.CHATBOX_HEADER span{
	 display:block;padding:4px
}
.CHATBOX_HEADER_TOOLS{
	float:right; text-align:right
}
.CHATBOX_HEADER_TOOLS img
{
 padding-left:7px
}
.CHATBOX_HEADER_AGE{
	width:120px; float:left
}

.CHATBOX_BODY
{
	background-color:#f0f0f0; 
	height:161px; 
	overflow-y:scroll; 
	color:#333;
	padding:5px;
	width:218px;
	font-family:Tahoma; 
}
.CHATBOX_BODY_EXPAND{
/*	background-color:#006600; */
bottom:0px;
left:0;
max-height:100%;
padding-left:15px;
position:absolute;
right:0;
top:4px;
width:auto;
height:auto;
	
	
}
.FLUID_CHAT_BOX_INPUT{
bottom:15px;
max-height:100%;
position:absolute;
top:22px;
}
.CHATBOX_MSG_DIV
{
    /*width:202px;*/
    width:100%
    
}
.CHATBOX_MSG_DIV_EXPAND{
/*	padding:5px*/
	
}
.CHATBOX_BODY div{
    float:left;
	clear:both;
	display:block;
}
.CHATBOX_MESSAGE{
	color:#333; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:22px
}
.CHATBOX_MESSAGE strong{
	color:#000
}
.SPECIAL_MESSAGE
{
    color: #999; padding: 0px 5px 0px 5px; clear: both; width: 218px; background-color: #ffffff; height:14px; margin:0; font-size:10px
}
.SPECIAL_MESSAGE_EXPAND
{
background-color:#FFFFFF;
bottom:0;
height:15px;
left:0;
max-width:100%;
position:absolute;
right:0;
width:auto;
padding-bottom:1px

}
.CHATBOX_TXTINPUT_CONT{
	width:228px; background-color:#ffffff; height:22px; 
	padding-bottom:3px; overflow:hidden; vertical-align:middle; clear:both;
	bottom:35px;
}
.CHATBOX_TXTINPUT input{
	float:left; margin:0; 
}

.CHATBOX_INPUT{
	height:19px; width:185px; border:1px solid #CCC; color:#333; float:inherit; margin-left:5px; font-family:Tahoma, Geneva, sans-serif; margin-bottom:1px 
}
.CHATBOX_SMALL{
	width:228px; height:29px; background-image:url(../images/chatBoxMinimized.gif); background-position:center; cursor:pointer
	
}
.CHATBOX_INNER{
	padding:10px 0 10px 10px; color:#666
}
.CHATBOX_SMALL img {
	float:left; padding-right:2px
}
.CHATBOX_SMALL span {
	float:left; padding-right:2px
}


.CHATBOX_USERNAME{
	display:block; width:124px;float:left
}
.CHATBOX_STATUS{
	margin-top:2px
}
/* 20 ---------- TOP NAV */
#BANNER{
	position:absolute;
	left:189px;
	top:13px;
	z-index:5
}
#LOGO{
	position:absolute; left:0px; top:10px; z-index:5
}
#TOP_NAV{
	clear:both;
	color:#FFFFFF;
	height:60px;
	position:absolute;
	text-align:center;
	top:0;
	width:100%;
	z-index:5;
	border-bottom:1px #558bc9 solid
}

#TOP_NAV_LINKS_SUB{
	width:700px; height:27px;float:left;text-align:right; float:right; position:absolute; right:20px; top:33px
}
#TOP_NAV_LINKS_SUB a{
	display:block;height:17px; float:right;text-transform:uppercase; color:#FFFFFF; padding:10px 10px 0; font-size:125%;
}

#TOP_NAV_LINKS_SUB a:hover{
	background-color:#20528d
}
/* 03 ---------- HEADER FO THE BODY */
#HEADER{
		position:absolute; top:77px; height:76px; width:100%; text-align:center
}
.HEADER_HEAD{
	background-image:url(../images/HeaderSLice.gif); background-repeat:repeat-x; height:100%; margin:0 20px
}
#HEADER_NAV{
	color:#393030; position:absolute; top:57px; left:28px
}
#HEADER_NAV span
{
    float:left; padding:0 2px 0 2px
}
#HEADER_NAV a{
	color:#393030; padding:0 7px; 0 7px; text-transform:uppercase; float:left
}
.LOGO{
	margin-top:11px; margin-right:-1px
}

#STATUS_MENU{
	position:absolute;
	width:106px;
	height:67px;
	top: 150px;
	background-color: #686868;
	z-index:50;
	left:230px;
}
#STATUS_MENU a , #USERS_PROCESS a{
	text-transform:capitalize; color:#FFF; float:left; clear:both; padding:4px; display:block; width:98px; text-align:left
}
#STATUS_MENU a:hover, #USERS_PROCESS a:hover{
	background-color:#4c4343; color:#FFF
	
}
#USERS_PROCESS{
	position:absolute;
	width:106px;
	height:65px;
	background-color: #686868;
	z-index:50;
}
.DARK_CLOSE_BACK{
	background-color:#333232; display:block; width:102px; height:15px; padding:2px; cursor:pointer; text-align:left
	
}
#HEADER_NAV a:hover{
	color:#FFF
}
#ROOM_NAME{
	text-align:left; position:absolute; margin-top:15px; left:20px
}
#ROOM_NAME small{
	float:left; font-size:11px; color:#eaffc6; padding-left:5px; padding-top:4px

}
#ROOM_NAME h3{
	padding:0px; margin:0px; font-size:13px; padding:2px 0px 0 5px ; float:left; text-transform:uppercase
}
/* 04 ---------- BODY */

#BODY {
	clear: both;	
	width: 100%;
	max-height:100%;
	position: absolute;
	top: 153px;
	bottom:50px;
	z-index: 1;
	text-align: center;
	color: #FFF;
	background-color:#2b6ebc
	
	
}
#BODY_BODY{
	 position:absolute; left:20px; right:20px; max-width:100%; height:100%; background-color:#e0dddd; 
}
.BODY_BODY_Border
{
border-bottom:4px solid #AC1F1F;
}


#MESSAGES_AREA{
	position:absolute;top:5px;left:25px; right:280px; bottom:50px; max-width:100%; max-height:100%; background-color:#FFF; border:1px#c6baba solid; overflow-y:scroll; text-align:left; color:#000000; padding:10px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; overflow-x:hidden
}
.USERS_DIV{
	 float:left; /*height:20px; vertical-align:middle;*/
}
.USERS_MESSAGE_CONT{
	 float:left; clear:both;width:100%;
}
.ADMIN_MESSAGE
{
    font-size:11px; font-family:Tahoma; font-style:italic
}
.USERS_PROCESS{
}
.USERS_NAME
{
    display: block; float:left;
    /*float: right;*/
    padding-top: 1px;
    /*color: #000;*/
    height:20px;
    width: 115px;
    text-align: left;
    cursor: pointer;
    font-weight:bold;
    /*background-color:Blue;*/
}
.USERS_NAME_MSGS
{
    display: block;
    float: left;
    padding-top: 1px;
    height:20px;
    padding-right:10px;
    text-align: left;
    cursor: pointer;
    font-weight:bold;
    /*background-color:Red;*/
}
USERS_SENT_MESSAGE{
	float:left; padding-top:5px; display:block
}

.USERS_ICON{
	float:left;
}
.USERS_ICON_Msgs
{
    float: left;
    vertical-align:bottom;
    margin-top:4px;
    margin-right:7px;
   
    /*background-color:#990000;*/
}

.FEMALE_USER{
	color:#dd7b7b; width:231px; height:20px
}
.MALE_USER{
	color:#333333;width:231px; height:20px
}
.ME_USER
{
    color:White;width:231px; height:20px;
    background-color:#2B6EBC;
    
}

.FEMALE_USER a:hover { color:red}
#USERS_SENT_MESSAGE{
	float:left; padding-top:5px; display:block
	
}

/* ---------------- 04 */
#USERS_AREA{
	 position:absolute;top:5px;right:25px; width:248px; max-height:100%;  bottom:50px;border:1px #c6baba solid;overflow-y:scroll; background-color:#FFF; overflow-x:hidden
}
#USERS_AREA a{
	display:block;float:left; clear:both
}
.USERS_PLACE{
	font-size:10px; float:right;padding:4px 5px 0 0
}
.FEMALE{
	color:#dc8181
}
.FEMALE_CHATBOX{
	color:#FFF; background-color:#fda2a2
}

/* ---------------- 05 */
#TYPING_BAR{
	position:absolute; bottom:0px; left:25px; right:20px; max-width:100%; height:50px;
}

.TYPING_BAR_BOX{
	width:226px; height:130px; background-color:#f3f3f3;
	position:absolute;top:-137px; margin-left:10px; border:1px solid #a5a5a5; border-bottom:0 ; background-image:url(../images/topSlicePop.gif); background-position:top; background-repeat:repeat-x; padding-top:4px;
}

.TYPING_BAR_BOX img
{
    padding:4px;
    width:17px;
    height:17px;
}

.TYPING_BAR_INNER{
	position:absolute; right:264px; height:35px; margin-top:5px;left:0px
}

.TYPING_BAR_SUBMIT{
	float:right; margin-right:4px; margin-top:2px;
}
#COLOR_PICKER_CONT{
	width:217px; height:140px; padding:5px 6px 6px;
}
#COLOR_PICKER_CONT span{
	display:block; width:36px; height:25px; display:block; float:left;margin:0px;cursor:pointer;
}

#MESSAGE_INPUT{
	width:100%;margin-right:10px; margin-top:1px; height:31px; border:0
}

.LogoutBtn
{
color:#393030; padding:0 7px; text-transform:uppercase
}



#CHATBOX_MAXIMIZE_CONT
{
    clear:both;
}
.UsersCoounLabel
{
    font-size:13px;
    }
    
    
#RulesBodyDIV a
{
 color:#333333;
}
.BODY_ARABIC
{
    font-family:Tahoma; font-size:10px;
}

.TRANSPARENT {
    filter:alpha(opacity=60);
    opacity:0.6
}
.TRANSPARENT_POPUPS
{   filter:alpha(opacity=40);
    opacity:0.4;  
}

.MinimizAllIM
{
    cursor:pointer;
}
#Status_Img_Ele
{
    margin-top:3px
}
#btnSend
{
    cursor:pointer
}
/* new class for tools ans tips */
.HELP_BAR1{
	position:absolute;
	max-width:100%;
	right:335px;
	top:119px;
	z-index:50;
}
.HELP_BAR1 a
{
    display:block; float:left; font-weight:bold
}
.HELP_BAR1 span
{
font-family:Tahoma; color:#393030
    
}

.TOOL_TIP{
	color:#333;width:251px; height:116px;position:absolute;background-image:url(../images/toolTip.png); z-index:100; background-repeat:no-repeat
}
.TOOL_TIP p{
	padding:0; margin:0; float:left
}
.TOOL_TIP span{
	float:left; clear:both; width:230px
}
.TOOL_TIP img{
	padding-right:5px
}
.TOOL_TIP_CONT{
	padding:8px; line-height:18px; width:230px; height:100px;
}
.HELP_IMG{
 position:absolute;right:20px;cursor:pointer;z-index:51
}
.HELP_WORD{
	display:block; height:30px; float:left; padding:6px 5px 1px 1px; color:#f3f3a9
}

.Notification
{
  color:#333;width:251px; height:116px;position:absolute;background-image:url(../images/toolTip.png); z-index:100; background-repeat:no-repeat
    }
    
Frnd_Tap_Clone    
{
    position:absolute;top:5px;left:25px; right:280px; bottom:50px; max-width:100%; max-height:100%; background-color:#FFF; border:1px#c6baba solid; overflow-y:scroll; text-align:left; color:#000000; padding:10px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; overflow-x:hidden
    }
    
    
.POPED_CHAT_BOX{
background-color:#FF33FF;
bottom:101px;
left:25px;
max-height:100%;
max-width:100%;
position:absolute;
right:281px;
top:159px;
z-index:500;
}    


#PublicChatStatic
{
   background-color:#E1DDDE;
bottom:15px;
position:absolute;
right:20px;
z-index:9999;
height:35px;
}