﻿@charset "UTF-8";
.chatbox {
	position: fixed;
	position:expression("absolute");
	width: 225px;
	display:none;
}

.chatboxhead {
	background-color1: #005eab;
	padding:5px;
	color: #ffffff;
	cursor: pointer;
	border-top:1px solid #00418c;
	border-right:1px solid #00418c;
	border-left:1px solid #00418c;
	font-family:arial;

	-webkit-box-shadow : inset 0px 0px 11px rgba(0,0,0,0.3);
	-moz-box-shadow : inset 0px 0px 11px rgba(0,0,0,0.3);
	box-shadow : inset 0px 0px 11px rgba(0,0,0,0.3);
	background : #55a7eb;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#55a7eb), color-stop(100%,#005eab));
	background : -moz-linear-gradient(top, #55a7eb 0%, #005eab 100%);
	background : -webkit-linear-gradient(top, #55a7eb 0%, #005eab 100%);
	background : -o-linear-gradient(top, #55a7eb 0%, #005eab 100%);
	background : -ms-linear-gradient(top, #55a7eb 0%, #005eab 100%);
	background : linear-gradient(top, #55a7eb 0%, #005eab 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#55a7eb', endColorstr='#005eab',GradientType=0 );
}
.chatboxhead a {
	color: #ffffff;
	font-weight: bold;
}
.chatboxblink {
	background-color: #fa2a96;
	border-right:1px solid #fa2a96;
	border-left:1px solid #fa2a96;

	-webkit-box-shadow : inset 0px 0px 11px rgba(0,0,0,0.3);
	-moz-box-shadow : inset 0px 0px 11px rgba(0,0,0,0.3);
	box-shadow : inset 0px 0px 11px rgba(0,0,0,0.3);
	background : #ff0088;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0088), color-stop(100%,#fa2a96));
	background : -moz-linear-gradient(top, #ff0088 0%, #fa2a96 100%);
	background : -webkit-linear-gradient(top, #ff0088 0%, #fa2a96 100%);
	background : -o-linear-gradient(top, #ff0088 0%, #fa2a96 100%);
	background : -ms-linear-gradient(top, #ff0088 0%, #fa2a96 100%);
	background : linear-gradient(top, #ff0088 0%, #fa2a96 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0088', endColorstr='#fa2a96',GradientType=0 );
}
.chatboxblink:after {
	display:inline-block;
	content: "התקבלה הודעה";
	font-size: 11px;
}
.chatboxcontent {
	font-family: arial,sans-serif;
	font-size: 13px;
	color: #555555;
	height:200px;
	width:209px;
	overflow-y:auto;
	overflow-x:auto;
	padding:7px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;

	background-color1: #EDEEF1;
	line-height: 1.3em;

	background : #ffffff;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edeef1));
	background : -moz-linear-gradient(top, #ffffff 0%, #edeef1 100%);
	background : -webkit-linear-gradient(top, #ffffff 0%, #edeef1 100%);
	background : -o-linear-gradient(top, #ffffff 0%, #edeef1 100%);
	background : -ms-linear-gradient(top, #ffffff 0%, #edeef1 100%);
	background : linear-gradient(top, #ffffff 0%, #edeef1 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edeef1',GradientType=0 );
}

.chatboxinput {
	padding: 0px;
	background-color: #ffffff;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.chatboxtextarea {
	width: 209px;
	height:44px;
	padding:3px;
	margin: 0px;
	border: 0px;
	overflow:hidden;
	font-family:arial;
	font-size: 14px;
}

.chatboxtextareaselected {
	border: 0px solid #f99d39;
	margin:0;
}

.chatboxmessage {
	margin-left:1em;
	background: #FFFFFF;
	padding: 5px;
	margin: 0px 0px 15px 0px;
	border: solid 1px #E0E0E0;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

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

}

.chatboxmessagefrom {
	margin-left:-1em;
	font-weight: bold;
	padding: 0px 0px 0px 10px;
}

.chatboxmessagecontent {
}

.chatboxoptions {
	float: left;
	background1: #c4e3f7;
}
.chatboxoptions a {
	text-decoration: none;
	color: white;
	font-weight:normal;
	font-family:arial,Verdana,"Bitstream Vera Sans",sans-serif;
	color: #c4e3f7;
	padding: 2px;
}

.chatboxtitle {
	float: right;
}
.smilies {
	display:block;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #CCCCCC;
	background-color: #EDEEF1;
	padding:3px 3px 0px 3px;
}
.smilies span {
	float:right;
}
.smilies p {
	float:left;
	padding:0px;
	margin:0px;
}

