@charset "utf-8";

/*_______________________________________Default_____________*/

 html * { font-size: 1em; border-width: 0; border-color: #333; border-style: solid; }
 h3, h4, h5, h6, th, b, strong { font-weight: bold; }
 h6 { margin-bottom: 0.5em; }
 table { width: 100%; empty-cells: show; }
 th, td, caption { vertical-align: top; text-align: left; padding: 0.2em 0; }
 thead th { vertical-align: middle; }
 p { margin-bottom: 0.5em; }
 a { color: inherit; }
 img { font-size: 0; vertical-align: middle; max-width: 100%; max-height: 100%; }
 video, audio, iframe { max-width: 100%; max-height: 100%; }
 input[type=image] { font-size: 1em; vertical-align: middle; }
 sub, sup { font-size: 0.75em; }
 sub, sup { line-height: 0; position: relative; }
 sub { bottom: -0.25em; }
 sup { top: -0.5em; }
 em { font-style: italic; }

/*_______________________________________Fieldsets_____________*/

 fieldset, .fieldset {
   margin: 1em 0; padding: 1em; position: relative; min-width: 0;
   color: #556; background-color: #fcfcfc; border: 1px solid #ccc;
   -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
   background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#fff));
   background: -moz-linear-gradient(top, #f9f9f9, #fff);
   background: linear-gradient(top, #f9f9f9, #fff);
   -moz-box-shadow: 0 1px 2px rgba(192,192,192,0.6);
   -webkit-box-shadow: 0 1px 2px rgba(192,192,192,0.6);
   box-shadow: 0 1px 2px rgba(192,192,192,0.6);
   }
 .ie7 fieldset, .ie7 .fieldset, .ie8 fieldset, .ie8 .fieldset {
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f9f9f9, endColorstr=#ffffff),
           progid:DXImageTransform.Microsoft.Shadow(color='#C0C0C0', Direction=90, Strength=3);
   }
 .fieldset { margin-top: 2em; padding-top: 2em; }
 fieldset.top, fieldset:first-child { margin-top: 0; }
 .fieldset.top, .fieldset:first-child { margin-top: 1em; }
 fieldset.bottom, .fieldset.bottom { margin-bottom: 0; }
 legend, .legend {
   padding: 0.2em 1em; color: #778; background-color: #f9f9f9; border: 1px solid #ccc; font-weight: bold; text-shadow: 1px 1px 0px #ffffff;
   -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
   background: -moz-linear-gradient(top, #fff, #eee);
   background: linear-gradient(top, #fff, #eee);
   }
 .ie7 legend, .ie7 .legend, .ie8 legend, .ie8 .legend {
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#eeeeee),
           progid:DXImageTransform.Microsoft.DropShadow(color='#ffffff', offX=1, offY=1);
   zoom: 1;
   }
 .legend { position: absolute; top: -1em; }
 fieldset fieldset { color: inherit; background: none transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
 .ie7 fieldset fieldset, .ie8 fieldset fieldset { filter: progid:DXImageTransform.Microsoft.gradient(enabled=false), progid:DXImageTransform.Microsoft.Shadow(enabled=false); }
 fieldset fieldset legend { color: inherit; background: none transparent; border: 0; padding: 0 0.4em; border-radius: 0; text-shadow: none; }
 .ie7 fieldset fieldset legend, .ie8 fieldset fieldset legend { filter: progid:DXImageTransform.Microsoft.gradient(enabled=false), filter: progid:DXImageTransform.Microsoft.DropShadow(enabled=false); }

/*_______________________________________HTML content_____*/

 .text-html { line-height: 1.5em; }
 .text-html h3, .text-html h4, .text-html h5 { margin-bottom: 0.5em; }
 .text-html blockquote, .text-html ul, .text-html ol, .text-html dl { margin: 1em 1em 1em 2em; }
 .text-html ul ul, .text-html ul ol, .text-html ol ul, .text-html ol ol { margin: 0.5em 0.5em 0.5em 2em; }
 .text-html ol { list-style: outside decimal; }
 .text-html ul { list-style: outside square; }
 .text-html a { text-decoration: underline; }
 .text-html:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }

/*______________________________________________Special templates__________*/

 #menue_archive .col-1 { width: 40%; }
 #menue_archive .col-2 { width: 40%; }
 #menue_archive .col-3 { width: 10%; }
 #menue_archive .col-4 { width: 10%; }
 #menue_archive .col-1 .img-before { padding-right: 0.4em; }

 #config h6 { margin: 1em 0; padding: 0.5em 0; border-bottom-width: 1px; }
 #config .f-column .f-text, #config .f-column .f-select, #config  .f-column .f-text input, #config .f-column textarea { text-align: right; }

 #organizer fieldset ul { padding: 0 0 0 20px; }

 #search .result { font-size: 0.9em; text-align: right; }
 #search .section { margin: 2em 0; }
 #search h6 { margin: 0; }
 #search h6 a { text-decoration: underline; }
 #search .url { margin: 0.2em 0; font-size: 0.9em; color: #062; }
 #search em { font-style: normal; font-weight: bold; }
 #search .keywords { margin-top: 0.5em; font-size: 0.9em; }
 #search .keywords .found { color: #062; }
 #search .keywords .skipped { color: #900; text-decoration: line-through; }

 .payment_gateway iframe { width: 100%; height: 280px; }
 .button.paypal, .button.paypal:hover, .paypal, .paypal:hover, .f-buttons input[type=submit].paypal, .f-buttons input[type=submit].paypal:hover, .paypal, .paypal:hover {
   border: 0; height: 42px; width: 142px; overflow: hidden; text-indent: -9999px; vertical-align: top;
   background: url('https://www.paypal.com/en_US/i/btn/btn_xpressCheckout.gif') no-repeat center #fff;
   -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px;
   }

 #crop .wrapper, #crop .cropper-container { max-width: 800px; max-height: 600px; overflow: hidden; }
 #crop .indicator { display: none; }

/*________________________________________________All templates_____________*/

 #content { position: relative; }

 .content-header { margin-bottom: 1em; font-size: 1.5em; line-height: 1.1em; }
 .backend .content-header { padding-right: 100px; }
 .content-body {}

 .captcha { border: 1px solid #ccc; background: none #F5F5F5; width: 186px; overflow: hidden; padding: 16px; }
 .attach { background: #FFFFE0; border-top: 1px solid #808080; border-bottom: 1px solid #808080; margin: 1.5em 0 1em 0; padding: 0.3em 0.2em 0.5em 0.2em; text-align: center; }
 .more { text-align: right; font-size: 0.9em; font-weight: bold; }
 .more a { text-decoration: none; }
 .user_entry {
   border-width: 1px; background-color: #FFFFFF; font-size: 0.95em; padding: 0.75em; margin: 0.3em 0; text-align: left;
   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
   }
 .quote {
   border-width: 1px; background-color: #FFFFFF; padding: 0.5em 1em; margin: 0.4em 0; text-align: left;
   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
   }
 .user_entry:after, .quote:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }

 /* folder tree */
 .tree li { position: relative; padding-left: 15px; }
 .tree .node { position: absolute; left: 0; }
 .tree .selected > div > a > span, .tree .selected > a > span { color: #fff; background-color: #347796; }

 /* thumbnails */
 .thumbs:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
 .thumbs > div { float: left; width: 25%; padding: 2px; font-size: 0.9em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
 .thumbs .frame { display: block; position: relative; padding: 2em 0 75% 0; border: 1px solid #999; text-align: center; }
 .thumbs .frame .thumb { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: auto; padding: 0 0 2em 0; text-align: center; }
 .thumbs .frame .thumb a { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: auto; }
 .thumbs .frame .caption { position: absolute; bottom: 0; left: 0; width: 96%; margin: 0 2%; heigth: 2em; line-height: 2em; text-align: center; white-space: nowrap; overflow: hidden; }
 .thumbs .empty { width: auto !important; float: none !important; }
 .thumbs.t-hide-captions .frame { padding-top: 0; }
 .thumbs.t-hide-captions .frame .thumb { padding-bottom: 0; }
 .thumbs.t-hide-captions .frame .caption { display: none; }
 .thumbs a { text-decoration: none; }
 .thumbs.t-small > div { width: 16.66%; }
 .thumbs.t-medium > div { width: 33.33%; }
 .thumbs.t-large > div { width: 50%; }
 .thumbs.t-full > div { width: 100%; }

 /* breadcrumbs */
 .breadcrumbs { position: relative; }
 .breadcrumbs:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
 .breadcrumbs ul { overflow: hidden; }
 .breadcrumbs li { float: left; position: relative; margin-right: 8px; padding-left: 15px; }
 .breadcrumbs li:first-child { padding-left: 0; }
 .breadcrumbs li:before { content: '/'; position: absolute; left: 0; }
 .breadcrumbs li:first-child:before { content: ''; }

 /* sections */
 .header { margin-bottom: 1em; }
 .section { margin: 1em 0; }
 .section.top { margin-top: 0; }
 .section.bottom { margin-bottom: 0; }
 .footer { margin-top: 1em; }
 .header:after, .section:after, .footer:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }

 /* Archive table */
 .archive .thead > *, .archive thead th { line-height: 1em; padding: 0 0.5em 0.5em 0.1em; border-bottom-width: 1px; }
 .archive .tbody > *, .archive tbody td { line-height: 1.5em; padding: 0.2em 0.5em 0.2em 0.1em; border-top: 1px solid #FFFFFF; }
 .archive .tbody > *:last-child, .archive tbody > td:last-child, .archive .thead > *:last-child, .archive thead th:last-child { padding-right: 0.1em; }
 .archive .empty, .empty { text-align: center; padding: 2em 0; }

 /* Archive ul */
 ul.archive ul { clear: both; padding: 0.5em 0; }
 ul.archive ul .col-1 { padding-left: 15px; }
 ul.archive ul ul .col-1 { padding-left: 30px; }
 ul.archive li { overflow: hidden; padding: 0.3em 0; }
 ul.archive li div { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
 ul.archive .empty { width: 100%; }

 /* Archive header / footer */
 .archive-header div { float: left; margin-bottom: 1em; padding-right: 1em; font-size: 0.95em; }
 .archive-footer { border-top-width: 1px; margin-bottom: 0.75em; }
 fieldset .archive-footer:last-child, .fieldset .archive-footer:last-child { margin-bottom: 0; }
 .archive-footer div { padding: 0.25em 0; font-size: 0.95em; }
 .footer-left { float: left; }
 .footer-right { float: right; text-align: right; }
 .footer-right .upload-container { margin-right: 0.5em; }
 .footer-right .upload-container { margin-left: 0.5em; }
 .footer-action img { vertical-align: top; margin: 0 4px; }
 .footer-action select { width: 11.5em; }
 .archive-header:after, .archive-footer:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }

 /* Tables */
 .narrow td, .narrow .tbody > * { padding: 0; }
 .compact td, .compact .tbody > * { font-size: 0.95em; }
 .border th, .border td, .border .tbody > * { border-width: 1px; }
 .stretched td, .stretched th, .stretched .thead > *, .stretched .tbody > * { line-height: 1.5em; padding: 0.3em 0.1em; }

 /* CSS table */
 .table { display: table; width: 100%; table-layout: fixed; border-collapse: collapse; }
 .table > form { display: table-row-group; }
 .table .thead, .table .tbody  { display: table-row; }
 .table .thead > *, .table .tbody > *, .table > * { display: table-cell; padding: 0.2em 0.1em; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
 .table .thead { font-weight: bold; }

 /* important */
 .important { position: relative; border: 1px solid #e66e4c; background: none #FFFBED; padding: 8px 40px 8px 8px; color: #778; margin: 12px 0; border-radius: 4px; min-height: 40px; box-shadow: 0 1px 2px rgba(216,216,216,0.6); }
 fieldset .important, .fieldset .important { box-shadow: none; }
 .important h6 { font-size: 1.2em; color: #e66e4c; margin: 0 0 0.5em 0; }
 .important em { font-style: normal; color: #e66e4c; }
 .important b { color: #e66e4c; }
 .important:before { content:url('../images/important.png'); position: absolute; top: 50%; right: 6px; margin-top: -16px; }
 .important:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
 .important-header { background: none #e66e4c; color: #fff; padding: 1px 4px; font-size: 0.9em; margin: 10px 0 2px 0; }

 /* info */
 .info { position: relative; border: 1px solid #325D88; background: none #EFF1FF; padding: 8px 40px 8px 8px; color: #778; margin: 12px 0; border-radius: 4px; min-height: 40px; box-shadow: 0 1px 2px rgba(216,216,216,0.6); }
 fieldset .info, .fieldset .info { box-shadow: none; }
 .info h6 { font-size: 1.2em; color: #325D88; margin: 0 0 0.5em 0; }
 .info em { font-style: normal; color: #325D88; }
 .info b { color: #325D88; }
 .info:before { content:url('../images/info.png'); position: absolute; top: 50%; right: 6px; margin-top: -16px; }
 .info:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
 .info-header { background: none #325D88; color: #fff; padding: 1px 4px; font-size: 0.9em; margin: 10px 0 2px 0; }

 /* drag & drop */
 .drag-helper { border: 1px solid #666; background: none #eee; border-radius: 2px; height: 14px; width: 10px; -moz-opacity: 0.5; -khtml-opacity: 0.5; -opera-opacity: 0.5; opacity: 0.5; }
 .drop-target, .drop-target td { background: none #DCDFE8 !important; }

 /* scrollable */
 .scrollable .table { table-layout: auto; }
 .scrollable .viewport { height: 400px; overflow: auto; margin-bottom: 5px; }
 .scrollable .scrollfix { width: 0; }
 .scrollable .scrollfix > div { overflow-y: scroll; height: 1px; visibility: hidden; }

 /* context menu */
 [data-menu]:hover, .context-menu-active, .context-menu-active td { background-color: #DCDFE8 !important; }
 [data-menu] [data-menu]:hover, [data-menu] .context-menu-active, [data-menu] .context-menu-active td { background-color: #CCCFD8 !important; }
 [data-click] { cursor: pointer; }

 /* ajax update */
 .ajax-modal { display: none; position: fixed; z-index: 999; top: -64px; left: 0; height: 100%; width: 100%; padding-bottom: 64px; background: url('../images/ajax-loader.png') 50% 50% no-repeat rgba( 255, 255, 255, .2 ); }
 body.loading .ajax-modal { display: block; }

/*______________________________________________Listings__________________*/

 .wizard-steps { padding-bottom: 0.5em; }
 .wizard-steps:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
 .wizard-steps div { float: left; border-top: 1px solid #999999; color: #999999; padding: 0.3em; height: 2em; }
 .wizard-steps input { color: #999999; background: none transparent; padding: 0; margin: 0; border: 0; font: 1em/1.2em verdana,sans-serif; }
 .wizard-steps .active { border-top: 1px solid #333333; font-weight: bold; color: #333333; }
 .wizard-steps .active input { font-weight: bold; color: #333333; }
 .wizard-steps .done { border-top: 1px solid #333333; color: #333333; }
 .wizard-steps .done input { color: #333333; }
 .wizard-steps .inactive input { cursor: text; }

 .icon-list li { margin-top: 0.5em; padding-left: 18px; text-indent: -18px; }
 .icon-list li:first-child { margin-top: 0; }

/*_______________________________________Conditional formats______________*/

 .style1, .style1 td { background-color: #F6F7F9; }
 .style2, .style2 td { background-color: #F2F3F5; }
 .style3, .style3 td { background-color: #EBFFEB; }
 .style1:hover, .style1:hover td, .style2:hover, .style2:hover td,.style3:hover, .style3:hover td { background-color: #DCDFE8; }
 .access0, .access1, .access0 *, .access1 * { color: #909090; }
 .status0, .status0 * { color: #C04040; text-decoration: none; }
 .checked, .checked td { background: none #005e8e !important; color: #eee !important; text-shadow: none !important; }
 .checked:hover, .checked:hover td, .checked[data-menu]:hover, .checked[data-menu].active, .checked[data-menu].active td { background: none #106e9e !important; color: #eee !important; text-shadow: none !important; }
 .checked[data-menu] [data-menu]:hover, .checked[data-menu] [data-menu].active, .checked[data-menu] [data-menu].active td { background: none #207eae !important; color: #eee !important; text-shadow: none !important; }

/*__________________________________________________Icons_____________________*/

 .img-before { padding-right: 0.2em; font-size: inherit; }
 .img-after { padding-left: 0.2em; font-size: inherit; }
 .img-left { margin: 2px 10px 4px 0px; float: left; }
 .img-right { margin: 2px 0px 4px 10px; float: right; }
 .img-inline { display: inline; margin: 1px; }
 .required_fields { font-size: 0.9em; color: #8487A6; }

/*__________________________________________________BCODE_____________________*/

 .bcode-html { color: blue; }
 .bcode-bcode { color: green; }
 .bcode-values { color: red; }
 .bcode-list-bullet { padding: 0px 4px; vertical-align: top; }
 .bcode-list-item { text-align: left; }
 .bcode-cols { text-align: left; }
 .bcode-table { text-align: left; padding: 2px 0px; }

/*__________________________________________________Form fields____________*/

 /*  default */
 input[type="text"], input[type="password"], textarea, select {
   border: 1px solid #fff; background-color: #4c4c4c; padding: 0.4em; color: #fff; font: inherit;
   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 4px;
   -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
   }
 td > input[type="text"], td > input[type="password"], td > textarea, td > select { width: 100%; }
 select { padding: 0.3em 2px 0.3em 1px; }
 input[type="text"].small, input[type="password"].small, textarea.small, select.small { font-size: 0.9em; padding: 0.15em; }
 input[type="radio"], input[type="checkbox"], input[type="submit"], input[type="button"], select, label, .button { cursor: pointer; }
 input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus,
 input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover,
 input[type="text"]:active, input[type="password"]:active, textarea:active, select:active { border: 1px solid #999; }
 input[type=radio], input[type=checkbox] { display: inline; vertical-align: middle; }
 input[type=upload] { font-size: 0.833em; width: 192px; }

 /*  All form types  */
 .f-buttons { margin-top: 0.5em; margin-bottom: 2em; }
 .f-text, .f-select, .f-options, .f-float .f-buttons { margin-top: 0; margin-bottom: 0.5em; }
 .f-text input[type="text"], .f-text input[type="password"], .f-text textarea, .f-text select { width: 100%; }
 .f-hide-label .f-text label, .f-hide-label .f-select label, .f-hide-label.f-text label, .f-hide-label.f-select label, .f-hide-label .f-label { position: absolute !important; left: -9999px; clip: rect(1px, 1px, 1px, 1px); }
 .f-text.f-hide-label, .f-select.f-hide-label, .f-options.f-hide-label { padding: 1.3em 0 0.4em 0; }
 .f-inside-label .f-text, .f-text.f-inside-label { position: relative; }
 .f-inside-label .f-text label, .f-text.f-inside-label label { position: absolute; top: 0; left: 0.25em; margin: 0.25em; font-size: inherit !important; color: #ccc; cursor: text; display: none; }
 .f-buttons .required_fields { float: right; }
 .required { padding-left: 8px !important; background: url(../images/required.png) no-repeat left top; }
 .f-options label { display: inline; }
 .f-table { display: table; width: 100%; }
 .f-table .f-text, .f-table .f-select, .f-table .f-options, .f-table .f-buttons { display: table-cell !important; float: none !important; vertical-align: top; }
 .f-table .f-buttons { vertical-align: bottom; padding: 0 !important; white-space: nowrap; }
 .f-float .error, .f-column .error, .error { border: 1px solid #D10D16 !important; background: #fffafa !important; color: #D10D16 !important; }
 .error > label { color: #D10D16; font-weight: bold; margin-right: 0.4em; }
 .f-float .f-legend, .f-column .f-legend, .f-legend { color: #A0A0A0; }
 .f-float input.disabled, .f-column input.disabled, input.disabled,
 .f-float select.disabled, .f-column select.disabled, select.disabled,
 .f-float textarea.disabled, .f-column textarea.disabled, textarea.disabled,
 .disabled input, .disabled select, .disabled textarea { background-color: #E0E0E0; }

 /*  Form floated */
 .f-float:before, .f-float:before { content: ""; display: table; }
 .f-float:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
 .f-float .f-text, .f-float .f-select, .f-float .f-options, .f-float .f-buttons {
   float: left; padding-right: 10px;
   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
   }
 .f-float .f-text { width: 100%; }
 .last { margin-right: 0 !important; padding-right: 0 !important; }
 .f-float .f-text label, .f-float .f-select label, .f-float .f-label { display: block; font-size: 0.833em; text-align: left; }

 /* Columns */
 .f-column > .f-text, .f-column > .f-select, .f-column > .f-options, .f-column > .f-buttons {
   position: relative; padding-left: 25%; min-height: 2em;
   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
   }
 .f-column > .f-text:after, .f-column > .f-select:after, .f-column > .f-options:after, .f-column > .f-buttons:after {
   clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0;
   }
 .f-column > .f-text label, .f-column > .f-select label, .f-column > .f-options > .f-label {
   position: absolute; left: 0; top: 0; width: 25%; text-align: left; line-height: 1em;
   }
 .f-column.f-15 > .f-text, .f-column.f-15 > .f-select, .f-column.f-15 > .f-options, .f-column.f-15 > .f-buttons { padding-left: 15%; }
 .f-column.f-15 > .f-text label, .f-column.f-15 > .f-select label, .f-column.f-15 > .f-options .f-label { width: 15%; }
 .f-column.f-20 > .f-text, .f-column.f-20 > .f-select, .f-column.f-20 > .f-options, .f-column.f-20 > .f-buttons { padding-left: 20%; }
 .f-column.f-20 > .f-text label, .f-column.f-20 > .f-select label, .f-column.f-20 > .f-options .f-label { width: 20%; }
 .f-column.f-30 > .f-text, .f-column.f-30 > .f-select, .f-column.f-30 > .f-options, .f-column.f-30 > .f-buttons { padding-left: 30%; }
 .f-column.f-30 > .f-text label, .f-column.f-30 > .f-select label, .f-column.f-30 > .f-options .f-label { width: 30%; }
 .f-column.f-40 > .f-text, .f-column.f-40 > .f-select, .f-column.f-40 > .f-options, .f-column.f-40 > .f-buttons { padding-left: 40%; }
 .f-column.f-40 > .f-text label, .f-column.f-40 > .f-select label, .f-column.f-40 > .f-options .f-label { width: 40%; }
 .f-column.f-50 > .f-text, .f-column.f-50 > .f-select, .f-column.f-50 > .f-options, .f-column.f-50 > .f-buttons { padding-left: 50%; }
 .f-column.f-50 > .f-text label, .f-column.f-50 > .f-select label, .f-column.f-50 > .f-options .f-label { width: 50%; }

 /* input / button combi */
 .f-combi { height: 25px; padding-right: 25px; overflow: hidden; }
 .f-combi .f-text {
   position: relative; width: 100%; height: 100%; padding: 0 0 0 2px; margin: 0; border: 1px solid #999; border-right: 0;
   -moz-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px;
   -moz-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
   }
 .f-combi .f-buttons { position: relative; width: 25px; height: 100%; margin: 0 -25px 0 0; padding: 0; }
 .f-combi .f-text input { width: 100%; height: 100%; border: 0; }
 .f-combi .f-buttons input[type=submit] { width: 100%; height: 100%; border: 0; background: none; text-indent: -9999px; background: url('../images/button_go.png') center center no-repeat; }
 .f-combi .f-buttons input[type=submit].search { background: url('../images/button_search.png') center center no-repeat; }
 .f-combi .f-buttons {
   background-color: #d5d5d5; color: #444; border: 1px solid #999;
   -moz-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px;
   -moz-border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
   background: -moz-linear-gradient(top, #fff, #ddd);
   background: linear-gradient(top, #fff, #ddd);
   }
 .f-combi .f-buttons:hover {
   background-color: #e5e5e5;
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
   background: -moz-linear-gradient(top, #fff, #eee);
   background: linear-gradient(top, #fff, #eee);
   }

/*__________________________________________________Buttons___________________*/

  /* white buttons */
 .f-buttons input[type=submit], .f-buttons input[type=button], .f-buttons button, .button,
 .pagination a, .dialog .prompt a, .dialog-controls a, .cal-bar a {
   background-color: #d5d5d5; color: #444; border: 1px solid #999; min-width: 16px; min-height: 16px; padding: 2px; text-align: center;
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
   background: -moz-linear-gradient(top, #fff, #ddd);
   background: linear-gradient(top, #fff, #ddd);
   -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
   text-decoration: none !important; white-space: nowrap; cursor: pointer; display:inline-block;
   font-family: verdana,sans-serif; font-size: 0.9em;
   }
 .ie7 .f-buttons input[type=submit], .ie7 .f-buttons input[type=button], .ie7 .f-buttons button, .ie7 .button,
 .ie8 .f-buttons input[type=submit], .ie8 .f-buttons input[type=button], .ie8 .f-buttons button, .ie8 .button,
 .ie7 .pagination a, .ie7 .dialog .prompt a, .ie7 .dialog-controls a,
 .ie8 .pagination a, .ie8 .dialog .prompt a, .ie8 .dialog-controls a {
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#dddddd);
   }
 .f-buttons input[type=submit]:hover, .f-buttons input[type=button]:hover, .f-buttons button:hover, .button:hover,
 .f-buttons.drop-target input[type=submit], .f-buttons.drop-target input[type=button], .f-buttons.drop-target button, .button.drop-target,
 .pagination a:hover, .dialog .prompt a:hover, .dialog-controls a:hover {
   background-color: #e5e5e5;
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
   background: -moz-linear-gradient(top, #fff, #eee);
   background: linear-gradient(top, #fff, #eee);
   }
 .pagination > span { display: inline-block; margin-left: 6px; }
 .pagination > span:first-child { margin-left: 0; }
 .ie7 .f-buttons input[type=submit]:hover, .ie7 .f-buttons input[type=button]:hover, .ie7 .f-buttons button:hover, .ie7 .button:hover,
 .ie8 .f-buttons input[type=submit]:hover, .ie8 .f-buttons input[type=button]:hover, .ie8 .f-buttons button:hover, .ie8 .button:hover,
 .ie7 .f-buttons.drop-target input[type=submit], .ie7 .f-buttons.drop-target input[type=button], .ie7 .f-buttons.drop-target button, .ie7 .button.drop-target,
 .ie8 .f-buttons.drop-target input[type=submit], .ie8 .f-buttons.drop-target input[type=button], .ie8 .f-buttons.drop-target button, .ie8 .button.drop-target,
 .ie7 .pagination a:hover, .ie7 .dialog .prompt a:hover, .ie7 .dialog-controls a:hover,
 .ie8 .pagination a:hover, .ie8 .dialog .prompt a:hover, .ie8 .dialog-controls a:hover {
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#eeeeee);
   }
 /* important buttons */
 .important .button {
   background-color: #F4922A; color: #fff; border: 1px solid #E5891F;
   background: -webkit-gradient(linear, left top, left bottom, from(#FABC76), to(#F4922A));
   background: -moz-linear-gradient(top, #FABC76, #F4922A);
   background: linear-gradient(top, #FABC76, #F4922A);
   text-decoration: none !important; white-space: nowrap; cursor: pointer; display:inline-block;
   position:relative; top:2px; padding: 0 0.3em; font-family: verdana,sans-serif; font-size: 0.9em; text-shadow: none;
   }
 .ie7 .important .button, .ie8 .important .button {
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FABC76, endColorstr=#F4922A);
   }
 .important .button:hover {
   background-color: #FFA23A;
   background: -webkit-gradient(linear, left top, left bottom, from(#FABC76), to(#FFA23A));
   background: -moz-linear-gradient(top, #FABC76, #FFA23A);
   background: linear-gradient(top, #FABC76, #FFA23A);
   }
 .ie7 .important .button:hover, .ie8 .important .button:hover {
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FABC76, endColorstr=#FFA23A);
   }
 /* info buttons */
 .info .button {
   background-color: #8EC4E2; color: #fff; border: 1px solid #396094;
   background: -webkit-gradient(linear, left top, left bottom, from(#8EC4E2), to(#396094));
   background: -moz-linear-gradient(top, #8EC4E2, #396094);
   background: linear-gradient(top, #8EC4E2, #396094);
   text-decoration: none !important; white-space: nowrap; cursor: pointer; display:inline-block;
   position:relative; top:2px; padding: 0 0.3em; font-family: verdana,sans-serif; font-size: 0.9em; text-shadow: none;
   }
 .ie7 .info .button, .ie8 .info .button {
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#8EC4E2, endColorstr=#396094);
   }
 .info .button:hover {
   background-color: #9ED4F2;
   background: -webkit-gradient(linear, left top, left bottom, from(#9ED4F2), to(#4970A4));
   background: -moz-linear-gradient(top, #9ED4F2, #4970A4);
   background: linear-gradient(top, #9ED4F2, #4970A4);
   }
 .ie7 .info .button:hover, .ie8 .info .button:hover {
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#9ED4F2, endColorstr=#4970A4);
   }
 /* all buttons */
 .f-buttons input[type=submit]:active, .f-buttons input[type=button]:active, .f-buttons button:active, .button:active,
 .pagination a:active, .dialog .prompt a:active, .dialog-controls a:active,
 .firefox .f-buttons input[type=submit], .firefox  .f-buttons input[type=button], .firefox input.button { line-height: 1.2em; }
 /* form buttons, default button */
 .f-buttons input[type=submit], .f-buttons input[type=button], .f-buttons button, .button {
   padding: 0.15em 0.6em; font-size: 1em; line-height: 1.33em;
   text-shadow: 1px 1px 0px #ffffff;
   }
 input[type=image].button { padding: 0.3em 0.6em; margin-top: -4px; }
 /* pagination buttons, dialog buttons */
 .pagination a, .dialog .prompt a, .dialog-controls a { margin: 0 2px; }
 .dialog .prompt a { padding: 0.15em 0.6em; font-size: 1em; text-shadow: 1px 1px 0px #ffffff; }
 /* mini buttons */
 .mini { padding: 0 !important; width: 1.9em; height: 1.9em; }
 .mini span { padding: 48% 50%; display: inline-block; font-size: 0; }
 .go span { background: url('../images/button_go.png') center center no-repeat; }
 .search span { background: url('../images/button_search.png') center center no-repeat; }
 .save span { background: url('../images/icon_files.png') center center no-repeat; }
 .cancel span { background: url('../images/icon_cancel.png') center center no-repeat; }
 /* fwd buttons */
 .button_explorer, .button_upload, .button_attach, .button_detach, .button_link, .button_check, .button_hidden {
   border: 0; font: inherit; color: inherit; text-align: left; display: inline-block; padding: 0.1em 0 0.1em 16px;
   }
 a.button_explorer, a.button_upload, a.button_attach, a.button_detach, a.button_link, a.button_check, a.button_hidden { padding-left: 2em; }
 .button_explorer { background: url(../images/icon_explorer.png) no-repeat left center transparent; }
 .button_upload { background: url(../images/icon_upload.png) no-repeat left center transparent; }
 .button_attach { background: url(../images/icon_attach.png) no-repeat left center transparent; }
 .button_detach { background: url(../images/icon_detach.png) no-repeat left center transparent; }
 .button_check { background: url(../images/icon_check.png) no-repeat left center transparent; }
 .button_link { background: url(../images/icon_teasers.png) no-repeat 0px 2px transparent; }
 .button_hidden { padding: 0; background: none transparent; }

/*__________________________________________________Bars_____________*/

 .buttons { text-align: right; }
 .buttons > span, .buttons a { display: inline-block;  }
 .buttons a, .buttons .button, .buttons button { margin-left: 1px; }
 .buttons > span { margin-left: 6px; }
 .buttons > span:first-child, .buttons .button:first-child, .buttons button:first-child, .buttons a:first-child { margin-left: 0; }
 .buttons a:not(.button), .buttons a.inactive:not(.button), .buttons input[type=image]:not(.button) { padding: 1px; border: 0; }
 .buttons a:not(.button):hover, .buttons input[type=image]:not(.button):hover { padding: 0; border-color: #FFFFFF #404040 #404040 #FFFFFF; border-width: 1px; border-style: solid; }

 #content > .buttons { position: absolute; top: -20px; right: 20px; }
 fieldset > .buttons, .fieldset > .buttons { position: relative; top: 2px; font-size: 0.9em; padding: 8px 0 0 0; }
 fieldset > .buttons.top, .fieldset > .buttons.top { position: absolute; top: -14px; right: 1em; }
 .dialog-body .buttons { font-size: 0.9em; padding: 0.1em 0.3em; }
 .upload-container .buttons { position: absolute; bottom: 0; right: 0; padding: 0 4px; background: url('../images/w6.png'); border: 1px solid #fff; }

 .editbar { text-align: right; float: right; background-color: #F5F5F5; border-width: 1px; padding: 1px; }
 .infobar { margin-top: 0.5em; text-align: right; font-size: 0.9em; font-style: italic; color: #909090; }

/*__________________________________________________Calendar__________________*/

 /* calendar common */
 .cal-wrapper div { webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
 .cal-header .today, .cal-row .today .day-header { font-weight: bold; }
 /* calender head */
 .cal-head { display: table; width: 100%; }
 .cal-head > div { display: table-cell; }
 .cal-header, .cal-allday, .cal-nav { display: table; table-layout: fixed; width: 100%; }
 .cal-header > div, .cal-allday > div, .cal-nav > div { display: table-cell; }
 .cal-header, .cal-allday { border-top: 1px solid #999; border-left: 1px solid #999; }
 .cal-header > div, .cal-wrapper .archive thead th {
   white-space: nowrap;  padding: 0.2em; text-align: center; border-right: 1px solid #999;
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
   background: -moz-linear-gradient(top, #fff, #ddd);
   background: linear-gradient(top, #fff, #ddd);
   }
 .cal-allday > div { padding-bottom: 0.5em; height: 10px; border-right: 1px solid #999; }
 .cal-nav > div { padding: 0.5em 0.2em; }
 .cal-range { font-size: 0.9em; }
 .cal-bar { text-align: center; }
 .cal-toggle { cursor: pointer; }
 .cal-date { text-align: right; font-weight: bold; }
 /* calendar body */
 .cal-body { border-top: 1px solid #999; border-left: 1px solid #999; }
 /* calendar grit */
 .cal-timetable div, .cal-grid { height: 4.167%; border-bottom: 1px solid #999; }
 .cal-timetable div { text-align: right; padding: 0.2em; }
 .cal-grid div { height: 50%; cursor: pointer; }
 .cal-grid div:first-child { border-bottom: 1px dashed #999; }
 .cal-row > div { position: relative; border-right: 1px solid #999; }
 .cal-m .cal-row, .cal-mini .cal-row { border-bottom: 1px solid #999; }
 .cal-m .cal-body .cal-day:hover, .cal-mini .cal-body .cal-day:hover, .cal-allday .cal-day:hover, .cal-grid div:hover { background-color: #F7F7F7; }
 .cal-m .day-header { text-align: right; padding: 0.2em; font-size: 0.9em; }
 /* calendar day */
 .cal-d .cal-row { height: 100%; }
 .cal-d .cal-row > div { float:left; height: 100%; }
 .cal-d .cal-timetable, .cal-d .cal-year { width: 10%; }
 .cal-d .cal-day { width: 90%; }
 .cal-d .cal-body .cal-viewport { height: 1200px; }
 /* calendar working week */
 .cal-ww .cal-timetable, .cal-ww .cal-year { width: 7.5%; }
 .cal-ww .cal-day { width: 18.5%; }
 .cal-ww .cal-row { height: 100%; }
 .cal-ww .cal-row > div { float:left; height: 100%; }
 .cal-ww .cal-body .cal-viewport { height: 1200px; }
 .cal-ww .event-body { word-wrap: break-word; word-break: break-all; }
 /* calendar week */
 .cal-w { font-size: 0.9em; }
 .cal-w .cal-timetable, .cal-w .cal-year { width: 7.25%; }
 .cal-w .cal-day { width: 13.25%; }
 .cal-w .cal-row { height: 100%; }
 .cal-w .cal-row > div { float:left; height: 100%; }
 .cal-w .cal-body .cal-viewport { height: 1200px; }
 .cal-w .event-body { word-wrap: break-word; word-break: break-all; }
 /* calendar month */
 .cal-m .cal-day { width: 14.286%; }
 .cal-m .cal-row { display: table; height: 6em; width: 100%; }
 .cal-m .cal-row > div { display: table-cell; }
 .cal-m .event-body { font-size: 0.9em; word-wrap: break-word; word-break: break-all; }
 /* calendar mini */
 .cal-mini { font-size: 0.8em; }
 .cal-mini .cal-day { width: 14.286%; }
 .cal-mini .cal-row { display: table; height: 2em; width: 100%; }
 .cal-mini .cal-row > div { display: table-cell; }
 .cal-mini .cal-nav { display: table; table-layout: fixed; width: 100%; border: 1px solid #999; border-bottom: 0; }
 .cal-mini .cal-nav div { display: table-cell; padding: 0.2em; background-color: #ccc; }
 .cal-mini .cal-date { width: 70%; text-align: center; font-size: 1.1em; font-weight: bold; }
 .cal-mini .cal-prev, .cal-mini .cal-next { width: 15%; }
 .cal-mini .cal-next { text-align: right; }
 .cal-mini .cal-body .cal-scheduled { background-color: #F5F575; }
 .cal-mini .cal-day a { display: block; height: 100%; text-align: right; }
 /* calendar custom */
 .cal-wrapper .archive thead th { font-size: 1em; }
 .cal-wrapper .archive tbody { border-left: 1px solid #999; border-right: 1px solid #999; }
 /* calendar events */
 .cal-allday .cal-event { position: relative; overflow: hidden; height: 1.7em; margin: 0.2em; border: 1px solid #999; background: none #fff; cursor: pointer; }
 .cal-allday .event-body { position: absolute; padding: 0.1em; }
 .cal-m .cal-event { margin: 1px; max-height: 2.7em; overflow: hidden; border: 1px solid #999; background: none #fff; cursor: pointer; }
 .cal-pos .cal-event {
   position: absolute; left: 1%; width: 97%; border: 1px solid #999; background: none #fff; overflow: hidden; z-index: 1; cursor: pointer;
   -moz-box-shadow: 1px 1px 2px rgba(68,68,68,0.6);
   -webkit-box-shadow: 1px 1px 2px rgba(68,68,68,0.6);
   box-shadow: 1px 1px 2px rgba(68,68,68,0.6);
   }
 .cal-pos .event-body { position: absolute; left: 0; top: 0; width: 100%; background: inherit; z-index: 2; }
 .cal-pos .event-start { background: none #044766; color: #fff; padding: 0.2em; }
 .cal-pos .event-text { background: inherit; padding: 0.2em; }
 .cal-pos .event-end { background: inherit; color: #666; font-size: 0.9em; position: absolute; bottom: 0; z-index: 1; }
 /* calendar menu */
 .cal-new {
   position: absolute; z-index: 10; display: none; border: 1px solid #999; background-color: #fff; padding: 4px 0;
   -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
   }
 .cal-new li { padding: 0.2em 1em; }
 .cal-new li:hover { background-color: #eee; }

/*_________________________________________________Layers / Dialogs______________*/

 /* common layer styles */
 .layer, .dialog {
   position: fixed; z-index: 100;
   -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
   -moz-box-shadow: 0px 1px 2px 2px rgba(128,128,128,0.4);
   -webkit-box-shadow: 0px 1px 2px 2px rgba(128,128,128,0.4);
   box-shadow: 0px 1px 2px 2px rgba(128,128,128,0.4);
   }
 .ie7 .layer, .ie8 .layer, .ie7 .dialog, .ie8 .dialog { filter: progid:DXImageTransform.Microsoft.Shadow(color='#808080', Direction=90, Strength=3); }
 .dialog-modal {
   position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: none #000;
   -moz-opacity: 0.5; -khtml-opacity: 0.5; -opera-opacity: 0.5; opacity: 0.5;
   }
 .dialog-header {
   position: relative; padding: 6px; color: #fff; background: none #7C9AB7; border: 1px solid #669; border-bottom: 0;
   -moz-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px;
   -moz-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px;
   background: -webkit-gradient(linear, left top, left bottom, from(#8CAAC7), to(#7C9AB7));
   background: -moz-linear-gradient(top, #8CAAC7, #7C9AB7);
   background: linear-gradient(top, #8CAAC7, #7C9AB7);
   }
 .ie7 .dialog-header, .ie8 .dialog-header {
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#8CAAC7, endColorstr=#7C9AB7);
   }
 .dialog-header h6 { margin: 0; text-align: center; }
 .dialog-controls { position: absolute; top: 50%; right: 0; margin-top: -11px; line-height: 14px; }
 .dialog-body {
   position: relative; border: 1px solid #669; border-top: 0; color: #357;
   -moz-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
   -moz-border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
   }
 /* default dialog styles */
 .dialog { width: 27em; left: 50%; top: 40%; margin: -100px 0 0 -13.5em; z-index: 200; }
 .dialog .dialog-body { padding: 0 6px 42px 6px; background-color: #7C9AB7; }
 .dialog .section { background-color: #fff; border: 1px solid #999; padding: 10px; margin: 0; min-height: 80px; }
 .dialog .prompt { position: absolute; bottom: 10px; left: 10px; }
 /* default layer styles */
 .layer { width: auto !important; height: auto !important; }
 .layer .dialog-body { min-height: 80px; background-color: #fff; padding-top: 1px; }
 .layer .section { padding: 0 5px; margin: 5px 0; }
 .layer .footer { padding: 5px; border-top: 1px solid #ccc; }
 .layer .dialog-body > ul { display: table; width: 100%; }
 .layer .dialog-body > ul li { margin: 6px 0; padding-left: 10px; }
 .layer .dialog-body > ul > li { padding-right: 10px; }
 .layer .dialog-body > ul li a {
   display: block; padding: 2px 4px 2px 22px; text-indent: -18px;
   -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;
   }
 .layer .dialog-body > ul a:hover, .layer .drop-target > a { background-color: rgba(170,185,200,0.6); }
 .layer .dialog-body > ul .selected > a, .layer .dialog-body > ul .selected > a:hover { color: #fff; background-color: #347796; }
 /* layer positions */
 .help { left: 500px; top: 60px; min-width: 20em; }
 .toolbox { left: 500px; top: 60px; min-width: 16em; max-width: 20em; }
 .explorer { left: 200px; top: 60px; min-width: 48em; max-width: 64em; }
 .filters { left: 400px; top: 200px; min-width: 16em; }
 .groups { left: 400px; top: 200px; min-width: 16em; }
 .folders { left: 400px; top: 200px; min-width: 16em; }
 .smileys { left: 400px; top: 200px; min-width: 27em; }
 .crop { left: 10px; top: 50px; min-width: 32em; max-width: 48em; z-index: 66666 !important; }
 .preview { left: 10px; top: 50px; min-width: 32em; max-width: 48em; }
 /* special layers */
 .preview .dialog-header h6 { text-align: left; }
 .toolbox .dialog-body > ul, .groups .dialog-body > ul > li { background: url(../images/dotted.gif) repeat-x top; }
 .groups .dialog-body > ul > li { padding-top: 6px; }
 .groups .dialog-body > ul > li > a { font-weight: bold; }
 .toolbox .dialog-body > ul:first-child, .groups .dialog-body > ul > li:first-child { background: none; padding-top: 0; }
 .toolbox .last_modified { margin-top: 4em; }
 .explorer .explorer-full { width: 64em; }
 .explorer .explorer-small { width: 48em; }
 .crop .dialog-body { padding: 10px; }

 /* touch styles */
 .touch .layer { position: absolute; }
 .touch .toolbox { top: 10px; left: 430px; }
 .touch .dialog-controls { display: none; }
 .touch .layer .dialog-header { -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
 .touch .layer.active .dialog-header {
   -moz-border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -khtml-border-bottom-left-radius: 0; border-bottom-left-radius: 0;
   -moz-border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0;
   }
 .touch .layer .dialog-body { display: none; }
 .touch .layer.active .dialog-body { display: block; }
 /* special layer elements */
 .toolbox .hover-menu { margin-top: 20px; font-size: 0.9em; }
 .toolbox .hover-menu > ul ul { display: none; }
 .toolbox .hover-menu li.open ul { display: block; }
 .toolbox .hover-menu li li { margin: 6px 0; padding: 0 10px; }
 .toolbox .hover-menu li li a {
   display: block; padding: 2px 4px 2px 22px; text-indent: -18px;
   -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;
   }
 .toolbox .hover-menu li li a:hover { background-color: #DCDFE8; }
 .toolbox .hover-menu > ul > li { cursor: pointer; }
 .toolbox .hover-menu > ul > li > a {
   display: block; color: #fff; font-weight: bold; padding: 0.3em 0.4em; border-top: 1px solid #88b;
   background: -webkit-gradient(linear, left top, left bottom, from(#8CAAC7), to(#7C9AB7));
   background: -moz-linear-gradient(top, #8CAAC7, #7C9AB7);
   background: linear-gradient(top, #8CAAC7, #7C9AB7);
   }
 .ie7 .toolbox .hover-menu > ul > li > a, .ie8 .toolbox .hover-menu > ul > li > a {
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#8CAAC7, endColorstr=#7C9AB7);
   }
 .toolbox .hover-menu > ul > li > a:before { content: ' '; display: inline-block; background: url('../images/menu-closed.png') no-repeat; width: 11px; height: 11px; margin-right: 6px; }
 .toolbox .hover-menu > ul > li.open > a:before { background: url('../images/menu-open.png') no-repeat; }

/*__________________________________________________Plugin styles______________________*/

 /* common ui */
 body .ui-widget, body .ui-widget button { font-family: inherit; font-size: 1em; }
 body .ui-widget-content a { color: inherit; }
 .f-options label.ui-button { display: inline-block; }

 /* ui button hidden */
 .button-hidden .ui-button, .button-hidden.ui-button { border: 0; background: none transparent; font-weight: inherit; color: inherit; }
 .button-hidden .ui-button-text { padding: 0.1em 0 0.1em 18px; }
 .button-hidden .ui-button-icon-only { width: auto; }
 .ui-icon.ui-icon-external-video { background: url('../images/icon_add_external_video.png'); left: 0; margin-left: 0; }
 .ui-icon.ui-icon-toggle_on { background: url('../images/icon_toggle_on.png'); left: 0; margin-left: 0; }
 .ui-icon.ui-icon-toggle_off { background: url('../images/icon_toggle_off.png'); left: 0; margin-left: 0; }
 .ui-icon.ui-icon-checked { background: url('../images/icon_checked.png'); }
 .ui-icon.ui-icon-unchecked { background: url('../images/icon_unchecked.png'); }

 /* ui simple tabs */
 .tabs.t-simple.ui-tabs { font-size: 1em; background: none; border: 0; color: inherit; }
 .tabs.t-simple.ui-tabs .ui-tabs-panel { padding: 1em 0.5em; }
 .tabs.t-simple .ui-tabs-panel, .tabs.t-simple .ui-tabs-panel a { color: inherit; }
 .tabs.t-simple .ui-widget-header { background: none; border: 0; color: inherit; }
 .tabs.t-simple.ui-tabs .ui-tabs-nav li { background: none; border: 0; }
 .tabs.t-simple.ui-tabs .ui-tabs-nav li a {
   display:inline-block; border: 1px solid #999; padding: 0.2em 0.3em; font: 1em verdana,sans-serif; color: #333333; background-color: #F5F5F5; white-space: nowrap; cursor: pointer;
   -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
   -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
   box-shadow: inset 0px 1px 0px 0px #ffffff;
   text-shadow: 1px 1px 0px #ffffff;
   -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
 .ie7 .tabs.t-simple.ui-tabs .ui-tabs-nav li a, .ie8 .tabs.t-simple.ui-tabs .ui-tabs-nav li a {
   filter: progid:DXImageTransform.Microsoft.DropShadow(color='#ffffff', offX=1, offY=1);
   }
 .tabs.t-simple.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
 .tabs.t-simple.ui-tabs .ui-tabs-nav li a:hover { background-color: #FDFDFF; }

 /* drag & drop */
 .ui-draggable-dragging .ui-draggable-handle { cursor: move; }

 /* autocomplete adjustment */
 .ui-autocomplete-loading { background: url('../images/loading.png') right center no-repeat; }

 /* datepicker adjustment */
 .ui-datepicker.ui-widget { font-size: .9em;  }
 .ui-datepicker.ui-widget .ui-datepicker-header { color: #fff; background: none #333; }
 .ui-datepicker.ui-widget .ui-datepicker-prev span, .ui-datepicker.ui-widget .ui-datepicker-next span { margin-top: -6px; }
 .ui-datepicker .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-next .ui-icon { background-image: url(images/ui-icons_ffffff_256x240.png); }
 .ui-datepicker.ui-widget .ui-datepicker-prev-hover, .ui-datepicker.ui-widget .ui-datepicker-next-hover { background: none; border: 0; padding: 1px; cursor: pointer; }

 /* tooltip adjustment */
 .ui-tooltip.ui-widget { color: #fff; background: none #333; border: 1px solid #ccc; }
 .arrow { width: 24px; height: 12px; overflow: hidden; position: absolute; left: 30%; margin-left: -12px; bottom: -12px; }
 .arrow.top { top: -12px; bottom: auto; }
 .arrow:after { content: ""; position: absolute; left: 0; top: -18px; width: 20px; height: 20px; background-color: #333; border: 1px solid #ccc;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  }
 .arrow.top:after { bottom: -18px; top: auto; }

 /* spinner adjustment */
 .f-text .ui-spinner { width: 100%; }
 input.spinner, input.spinner:active, input.spinner:focus, input.spinner:hover { border: 0; margin: 0 22px 0 0; }

 /* tinyMCE adjustment */
 #content .mce-path { display: none; }
 #content .mce-statusbar { border: 0 !important; }
 #content .mce-statusbar .mce-container-body { height: 16px; }
 #content .mce-edit-area { border: 0 !important; }
 #content .mce-toolbar-grp { border-bottom: 1px solid #C4C4C4; background: none; }
 #content .mce-btn button { padding: 2px 8px; }
 #content .mce-toolbar.small .mce-btn button { padding: 1px 4px; }

 /* uploader */
 .upload-container { position: relative; }
 span.upload-container { display: inline-block; }
 .upload-queue { position: absolute; bottom: 100%; right: 0; white-space: nowrap; padding: 0.5em; background: none #FFFFE0; border: 1px solid #888; display: none; }
 .upload-button { cursor: pointer; }

 /* context menu */
 .context-menu-icon-access_menu { background-image: url(../images/icon_access_menu.png); }
 .context-menu-icon-insert_menu { background-image: url(../images/icon_ins_left.png); }
 .context-menu-icon-new, .context-menu-icon-new_sub { background-image: url(../images/icon_new.png); }
 .context-menu-icon-goto { background-image: url(../images/icon_goto.png); }
 .context-menu-icon-edit { background-image: url(../images/icon_edit.png); }
 .context-menu-icon-activate { background-image: url(../images/icon_activate.png); }
 .context-menu-icon-duplicate { background-image: url(../images/icon_duplicate.png); }
 .context-menu-icon-delete, .context-menu-icon-delete_selected { background-image: url(../images/icon_delete.png); }
 .context-menu-icon-send, .context-menu-icon-send_password { background-image: url(../images/icon_send.png); }
 .context-menu-icon-private, .context-menu-icon-private_selected { background-image: url(../images/icon_private.png); }
 .context-menu-icon-intern, .context-menu-icon-intern_selected { background-image: url(../images/icon_intern.png); }
 .context-menu-icon-public, .context-menu-icon-public_selected { background-image: url(../images/icon_public.png); }
 .context-menu-icon-online, .context-menu-icon-online_selected { background-image: url(../images/icon_online.png); }
 .context-menu-icon-offline, .context-menu-icon-offline_selected { background-image: url(../images/icon_offline.png); }
 .context-menu-icon-attach, .context-menu-icon-attach_selected { background-image: url(../images/icon_attach.png); }
 .context-menu-icon-detach, .context-menu-icon-detach_selected { background-image: url(../images/icon_detach.png); }
 .context-menu-icon-link { background-image: url(../images/icon_ins_link.png); }
 .context-menu-icon-teaser { background-image: url(../images/icon_teasers.png); }
 .context-menu-icon-keep { background-image: url(../images/icon_backups.png); }
 .context-menu-icon-recycle { background-image: url(../images/icon_recycle.png); }
 .context-menu-icon-reset { background-image: url(../images/icon_reset.png); }
 .context-menu-icon-take { background-image: url(../images/icon_password.png); }
 .context-menu-icon-img_set { background-image: url(../images/icon_img_set.png); }
 .context-menu-icon-img_unset { background-image: url(../images/icon_img_unset.png); }
 .context-menu-icon-cancel { background-image: url(../images/icon_cancel.png); }
 .context-menu-icon-crop { background-image: url(../images/icon_crop.png); }
 .context-menu-icon-preview { background-image: url(../images/icon_preview.png); }
 .context-menu-icon-download { background-image: url(../images/icon_files.png); }
 .context-menu-icon-check { background-image: url(../images/icon_check.png); }
 .context-menu-icon-check_all { background-image: url(../images/icon_check.png); }
 .context-menu-icon-uncheck { background-image: url(../images/icon_uncheck.png); }
 .context-menu-icon-uncheck_all { background-image: url(../images/icon_uncheck.png); }
 .context-menu-icon-remove { background-image: url(../images/icon_detach.png); }
 .context-menu-icon-remove_all { background-image: url(../images/icon_detach.png); }
 .context-menu-icon-remove_selected { background-image: url(../images/icon_detach.png); }
 .context-menu-icon-zip_selected { background-image: url(../images/suffix_zip.png); }
 .context-menu-icon-insert_inline { background-image: url(../images/icon_ins_inline.png); }
 .context-menu-icon-insert_left { background-image: url(../images/icon_ins_left.png); }
 .context-menu-icon-insert_right { background-image: url(../images/icon_ins_right.png); }
 .context-menu-icon-insert_thumb { background-image: url(../images/icon_ins_thumb.png); }
 .context-menu-icon-insert_link { background-image: url(../images/icon_ins_link.png); }

/*______________________________________________Grid system_________________*/

.grid-0 { width: 100%; }
.grid-1 { width: 101%; }
.grid-2 { width: 102%; }
.grid-4 { width: 104%; }
.grid-0:after, .grid-1:after, .grid-2:after, .grid-4:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.g-20, .g-25, .g-30, .g-33, .g-40, .g-50, .g-60, .g-67, .g-75, .g-80, .g-100 { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.grid-1 > .g-20, .grid-1 > .g-25, .grid-1 > .g-30, .grid-1 > .g-33, .grid-1 > .g-40, .grid-1 > .g-50, .grid-1 > .g-60, .grid-1 > .g-67, .grid-1 > .g-75, .grid-1 > .g-80, .grid-1 > .g-100, .grid-1 > .float, .grid-1 > .float-left, .grid-1 > .float-right { margin-right: 1%; }
.grid-2 > .g-20, .grid-2 > .g-25, .grid-2 > .g-30, .grid-2 > .g-33, .grid-2 > .g-40, .grid-2 > .g-50, .grid-2 > .g-60, .grid-2 > .g-67, .grid-2 > .g-75, .grid-2 > .g-80, .grid-2 > .g-100, .grid-2 > .float, .grid-2 > .float-left, .grid-2 > .float-right { margin-right: 2%; }
.grid-4 > .g-20, .grid-4 > .g-25, .grid-4 > .g-30, .grid-4 > .g-33, .grid-4 > .g-40, .grid-4 > .g-50, .grid-4 > .g-60, .grid-4 > .g-67, .grid-4 > .g-75, .grid-4 > .g-80, .grid-4 > .g-100, .grid-4 > .float, .grid-4 > .float-left, .grid-4 > .float-right { margin-right: 4%; }
.grid-0 > .g-20 { width: 20%; }
.grid-0 > .g-25 { width: 25%; }
.grid-0 > .g-30 { width: 30%; }
.grid-0 > .g-33 { width: 33.33%; }
.grid-0 > .g-40 { width: 40%; }
.grid-0 > .g-50 { width: 50%; }
.grid-0 > .g-60 { width: 60%; }
.grid-0 > .g-67 { width: 66.66%; }
.grid-0 > .g-75 { width: 75%; }
.grid-0 > .g-80 { width: 80%; }
.grid-1 > .g-20 { width: 19%; }
.grid-1 > .g-25 { width: 24%; }
.grid-1 > .g-30 { width: 29%; }
.grid-1 > .g-33 { width: 32.33%; }
.grid-1 > .g-40 { width: 39%; }
.grid-1 > .g-50 { width: 49%; }
.grid-1 > .g-60 { width: 59%; }
.grid-1 > .g-67 { width: 65.66%; }
.grid-1 > .g-75 { width: 74%; }
.grid-1 > .g-80 { width: 79%; }
.grid-1 > .g-100 { width: 99%; }
.grid-2 > .g-20 { width: 18%; }
.grid-2 > .g-25 { width: 23%; }
.grid-2 > .g-30 { width: 28%; }
.grid-2 > .g-33 { width: 31.33%; }
.grid-2 > .g-40 { width: 38%; }
.grid-2 > .g-50 { width: 48%; }
.grid-2 > .g-60 { width: 58%; }
.grid-2 > .g-67 { width: 64.66%; }
.grid-2 > .g-75 { width: 73%; }
.grid-2 > .g-80 { width: 78%; }
.grid-2 > .g-100 { width: 98%; }
.grid-4 > .g-20 { width: 16%; }
.grid-4 > .g-25 { width: 21%; }
.grid-4 > .g-30 { width: 26%; }
.grid-4 > .g-33 { width: 29.33%; }
.grid-4 > .g-40 { width: 36%; }
.grid-4 > .g-50 { width: 46%; }
.grid-4 > .g-60 { width: 56%; }
.grid-4 > .g-67 { width: 62.66%; }
.grid-4 > .g-75 { width: 71%; }
.grid-4 > .g-80 { width: 76%; }
.grid-4 > .g-100 { width: 96%; }
.cols-0, .cols-1, .cols-2, .cols-4 { display: table; width: 100%; table-layout: fixed; border-collapse: collapse; }
.cols-0 > *, .cols-1 > *, .cols-2 > *, .cols-4 > * { display: table-cell; vertical-align: top; }
.cols-1 > *:first-child, .cols-2 > *:first-child, .cols-4 > *:first-child { padding-left: 0; }
.cols-1 > * { padding-left: 10px; }
.cols-2 > * { padding-left: 20px; }
.cols-4 > * { padding-left: 40px; }
.c-120, .c-120:first-child { width: 120px; }
.cols-1 > .c-120 { width: 130px; }
.cols-2 > .c-120 { width: 140px; }
.cols-4 > .c-120 { width: 160px; }
.c-150, .c-150:first-child { width: 150px; }
.cols-1 > .c-150 { width: 160px; }
.cols-2 > .c-150 { width: 170px; }
.cols-4 > .c-150 { width: 190px; }
.c-200, .c-200:first-child { width: 200px; }
.cols-1 > .c-200 { width: 210px; }
.cols-2 > .c-200 { width: 220px; }
.cols-4 > .c-200 { width: 240px; }
.c-captcha { width: 200px; }
.w2 { width: 2%; } .w3 { width: 3%; } .w5 { width: 5%; } .w7 { width: 7%; } .w8 { width: 8%; } .w10 { width: 10%; } .w12 { width: 12%; } .w13 { width: 13%; } .w15 { width: 15%; } .w20 { width: 20%; } .w25 { width: 25%; } .w30 { width: 30%; } .w35 { width: 35%; } .w40 { width: 40%; } .w45 { width: 45%; } .w50 { width: 50%; } .w55 { width: 55%; } .w60 { width: 60%; } .w65 { width: 65%; } .w70 { width: 70%; } .w75 { width: 75%; } .w80 { width: 80%; } .w85 { width: 85%; } .w90 { width: 90%; } .w100 { width: 100%; }
.f-float .w2 { width: 2%; } .f-float .w3 { width: 3%; } .f-float .w5 { width: 5%; } .f-float .w7 { width: 7%; } .f-float .w8 { width: 8%; } .f-float .w10 { width: 10%; } .f-float .w12 { width: 12%; } .f-float .w13 { width: 13%; } .f-float .w15 { width: 15%; } .f-float .w20 { width: 20%; } .f-float .w25 { width: 25%; } .f-float .w30 { width: 30%; } .f-float .w35 { width: 35%; } .f-float .w40 { width: 40%; } .f-float .w45 { width: 45%; } .f-float .w50 { width: 50%; } .f-float .w55 { width: 55%; } .f-float .w60 { width: 60%; } .f-float .w65 { width: 65%; } .f-float .w70 { width: 70%; } .f-float .w75 { width: 75%; } .f-float .w80 { width: 80%; } .f-float .w85 { width: 85%; } .f-float .w90 { width: 90%; } .f-float .w100 { width: 100%; }
.p0 { padding: 0 !important; } .p5 { padding: 5px !important; } .p10 { padding: 10px !important; } .p15 { padding: 15px !important; } .p20 { padding: 20px !important; } .p25 { padding: 25px !important; } .p30 { padding: 30px !important; }

/*_______________________________________Helpers____________________*/

.spacing > * { margin-bottom: 0.5em; }
.vspacing > * { margin-right: 0.5em; }
.comma-separated > *:before { content: ', '; }
.comma-separated > *:first-child:before { content: ''; }
.flexible { width: auto; max-width: 100%; }
img.border {
 border: 2px solid transparent; border: 2px rgba(255,255,255,0) solid; box-shadow: 0 0 2px rgba(0,0,0,0.5);
 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
 }
small, .small { font-size: 0.833em; }
.spacer, .clear.spacer { height: 1em; }
.line, .clear.line { font-size: 0; height: 0; padding: 0; margin: 10px 0; width: 100%; border-bottom-width: 1px; visibility: visible; }
.dotted, .clear.dotted { font-size: 0; height: 1px; padding: 0; margin: 10px 0; width: 100%; background: url(../images/dotted.gif) repeat-x; visibility: visible; }
a[accesskey] em { font-style: normal; text-decoration: underline; }
.visual { text-decoration: underline !important; }
.crossed { text-decoration: line-through !important; }
.confined { overflow: hidden; }
.pointer:hover { cursor: pointer; }
.bold { font-weight: bold !important; }
.left { text-align: left !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }
.top, .top th, .top td { vertical-align: top !important; }
.middle, .middle td { vertical-align: middle !important; }
.bottom, .bottom td { vertical-align: bottom !important; }
.inline { display: inline !important; }
.inline-block { display: inline-block !important; }
.auto { width: auto !important; height: auto !important; }
.fixed { table-layout: fixed; }
.flex { table-layout: auto; }
.border-box { box-sizing: border-box !important; }
.nowrap { white-space: nowrap !important; }
.wrap { word-wrap: break-word !important; word-break: break-all !important; }
.columns { position: relative; }
.columns > * { width: 49%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.columns:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.float, .float-left { float: left; width: auto; }
.float-right { float: right; width: auto; }
.clear { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.clear, .clear-left, .clear-right { display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.hidden { display: none !important; }
.reduce-1, .reduce-2, .reduce-3 { position: relative; overflow: hidden; }
.reduce-1:before, .reduce-2:before, .reduce-3:before {
  content: '...'; position: absolute; top: 50%; left: 0; margin-top: -6px; background: none #fff; border: 1px solid #666; line-height: 0; padding: 2px; height: 8px;
  -moz-opacity: 0.8; -khtml-opacity: 0.8; -opera-opacity: 0.8; opacity: 0.8;
  -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
  }
.reduce-1 { height: 1em; }
.reduce-2 { height: 2em; }
.reduce-3 { height: 3em; }
.reduce-1:hover, .reduce-2:hover, .reduce-3:hover { height: auto; }
.reduce-1:hover:before, .reduce-2:hover:before, .reduce-3:hover:before { display: none; }

@media all and (max-width: 70em){
 .thumbs > div { width: 33.33%; }
 .thumbs.t-small > div { width: 25%; }
 .thumbs.t-medium > div { width: 50%; }
 .thumbs.t-large > div { width: 100%; }
 }
@media all and (max-width: 54em){
 .cols-0, .cols-1, .cols-2, .cols-4 { display: block; }
 .cols-0 > *, .cols-1 > *, .cols-2 > *, .cols-4 > * { display: block; padding: 0; width: auto !important; }
 .grid-0, grid-1, .grid-2, .grid-4 { width: auto; }
 .grid-0 > *, .grid-1 > *, .grid-2 > *, .grid-4 > * { float: none !important; width: auto !important; margin: 0 !important;}
 .text-html ul, .text-html dl { margin-left: 0; }
 .text-html ol { margin-left: 0.35em; }
 #search input[type=submit], #search .result { display: none; }
 .thumbs > div { width: 50%; }
 .thumbs.t-small > div { width: 33.33%; }
 .thumbs.t-medium > div { width: 100%; }
 .thumbs.t-large > div { width: 100%; }
 }
@media all and (max-width: 30em){
 .dialog { width: 100%; left: 0; margin: 0; }
 .f-table { display: block !important; }
 .f-table .f-text, .f-table .f-select, .f-table .f-options, .f-table .f-buttons { display: block !important; }
 .f-float .w2 { width: auto; } .f-float .w3 { width: auto; } .f-float .w5 { width: auto; } .f-float .w7 { width: auto; } .f-float .w8 { width: auto; } .f-float .w10 { width: auto; } .f-float .w12 { width: auto; } .f-float .w13 { width: auto; } .f-float .w15 { width: auto; } .f-float .w20 { width: auto; } .f-float .w25 { width: auto; } .f-float .w30 { width: auto; } .f-float .w35 { width: auto; } .f-float .w40 { width: auto; } .f-float .w45 { width: auto; } .f-float .w50 { width: auto; } .f-float .w55 { width: auto; } .f-float .w60 { width: auto; } .f-float .w65 { width: auto; } .f-float .w70 { width: auto; } .f-float .w75 { width: auto; } .f-float .w80 { width: auto; } .f-float .w85 { width: auto; } .f-float .w90 { width: auto; } .f-float .w100 { width: auto; }
 .thumbs > div { width: 100%; }
 .thumbs.t-small > div { width: 100%; }
 .thumbs.t-medium > div { width: 100%; }
 .thumbs.t-large > div { width: 100%; }
 }

/* Social Icons */
#icons {
    position: fixed;
    top: 120px;
    right: 0px;
    padding: 0;
    list-style: none;
    z-index: 9999999;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    /* IE 5-7 */
    filter: alpha(opacity=75);
    /* Netscape */
    -moz-opacity: 0.75;
    /* Safari 1.x */
    -khtml-opacity: 0.75;
    /* Good browsers */
    opacity: 0.75;
}

#icons li a {display: block;}

#icons li a img {
    display: block;
    max-width:32px;
    padding: 0px;
    margin: 2px;
    -webkit-transition:  background .2s ease-in-out;
    -moz-transition:  background .2s ease-in-out;
    -o-transition:  background .2s ease-in-out;
    transition:  background .2s ease-in-out;
}

#icons li a:hover img {background: rgba(0, 0, 0, .2);}