/* ------------------------------------------------------------------------------------*/

a { text-decoration: none}

.adminmode #headerpics { height: 120px}

/* -------------------------------------  PANES BG  ----------------------------------- */
.edp_right, #edit_panel, #edit_panel_hide
{ color: #333;
  background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */} 

/* -------------------------------------  ADMIN TOP  ----------------------------------- */
#edit_panel
{ position: fixed; top: 0; right: 48px; width: 100%; height: 50px; 
  z-index: 105; box-shadow: 1px 1px 4px #222;
  -moz-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0 ;
  }
#edit_panel_space { width: 100%; height: 50px;}
.ep_center { width: 94%; max-width: 980px; margin: 0 auto 0 auto; padding-left: 60px;
 height: 50px; position: relative}

#edit_panel_hide
{ position: fixed; top: 0; right: 0px; width: 45px; height: 50px;
  z-index: 105; box-shadow: 0px 1px 3px #222;
  -moz-border-radius: 0 0 0 3px; border-radius: 0 0 0 3px;}
#edit_panel_hide img { position: absolute; top: 4px; left: 3px; width: 24px;}
#edit_panel_hide a 
{ display: block; margin: 0;  font-weight: 400; 
  height: 48px}
#edit_panel_hide:hover { background: #ddd;}

/* -------------------------------------  ICONS START  ----------------------------------- */

@font-face {
    font-family: 'icomoon';
    src:url('icons/icomoon.eot?hqylsy');
    src:url('icons/icomoon.eot?#iefixhqylsy') format('embedded-opentype'),
    url('icons/icomoon.woff?hqylsy') format('woff'),
    url('icons/icomoon.ttf?hqylsy') format('truetype'),
    url('icons/icomoon.svg?hqylsy#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon"], [class*=" icon"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    margin: 0px 0 0 0;

    font-size: 16px;
    background: none;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-account-balance:before {
    content: "\e600";
}

.icon-account-circle:before {
    content: "\e601";
}

.icon-autorenew:before {
    content: "\e602";
}

.icon-delete:before {
    content: "\e610";
}

.icon-done:before {
    content: "\e603";
}

.icon-grade:before {
    content: "\e604";
}

.icon-info-outline:before {
    content: "\e605";
}

.icon-search:before {
    content: "\e606";
}

.icon-settings:before {
    content: "\e607";
}

.icon-view-list:before {
    content: "\e608";
}

.icon-visibility:before {
    content: "\e609";
}

.icon-visibility-off:before {
    content: "\e60a";
}

.icon-add:before {
    content: "\e611";
}

.icon-create:before {
    content: "\e60b";
}

.icon-file-download:before {
    content: "\e612";
}

.icon-file-upload:before {
    content: "\e615";
}

.icon-folder:before {
    content: "\e613";
}

.icon-folder-open:before {
    content: "\e614";
}

.icon-photo:before {
    content: "\e60c";
}

.icon-photo-album:before {
    content: "\e60d";
}

.icon-photo-library:before {
    content: "\e60f";
}

.icon-person-add:before {
    content: "\e60e";
}

.icon-floppy-disk:before {
    content: "\e962";
}

.icon-arrow-up2:before {
    content: "\ea3a";
}

.icon-arrow-down2:before {
    content: "\ea3e";
}


.icon-new:before {
    content: "+"; font-weight: 700;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}


.icon, .ep_actions a { background: none; color: #ddd;
    position: relative; color: #333; width: 45px; height: 50px;
    font-size: 9px; letter-spacing: -1; display: block}
.icon:hover, .ep_actions a:hover,.ep_actions li.in a,
.ep_actions a:hover span,.ep_actions li.in a span
{ color: #0098c4}
.ep_actions a span
{ position: absolute; top: 7px; left: 16px; color: #888; font-size: 24px;  text-shadow: none;  }

/* -------------------------------------  ICONS END  ----------------------------------- */

.ep_actions a.iconSave, a.iconSave:hover 
{ background-position: 12px -543px; background-color: #0098c4;
  padding-bottom: 8px; text-shadow: none; color: #fff}
a.iconSave:hover { background-color: #3aadce; }

.ep_lang { float: right; margin: 12px 8px 0 5px }
.ep_lang form { width: 100%;}
.ep_lang a { display: none;}
.ep_lang select { height: 24px; width: auto}

.ep_actions { float:left; margin: 2px 40px 2px 70px; list-style-type: none;}
.ep_actions li { float:left; margin: 0 2px}
.ep_actions a 
{ display: block; width: 55px; height: 10px;
	padding: 33px 0px 3px 0px; text-align: center; position: relative;
	-moz-border-radius: 2px; border-radius: 2px;}
	
#puraadmin
{ display: block; width: 52px; height: 18px; z-index: 101;
  background: #555 url('../Images/adminicon.png') no-repeat 7px 6px;
  padding: 43px 0px 3px 0px; text-align: center; position: absolute; top: -2px;
  left: 60px; font-size: 10px; color: #eee; box-shadow: 0 1px 2px #000;
  -moz-border-radius: 0px; border-radius: 0px;}

/* -------------------------------------  RIGHT MENU  ----------------------------------- */
.edp_right
{ position:fixed; padding: 5px 5px; top: 52px; right:-5px; z-index: 105;
  width: 140px; box-shadow: 0px 0px 4px #000;
  -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }

.rightmenu {}
.edp_right ul { list-style-type: none}
.edp_right ul li { -moz-border-radius: 3px; border-radius: 3px; width: 135px;}
.edp_right li a {display:block; width: 125px; padding: 6px 4px 6px 10px;
  text-transform: uppercase; text-shadow: 0 1px 0px #fff; color: #333}
.edp_right li.in a, .edp_right li:hover a {color: #1577bb;}


.box_title { margin: 0px 0px 10px 0px; display: block; font-weight: bold; font-size: 14px;}

.grey { color: #555555;}


/* ---------------------------------------  BRW TABLE  -------------------------------- */
.brw_table
{ margin: 10px 0 25px 0; width: 650px;font-size:13px; border-spacing: 1px; 
  border: 0px solid #666; text-align: left; background: white}
.brw_table a {font-size: 13px;}
.brw_table tr { border: 1px solid #333;}
.brw_table td
{ padding: 5px; font-size: 12px; border:0px solid #eee; vertical-align: top; background: #eee;
  color: #333}
.brw_table th { background:#888; color: #eee; padding: 2px 0px; text-transform: none;
  font-size: 12px; text-align: center;}
.brw_table .odd td { background: #e5e5e5; }
.brw_table tr:hover td { background: #ddd}

.ajaxonline {padding: 4px 10px; width: 20px; display: block; margin: 0px 0 0px 0;
 -moz-border-radius: 20px; border-radius: 20px;  position: relative; float: left}
.ajaxonline.on, .ajaxonline.on:hover
{ background: #b3f1ad;color: #222222;}
.ajaxonline.off, .ajaxonline.off:hover
{ background: #888888; color: #eeeeee}

.news-notif-link { width: 54px; font-size: 10px; text-align: center;}

.brw_table img { height: 18px; background: none}
.brw_table a:hover { background: none}
.small {font-size: 9px;}

.add_button { float: right; margin: 5px 0}

/* ------------------------------------------------------------------------------------ */
/* ------------------------------------ DATAGRID -------------------------------------- */

.datagrid {border: 1px solid #ddd; border-spacing: 0; width: 100%; }

.datagrid th, .datagrid td 
{ border-right: 1px solid #eee; padding: 3px 5px; margin: 0; background-color: #f7f7f7;
  vertical-align: middle;}
.datagrid th { color: #1577bb; font-weight: 400; padding: 8px 8px;
  border: 1px solid #ccc;
  border-bottom: 2px solid #0098c4; background-color: #f7f7f7}

.datagrid td, tr.even td.sorting_1 { background: #fff; border-bottom: 1px solid #ddd;
  border-top: 1px solid #fff}
.datagrid tr:nth-child(odd) td { background: #fafafa;}

.datagrid tr td:first-child {font-weight: 400; color: #1375b4; font-size: 13px }


.dataTables_paginate { margin: 12px 0}
.paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active
{ margin: 1px; padding: 4px 5px; color: #1577bb !important;
  background: #eee; border-radius: 3px; -moz-border-radius: 3px; 
  border: 1px solid #ccc;  text-shadow: 1px 1px 0 #fff}
.paging_full_numbers a.paginate_active 
{ background: #1577bb; text-shadow: none; color: #eee !important}

.paging_full_numbers a.paginate_button_disabled, 
.paging_full_numbers a.paginate_button_disabled:hover
{ background: #f6f6f6; border-color: #eee; color: #bbb !important}

.dataTables_wrapper { position: relative; float: left; width: 100%;}
.dataTables_processing {
position: absolute; top: 50px; width: 40%; left: 30%; box-shadow: 0 0 30px #1577bb;
border: 1px solid #ccc; color: #1577bb; background: #fff; border-radius: 3px;
-moz-border-radius: 3px;
padding: 10px 0; text-align: center}

.datagrid tr .dataTables_empty:first-child { color: #aaa; text-align: center}

.dataTables_filter { font-size: 0; margin: 3px; float: left}
.dataTables_filter label { float: left  }
.dataTables_filter input[type="text"] { float: left; width: 200px}

.brwIcon
{ background: url('../Images/icons_small.png?i=1') no-repeat 34px 0; margin: 0px 0px;
  position: relative; width: 24px; height: 20px; display: block; float: left}
a.brwIcon:hover { background-position:  34px 0}

.brwIcon.iconEdit { background-position: -37px -316px;}
.brwIcon.iconEdit:hover { background-position: 2px -316px;}
.brwIcon.iconDel { background-position: -37px -275px;}
.brwIcon.iconDel:hover { background-position: 2px -275px;}
.brwIcon.iconShow { background-position: -37px -158px;}
.brwIcon.iconShow:hover { background-position: 2px -158px;}

.brwIcon.iconAddPh { background-position: -37px -197px;}
.brwIcon.iconAddPh:hover { background-position: 2px -197px;}
.brwIcon.iconEditPh { background-position: -37px -236px; }
.brwIcon.iconEditPh:hover { background-position: 2px -236px; }

.brwIcon.iconOnline { background-position: -37px -430px; }
.brwIcon.iconOnline:hover { background-position: 1px -430px; }
.brwIcon.iconOffline { background-position: -37px -403px; }
.brwIcon.iconOffline:hover { background-position: 1px -403px; }

.brwIcon.iconAdd { background-position: -37px -80px;}
.brwIcon.iconBrw { background-position: -37px -155px;}

.brwIcon.iconAddSigns { background-position: -37px -458px; }
.brwIcon.iconAddSigns:hover { background-position: 2px -458px; }

.brwIcon.iconAlert { background-position: -37px -483px; }
.brwIcon.iconAlert:hover { background-position: 1px -483px; }

.brwIcon.iconEmail { background-position: -37px -506px; }
.brwIcon.iconEmail:hover { background-position: 2px -506px; }

.brwIcon.iconUp { background-position: -37px -528px; }
.brwIcon.iconDown { background-position: -37px -546px; }


.iconop40 { opacity: .3;}

/* ---- ML TEXT ----- */


/* ---------------------------------------  FORM  ------------------------------------- */
.edit_table {float: left; width:100%; margin: 0 10px}
form .error { margin: 5px 0 0 0px; }
form .error li {color: #903b3b; background: #f4bebe; border-color: #cf7a7a}

form fieldset 
{ min-height: 30px; margin: 8px 0; padding: 10px 0 0 0;  width: 100%; background: #fff;
  border: 0px solid #ccc; -moz-border-radius: 4px 4px 0 0;  border-radius: 4px 4px 0 0;}


form fieldset table, fieldset table td, form fieldset table tr,
form fieldset th { border:none;}
form fieldset th label { display: block; width: 160px}
fieldset table { border-spacing: 0; width: 100%}
fieldset table td, form fieldset table th 
{ padding: 8px 8px; vertical-align: middle; text-transform: none;
 color: #333; height: 10px;
 font-weight: 300; font-size: 12px; text-align: left; background: #fff;
 border-bottom: 1px solid #eee; border-top: 1px solid #fff;}
fieldset tr:nth-child(even) td, fieldset tr:nth-child(even) th
 { background: #fafafa}
fieldset tr:last-child td, fieldset tr:last-child th
{ border-bottom: none;}

fieldset table td { width: 100%;}


legend { padding: 0; text-align: left; display: block; width: 99%;
  overflow: hidden; margin: 0px 0px 0 0px;
  background: #f6f6f6; border: 1px solid #ccc; 
  -moz-border-radius: 4px 4px 0 0;  border-radius: 4px 4px 0 0;
  text-shadow: 0 1px 0 #fff;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */}
legend a
{ padding: 7px 10px 10px 34px; width: 100%; font-weight: 600; text-decoration: none;
  font-size: 14px; margin: 0 0px; display: block; color: white; cursor: pointer;
   color: #1375b4; background: url('../Images/icons.png') no-repeat 5px -465px;}
.off legend a { background-position: 5px -498px}

fieldset.buttons {  padding: 5px 5px; margin: 0 0 30px 0; background: none;
  border: none}
fieldset.buttons table, fieldset.buttons tr, fieldset.buttons table td,
fieldset.noborder table, fieldset.noborder tr, fieldset.noborder table td,
fieldset.buttons table th
{border: none;padding: 0; width: 100%; background: none}
fieldset.buttons table th, fieldset.noborder table th
{width: 0; border: none; min-width: 0;}

fieldset.off { height: 20px;}
.off table { display: none;}

fieldset span.cke_skin_kama { border: none; padding: 10px}

.userFilter { float:left; width: 300px; margin: 5px 0 0 0}
.userFilter form { width: 300px;}
.userFilter input 
{ width: 200px; background: #ccc; border: 1px solid #111; padding: 5px 10px;
  -moz-border-radius: 20px;  border-radius: 20px; }
.userFilter input.novalue { color: #444}

/* ML TEXT */
fieldset .mltext_tr td, fieldset .mltext_tr th { background: #f9f3e5}
fieldset tr.mltext_tr:nth-child(even) td, fieldset tr.mltext_tr:nth-child(even) th
{ background: #f9f3e5}

.mltext_tr label em { font-size: .8em; font-weight: 700;}

/* -------------------------------------  FORM ITEMS  ---------------------------------- */

input[type="text"], input[type="password"]
{ padding: 6px; font-size: 13px; width: 90%}

form #title { font-size: 18px;}
input[type="text"].date, input[type="text"].datetimepicker { width: 130px}

textarea { padding: 5px; width: 90%;}
input[type="checkbox"], input[type="radio"] { margin: 0 5px}

input[type="submit"], .add_button, .qq-upload-button, input[type="button"], .button
{ border: 1px solid #ccc; box-shadow: 0px 0px 2px #ccc; border-radius: 3px;
  -moz-border-radius: 3px;
  color: #1375b4; padding: 8px 14px; text-transform: uppercase; text-shadow: 1px 1px 0 #fff;
  font-size: 14px; cursor: pointer;
  background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
input[type="submit"]:hover, .add_button:hover, .qq-upload-button
{ box-shadow: none;}

/* --- NEW BUTTON --- */
input[type="submit"], .add_button, .qq-upload-button, input[type="button"], .button
{ background: #0098c4; text-shadow: none; box-shadow: none; color: #fff; bordeR: none;}
input[type="submit"]:hover, .add_button:hover, .qq-upload-button:hover, input[type="button"]:hover
{ background: #3aadce; color: #fff}

/* ------------------ */
input[type="submit"].onchange { display: none}

.add_button { padding: 5px 10px}

label { display: inline-block}

.cke_1.cke_reset { margin: 0 0 0 -180px}
body.cke_editable { margin: 5px 0}

input.buttback[type="submit"] { background: #ccc}

input.buttspecial[type="submit"] { background: #BC4B4B}

/* ----------------------------------  MULTI UPLOAD  ---------------------------------- */

.qq-uploader { position:relative; width: 100%;}

.qq-upload-button { height: 18px; width: 200px; padding: 10px; text-align: center}
.qq-upload-button input
{ width: 220px; left: 0;height: 40px; }

.qq-upload-list { margin: 5px}

.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#FF9797; text-align:center; 
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#FF7171;}

.qq-upload-list 
{ margin:10px 0px; padding:0; list-style:none; border: 1px solid #eee;
  width: 420px}
.qq-upload-list li 
{ margin:0; padding:0; line-height:15px; font-size:12px; width: 400px;
  padding: 4px 10px; background: #f7f7f7; color: #1375b4;
  border-bottom: 1px solid #eee; border-top: 1px solid #fff; }
.qq-upload-list li:nth-child(even) { background: #fafafa;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("img/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px; color: #aaa}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline; color: #c60101}

li.qq-upload-success { display: none}

#uploader_simple
{ display: none;}
#uploader_fallback
{ font-size: 1em; padding: 5px; display: block; margin: 5px 0;
  width: 200px; text-align: left}

/* ------------------------------------  REORDER  ------------------------------------ */  
.pic_td.reorder-active { opacity: .3; box-shadow: none}
.pic_td.reorder-dragged { box-shadow: 0 0 10px #000}
.reordernote { color: #555; text-align: right; margin: -15px 0 15px 0;
  font-size: 11px}

/* -------------------------------------  EDIT FOTOS  --------------------------------- */
.editfotos img { width: 15%; float: left; margin: 8px 3px 0 0}
.editfotos form fieldset { padding: 0}
.editfotos .fscheckall { padding: 8px 0; min-height: 0}
.editfotos .fscheckall label { margin: 0 0 0 10px}
fieldset table.edit_pics_descr { width: 80%; float: left}

/* forms */
#lbform input, select {
    height: 25px;
    width: 100%;
}