/* PEN NAME FORM ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
form#dial-user-edit-pen-name-form fieldset{
	background           : url('../images/pen_name_bg.png') top right no-repeat;
}
fieldset.pen_name{
	display              : none;
}
a.edit_pencil{
	float                : right;
}
tr.penname a{
	background           : url("../images/gear_alpha35.png") center center no-repeat;
	width                : 16px;
	height               : 16px;
}
tr.penname:hover a{
	background-image     : url("../images/gear.png");
}

/* FACET STRIPE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.facet_data{
	border-radius        : 4px;
	border               : 1px solid #DDD;
	margin               : 7px;
	box-shadow           : 2px 2px 2px 0px rgba(50, 50, 50, 0.1);
  position             : relative;
  height               : 2em;
  font-size            : 1em;
  box-sizing           : border-box ;
}
div.facet_data *{
	display              : inline-block;
}
div.facet_data span.facet_value{
	float                : right;
	font-weight          : bold;
}
div.facet_percent, div.facet_values{
	position             : absolute;
	left                 : 0;
	top                  : 0;
	height               : 2em;
}
div.facet_percent{
	height               : 100%;
	/*background         : url(../images/bg-stripes.png) left top repeat;*/
	background-color     : #DDD;
	border-radius        : 4px;
}
div.facet_values{
	padding              : 0.25em 2px;
	width                : 100%;
	font-weight          : normal;
	box-sizing           : border-box ;
}
div.facet_values label{
	font-size            : 0.8em;
}

/* == PROFILE INFORMATIONS ================================================== */
table.dial-user-profile *{
	border                : none;
	height: 20px;
}
table.dial-user-profile th{
	width                : 30%;
	text-align           : right;
}
table.dial-user-profile th:after{
	content              : " : "
}
table.dial-user-profile td{
	padding-left         : 0;
}
table.dial-user-profile span.data{
	font-family          : "Courier New";
}
table.dial-user-profile span.no-data{
	color                : #AAA;
	font-style           : italic;
}
table.dial-user-profile span.link{
	float                : right;
	padding-right        : 10px;
	font-weight: bold;
}
table.dial-user-profile th.orcid-icon{
	background           : url('../images/orcid_128x128.png') 10% center no-repeat;
	background-size      : 20px 20px;
}
table.dial-user-profile th.UCL-icon{
	background           : url('../images/ucl_20x16.png') 10% center no-repeat;
	background-size      : 20px 16px;
}

.btn-class{
 display               : inline-block;
 border                : 1px solid #CCC;
 color                 : #444 !important;
 border-radius         : 3px;
 font-family           : Verdana;
 width                 : auto;
 height                : auto;
 font-size             : 16px;
 padding               : 12px 40px;
 background-image      : linear-gradient(to top, #F5F5F5, #E4E4E4);
 background-color      : #F5F5F5;
}
.btn-class:hover, .btn-class:active{
 border                : 1px solid #CCC;
 color                 : #666!important;
 background-color      : #F5F5F5;
 background-image      : linear-gradient(to top, #E4E4E4, #F5F5F5);
 cursor: pointer;
}


/* == FULLTEXT REPARTITION ================================================== */
div.box{
	box-sizing : border-box;
}
div.fulltext_repartition{
	width                 : 97%;
	position              : relative;
	height                : 40px;
	margin                : 7px auto;
	border-radius         : 4px;
	border                : 1px solid #DDD;
  box-shadow            : 2px 2px 2px 0px rgba(50, 50, 50, 0.1);
}
div.fulltext_repartition *{
	display               : inline-block;
	box-sizing            : border-box;
}
div.fulltext_proportion{
	float                 : left;
	margin                : 0;
	padding               : 0;
	height                : 40px;
	font-size             : 10px;
	text-align            : center;
}
div.fulltext_proportion_green{
	background-color      : #65a865;
	color                 : green;
}
div.fulltext_proportion_red{
	background-color      : #ca474d;
	color                 : #660000;
}
div.fulltext_proportion_orange{
	background-color      : #caa647;
	color                 : #8f6b09;
}
div.fulltext_proportion_darkgray{
	background-color      : #AAA;
	color                 : #888;
}
div.fulltext_proportion_gray{
	float                 : right;
	background-color      : #EDEDED;
	color                 : #A6A6A6;
}
div.fulltext_repartition label{
	margin-top            : 11px;
	font-weight           : bolder;
	position              : relative;
}

div.fulltext-legend{
	width: 97%;
	margin : auto;
}
div.fulltext-legend label{
	text-transform        : uppercase;
	font-size             : 0.75em;
	margin-right          : 1.5em;
	font-weight           : normal;
	display: inline-block;
}
div.fulltext-legend label:before {
  content               : "";
  display               : inline-block;
  width                 : 1em;
  height                : 1em;
  margin-right          : 0.5em;
	box-shadow            : 2px 2px 2px 0px rgba(50, 50, 50, 0.1);
}
div.fulltext-legend label.fulltext_proportion_darkgray:before{
	background-color      : #AAA;
}
div.fulltext-legend label.fulltext_proportion_gray:before{
	background-color      : #EDEDED;
}
div.fulltext-legend label.fulltext_proportion_orange:before{
	background-color      : #caa647;
}
div.fulltext-legend label.fulltext_proportion_red:before{
	background-color      : #ca474d;
}
div.fulltext-legend label.fulltext_proportion_green:before{
	background-color      : #65a865;
}