/* -----------------------------------------------------------------------
   i-deal CSS Framework v.1.0
   Copyright (c) 2008-2010
----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
body {line-height:1.2em;}
table {border-collapse:collapse; border-spacing:0; width:100%;}
caption, th, td {text-align:left; font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:0;}
.clear {clear:both; height:0; font-size:0;}

/* for editor */
p, h1, h2, h3, h4, h5, h6 {width:auto !important; height:auto !important;}
div.import, span.import {border:#ccc dotted 1px; padding:5px 10px 5px 65px; margin:5px 15px;}
div.import#form, span.import#form {background:#fee url('img/buttons/editor_form.gif') top left no-repeat;}
div.import#include, span.import#include {background:#eef url('img/buttons/editor_file.gif') top left no-repeat;}
div.import#module, span.import#module {background:#efe url('img/buttons/editor_module.gif') top left no-repeat;}
div.expands {border:#999 solid 1px; margin:0.5em 0; padding:0.5em; background:#eee url('img/buttons/file_del.gif') left top no-repeat;}
.icut-title {display:block; padding-left:15px; background:url('img/buttons/listbul_plus.gif') left center no-repeat;}
.icut-title.open {background-image:url('img/buttons/listbul_minus.gif');}
.icut-title .t {color:#21399C; border-bottom:#21399C dashed 1px; cursor:pointer;}
.icut-block {display:none; border:#999 solid 1px; padding:0.5em 0.5em 0; margin:0 0 0.5em;}
.icut-block.open {display:block;}
p img {margin:0 1.5em 1.5em 1.5em; padding:0;}
p img.left {float:left; margin:1.5em 1.5em 1.5em 0;}
p img.right {float:right; margin:1.5em 0 1.5em 1.5em;}

/* forms.css */
legend {font-weight:bold; font-size:1.2em;}
fieldset {padding:0.5em; margin:1em 0 1em 0; border:#ccc solid 1px;}
fieldset.hidden {padding:0.5em 0; margin:0; border:0;}
input.text, input.textsel, input.password, input.title, input.file, textarea {width:99%;}
input.submit {min-width:96px; height:24px; margin-top:13px;}
input.title {font-size:1.5em;}
input.date, input.datetime {width:15em;}
input.number {width:10em; margin-right:0.5em;}
input.err {color:#f00;}
span.number {font-size:0.8em;}
select.select, select.multiple {width:100%;}
textarea, select.multiple {height:150px;}
div.checkbox, div.radio {display:inline-block; white-space:nowrap; margin-right:0.5em;}
input.text.short {width:2.5em; text-align:center;}
input.text.price {width:5em; text-align:right;}
/* dropdown list on ajax */
div.ajaxList {width:300px; display:block; position:absolute; visibility:hidden; background:#fff; border:#ccc solid 1px !important; margin:0px !important; padding:0px !important; font-size:0.8em;}
div.ajaxListContent {background:#fff; margin:0px !important; padding:0px !important; border:#ccc solid 1px !important;}
div.ajaxListControl {background:#eee; margin:0px !important; padding:0px !important; text-align:right !important;}
.ajaxListButton {color:#000; font-family:Tahoma; font-weight:bold; font-size:8pt; cursor:pointer;}
div.ajaxListItem {background:#fff; margin:0px !important; padding:0px !important; width:100%;}
div.ajaxListItem.selected {background:#def;}
/* form fields */
.fgroup .field {margin-bottom:1em;}
.fgroup .field .d {width:24%; float:left;}
.fgroup .field .dw {width:auto; float:none;}
.fgroup .field .c {width:75%; float:right;}
.fgroup .field .h {font-size:0.9em; color:#888; line-height:1.1em;}
.fgroup .field .e {font-size:0.9em; color:#f00; line-height:1.1em;}
.fgroup .field .e ul {margin:0; padding:0; list-style:none;}
.fgroup .field .e li {margin:0.1em 0; padding:0;}
.sub .fgroup {margin-top:0.5em; border:#ccc solid 1px; padding:0.5em 0.5em 0;}
.sub .fgroup .field .d {float:none; width:auto;}
.fctl {border-top:#999 solid 1px; padding-top:1em;}
.fctl .c {margin-left:25%;}
.fctl .h {margin-bottom:0.5em;}
.fctl .btn {}

/* common styles */
tr.left td, td.left {text-align:left;}
tr.center td, td.center {text-align:center;}
tr.right td, td.right {text-align:right;}
tr.top td, td.top {vertical-align:top;}
tr.bottom td, td.bottom {vertical-align:bottom;}
img.i8, input.i8 {width:8px; height:8px; border:0;}
img.i16, input.i16 {width:16px; height:16px; border:0;}
.error, .notice, .success {padding:0.8em; margin-bottom:1em; border:#ddd solid 2px;}
.error {background:#fbe3e4; color:#8a1f11; border-color:#fbc2c4;}
.error a {color:#8a1f11;}
.notice {background:#fff6bf; color:#514721; border-color:#ffd324;}
.notice a {color:#514721;}
.success {background:#e0ffe0; color:#264409; border-color:#80e080;}
.success a {color:#264409;}
.border {border:#ccc solid 2px;}
.err {color:#f00;}
.ok, .succ {color:#080;}

/* pagelist */
.pagelist {padding:3px; margin:3px; text-align:center; color:#ccc;}
.pagelist a,
.pagelist span {display:inline-block; white-space:nowrap;}
.pagelist a {border:#ddd solid 1px; padding:2px 5px; color:#aaa; margin:0 2px; text-decoration:none;}
.pagelist a:hover,
.pagelist a:active {border-color:#aaa;}
.pagelist span {border:0; padding:3px 6px; margin:0 2px; color:#aaa;}
.pagelist span.cur {border:#e0e0e0 solid 1px; padding:2px 5px; font-weight:bold; color:#666; background-color:#f0f0f0;}

/* ask */
.ask {border:#ccc solid 1px; margin:0; padding:1em 1em 0;}
.ask .msg, .ask .btn {margin-bottom:1em;}
.ask .btn {text-align:center;}

/* comments */
.comments .list {}
.comments .item {margin-bottom:1em; padding-bottom:0.5em; border-bottom:#ccc solid 1px;}
.comments .item .head {width:auto; border-bottom:#ccc solid 1px; margin-bottom:0.2em; color:#666;}
.comments .item .text {font-size:0.9em; line-height:1.1em;}
.comments .item .author {width:auto; padding:0.2em 1em 0; margin-top:0.2em; border-top:#ccc solid 1px;}
.comments .item .mod {font-size:0.8em; color:#999;}
.comments .form {border:#999 solid 1px; padding:4px; margin:0;}
.comments .denied {color:#999;}

/* attachments list toolbar */
.toolbar {margin:0; padding:0;}
.toolbar .button {display:inline-block; width:20px; height:auto; padding:0; text-align:center; vertical-align:middle; white-space:nowrap;}
.toolbar .text {width:auto;}

/* service links */
a.icon {text-decoration:none !important; white-space: nowrap}
a.icon b {margin: 0 10px 0 2px}
a.icon span {display:inline-block; width:16px; height:16px; vertical-align:middle; margin-right:2px; background:url('img/i.png') no-repeat; -background:url('img/i.gif') no-repeat;}
a.icon span.add {background-position: -16px 0;}
a.icon span.edit {background-position: -32px 0;}
a.icon span.del {background-position: -48px 0;}
a.icon span.act {background-position: -64px 0;}
a.icon span.deact {background-position: -80px 0;}
a.icon span.print {background-position: -96px 0;}
a.icon span.picadd {background-position: -128px 0;}
a.icon span.banner {background-position: -144px 0;}
a.icon span.gradd {background-position: -160px 0;}
td a.icon b {display:none;}

/* pictures add form */
#div_picadd div {width:auto; float:left; padding:0 35px;}
#div_picadd div input {width:160px;}

/* sitemap */
ul.smp {margin:0; padding:0;}
ul.smp li {list-style:none; font-size:12px; margin:0; padding:0;}
ul.smp li ul {margin:0;}
ul.smp li ul div.h {margin-left:24px; font-size:8pt; color:#999;}
ul.smp li ul li {margin-left:24px;}
ul.smp li span {display:block; width:100%; vertical-align:middle; margin:0; padding:0;}
ul.smp li span.s {background:#eee;}
ul.smp li span:hover,
ul.smp li span.s:hover {background:#ddd;}
ul.smp li span a {text-decoration:none;}
ul.smp li span i {color:#999; font-style:normal; border:#ddd solid 1px; padding:0 0.2em; margin:0 0.2em;}
ul.smp li span label {clear:both; float:left; font-size:inherit; font-weight:normal; margin:0; padding:0;}
ul.smp li span label a {font-size:10pt;}
ul.smp li span label u {font-size:10pt; margin:0; margin-right:1px; padding:2px; text-decoration:none;}
ul.smp li span label u.a {color:#00c; background-color:#ccf;}
ul.smp li span label u.p {color:#999;}
ul.smp li span label u.a2 {color:#c00; background-color:#fcc;}
ul.smp li span label u.p2 {color:#999;}
ul.smp li span label u.t {text-decoration:overline;}
ul.smp li span label u.e {text-decoration:underline;}
ul.smp li span a.edit,
ul.smp li span a.del,
ul.smp li span a.add {display:block; float:left; width:16px; height:16px; background:url('img/i.png') no-repeat; -background:url('img/i.gif') no-repeat;}
ul.smp li span a.edit {background-position: -32px 0;}
ul.smp li span a.del {background-position: -48px 0;}
ul.smp li span a.add {background-position: -16px 0;}
ul.smp li span a {font-size:14pt;}
ul.smp ul li span a {font-size:12pt;}
ul.smp ul ul li span a {font-size:10pt;}
ul.smp ul ul ul li span a {font-size:8pt;}

/* arrows like in sitemap */
span.arrows a {text-decoration:none;}
span.arrows u {font-size:10pt; margin:0; margin-right:1px; padding:2px; text-decoration:none;}
span.arrows u.a {color:#00c; background-color:#ccf;}
span.arrows u.p {color:#999;}
span.arrows u.a2 {color:#c00; background-color:#fcc;}
span.arrows u.p2 {color:#999;}
span.arrows u.t {text-decoration:overline;}
span.arrows u.e {text-decoration:underline;}

/* templates settings */
ul.tpl_list {list-style:none; margin:0; padding:0;}
ul.tpl_list li {margin:0; padding:0; white-space:nowrap;}
ul.tpl_list li.even {background:#eee;}
ul.tpl_list li.grey,
ul.tpl_list li.grey a {color:#888;}
ul.tpl_list a {text-decoration:none;}
ul.tpl_list img {margin-right:0.2em; vertical-align:middle;}
ul.tpl_list span {display:inline-block;}
ul.tpl_list span.t {width:20em;}
ul.tpl_list span.s {width:4em; font-size:0.8em; margin-left:1em; text-align:right;}
ul.tpl_list span.p {width:2em; font-size:0.8em; margin-left:1em;}

/* pictures */
.pics .item {float:left; border:#ccc solid 0px; padding:4px; margin:0 4px 4px 0; clear:both;}
.pics .item .c {margin-bottom:2px;}
.pics .item .i {text-align:center; overflow:hidden;}
.pics .item .i img {display:inline-block; border:2px outset #0093DD;}
.pics .item .t {margin-top:4px;}

/* list_test */
#list {clear:both;}
.list_left {float:left; width:15%;}
.list_right {float:left; width:85%;}
.list_img {margin-top:5px;}
.list_img img {border:1px outset #0093DD;}
.list_date {text-align:left; font-weight:bold;}
.list_link {}
.list_link h3 {margin-top:0;}
.list_link span {margin-left:30px; font-size:0.6em; background:#CCC; color:#fff; padding:0 5px; }
.list_preview {margin-top:5px;}
.list_margin {clear:both; height:30px;}

/*
playback timings (ms):
  esindex: 0.01
  LoadShardBlock: 387.355 (3)
  exclusion.robots.policy: 0.129
  load_resource: 170.38 (2)
  PetaboxLoader3.datanode: 367.239 (5)
  PetaboxLoader3.resolve: 104.546 (3)
  captures_list: 420.068
  exclusion.robots: 0.138
  RedisCDXSource: 8.013
  CDXLines.iter: 21.05 (3)
*/