/* global use */
A:link {text-decoration: none;}
A:hover {background:none; text-decoration:none;}
A:active {background:none; text-decoration:none;}
A:visited {background:none; text-decoration:none;}


.styleButtonStd {width:22px; height:22px; padding:0px; vertical-align:middle; text-align:center; color:#000000; font-weight:bold;}
.headInfoChamp {vertical-align:middle; cursor:pointer;}
.headInfoChampAlwaysOn {vertical-align:middle; cursor:pointer;}
.headInfoChampLib {vertical-align:middle; padding-left:3px;}
.styleColorElem {border:1px solid #FFFFFF; cursor:pointer; min-width:16px; min-height:16px; display:inline-block; padding:0px; text-align:center; vertical-align:middle;}




/* LST use */
.innertable 	{height:100%; width:100%; border:none; margin:0px; padding:0px; vertical-align:middle;text-align:center; border-collapse:collapse;}
.active-header-table {border-width:0px 1px 1px 1px;border-collapse:collapse;padding:1px;}


.strStyleTextLST {font-size:10px; white-space:nowrap;}

.styleTdLstReq {align:left; vertical-align:middle; padding:0px 2px; white-space:nowrap;}



/* FRM use */
table.classTable 		{width:100%; min-height:50px; border-style:none; white-space:nowrap; padding:10px 0px;}
table.classTable td 	{width:50%;}
/* class for the tables with 3 TD's -> they will be aligned */
table.classTable3TD 	{width:100%; min-height:50px; border-style:none; white-space:nowrap; padding:10px 0px;}
table.classTable3TD td 	{width:33%;}
/* class for the tables with 4 TD's (2 labels/ 2 fields) -> they will be aligned */
table.classTable4TD 	{width:100%; min-height:50px; border-style:none; white-space:nowrap; padding:10px 0px;}
table.classTable4TD td 	{width:25%;}

table.classTable5TD 	{width:100%; min-height:50px; border-style:none; white-space:nowrap; padding:10px 0px;}
table.classTable5TD td 	{width:20%;}
/* class for the tables with 6 TD's (3 labels/ 3 fields) -> they will be aligned */
table.classTable6TD 	{width:100%; min-height:50px; border-style:none; white-space:nowrap; padding:10px 0px;}
table.classTable6TD td 	{width:16%;}
/* class for the tables with 8 TD's (4 labels/ 4 fields) -> they will be aligned */
table.classTable8TD 	{width:100%; min-height:50px; border-style:none; white-space:nowrap; padding:10px 0px;}
table.classTable8TD td 	{width:12.5%;}
/* class for the tables with 10 TD's (5 labels/ 5 fields) -> they will be aligned */
table.classTable10TD 	{width:100%; min-height:50px; border-style:none; white-space:nowrap; padding:10px 0px;}
table.classTable10TD td {width:10%;}

.fa-chat {
    position:relative;
    color:#EEEEEE;
    font-size:150px;
    text-align:center;
    left:45%;
    z-index:-1000;
}
.fa-chat:after {
    position:absolute;
    top:0;;
    left:0;
	content: "\f086";
}


/* SEARCH object use */
ul.ulStd	{list-style: none outside none; margin:0; padding:0;}
li.liVert	{float:center;}
li.liHor2	{width:50%; display:inline; float:left;}


/* CHECKBOX */
label i {
  display: inline-block;
  /*height: 25px;*/
  position: relative;
  top: 4px;
  font-style: normal;
  color: #666;
}

.check_trans input[type="checkbox"] { display: none; }

.check_trans input[type="checkbox"] + i:before {
  font-family: 'FontAwesome';
  font-size: 18px;
  /*height: 25px;*/
  width: 25px;
  display: inline-block;
}

.check_trans input[type="checkbox"]:checked + i {
  position: relative;
  -webkit-animation: icon-beat 0.1s ease;
  animation: icon-beat 0.1s ease;
}

.check_trans input[type="checkbox"]:checked + i + span {
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

.check_trans input[type="checkbox"] + i:before { content: "\f096";margin-top: -12px; }

.check_trans input[type="checkbox"]:checked + i:before { content: "\f046";margin-top: -12px; }

.check_trans input[type="checkbox"]:checked + i + span,
.check_trans input[type="checkbox"]:checked + i:before { color: rgb(0, 102, 0); }