/**
* css for blikk-blogs ah 20071010 ngrhldm24@schule.suedtirol.it
*
*/

/* commons */
img, a {
	border:none;
}

.error { color:#cc0000;font-weight:bold;font-size:0.8em; }

/*
* new/edit blog
*/

#blognew_table {
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:102%;
}

#blognew_tablecontainer {
	width:100%;
	height:100%;
	text-align:center;
}

#blognew_box {
	width: 649px;
	margin: auto;
	overflow:hidden;
}
#popup_body {
	height:485px;
}
#popup_body td {
	vertical-align:top;
}
#blognew_maintd {
	text-align:center !important;
}

#popup_head {
	height:37px !important;
}

#blognew_head h1 {
	float:left;
	width:611px;
	margin:3px auto 0px auto;
	cursor:move;
}
h1#blog_maintitle {
	margin-top:0px;
}
#blognew_head div {
	float:left;
	width:8px;
	padding-left:8px;
}
#blognew_head a {
	display:block;
	float:right;
	width: 8px;
	padding-right: 8px;
	font-weight:bold;
	text-decoration:none;
	color:#CC0000;
}
#blognew_textbox {
	height:460px;
	clear:both;
}

.blognew_messagebox {
	clear:both;
	height:350px;
}
.blognew_messagetext {
	margin-top:70px;
}

#blognew_editor, #blognew_upload, #blognew_filemanager {
	clear:both;
	width:100%;
}

#blognew_textarea {
	width:99%;
	height:300px;
}
#blognew_formtable {
	margin:auto;
	table-layout:fixed;
}

#blognew_formtable td {
	vertical-align:top;
}

.blognew_td1 {
	width:420px;
}

.blognew_td2 {
	width:5px;
}

.blognew_td3 {
	width:170px;
}

label {
	display: block;
	margin-bottom:0px;
	margin-top:4px;
	font-weight:bold;
}
.blognew_textinput, .blognew_dropdown, .blognew_textarea, .blognew_textinput_error, .blognew_dropdown_error, .blognew_textarea_error {
	font-family:Comic Sans MS;
	font-size:10pt;
	width:99%;
	border: solid 2px #99CC66;
}
.blognew_textarea, .blognew_textarea_error {
	height:80px;
}
.blognew_textinput_error, .blognew_dropdown_error, .blognew_textarea_error {
	background: #ffcccc;
}
#blogcat_newcat, #blogcat_hypcat, #blogcat_description {
	width:150px;
}
.blognew_checkbox {
	margin-top:10px;
}
#blognew_buttondiv, #blognew_buttontd {
	text-align:center !important;
}
.blognew_button, .blognew_buttoncancel, .blognew_button_inactive {
	font-family:Comic Sans MS;
	margin-top:5px;
	border: solid 2px #339900;
	background-color:#99cc66;
}
.blognew_buttoncancel {
	border-color: #CC0000;
}
.blognew_button:hover, .blognew_buttoncancel:hover { background-color:#DDFFAA; }
.blognew_button_inactive {
	border-color: grey;
	background-color: lightgrey;
	color: white;
}
.blognew_areyousure {
	color:#CC0000;
	font-size:1.2em;
	text-align:center;
	margin:20px auto 10px auto;
}
#blogcat_form fieldset {
	margin-top:12px;
	border:solid 1px #339900;
	padding: 4px;
}
#blogcat_form legend {
	font-weight:bold;
	color:#CC0000;
}
#blogcat_form label {
	font-size:.9em;
}
#blogcat_form label span {
	color:#CC0000;
}
.blognew_floatlabel {
	display:inline;
}

/* Send to Editor */
#blognew_insertarea {
	width:100%;
}
#blognew_insertborder {
	clear: both;
	width:98%;
	border: solid 2px #CC0000;
}
a.blognew_insertlink {
	display:block;
	margin: 2px 3px 2px 3px;
	color:black;
	font-weight:bold;
}
a.blognew_insertlink:hover, a.blognew_insertlink:active {
	background:#99CC66;
	text-decoration:none;
}
#blognew_insertcancellink {
	display:block;
	float:right;
	margin-right:3px;
	font-weight:bold;
	color:#CC0000;
}

.blognew_mediasearch {
	display:inline-block;
	width:25px;
	height:25px;
	background-position:center;
	background-repeat:no-repeat;
	text-decoration:none;
	position:relative;
	top:10px;
}
.blognew_delbutton {
	background-image:url('/blikk/blikk_css/kids/navi/fmdelete_a.gif');
}
.blognew_searchbutton {
	margin-left:5px;
	background-image:url('/blikk/blikk_css/adults/navi/f_search_a.png');
}
.blognew_searchbutton:hover {
	background-image:url('/blikk/blikk_css/adults/navi/f_search_r.png');
}
.blognew_mediasearch_container input {
	border: solid 2px #339900;
	height:16px;
}
.blognew_mediasearch_container select {
	border: solid 2px #339900;
	height:22px;
}
.blognew_mediasearch_container select.void  {
	color:#969696;
}
.blognew_mediasearch_container select option  {
	color:black;
}

/* categories im editor */

.blognew_catlink {
	display:block;
	float:right;
	margin: 6px 2px 0px 3px;
	width:15px;
	height:15px;
	background-repeat:no-repeat;
	background-position:top left;
	text-decoration:none;
	font-size:1pt;
}

#blognew_addcategorie {
	background-image:url('/blikk/blikk_css/kids/navi/fmnew_a.gif');
}

#blognew_editcategorie {
	background-image:url('/blikk/blikk_css/kids/navi/fmedit_a.gif');
}

#blognew_delcategorie {
	background-image:url('/blikk/blikk_css/kids/navi/fmdelete_a.gif');
}

#blognew_addcategorie:hover, #blognew_editcategorie:hover, #blognew_delcategorie:hover {
	text-decoration:none;
}

#blognew_addcategorie:active, #blognew_editcategorie:active, #blognew_delcategorie:active {
	background-position:bottom right;
}

#blognew_categories {
	width:98%;
	height:270px;
	clear:both;
	overflow:auto;
	border: solid 2px #99CC66;
	padding:4px 0px 4px 0px;
}
#blognew_nocaterror {
	color:#CC0000;
	font-weight:bold;
	margin-left:12px;
}
#blognew_categories a {
	color:Black;
	text-decoration:none;
}

#blognew_categories a:hover {
	text-decoration:none;
}

#blognew_categories1 {
	margin-left:-9px;
}

#blognew_categories input {
	vertical-align:middle;
}

.blognew_floatleft {
	display:block;
	float:left;
}

.blognew_floatright {
	display:block;
	float:right;
}

.blogcat_threadparent {
	margin-top:2px;
	margin-left:12px;
}

.blogcat_threadchild {
	margin-top:2px;
	margin-left:12px;
}

/* menu */
#blognew_menutable {
	width:100%;
	border-collapse:collapse;
}
#blognew_menutable td {
	text-align:center !important;
	height:20px;
	color:black;
	font-weight:bold;
	border-top:solid 1px #CEF3C2;
	border-bottom:solid 1px  #008000;
}
#blognew_menutable a {
	color:black;
	font-weight:bold;
	display:block;
	width:100%;
	height:100%;
}
#blognew_menutable a:hover {
	text-decoration:none;
	background-color: #99CC66;
}
.blognew_menuopen {
	width:70px;
	border-right:solid 1px  #008000;
	border-top:solid 1px  #008000 !important;
	border-bottom:solid 1px  #cef3c2 !important;
}
.blognew_menuclosed {
	width:70px;
	border-top:solid 1px  #008000 !important;
	border-right:solid 1px  #008000;
}

/* upload */
#blognew_uploadbox {
	width: 604px;
	padding:30px 10px 10px 10px;
	text-align:left;
}
.blognew_fileinput, .blognew_uploadfeedback {
	width:100%;
	border: solid 2px #99CC66;
}
.blognew_uploadfeedback {
	height:22px;
	padding:2px;
}
.blognew_progresscontainer {
	clear:both;
	width:100%;
	height:30px;
	border: solid 2px #99CC66;
	padding:2px;
}
.blognew_progressbar {
	height:100%;
	background-color:#99CC66;
}
#blognew_uploadcancel, #blognew_uploadrepeat {
	margin-top:0px;
	float:right;
}
#blognew_uploadfilename {
	margin:auto 0px auto 0px;
	color:#008800;
	font-weight:bold;
	float:left;
}
#blognew_progressbox {
	clear:both;
}
#blognew_uploadiframe {
	width:0px;
	height:0px;
	border:none;
}

/* filemanager */
#blognew_filemanagerbox table {
	border:none;
	border-collapse:collapse;
}
.blognew_filemanagertd {
	width:630px;
	text-align:center !important;
}
#blognew_filemanagerdiv {
	width:590px;
	height:340px;
	overflow:auto;
	margin:0px auto 0px auto;
}
#blognew_filemanagerpndiv {
	width:580px;
	margin:0px auto 0px auto;
}
#blognew_filemanagerpndiv table {
	float:right;
	border-collapse:collapse;
	border:none;
}
#blognew_filemanagerpndiv a, #blognew_filemanagerpndiv div {
	display:block;
	border:solid 1px #008800;
	background-color:#99CC66;
	font-size:10pt;
	font-weight:bold;
	width:17px;
	height:19px;
	text-align:center;
}
#blognew_filemanagerpndiv a:hover {
	background-color:#CCFF99;
	text-decoration:none;
}
#blognew_filemanagerdeldiv {
	width:135px;
	margin:30px auto 0px auto;
}
.blognew_fileboxes, .blognew_fileboxesselected {
	font-size:.9em;
	display:block;
	float: left;
	width: 130px;
	height: 150px;
	border: 2px solid #008800;
	background-color: #99CC66;
	margin:10px 5px 0px 5px;
	padding-top:5px;
	overflow:hidden;
	position:relative;
}
.blognew_fileboxes input, .blognew_fileboxesselected input {
	width:20px;
	height:20px;
	position:absolute;
	bottom:0px;
	left:50px;
}
.blognew_filemanager_caption {
	width:100%;
	position:absolute;
	bottom:27px;
}
.blognew_filemanager_size {
	width:100%;
	position:absolute;
	bottom:7px;
}
.blognew_fileboxesselected {
	border: 2px solid #CC0000;
	background-color: yellow;
}
a.blognew_fileboxes:hover, a.blognew_fileboxesselected:hover {
	text-decoration:none;
	background-color: yellow;
}

/* blogview */
.blogview_llink {
	display:block;
	width:51px;
	height:24px;
	float:left;
	margin-right:7px;
	background-repeat:no-repeat;
}
#blogview_linktd {
	width:207px;
}
#blognew {
	background-image:url('/blikk/blikk_css/kids/navi/fnew_a.gif');
}
#blogedit {
	background-image:url('/blikk/blikk_css/kids/navi/fedit_a.gif');
}
#blogdel {
	background-image:url('/blikk/blikk_css/kids/navi/fdelete_a.gif');
}
#blogaudio {
	background-image:url('/blikk/blikk_css/kids/navi/faudio_a.gif');
	margin-right:0px;
}
#blogmail {
	background-image:url('/blikk/blikk_css/kids/navi/fmail_a.gif');
	margin-right:0px;
}
#bloglanguage_chooselink {
		background-image:url('/blikk/blikk_css/kids/navi/fvoid_a.gif');
}
#blognew:hover {
	background-image:url('/blikk/blikk_css/kids/navi/fnew_r.gif');
}
#blogedit:hover {
	background-image:url('/blikk/blikk_css/kids/navi/fedit_r.gif');
}
#blogdel:hover {
	background-image:url('/blikk/blikk_css/kids/navi/fdelete_r.gif');
}
#blogaudio:hover {
	background-image:url('/blikk/blikk_css/kids/navi/faudio_r.gif');
}
#blogmail:hover {
	background-image:url('/blikk/blikk_css/kids/navi/fmail_r.gif');
}
#bloglanguage_chooselink:hover {
		background-image:url('/blikk/blikk_css/kids/navi/fvoid_r.gif');
}
.blog_audio, .blog_mail {
	margin-top: 7px;
	height:25px;
}
#blog_audiocontainer, #blog_mailcontainer {
	float:right;
}

/** comments **/

/* formular */

#blogcomment_form {
	width:99%;
	padding-bottom:10px;
}
#blogcomment_form > div {
	margin-right:10px;
	margin-left:10px;
}
.blogcomment_minitext {
	font-weight:normal;
	font-size:.9em !important;
}
.blogcomment_formerror {
	color:#cc0000;
	font-weight:bold;
	font-size:0.9em;
}
.blogcomment_textinput, .blogcomment_textinput_error {
	font-family : Comic Sans MS;
	font-size:1em;
	color:green;
	width:70%;
	border: dashed 1px green;
	background-color: transparent;
	padding:0px 3px 0px 3px;
}
.blogcomment_textareas, .blogcomment_textareas_error {
	visibility: hidden;
	font-family : Comic Sans MS;
	font-size:1em;
	color:green;
	background-color: transparent;
	border: dashed 1px green;
	width:100%;
	height:200px;
	padding:0px 3px 0px 3px;
}
.blogcomment_textinput_error, .blogcomment_textareas_error {
	background-color: #ffcccc;
}
.blogcomment_short {
	width:20%;
}
#blogcomment_captchaimg {
	vertical-align:middle;
}

/* Kommentarliste */
#blogcomment_nocommentspossible {
	font-size:.9em;
}
.blogcomment_odd1, .blogcomment_even1 {
	margin-right:10px;
	margin-top:15px;
}
.blogcomment_even, .blogcomment_odd, .blogcomment_even_hidden, .blogcomment_odd_hidden {
	margin-top:10px;
	padding:5px;
}
.blogcomment_even h3, .blogcomment_odd h3, .blogcomment_even_hidden h3, .blogcomment_odd_hidden h3 {
	margin-top:0px;
	margin-bottom:0px;
}
.blogcomment_even {
	border-bottom:solid 1px green;
}
.blogcomment_odd {
	border-bottom:solid 1px green;
}
.blogcomment_even_hidden, .blogcomment_odd_hidden {
	border: solid 1px #CC0000;
	background-color: #FFCCCC;
}
.blogcomment_datum {
	margin-top:0px;
	font-size:0.8em;
}

.blogcomment_links a {
	display:block;
	float:right;
	margin-top:3px;
	margin-left:8px;
	background-repeat:no-repeat;
	background-position:top left;
	text-decoration:none;
	font-size:1pt;
	width:15px;
	height:15px;
}

#blogcomment_showlink {
	background-image:url('/blikk/blikk_css/kids/navi/fmnew_a.gif');
}

#blogcomment_editlink {
	background-image:url('/blikk/blikk_css/kids/navi/fmedit_a.gif');
}

#blogcomment_deletelink {
	background-image:url('/blikk/blikk_css/kids/navi/fmdelete_a.gif');
}

#blogcomment_showlink:active, #blogcomment_editlink:active, #blogcomment_deletelink:active {
	background-position:bottom right;
}

#blogcomment_form .kidsSkin .mceIframeContainer {
	border:1px dashed green;
}

/* categories */

.blog_catheader {
	background-image:url('/blikk/blikk_css/kids/navi/fcatheader.gif');
	background-repeat:no-repeat;
	height:25px;
	width:200px;
}
.blog_catheader h2 {
	margin-right:8px;
	float:right;
}

.blog_catheaderlink {
	display:block;
	float:left;
	width:15px;
	height:15px;
	margin:5px 0px 0px 4px;
	background-repeat:no-repeat;
	background-position:top left;
	text-decoration:none;
	font-size:1pt;
}

#blog_catheaderlinkcat, #blog_catheaderlinklink, #blog_catheaderlinkuser, #blog_catheaderlinklab, #blog_catheaderlinksearch {
	background-image:url('/blikk/blikk_css/kids/navi/fmnew_a.gif');
}

.blog_catheaderlinkclosed {
	background-image:url('/blikk/blikk_css/kids/navi/fmmin_a.gif') !important;
}

#blog_catheaderlinkcat:hover, #blog_catheaderlinklink:hover, #blog_catheaderlinkuser:hover, #blog_catheaderlinklab:hover, #blog_catheaderlinksearch:hover {
	text-decoration:none;
}

#blog_catheaderlinkcat:active, #blog_catheaderlinklink:active, #blog_catheaderlinkuser:active, #blog_catheaderlinklab:active, #blog_catheaderlinksearch:active {
	background-position:bottom right;
}

.blog_tagfiltercontclosed {
	display:none;
}

#blog_tagfilterinput {
	width:95%;
	margin-top:5px;
}

.blogcat_language {
	font-weight:bold !important;
}

.blogcat_private {
	color:#C00 !important;
}

.blogcat_common {
	font-weight:bold !important;
}

.blogcat_public {}

#blog_categories, #blog_link {
	clear:both;
	width:100%;
	padding:4px 0px 4px 0px;
}
#blog_categories a, #blog_labels a, #blog_link a {
	display:block;
	width:100%;
	padding-left:3px;
}
#blog_categories {
	margin-left:-12px;
}
#blog_categories .blog_category_newest { font-weight:bold; }
#blog_categories a:hover, #blog_labels a:hover, #blog_link a:hover, .blog_catitems_inputlabels:hover {
	background-color:#FFFAAE;
}
.blog_labelitems, .blog_catitems, .blog_linkitems {
	font-weight:normal;
	text-align:left;
	margin-top:3px;
	line-height:1.2em;
}
.blog_catprivatelink {
	color:#CC0000;
}
.blog_catcommonlink {
	font-weight:bold;
}
.blog_catlanguageicon {
	vertical-align:middle;
}

#blog_categories span.blog_catfold, .blog_catfoldempty {
	float:left;
	width:9px;
	height:9px;
	background-repeat:no-repeat;
	margin-top:5px;
	margin-right:3px;
}

span.blog_catfoldclosed {
	background-image:url('imgs/aright.png');
}

span.blog_catfoldopen {
	background-image:url('imgs/adown.png');
}

label.blog_catlabel {
	font-weight:normal;
	color:blue;
	display:inline;
}

input.blog_catinput {
	vertical-align:-2px;
}
a#blogcat_searchcategries {
	margin:5px auto -8px auto;
	width:67px;
	height:24px;
	background-position:15px 0px;
	text-align:center;
	background-image:url('/blikk/blikk_css/kids/navi/ffilterand_a.gif');
	background-repeat:no-repeat;
	float:none;
}

a#blogcat_searchcategries:hover {
	background-image:url('/blikk/blikk_css/kids/navi/ffilterand_r.gif');
	background-color:transparent;
}

/* Links: View/List */

#bloglink_menu {
	clear:both;
	margin-top:4px;
	margin-left:1px;
	width:99%;
	border-collapse:collapse;
}
.bloglink_linktd {
	border-top: solid 1px #008000;
	border-left: solid 1px #008000;
	border-bottom: solid 1px #008000;
	background:#CCFF99;
}
.bloglink_linkvoidtd {
	border-left: solid 1px #008000;
	border-bottom: solid 1px #008000;
}
#bloglink_menu a {
	display:block;
	color:black;
	padding:0px 4px 0px 4px;
	font-size:0.9em;
}
#bloglink_menu a:hover {
	text-decoration:none;
	background-color:#99CC66;
}
#bloglink_formtd {
	margin-top:0px;
	background-color:#CCFF99;
	border:solid 1px  #008000;
	border-top:0px;
	padding-bottom:8px;
	padding-top:8px;
}
#bloglink_form  {
	text-align:center;
}
.bloglink_textinput, .bloglink_dropdown, .bloglink_textarea, .bloglink_textinput_error, .bloglink_dropdown_error, .bloglink_textarea_error {
	font-family:Comic Sans MS;
	font-size:10pt;
	width:99%;
	border: solid 2px #99CC66;
}
.bloglink_textarea, .bloglink_textarea_error {
	height:80px;
}
.bloglink_textinput_error, .bloglink_dropdown_error, .bloglink_textarea_error {
	background: #ffcccc;
}
#bloglink_newcat, #bloglink_hypcat, #bloglink_description, #bloglink_newlink {
	width:96%;
}
#bloglink_buttondiv {
	text-align:center;
}
#bloglink_form label {
	font-size:0.9em;
}
#bloglink_form label span {
	color:#CC0000;
}
#bloglink_formdiv {
	width:95%;
	margin:auto;
}
#bloglink_formdiv1 {
	text-align:left;
	margin:0px;
}
#bloglink_new_new, #bloglink_edit_edit, #bloglink_del_delete {
	border-bottom: solid 1px #CCFF99;
}
#bloglink_new_new a, #bloglink_edit_edit a, #bloglink_del_delete a {
	font-weight:bold;
	color:#CC0000;
}

/* view-text */
.blog_linkmain {
	font-weight:bold;
}
.blog_unpublished {
	border: solid 1px #CC0000;
	padding:5px;
	background-color: #FFCCCC;
}
.blog_published h1, .blog_unpublished h1 {
	margin-bottom:10px;
}
.blog_authorinfo, .blog_commentinfo {
	clear:both;
	text-align:right;
}
.blog_authorinfo p {
	margin-top:0px;
	margin-bottom:0px;
}
.blog_authorname span {
	font-size:1.3em;
}
.blog_linkdiv {
	text-align:right;
	margin-top:30px;
}
.blog_datum_klein {
	font-size:.8em;
}
.blog_commentinfo a {
	display:block;
}
.blog_commentinfo p {
	font-weight:bold;
	margin-bottom:3px;
}
.blog_list_categories {
	margin-bottom:10px;
}

.blog_comment_attachments { padding-top:10px; margin-top:10px; border-top:1px dotted lightgrey; }
.blog_commentitem .blogcomment_links { margin-right:25px; }


/* list-text */
.bloglist_trennlinie {
	margin-top:6px;
	border-top: solid 1px #008800;
	margin-bottom:0px;
	height:4px;
	line-height:4px;
}
.bloglist_langflag {
	vertical-align:middle;
}

/* user management */
#bloguser_formtable {
	margin:auto;
}
.bloguser_tdlinks, .bloguser_tdrechts {
	width:210px;
}
#bloguser_formtable input[type=text] {
	width:210px;
	border: solid 2px #99CC66;
	margin:0px 0px 3px;
}
#bloguser_formtable label {
	font-weight:normal;
	font-size:.9em;
}
#bloguser_seluser, #bloguser_selauthor {
	width:215px;
	height:350px;
	border: solid 2px #99CC66;
	background: #ccff99;
}
#bloguser_selauthor {
	height:380px;
}
.bloguser_coauthorlist #bloguser_seluser, .bloguser_coauthorlist #bloguser_selauthor {
	height:350px;
}
.bloguser_tdmitte {
	width:60px;
	text-align:center !important;
	vertical-align:middle !important;
}
.bloguser_label {
	margin-top:15px;
	font-weight:bold;
}
.bloguser_tdbuttons {
	text-align:center !important;
	padding-top:10px;
}
.bloguser_addbutton {
	width:45px;
	height:30px;
	font-weight:bold;
	margin:10px 0px 10px 0px;
	border: solid 2px #339900;
	background-color:#99cc66;
}

/* image */
#blogimage_container {
	position: absolute;
	top:0;
	width:98%;
	height:100%;
	box-sizing: border-box;
	overflow:scroll;
	text-align: center;
}
#blogimage_container img {
	max-width:98%;
	background-color:white;
	padding:10px;
	display:block;
	position:absolute;
    top:0;
    left:0;
    right:0;
    margin:auto;
}


/* getmail */

#blogmail_div {
	width:97%;
	text-align:left;
	background-color:#CCFF99;
	border:solid 1px  #008000;
	margin-bottom:4px;
}
#blogmail_div1 {
	padding:7px;
}

/* choose language */
#bloglanguage_chooselink img {
	margin-top:3px;
}
.bloglanguage_llink {
	display:block;
	width:100%;
	padding-left:3px;
	text-align:left;
}
.bloglanguage_llink:hover {
	background:#CCFF99;
}
.bloglanguage_llink img {
	display:block;
	float:left;
	margin-top:2px;
	margin-right:4px;
}

/* Loader */
#blikk_loader {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1000;
	width:100%;
	height:100%;
}
#blikk_loader_table {
	width:100%;
	height:100%;
}
#blikk_loader_td {
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
}

/**===== bars3 loader =====*/
#bars3 {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 50px;
  width: 50px;
  margin: -25px 0 0 -25px;
}

#bars3 span {
  position: absolute;
  display: block;
  bottom: 10px;
  width: 9px;
  height: 15px;
  background: rgba(0, 0, 0, 0.25);
  -webkit-animation: bars3 2s  infinite ease-in;
          animation: bars3 2s  infinite ease-in;
}

#bars3 span:nth-child(2) {
  left: 11px;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

#bars3 span:nth-child(3) {
  left: 22px;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

#bars3 span:nth-child(4) {
  left: 33px;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

#bars3 span:nth-child(5) {
  left: 44px;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

@keyframes bars3 {
  0% {
    background: rgba(51, 153, 0, 0.25);
  }
  25% {
    background: #339900;
  }
  50% {
    background: rgba(51, 153, 0, 0.25);
  }
  100% {
    background: rgba(51, 153, 0, 0.25);
  }
}
@-webkit-keyframes bars3 {
  0% {
    background: rgba(51, 153, 0, 0.25);
  }
  25% {
    background: #339900;
  }
  50% {
    background: rgba(51, 153, 0, 0.25);
  }
  100% {
    background: rgba(51, 153, 0, 0.25);
  }
}

/* vips */
#blognew_vipsnew table {
	width:100%;
}
.blognew_vipsnewtd {
	text-align:center !important;
}
div.blognew_vipsurl {
	width:130px;
	height:80px;
	margin:30px auto;
}
#blognew_vipsnew16, #blognew_vipsnewRB {
	display:block;
	width:54px;
	height:44px;
	background-repeat:no-repeat;
}
#blognew_vipsnew16 {
	float:left;
	background-image:url(imgs/new_16.gif);
}
#blognew_vipsnewRB {
	float:right;
	background-image:url(imgs/new_rb.gif);
}
#blognew_vipsnew16:active, #blognew_vipsnewRB:active {
	background-position:right bottom;
}
#blognew_vipslogo {
	display:block;
	margin:30px auto;
}
.blog_vipscontainer {
	background:url(imgs/vips.gif) #EEE center no-repeat;
}

/* preview */

html.blog_preview { height:100%; }
body.preview {	height:100%; background-color:#CEE7C2; display:flex; justify-content: center; align-items: center; flex-direction:column; }
.preview .preview_video { max-height:80%; max-width:90%; display:flex; justify-content: center; align-items: center; }
.preview .preview_video video { max-height:100%; max-width:100%; }
.preview .preview_audio { max-width:500px; width:80%; }
.preview .preview_audio audio { width:100%; }
.preview #preview_error { border:1px solid #CC0000; background-color:#FFCCCC; padding:10px; margin-top:20px;}
.preview #preview_error p { margin:0; }
.preview .preview_links { text-align:center; }
.preview .preview_links a { display:inline-block; width:40px; height:40px; margin:15px; background:#99CC66 center no-repeat; border-radius:5px; }
.preview .preview_links .rotation-90 { background-image:url(/blikk/css/icons/?i=rotate-cw); }
.preview .preview_links .rotation-180 { background-image:url('/blikk/css/icons/?i=repeat&t=rotate(90)'); }
.preview .preview_links .rotation-270 { background-image:url(/blikk/css/icons/?i=rotate-ccw); }
.preview .preview_links .rotation-90:hover { background-image:url(/blikk/css/icons/?i=rotate-cw&c=C00); }
.preview .preview_links .rotation-180:hover { background-image:url('/blikk/css/icons/?i=repeat&t=rotate(90)&c=C00'); }
.preview .preview_links .rotation-270:hover { background-image:url(/blikk/css/icons/?i=rotate-ccw&c=C00); }

/* email-abo */

#nid_email { width:60%;}
.nl_threadparent, .nl_threadchild { margin-left: 20px; margin-top:5px;}
#popup hr {color:#FF9900; height:1px; margin-right:20px;}
#nl_tree { margin-left:-20px;}
#popup h2 { color:#c00; }
.nl_td1 { width:130px; text-align:center !important; padding-top:20px !important; }
.nl_td2 { width:15px;}
.nl_td3 { width:450px;}
.nl_tdcenter {text-align:center !important; }
#nl_tdhead { background-color:#FEBE5F;}
#nl_tdbuttons {padding-top:15px !important; padding-bottom:5px; }
#nid_disclaimer { font-size:.8em;}
#nl_scrollregion { margin-top: 8px; overflow:auto; height:390px; }
#nl_scrollregion input { vertical-align:middle; }
#nl_scrollregion label { display:inline; }
input.ferror { border:solid 2px #C00; }
#did_feedback.error p { color:#C00; font-weight:bold; font-size:1.2em; }

/* flowplayer */
div.blog_video .fp-help, div.blog_video .fp-embed {
	display:none;
}
div.blog_video .fp-controls {
	background-color:rgba(51,153,0,.6);
	height:15px;
}

/* search */
.blog_searchform {
	display:block;
	margin-bottom:10px;
	position: relative;
}

#blog_searchinput {
	height:15px;
	width:120px;
	position:relative;
	top:0px;
	font-size:.8em;
	border:0px;
}

.blog_clearsearch {
	position:absolute;
	display:none;
	color:#C00;
	font-weight:bold;
	left:155px;
	top:0px;
	z-index:10;
}

.blog_searchform .active #blog_searchinput {
	background-color:#F9C7CE;
}

.blog_searchform .active .blog_clearsearch {
	display:block;
}

#blog_searchbutton {
	height:17px;
	width:17px;
	border:none;
	background-color:transparent;
	background-image:url('/blikk/blikk_css/adults/navi/f_search_a.png');
	background-position:center 3px;
	background-repeat:no-repeat;
	cursor:pointer;
	margin-top:2px;
}

#blog_searchbutton:hover {
	background-image:url('/blikk/blikk_css/adults/navi/f_search_r.png');
}

.blog_searchform label {
	font-weight:normal;
}

.blog_searchform label:hover {
	background-color:#cf9;
}

#blog_searchfilterinputcontainer {
	display:none;
	text-align:left;
}

#blog_searchfilterinputcontainer.open {
	display:block;
}

/*  newest-marker */

tr.blog_post_newest, .blog_commentitem.blog_post_newest { background-color:rgba(255,255,255,.4); }
#blog_categories .blog_category_newest span.new, .blog_commentinfo .blog_post_newest span.new {
	font-size:.8em;
	color:white;
	display:inline-block;
	background-color:#CC0000;
	border-radius:10px;
	font-weight:normal;
	padding:1px;
	text-align:center;
	min-width:17px;
}

/* alert */

.blog_alert { position:absolute; min-height:30px; min-width:100px; background-color: #CEF3C2; border:2px solid black; border-radius:10px; opacity:0; transition: opacity .3s ease-in; }
.blog_alert.alert_open { opacity:1; }
.blog_alert > div { margin:10px; }
.blog_alert_head {  }
a.blog_alert_read, a.blog_alert_readall { display:block; color:rgb(0,0,238); cursor:pointer; padding:2px 5px;}
a.blog_alert_read:hover, a.blog_alert_readall:hover { background-color:#FFFAAE; }

/* likes */
.blog_likes_type1 { position:relative; text-align: right; margin: 10px 25px 0 0; }
.blog_likes_type1 .blog_likes_symbol { display:inline-block; width:17px; height:17px; background-size:contain; background-image:url('/blikk/css/icons/?i=smile&c=888'); }
.blog_likes_type1 .blog_likes_symbol.active:hover { cursor:pointer; }
.blog_likes_type1 .blog_likes_symbol.on { background-image:url('/blikk/css/icons/?i=smile&f=ffe900'); }
.blog_likes_type1 .blog_likes_count { font-size: .85em; display: inline-block; top: 0px; position: absolute; margin-left: 5px; }

/* settings */
.blogsettings_container { text-align:left; height:97%; overflow:auto; }
.blogsettings_container .blogsettings_divider { height:1px; margin:0 15px; border-top:solid 1px green; }
.blogsettings_input label { margin:10px 10px; padding:5px; }
.blogsettings_input .blogsettings_date input { max-width:150px; }
.blogsettings_input .blogsettings_options select { max-width:150px; }
.blogsettings_input .blogsettings_string input { max-width:250px; }
.blogsettings_container .blogsettings_multiple.hidden { display:none; }
@keyframes fadeIn {  0%   { background-color: transparent; }  100% { background-color: #a4cc8e; } }
.blogsettings_input .blogsettings_label.on { animation: fadeIn 1s ease-in; background-color:#a4cc8e; }
@keyframes fadeOut {  0% { background-color: #a4cc8e; }  100%   { background-color: transparent; } }
.blogsettings_input .blogsettings_label.off { animation: fadeOut 1s ease-in; background-color:transparent; }
@keyframes fadeOutError {  0% { background-color: #CC0000; }  100%   { background-color: transparent; } }
.blogsettings_input .blogsettings_label.err { animation: fadeOutError 1s ease-in; background-color:transparent; }