/* Default CSS Stylesheet for a new Web Application project */

BODY
{
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: .8em;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    margin-top: 0;
	SCROLLBAR-FACE-COLOR:#E2E0BA;
	SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
	SCROLLBAR-SHADOW-COLOR:#FFFFCC;
	SCROLLBAR-ARROW-COLOR:#FFFFFF;
	SCROLLBAR-DARKSHADOW-COLOR:#FFFFCC;
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;
}
H1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	


A:link	{	
	text-decoration:	none;
	color:	#3333cc;
	}	
		
A:visited	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:active	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:hover	{	
	text-decoration:	underline;
	color:	#3333cc;
	}
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	

UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	


.tdbold
{
	background-color:#E2E0BA;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: ControlDarkDark; 
	FONT-FAMILY: Tahoma
}
.tdalternate
{
	background-color:#F2EBD9;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #666666; 
	FONT-FAMILY: Tahoma
}
.darkgreytitle
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #627886; 
	FONT-FAMILY: Tahoma
}


.tdnormal
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #666666; 
	FONT-FAMILY: Tahoma
}
.tdurlsmall
{
	background-color:#FFFFFF;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	COLOR: blue; 
	FONT-FAMILY: Tahoma;
}
.xtrasmall
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; 
	COLOR: black; 
	FONT-FAMILY: tahoma;
}
.xtrasmallred
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; 
	COLOR: red; 
	FONT-FAMILY: tahoma;
}
.xtrasmallgreen
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; 
	COLOR: green; 
	FONT-FAMILY: tahoma;
}
.smallgreen
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	COLOR: green; 
	FONT-FAMILY: "tahoma";
}
.smallblue
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	COLOR: blue; 
	FONT-FAMILY: "tahoma";
}
.smallbrown
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	COLOR: brown; 
	FONT-FAMILY: "tahoma";
}
.titlegreen
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 13px; 
	COLOR: green; 
	FONT-FAMILY: "helvetica";
}
.titleblue
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 13px; 
	COLOR: #689DCC; 
	FONT-FAMILY: "helvetica";
}


.smallyellow
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	COLOR: yellow; 
	FONT-FAMILY: "tahoma";
}
.smallffcc
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	COLOR: #ffffcc; 
	FONT-FAMILY: "tahoma";
}
.smallred
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	COLOR: red; 
	FONT-FAMILY: "tahoma";
}

.smallblack
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	COLOR: black; 
	FONT-FAMILY: "tahoma";
}
.smallnavy
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	COLOR: navy; 
	FONT-FAMILY: "tahoma";
}
.tinyblack
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 9px; 
	COLOR: black; 
	FONT-FAMILY: "tahoma";
}
.tinynavy
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 9px; 
	COLOR: navy; 
	FONT-FAMILY: "tahoma";
}
.orangeinset
{
	BORDER-RIGHT: #ff9966 1px inset; 
	BORDER-TOP: #ff9966 1px inset; 
	BORDER-LEFT: #ff9966 1px inset; 
	BORDER-BOTTOM: #ff9966 1px inset; 
	BACKGROUND-COLOR: #fbf5ee;
}
.orangeoutset
{
	BORDER-RIGHT: #ff9966 1px outset; 
	BORDER-TOP: #ff9966 1px outset; 
	BORDER-LEFT: #ff9966 1px outset; 
	BORDER-BOTTOM: #ff9966 1px outset; 
	BACKGROUND-COLOR: #fbf5ee;
}

.orangebuttonadmin
{
	BORDER-RIGHT: #ff9966 1px outset; 
	BORDER-TOP: #ff9966 1px outset; 
	BORDER-LEFT: #ff9966 1px outset; 
	BORDER-BOTTOM: #ff9966 1px outset; 
	BACKGROUND-COLOR: #fbf5ee;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 15px; 
	COLOR: #000000; 
	FONT-FAMILY: arial;
	width: 264; 
}

.orangetitle
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 14px; 
	COLOR: #d07d1a; 
	FONT-FAMILY: "tahoma";
}
.darkgreybigtitle
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 19px; 
	COLOR: #627886; 
	FONT-FAMILY: "helvetica";
}
.mediumdarkgrey
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 14px; 
	COLOR: #627886; 
	FONT-FAMILY: "tahoma";
}
.darkgreymedtitle
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 13px; 
	COLOR: #627886; 
	FONT-FAMILY: "helvetica";
}
.blackmedtitle
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 16px; 
	COLOR: #000000; 
	FONT-FAMILY: "helvetica";
}
.mediumblack
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 16px; 
	COLOR: #000000; 
	FONT-FAMILY: "helvetica";
}
.bluemedtitle
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 16px; 
	COLOR: #689DCC; 
	FONT-FAMILY: "helvetica";
}
.orangemedtitle
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 16px; 
	COLOR: #d07d1a; 
	FONT-FAMILY: "helvetica";
}

.orangebigtitle
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 19px; 
	COLOR: #d07d1a; 
	FONT-FAMILY: "helvetica";
}
.popupLink 
{ 
	color: red; 
	outline: none }

.popup 
{ 
	font-size: 13px;
	font-family: tahoma;
	POSITION: absolute; 
	VISIBILITY: hidden; 
	BACKGROUND-COLOR: #ffffcc; 
	LAYER-BACKGROUND-COLOR: #ffffcc; 
	width: 330; 
	BORDER-LEFT: 1px solid black; 
	BORDER-TOP: 1px solid black; 
	BORDER-BOTTOM: 3px solid black; 
	BORDER-RIGHT: 3px solid black; 
	PADDING: 3px; 
	z-index: 10 
}
.popup1 
{ 
	font-size: 13px;
	font-family:tahoma;
	POSITION: absolute; 
	VISIBILITY: hidden; 
	BACKGROUND-COLOR: #ffffcc; 
	LAYER-BACKGROUND-COLOR: #ffffcc; 
	width: 240; 
	BORDER-LEFT: 1px solid black; 
	BORDER-TOP: 1px solid black; 
	BORDER-BOTTOM: 3px solid black; 
	BORDER-RIGHT: 3px solid black; 
	PADDING: 3px; 
	z-index: 10 
}
.suggestbox 
{ 
	font-size: 12px;
	font-family:tahoma;
	color:Blue;
	POSITION: absolute; 
	VISIBILITY: hidden; 
	BACKGROUND-COLOR: #ffffcc; 
	LAYER-BACKGROUND-COLOR: #ffffcc; 
	width: 390; 
	BORDER-LEFT: 1px solid black; 
	BORDER-TOP: 1px solid black; 
	BORDER-BOTTOM: 2px solid black; 
	BORDER-RIGHT: 2px solid black; 
	PADDING: 2px; 
	z-index: 10 
}
.popupem
{ 
	font-size: 13px;
	font-family:tahoma;
	POSITION: absolute; 
	VISIBILITY: hidden; 
	BACKGROUND-COLOR: #ffffff; 
	LAYER-BACKGROUND-COLOR: #ffffff; 
	width: 350; 
	BORDER-LEFT: 1px solid black; 
	BORDER-TOP: 1px solid black; 
	BORDER-BOTTOM: 3px solid black; 
	BORDER-RIGHT: 3px solid black; 
	PADDING: 3px; 
	z-index: 10 
}
.popup2 
{ 
	font-size: 13px;
	font-family:tahoma;
	POSITION: absolute; 
	VISIBILITY: hidden; 
	BACKGROUND-COLOR: #ffffcc; 
	LAYER-BACKGROUND-COLOR: #ffffcc; 
	width: 340; 
	BORDER-LEFT: 1px solid black; 
	BORDER-TOP: 1px solid black; 
	BORDER-BOTTOM: 3px solid black; 
	BORDER-RIGHT: 3px solid black; 
	PADDING: 3px; 
	z-index: 10 
}
.orangeinput
{
	BORDER-RIGHT: #cc9933 1px inset; 
	BORDER-TOP: #cc9933 1px inset; 
	FONT-WEIGHT: lighter; 
	FONT-SIZE: 12px; 
	BORDER-LEFT: #cc9933 1px inset; 
	COLOR: black; 
	LINE-HEIGHT: normal; 
	BORDER-BOTTOM: #cc9933 1px inset; 
	FONT-FAMILY: Tahoma; 
	LETTER-SPACING: normal; 
	BACKGROUND-COLOR: #fffcf0;
}
.orangebuttonnormal
{
	BORDER-RIGHT: #cc9933 1px solid outset; 
	BORDER-TOP: #cc9933 1px solid outset; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	BORDER-LEFT: #cc9933 1px solid outset; 
	COLOR: black; 
	LINE-HEIGHT: normal; 
	BORDER-BOTTOM: #cc9933 1px solid outset; 
	FONT-FAMILY: Tahoma; 
	LETTER-SPACING: normal; 
	BACKGROUND-COLOR: #fff5e0;
}
.orangebuttonreg
{
	BORDER-RIGHT: #cc9933 1px solid outset; 
	BORDER-TOP: #cc9933 1px solid outset; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; 
	BORDER-LEFT: #cc9933 1px solid outset; 
	COLOR: black; 
	LINE-HEIGHT: normal; 
	BORDER-BOTTOM: #cc9933 1px solid outset; 
	FONT-FAMILY: Tahoma; 
	LETTER-SPACING: normal; 
	BACKGROUND-COLOR: #fff5e0;
}
.alternateitemstyle
{
	background-color: #F2EBD9;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	COLOR: #838383; 
	FONT-FAMILY: "tahoma";
}
.itemstyle
{
	background-color: #ffffff;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	COLOR: #838383; 
	FONT-FAMILY: "tahoma";
}
.headerstyle
{
	background-color: #E2E0BA;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; 
	COLOR: #000000;
	FONT-FAMILY: tahoma;
}
.normalfont
{
	font:9pt/12pt verdana;
	color:black;
}

#contentwrapper{
width: 423px;
height: 35px;
border-top: 1px dotted orange;
border-bottom: 1px dotted orange;
background-color: #ffffcc;
padding: 5px;
}

.billcontent{
width: 100%;
display:block;
}

.tabFrame
{
	BORDER: 0;
	WIDTH: 100%;
	BORDER-TOP: #ffdeb9 1PX SOLID;
	BORDER-BOTTOM: #ffdeb9 1PX SOLID;
	BORDER-LEFT: #ffdeb9 1PX SOLID;
	BORDER-RIGHT: #ffdeb9 1PX SOLID;
	SCROLLBAR-FACE-COLOR:#6699CC;
	SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
	SCROLLBAR-SHADOW-COLOR:#6699CC;
	SCROLLBAR-ARROW-COLOR:#FFFFFF;
	SCROLLBAR-DARKSHADOW-COLOR:#6699CC;
}
.orangebutton
{
	BORDER-RIGHT: #cc9933 1px solid outset; 
	BORDER-TOP: #cc9933 1px solid outset; 
	FONT-WEIGHT: bolder; 
	FONT-SIZE: 12px; 
	BORDER-LEFT: #cc9933 1px solid outset; 
	COLOR: black; 
	LINE-HEIGHT: normal; 
	BORDER-BOTTOM: #cc9933 1px solid outset; 
	FONT-FAMILY: Tahoma; 
	LETTER-SPACING: normal; 
	BACKGROUND-COLOR: #fff5e0;
}
.tabOff
{
	BORDER-RIGHT: #cc9933 1px solid outset; 
	BORDER-TOP: #cc9933 1px solid outset; 
	FONT-WEIGHT: bolder; 
	FONT-SIZE: 12px; 
	BORDER-LEFT: #cc9933 1px solid outset; 
	COLOR: black; 
	LINE-HEIGHT: normal; 
	BORDER-BOTTOM: #cc9933 1px solid outset; 
	FONT-FAMILY: Tahoma; 
	LETTER-SPACING: normal; 
	BACKGROUND-COLOR: #fff5e0;
	BORDER-BOTTOM: #FFFFCC 1PX SOLID;
	HEIGHT: 20;
	CURSOR: HAND;
}
.tabOn
{
	BORDER-RIGHT: #cc9933 1px solid outset; 
	BORDER-TOP: #cc9933 1px solid outset; 
	FONT-WEIGHT: bolder; 
	FONT-SIZE: 12px; 
	BORDER-LEFT: #cc9933 1px solid outset; 
	COLOR: black; 
	LINE-HEIGHT: normal; 
	BORDER-BOTTOM: #cc9933 1px solid outset; 
	FONT-FAMILY: Tahoma; 
	LETTER-SPACING: normal; 
	BACKGROUND-COLOR: #ffdeb9;
	BORDER-BOTTOM: #ffdeb9 1PX SOLID;
	HEIGHT: 25;
	CURSOR: default;
}
.tabOff1
{
	FONT-FAMILY: Verdana;
	FONT-SIZE: 11;
	FONT-WEIGHT: 400;
	TEXT-ALIGN: CENTER;
	COLOR: #663333;
	BACKGROUND-COLOR: #fff5e0;
	BORDER-BOTTOM: #FFFFCC 1PX SOLID;
	HEIGHT: 20;
	CURSOR: HAND;
}

.tabOn1
{
	FONT-FAMILY: Verdana;
	FONT-SIZE: 11;
	FONT-WEIGHT: 700;
	TEXT-ALIGN: CENTER;
	COLOR: #663333;
	BACKGROUND-COLOR: #ffdeb9;
	BORDER-BOTTOM: #ffdeb9 1PX SOLID;
	HEIGHT: 25;
	CURSOR: default;
}

.pager
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	COLOR: blue; 
	FONT-FAMILY: Tahoma; 
	LETTER-SPACING: normal; 
}
.pager a
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	COLOR: blue; 
	FONT-FAMILY: Tahoma; 
	LETTER-SPACING: normal; 
}

.mypager 
{
	word-wrap: break-word;
	width: 400px !important;
	font-family:helvetica !important;
	font-weight: bold !important;
	font-size: 12px !important;
	color: #ff9900 !important;
}
.mypager A
{
	font-family:helvetica !important;
	font-size: 10px !important;
	text-decoration: none !important;
	color: #0000ff !important;                
}

.greybutton
{
	BORDER-RIGHT: silver 1px solid outset; 
	BORDER-TOP: silver 1px solid outset; 
	FONT-WEIGHT: bolder; 
	FONT-SIZE: 12px; 
	BORDER-LEFT: silver 1px solid outset; 
	COLOR: black; 
	LINE-HEIGHT: normal; 
	BORDER-BOTTOM: silver 1px solid outset; 
	FONT-FAMILY: Tahoma; 
	LETTER-SPACING: normal; 
	BACKGROUND-COLOR: #EFEFEE;
}
.hzaza
{

	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;

}
.h1zaza
{

	font-size:18px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}
.statusdrop
{
	width:100px;
	font-family:Tahoma;
	font-size:12px;
	font-weight:normal;
	
}
.statusonline
{
	background-color:#61fa5d;
}
.statusoffline
{
	background-color:Red;
}

.xxtrasmall
{
	padding:0px;
	margin:0px;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	COLOR: black; 
	FONT-FAMILY: helvetica;
	vertical-align:top;
	margin-top:0px;
	padding-top:0px;
}
img
{
	border:0;
}

.header
{
	width:850px;
	height:41px;
	background:url(/livechatclient/images/op_panel/header.jpg) top left repeat-x;
}
.header_inner
{
	width:850px;
	height:41px;
	margin:0 auto;
	overflow:hidden;
}
.header_inner_left
{
	float:left;
	display:block;
	width:138px;
	height:41px;
	margin:0;
}
.header_inner_left .logo
{
	width:86px;
	height:14px;
	margin:4px 0 0 0;
}
.header_inner_left .operators
{
	width:90px;
	height:10px;
	margin:0px 0 0 0;
	font:bold 8px/80% Tahoma, Helvetica, Sans-serif;
	color:#50616b;
}
.header_inner_right_top
{
	float:right;
	width:710px;
	height:15px;
	margin:1px 0 2px 0px;
	font-size:10px;
	font-family:Tahoma;
	font-weight:bolder;
	text-align:right;
}
.header_inner_right_bottom
{
	float:right;
	width:710px;
	height:23px;
	margin:0px 0 0 0px;
}


/*********************************/
.first_btn_orange
{
	float:left;
	background:url(/livechatclient/images/op_panel/first_btn_orange_body.gif) top left repeat-x;	
	overflow:hidden;
	margin:0 1px 0 0;
}
.first_btn_blue
{
	float:left;
	background:url(/livechatclient/images/op_panel/btn_blue_body.gif) top left repeat-x;	
	overflow:hidden;
	margin:0 1px 0 0;
}
.first_btn_orange_left
{
	width:24px;
	height:23px;
	overflow:hidden;
	float:left;
	background:url(/livechatclient/images/op_panel/first_btn_orange_left.gif) top left no-repeat;
}
.first_btn_blue_left
{
	width:24px;
	height:23px;
	overflow:hidden;
	float:left;
	background:url(/livechatclient/images/op_panel/first_btn_blue_left.gif) top left no-repeat;
}
.btn_orange_right
{
	width:5px;
	height:23px;
	overflow:hidden;
	float:left;
	background:url(/livechatclient/images/op_panel/first_btn_orange_right.gif) top left no-repeat; 
}

/*********************************/
.btn_blue
{
	float:left;
	background:url(/livechatclient/images/op_panel/btn_blue_body.gif) top left repeat-x;	
	overflow:hidden;
	margin:0 1px 0 0;
}
.btn_blue_left
{
	width:5px;
	height:23px;
	overflow:hidden;
	float:left;
	background:url(/livechatclient/images/op_panel/btn_blue_left.gif) top left no-repeat;
}
.btn_blue_right
{
	width:5px;
	height:23px;
	overflow:hidden;
	float:left;
	background:url(/livechatclient/images/op_panel/btn_blue_right.gif) top left no-repeat; 
}

/*********************************/
.btn_orange
{
	float:left;
	background:url(/livechatclient/images/op_panel/first_btn_orange_body.gif) top left repeat-x;	
	overflow:hidden;
	margin:0 1px 0 0;
}
.btn_orange_left
{
	width:5px;
	height:23px;
	overflow:hidden;
	float:left;
	background:url(/livechatclient/images/op_panel/btn_orange_left.gif) top left no-repeat;
}
.btn_orange_right
{
	width:5px;
	height:23px;
	overflow:hidden;
	float:left;
	background:url(/livechatclient/images/op_panel/first_btn_orange_right.gif) top left no-repeat; 
}
/*********************************/

.btn_blue
{
	float:left;
	background:url(/livechatclient/images/op_panel/btn_blue_body.gif) top left repeat-x;	
	overflow:hidden;
	margin:0 1px 0 0;
}
.btn_blue_left
{
	width:5px;
	height:23px;
	overflow:hidden;
	float:left;
	background:url(/livechatclient/images/op_panel/btn_blue_left.gif) top left no-repeat;
}
.btn_blue_right
{
	width:5px;
	height:23px;
	overflow:hidden;
	float:left;
	background:url(/livechatclient/images/op_panel/btn_blue_right.gif) top left no-repeat; 
}


.btn_inner_operator
{
	float:left;
	padding:0 0 0 20px;
	margin:5px 5px 0 0;
	overflow:hidden;
	background:url(/livechatclient/images/op_panel/main.png) left no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/livechatclient/images/op_panel/main.png", sizingMethod="crop");
}
.btn_inner_operator a, .btn_inner_operator a:visited 
{
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
}

.btn_inner_my_profile
{
	float:left;
	padding:0 0 0 20px;
	margin:5px 5px 0 0;
	overflow:hidden;
	background:url(/livechatclient/images/op_panel/my_profile.png) left no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/livechatclient/images/op_panel/my_profile.png", sizingMethod="crop");
}
.btn_inner_my_profile a, .btn_inner_my_profile a:visited 
{
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
}

.btn_inner_browser
{
	float:left;
	padding:0 0 0 20px;
	margin:5px 5px 0 0;
	overflow:hidden;
	background:url(/livechatclient/images/op_panel/browse.png) left no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/livechatclient/images/op_panel/browse.png", sizingMethod="crop");
}
.btn_inner_browser a, .btn_inner_browser a:visited 
{
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
}

.btn_inner_help
{
	float:left;
	padding:0 0 0 20px;
	margin:5px 5px 0 0;
	overflow:hidden;
	background:url(/livechatclient/images/op_panel/help.png) left no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/livechatclient/images/op_panel/help.png", sizingMethod="crop");
}
.btn_inner_help a, .btn_inner_help a:visited 
{
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
}

.btn_inner_contact
{
	float:left;
	padding:0 0 0 20px;
	margin:5px 5px 0 0;
	overflow:hidden;
	background:url(/livechatclient/images/op_panel/contact.png) left no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/livechatclient/images/op_panel/contact.png", sizingMethod="crop");
}
.btn_inner_contact a, .btn_inner_contact a:visited 
{
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
}

.btn_inner_admin_panel
{
	float:left;
	padding:0 0 0 20px;
	margin:5px 5px 0 0;
	overflow:hidden;
	background:url(/livechatclient/images/op_panel/admin_panel.png) left no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/livechatclient/images/op_panel/admin_panel.png", sizingMethod="crop");
}
.btn_inner_admin_panel a, .btn_inner_admin_panel a:visited 
{
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
}

.btn_inner_log_off
{
	float:left;
	padding:0 0 0 20px;
	margin:5px 5px 0 0;
	overflow:hidden;
	background:url(/livechatclient/images/op_panel/logout.png) left no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/livechatclient/images/op_panel/logout.png", sizingMethod="crop");
}
.btn_inner_log_off a, .btn_inner_log_off a:visited 
{
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
}
.status
{
	padding:0px 0px 0px 0px;
	width:100px;
	float:right;
	overflow:hidden;
}

.a.nounder:hover
{
	text-decoration:	none;
	color:red;
}
	
div#fancy_overlay {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	background-color: #333;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(/livechatclient/images/fancy/fancy_progress.png) no-repeat;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -12px;
	height: 30px;
	width: 30px;
	background: transparent url(/livechatclient/images/fancy/fancy_closebox.png) ;
	cursor: pointer;
	z-index: 100;
	display: none;
}

div#fancy_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0; 
	margin: 0;
	z-index: 96;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 92;
}

div#fancy_title {
	position: absolute;
	bottom: -35px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 2px;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(/livechatclient/images/fancy/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(/livechatclient/images/fancy/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(/livechatclient/images/fancy/fancy_title_right.png) repeat-x;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 58px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #444;
	background: #FFF;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 10px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	background-image: url(data:image/gif;base64,AAAA);
	z-index: 100; 
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

a#fancy_left:hover {
	background: transparent url(/livechatclient/images/fancy/fancy_left.gif) no-repeat 0% 100%;
}

a#fancy_right:hover {
	background: transparent url(/livechatclient/images/fancy/fancy_right.gif) no-repeat 100% 100%;
}

#fancy_bigIframe, #fancy_freeIframe {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

div#fancy_bg {
	display: none;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(/livechatclient/images/fancy/fancy_shadow_n.png) repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(/livechatclient/images/fancy/fancy_shadow_ne.png) no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(/livechatclient/images/fancy/fancy_shadow_e.png) repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(/livechatclient/images/fancy/fancy_shadow_se.png) no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(/livechatclient/images/fancy/fancy_shadow_s.png) repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(/livechatclient/images/fancy/fancy_shadow_sw.png) no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(/livechatclient/images/fancy/fancy_shadow_w.png) repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(/livechatclient/images/fancy/fancy_shadow_nw.png) no-repeat;
}


/* This file skins dialog */

.flora .ui-dialog,
.flora.ui-dialog {
	background-color: #e6f7d4;
}

.flora .ui-dialog .ui-dialog-titlebar,
.flora.ui-dialog .ui-dialog-titlebar {
	border-bottom: 1px solid #b5d1de;
	background: #ff9900 url(/livechatclient/images/uialert/dialog-title.gif) repeat-x;
	padding: 0px;
	height: 28px;
	_height: 29px;
}

.flora .ui-dialog.ui-draggable .ui-dialog-titlebar,
.flora.ui-dialog.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.flora .ui-dialog .ui-dialog-titlebar-close,
.flora.ui-dialog .ui-dialog-titlebar-close {
	width: 16px;
	height: 16px;
	background: url(/livechatclient/images/uialert/dialog-titlebar-close.png) no-repeat;
	position:absolute;
	top: 6px;
	right: 7px;
	cursor: default;
}

.flora .ui-dialog .ui-dialog-titlebar-close span,
.flora.ui-dialog .ui-dialog-titlebar-close span {
	display: none;
}

.flora .ui-dialog .ui-dialog-titlebar-close-hover,
.flora.ui-dialog .ui-dialog-titlebar-close-hover {
	background: url(/livechatclient/images/uialert/dialog-titlebar-close-hover.png) no-repeat;
}

.flora .ui-dialog .ui-dialog-title,
.flora.ui-dialog .ui-dialog-title {
	margin-left: 5px;
	color: white;
	font-weight: bold;
	position: relative;
	top: 7px;
	left: 4px;
}

.flora .ui-dialog .ui-dialog-content,
.flora.ui-dialog .ui-dialog-content {
	margin: 1.2em;
}

.flora .ui-dialog .ui-dialog-buttonpane,
.flora.ui-dialog .ui-dialog-buttonpane {
	position: absolute;
	bottom: 12px;
	right: 10px;
	width: 280px;
	text-align: right;
}

.flora .ui-dialog .ui-dialog-buttonpane button,
.flora.ui-dialog .ui-dialog-buttonpane button {
	margin: 6px;
}

/* Dialog handle styles */
.flora .ui-dialog .ui-resizable-n,
.flora.ui-dialog .ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: transparent url(/livechatclient/images/uialert/dialog-n.gif) repeat scroll center top; }

.flora .ui-dialog .ui-resizable-s,
.flora.ui-dialog .ui-resizable-s { cursor: s-resize; height: 8px; width: 100%; bottom: 0px; left: 0px; background: transparent url(/livechatclient/images/uialert/dialog-s.gif) repeat scroll center top; }

.flora .ui-dialog .ui-resizable-e,
.flora.ui-dialog .ui-resizable-e { cursor: e-resize; width: 7px; right: 0px; top: 0px; height: 100%; background: transparent url(/livechatclient/images/uialert/dialog-e.gif) repeat scroll right center; }

.flora .ui-dialog .ui-resizable-w,
.flora.ui-dialog .ui-resizable-w { cursor: w-resize; width: 7px; left: 0px; top: 0px; height: 100%; background: transparent url(/livechatclient/images/uialert/dialog-w.gif) repeat scroll right center; }

.flora .ui-dialog .ui-resizable-se,
.flora.ui-dialog .ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: transparent url(/livechatclient/images/uialert/dialog-se.gif); }

.flora .ui-dialog .ui-resizable-sw,
.flora.ui-dialog .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: transparent url(/livechatclient/images/uialert/dialog-sw.gif); }

.flora .ui-dialog .ui-resizable-nw,
.flora.ui-dialog .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 29px; left: 0px; top: 0px; background: transparent url(/livechatclient/images/uialert/dialog-nw.gif); }

.flora .ui-dialog .ui-resizable-ne,
.flora.ui-dialog .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 29px; right: 0px; top: 0px; background: transparent url(/livechatclient/images/uialert/dialog-ne.gif); }

/* This file skins resizables */

.ui-resizable { position: relative; }

/* Global handle styles */
.ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; }
.ui-resizable .ui-resizable-handle { display: block; }
body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */

.ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: transparent url(/livechatclient/images/uialert/resizable-n.gif) repeat scroll center top; }
.ui-resizable-s { cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px; background: transparent url(/livechatclient/images/uialert/resizable-s.gif) repeat scroll center top; }

.ui-resizable-e { cursor: e-resize; width: 6px; right: 0px; top: 0px; height: 100%; background: transparent url(/livechatclient/images/uialert/resizable-e.gif) repeat scroll right center; }
.ui-resizable-w { cursor: w-resize; width: 6px; left: 0px; top: 0px; height: 100%; background: transparent url(/livechatclient/images/uialert/resizable-w.gif) repeat scroll right center; }

.ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: transparent url(/livechatclient/images/uialert/resizable-se.gif); }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: transparent url(/livechatclient/images/uialert/resizable-sw.gif); }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: 0px; top: 0px; background: transparent url(/livechatclient/images/uialert/resizable-nw.gif); }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: 0px; top: 0px; background: transparent url(/livechatclient/images/uialert/resizable-ne.gif); }
.ok {
	margin: 0;

}
.ok a {
	display: block;
	width: 123px;
	height: 32px;
	background-image: url(/livechatclient/images/uialert/ok.png);
	margin: 0 auto;
}
.ok a:hover {
	background-position: -123px 0;
}

	
.popupabs
{ 
	POSITION: absolute; 
	display:none;
	BACKGROUND-COLOR: #ffffcc; 
	LAYER-BACKGROUND-COLOR: #ffffcc; 
	BORDER-LEFT: 1px solid black; 
	BORDER-TOP: 1px solid black; 
	BORDER-BOTTOM: 3px solid black; 
	BORDER-RIGHT: 3px solid black; 
	PADDING: 3px; 
	z-index: 50
}

.popupwhite
{ 
	font-size: 13px;
	font-family:tahoma;
	POSITION: absolute; 
	VISIBILITY: hidden; 
	BACKGROUND-COLOR: #ffffff; 
	BORDER-LEFT: 1px solid black; 
	BORDER-TOP: 1px solid black; 
	BORDER-BOTTOM: 3px solid black; 
	BORDER-RIGHT: 3px solid black; 
	PADDING: 3px; 
	z-index: 100 
}