@charset "UTF-8";
/* CSS Document */

#popoverarea {
	
}

.popoverarea {
	position:fixed;
	left: 50%;
  margin-left: -200px;

	top:150px;
	width:400px;
	background-color:#ffffff;
	z-index:1012;
	border: solid #ffffff;
	display:none;
}
.popoverarea img{ padding:0 !important;}
#cclpopoverarea {
	position:fixed;
	left: 50%;
  margin-left: -200px;

	top:150px;
	width:400px;
	background-color:#ffffff;
	z-index:1012;
	border: solid #ffffff;
	display:none;
}
.mobiletext{
	padding:5px;
}
.popoverareaiphone {
	position:fixed;
	
  margin:0 10%;

	top:50px;
	width:80%;
	background-color:#ffffff;
	z-index:1012;
	border: solid #ffffff;
	display:none;
}
.cclpopoverarea {
	position:fixed;
	left: 50%;
  margin-left: -200px;

	top:150px;
	width:400px;
	background-color:#ffffff;
	z-index:1012;
	border: solid #ffffff;
	display:none;
}
.grayBox {
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1011;
	-moz-opacity: 0.75 !important;
	opacity:.75 !important;
	filter: alpha(opacity=75) !important;
	-khtml-opacity: 0.75 !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=75)" !important;

	display:none;
}
.grayBoxlighter {
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1011;
	-moz-opacity: 0.25 !important;
	opacity:.25 !important;
	filter: alpha(opacity=25) !important;
	-khtml-opacity: 0.25 !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=25)" !important;

	display:none;
}
#grayBoxlighter {
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1011;
	-moz-opacity: 0.25 !important;
	opacity:.25 !important;
	filter: alpha(opacity=25) !important;
	-khtml-opacity: 0.25 !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=25)" !important;

	display:none;
}
#grayBox53wa {
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1011;
	-moz-opacity: 0.75;
	opacity:.75;
	filter: alpha(opacity=75);
	-khtml-opacity: 0.75;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=75)";

}
.cclgrayBox {
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1011;
	-moz-opacity: 0.75;
	opacity:.75;
	filter: alpha(opacity=75);
	-khtml-opacity: 0.75;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=75)";

	display:none;
}
#popoverarea2 {
	position:fixed;
	left: 50%;
  margin-left: -200px;

	top:150px;
	width:400px;
	background-color:#ffffff;
	z-index:1012;
	border: solid #ffffff;
	display:none;
}

.popoverarea2 {
	position:fixed;
	left: 50%;
  margin-left: -200px;

	top:150px;
	width:400px;
	background-color:#ffffff;
	z-index:1012;
	border: solid #ffffff;
	display:none;
}
.grayBox2 {
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1011;
	-moz-opacity: 0.75;
	opacity:.75;
	filter: alpha(opacity=75);
	-khtml-opacity: 0.75;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=75)";

	display:none;
}
#buttonsmobile{
position:relative;
width:200px;
height:30px;	
margin-left:auto;
margin-right:auto;
}
#buttons{
position:relative;
width:200px;
height:30px;	
margin-left:auto;
margin-right:auto;
}
#closepopover{
float:left;
min-width:80px;
}
#closepopovernow{
float:right;
min-width:80px;
}
.nofloat{float:none !important;}
#cclbuttons{
position:relative;
width:200px;
height:30px;	
margin-left:auto;
margin-right:auto;
}
#cclclosepopover{
float:left;
min-width:80px;
}
#cclclosepopovernow{
float:right;
min-width:80px;
}
#closepopover input {
color:#000000;
font:1em/1.2em Arial,Helvetica,sans-serif;
margin:0;
vertical-align:top;
width:75px;
}

#closepopovernow input {
color:#000000;
font:1em/1.2em Arial,Helvetica,sans-serif;
margin:0;
vertical-align:top;
width:75px;
}
#ccliconlocation{
text-align:center;
}
#cclpoweredby{
margin-top:2px;
font-size:10px;
}
#cclpoweredby a{
color:#0099FF;
}
#quick_contact #chat {
margin:5px 0px !important;
}
/*remove old server code */
#oldservercclpopoverarea {
	position:fixed;
	left: 50%;
  margin-left: -200px;

	top:150px;
	width:400px;
	background-color:#ffffff;
	z-index:1012;
	border: solid #ffffff;
	display:none;
}

.oldservercclpopoverarea {
	position:fixed;
	left: 50%;
  margin-left: -200px;

	top:150px;
	width:400px;
	background-color:#ffffff;
	z-index:1012;
	border: solid #ffffff;
	display:none;
}
.grayBox {
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1011;
	-moz-opacity: 0.75;
	opacity:.75;
	filter: alpha(opacity=75);
	-khtml-opacity: 0.75;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=75)";

	display:none;
}
#oldservercclclosepopover{
float:left;
}
#oldservercclclosepopovernow{
float:right;
}
#oldservercclclosepopover input {
color:#000000;
font:1em/1.2em Arial,Helvetica,sans-serif;
margin:0;
vertical-align:top;
width:75px;
}

#oldservercclclosepopovernow input {
color:#000000;
font:1em/1.2em Arial,Helvetica,sans-serif;
margin:0;
vertical-align:top;
width:75px;
}
/* New Popup */

#popupmaincontainer{
display:none;
z-index:1000;
width:270px;
height:95px;
background-image:url(http://www.clientchatlive.com/js/images/pop_overbg.png);
position:fixed;
bottom:20px;
right:20px;
float:right;
padding:15px;
-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
#popupmaincontainerrussbrown{
display:none;
z-index:1000;
width:270px;
height:125px;
background-image:url(http://www.clientchatlive.com/js/site/russbrown/russbrownpopup.png);
position:fixed;
bottom:20px;
right:20px;
float:right;
padding:10px 15px 15px 15px;
-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
#callrussbrownccl{
font-size:11px;
font-weight:bold;
text-align:center;
clear:both;

}
#popoverimage{
float:left;
width:80px;
height:70px;
}
#popoverminimizewindow{
float:right;
position:relative;
font-size:12px;
font-weight:bold;
color:#003399;
}
#popoverminimizewindow a{
color:#003399;
text-decoration:none;
}
#popupmaincopy{
width:180px;
padding-top:5px;
float:left;
font-size:11px
}
#popoverpoweredby{
float:left;
font-size:10px;
padding-top:10px;
}
#popoverpoweredby a{
color:#999999;
text-decoration:none;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	float:none;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#popoverstartchat{
width:77px;
height:24px;
background-image:url(http://www.clientchatlive.com/js/images/starchaticon.jpg);
position:relative;
float:right;
padding:10px 0px 0px 60px;
}
#popoverstartchat2{
	position:absolute;
width:77px;
height:29px;
background-image:url(http://www.clientchatlive.com/js/images/starchaticon.jpg);
position:relative;
float:right;
padding:5px 0px 0px 60px;
top:-5px;
top:50px;
}
#popoverstartchat a, #popoverstartchat2 a{
text-decoration:none;
color:#FFFFFF;

}
#popoverstartchat a:hover, #popoverstartchat2 a:hover{
color:#FFCC00;
}
#popupmaincontainercollapsed{
display:none;
z-index:1000;
width:300px;
height:35px;
background-image:url(http://www.clientchatlive.com/js/images/popovercollapsed.png);
position:fixed;
bottom:20px;
right:20px;
float:right;
-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
#popupmaincontainerrussbrowncollapsed{
display:none;
z-index:1000;
width:300px;
height:35px;
background-image:url(http://www.clientchatlive.com/js/images/popovercollapsed.png);
position:fixed;
bottom:20px;
right:20px;
float:right;
-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

#popoverpoweredbycollapsed{
float:left;
font-size:11px;
padding-top:12px;
padding-left:15px;
}
#popoverpoweredbycollapsed a{
color:#999999;
text-decoration:none;
}
#popoverexpandchat{
position:relative;
float:right;
padding:10px 15px 0px 0px;
font-size:13px;
}
#popoverexpandchat a{
text-decoration:none;
color:#FFFFFF;

}
#popoverexpandchat a:hover{
color:#FFCC00;
}

/*------------------------------------------ CCL POPOVER CODE --------------- */
#cclpopupmaincontainer{
display:none;
z-index:1000;
width:270px;
height:95px;
background-image:url(http://www.clientchatlive.com/js/images/pop_overbg.png);
position:fixed;
bottom:20px;
right:20px;
float:right;
padding:15px;
-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

#cclpopupmaincontainer2{
	display:none;
z-index:1000;
width:270px;
height:95px;
background-image:url(http://www.clientchatlive.com/js/images/pop_overbg_new.png);
position:fixed;
bottom:20px;
right:20px;
float:right;
padding:15px;
-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
#callrussbrownccl{
font-size:11px;
font-weight:bold;
text-align:center;
clear:both;

}
#popoverimage{
float:left;
width:80px;
height:70px;
}
#popoverminimizewindow{
float:right;
position:relative;
font-size:12px;
font-weight:bold;
color:#003399;
}
#popoverminimizewindow a{
color:#003399;
text-decoration:none;
}
#cclpopupmaincopy{
width:180px;
padding-top:5px;
float:left;
font-size:11px
}
#popoverpoweredby{
float:left;
font-size:10px;
padding-top:10px;
}
#popoverpoweredby a{
color:#999999;
text-decoration:none;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	float:none;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#popoverstartchat{
width:77px;
height:24px;
background-image:url(http://www.clientchatlive.com/js/images/starchaticon.jpg);
position:relative;
float:right;
padding:10px 0px 0px 60px;
}
#popoverstartchat a{
text-decoration:none;
color:#FFFFFF;

}
#popoverstartchat a:hover{
color:#FFCC00;
}
#cclpopupmaincontainercollapsed{
display:none;
z-index:1000;
width:300px;
height:35px;
background-image:url(http://www.clientchatlive.com/js/images/popovercollapsed.png);
position:fixed;
bottom:20px;
right:20px;
float:right;
-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
#cclpopupmaincontainerrussbrowncollapsed{
display:none;
z-index:1000;
width:300px;
height:35px;
background-image:url(http://www.clientchatlive.com/js/images/popovercollapsed.png);
position:fixed;
bottom:20px;
right:20px;
float:right;
-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

#popoverpoweredbycollapsed{
float:left;
font-size:11px;
padding-top:12px;
padding-left:15px;
}
#popoverpoweredbycollapsed a{
color:#999999;
text-decoration:none;
}
#popoverexpandchat{
position:relative;
float:right;
padding:10px 15px 0px 0px;
font-size:13px;
}
#popoverexpandchat a{
text-decoration:none;
color:#FFFFFF;

}
#popoverexpandchat a:hover{
color:#FFCC00;
}
#ctl-powered-by{
	position:relative;
	padding:0px !important;
	display:block;
	background-color:#ededed;
	text-align:center;
	color:#2677b6;
	font-family:Arial;
	font-weight:bold;
	font-size:10px;
	line-height:14px;
}
.awjoneslaw{
	background-image:url(http://www.clientchatlive.com/js/site/awjoneslaw/popup.png) !important;
}
.awjoneslaw2{
	background-image:url(http://www.clientchatlive.com/js/site/awjoneslaw/popovercollapsed.png) !important;
}
.awjoneslaw3{
	font-site:13px !important;
}
.awjoneslaw4{
	font-size:9px !important;
}
.awjoneslaw5{
	position:absolute  !important;
	top:85px  !important;
	right:10px  !important;
}