/** 
 *	FIELDSET 
**/
.fieldset {display: block;margin: 0;padding: 0;overflow: hidden;font-size: 14px;}
.fieldset .fields {clear: both;display: block;margin:0px;padding: 0px;height:auto;width: auto;padding-bottom: 5px;}
.fieldset .field {display: block;padding: 0;margin: 0;margin-bottom: 1px;}
.fieldset .field label{float: left;margin: 0;padding: 0;text-transform: capitalize; font-weight: bold;text-indent: 5px;}
.fieldset .field .value {float: left;margin:0;padding:0;cursor: default;overflow: hidden;font: inherit;color: inherit;border:none;}
.fieldset .field .value img{width: 100%;height: 100%;}
.fieldset .field select{background-color: lightgray;}
.fieldset .field input{background-color: lightgray;}
.fieldset .field textarea{background-color: lightgray;}
.fieldset .link-field ,.fieldset .link-field .value{cursor: pointer;}
.fieldset .group-field{display: block;width: 100%;float :left;margin: 0px;padding: 0px;width: auto;height: auto;border:0px solid black;}
.fieldset .group-field .group-item{margin: 0px;padding: 0px;display:inline;float:left;}
.fieldset .group-field .field{display:inline;float:left;padding: 0px;margin: 0px;height: 100%;}
.fieldset .group-field .field .value{color: inherit;}
.fieldset .editor-field  {clear: both;}
.fieldset .editor-field .value{width: 600px;}
.fieldset .field *:focus{color: black;font-weight: bold;}
.fieldset .field.editor-field *:focus{font-weight: normal;}
.fieldset.popup-layout {position: absolute;top: 30%;left:30%;}


/**
 *	DEFAULT SIZE
*/
.fieldset {width: 340px;}
.fieldset .fields{margin: 9px 0 0 9px ;width: 100%;}
.fieldset .field {width: 320px;height: 25px;}
.fieldset .field label {width: 120px;height: 100%;}
.fieldset .field .value {width: 200px;height: 100%;}
.fieldset .field.nolabel .value {width: 320px;}

/**
 *	XXXL WIDTH
*/
.fieldset.width-xxxl {width: 800px;}
.fieldset.width-xxxl .field label {width: 120px;}
.fieldset .field.width-xxxl label {width: 120px;}
.fieldset.width-xxxl .field .value {width: 660px;}
.fieldset .field.width-xxxl .value {width: 660px;}
.fieldset.width-xxxl .field {width: 780px;}
.fieldset .field.width-xxxl {width: 780px;}

/**
 *	XXL WIDTH
*/
.fieldset.width-xxl {width: 700px;}
.fieldset.width-xxl .field label {width: 120px;}
.fieldset .field.width-xxl label {width: 120px;}
.fieldset.width-xxl .field .value {width: 560px;}
.fieldset .field.width-xxl .value {width: 560px;}
.fieldset.width-xxl .field {width: 680px;}
.fieldset .field.width-xxl {width: 680px;}

/**
 *	XL WIDTH
*/
.fieldset.width-xl {width: 600px;}
.fieldset.width-xl .field label {width: 120px;}
.fieldset .field.width-xl label {width: 120px;}
.fieldset.width-xl .field .value {width: 460px;}
.fieldset .field.width-xl .value {width: 460px;}
.fieldset.width-xl .field {width: 580px;}
.fieldset .field.width-xl {width: 580px;}

/**
 *	L WIDTH
*/
.fieldset.width-l {width: 400px;}
.fieldset.width-l .field label {width: 120px;}
.fieldset .field.width-l label {width: 120px;}
.fieldset.width-l .field .value {width: 260px;}
.fieldset .field.width-l .value {width: 260px;}
.fieldset.width-l .field {width: 380px;}
.fieldset .field.width-l {width: 380px;}

/**
 *	M WIDTH
*/
.fieldset.width-m {width: 300px;}
.fieldset.width-m .field label {width: 120px;}
.fieldset .field.width-m label {width: 120px;}
.fieldset.width-m .field .value {width: 160px;}
.fieldset .field.width-m .value {width: 160px;}
.fieldset.width-m .field {width: 280px;}
.fieldset .field.width-m {width: 280px;}

/**
 *	S WIDTH
*/
.fieldset.width-s {width: 200px;}
.fieldset.width-s .field label {width: 80px;}
.fieldset .field.width-s label {width: 80px;}
.fieldset.width-s .field .value {width: 100px;}
.fieldset .field.width-s .value {width: 100px;}
.fieldset.width-s .field {width: 180px;}
.fieldset .field.width-s {width: 180px;}

/**
 *	XS WIDTH
*/
.fieldset.width-xs {width: 140px;}
.fieldset.width-xs .field label {width: 60px;}
.fieldset .field.width-xs label {width: 60px;}
.fieldset.width-xs .field .value {width: 60px;}
.fieldset .field.width-xs .value {width: 60px;}
.fieldset.width-xs .field {width: 120px;}
.fieldset .field.width-xs {width: 120px;}

/**
 *	XXS WIDTH
*/
.fieldset.width-xxs {width: 100px;}
.fieldset.width-xxs .field label {width: 40px;}
.fieldset .field.width-xxs label {width: 40px;}
.fieldset.width-xxs .field .value {width: 40px;}
.fieldset .field.width-xxs .value {width: 40px;}
.fieldset.width-xxs .field {width: 80px;}
.fieldset .field.width-xxs {width: 80px;}

.fieldset.vertical .field {height: 50px;margin-top: 5px;}
.fieldset.vertical .field label {display: block; float: left;height: 30px;width: 100%}
.fieldset.vertical .field .value {display: block; float: left;width: 100%;height: auto}

.fieldset .field.nolabel .value {width: 100%}

/**
 *	FIELD HEIGHT
*/
.fieldset .field.height-xxs {height: 20px;}
.fieldset .field.height-xs {height: 30px;}
.fieldset .field.height-s {height: 60px;}
.fieldset .field.height-m {height: 120px;}
.fieldset .field.height-l {height: 360px;}
.fieldset .field.height-xl {height: 500px;}
.fieldset .field.height-xxl {height: 700px;}

/***
 *	BUTTON SIZE
*/
.fieldset {border: 1px solid lightgray; background-color: white;}
.fieldset .field.button-size1 .button{width: auto;margin: 0px 110px;}
.fieldset .field.button-size2 .button{width: auto;margin: 0px 25px;}
.fieldset .field.button-size3 .button{width: 137px;}
.fieldset .button-field {background-color:transparent;vertical-align: middle;width: 50px;text-align: center;height: 35px;}
.fieldset .button-field .value {cursor: pointer;border:1px solid gray;color: black;background-color: buttonface;height: 25px;}

/**
 *	SPECIFIQUE
**/
.fieldset .field.date-field .value {max-width: 100px;width:auto!important;width:100px}
.fieldset .field.date-field .calendar-icon{width: 16px;}
.fieldset .field.date-field .calendar-icon{display:block;float:left; background: url(/framework/images/calendar/calendar.gif) 0 0 no-repeat;background-color:gray; height: 16px;font-size: 0;margin-left: 6px;width: 16px;}
.fieldset .field textarea {overflow: auto;border: 0px solid gray;}
.fieldset .field.progressbar{background: blue;height: 20px;text-align: center;}
.fieldset .field.progress-field .value{background-color: lightblue;border:1px solid blue;padding: 2px;}
.fieldset .field.code-source .value{background: buttonface; white-space: nowrap; color: darkGray; font: bold  font-weight: bold; font-family: arial;font-size: 14px;cursor: default;}
.fieldset.editing .field.code-source .value {color:navy;cursor: auto;}
.fieldset .message-value .value{color: black;text-align: center;font-weight: bold;width: 100%;}
.fieldset .on-field .value {width:20px;margin: 0px;display: inline;float: left;text-align: left;padding: 0px}
.fieldset .field input[type='file']{width:50px;}
.fieldset .field.image-field {display: block;height: 60px;float: left;}
.fieldset .field.image-field label{display: block;height: 60px;color: inherit;}
.fieldset .field.image-field .value {display: block;width: 60px;height: 60px;border: 1px solid blue;float: left;}
.fieldset .value[type='text']{border-width: 1px;}
.fieldset .field.hidden{display: none;}

/** 
 *	POPUP FIELDSET
**/
.fieldset.popup {top: 300px;left: 400px;position: fixed;border: 2px solid lightgray;}
.fieldset.popup input {background-color: #F0F0F0;}
.fieldset.popup select {background-color: #F0F0F0;}
.fieldset.popup textarea {background-color: #F0F0F0;}
.fieldset.popup label{color: gray;}

/** 
 *	FIELDSET LIST
**/
.loop-frame .fieldset ,.loop-frame .fieldset .items ,.loop-frame .fieldset .items *{cursor: pointer;}
.fieldset.selected .bar{cursor: default;}
.fieldset.selected {border-color:black;background-color: #FAFAFA;}

/** 
 *	FIELDSET LIST
**/
.gray-fieldset{background-color: lightgray;border: 3px solid white;color: black;}
.gray-fieldset.selected {border-color:black;background-color: #FAFAFA;}

input.hidden-input{display: none;}

/**
	DEBUG COLORS
.fieldset .field {background-color: #ebf6fd;}
.fieldset .field label {color: gray;background-color: #bbdbf1}
.fieldset .field .value {background-color: #e0eff9;color: inherit;}
*/
.warning-message {height: 120px;}
.warning-message.fieldset .field label{width: 200px;}
.warning-message.fieldset .field.nolabel .value{font-weight: bold;font-size: 16px;}
.warning-message.fieldset .fields .button-field {width:75px;margin-right: 20px;padding-bottom: 5px;}