/*--- AJAX---*/
#loading-layer {display: block !important;background-color: #ccc;z-index:8888 !important;
position: fixed; top: 0 !important; left: 0; right: 0; bottom: auto; width: 100%; height: 5px; text-indent: -9999px;
overflow: hidden;white-space: nowrap;}
#loading-layer:before {content: "";position: absolute;left: 0%; top: 0%; 
background-color: #ec2828; height: 100%;}
#loading-layer:before {animation: load1 2s infinite linear;}
@keyframes load1 { 0% {right: 100%; left: 0;} 50% {right: 0%; left: 0;} 100% {left: 100%; right: 0;}}


/*--- QUOTES ---*/
.scriptcode, .title_spoiler, .text_spoiler { padding: 3px 5px; background: #f0f0f0; border: 1px solid #e3e3e3; }
.title_quote { margin-top: 2px; font-weight: bold; }
.quote { margin:15px 0 10px 10px; padding: 10px 10px 10px 55px; position:relative; min-height:50px;
font-style: italic; color: #000; background-color:#e8e8e8 }
.quote2:before {content: ""; display: table; clear: both;}
.quote:after {content:"\f10d "; font-family:'FontAwesome'; font-size:24px; color:#CCC; position:absolute; left:15px; top:10px;}
.title_spoiler { margin-top: 2px; }
.text_spoiler { margin-bottom: 2px; }
.title_spoiler img { vertical-align: middle !important; margin:0 5px 0 0; border:0;}
.scriptcode { color: #4c6d0f; text-align: left; font-family: "Courier New" }
.title_spoiler { font-weight: normal; }
.text_spoiler { border-top: 0; text-align: justify; }
.hide { background-color: #f0f0f0; padding: 5px; color: #000; margin: 0 0 1em 0 }
.hide a { text-decoration: underline; } 
.hide a:hover { text-decoration: none }
.inhide { border: 1px solid #d1e3ef; padding: 5px; background-color: #fff; margin-bottom: 5px }

.mass_comments_action {display:none;}


.unit-rating{list-style:none;margin:0;padding:0;width:150px;height:30px;position:relative;
background:url(../dleimages/rating1.png) repeat-x; display:inline-block;}
.unit-rating li{text-indent:-90000px;padding:0;margin:0;float:left;width:30px;height:30px;}
.unit-rating li a{display:block;width:30px;height:30px;text-decoration:none;text-indent:-9000px;
z-index:17;position:absolute;padding:0}
.unit-rating li a:hover{background:url(../dleimages/rating1.png) 0 -30px;z-index:2;left:0}
.unit-rating a.r1-unit{left:0}
.unit-rating a.r1-unit:hover{width:30px}
.unit-rating a.r2-unit{left:30px}
.unit-rating a.r2-unit:hover{width:60px}
.unit-rating a.r3-unit{left:60px}
.unit-rating a.r3-unit:hover{width:90px}
.unit-rating a.r4-unit{left:90px}
.unit-rating a.r4-unit:hover{width:120px}
.unit-rating a.r5-unit{left:120px}
.unit-rating a.r5-unit:hover{width:150px}
.unit-rating a.r6-unit{left:150px}
.unit-rating a.r6-unit:hover{width:180px}
.unit-rating a.r7-unit{left:180px}
.unit-rating a.r7-unit:hover{width:210px}
.unit-rating a.r8-unit{left:210px}
.unit-rating a.r8-unit:hover{width:240px}
.unit-rating a.r9-unit{left:240px}
.unit-rating a.r9-unit:hover{width:270px}
.unit-rating a.r10-unit{left:270px}
.unit-rating a.r10-unit:hover{width:300px}
.unit-rating li.current-rating{background:url(../dleimages/rating1.png) 0 -60px;position:absolute;
height:30px;display:block;text-indent:-9000px;z-index:1}


/*--- HIGHSLIDE GALLERY ---*/
.highslide-container {z-index: 1099 !important;}
.highslide-wrapper, .highslide-outline { background: #fff }
.highslide-image { border: 2px solid #fff }
.highslide-active-anchor { visibility: hidden } 
.highslide-active-anchor img { visibility: hidden }
.highslide-dimming { background-color: black }
.highslide-html { background-color: white }
.highslide-loading { display: block; color: white; font-size: 9px; font-weight: bold; text-decoration: none; padding: 3px; border: 1px solid white; background-color: black }
a.highslide-full-expand { background: url("../dleimages/fullexpand.gif") no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px }
.highslide-display-block { display: block }
.highslide-display-none { display: none }
.highslide-caption { display: none; padding: 5px; background: white }
.highslide-controls { width: 195px; height: 40px; background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif") no-repeat 0 -90px; margin-right: 15px; margin-bottom: 10px; margin-top: 10px }
.highslide-controls ul { position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0; background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif") no-repeat 100% -90px }
.highslide-controls li { float: left; padding: 5px 0; }
.highslide-controls a { background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif"); display: block; float: left; height: 30px; width: 30px; outline: none }
.highslide-controls a.disabled { cursor: default }
.highslide-controls a span { display: none }
 
/*---The CSS sprites for the controlbar---*/
.highslide-controls .highslide-previous a { background-position: 0 0 }
.highslide-controls .highslide-previous a:hover { background-position: 0 -30px }
.highslide-controls .highslide-previous a.disabled { background-position: 0 -60px !important }
.highslide-controls .highslide-play a { background-position: -30px 0 }
.highslide-controls .highslide-play a:hover { background-position: -30px -30px }
.highslide-controls .highslide-play a.disabled { background-position: -30px -60px !important }
.highslide-controls .highslide-pause a { background-position: -60px 0 }
.highslide-controls .highslide-pause a:hover { background-position: -60px -30px }
.highslide-controls .highslide-next a { background-position: -90px 0 }
.highslide-controls .highslide-next a:hover { background-position: -90px -30px }
.highslide-controls .highslide-next a.disabled { background-position: -90px -60px !important }
.highslide-controls .highslide-move a { background-position: -120px 0 }
.highslide-controls .highslide-move a:hover { background-position: -120px -30px }
.highslide-controls .highslide-full-expand a { background-position: -150px 0 }
.highslide-controls .highslide-full-expand a:hover { background-position: -150px -30px }
.highslide-controls .highslide-full-expand a.disabled { background-position: -150px -60px !important }
.highslide-controls .highslide-close a { background-position: -180px 0 }
.highslide-controls .highslide-close a:hover { background-position: -180px -30px }



/*--- UI WIDGETS ---*/
.ui-widget-overlay {background: #000; opacity:0.5; left: 0; top: 0; right: 0; bottom: 0; position: fixed;}
* html .ui-helper-clearfix { height: 1% }
.ui-helper-clearfix {display: block;}
.ui-dialog { background-color: #fff; position: absolute; width: 500px; 
box-shadow: 0 20px 60px rgba(0,0,0,0.3);}
.ui-dialog-titlebar {background-color:#f8f8f8;}
.ui-dialog-title {display: block; font-size: 16px; font-weight: 600; padding: 15px 60px 15px 30px;}
.ui-dialog .ui-dialog-content {padding:30px; overflow: auto; position: relative; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane {padding: 10px 15px; text-align: center; background-color:#f8f8f8;}
.ui-dialog-titlebar-close {font-size:0 !important;cursor: pointer; position:absolute; right:7px; top:5px; width: 40px; height: 40px;}
.ui-dialog-titlebar-close:before {width:40px; height:40px; line-height:40px; text-align:center; border-radius: 50%; 
color:#000; font-size: 18px; text-indent: 0;
position:absolute; right:0; top:0; display:block; content:"X";}
a:hover .ui-icon-closethick {opacity:0.8;}
.ui-dialog .ui-dialog-content > br {display: none;}
.ui-dialog .ui-dialog-buttonpane button {height: 30px; line-height: 30px; margin: 0 5px; padding: 0 11px;}
.ui-dialog .ui-resizable-se {bottom: 3px; height: 14px; right: 3px; width: 14px;}
.ui-draggable .ui-dialog-titlebar {cursor: move;}
.ui-state-error {background: #fef1ec 50% 50% repeat-x !important; border: 1px solid #cd0a0a; color: #cd0a0a;}

.ui-front { z-index: 1000; }
.ui-button-icon-only { overflow: hidden; text-indent: -9999px; }