TD, TH
{
	FONT-SIZE: 12px;
	COLOR: #333333;
	FONT-FAMILY: Arial, Helvetica, sans serif;
}

P { font-family : "Verdana";
     font-size : 12px;
     color : black;}
INPUT
{
    FONT-SIZE: 12px;
    COLOR: #333333;
    FONT-FAMILY: Arial, Helvetica, sans serif
}
SELECT
{
    FONT-SIZE: 12px;
    COLOR: #333333;
    FONT-FAMILY: Arial, Helvetica, sans serif
}
TEXTAREA
{
    FONT-SIZE: 12px;
    COLOR: #333333;
    FONT-FAMILY: Arial, Helvetica, sans serif
}

INPUT.button,
INPUT.buttonM
{
	background: #0066cc;
	border: 1px solid #4C77B6;
	color: #ffffff;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	padding: 1px;
	cursor: pointer;
	WIDTH: auto;
}
INPUT.button1,
INPUT.buttonM1
{
	background: #ffffff;
	border: 0px;
	color: #0066cc;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
    text-align:left;
	cursor: pointer;
}

td a {
color:#330099;
}

.search
{
    BORDER-RIGHT: black 1px solid;
    PADDING-RIGHT: 5pt;
    BORDER-TOP: black 1px solid;
    PADDING-LEFT: 5pt;
    PADDING-BOTTOM: 5pt;
    BORDER-LEFT: black 1px solid;
    PADDING-TOP: 5pt;
    BORDER-BOTTOM: black 1px solid;
    BACKGROUND-COLOR: #e5e5e5
}

.shade
{
    COLOR: #333333;
    background: #eff3ff;
}

.blackshade
{
	COLOR: #FFFFFF;
    BACKGROUND-COLOR: #85A5F2;
    FONT-WEIGHT: bold;
}
.blackshade:hover
{
    COLOR: #FFCC00;
}

.rowselected
{
    COLOR: #333333;
    BACKGROUND-COLOR: #DBEAF5;
}

.message
{
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;	
    COLOR: #cc3300;
    FONT-FAMILY: Arial, Helvetica, sans serif;
}
.SELECTS
{
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    BORDER-LEFT: gray 1px solid;
    BORDER-BOTTOM: gray 1px solid;
    COLOR: #333333;
	 width: 57;
    FONT-FAMILY: Arial, Helvetica, sans serif
}

h1
{  
    FONT-FAMILY: Arial, Helvetica, sans serif;
	 font-size: 13pt;
 }
.tableheader
{
    FONT-FAMILY: verdana, Arial;
	font-size: 13px;
    FONT-WEIGHT: bold;	
	BACKGROUND-COLOR: #5A83C3;
	COLOR: #F5C43C;
	padding: 5px;
} 
.boldheading {
 FONT-WEIGHT: bold;
  	font-size: 11px;
}
.header2
{
	BACKGROUND-COLOR: #D1DCEB;
	padding: 10px;	
}
.fieldname
{
    FONT-FAMILY: verdana, Arial;
	color: #3A4F6C;
	font-weight: bold;
	padding: 5px;
}
.button_arr
{
  height:24PX;  
}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;background: #DFE6EF;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; border:0 solid #08c; border-width:0 1px; padding: 4px; background: #DFE6EF;}













body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

h1, h2, h3, h4 {
	margin-top: 0;
	color: #111;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1em;
}

h4 {
	font-size:20px;
	margin:0;
	font-weight:normal;
	padding:0;
}


ul {
	list-style-image: url(../design/images/img07.gif);
}

a {
	text-decoration: none;
	color: #1c5b85;
}

a:hover {
	text-decoration: underline;
}

a:active {
	position: relative;
	bottom:-1px;
}

a img {
	border: none;
}

img.left {
	float: left;
	margin: 0 20px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 20px;
}

/* Header */

.headerlinks { margin-top:10px; }

#logo {
	padding:10px 21px 10px 25px;
	margin:0;
}

#logo a {
	border: none;
	text-decoration: none;
}

/* Wrapper */

#wrapper {
text-align:center;
padding-top:20px;
background-color:#e8edff;
}

/* Page */

#page {
text-align:left;
    -moz-border-radius: 12px; /* FF1+ */
  -webkit-border-radius: 12px; /* Saf3+, Chrome */
          border-radius: 12px; /* Opera 10.5, IE 9 */
	padding: 15px;
	margin: 0 auto;
	margin-left:15px; margin-right:15px;
	background-color:#fff;
}


/* Content */

#content {
	width: 100%;
}

.post {
	margin-bottom: 20px;
	padding-bottom: 15px;
	line-height: 200%;
}

.post h1 {
	font-weight: normal;
	font-size: 30px;
}

.post h2 {
	font-size: 24px;
}

.title {
	margin: 0;
	padding-bottom: 6px;
	font-weight: normal;
}

.title a {
	border-bottom: none;
}

.title a:hover {
	border-bottom: 1px dashed #CCCCCC;
}

.byline {
	border-top: 1px dashed #8D8D8D;
	margin: 0 0 20px 0;
	text-transform: uppercase;
}

.links {
	border-bottom: 1px dashed #8D8D8D;
	font-size: 11px;
}

.links a {
	display: block;
	border: none;

}

.links a:hover {
}

.links .more {
	float: left;
	padding-left: 25px;
	padding-right: 15px;
}

.links .comments {
	float: left;
	padding-left: 20px;
	background: url(../design/images/img04.jpg) no-repeat left top;
}
/* Sidebars */

.sidebar {
	float: left;
	width: 160px;
	background: url(../design/images/sidebar-bg.jpg) repeat-x;
	height:200px;
}

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar li {
	padding: 0 0 20px 0;
}

.sidebar li ul {
}

.sidebar li li {
	padding: 5px 0 5px 0px;
}

/* Search */

#searchform {
	margin: 0;
	padding: 0;
}

#searchform br {
	display: none;
}

#s {
	margin: 0;
	padding: 2px 2px;
	width: 120px;
	height: 18px;
	border: 1px solid #A49D3C;
	background: #FFFFFF;
	font-size: 10px;
	color: #000000;
}

#x {
	margin: 0;
	padding: 2px 5px;
	height: 24px;
	border: none;
	background: #A49D3C;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
/* Calendar */

#calendar_wrap {
	padding: 0;
	text-align: center;
}

#calendar_wrap table {
	width: 100%;
}

#calendar_wrap th {
}

#calendar_wrap td {
}

#calendar_wrap tfoot td {
	border: none;
}

#calendar_wrap tfoot td#prev {
	text-align: left;
	font-weight: bold;
	border: none;
}

#calendar_wrap tfoot td#prev a {
	border: none;
}

#calendar_wrap tfoot td#next {
	text-align: right;
	font-weight: bold;
	border: none;
}

#calendar_wrap tfoot td#next a {
	border: none;
}

/* Footer */

#footer {
	padding-top:10px;
	padding-bottom:10px;
	background-color: #e8edff;
}

#footer p {
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	color: #2c7dac;

}

#footer a {
	color: #FFFFFF;
}




.main-buttons{

background: #005DB3 url(../design/images/alert-overlay.png) repeat-x;
display: inline;
color: #fff;
text-decoration: none;
font-weight: bold;
position: relative;
cursor: pointer;
padding:2px;
margin:1px;
font-size:12px;
margin-left:6px;
}

.main-buttons:hover { background:#5195CE; }





/* Tables------------------------------------*/



#hor-minimalist-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	width:100%;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-a th
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#hor-minimalist-a td
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	color: #669;
	padding: 4px 5px;
	border-bottom:1px solid #ccc;
}
#hor-minimalist-a tbody tr:hover td
{
	color: #009;
}








/* DropList--------------------------------------- */




.hide { display:none; }
.droplist { position:relative; color:#FFFFFF; font-size:14px; font-weight:bold; margin:0; padding:0; min-width:40px; max-width:400px; }
.droplist .droplist-value { position:relative; line-height:30px; height:31px; cursor:pointer; }
.droplist .droplist-value div { display:block; float:left; height:30px; color:#FFF; background:url(../design/images/droplist.png) 0 -33px no-repeat; overflow:hidden; }

.droplist div.droplist-value div { display:block; float:left; height:30px; padding-left:6px; color:#FFF; background:url(../design/images/droplist.png) 0 -33px no-repeat; overflow:hidden; }


.droplist .droplist-value a { display:block; float:right; width:20px; height:30px; position:relative; padding:0; background:url(../design/images/droplist.png) -30px -99px no-repeat; outline:none; text-indent:-9999px; }
.droplist-active { }
.droplist-active div { background-position:0 -66px !important; outline:none; }
.droplist a:focus ~ div { background-position:0 -66px !important; outline:none; } /* keep isolated from previous selector, 'cause IE6 has a bug */
.droplist-active a, .droplist a:focus { background-position:-60px -99px !important; }
.droplist .droplist-list { position:absolute; top:31px; padding:5px; padding-top:0px; padding-bottom:0px; border:3px solid #6688EE; background:#FFF; }
.droplist:focus .droplist-list { display:block; }
.droplist-up .droplist-list { top:auto; }
.droplist .droplist-list ul li { _height:0; padding: 4px 5px; margin:0; }
.droplist .droplist-list ul li a, .droplist .droplist-list ul li strong { display:block; padding:2px 5px; margin:0; color:#47423A; text-decoration:none; }
.droplist .droplist-list ul li a:hover {color:#6688EE; text-decoration:none;}
.droplist .droplist-list ul li a:hover, .droplist .droplist-list ul li a:focus { text-decoration:underline; }
.droplist .droplist-list ul li ul li a { padding:2px 10px 2px 20px; }





/* jScrollPane */
.jScrollPaneContainer { position:relative; overflow:hidden; }
.jScrollPaneTrack { position:absolute; cursor:pointer; right:0; top:0; height:100%; background:#BBCCFF; width:2px !important; right:2px; }
.jScrollPaneDrag { position:absolute; background:#6688EE; cursor:pointer; overflow:hidden; width:6px !important; margin-left:-2px; }






.jqueryslidemenu{
z-index:9000; position:relative;height:43px; font-size:12px; text-transform:uppercase;font-weight:bold;background:#143D55 url(../design/images/dolphin_bg.gif) repeat-x;padding:0 0 0 20px;font-family:Helvetica,Arial,Verdana,sans-serif;
}

.jqueryslidemenu ul{
margin: 0;
z-index:9000;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
z-index:9000;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
z-index:9000;
background-color: #143D55; /*background of tabs (default state)*/
color: white;
padding: 7px 15px 6px 15px;
color: #2d2b2b;
text-decoration: none;
margin-top:1px;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
z-index:9000;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
z-index:9000;
}

.jqueryslidemenu ul li a:hover{
background-color: #3B6B9C; /*tab link background during hover state*/
color: white;
z-index:9000;
border-bottom: 1px solid #194E84;
text-decoration:none;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
z-index:9000;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
z-index:9000;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
z-index:9000;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
border:1px solid #5195CE;
border-left:0px;
text-transform:none;
font: normal 13px Verdana;
z-index:9000;
width: 200px; /*width of sub menus*/
padding: 7px;
margin: 0;
border-top-width: 0;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
z-index:9000;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
z-index:9000;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
z-index:9000;
top: 8px;
right: 5px;
}




.main { background:#fff url(../design/images/dolphin_bg.gif) repeat-x bottom left; }

.main:hover { background:transparent url(../design/images/dolphin_bg-OVER.gif) repeat-x bottom left; }












/*
	ColorBox Core Style
	The following rules are the styles that are consistant between themes.
	Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;}
#cboxOverlay{ background-color:#fff; overflow:hidden; position:absolute; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto; width:100%; height:100%;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
	ColorBox example user style
	The following rules are ordered and tabbed in a way that represents the
	order/nesting of the generated HTML, so that the structure easier to understand.
*/

#colorBox{}
	#cboxTopLeft{width:25px; height:25px; background:url(../design/images/border1.png) 0 0 no-repeat;}
	#cboxTopCenter{height:25px; background:url(../design/images/border1.png) 0 -50px repeat-x;}
	#cboxTopRight{width:25px; height:25px; background:url(../design/images/border1.png) -25px 0 no-repeat;}
	#cboxBottomLeft{width:25px; height:25px; background:url(../design/images/border1.png) 0 -25px no-repeat;}
	#cboxBottomCenter{height:25px; background:url(../design/images/border1.png) 0 -75px repeat-x;}
	#cboxBottomRight{width:25px; height:25px; background:url(../design/images/border1.png) -25px -25px no-repeat;}
	#cboxMiddleLeft{width:25px; background:url(../design/images/border2.png) 0 0 repeat-y;}
	#cboxMiddleRight{width:25px; background:url(../design/images/border2.png) -25px 0 repeat-y;}
	#cboxContent{background:#fff;}
		#cboxLoadedContent{margin-bottom:15px; border-bottom:1px solid #eee;}
		#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
		#cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
		#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
		#cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
		#cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
		#cboxLoadingOverlay{background:url(../design/images/loading.gif) 5px 5px no-repeat #fff;}
		#cboxClose{position:absolute; margin:0; padding:0; bottom:0; z-index:9999; right:0; color:#444;}

/*
	The following fixes png-transparency for IE6.  
	It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition

	Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
	Colorbox preloads navigation hover classes to account for this.

	!! Important Note: AlphaImageLoader src paths are relative to the HTML document,
	while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=design/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=design/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=design/images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=design/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=design/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=design/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=design/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=design/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}






	.inputContainer{position:relative; float:left;}
	.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
			cursor:pointer;
		}
			#debugMode{
				background:#000;
				position:fixed;
				width:100%; height:200px;
				top:0; left:0;
				overflow:scroll;
				opacity:0.8;
				display:block;
				padding:10px;
				color:#fff;
				font-size:14px;
				z-index:100000;
			}

			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background:#222;
				color:#fff;
				opacity:0.80;
				width:200px;
				font-family:tahoma;
				font-size:11px;
				border:1px solid #fff;
				box-shadow: 0px 0px 4px #222;
				-moz-box-shadow: 0px 0px 4px #222;
				-webkit-box-shadow: 0px 0px 4px #222;
				padding:5px;
				border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;

			}
			.greenPopup .formErrorContent {background:#33be40;}

			.blackPopup .formErrorContent {background:#393939;color:#FFF;}

			.formError .formErrorArrow{
				width:15px;
				margin:-2px 0 0 13px;
				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}

				.formError .formErrorArrow div{
					border-left:1px solid #fff;
					opacity:.80;
					position:relative;
					top:1px;
					border-right:1px solid #fff;
					box-shadow: 0px 0px 4px #222;
					-moz-box-shadow: 0px 0px 4px #222;
					-webkit-box-shadow: 0px 0px 4px #222;
					font-size:0px; height:1px; background:#333;margin:0 auto;line-height:0px; font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}

				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}  
				
.errormessage { position:absolute; margin:0; top:35%; text-align:center; width:100%; display:none; }
.errormessagein { margin:0; text-align:center; padding:70px 5px 0 5px; background-color:#eee; font-size:14px; font-family: Arial, Tahoma, "Times New Roman"; width:320px; border:2px solid #fff; height:200px; }
.errormessagein .errorlink { color:#000; position:relative; top:20px; padding: 5px 10px 5px 10px; background-color:#eee; border-top: 2px solid #ccc; border-left: 2px solid #ccc; border-bottom: 2px solid #999; border-right: 2px solid #999; }
.errormessagein .errorlink:hover { border-top: 2px solid #ccc; border-left: 2px solid #ccc; border-bottom: 2px solid #999; border-right: 2px solid #999; }
.errormessagein .errorlink:active { border-top: 2px solid #999; border-left: 2px solid #999; border-bottom: 2px solid #ccc; border-right: 2px solid #ccc; }

.bellTooltip {
border-bottom: 1px dotted #000000; color: #000000; outline: none;
cursor: help; text-decoration: none;
position: relative;
}
.bellTooltip span {
margin-left: -999em;
position: absolute;
}
.bellTooltip:hover span {
border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
font-family: Calibri, Tahoma, Geneva, sans-serif;
font-size: 1.5em; 
position: absolute; left: -4em; top: 2em; z-index: 99;
white-space: pre-wrap;
margin-left: 0; width: 300px;
}
.bellclassic { padding: 0.8em 1em; }
* html a:hover { background: transparent; } 
.bellclassic {background: #FFFFAA; border: 1px solid #FFAD33; }

/*******CSS FOR CHAT POPUP BOX*********/
.chat-box, .chat-closed {
    position:fixed !important;    
    right:25px;    
    bottom:10;       
    box-shadow:0 0 0.5em #000;
    z-index: 9994;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

.chat-closed {
    background: #ffffff;
    border:1px solid #777;
}

.chat-header {
    width: 1000px;
    height: 35px;
    background: skyblue;
    line-height: 33px;
    text-indent: 20px;
    border:1px solid #777;
    border-bottom:none;
    font-size: 18px;
    text-align: left;
    color: white;
}

.chat-header .buttons {
  position: absolute;
  right: 0;
  top: 1;
  height: 35px;  
}

.chat-header .buttons i {
  /* border-left: 1px solid white; */
  padding: 8px 20px 8px 0px;  
  cursor: pointer;
}

.chat-header .buttons i:hover {
  background: #25a7da;
}

.chat-content{
    width:1000px;
    height:558px;
    background:#ffffff;
    border:1px solid #777;
    overflow-y:auto;
    word-wrap: break-word;
}

.chat_hide {
    display:none;
}

/***************/