@CHARSET "ISO-8859-1";
.notSelectable{
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}
.dN{
	display:none;
}
.dB{
	display:block;
}
.dI{
	display:inline;
}
.cB{
	clear:both;
}
.fL{
	float:left;
}
.fR{
	float:right;
}
.taL{
	text-align:left;
}
.taR{
	text-align:right;
}
.taC{
	text-align:center;
}
.childDataHead{
	float:left;
	clear:both;
	font-size:1.5em;
}
.dataGrid{
	float: left; clear: both;
	width: 98%;
}

.field-group{
	width: 45%;
	padding: 0.5% 1% ;
	float: left;
	position:relative;
}
.field-group .controls{
	position:relative;
}

.list_data_row .field-group{
  width: 20%;
  padding: 0.5% 0.2% ;
} 
.list_data_row .column:first-child, .list_head_row .columnhead:first-child{
	width: 25%;
}

.list_data_row .column, .list_head_row .columnhead{
	float:left;
	padding: 2px;
	width: 15%;
}

.list_head_row{
	/*font-size: 1.04em;*/
	font-weight: bold;
	
}
.list_head_row, .list_data_row{
	width: 100%;
	clear: both;
	float:left;
	height: 100%;
}

.list_data_row .controls{
	padding-top: 0.3em;
}

/**********
Button related
*********/
.remChildRow{
	background: url(../images/remove.png) no-repeat 0 0.3em ; border: 0px;
	background-size: 1.03em;
}

.addChildRow{
	float:left;
	padding-left: 0.5em;
	font-size: 1.3em;
	cursor: pointer;
	text-decoration:underline;
	color: blue;
	
}

/*************
Font size related
**************/
.fs1-5em{
	font-size: 1.5em;
}
.fs2em{
	font-size: 2em;
}
/************/
.error{
	color: #c00909;
	display: inline;
    
}
label.error{
	position:absolute;
	right: 10px;
	top: 7px;
}
.error:hover:after {
    background: #111;
    background: rgba(0,0,0,.8);
    border-radius: .5em;
    bottom: 1.45em;
    color: #fff;
    content: attr(errmsg);
    display: block;
    right: -1em;
    padding: .3em 1em;
    position: absolute;
    text-shadow: 0 1px 0 #000;
    white-space: nowrap;
    z-index: 98;
    font-size: 0.8em;
}

.error:hover:before {
    border: solid;
    border-color: #111 transparent;
    border-color: rgba(0,0,0,.8) transparent;
    border-width: .4em .4em 0 .4em;
    bottom: 1.1em;
    content: "";
    display: block;
    left: -0.1em;
    position: absolute;
    z-index: 99;
    font-size: 0.8em;
}

div[id^='childTemplate_']{
	display:none;
}

/*** Div size for fields ***/
.field-size4ch{
	width: 4ch !important;
}

.field-size6ch{
	width: 6ch !important;
}

.field-size8ch{
	width: 8ch !important;
}

.field-size12ch{
	width: 12ch !important;
}

.field-size20ch{
	width: 20ch !important;
}
.field-size30ch{
	width: 30ch !important;
}
.field-size40ch{
	width: 40ch !important;
}

.fieldInputCheckbox > ul > li, .fieldInputRadio > ul > li{
	list-style-type: none;
	float:left;
	padding-left: 1%;
}





.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-bottom: 5px solid black;
}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  
  border-top: 20px solid #f00;
}

.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  
  border-left: 60px solid green;
}

.arrow-left {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  
  border-right:10px solid blue; 
}

	.hasAutocomplete , .hasAutocomplete + div{
		float:left;
		
	}
	.hasAutocomplete + div{
		margin-left: -14px;
		margin-top:8px;
		left: 99%;
		top: 0px;
		z-index: 10;
		position:absolute;
	}
  /* Required for Down Triangle */
  .hasAutocomplete + div:before, .hasAutocomplete + div:after {
    content: "";
    position: relative;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-bottom: 0;
    
  }

  /* Stroke */
  .hasAutocomplete + div:before {
    bottom: -6px;
    right: 10px;

    /* If 1px darken stroke slightly */
    border-top-color: #f3f3f3;
    border-width: 8px;
  }

  /* Fill */
  .hasAutocomplete + div:after {
    bottom: -5px;
    right: 23px;
    border-top-color: #777;
    border-width: 5px;
  }
  
  .fieldSelect{
  	margin-top:4px;
  }
  
  #errormsg{
  	float:left;
  	width:100%;
  	
  }