.imagine-chat-rate {
    background-color: #FFFFFF;
    display: block;
    font-family: Tahoma;
    font-size: 14px;
    font-style: italic;
    padding: 10px;
}

/*******Rule Box*******/

.imagine-rule {
    font-family:Tahoma;
    font-size:12px;
     width:300px; position:fixed; bottom:5px; right:5px; z-index:2147483647;-webkit-box-shadow: 5px 5px 5px 0px rgba(60,60,60,0.75);
-moz-box-shadow: 5px 5px 5px 0px rgba(60,60,60,0.75);
box-shadow: 5px 5px 5px 0px rgba(60,60,60,0.75);
 margin-right:-350px;
}

.imagine-rule .header {
        width:300px; background-image:url('http://chat.imagine.com.jo/images/chat/chat-header.png'); height:51px; cursor:pointer;
    }

        .imagine-rule .header .status {
            float:left; width:10px; height:10px; background-image:url('http://chat.imagine.com.jo/images/chat/chat-online.png'); margin-left:20px; margin-top:21px;
        }        


        .imagine-rule .header span {
            float:left;height:14px; line-height:14px;font-weight:500; font-family:Ubuntu,Arial; color:white; font-size:14px; margin-left:15px; margin-top:19px;
        }
		
		.imagine-rule .header img {
            width:12px; height:12px; float:right; margin-right:20px; margin-top:20px;cursor:pointer;
        }
		
.imagine-rule .main {
        width:300px; height:350px;
        border-left:solid 1px gray;
        background-color:white;
    }
	
	
	.imagine-rule .main .rule-row {
        padding:5px;
    }	
	.imagine-rule .main .rule-row  label {
        display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;	

    }

	.imagine-rule .main .rule-row input[type=text],textarea {
        display:block;
		padding:5px 0;
		width:100%;
    }
	.imagine-rule .main .rule-row .rule-button{
	background-color:#3C3C3C; color:white; font-weight:bold;
	padding:3px;
}	
	
			
	
/**********************/
.imagine-chat-offline {
    font-family:Tahoma;
    font-size:12px;
     width:300px; position:fixed; bottom:5px; right:5px; z-index:2147483647;-webkit-box-shadow: 5px 5px 5px 0px rgba(60,60,60,0.75);
-moz-box-shadow: 5px 5px 5px 0px rgba(60,60,60,0.75);
box-shadow: 5px 5px 5px 0px rgba(60,60,60,0.75);
 margin-right:-350px;
}

.imagine-chat-offline .header {
        width:300px; background-image:url('http://chat.imagine.com.jo/images/chat/chat-header.png'); height:51px; cursor:pointer;
    }

        .imagine-chat-offline .header .status {
            float:left; width:10px; height:10px; background-image:url('http://chat.imagine.com.jo/images/chat/chat-online.png'); margin-left:20px; margin-top:21px;
        }        


        .imagine-chat-offline .header span {
            float:left;height:14px; line-height:14px;font-weight:500; font-family:Ubuntu,Arial; color:white; font-size:14px; margin-left:15px; margin-top:19px;
        }
		
		.imagine-chat-offline .header img {
            width:12px; height:12px; float:right; margin-right:20px; margin-top:20px;cursor:pointer;
        }
		
.imagine-chat-offline .main {
        width:300px; height:350px;
        border-left:solid 1px gray;
        background-color:white;
    }
	
	
	.imagine-chat-offline .main .chat-row {
        padding:5px;
    }	
	.imagine-chat-offline .main .chat-row  label {
        display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;	

    }

	.imagine-chat-offline .main .chat-row input[type=text],textarea {
        display:block;
		padding:5px 0;
		width:100%;
    }
	.imagine-chat-offline .main .chat-row .chat-button{
	background-color:#3C3C3C; color:white; font-weight:bold;
	padding:3px;
}
	
	.imagine-chat-offline .main .offline-message {
            height:50px;border-bottom:inset 1px gray;
        }
		
		.imagine-chat-offline .main .offline-message p {
                padding:5px;
            }
			
			
		
		
	
.imagine-chat-button {
	width:52px; height:200px; display:block; position:fixed;top:200px;cursor:pointer;	
	z-index:2147483647;
}
.icb-left {
    background-image:url('http://chat.imagine.com.jo/images/chat/chat-button-live.png');
	left:0;
    margin-left:-55px;
}

.icb-right {
    background-image:url('http://chat.imagine.com.jo/images/chat/chat-button-live-right.png');	
	right:0;
    margin-right:-55px;
}



.imagine-chat-widget {
    font-family:Tahoma;
    font-size:12px;
     width:300px; position:fixed; bottom:5px; right:5px; z-index:2147483647;-webkit-box-shadow: 5px 5px 5px 0px rgba(60,60,60,0.75);
-moz-box-shadow: 5px 5px 5px 0px rgba(60,60,60,0.75);
box-shadow: 5px 5px 5px 0px rgba(60,60,60,0.75);
 margin-right:-350px;
}
.icw-right {
     right:5px;
    margin-right:-350px;
}

.icw-left {    
    left:5px;
    margin-left:-350px;
}

.right-widget{
            direction:rtl;
        }
    .imagine-chat-widget .header {
        width:300px; background-image:url('http://chat.imagine.com.jo/images/chat/chat-header.png'); height:51px; cursor:pointer;
    }

        .imagine-chat-widget .header .status {
            float:left; width:10px; height:10px; background-image:url('http://chat.imagine.com.jo/images/chat/chat-online.png'); margin-left:20px; margin-top:21px;
        }

        .right-widget .header .status {
            float:right; margin-left:0; margin-right:20px;
        }


        .imagine-chat-widget .header span {
            float:left;height:14px; line-height:14px;font-weight:500; font-family:Ubuntu,Arial; color:white; font-size:14px; margin-left:15px; margin-top:19px;
        }

        .right-widget .header span {
            float:right;margin-left:0; margin-right:15px;font-family:Tahoma;
        }

        .imagine-chat-widget .header img {
            width:12px; height:12px; float:right; margin-right:20px; margin-top:20px;cursor:pointer;
        }

        .right-widget .header img {
            float:left; margin-right:0; margin-left:20px;
        }

    .imagine-chat-widget .main {
        width:300px; height:300px;
        border-left:solid 1px gray;
        background-color:white;
    }
	
        .imagine-chat-widget .main .profile {
            height:70px; border-bottom:inset 1px gray;
        }
		
            .imagine-chat-widget .main .profile img {
                width:50px; height:50px; margin:9px 10px 9px 20px;border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px; border:solid 1px gray; float:left;
            }
            .right-widget .main .profile img {
                margin:9px 20px 9px 10px; float:right;
            }
			.imagine-chat-widget .main .profile .settings {
            border: 0 none;
    float: right;
    height: 20px;
    margin: 40px 5px 0 0;
    padding: 0;
    width: 20px;
	cursor:pointer;
            }
            .right-widget .main .profile .settings {            
            float: left;    
            margin: 40px 0 0 5px;    
            }
			
            .imagine-chat-widget .main .profile span {
                float:left;height:30px; line-height:15px;font-weight:400; font-family:Ubuntu,Arial;font-size:12px; color:#666666; margin-top:20px;
            }
            .right-widget .main .profile span {
                float:right;font-family:Tahoma;
            }
			
                .imagine-chat-widget .main .profile span .displayname {
                    font-weight:bold; cursor:pointer; margin:0;
                }

                .imagine-chat-widget .main #divMessageContainer {
            overflow-y:auto; margin:5px;height:170px; max-height:170px; position :relative;
        }

        .imagine-chat-widget .main #divMessage {  
            min-height:140px;          
        }
        .imagine-chat-widget .main #divEvent {            
            height:30px;font-family:Ubuntu,Arial;font-size:10px;color:#666666;
                font-weight:500; display:block;
                font-style:italic;
        }
        .right-widget .main #divEvent {            
            font-family:Tahoma;
        }
            .imagine-chat-widget .main #divMessage .message {
                font-family:Ubuntu,Arial;font-size:12px;color:#666666;margin-bottom:2px;
                font-weight:500;                
            }
            .right-widget .main #divMessage .message {
                font-family:Tahoma;             
            }
                .imagine-chat-widget .main #divMessage .message .userName {
                    color:#5690E4;
                    font-weight:500;
                }

        .imagine-chat-widget .main .inputmessage {
            height:50px;
        }
            .imagine-chat-widget .main .inputmessage div {
                background-image:url('http://chat.imagine.com.jo/images/chat/chat-text.png'); width:264px; height:44px; margin:0 18px;
            }
            .imagine-chat-widget .main .inputmessage input {
                margin:0; padding:0; border:0; width:254px; height:34px; margin:5px;
            }

    .imagine-chat-widget .footer {
        width:300px; height:40px;margin:0; padding:0;
    }