html, body {
	min-height:100%;
}

body 
{  
  overflow-y: hidden;
	padding:0px;
	margin:0px;
	background-color:#FFFFFF;
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	line-height:15px;	
}

td {
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	line-height:15px;
}

a.linkwit:link, a.linkwit:visited , a.linkwit:hover  {
	color: #FFFFFF;
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	text-decoration: none;
}

a
{
  color: #363636;
}
form {
	margin:0px;
	padding:0px;
}

input, select, textarea {
	font-family:arial,helvetica,sans-serif;
	color:#000000;
	font-size:11px;
}
.NotesDetail
{
  font-size:11px;
}
div.left {
	float: left;
	margin: 0px;
}

div.right {
	float: right;
	margin: 0px;
}
div.clear {
  clear:both;
  margin:0px;
  padding:0px;
  font-size:0;
  line-height:0;
}
input.inputtext {
	/*width: 300px;*/
}

/* Navigatie onder */
#navigatiebottom { 
	width: 100%;
	position:absolute; 
	visibility:visible; 
	bottom:0px; 
	left:0px; 
	z-index:1000;
}

div.navigatie {
	width: 100%;
	/*height: 45px;*/
	background-image: url(images/bg_nav_bottom.gif);
}

div.navigatiebutton 
{
	float: left;
	margin: 5px 0px 0px 5px;
}

.navigatielabel
{
  color: #6D6D6D;
  text-decoration: none;  
  cursor: pointer;
  font-size:14px;
  font-style: italic;
  font-weight:600;
  margin: 0px 0px 0px 0px;
  text-align:left;  
  vertical-align:baseline;
  padding-left: 3px;
  padding-right:0px;
  border:none;
  background-color:Transparent;  
}

.navigatielabelchatwaiting
{
  color: #FF0000;
  cursor: pointer;
  font-size:14px;
  font-style: italic;
  font-weight:600;
  margin: 0px 0px 0px 0px;
  text-align:left;  
  vertical-align:baseline;
  padding-left: 3px;
  padding-right:0px;
  border:none;
  background-color:Transparent;  
  text-decoration: none;
}


/* Popup */
#popup_01, div.showpopup {
	background-image: url(images/bg_popup.gif);
	width: 100%;
	height: 100%;
	position: absolute; 
	top:0px; 
	left:0px; 
	z-index:1500;
}
#popup_02 {
	background-image: url(images/bg_popup.gif);
	width: 100%;
	height: 100%;
	position: absolute; 
	top:0px; 
	left:0px; 
	z-index:1501;
}
#popup_T5Alert {
	background-image: url(images/bg_popup.gif);
	width: 100%;
	height: 100%;
	position: absolute; 
	top:0px; 
	left:0px; 
	z-index:1501;
}
#popup_03 {
	background-image: url(images/bg_popup.gif);
	width: 100%;
	height: 100%;
	position: absolute; 
	top:0px; 
	left:0px; 
	z-index:1500;
}
#popup_04 {
	background-image: url(images/bg_popup.gif);
	width: 100%;
	height: 100%;
	position: absolute; 
	top:0px; 
	left:0px; 
	z-index:1500;
}
#popup_Zoeken {
	background-image: url(images/bg_popup.gif);
	width: 100%;
	height: 100%;
	position: absolute; 
	top:0px; 
	left:0px; 
	z-index:1500;
}
#popup_Filter {
	background-image: url(images/bg_popup.gif);
	width: 100%;
	height: 100%;
	position: absolute; 
	top:0px; 
	left:0px; 
	z-index:1500;
}
#popup_Doorsturen {
	background-image: url(images/bg_popup.gif);
	width: 100%;
	height: 100%;
	position: absolute; 
	top:0px; 
	left:0px; 
	z-index:1500;
}
#popup_Email {
	background-image: url(images/bg_popup.gif);
	width: 100%;
	height: 100%;
	position: absolute; 
	top:0px; 
	left:0px; 
	z-index:1500;
}
#popup_Koppelen {
	background-image: url(images/bg_popup.gif);
	width: 100%;
	height: 100%;
	position: absolute; 
	top:0px; 
	left:0px; 
	z-index:1500;
}
#popup_Loskoppelen {
	background-image: url(images/bg_popup.gif);
	width: 100%;
	height: 100%;
	position: absolute; 
	top:0px; 
	left:0px; 
	z-index:1500;
}
#popup_Common 
{
  background-image: url(images/bg_popup.gif);
	width: 100%;
	height: 100%;
	position: absolute; 
	top:0px; 
	left:0px; 
	z-index:1500;
}
#popup_Info {
	background-image: url(images/bg_popup.gif);
	width: 100%;
	height: 100%;
	position: absolute; 
	top:0px; 
	left:0px; 
	z-index:1500;
}
#popup_InfoSearchnode {
	background-image: url(images/bg_popup.gif);
	width: 100%;
	height: 100%;
	position: absolute; 
	top:0px; 
	left:0px; 
	z-index:3000;
}

#popup_InfoChat {
	background-image: url(images/bg_popup.gif);
	width: 100%;
	height: 100%;
	position: absolute; 
	top:0px; 
	left:0px; 
	z-index:3000;
}

#popup_PushUrl {
	background-image: url(images/bg_popup.gif);
	width: 100%;
	height: 100%;
	position: absolute; 
	top:0px; 
	left:0px; 
	z-index:1500;
}

#popup_TransferChat {
	background-image: url(images/bg_popup.gif);
	width: 100%;
	height: 100%;
	position: absolute; 
	top:0px; 
	left:0px; 
	z-index:1500;
}


#popup_InfoDetail {
	background-image: url(images/bg_popup.gif);
	width: 100%;
	height: 100%;
	position: absolute; 
	top:0px; 
	left:0px; 
	z-index:1500;
}

div.balkpopup {
	margin-top: 125px;
	margin-left: 20%;
	margin-bottom: 0px;
	margin-right: 20%;
	height: 22px;	
	position: relative;
	background: #5D5D5D url(images/tint_dark_popup.gif);	
}

div.balkpopupleft {
	float: left;
}

div.balkpopupbutton {
	float: left;
	margin: 4px 2px 0px 2px;
}

div.balkpopupright {
	float: left;
}

div.popupvlak {
	margin-top: 0px;
	position: relative;
	margin-left: 20%;
	margin-bottom: 0px;
	margin-right: 20%;
	background-color: #FFFFFF;
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-color: #DBDBDB;
}

div.balkpopuptext {
	float: left;
	margin: 4px 0px 0px 5px;
	font-size:13px;
	font-family:arial,helvetica,sans-serif;
	color:#FFFFFF;
}

div.popupsubbalk {
	height: 23px;
	background: url(images/tint_mid.gif) repeat-x;
}

div.popupinhoud {
  padding: 10px;
  text-align:center;
}

.popupbericht {
  	
	height: 150px;
	margin: 10px;
	border: 1px solid;
	border-color: #DBDBDB;
}

/* Topper */
.topper {
	width: 100%;
	height: 23px;
	background-image: url(images/tint_mid.gif);
}

div.menuitems {
	float: left;
	font-family:arial,helvetica,sans-serif;
	color:#FFFFFF;
	font-size:13px;
    margin: 4px 5px 0px 5px;
}

div.menuitems a {
	font-family:arial,helvetica,sans-serif;
	color:#FFFFFF;
	text-decoration: none;
}

div.zoeken {
	 float: left; 
	 margin: 1px 0px 0px 0px;
}

input.button {
	font-size:11px;
	font-family:arial,helvetica,sans-serif;	
	background-color:#5D5D5D;
}

div.scheiding {
	float: left;
	margin: 0px 5px 0px 5px;
}

div.logout {
	float: left;
	margin: 2px 5px 0px 0px;
}

span.TopUser
{  
  float:left;
  color: #ffffff;
  margin-top: 2px;
}

div.login {
	float: left; 
	font-size:11px;
	font-family:arial,helvetica,sans-serif;
	color:#FFFFFF;
	margin: 3px 5px 0px 0px;
}

/* Onder gedeelte */
div.content {
	padding: 0px 10px 0px 10px;
}

div.balk {
	height: 35px;
	background-image: url(images/tint_dark.gif);
}

div.balkicon {
	float: left;
	margin: 0px 5px 0px 5px;
}

div.balktext {
	float: left;
	margin: 15px 5px 0px 0px;
	font-size:13px;
	font-family:arial,helvetica,sans-serif;
	color:#FFFFFF;
}


div.balktexttiny {
	float: left;
	margin: 16px 5px 0px 5px;
	font-size:11px;
	font-family:arial,helvetica,sans-serif;
	color:#FFFFFF;
}

div.balkleft {
	float: left;
	margin: 13px 0px 0px 0px;
}


div.balkbutton {
	float: left;
	margin: 17px 2px 0px 2px;
}

div.balkright {
	float: left;
	margin: 13px 0px 0px 0px;
}

div.subbalk {
	height: 23px;
	background-image: url(images/tint_mid.gif);
}

div.subbalkbutton a:hover {
	background-color:#FFFFFF;
	}

div.subbalkicon {
	float: left;
	margin: 0px -3px 0px 5px;
	cursor: pointer;
}

div.subbalktext {
	float: left;
	margin: 4px 0px 0px 5px;
	font-size:11px;
	font-family:arial,helvetica,sans-serif;
	color:#FFFFFF;
	cursor: pointer;
}

div.subbalkform {
	float: left;
	margin: 2px 5px 0px 5px;
}

div.tabelvlak {
	border: 1px solid; 
	border-color: #DBDBDB;
 	padding: 1px;
}

div.tabeltop {
	height: 23px;
	background-color: #DBDBDB;
	border-bottom: 1px solid;
	border-bottom-color: #cbcbcb;
}

.gridtop td
{
  height: 13px;
	background-color: red;
	border-bottom: 1px solid;
	border-bottom-color: #cbcbcb;
	background-color: #DBDBDB;
	/*float: left;*/
	margin: 0px;
	padding: 0px 5px 0px 5px;
	border-left: 1px solid;
	border-left-color: #efefef; 
	border-right: 1px solid;
	border-right-color: #c1c1c1; 
} 
.gridtop a, gridtop a:hover
{
  text-decoration: none;
  color: #000000;
}

div.gridinhoud	{
	height:200px; 
	overflow:auto;
}

div.subbalklb {
	background-color: #E8F4F8;
	height: 23px;
}

div.subbalklbtext {
	float: left;
	margin: 4px 0px 0px 5px;
	font-size:11px;
	font-family:arial,helvetica,sans-serif;
	color:#000000;
}
div.berichtinhoud	{
	height:130px; 
	overflow:auto;
}

div.bericht {
	font-size:11px;
	font-family:arial,helvetica,sans-serif;
	color:#000000;
	line-height: 18px;
	margin: 10px;
	
}

div.ZetUit {
	display: none;
} 

div.StaatAan {
	display: block;
}

table.griddata
{
  padding: 0px 0px 0px 0px;
  border-collapse:collapse;
  
}

td.griddata  {
	padding: 0px 5px 0px 5px;
}

tr.griddata  {
	padding: 0px 5px 0px 5px;
	background-color: #E8F4F8;
	border: 1px solid; 
	border-color: #FFFFF;
}

tr.griddata:hover , tr.hilite  {
	padding: 0px 5px 0px 5px;
	background-color: #CEEAF4;
	border: 1px solid; 
	border-color: #FFFFF;
}

tr.griddata:select , tr.onclick  {
	padding: 0px 5px 0px 5px;
	background-color: #57CBF4;
	border: 1px solid; 
	border-color: #FFFFF;
}

td.gridline {
	cursor: pointer;
}

/*bouke*/
div
{
  font-family:arial,helvetica,sans-serif;
	font-size:11px;
}
.inputtoolbar
{
  background: #959595;
  border:1px solid #959595;
  color: #ffffff;  
  height: 23px;
}
.labeltoolbar
{
  color: #ffffff;  
/*  height: 23px;*/
}

img.balkicon
{
  float: left;
	margin: 0px 5px 0px 5px;
	height: 35px;
}						
span.ContainerBoxTitleStyle
{ 
  font-size: 12px;
	color: #FFFFFF;		
	margin: 15px 5px 0px 0px;
	text-align: center;  
	float:left;		
	text-decoration: underline;						
}
div.ContainerBox
{  
  position:relative;
  margin-top: -3px;
  padding: 0px 10px 0px 10px;  
}
div.ContentContainer
{
  border: 1px solid; 
	border-color: #DBDBDB;
 	padding: 1px;  	
}
div.CallsContainer
{
  height: 200px;
  overflow:auto;
}
.LinkButton 
{  
  color: #ffffff;
  text-decoration: none;  
  cursor: pointer;
  font-size: 11px;
  margin: 0px 0px 0px 0px;
  text-align: left;  
  vertical-align:baseline;
  padding-left: 3px;
  padding-right: 0px;
  border: none;
  background-color: Transparent;  
}

td.ContainerBoxContent
{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;  
  border-bottom: #cccccc 1px solid;  
}

.MenuButton
{
  text-decoration: none;
  color: #000000;
  vertical-align: baseline;  
  float:left;
  margin: 2px;
  width: 146px;
  height: 46px;  
}

.Toolbar 
{
  width: 100%;
  background: url(images/toolbar_m.gif) repeat-x;
  background-color: #8D8D8D;  
  padding-left: 5px;
  height: 23px;
}

#smBody 
{
  position: relative;  
}

#smFooter
{
  position:absolute;
  height: 50px; 
  background-color: #B3B3B3;
  border-top: #363636 1px solid;
  bottom: 0px;
}
#smContent
{  
  text-align: left;
}
#smHeader
{
  background-image: url(images/tint_mid.gif);
  background-color: #9D9D9D;
  height: 23px;
}
.Label
{
  font-weight: bold;
  font-size:11px;
}

img.logout {
	float: right;
	margin: 2px 5px 0px 0px;
}

#smLogo
{ 
  margin: 2px;
  float:right;      
}

.Button 
{
  FONT-WEIGHT: bold; 
  BACKGROUND: url(images/button.jpg) repeat-x; 
  VERTICAL-ALIGN: middle; 
  MIN-WIDTH: 98px;
  WIDTH: expression(this.clientWidth > 98 ? "auto" : "98px");
  COLOR: white; 
  PADDING-TOP: 3px; 
  HEIGHT: 24px; 
  cursor: pointer;
  TEXT-ALIGN: center; 
  TEXT-DECORATION: none;
  border:0px;  
}

.tabtoolbar
{
  clear:right;
}
.tabContainer
{
  border: 1px solid black;
  clear:both;
}
.tabItem, .tabhilite
{
  
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-top: 1px solid black;
  height: 25px;
  padding-right: 5px;  
  padding-left: 5px;  
  padding-top: 5px;  
  margin-right: 5px;
  cursor: pointer;
}
.tabhilite
{
  background-color: #E8F4F8;
} 
.TabelTekst6 {color: #FF0000; font-size : 9px; font-family : Verdana, Arial; font-weight : normal;}

.TabelTekstK 
{
  color: #010355; 
  font-size :  9px; 
  font-family : Verdana, Arial; 
  font-weight : normal;
  white-space: nowrap;
}
.inputveldK {color: #000000; font-size : 9px; font-family : Verdana, Arial;} 

/*OS FG Gen*/
.FGContainer, .FGTable
{
  width : 100%;
}
.FGButtonBar
{
  width:100%;
  text-align:left;
  /*background: url(images/toolbar_m.gif) repeat-x;
  background-color: #8D8D8D;  */
  margin-top: 15px;
  padding-left: 5px;
  height: 23px;
  font-weight:bold;
  color: #ffffff;
}
.FGColumnTable
{
  width: 350;
  border: 1px solid #656565;
  padding:2px;
  margin:1px;  
}
.FGColumnTitle
{
  
}
.FGTDHeader
{
  background: url(images/toolbar_m.gif) repeat-x;
  background-color: #8D8D8D;  
  padding-left: 5px;
  height: 23px;
  font-weight:bold;
  color: #ffffff;
 }
.FGDropDown{}
.FGTextBox{}
.FGMandatory
{
  color: Red;
  padding-left: 10px;
  margin-left: 10px;
}
td.FGLabel
{
  width: 100px;
}
td.FGField
{
  width: 100px;
}
.FGCheckBox{}
.FGPanelLeft
{  
  vertical-align:top;
  text-align: left;
}
.FGPanelRight
{
  vertical-align:top;
  text-align: left;
}
#T5Afsluitscherm
{
  clear:both;
}
.SpellButton
{
  BACKGROUND: transparent url(images/toolbar_icon_abcvink.gif) no-repeat 0px 2px; 
  HEIGHT: 22px; 
  VERTICAL-ALIGN: middle; 
  color: #ffffff;
  text-decoration: none;  
  cursor: pointer;
  font-size:11px;
  margin: 0px 5px 0px 5px;
  text-align:left;  
  padding-top: 3px;
  padding-left: 33px;
  padding-right:0px;
  border:none;
}

/*vanaf hier chat */ 
code {
	background-color: #E5E5E5;
	border: 1px dashed #009966;
	display: block;
	font-size: 12px;
	padding: 10px;
}

img, a img {
	border: none;
}

@media screen {
	label {
		cursor: pointer;
		cursor: hand;
	}
}

/*
Menu related selectors
*/
.jsdomenudiv {
	background-color: #FFFFFF;
	background-image: url('styles/trinicom/img/office_xp_menu_left.gif');
	background-repeat: repeat-y;
	border: 1px solid #8A867A;
	cursor: default;
	padding-bottom: 1px;
	padding-top: 1px;
	position: absolute; /* Do not alter this line! */
	visibility: hidden;
	z-index: 10;
}

.jsdomenuitem {
	background: transparent;
	border: none;
	color: #000000;
	font:menu;
	font-size: 12px;
	padding-bottom: 3px;
	padding-left: 25px;
	padding-right: 5px;
	padding-top: 3px;
	position: relative; /* Do not alter this line! */
}

.jsdomenuitemover {
	background-color: #4970B6;
	border: 1px solid #4970B6;
	color: #FFFFFF;
	font:menu;
	font-size: 12px;
	margin-left: 1px;
	margin-right: 1px;
	padding-bottom: 2px;
	padding-left: 23px;
	padding-right: 5px;
	padding-top: 2px;
	position: relative; /* Do not alter this line! */
}

.jsdomenuarrow {
	background-image: url('styles/trinicom/img/arrow_r.gif');
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 7px;
	position: absolute; /* Do not alter this line! */
	right: 4px;
	width: 7px;
}

.jsdomenuarrowover {
	background-image: url('styles/trinicom/img/arrow_w.gif');
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 7px;
	position: absolute; /* Do not alter this line! */
	right: 4px;
	width: 7px;
}

.acc_back {
	background-image: url('styles/trinicom/img/acc_back.gif');
	background-repeat: repeat-x;	
}

.jsdomenusep {
	height: 1px;
	background-color:#ACA899;
	margin-left:22px;
	margin-right:2px;
	margin-top:2px;
	margin-bottom:2px;
	overflow:hidden;
}

.jsdomenusep hr {
	display:none;
}

/*
Menu bar related selectors
*/


/*
Example of selectors for icons. Change the height and width to match the actual 
height and width of the icon image.
*/
.icon1 {
	background-image: url('styles/trinicom/img/icon1.png');
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.icon2 {
	background-image: url('styles/trinicom/img/icon2.png');
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.icon3 {
	background-image: url('styles/trinicom/img/icon3.png');
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

/*
body {
	scrollbar-face-color: #E2E6EC;
	background-color:#FFFFFF;
	scrollbar-track-color: #F0F3F7;
	scrollbar-arrow-color: #607E8F;

	scrollbar-highlight-color: #E2E6EC;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-shadow-color: #E2E6EC;
	scrollbar-darkshadow-color: #9FAEB6;
}
*/

body.index, #lc_login {
	padding: 2em;
	background-color: #8A8A8A;
	color: #FFFFFF;
	border: none;
}

body.index a:link, body.index a:visited, body.index a:active, #lc_login a:link, #lc_login a:visited, #lc_login a:active
	{ background-color: transparent; color: #FFFFFF; }
body.index a:hover, #lc_login a:hover
	{ background-color: transparent; color: #000000; }

.bgsound {
	display: none!important;
	visibility: hidden;
}

#image-loader {
	display: none;
}

#lc_login {
	text-align: center;
}

#lc_login form {
	width: 60%;
	margin: 0 auto;
	padding: 0;
	background-color: #FFFFFF;
	color: #000000;
	border:3px solid #A5ACB2;
}

#lc_login form table {
	margin: 2em;
	width: 55%;
}

#lc_login form table input.text {
	width: 100%;
}

#lc_login #title {
	margin: 0;
	padding: 0;
}

#lc_login h2 {
	margin: 1em 0 1px 0;
	padding: 0.2em 0.5em;
	background: #757575 url("styles/trinicom/img/bg_login_header.jpg") repeat-x left bottom;
	color: #FFFFFF;
	border-bottom: solid 1px #404040;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	text-align: left;
}

#lc_login .quicklogin {
	margin: 0;
	padding: 0.5em;
	background: #A0A0A0 url("styles/trinicom/img/bg_login_quicklogin.jpg") repeat-x left bottom;
	color: #CBCBCB;
	border-bottom: solid 1px #404040;
	font-size: 8pt;
}

#lc_login form select {
	font-size: 90%;
}

#lc_login input.input_shader_small {
	width: 100%;
}

input.submit {
	width: auto;
	background: #FFFFFF url("styles/trinicom/img/bg_login_button.jpg") repeat-x left bottom;
	color: #000000;
	border: solid 1px #8A8A8A;
	height:20px;
}

.lc_content_div {
	overflow:auto;
	height:100%;
	width:100%;
	
	border-right:1px solid #FFFFFF;
	border-left:1px solid #ACA899;
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #ACA899;
	
	background-color:#FFFFFF;
}

.lc_splitter_horizontal {
	position: relative;
	background-color:#990000;
	width:5px;
}

.lc_splitter_horizontal_drag {
	position: relative;
	width: 5px;
	background-color: #4A4A4A;
	filter: alpha(opacity=40);
}

.lc_gray_layer {
	background-color:#F3F3F3;
	filter: alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity: 0.6;
}

.lc_splitter_vertical {
	position: relative;
	background-color:#990000;
	height:5px;
	overflow:hidden;
}

.lc_splitter_vertical_drag {
	position: relative;
	height:5px;
	overflow:hidden;
    background-color:#4A4A4A;FILTER: Alpha(Opacity=40);
}

.borderBottom {
	border-bottom: 1px solid #686868;
}

.chat_transcript_borderBottom {
  border-bottom: 1px solid #B5B5B5;
}

.address_bar {
  border-bottom: 1px solid #686868;
  background-image: url("styles/trinicom/img/address_back.gif");
  background-repeat: repeat-x;
}

.tabsHolder {
	border-left: 1px solid #686868;
	border-bottom: 1px solid #686868;
	border-right: 1px solid #686868;
}

.holder_div {
	/*border-right:1px solid #EAEAEA;
	border-left:1px solid #99A0AC;
	border-bottom:1px solid #EAEAEA;
	border-top:1px solid #99A0AC;
	border:1px solid #B3B3B3;*/
	overflow:hidden;
	height:100%;
	width:100%;
	background-color:#FFFFFF;
}

.splitter_hr {
	cursor:col-resize;
	position: relative;
	background-color:none;
	width:5px;
	height:100%;
	overflow:hidden;
}

.splitter_vr {
	cursor:row-resize;
	position: relative;
	background-color:none;
	height:5px;
	width:100%;
	overflow:hidden;
}

.splitter_hr_drag {
	position: relative;
	height:100%;
	width:5px;
	overflow:hidden;
	background-color: #4A4A4A;
	filter: alpha(opacity=40);
	cursor:col-resize;
}

.splitter_vr_drag {
	position: relative;
	height:5px;
	width:100%;
	overflow:hidden;
	background-color: #4A4A4A;
	filter: alpha(opacity=40);
	cursor: row-resize;
}

.defaultTreeTable{
	margin : 0;
	padding : 0;
	border : 0;
	background-color:#FFFFFF;
}
.containerTableStyle {background-color:#FFFFFF;}
.standartTreeRow{	font:menu; -moz-user-select: none; background-color:#FFFFFF;}
.selectedTreeRow{ background-color : #FFFFFF;font-family:menu;color:#000000;font-weight:bold; -moz-user-select: none; text-decoration:underline; }
.standartTreeImage{ width:18px; height:18px;  overflow:hidden; border:0; padding:0; margin:0;background-color:#FFFFFF; }
.hiddenRow { width:1px;   overflow:hidden; background-color:#FFFFFF; }
.dragSpanDiv{ 	font:menu; 	border: 1px solid solid #808080;padding:2px;background-color:#FFFFFF;FILTER: Alpha(Opacity=70);}



.white {
	color:#FFFFFF;
	font-size: 100%;
	white-space: nowrap;
}

.tab_1 {
	background-repeat:no-repeat;
	background-image:url(styles/trinicom/img/tab_1.gif);
	cursor: pointer;
	background-position:bottom;
	white-space: nowrap;
}

.tab_2 {
	background-repeat:repeat-x;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	background-image:url(styles/trinicom/img/tab_2.gif);
	cursor: pointer;
	background-position:bottom;
	white-space: nowrap;
}

.tab_3 {
	background-repeat:no-repeat;
	background-image:url(styles/trinicom/img/tab_3.gif);
	cursor: pointer;
	background-position:bottom;
	white-space: nowrap;
}

.tab_active_1 {
	background-repeat:no-repeat;
	background-image:url(styles/trinicom/img/tab_active_1.gif);
	cursor: pointer;
	background-position:bottom;
	white-space: nowrap;
}

.tab_active_2 {
	background-repeat:repeat-x;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	background-image:url(styles/trinicom/img/tab_active_2.gif);
	cursor: pointer;
	background-position:bottom;
	white-space: nowrap;
}

.tab_active_3 {
	background-repeat:no-repeat;
	background-image:url(styles/trinicom/img/tab_active_3.gif);
	cursor: pointer;
	background-position:bottom;
	white-space: nowrap;
}

.tab_hover_1 {
	background-repeat:no-repeat;
	background-image:url(styles/trinicom/img/tab_hover_1.gif);
	cursor: pointer;
	background-position:bottom;
	white-space: nowrap;
}

.tab_hover_2 {
	background-repeat:repeat-x;
	padding-left:10px;
	padding-right:10px;
	background-image:url(styles/trinicom/img/tab_hover_2.gif);
	cursor: pointer;
	background-position:bottom;
	white-space: nowrap;
}

.tab_hover_3 {
	background-repeat: no-repeat;
	background-image: url(styles/trinicom/img/tab_hover_3.gif);
	cursor: pointer;
	background-position: bottom;
	white-space: nowrap;
}

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

.button_1 {
	background-repeat:no-repeat;
	background-image:url(styles/trinicom/img/button_1.gif);
	cursor: pointer;
	background-position:bottom;
	white-space: nowrap;
	filter: alpha(opacity=50);
}

.button_2 {
	background-repeat:repeat-x;
	padding-left:20px;
	padding-right:20px;
	padding-top:2px;
	background-image:url(styles/trinicom/img/button_2.gif);
	cursor: pointer;
	background-position:bottom;
	white-space: nowrap;
	font-weight:normal;
	filter: alpha(opacity=50);
	font-weight:normal;
}

.button_3 {
	background-repeat:no-repeat;
	background-image:url(styles/trinicom/img/button_3.gif);
	cursor: pointer;
	background-position:bottom;
	white-space: nowrap;
	filter: alpha(opacity=50);
}

.button_active_1 {
	background-repeat:no-repeat;
	background-image:url(styles/trinicom/img/button_active_1.gif);
	cursor: pointer;
	background-position:bottom;
	white-space: nowrap;
}

.button_active_2 {
	background-repeat:repeat-x;
	padding-left:20px;
	padding-right:20px;
	padding-top:2px;
	background-image:url(styles/trinicom/img/button_active_2.gif);
	cursor: pointer;
	background-position:bottom;
	white-space: nowrap;
	font-weight:bold;
}

.button_active_3 {
	background-repeat:no-repeat;
	background-image:url(styles/trinicom/img/button_active_3.gif);
	cursor: pointer;
	background-position:bottom;
	white-space: nowrap;
}

.tabs_1 {
	background-repeat:no-repeat;
	background-image:url(styles/trinicom/img/tabs_1.gif);
	cursor: pointer;
	background-position:bottom;
	white-space: nowrap;
	height:23px;
}

.tabs_2 {
	background-repeat:repeat-x;
	padding-left:20px;
	padding-right:20px;
	padding-top:2px;
	background-image:url(styles/trinicom/img/tabs_2.gif);
	cursor: pointer;
	background-position:bottom;
	white-space: nowrap;
	height:23px;
	color:#FFFFFF;
	font-size:120%;
}

.tabs_3 {
	background-repeat:no-repeat;
	background-image:url(styles/trinicom/img/tabs_3.gif);
	cursor: pointer;
	background-position:bottom;
	white-space: nowrap;
	height:23px;
}

.tabs_active_1 {
	background-repeat:no-repeat;
	background-image:url(styles/trinicom/img/tabs_active_1.gif);
	cursor: pointer;
	background-position:bottom;
	white-space: nowrap;
	height:26px;
}

.tabs_active_2 {
	background-repeat:repeat-x;
	padding-left:20px;
	padding-right:20px;
	padding-top:2px;
	background-image:url(styles/trinicom/img/tabs_active_2.gif);
	cursor: pointer;
	background-position:bottom;
	white-space: nowrap;
	height:26px;
	color:#FFFFFF;
	font-size:120%;
}

.tabs_active_3 {
	background-repeat:no-repeat;
	background-image:url(styles/trinicom/img/tabs_active_3.gif);
	cursor: pointer;
	background-position:bottom;
	white-space: nowrap;
	height:26px;
}

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



#LC_BUTTONS td {
	/* border-bottom: solid 1px #6F6F6F; */
}

.buttons_back {
	background: #868686 url("styles/trinicom/img/buttons_back.gif") repeat-x left top;
	color: #FFFFFF;
	cursor: default;
}

.toolbar_button_small {
  background: #868686 url("styles/trinicom/img/buttons_back.gif") repeat-x left top;
	border:none;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:7px;
	padding-right:7px;
	/*cursor:pointer;*/
	color:#FFFFFF;
	white-space: nowrap;
	width:50px;
}

.toolbar_button_small_hover {
background: #868686 url("styles/trinicom/img/buttons_back.gif") repeat-x left top;
	filter: alpha(opacity=80);
	opacity: 0.5;
	-moz-opacity: 0.5;
	
	border:none;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:7px;
	padding-right:7px;
	cursor:pointer;
	color:#FFFFFF;
	white-space: nowrap;
	width:50px;
}

.toolbar_button_small_hit {
background: #868686 url("styles/trinicom/img/buttons_back.gif") repeat-x left top;
	Filter: alpha(opacity=90);
	opacity: 0.5;
	-moz-opacity: 0.5;
	border:none;
	border-left:1px solid #5F5F5F;
	border-top:1px solid #5F5F5F;
  padding-top:0px;
	padding-bottom:1px;
	padding-left:3px;
	padding-right:6px;
	cursor:pointer;
	color:#FFFFFF;
	white-space: nowrap;
	width:50px;
}

.toolbar_button_small_hit div {
	margin-left:2px;
	padding-left:2px;
	margin-top:2px;
	width:50px;
}

.geitekaas {
	background: #868686 url("styles/trinicom/img/buttons_back.gif") repeat-x left top;
	cursor: default;
	color: #CCCCCC;
	filter: alpha(opacity=50);
	filter: gray();
	opacity: 0.5;
	-moz-opacity: 0.5;
}

.toolbar_button.disabled, .toolbar_button.disabled img {
	background: #868686 url("styles/trinicom/img/buttons_back.gif") repeat-x left top;
	cursor: default;
	color: #CCCCCC;
	filter: alpha(opacity=50);
	filter: gray();
	opacity: 0.5;
	-moz-opacity: 0.5;
}

.toolbar_button_small.disabled, .toolbar_button_small.disabled img {
	cursor: default;
	background:none;
	background-color: transparent;
	color: #CCCCCC;
	filter: alpha(opacity=50);
	filter: gray();
	opacity: 0.5;
	-moz-opacity: 0.5;
}




/*  #######################################  */


.toolbar_button {
	background: #868686 url("styles/trinicom/img/buttons_back.gif") repeat-x left top;
	border:none;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:7px;
	padding-right:7px;

	color:#FFFFFF;
	white-space: nowrap;
	cursor: pointer;
}

.toolbar_button_hover {
	background: #868686 url("styles/trinicom/img/buttons_back.gif") repeat-x left top;
	filter: alpha(opacity=80);
	opacity: 0.5;
	-moz-opacity: 0.5;

	border: none;
	padding: 2px 7px;
	cursor: pointer;
	color: #FFFFFF;
	white-space: nowrap;
}

.toolbar_button_hit {
	background: #868686 url("styles/trinicom/img/buttons_back.gif") repeat-x left top;
	filter: alpha(opacity=90);
	opacity: 0.5;
	-moz-opacity: 0.5;
	border: none;
	border-left: 1px solid #5F5F5F;
	border-top: 1px solid #5F5F5F;
	padding: 0 6px 1px 3px;
	cursor: pointer;
	color: #FFFFFF;
	white-space: nowrap;
}

.toolbar_button_hit div {
	margin-left:2px;
	padding-left:2px;
	margin-top:2px;
}

/*  #######################################  */



.hold {
	background:none;
	background-color: #FF0000;
	color: #FFFFFF;
	cursor: pointer;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:7px;
	padding-right:7px;
}


.highlight {
  filter: alpha(opacity=80);
	opacity: 0.5;
	-moz-opacity: 0.5;
}









.toolbar_button_hover_small {
	border-right:1px solid #99A0AC;
	border-left:1px solid #FFFFFF;
	border-bottom:1px solid #99A0AC;
	border-top:1px solid #FFFFFF;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer;
	white-space: nowrap;
}

.buttons_holder {
	border-left: 1px solid #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
	border-right: 1px solid #B3B3B3;

	/* background: transparent url("styles/trinicom/img/livecom-logo-BW.gif") no-repeat right bottom; */
}

.tabs_holder {
	border-left: 1px solid #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
	border-right: 1px solid #B3B3B3;
	padding-left:1px;
	padding-right:1px;
	padding-bottom:1px;
}

.tabs_back {
	background-color:#EEEEEE;
}

.toolbar_button_down_small {
	border-right:1px solid #FFFFFF;
	border-left:1px solid #99A0AC;
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #99A0AC;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer;
}

.chat-controls {
	cursor: default;
}

.chats-container {
	width: 100%;
	/*height: 167px;*/
	overflow: auto;
}


.info_table td {
	color: #656565;
	line-height: 13pt;
}

.red_bold {
	font-weight:bold;
	color:#FF0000;
}
.blue_bold {
	font-weight:bold;
	color:#065EE2;
}

.dark_gray_outset {
	background-color:#E8EAED;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #99A0AC;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #99A0AC;
}

.light_gray_outset {
	background-color:#F0F3F8;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #99A0AC;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #99A0AC;
}

.input_shader {
	background-image:url('styles/trinicom/img/input_back.gif');
	border:1px solid #919191;
	padding:3px;
	padding-left:8px;
	padding-right:3px;
	background-repeat:no-repeat;
	background-attachment:fixed;
	overflow:auto;
	font-family:Arial, Verdana, sans-serif;
	font-size:120%;
	margin-left:1px;
	margin-right:3px;
	line-height:138%;
}

.input_shader_noPadding {
	background-image:url('styles/trinicom/img/input_back.gif');
	border:1px solid #919191;
	background-repeat:no-repeat;
	background-attachment:fixed;
	overflow:auto;
	font-family:Arial, Verdana, sans-serif;
	font-size:120%;
	line-height:138%;
	padding:3px;
}

.input_shader_small {
	background-image:url('styles/trinicom/img/input_back.gif');
	border:1px solid #919191;
	background-repeat:no-repeat;
	background-attachment:fixed;
	height:20px;
}

.font_options {
	background-image:url('styles/trinicom/img/font_options_back.gif');
	background-repeat:repeat-x;
	border-left:3px solid #FFFFFF;
	border-right:4px solid #FFFFFF;
}

.emailaddressholder {
	font-family:Arial, Verdana, sans-serif;
	color:#FFFFFF;
	font-size:11pt;
	font-weight:bold;
}

.agentname_header {
	font-family:Arial, Verdana, sans-serif;
	color:#FFFFFF;
	font-size:10pt;
	font-weight:bold;
	background-image:url('styles/trinicom/img/agent2agent_top_2.gif');
	background-repeat:repeat-x;
	padding-bottom:3px;
}

.test {
background-color:#003366;
}

.send_button {
	cursor:pointer;
}

.holder_table {
	/*border-top:5px solid #FFFFFF;
	border-left:5px solid #FFFFFF;
	border-right:5px solid #FFFFFF;
	border-bottom:5px solid #FFFFFF;*/
	margin-left: 3px;
	margin-right: 0px;
	padding:0px;
}

.alert_box {
	background-image:url('styles/trinicom/img/alert_box.gif');
	background-repeat:no-repeat;
}

.alert_box td {
	font-family:Arial, Verdana, sans-serif;
	font-weight:bold;
	color:#000000;
	font-size:9pt;
}

.hand {
	cursor: pointer;
	cursor: hand;
}

#kennisbank {
	position: absolute;
	right: 0;
	top: 44px;
	width: 26px;
}

#services {
	position: absolute;
	right: 0;
	top: 54px;
	width: 26px;
}

#services_holder {
	position: absolute;
	right: 0px;
	top: 54px;
	border: 2px solid #a0a0a0;
}

#services_content {
	
	width: 240px;
	height:260px;
	overflow: hidden;
	background-color: #FFFFFF;
}

#container {
	width: 960px;
	height: 100%;
}


/*
 *
 * Global menu and window manager bars styles
 *
 */

#global-menu, #global-menu .menu, #searchbar, #agentbar {
	height: 25px;
	color:#FFFFFF;
}

#global-menu {
	font-size: 100%;
	background: #868686 url("styles/trinicom/img/menu-back.gif") repeat-x left top;
	color: #FFFFFF;
}

#global-menu .menu {
	float: left;
	padding: 3px 0 0 9px;
	/*background: transparent url("styles/trinicom/img/menu_top_bg_left.jpg") repeat-y left top;*/
	color: #FFFFFF;
}

#global-menu .white {
	color:#FFFFFF;
}
#global-menu .menu a:link, #global-menu .menu a:active, #global-menu .menu a:visited, #global-menu .menu a:hover {
	margin-right: 16px;
	background-color: transparent;
	color: #FFFFFF;
	text-decoration: none;
}

.nickname {
	background-image: url(styles/trinicom/img/nickname_2.gif);
	background-repeat: repeat-x;
	color:#000000;
	padding-right:10px;
	font-weight:bold;
}

.nickname input {
  border:none;
  font-size: 10px;
  font-weight:bold;
  background:none;
  width:125px;
}

#searchbar {
	float: right;
	padding-right: 4px;
}

#searchbar .text, #searchbar .icon {
	vertical-align: middle;
}

#query {
	padding-left: 20px;
	background: #FFFFFF url("styles/trinicom/img/menu-back.gif") repeat-x;
	color: #363636;
}

#query, #agent, #agent-state, #signout {
	font-size: 100%;
	vertical-align: middle;
}

#agentbar {
	float: right;
	padding-left: 15px;
	background-image: #AEAEAE url("styles/trinicom/img/menu-back.gif") repeat-x;
	color: #FFFFFF;
	text-align: right;
}

#agent {
	margin-right: 8px;
}

#agent-state {

}

#signout {
	margin: 1px 3px;
}


/* Window manager */

#wmanager {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #C9C9C9 url("styles/trinicom/img/winmanager_bg_lc.gif") repeat-x left bottom;
	color: #FFFFFF;
	border: solid 1px #424242;
}

#wmanager .button {
	width: 135px;
	height: 43px;
	float: left;
	margin: 3px 0 0 5px;
}

#wmanager .button-home {
	float: right;
	margin: 4px 3px 0 0;
}

#wmanager .button a {
	display: block;
}



/*
 *
 * Grid component styles
 *
 */

.grid {
	width: 100%;
	margin: 0 0 1em 0;
	font-size: 110%;
	background-color: transparent;
	color: #333333;
	table-layout: fixed;
	border-left: solid 1px #D6D2C2;
	border-collapse: separate;
	border-spacing: 0;
	empty-cells: show;
	-moz-user-select: none;
}

.grid th, .grid td {
	padding: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.grid thead th, .grid tbody, .grid tbody td {
	cursor: default;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.grid thead th {
	padding: 4px 2px;
	background: #DBDBDB url("styles/trinicom/img/grid_header_bg.gif") repeat-x left bottom;
	color: #333333;
	border: none;
	border-left: 1px solid #EAEAEA;
	border-right: 1px solid #C1C1C1;
	border-bottom: 1px solid #ACACAC;
	cursor: default;
	font-weight: normal;
	text-align: left;
}

.grid thead th img {
	cursor: default;
}

.grid thead th:hover, .grid thead th.hover {
	background-color: #C4C4C4;
	background-image: none;
	color: #333333;
	border-bottom: solid 1px #929292;
}

/*
.grid thead th.sort-asc  { background-image: url("../styles/trinicom/img/sort_arrow-asc.gif"); }
.grid thead th.sort-desc { background-image: url("../styles/trinicom/img/sort_arrow-desc.gif"); }
.grid thead th.sort-asc:hover,  .grid thead th.sort-asc.hover  { background-image: url("../styles/trinicom/img/sort_arrow-over-asc.gif"); }
.grid thead th.sort-desc:hover, .grid thead th.sort-desc.hover { background-image: url("../styles/trinicom/img/sort_arrow-over-desc.gif"); }
*/

.grid thead th.empty {
	background-color: #FFFFFF;
	color: #333333;
	border-left: solid 1px #FFFFFF;
	border-right: 1px solid #AAABAC;
	border-bottom: 1px solid threedlightshadow;
}

.grid thead th.resizable {

}

.grid tbody th {
	background-color: #C7E3ED;
	color: #333333;
	border: solid 1px #FFFFFF;
	border-top: none;
}

.grid tbody th.rowcount {
	width: 1%;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.grid tbody td {
	background-color: #E7F3F7;
	color: #333333;
	border: none;
	border-right: solid 1px #E7F3F7;
	border-left: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.grid tbody tr.incoming td {
	background-color: #FDF9A8;
	border: none;
	border-right: solid 1px #FEECD3;
	border-left: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
}

.grid tbody tr.closed td {
	background-color: #EAEAEA;
	color: #999999;
	border: none;
	border-right: solid 1px #EAEAEA;
	border-left: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
}

.grid tbody tr.closed td img {
	filter: alpha(opacity=40);
	opacity: 0.4;
}

.grid tbody tr.selected td {
	background-color: #C7E3ED;
	color: #333333;
	border: none;
	border-right: solid 1px #C7E3ED;
	border-left: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
}

#grid-resizer, #resizebar {
	width: 2px;
	height: 100%;
	background-color: #CCCCCC;
	color: #333333;
	opacity: 50%;
	filter: alpha(opacity=50);
}

.grid .grabberHF, .grid .grabberH {
	padding: 4px;
	border-right: none;
	border-left: none;
	cursor: default;
	white-space: nowrap;
}

.grid .grabberHE {
	padding: 0;
	cursor: default;
}

.grid thead .grabberL, .grid thead .grabberR {
	cursor: e-resize;
	padding: 0;
	width: 4px;
}

.grid .grabberL { border-right: none; }
.grid .grabberR { border-left: none; }

.grid .ender {
	width: 0px;
}


/* Grid columns default widths */

.grid thead th.col0, .grid thead th.col1, .grid thead th.col2 {
	width: 26px;
	text-align: center;
}

.grid thead th.col5 {
	width: 140px;
}

.grid tbody td.col0, .grid tbody td.col1, .grid tbody td.col2 {
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}

.grid tbody td.col3 {
	padding: 0 0.5em;
}

.grid input.visitoralias {
	width: 100%;
	background-color: transparent;
	color: #333333;
	border: none;
	cursor: pointer;
	cursor: hand;
}

.grid input.visitoralias:focus, .grid input.visitoralias.focus {
	cursor: text;
}

.grid tbody tr.closed input.visitoralias {
	background-color: transparent;
	color: #999999;
}



/* Chat info fields vertical grid styles */

.grid.vertical th {
	width: 120px;
	text-align: left;
	vertical-align: top;
}

.grid.vertical td {
	padding: 2px;
}

.grid.vertical td textarea {
	width: 100%;
	padding: 0.2em;
	border: none;
	overflow: visible;
}



/* */

.chat_content_system {
	background: transparent; 
	color: #2C922E;
	font-weight: bold;
}

.chat_content_visitor {
	background: transparent; 
	color: #006dc9;	
}

.chat_content_agent {
	background: transparent; 
	color: #363636;
}

.chat_content_message_transfer {
	background: transparent; 
	color: #656565;
	margin-bottom:14px;
}

.chat_content_message_transfer_holder {
	background-image: url(styles/trinicom/img/transfer_content_line.gif);
	background-position: left;
	background-repeat: repeat-y;
	margin:5px;
	padding-left:10px;	
}

.chat_content_message_agent_transfer {
	background-color: #FFFBBD; 
	color: #656565;
	border: 1px solid #F5D450;
	margin-top:14px;
	margin-bottom:14px;
	margin-left:0px;
	margin-right:10px;
	padding:4px;
	padding-top:0px;
	padding-bottom:0px;
}

.chat_content_system_transfer {
	background: transparent; 
	color: #5BAC5B;
	font-weight: bold;
}

.chat_content_visitor_transfer {
	background: transparent; 
	color: #3B8FD8;	
}

.chat_content_agent_transfer {
	background: transparent; 
	color: #656565;
}

.splitter_vr_drag_max {
	position: relative;
	height:5px;
	width:100%;
	overflow:hidden;
	background-color: #FF0000;
	filter: alpha(opacity=40);
	opacity: 0.4;
	cursor: row-resize;
}

.splitter_hr_drag_max {
	position: relative;
	height:100%;
	width:5px;
	overflow:hidden;
	background-color: #FF0000;
	filter: alpha(opacity=40);
	opacity: 0.4;
	cursor: col-resize;
}


/* Message box styles */

.message {
	width: 146px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	border: 1px solid #B2B2B2;
}
.message div {
	border: 1px solid #FFFFFF;
}
.message div div {
	border: 1px solid #DDDDDD;
}

.message h3 {
	margin: 0;
	padding: 0;
	height: 22px;
	font: menu;
	font-weight: normal;
	font-size: 120%;
	background: #000000 url("styles/trinicom/img/bg_incomingchat.gif") repeat-x left top;
	color: #FFFFFF;
}

.message h3 span {
	margin-top: 4px;
	vertical-align: baseline;
}

.message img.icon {
	vertical-align: middle;
}

.message h3 span, .message h3 img.icon {
	float: left;
	vertical-align: middle;
}

.message img.iconclose {
	float: right;
}

.message .content {
	clear: both;
	padding-top: 40px;
	height: 90px;
	background: #C8E4ED url("styles/trinicom/img/bg_incomingchat_mid.gif") repeat-x left top;
	color: #333333;
	border: none;
	text-align: center;
	font:menu;
	text-overflow: ellipsis;
	width: 140px;
	overflow: hidden;
	cursor:pointer;
}

.message .content p {
	margin: 0;
}

@media screen {
	.message h3 {
		cursor: default;
	}

	.message img.iconclose {
		cursor: pointer;
	}
}

.message_window_top{
	background-image:url(styles/trinicom/img/message_window_2.gif);
	background-repeat:repeat-x;
	color:#FFFFFF;
	font-size:10pt;
	padding-right:12px;
	padding-left:12px;
}

.message_window_bottom {
	background-image: url(styles/trinicom/img/message_window_5.gif);
	background-repeat: repeat-x;
}

#messageContentHolder {
	border: 1px solid #000000;
	background-color: #FFFFFF;
	font: menu;
	padding: 10px;
}

#messageContentHolder_signout {
	border: 1px solid #000000;
	background-color: #FFFFFF;
	font: menu;
	padding: 10px;
}

#error_holder {
	color:#F40000;
}

.lc_version {
  background-image: url(styles/trinicom/img/version_back.gif);
  text-align: right;
  color:#ffffff;
  font-size:10px;
  padding-right:2px;
}

.SmallButton 
{
/*  FONT-WEIGHT: bold; */
  font-size: 11px;
  BACKGROUND: url(images/button.jpg) repeat-x; 
  VERTICAL-ALIGN: middle; 
  MIN-WIDTH: 80px;
  WIDTH: expression(this.clientWidth > 80 ? "auto" : "80px");
  COLOR: white; 
  PADDING-TOP: 0px; 
  /*HEIGHT: 24px; */
  cursor: pointer;
  TEXT-ALIGN: center; 
  TEXT-DECORATION: none;
  border:0px;  
  margin-top:-5px;
}
/*OS: FG*/
td.tdBorder
{
  border: 1px solid black;
}
span.Label
{
  font-weight: bold;
}