.f {
  float:left;
}

.f-button-fluid {
  float:left;
}

/*
.f .f-button {
  height:22px;
  line-height:22px;
  background:url(../gfx/gui_buttons.png) right 0px;
  cursor:pointer;
  font-size:12px;
  text-align:center;
  color:#000;
  margin:1px;
  text-shadow:0 1px 1px #fff;
}
.f .f-button .f-inner {
  background:url(../gfx/gui_buttons.png) left 0px;
  margin-right:5px;
  height:22px;
  padding-left:5px;
}
.f .f-button.over {
  background-position:right -22px;
}
.f .f-button.over .f-inner {
  background-position:left -22px;
}
.f .f-button.down {
  background-position:right -44px;
}
.f .f-button.down .f-inner {
  background-position:left -44px;
}
.f .f-button.dark {
  background-position:right -66px;
}
.f .f-button.dark .f-inner {
  background-position:left -66px;
}
.f .f-button.dark.over {
  background-position:right -88px;
}
.f .f-button.dark.over .f-inner {
  background-position:left -88px;
}
.f .f-button.dark.down {
  background-position:right -110px;
}
.f .f-button.dark.down .f-inner {
  background-position:left -110px;
}
*/


.f .f-button {
  height:24px;
  position:relative;
  line-height:24px;
  text-align:center;
  cursor:pointer;
  color:#000;
  font-weight:bold;
  text-shadow:0 1px 1px #FFF;
  font-size:12px;
}
.f .f-button div {
  background:url(../gfx/gui_buttons_v2.png);
  height:24px;
  position:absolute;
}
.f .f-button .l {
  width:10px;
  left:0;
}
.f .f-button .c {
  left:10px;
  right:10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.f .f-button .r {
  width:10px;
  right:0;
}

.f .f-button.gray {
color:#555;
text-shadow:0 1px 0 #FFF;
}

.f .f-button.round.gray .l {
  background-position:left 0px;
}
.f .f-button.round.gray .c {
  background-position:center 0px;
}
.f .f-button.round.gray .r {
  background-position:right 0px;
}
.f .f-button.round.gray.down .l {
  background-position:left -24px;
}
.f .f-button.round.gray.down .c {
  background-position:center -24px;
}
.f .f-button.round.gray.down .r {
  background-position:right -24px;
}

.f .f-button.square.gray .l {
  background-position:left -96px;
}
.f .f-button.square.gray .c {
  background-position:center -96px;
}
.f .f-button.square.gray .r {
  background-position:right -96px;
}
.f .f-button.square.gray.down .l {
  background-position:left -120px;
}
.f .f-button.square.gray.down .c {
  background-position:center -120px;
}
.f .f-button.square.gray.down .r {
  background-position:right -120px;
}

.f .f-button.blue {
  /*color:#FFF;
  text-shadow:0 -1px #005DCD;*/

color:#0C3277;
text-shadow:0 1px 1px #FFF;
}

.f .f-button.round.blue .l {
  background-position:left -48px;
}
.f .f-button.round.blue .c {
  background-position:center -48px;
}
.f .f-button.round.blue .r {
  background-position:right -48px;
}
.f .f-button.round.blue.down .l {
  background-position:left -72px;
}
.f .f-button.round.blue.down .c {
  background-position:center -72px;
}
.f .f-button.round.blue.down .r {
  background-position:right -72px;
}

.f .f-button.square.blue .l {
  background-position:left -144px;
}
.f .f-button.square.blue .c {
  background-position:center -144px;
}
.f .f-button.square.blue .r {
  background-position:right -144px;
}
.f .f-button.square.blue.down .l {
  background-position:left -168px;
}
.f .f-button.square.blue.down .c {
  background-position:center -168px;
}
.f .f-button.square.blue.down .r {
  background-position:right -168px;
}

.f .f-button.orange {
  /*color:#FFF;
  text-shadow:0 -1px #005DCD;*/

  color:#0C3277;
  text-shadow:0 1px 1px #FFF;
}

.f .f-button.round.orange .l {
  background-position:left -48px;
}
.f .f-button.round.orange .c {
  background-position:center -48px;
}
.f .f-button.round.orange .r {
  background-position:right -48px;
}
.f .f-button.round.orange.down .l {
  background-position:left -72px;
}
.f .f-button.round.orange.down .c {
  background-position:center -72px;
}
.f .f-button.round.orange.down .r {
  background-position:right -72px;
}

.f .f-button.square.orange .l {
  background-position:left -144px;
}
.f .f-button.square.orange .c {
  background-position:center -144px;
}
.f .f-button.square.orange .r {
  background-position:right -144px;
}
.f .f-button.square.orange.down .l {
  background-position:left -168px;
}
.f .f-button.square.orange.down .c {
  background-position:center -168px;
}
.f .f-button.square.blue.down .r {
  background-position:right -168px;
}


.f .f-input {
  height:24px;
  position:relative;
}

.f .f-counter {
    float:left;
    font-size: 12px;
    margin-right: 3px;
    width: auto;
}

.f .f-input .f-left {
  width:5px !important;
  height:24px;
  position:absolute;
  left:0;
  top:0;
  background:url(../gfx/gui_input.png) 0px 0px;
}
.f .f-input.focus .f-left {
  background-position:0px -24px;
}
.f .f-input .f-center {
  height:24px;
  position:absolute;
  left:5px;
  right:5px;
  top:0;
  background:url(../gfx/gui_input.png) 0px -72px repeat-x;
}
.f .f-input.focus .f-center {
  background-position:0px -96px;
}
.f .f-input .f-right {
  width:5px !important;
  height:24px;
  position:absolute;
  right:0;
  top:0;
  background:url(../gfx/gui_input.png) -19px 0px;
}
.f .f-input.focus .f-right {
  background-position:-19px -24px;
}
.f .f-input .f-center .f-field {
  border:0;
  background:transparent;
  height:16px;
  margin:4px 0;
  outline:none;
  font-size:11px;
}

.f .f-input .f-center .f-warning {
  background-color:#fcc;
}

.f.f-autocomplete {
    position:relative;
}

span.ac-label {
    background-color:#999;
    border-radius:12px;
    color:#fff;
    display:inline-block !important;
    float:none !important;
    font-size:12px;
    font-weight:bold;
    line-height:16px !important;
    min-height:0 !important;
    padding:4px 25px 4px 15px;
    position:relative;
    text-indent:0 !important;
    text-shadow:0 -1px rgba(0, 0, 0, 0.25);
}

span.ac-label .ac-clear {
    background:url(../gfx/gui_cross.png) no-repeat top left;
    cursor:pointer;
    display:block !important;
    float:none !important;
    position:absolute;
    top:4px;
    right:6px;
    width:16px;
    height:16px;
    min-width:16px !important;
    min-height:16px !important;
}

.f.f-autocomplete .f-ac-data {
    background-color:#fff;
    border:1px solid #aaa;
    border-radius:3px;
    box-shadow:1px 3px 8px rgba(0, 0, 0, 0.3);
    color:#000;
    display:none;
    font-size:12px;
    line-height:16px;
    max-height:405px;
    overflow:auto;
    padding:5px 0;
    top:24px;
    left:1px;
    right:1px;
    z-index:10;
}

.f.f-autocomplete .f-ac-data .ac-row {
    border-bottom:1px solid #ccc;
    padding:5px;
}

.f.f-autocomplete .f-ac-data .ac-row.hover {
    background-color:#ffc;
    cursor:pointer;
}

.f.f-autocomplete .f-ac-data .ac-row span {
    display:inline;
    float:none;
    line-height:normal;
    min-height:0;
    text-indent:0;
}

.f.f-autocomplete .f-ac-data .ac-no-results {
    color:#808080;
    padding:10px;
    text-align:center;
}

.f .f-text {
  height:100px;
  position:relative;
}
.f .f-text .f-left {
  width:5px;
  height:100px;
  position:absolute;
  left:0;
  top:0;
  background:url(../gfx/gui_input.png) 0px -120px;
}
.f .f-text.focus .f-left {
  background-position:0px -220px;
}
.f .f-text .f-center {
  height:100px;
  position:absolute;
  left:5px;
  right:5px;
  top:0;
  background:url(../gfx/gui_input.png) 0px -320px repeat-x;
}
.f .f-text.focus .f-center {
  background-position:0px -420px;
}
.f .f-text .f-right {
  width:5px;
  height:100px;
  position:absolute;
  right:0;
  top:0;
  background:url(../gfx/gui_input.png) -19px -120px;
}
.f .f-text.focus .f-right {
  background-position:-19px -220px;
}
.f .f-text .f-center .f-field {
  border:0;
  background:transparent;
  height:92px;
  margin:4px 0;
  outline: none;
  font-size:11px;
}


.f .f-bigtext {
  height:250px;
  position:relative;
}
.f .f-bigtext .f-left {
  width:5px;
  height:250px;
  position:absolute;
  left:0;
  top:0;
  background:url(../gfx/gui_input.png) 0px -520px;
}
.f .f-bigtext.focus .f-left {
  background-position:0px -770px;
}
.f .f-bigtext .f-center {
  height:250px;
  position:absolute;
  left:5px;
  right:5px;
  top:0;
  background:url(../gfx/gui_input.png) 0px -1020px repeat-x;
}
.f .f-bigtext.focus .f-center {
  background-position:0px -1270px;
}
.f .f-bigtext .f-right {
  width:5px;
  height:250px;
  position:absolute;
  right:0;
  top:0;
  background:url(../gfx/gui_input.png) -19px -520px;
}
.f .f-bigtext.focus .f-right {
  background-position:-19px -770px;
}
.f .f-bigtext .f-center .f-field {
  border:0;
  background:transparent;
  height:242px;
  margin:4px 0;
  outline: none;
  font-size:11px;
}


.f .f-check {
  height:24px;
  overflow:hidden;
  line-height:24px;
  font-size:12px;
  cursor:pointer;
  background:url(../gfx/gui_checkboxes.png) left 0px no-repeat;
}
.f .f-check.down {
  background-position:left -24px;
}
.f .f-check.checked {
  background-position:left -48px;
}
.f .f-check.checked.down {
  background-position:left -72px;
}
.f .f-check .text {
  text-indent:21px;
  text-shadow:0 1px 1px #FFF;
}
.f .f-check.dis {
  cursor:default;
  background-position:left -96px;
}


.f .f-option {
  height:24px;
  overflow:hidden;
  line-height:24px;
  font-size:12px;
  cursor:pointer;
  background:url(../gfx/gui_checkboxes.png) left -120px no-repeat;
}
.f .f-option.down {
  background-position:left -144px;
}
.f .f-option.checked {
  background-position:left -168px;
}
.f .f-option.checked.down {
  background-position:left -192px;
}
.f .f-option .text {
  text-indent:21px;
  text-shadow:0 1px 1px #FFF;
}


.f .f-select {
  height:24px;
  position:relative;
}
.f .f-select .f-left {
  width:5px;
  height:24px;
  position:absolute;
  left:0;
  top:0;
  background:url(../gfx/gui_input.png) 0px 0px;
}
.f .f-select .f-center {
  color:#000;
  height:24px;
  position:absolute;
  left:5px;
  right:24px;
  top:0;
  background:url(../gfx/gui_input.png) 0px -72px repeat-x;
  font-size:11px;
  text-indent:2px;
  line-height:25px;
  white-space:nowrap;
  overflow:hidden;
}
.f .f-select .f-right {
  width:24px;
  height:24px;
  position:absolute;
  right:0;
  top:0;
  background:url(../gfx/gui_input.png) 0px -48px;
}

.f .f-select select {
  position:absolute;
  left:0;
  top:0;
  opacity:0;
  filter:alpha(opacity=0);
  outline:none;
  height:24px;
  margin:0 1px;
  border:0;
  cursor:pointer;
}

.form {
  margin:5px 0 10px 10px;
  width:820px;
  border-bottom:1px solid #fff;
}

.form .line {
  height:1px;
  margin-top:-1px;
  background:#666;
}
.form .title {
  padding-top:20px;
  height:24px;
  font-size:13px;
  font-weight:bold;
  color:#000;
  line-height:24px;
  border-top:1px solid #fff;
  border-bottom:1px solid #999;
  text-shadow:0 1px 1px #FFF;
}
.form .title:first-child {
  border-top:none;
  padding-top:0;
}
.form .row {
  border-top:1px solid #fff;
  border-bottom:1px solid #ddd;
}

.form .row:first-child {
  border-top:none;
}
.form .row.last {
  border-bottom:none;
}
.form .row .label {
  float:left;
  margin:4px 0;
  color:#666;
  font-size:11px;
  line-height:12px;
  width:240px;
  text-shadow:0 1px 1px #FFF;
}
.form .row .label strong {
  height:24px;
  display:block;
  font-size:13px;
  overflow:hidden;
  line-height:24px;
  color:#333;
}
.form .row .input {
  float:right;
  margin:4px 0;
  width:580px;
}
.form .row .input span {
  display:block;
  float:left;
  line-height:24px;
  text-indent:1px;
  min-height:24px;
}
.form .row .input span.inline-label {
  text-align:right;
  text-indent:0;
  padding:0 5px 0 15px;
  width:100px;
}

.form .row .input .information {
    color:#666;
    display:block;
    float:none;
    font-size:11px;
    line-height:12px;
    margin:4px 0;
    min-height:auto;
    text-shadow:0 1px 1px white;
}

.form .row .input .information a {
    color:#666;
}

.form .row .input .information a:hover {
    color:#007fff;
}

.form .row .input .f-wysiwyg span {
  display:inherit;
  float:inherit;
  line-height:inherit;
  text-indent:inherit;
  min-height:inherit;
}

.form .row .image {
  float:left;
  width:54px;
  height:54px;
  background:center no-repeat;
}
.form .row .image a {
  display:block;
  width:54px;
  height:54px;
  text-indent:-9999px;
  background:url(../../backoffice/gfx/img_mask_50.png) 0px 0px no-repeat;
}
.form .row .image a:hover {
  background-position:0px -54px;
}

.form .row .image.empty a {
  background-position:0px -108px;
}

.form .row .file {
  height:24px;
}
.form .row .file a {
  display:block;
  text-indent:21px;
  background:url(../../backoffice/gfx/icons/document.png) 0px 4px no-repeat;
  font-weight:bold;
}
.form .row .file a.png,
.form .row .file a.jpg {
  background-image:url(../../backoffice/gfx/icons/image.png);
}


.form .mceLayout {

}
.f .f-wysiwyg {
  margin:0 1px;
  height:411px;
}


/*
.f .f-wysiwyg span {
  height:20px !important;
  min-height:20px !important;
}



.f .f-wysiwyg span.mceAction {
  height:16px !important;
}
.f .f-wysiwyg table.mceLayout tr.mceFirst td.mceToolbar {
  border-top:1px solid #999;
}
.f .f-wysiwyg .defaultSkin table.mceLayout {
  border-left:1px solid #999;
  border-right:1px solid #999;
}
.f .f-wysiwyg .mceIframeContainer {
  border-top:1px solid #999;
}

.f .f-wysiwyg table.mceLayout tr.mceLast td {
  border-bottom:1px solid #999;
}

*/



.f .f-color {
  height:24px;
  position:relative;
}
.f .f-color .f-left {
  width:5px;
  height:24px;
  position:absolute;
  left:0;
  top:0;
  background:url(../gfx/gui_input.png) 0px 0px;
}
.f .f-color.focus .f-left {
  background-position:0px -24px;
}
.f .f-color .f-center {
  height:24px;
  position:absolute;
  left:5px;
  right:34px;
  top:0;
  background:url(../gfx/gui_input.png) 0px -72px repeat-x;
}
.f .f-color.focus .f-center {
  background-position:0px -96px;
}
.f .f-color .f-right {
  width:5px;
  height:24px;
  position:absolute;
  right:29px;
  top:0;
  background:url(../gfx/gui_input.png) -19px 0px;
}
.f .f-color.focus .f-right {
  background-position:-19px -24px;
}
.f .f-color .f-center .f-field {
  border:0;
  background:transparent;
  height:16px;
  margin:4px 0;
  outline:none;
  font-size:11px;
}

.f .f-color .f-value {
  width:24px;
  height:24px;
  position:absolute;
  cursor:pointer;
  right:0;
  top:0;
  background:url(../gfx/gui_input.png) 0px 0px;
}
.f .f-color .f-value .f-value-color {
  width:18px;
  height:18px;
  margin:3px;
  background:#09F;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
}

.f .f-date {
  height:24px;
  position:relative;
}
.f .f-date .f-left {
  width:5px;
  height:24px;
  position:absolute;
  left:0;
  top:0;
  background:url(../gfx/gui_input.png) 0px 0px;
}
.f .f-date.focus .f-left {
  background-position:0px -24px;
}
.f .f-date .f-center {
  height:24px;
  position:absolute;
  left:5px;
  right:34px;
  top:0;
  background:url(../gfx/gui_input.png) 0px -72px repeat-x;
}
.f .f-date.focus .f-center {
  background-position:0px -96px;
}
.f .f-date .f-right {
  width:5px;
  height:24px;
  position:absolute;
  right:29px;
  top:0;
  background:url(../gfx/gui_input.png) -19px 0px;
}
.f .f-date.focus .f-right {
  background-position:-19px -24px;
}
.f .f-date .f-center .f-field {
  border:0;
  background:transparent;
  height:16px;
  margin:4px 0;
  outline:none;
  font-size:11px;
}
.f .f-date .f-picker {
  width:24px;
  height:24px;
  position:absolute;
  cursor:pointer;
  right:0;
  top:0;
  background:url(../gfx/gui_input.png) 0px 0px;
}
.f .f-date .f-picker .f-picker-inner {
  width:16px;
  height:16px;
  margin:4px;
  background:url(../gfx/gui_date.png);
}

.f .f-file-picker {
  height:24px;
  position:relative;
}
.f .f-file-picker .f-left {
  width:5px;
  height:24px;
  position:absolute;
  left:0;
  top:0;
  background:url(../gfx/gui_input.png) 0px 0px;
}
.f .f-file-picker.focus .f-left {
  background-position:0px -24px;
}
.f .f-file-picker .f-center {
  height:24px;
  position:absolute;
  left:5px;
  right:34px;
  top:0;
  background:url(../gfx/gui_input.png) 0px -72px repeat-x;
}
.f .f-file-picker.focus .f-center {
  background-position:0px -96px;
}
.f .f-file-picker .f-right {
  width:5px;
  height:24px;
  position:absolute;
  right:29px;
  top:0;
  background:url(../gfx/gui_input.png) -19px 0px;
}
.f .f-file-picker.focus .f-right {
  background-position:-19px -24px;
}
.f .f-file-picker .f-center .f-field {
  border:0;
  background:transparent;
  height:16px;
  margin:4px 0;
  outline:none;
  font-size:11px;
}
.f .f-file-picker .f-picker {
  width:24px;
  height:24px;
  position:absolute;
  cursor:pointer;
  right:0;
  top:0;
  background:url(../gfx/gui_input.png) 0px 0px;
}
.f .f-file-picker .f-picker .f-picker-inner {
  width:16px;
  height:16px;
  margin:4px;
  background:url(../../backoffice/gfx/icons/folder-horizontal-open.png);
}

.f .f-radio input[type='radio']
{
    margin: 5px;
}

.f .f-radio label
{
    margin-right: 20px;
}