html, body, div, span, img {
	margin: 0;
	padding: 0;
	border: 0 none;
	outline: 0 none;
}

body, .body-like {
	font-family: sans-serif, arial;
	font-size: 13px;
	background: none repeat scroll 0% 0% #fff;
	text-align: left;
	color: #000;
}
body {line-height: 22.5px;}
.body-like {	line-height: 20.5px;}	/* for MM.field_auto_height */



h1, h2 {
	/*border-bottom: 1px solid #aaa;*/
	font-weight: normal;
	margin-bottom: 11px;
}
h3, h4, h5 {
	font-weight: bold;
}

h1 {
	font-size: 25px;
	line-height: 1.2em;

	margin-top: 0;
	padding-top: 0;
	margin-bottom: 14px;
	padding-bottom: 0;
}
h2 {
	font-size: 21px;
	margin-top: 0;
	padding-top: 9px;
	padding-bottom: 3px;
}
h3 {
	font-size: 16px;
	margin-top: 0;
	padding-top: 8px;
	padding-bottom: 2px;
}
h4 {
	font-size: 13px;
	margin: 0 0 5px 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
}
h5 {
	font-size: 13px;
	margin: 0 0 5px 0;
	padding: 0;
/*	text-shadow: 0 1px 0 #eee;	*/
}
small {font-weight: normal;}
h1>small, h2>small, h3>small, h4>small, h5>small { color: #999; line-height: 1; }
h1>small {font-size: 19px;}
h2>small {font-size: 17.5px;}
h3>small {font-size: 14px;}
h4>small {font-size: 14px;}
h5>small {font-size: 12px;}

table { border-collapse:collapse; border-spacing:0; width:auto; padding:0; margin:0;}
th, td { text-align:left; vertical-align:top; padding:0; margin:0; }

p { margin: 0.5em 0 0; line-height: 1.6em; }

a { color: #005dcd; text-decoration: none; }
a:hover, a:focus { color: #005dcd; text-decoration: underline; }

a.regular {color: #000;}
a.regular:hover, a.regular:focus {text-decoration: none;}
a h1,a h2,a h3,a h4,a h5 {color: #005dcd;}
a:hover h5, a:focus h5 {text-decoration:underline;}
a p {color:#000}
a.selected { font-weight: bold; }

a.bluelink {color: #005dcd !important;}
.bluelink .dcard {color: #000;}
.bluelink a {color: #005dcd !important;}

a.dbluelink {color: #1414ef !important;}
.dbluelink .dcard {color: #000;}
.dbluelink a {color: #1414ef !important;}
.dbluelink h1,.dbluelink h2,.dbluelink h3,.dbluelink h4,.dbluelink h5 {color: #1414ef;}

:focus { outline: 0 none; }

blockquote {
	display: block;
	background-color: #fafafa;
    border-radius: 6px;
    box-shadow: 0 2px 5px #666;
    margin: 30px 38px;
    padding: 15px 43px 15px 43px;
    text-align: left;
	font-style: italic;
}

select {
    background-color: #FFFFFF;
    color: #555555;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    font-size: 14px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 4px 6px;
}

hr {
	border: 0;
	color: #D1D9C4;
	background-color: #D1D9C4;
	height: 1px;
	margin: 0;
}


@font-face {
    font-family: MirMuz;
    src: url(anabelle_mirmuz.otf);
    font-weight: 400;
}

.mm_font {font-family: MirMuz, "Times New Roman";}
.mm_color {color: #1414ef;}

/* Handy styles */

.mirmuz {font-weight: bold;}
.stihilv {font-weight: bold; display: inline-block; background:url(logo/stihilv/stihilv.png) no-repeat 0 50%; padding-left:15px; }
.youtube {background:url(logo/other/youtube.png) no-repeat 0 50%; padding-left:20px; }
.site { font-weight: bold; }

.clr {clear: both; display: block;}
/*
.clearfix {
	*zoom: 1;
	&:before,&:after {
		display: table;
		content: "";
	}
	&:after {
		clear: both;
	}
}
*/

.rel {position: relative;}
.abs {position: absolute;}
.align_left { text-align: left; }
.align_right { text-align: right; }
.align_center { text-align: center; }
.align_justify { text-align: justify; }
.width_wide { width: 99.5% !important; }
.float_left { float: left; }
.float_right { float: right; }
.db { display: block; }
.dib { display: inline-block; height: 20px; }
.mt {margin-top: 15px;}
.mr {margin-right: 15px;}
.mb {margin-bottom: 15px;}
.ml {margin-left: 15px;}
.mt10 {margin-top: 10px;}
.mb10 {margin-bottom: 10px;}
.mr10 {margin-right: 10px;}
.ml10 {margin-left: 10px;}
.br4 {border-radius: 4px;}
.brimg img {border:1px solid #ccc; border-radius: 6px; padding: 5px; }

.row:before, .row:after {
    content: "";
    display: table;
    line-height: 0;
}
.row:after {	clear: both;}
.span {float:left; width: auto;}
.span1 {float:left; width: 99%}
.span2 {float:left; width: 48%}
.span3 {float:left; width: 32%}
.span4 {float:left; width: 24%}
.span5 {float:left; width: 19%}
.span6 {float:left; width: 16%}
/*.row div:first-child {margin-left:0}*/
.span_left {float:left; margin-right:20px}

.required { color: #b94a48; }

.divided li  {border-top:1px solid #ccc;}
.divided li:first-child  {border-top:1px solid transparent;}

.ajax_wait {
	background: url(i/ajax-circles.png) no-repeat 50% 50%;
	width: 64px;
	height: 64px;
}
.ajax_wait_right {
	background: url(i/ajax-circles.png) no-repeat right 50%;
}
.ajax_wait_btn {
	background-image: url(i/ajax-circles.png) !important;
	background-repeat: no-repeat !important;
	background-position: 100% 50% !important;
	padding-right: 34px !important;
}

tr.delim td, tr.delim th {
	padding-top: 15px !important;
}

.fl:first-letter
{
	font-size: 20px;
	font-weight: bold;
	color: #000088;
}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.border_in {
	border: 1px solid #CCCCCC;
	border-radius: 2px 2px 2px 2px;
	box-shadow: 0 0 0.5em #CCCCCC inset;
/*	padding: 0.7em 1em;	*/
}

.vin {
	background: url(i/div.jpg) no-repeat 50% 100% #fff;
	padding-bottom: 20px;
	margin-bottom: 25px;
}

.ul { text-align: justify; font-size:15px; }
.ul li		{ padding: 5px;}

.ul li li,
.ul li li li,
.ul li li li li,
.ul li li li li li	{ margin-left: 45px; }

.ul li:hover	{ background-color: #eee }
.ul li li:hover	{ background-color: #ddd }
.ul li li li:hover{ background-color: #ccc }
.ul li li li li:hover{ background-color: #bbb }
.ul a {text-decoration: none; }

.ul ul {
	list-style-image: none;
	list-style-type: none;
	line-height: 1.5em;
	padding: 0;
	margin: 0;
}

.uldot {
	list-style-image: url("i/ul.gif");
	list-style-position: outside;
}


/* Page */

/* Top */

#Top {
	background: url("i/bg.png") repeat-x scroll 0 0 #fff;
	padding: 0;
	text-align: center;
	min-width: 1024px;
	width: 100%;
}
#Top .TopWrap {
	text-align: center;
	height: 65px;
}
#Top .TopRight {
	position: absolute;
	right: 13px;
}
.TopMenu {
	padding: 17px 0 4px;
}

#Top a.logo1 {position:absolute; left:0; top:0; padding-right:13px;}
#Top a.logo2 {position:absolute; left:129px; top:1px; width:272px; height:65px; background:url(logo/mirmuz/mirmuz.png) no-repeat 0 0;}
#Top a.logo3 {position:absolute; left:129px; top:65px; width:272px /*225px*/; height:37px; background:url(logo/mirmuz/mirmuz.png) no-repeat 0 -65px;}


/* Personal */

#Top .plogo1 {}
#Top .plogo2 {text-decoration:none; text-align:center; font-size:44px; position:relative; left:25px; top:23px;}
#Top .plogo3 {text-align:center; font-size:23px; display:block; position:relative; top:18px}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#Top .plogo3 {display:inline-block; top:13px}
}
/* Opera */
doesnotexist:-o-prefocus, #Top .plogo3 {display:inline-block}

#page_w { width:100%; }
#page_w_left { width:221px; }



/* SubTop */
/*
div.SubTop {
	border-top: 1px solid rgb(185, 221, 232);
	background: url(i/bgsub.png) repeat scroll 0 0 #fff;
	border-bottom: 1px solid rgb(238, 211, 162);
	padding: 6px 13px;
	text-align: center;
	
	top:0;
	margin-top:66px;
	width:100%;
	height: 24px;
	position:absolute;
}
div.SubTop img {	margin-bottom: -2px;}
div.SubTop .Center { position: relative; }
div.SubTop > a { font-size: 13px; color: #999; margin: 0 0 0 20px; }
div.SubTop > a:hover { color: #744000; text-decoration: underline; }
div.SubTopLeft { padding-left: 300px; position:relative; top:-1px; margin-right: 10px; }
div.SubTopRight{ float:right; }
*/

/* SubTop */

.SubTop {
	border-top: 1px solid rgb(185, 221, 232);
	background: url(i/bgsub.png) repeat scroll 0 0 #fff;
	border-bottom: 1px solid rgb(238, 211, 162);
	width: 100%;
}
.SubTop img {	margin-bottom: -2px;}
.SubTopRight a.agray {color: #999; font-size: 13px; margin: 0 0 0 20px;}
.SubTopRight a.agray:hover {color: #744000; text-decoration: underline;}

.SubTopLeft		{ height: 33px; width: 350px;}
.SubTopCenter	{ height: 33px; vertical-align:middle; padding: 2px 0 1px 2px; text-align:center; min-width: 100px;}
.SubTopRight	{ height: 33px; vertical-align:middle; padding: 2px 13px 1px 0; text-align:right; width: 350px;}



#search_w {position: relative; }
/*#search { background: url(i/footprint.png) no-repeat 0 50% #fff; padding-left: 35px; height: 18px; width:200px; }*/
#search { background: url(icon/spyglass.png) no-repeat 5px 50% #fff; padding-left: 25px; height: 18px; width:200px; }

#search_tip {
	position: absolute;
	display: none;
	/*left: 255px;*/
	left: -160px;
	top: -10px;
	width: 139px;
}
#search_tip .tooltip-arrow {top:22px}
#search:hover + #search_tip {display:block}


#login_form {/*margin-top:-2px;*/ height:20px; display: inline-block}
#login_form input.text {width:120px; height:18px; background-color:#fff;}

/*
#mirmuzinfo + .tooltip { left:60px !important;}
#mirmuzinfo + .tooltip .tooltip-arrow { left:73% !important;}
*/

/*
#search_w {display:none;}
#search { background: url(i/footprint.png) no-repeat 0 50% #fff; padding-left: 35px; height: 18px; width:185px; }
.SubTopLeft	{ vertical-align:middle; height: 31px; padding: 5px 0 0 140px; text-align:left;}
#Top:hover a.logo3 {display:none}
#Top:hover #search_w {display:inline}
*/


/* Menu */

.SubTopMenu_w {
	display: inline-block;
	text-align: left;
	cursor: pointer;
	height: 28px;
	padding: 5px 20px 0 20px;
	position: relative;
}


	.SubTopMenu {
		display: none;
		position: absolute;
		z-index: 7000;

		background-color: #fff;

		border-radius: 6px;
		border: 1px solid #ccc;
		box-shadow: 2px 2px 5px #aaa;

		margin-top: 3px;
	}

	#menu_sitemap .SubTopMenu_title { background: url(icon/map.png) no-repeat 0 50%; padding-left: 20px; color: #616161 }
	#menu_sitemap .SubTopMenu {
		background: url(i/sitemap.png) 97% 63px no-repeat #fff;
		width: 400px;
		left: -140px;
		padding: 10px;	
	}

		#menu_sitemap a { display: inline-block; margin: 5px 15px 5px 0; }
		#menu_sitemap a.mini { margin: 2px 6px 5px 0; }

		#menu_sitemap #search { margin-bottom: 10px; width:217px; }
		#menu_sitemap h5 { margin: 4px 0; }
		#menu_sitemap p { margin: 0.5em 0; }

	#menu_projects .SubTopMenu_title { background: url(icon/projects.png) no-repeat 0 50%; padding-left: 18px; color: #616161 }
	#menu_projects .SubTopMenu {
		width: 967px;
		/* left: -375px; */
		left: -486px;
		padding: 0;
	}

	#menu_projects .project {
		text-align: center;
		float: left;
		display: block;
		text-decoration: none;
		color: #000;
		padding: 10px 5px;
		width: 231px;
		height: 365px;
		border-right: 1px solid #ccc;
	}
	#menu_projects .project:first-child:hover {border-top-left-radius:5px;border-bottom-left-radius:5px;}
	#menu_projects .project:last-child:hover {border-top-right-radius:5px;border-bottom-right-radius:5px;}
	#menu_projects .project:last-child {border-right: none;}
	#menu_projects .project_img {
		width: 190px;
		/* height: 190px; */
		margin: 5px auto;
	}

	#menu_projects .project:hover {background-color:#eee}
	/* #menu_projects .project:hover .project_img {background-color:#fff} */


/* menu does not dissapear if mouse out goes over tooltip */
.ie .SubTopMenu_w .tooltip { display:none !important; }
/* override display:hidden in html, that is required for local-view of the page without css */
.SubTopMenu_w:hover  .SubTopMenu {display: block !important;}

.SubTopMenu.menu_stick {box-shadow: none; margin: 6px 0 0 2px;}	
.menu_stick {display: block !important;}
.input_stick {display: block !important;}



/* Dynamic menu */

.dmenu_w {
	position: relative;
	cursor: pointer;
}

.dmenu {
	display: none;
	position: absolute;
	z-index: 7000;

	left: 0;
	width: 400px;

	background-color: #fff;
	border-radius: 6px;
	border: 1px solid #ccc;
	box-shadow: 2px 2px 5px #aaa;
	
	color: #000;
	font-weight: normal;
	text-shadow: none;
	
	margin-top: 0;
	padding: 20px;
	white-space: pre-wrap;	/* important if nested in .badge */
}

/* menu does not dissapear if mouse out goes over tooltip */
.ie .dmenu_w .tooltip { display:none !important; }
/* override display:hidden in html, that is required for local-view of the page without css */
.dmenu_w:hover  .dmenu {display: block !important;}

.dmenu a { color: #005dcd !important; text-decoration: none;}
.dmenu a:hover, .dmenu a:focus { color: #005dcd !important; text-decoration: underline;}
.dmenu ul { margin:0; padding:0 0 0 10px }
.dmenu li { margin-bottom:10px; }
.dmenu li:last-child { margin-bottom:0; }

/* Counter */

.counter_w { position: relative; }
.counter_w:hover, .counter_w:focus { text-decoration: none !important; }
.counter {
	display: none;
	background-color: #5555ff;
	padding: 0 5px;
	border-radius: 6px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	position: absolute;
	top: 15px;
}


/* Page layout */

#Frame {
/*
	background: url("i/bg-fade.png") repeat-x scroll 0 -30px #fff;
*/
	color: #000;
	border-top: 1px solid #F8F4E9;
	min-width: 1024px;
}

	table#Body {
		width: 100%;
		margin: 30px 0;
	}

		td#PageLeft {
			width: 220px;
			overflow: hidden;
			padding: 1px 1px 1px 0;
		}
		
		/*
		.PageLeftNarrow {
			width: 200px !important;
		}
		.PageLeftNarrow .box {
			width: 180px !important;
			padding: 10px 5px;
		}
		.PageLeftNarrow + td{
			padding: 0 10px 0 15px !important;
		}
		*/
		
		#Content {
			padding: 0 20px 0 25px;
			max-width: 1220px;
			word-wrap: break-word;
		}
/*

	#Body {
		padding: 30px 0;
	}

	#PageLeft {
		float: left;
		width: 220px;
		padding: 1px 1px 1px 2px;
		margin: 0 0 20px 0;

	}

	#Content {
		padding: 0 20px 0 20px;
	}
*/

/* position:fixed */

.fixedtop #Top {position:fixed; top:0; width:100%; z-index: 9980 !important;}
.fixedtop #Frame {margin-top:91px; /* background: url("i/bg-fade.png") repeat-x scroll 0 0 #fff; */ }
.fixedtop .autocomplete_search { position:fixed !important; z-index:9990 !important; top:82px !important; }


html, body, #body_w {height:100%}
body > #body_w {height: auto; min-height: 100%;}
#body_w {padding-bottom: 3em;}

#PageFooter {
	clear: both;
	position: relative;
	z-index: 10;

	box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.2) inset;
	background-color: #f7f7f7;

	width: 100%;
	margin: 0;
	text-align: center;
	font-size: 12px;
}

#PageFooter > div {
	padding: 20px 0;
}

#info_w { position:fixed; bottom:0; left:0; z-index:20;}
*html #info_w { position:absolute; }
#info_w {
	/*
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	box-shadow: 0 0 4px #aaa;
	*/
	padding-top: 1px;
	padding-bottom: 7px;
}

/*
#info_w {width:222px; height:100px; border-top-right-radius: 6px;}
*/
#footer > div {padding-bottom:59px;}
#info_w {/*width:100%;*/ height:24px;}

#info_w .info_box {
	background-color: #fff;
	padding: 3px;
	margin: 0;
	height: 24px;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 6px;

}
#info_w:hover .info_box {
	opacity: 0.8;
}
#info_w .info_box:hover {
	opacity: 1.0;
}

/* box */

.box {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	background: url("i/bg.png") repeat scroll 0 0 #f5f5f5;
	color: #555;
	padding: 10px;
	margin: 0 0 10px;
	box-shadow: 0 0 2px #999;
	display: block;
	width: 200px;
}

.box.white {
	background: none;
	border: 1px solid transparent;
	box-shadow: none;
	padding: 0 10px 5px 10px;
	margin-top: -2px;
}
.box h5 {
	font-size: 14.5px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 1px;
}
.box dl { overflow: hidden; }
.box dl dt { font-size: 12px; float: left; width: 80px; color: rgb(85, 85, 85); overflow: hidden; white-space: nowrap; }
.box dl dd { font-size: 12px; margin-left: 80px; }

div.box > h5, div.box > h5 a {
	color: #444;
	font-weight: bold;
}
.box > a {
	display: block;
    min-height: 23px;
	/*
    overflow: hidden;
    word-break: break-all;
	*/
}

.box2 {
	border-radius: 6px;
	background: url("i/bg.png") repeat scroll 0 0 #f5f5f5;
	box-shadow: 0 0 2px #999;
	color: #555;
	padding: 10px;
	margin: 0 0 15px;
	display: block;
}

.box2 .box2_inner {
	border-radius: 6px;
	background-color: #fff;
	box-shadow: 0 0 2px #999;
	color: #555;
	padding: 2px 15px;
}

.box2 .player {
/*	width: 100% !important;	*/
}


/* Form table */

table.form > tbody > tr > td {
	padding: 5px;
}
table.form > tbody > tr > th {
	padding: 8px 5px 12px 5px;
	font-size: 15.6px;
	font-weight: bold;
}

textarea {
	width: 500px;
	/*height: 100px;*/
	height: 185px;
	padding: 3px;
	color: #333;
	/*
	border: 1px solid #aaa;
	border-radius: 2px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
	*/
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: 0 0 0.5em #ccc inset;
}

.form.width_wide textarea { width: 99.5%; height: 185px; }

input.text {
	width: 200px;
	height: 20px;
	padding: 3px;
	color: #333;
	/*
	border: 1px solid #aaa;
	border-radius: 2px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
	*/
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: 0 0 0.5em #ccc inset;
}
input.text:focus {	background-color: #ffffaa;	}

/* Icons */

.icon_alias		{	background: url(icon/alias.png) no-repeat 5px 50%;		padding-left: 25px !important;}
.icon_pass		{	background: url(icon/pass.png) no-repeat 5px 50%;		padding-left: 25px !important;}
.icon_name		{	background: url(icon/user_orange.png) no-repeat 6px 50%;padding-left: 25px !important;}
.icon_mail		{	background: url(icon/mail.png) no-repeat 6px 50%;		padding-left: 25px !important;}
.icon_skype		{	background: url(icon/skype.png) no-repeat 4px 45%;		padding-left: 25px !important;}
.icon_pm		{	background: url(icon/pm.png) no-repeat 0 1px;			padding-left: 20px !important;}
.icon_people	{	background: url(icon/people.png) no-repeat 0px 50%;		padding-left: 20px !important;}
form .icon_people{	background: url(icon/people.png) no-repeat 5px 50%;		padding-left: 24px !important;}
.icon_recommend	{	background: url(icon/recommend.png) no-repeat 0 0;		padding-left: 20px !important;/* line-height:19px */}
.icon_new		{	background: url(icon/bell.png) no-repeat 0 1px;			padding-left: 21px !important;}
.icon_card		{	background: url(icon/ship.png) no-repeat 1px 2px;		padding-left: 20px !important;}
.icon_journal	{	background: url(icon/journal.png) no-repeat 0 2px;		padding-left: 20px !important;}
.icon_road_sign	{	background: url(icon/road_sign.png) no-repeat 0 2px;	padding-left: 20px !important;}
.icon_tip		{	background: url(icon/tip_blue.png) no-repeat 0 2px;		padding-left: 20px !important;}
.icon_lantern_on{	background: url(icon/lantern_on.png) no-repeat 0 2px;	padding-left: 20px !important;}
.icon_lantern_off{	background: url(icon/lantern_off.png) no-repeat 0 2px;	padding-left: 20px !important;}

.icon_map		{	background: url(icon/map.png) no-repeat 0 50%;			padding-left: 19px !important;}

.icon_folder1	{	background: url(icon/folder.png) no-repeat 0 0;			padding-left: 20px !important;}
.icon_folder2	{	background: url(icon/fav.png) no-repeat 0 50%;			padding-left: 21px !important;}
.icon_folder3	{	background: url(icon/folder.png) no-repeat 0 45%;		padding-left: 20px !important;}
.icon_folder4	{	background: url(icon/folder.png) no-repeat 0 45%;		padding-left: 20px !important;}
.icon_folder5	{	background: url(icon/folder.png) no-repeat 0 45%;		padding-left: 20px !important;}
.icon_folder21	{	background: url(icon/folder.png) no-repeat 0 0;			padding-left: 20px !important;}
a > .icon_folder1{	background-position: 0 -2px}
small .icon_folder1{	background-position: 0 1px}
a > .icon_folder4{	background-position: 0 -2px}
small .icon_folder4{	background-position: 0 1px}
a > .icon_folder5{	background-position: 0 -2px}
small .icon_folder5{	background-position: 0 1px}
a > .icon_folder21{	background-position: 0 -2px}
small .icon_folder21{	background-position: 0 1px}

.icon_up		{	background: url(icon/hand_up.png) no-repeat 1px 2px;		padding-left: 22px !important;	display: inline-block; }
.icon_down		{	background: url(icon/hand_down.png) no-repeat 1px 4px;		padding-left: 22px !important;	display: inline-block; }
.icon_right		{	background: url(icon/hand_right.png) no-repeat 1px 1px;		padding-left: 22px !important;	display: inline-block; }
a.icon_up		{	background-position: 1px 6px; }
a.icon_down		{	background-position: 1px 8px; }

.icon_view 		{	background: url(icon/view.png) no-repeat 1px 2px;		padding-left: 20px !important;}
.icon_hear 		{	background: url(icon/hear.png) no-repeat 1px 2px;		padding-left: 20px !important;}
.icon_fav		{	background: url(icon/fav.png) no-repeat 0 3px;			padding-left: 21px !important;}
.icon_imsg		{	background: url(icon/imsg.png) no-repeat 0 2px;			padding-left: 20px !important;}
.icon_ilink		{	background: url(icon/ilink.png) no-repeat 0 2px;		padding-left: 20px !important;}

.favorite { padding:0 8px; }
.favorite > span	{	background: url(icon/fav.png) no-repeat 0 1px;			padding-left: 22px !important;}

.favorite.narrow > span	{	background-position: 0 0;}
.favorite.narrow { padding-left:8px; padding-right:2px; height:23px;}
.favorite.narrow {
    border-radius: 2px;
}


.tt		{	min-height: 16px; display: inline-block; padding-left: 20px !important; background: url(art/post.png) no-repeat 0 50%; }

/* no underline for inline-block */
/*
a .tt		{	border-bottom: 1px solid transparent;}
a:hover .tt	{	border-bottom: 1px solid #005dcd;}
*/

.tt103	{	background-image: url(art/verse.png)}	/*3px*/
.tt2103	{	background-image: url(art/verse.png)}
.tt104	{	background-image: url(art/proze.png)}
.tt105	{	background-image: url(art/drama.png)}
.tt106	{	background-image: url(art/aphor.png)}

.tt121	{	background-image: url(art/decl.png)}
.tt122	{	background-image: url(art/mdecl.png)}

.tt131	{	background-image: url(art/image.png)}
.tt132	{	background-image: url(art/graphics.png)}
.tt133	{	background-image: url(art/photo.png)}
.tt134	{	background-image: url(art/sculpture.png)}
.tt135	{	background-image: url(art/comics.png)}
.tt136	{	background-image: url(art/decor.png)}
.tt137	{	background-image: url(art/photo.png)}
.tt138	{	background-image: url(art/verse.png)}

.tt150	{	background-image: url(art/music.png)}
.tt151	{	background-image: url(art/music.png)}
.tt152	{	background-image: url(art/music.png)}

.tt31	{	background-image: url(art/proze.png)}
.tt71	{	background-image: url(art/teaching.png)}

.tt81	{	background-image: url(art/adv.png)}
.tt82	{	background-image: url(art/globe1.png)}
.tt83	{	background-image: url(art/interview.png)}
.tt84	{	background-image: url(art/globe1.png)}

.tt1000{	background-image: url(art/sci.png)}


/* List table */

table.list > tbody > tr > td { padding: 5px 10px; }
table.list > tbody > tr > th { padding: 5px 10px; }
table.list > tbody > tr > td.a { padding: 0; }
table.list > tbody > tr > td.a > a { padding: 5px 10px; display:block; }
table.list > tbody > tr:nth-child(1){ border-top: 1px solid #ddd; }
table.list > tbody > tr{ border-bottom: 1px solid #ddd; }
table.list > tbody > tr:hover { background-color: #eee; }

table.striped > tbody > tr:hover { background-color: inherit; }	/* no hovering if striped table */
table.striped > tbody > tr:nth-child(2n+1) > td,
table.striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #F9F9F9;
}


table.tablevote { border-collapse:separate; border-bottom:1px solid #eee; }
table.tablevote td { vertical-align:middle; padding:10px 0; border-top:1px solid #eee; border-right:1px solid #eee; }
td.tdvote { text-align:center; font-size:12px; background-color:#efefef; }	


/* jquery.form-defaults */
/*
.fieldEmpty {color: #777 !important;}
*/

/* Captcha */

input.captcha_input {
}
.captcha_reload {
	border-bottom: 1px dashed;
	text-decoration: none;
	font-size: 11px;
}

/* Overlay */

.lbdiv {
	display:none;
	background-color: #fff;
	padding: 15px;
	border-radius: 4px;
	max-width: 1000px;
}

.lb_overlay {
}

/* Tip */

.tip {
	padding: 8px 3px 8px 30px;
	border-radius: 4px;
	word-wrap: break-word;	/*	in some contexts .tip has fixed width	*/
	border: 1px solid #ccc;
	background: url(icon/tip_blue.png) no-repeat 6px 50% #eee;
	/*e0ff80 - green*/
}
.tiph {
	padding: 8px;
	border-radius: 4px;
	word-wrap: break-word;	/*	in some contexts .tip has fixed width	*/
	border: 1px solid #ccc;
	background-color: #eee;
	/*e0ff80 - green*/
}
.error {
	padding: 8px 3px 8px 30px;
	border-radius: 4px;
	word-wrap: break-word;
	border: 1px solid #888;
	background: url(icon/tip_orange.png) no-repeat 6px 50% #fcff54;
	color: #aa0000;
}
.ban {
	padding: 10px 10px 10px 30px;
	margin-top: 5px;
	word-wrap: break-word;
	border-radius: 4px;
	border: 1px solid #888;
	background: url(icon/lightning.png) no-repeat 6px 50% #fff;
}
.ban blockquote {margin-top:5px; margin-bottom:5px}

.tip_form_w {
	position: relative;
	display: none;
}

.tip_form {
	border: 1px solid #ccc;
	padding: 3px;
	background: no-repeat 6px 50% #eee;
	border-radius: 4px;

	width: 300px;
	position: absolute;
	left: 24px;
}


/* dynamic card for author, tag, etc. */

.dcard {
	display: none;
	position: absolute;
	left: -9px;
	top: -12px;
	padding: 8px;
	margin: 0;

	width: 200px;
	max-width: 450px;
	z-index: 8000;

	text-align: left;
	line-height: 22.5px;
	font-weight: normal;
	font-size: 13px;
	
	white-space: normal;

	background-color: #fff;
	border: 1px solid #333;
	border-radius: 6px;
}

.dcard_in {
	max-width: 450px;
	max-height: 400px;
	overflow: hidden;
}

.dcard.dcard_right {border-top-left-radius: 0; min-height:120px }
.dcard.dcard_right .dcard_img {
	position: absolute;
	width: 200px;
	left: -200px;
	top: -1px;
	text-align: right;
}
.dcard.dcard_right .dcard_img > img {
	position: relative;
	right:0;
	border: 1px solid #000;
	border-right: 1px solid #fff;
	border-top-left-radius: 6px; 
	border-bottom-left-radius: 6px;
	background-color: #fff; /* if load timeout */
}

@-moz-document url-prefix() {
	.dcard {
		top: -13px !important;
	}
}

.dcard .list { width:100%; }
.dcard td { padding: 2px !important; }
.dcard.mini { width: 101%; }


/* Tooltip */

.tooltip {
	font-size: 12px;
	font-weight: normal;
	white-space: normal;	/* fix: required in div.btn-group */
	max-width: 500px;
	z-index: 9500;
}
.tooltip a {color:#fff}
.tooltip.in {
/*
	opacity: 0.95;
	filter: alpha(opacity=95);
*/
	opacity: 0.92;
	filter: alpha(opacity=92);
}
.tooltip-inner {
	/*background-color: #1067D0;*/
	background-color: #444;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #444;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #444;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #444;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #444;
}

.box .tooltip {
	min-width: 200px;
}

/* Author */

#author_info .tab-content {min-width: 420px; height:260px; overflow:auto;}

.author {
	font-weight: bold;
	font-size: 13px !important;
	font-style: normal;
}
a.author {
	text-decoration: none;
	position: relative;	
	color: #000;
	margin: 0;
	padding: 0;
}

.item_w .author {font-size: 15px !important;}
.item_w .dcard {top: -11px !important; width: 360px;}
.item_w h4, .item_w h5 {font-size: 15px !important;}
.item_w h3 {font-size: 17px !important;}
/* .item_w .tooltip h4 {font-size: 13px !important;} */
.item_w .thumb {font-size: 14px !important;}

h1 .author {font-weight: normal; font-size: 25px !important;}
h1 .dcard {top: -5px !important; width: 360px;}

h2 .author {font-weight: normal; font-size: 21px !important;}
h2 .dcard {top: -8px !important; width: 360px;}

h1 .dcard.dcard_right .dcard_img {
	left: -206px;
	top: 2px;
}

a.author:hover {
	text-decoration: none;
	color: #000;
	background-color: #eee;
}
	a.author img.authorImg.mini {margin-bottom:-7px;}
	img.authorImg.mini	{max-width:30px;	height:24px;}
	img.authorImg.medium	{max-width:140px;	max-height:140px;}
	img.authorImg.big	{max-width:480px;	max-height:380px;}

a.bb_author {
	font-weight: bold;
	font-size: 13px !important;
	text-decoration: none;
}
a.bb_author:hover {
	text-decoration: underline;
}
a.bb_tag {
	bottom: 1px;
	position: relative;
}

.author_name { min-width: 122px }


/* Tag */

.tag {
	text-decoration: none;
	font-weight: bold;
	font-size: 13px !important;
	line-height: 2.4;
	white-space: nowrap;

	padding: 3px 6px;
	border-radius: 4px;
}
/*
.tag {
	background: #E3F5FF;
	color: #6A8491;
	border-bottom: 1px solid #99b7c6;
	border-right: 1px solid #99b7c6;
}
.tag:hover {
	background: #6A8491;
	color: #E3F5FF;
	border-bottom: 1px solid #99b7c6;
	border-right: 1px solid #99b7c6;
}
*/

.tagClass10, .tagClass30 {
	background: #E0EAF1;
	color: #3E6D8E;
	border-bottom: 1px solid #3E6D8E;
	border-right: 1px solid #7F9FB6;
}
.tagClass10:hover, .tagClass10:focus,
.tagClass30:hover, .tagClass30:focus {
	background: #3E6D8E;
	color: #E0EAF1;
	border-bottom: 1px solid #37607D;
	border-right: 1px solid #37607D;
	text-decoration: none;
}



/* autocomplete */

.autocomplete_w { position:absolute;z-index:9990; }
.autocomplete-w1 { background:url(i/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:7px 0 0 6px; }
.autocomplete { border:1px solid #999; background:#fff; cursor:default; text-align:left; margin:-6px 6px 6px -6px; max-height:440px; }
.autocomplete > div { border-bottom: 1px solid #ccc; white-space:nowrap; cursor:pointer; }
.autocomplete .selected { background-color:#f0f0f0; }
.autocomplete .searched { color:#0000aa; }
.autocomplete .tag { margin-left:8px; }

.autocomplete > div > a { display: block; margin:0; padding:0; line-height:22.5px; padding:5px; text-decoration: none; }
.autocomplete .dcard {  left: 245px !important; margin-top: 12px !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; z-index: 8500;}

/* tag list editor */

.tag_list_editor input {width:400px; background: url(icon/spyglass.png) no-repeat 5px 50% #fff; padding-left: 25px; height: 18px; }
.tag_list_editor .tag {  line-height: 1.0; cursor: pointer}
.tag_list_editor > div { height:30px; margin:5px 0 10px; line-height:34px; } 
.tag_remove { color: #aa0000; }
.tag_remove:hover { color: #fff; }

/* Other */

#alias_tip {
	font-weight: bold;
	color: #0000ff;
}

#pass_tip {
	height: 5px;
}


/* User bio */

/* common */
.bio_event1 {}
/* publication */
.bio_event2 {}
/* nomination */
.bio_event3 {}
/* meeting */
.bio_event4 {}
/* learning */
.bio_event5 {}



/* bootstrap */

.nav-tabs {border-bottom: 1px solid #aaa;}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { border-color: #aaa #aaa transparent; }
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus { border-color: #bbb #bbb #aaa; }

.tabs-below > .nav-tabs { border-top: 1px solid #aaa;}
.tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus { border-color: #aaa; }
.tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover, .tabs-below > .nav-tabs > .active > a:focus { border-color: transparent #aaa #aaa #aaa;}

.tabs-left > .nav-tabs {border-right: 1px solid #bbb; padding:10px 0}
.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus {
    border-color: #bbb transparent #bbb #bbb;
}
/*
.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {margin-bottom: 1px;}
*/

#author_info .tabbable {max-width: 2048px;}

/* thumbnails */
/*
.thumb_art {
	background: url(/web/i/bg_paper.gif) no-repeat 4px 4px;
	width: 190px;
	height: 184px;
	overflow: hidden;
	padding-top: 10px;
}
.thumb_art:hover, .thumb_art:focus {
	text-decoration: underline;
}
.thumb_art h3 {
	text-align: center;
}
.thumb_art p {
	padding: 0 4px;
}
*/

#art_types h3 {margin: 15px 0;}
/*	#art_types .tab-content a {width:180px; height:50px; }	*/

/* Blocks */

.legend {
	background-color: #f9f9f9;
	border: 1px solid #aaaaaa;
	width: auto;
	margin: 0 auto 1em;
	padding: 7px 4px 0 4px;
	border-radius: 6px;
}

.legend .title {
	font-weight: bold;
	float: left;
	margin: -20px 0 0 .85em;
	padding: 1px 5px;
	font-size: 17px;
	color: #1414ef;
}
.legend p { margin:15px; }
/*** .legend ul { max-width:940px; padding:0; margin:15px;} */
.legend ul { padding:0; margin:15px;}

.legend + .legend { margin-top:20px }

.block2 {
	border: 1px solid #ababab;
	background: #d0e5f5;
	box-shadow: 1px 1px 8px #ababab;
	color: #000000;
	margin: 0 0 10px;
}

.block2 .links {
	float: right;
	margin-bottom: .1em;
	color: #000000;
}

.block2 .title {
	text-align: center;
	font-size: 13.45px;
	color: #000;
	font-weight: bold;
	margin: 0;
	padding: 3px 0;
}

.block2 .body {
	border-top: 1px solid #ababab;
	box-shadow:1px 1px 8px #ababab;
	background: #fff;
	padding: 5px .6em 6px .6em;
}

.block_toc_right {
	float: right;
	width: 300px;
	position: relative;
	z-index: 10;
	margin: 0;

}

.block_toc {
	background-color: #F9F9F9;
	border: 1px solid #AAAAAA;
	font-size: 12.2px;
	padding: 5px;
}

.block_toc h4, .block_toc h5 {
	text-align: center;
}

.block_toc ul {
	list-style-image: none;
	list-style-type: none;
	margin-left: 0;
	padding: 0;
	text-align: left;
	line-height: 1.5em;
}

.block {
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.block > .title {
	padding:0.2em 0.5em 0.2em 0.5em;
	font-size:14.5px;
	font-weight:bold;
	-moz-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0;
}

.block > .body {padding: 0 0 6px 0; word-wrap: break-word; }
.block > .body > table.list {width: 100%; position: relative;}
.block > .body > table.list > tbody > tr{border: 0 !important;}

.block > .body > p		{	padding: 5px 13px 5px 13px;	}
.block > .body > .about	{	padding: 5px 10px 5px 10px;	}
.block > .body.p			{	padding: 5px 13px 5px 13px;	}

.block.blue				{	border: 1px solid #B9DDE8;		background-color: #fff;		}
.block.blue > .title		{	border-bottom:1px solid #B9DDE8;background: url("i/bgsub.png") repeat scroll 0 70px #fff;	}

.block.green			{	border: 1px solid #9bb290;		background-color: #fff;		}
.block.green > .title	{	border-bottom:1px solid #9bb290;background-color: #dff7d5;	}

.block.magenta			{	border: 1px solid #8b008b;		background-color: #fff;		}
.block.magenta > .title	{	border-bottom:1px solid #8b008b;background-color: #e5d5f0;	}

.block.gold				{	border: 1px solid gold;			background-color: #fff;		margin: 0 15px 15px 0;}
.block.gold > .title		{	border-bottom: 1px solid gold;	background-color: #ffffaa;	}

.block.sienna			{	border: 1px solid Sienna;		background-color: Cornsilk;	}
.block.sienna > .title	{	border-bottom: 1px solid Sienna;background-color: Wheat;	}


/* Folders */

.block.folder			{	border: 1px solid gold;			background-color: #fff;		margin: 0 15px 15px 0;}
.block.folder > .title	{	border-bottom: 1px solid gold;	background-color: #ffffaa;	}

.folder ul {
	list-style-image: none;
	list-style-type: none;
	margin-left: 0;
	padding: 0;
	text-align: left;
	line-height: 1.5em;
	margin-top: 5px;
}

.folder .nav {padding: 0 10px;}
.folder .tab-content {padding: 0 10px;}

/* list */
.folder1 {}

/* album */
.folder2 {}

.folder2 > .body {padding-right: 10px;}
.folder2 li {
	float: left;
	margin: 0 0 0 15px;
	width: 268px;
	height: 270px;
	overflow: hidden;
}

.tt_w {
	position: absolute;
	margin-left: -27px;
	margin-top: -10px;
	z-index: 1;
}



/* book */
.folder3 {}
.folder3 > .body > ul > li  {padding: 15px 12px;}
.folder3 > .body > ul > li:first-child  {padding-top:0;}


/* tabs */
.folder4 {}

/* focus */
.folder5 > .body { padding-right: 10px; }

.folder5 li {
	display: block;
	float: left;
	margin: 0 0 10px 10px;
}
	.folder5 li > a.regular {
		display: block;
		overflow: hidden;
		/*border: 1px solid #ccc;*/
		height: 117px;
		border: 1px solid #fff;

		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		box-shadow: 0 0 2px #999;
	}
	.folder5 li > a.regular {
		width: 300px;
	}
	.folder.folder5 li > a.regular {
		width: 250px;
	}
		.folder5 li > a.regular > img {
			display: block;
			float: left;
			margin: 0 5px 5px 0;
		}
		.folder5 li > a.regular > img {
			max-width: 81px;
		}
		.folder.folder5 li > a.regular > img {
			max-width: 70px;
			max-height: 70px;
		}

			.folder5 li > a.regular > p { overflow:hidden; }

	.folder.folder5 li:first-child > a.regular {
		width: 250px;
		height: 271px;
	}
		.folder.folder5 li:first-child > a.regular > img{
			display: block;
			float: none;
			max-width: 250px;
			max-height: 150px;
		}

.folder5 li .hoverscroll_foot {
	/*
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	*/
}

.folder5 .tt_w { margin-top:-6px; }



/* focus v.1 - without first big focus */
.folder51 > .body { padding-right: 10px; }

.folder51 li {
	display: block;
	float: left;
	margin: 0 0 4px 1%;
	width: 29%;
	min-width: 280px;
}
	.folder51 li > a.regular {
		display: block;
		overflow: hidden;
		/*border: 1px solid #ccc;*/
		/*** width: 298px; */
		height: 117px;
		/*** border: 1px solid #fff; */

		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		box-shadow: 0 0 2px #999;
	}
		.folder51 li > a.regular > img {
			display: block;
			float: left;
			margin: 0 5px 5px 0;
			/*** max-width: 81px;*/
			max-width: 90px;
		}

		.folder51 li > a.regular > img.ibhor {
			max-width: 999px;
			width: 270px;
			max-height: 61px;
		}

			.folder51 li > a.regular > p { overflow:hidden; }

@media (max-width: 1180px){
	.folder51 li {
		margin: 0 0 4px 2%;
		width: 48%;
	}
	.folder51 li > a.regular > img {
		max-width: 100px;
	}
}
@media (max-width: 900px){
	.folder51 li {
		margin: 0 0 4px 2%;
		width: 96%;
	}
}

.folder51 li .hoverscroll_foot {
	/*
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	*/
}

.folder51 .ibnew {
	background:url("i/bg.png") repeat scroll 0 0 #F5F5F5 !important;
}


/* single */
.folder6 {}

/* link */
.folder7 {}

.folder_img {
	float:left;
	margin-right:8px;
}

/* pm */

#pm_body {
	min-height: 100px;
	max-height: 500px;
	max-width: 1024px;
	overflow: auto;
	border: 1px solid #ccc;
}

.pm_one {
	margin: 5px;
}
.pm_one > .pm_img {float:left; margin-right:20px; width:100px; text-align:right; }

.pm_one > .pm_img  > .authorImg {margin-bottom:5px;	max-width: 96px !important;	max-height: 96px !important;}

.pm_one > .pm_author {
	font-weight: bold;
	display: inline-block;
	min-width: 230px;
}
.pm_one > .pm_msg {
	word-wrap: break-word;
	overflow: hidden;
}
.pm_one > .pm_added {
	font-style: italic;
	font-size: 11px;
	float: right;
}

/*
.pm_box_unseen, .pm_box_unseen:hover, .pm_box_unseen:focus {
	border: 1px solid #dc6a04;
	background-image: none;
	background-color: #ffffaa;
	color: #000;
}
.pm_box_selected, .pm_box_selected:hover, .pm_box_selected:focus {
	border: 1px solid #111196;
	background-image: none;
	background-color: #045DCD;
	color: #fff;
	font-weight: normal !important;
}
*/

.pm_box_unseen, .pm_box_unseen:hover, .pm_box_unseen:focus {
	background: url(icon/pm.png) no-repeat 96% 48%;
	color: #005dcd;
}
.pm_box_selected, .pm_box_selected:hover, .pm_box_selected:focus {
	border: 1px solid #111196;
	background-image: none;
	background-color: #fff;
	color: #005dcd;
}

.pm_room { display: block; text-align: left; margin-bottom: 5px; padding: 3px 3px 3px 10px; border-radius: 6px; }
.pm_room:hover, .pm_room:focus {text-decoration: none;}
.pm_room > span { position: relative; bottom: 7px; }

/* hoverscroll */

.hoverscroll_w {
	width: 250px;
	height: 215px;
	overflow: hidden;
	display: block;

	padding: 5px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	box-shadow: 3px 3px 4px #888;
	background-color: #dde5da;
}
.hoverscroll_mini_w {
	width: 250px;
	height: 190px /*145px*/;
	overflow: hidden;
	display: block;
}
.hoverscroll {
	display: block;
	font-size: 12px;
}
.hoverscroll_foot {
	padding: 5px 0;
	display: block;
}


/* Publication */

div.item_link {float: right; min-width: 200px; max-width: 300px; border-bottom:1px solid #ccc; margin-left: 5px;}
a.item_link {display: block;}
.item_top .authorImg.medium { max-width: 120px; max-height: 140px; }
.item_top h2 { padding:0; margin:0 0 12px 0;}
.item_top h2 > small { display:block; }

.item_w {font-size:15px; }
/*.item_w img {max-width:755px;}*/
.item_w img {max-width:900px;}

@media (max-width: 1024px){
	.item_w .mr img {
		max-width: 400px;
	}
}

.item_links {
	min-width: 450px;
	max-width: 500px;
/*	min-height: 450px;	*/
}
.item_links .tip {
	max-width: 450px;
}

.item_links .folder li {
	padding: 13px;
	border-bottom: 1px solid #ccc;
}
.item_links .folder li:last-child {
	border-bottom: none;
}

.istat {
	display: inline-block;
	/* float: left; */
	width: auto;
	height: 20px;
	padding-left: 25px !important;
	margin-right: 10px; 
	color: #000;
	font-size: 10px;
	line-height: 22px;
}

a.istat:hover, a.istat:focus { }

.content_footer .folder1 tr.selected { background-color: #eee; }
.content_footer .folder2 li.selected .hoverscroll_w { background-color: #fff; border-top: 1px solid #ccc; font-weight: normal; }
.content_footer .folder3 li.selected { background-color: #eee; }
.content_footer .folder5 a.selected { background-color: #eee; font-weight: normal; }

/* Switch */

.switch {
	padding: 3px;
	cursor: pointer;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.switch:focus {	text-decoration: none;}
.on, .on:hover, .on:focus {
	background-color: #00aa00 !important;
	color: #fff;
}

.moder_bar {
}
.moder_bar a {
	display: block;
}

/* Comments */

.imsg_add {width:463px; position:relative; top:-22px}
.imsg_add textarea {width:100%; display:block; margin:0;}
.imsg_add input {display:block; margin-top:10px; width: 100%}

.imsg_error {
}

.imsg_list {
	margin-bottom: 20px;
}

.imsg_w {
	border: 1px solid #ccc;
	border-top: none;
	padding: 5px;
}
.imsg_w:first-child{border-top: 1px solid #ccc;}
/*.imsg_author{background-color: #ffffcc;}*/
.imsg_author{background-color: #ffffdd;}
.imsg_moder	{background-color: #eee;}

	.imsg_left {
		float: left;
		margin-right: 15px;
		width: 120px;
		text-align: left;
	}
	
	.imsg_left .authorImg {
		max-width: 120px !important;
	}

	.imsg_right {
		overflow: hidden;
	}

		.imsg_text {
		    max-width: 700px;
			word-wrap: break-word;
			margin: 0 0 15px;
			min-height: 58px;
		}

/* Player */
/*
.player_w > a > img, .player_w > img {
	float: left;
	max-height: 97px !important;
	width: 150px !important;
}
.player_w > a { padding:0; margin:0; }
*/
.player_w > a > img, .player_w > img {
	max-height: 100px !important;
	max-width: 100px !important;
}
.player_w > a { padding:0; margin:0; float: left; /*text-align: right; width:100px*/ }
.player_w > .player { float:left; }

div.player_w:after {clear: both;}
div.player_w:before, div.player_w:after {
    content: "";
    display: table;
    line-height: 0;
}

.player {
	max-width: 600px;
	min-height: 75px;
	min-height: 53px;
	background-color: #eee;

/*
	// no need in .folder2:
	width: 100%;
	height: 70px;
*/
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 2px;
}

.player.player_img {
	padding: 0;
}
.player .player_inner {
	padding: 3px 13px;
}


.player .player_disc {
	background: url(icon/save.png) no-repeat 0 0;
	padding-left: 11px !important;
	display: block;
	height: 17px;
}

.folder2 .player  .ptitle { min-height: 39px; }

.player  .ptitle {
/*	float: left;	*/
	font-weight: bold;
	margin:0;
	padding:0;
}

.player .pposition {}
.player .pduration {}

.player .pbar {
	width: 100%;
	height: 18px;
	border: 1px solid #005DCD;
	border-radius: 2px;
	background-color: #fff;
	overflow: hidden;

	cursor: pointer;
	margin: 0 0 6px 0;
}

.player .pbar > .pprogress {
	width: 0;
	height: 18px;
/* #CFE8F6, #2285B8 */
	background-color: #0081c2;
	background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
	background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
	background-image: -o-linear-gradient(top, #0088cc, #0077b3);
	background-image: linear-gradient(to bottom, #0088cc, #0077b3);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.player .pbar > .pbar_text {
	font-size: 11px;
	float: right;
	position: relative;
	top: -8px;
	line-height: 0;
	color: #000;
	width: 100px;
	text-align: center;
	text-shadow: 0px 1px 3px #fff;
}

.player .player_btn_w {
	display: inline-block;
	vertical-align: middle;
	line-height: 9px;
}

	.player .player_btn_w > .btn > .icon-play { margin-top:0px; }
	.player .player_btn_w > .btn > .icon-pause { margin-top:0px; }
	.player .player_btn_w > .btn > .icon-stop { margin-top:0px; }
	.player .player_btn_w > .btn {
		display: inline-block;
		min-width: 12px;
		padding: 4px 6px 8px 6px;
		height: 11px;
		line-height: 11px;
		cursor: pointer;
		border-radius: 0;
	}
	.player .player_btn_w > .btn:first-child {
		border-top-left-radius: 2px;
		border-bottom-left-radius: 2px;
	}
	.player .player_btn_w > .btn:last-child {
		border-top-right-radius: 2px;
		border-bottom-right-radius: 2px;
	}

.player .pvolume_w {
	display: inline-block;
	vertical-align: middle;
	line-height: 0;
	margin-top: -3px;
	position: relative;
}
	.player .pvolume_w .pvolume_bar {
		display: inline-block;
		width: 100px;
		height: 18px;
		cursor: pointer;
		text-align: right;
		background-color: #fff;
	}
	.hoverscroll_w .player .pvolume_w .pvolume_bar {
		width:58px;
	}
	.player .pvolume_w .pvolume_level {
		height: 18px;
		background: url(icon/volume.png) no-repeat 100% 1px;
	}
	.player .pvolume_w .pvolume_text {
		font-size: 11px;
		position: absolute;
		top: 10px;
		color: #000;
		width: 100px;
		text-align: center;
		text-shadow: 0px 1px 3px #fff;
	}

	.player .pvolume_w  .pvolume_bar_after {
		display: inline-block;
		width: 20px;
		height: 18px;
		cursor: pointer;
	}
	.player_img .pvolume_w  .pvolume_bar_after {
		width: 12px !important;	/* let fav btn fit */
	}

	.player .playlist { max-height:232px; overflow:auto; margin-bottom:10px; }
	.player .playlist a { margin-bottom:5px;}
	.player .playlist a.selected { font-weight:normal; text-decoration: underline;}


/*
.player_active { border: 1px solid #0000aa; }
*/

.player_loading .pbar {
	animation: 2s linear 0s normal none infinite progress-bar-stripes;
    background-color: #149BDF;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}
/*
.player_loading .pwait { display: block !important; font-size: 8pt; position: absolute; background-color:#fff;}
*/

/* Editor */

.item_edit_bar { text-align: left; font-size: 13px; }
.item_edit_bar .switch { display: inline-block; width: 23px; height: 23px; border-radius: 23px; text-align: center; border: 1px solid #ccc; background-color: #fff}


/* plan */

.plan { position: relative; width:100%; height:28px; border: 1px solid #ccc; }
.plan > .plan_step {height:28px; float:left; font-size: 10px; overflow: hidden; z-index:1; text-align:center}
.plan > .plan_progress {margin-top:23px; height:5px; position:absolute; background-color:#00aa00; opacity: 0.4; z-index:0;  border-right: 1px solid #000; border-top: 1px solid #000}


/* share */

#share42 {display: inline-block; padding: 6px 0 0 6px; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px;}
/*#share42:hover {background: #F6F6F6; border: 1px solid #D4D4D4; box-shadow: 0 0 5px #DDD;}*/
#share42:hover {background: #F6F6F6; border: 1px solid #D4D4D4;}
/*
#share42 a {opacity: 0.6}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}
*/

/*
.slider {
	position: absolute;
	z-index: 20;
}
*/

/*
@-moz-keyframes spinAround {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}


.spinAround:hover {
    animation: 1s linear 2s normal none infinite spinAround;
    background-color: #F7723E;
}


.logo {
	transition: all 0.5s ease-in-out 0s;
	opacity: 0.4;
}
.logo:hover {
	opacity: 1.0;
}
*/


.thumb {
	float: left;
	font-size: 13px;
	text-align: center;
	margin: 5px;
	width: 170px;
	max-width: 450px;
	min-height: 170px;
	border: 1px solid #ccc /*#B9DDE8*/;
	overflow-y: hidden;
}
.thumb .thumb_title { font-weight: bold; }

a.thumb:hover { text-decoration:none; }
a.thumb:hover .thumb_title { text-decoration:underline; }

.thumb .thumb_info { color:#000; font-size:11px; }



/* radial */

.radial {
	position: relative;
}

	.radiali {
		position: absolute;
		text-align:center;
		overflow: hidden;
		cursor: pointer;

		display: inline-block;
		line-height: 140px;
		width: 140px;
		height: 140px;
		border-radius: 100px;
		border: 1px solid #ccc;

		background-color: #fff;
	}

	.radiali.selected {
		border: 1px solid #ffd700;
		background-color: #ffffaa;
		/* box-shadow: 0px 0px 25px -7px #ffd700; */
	}
	
	.radiali > img {
		max-width: 140px;
		max-height: 140px;
		vertical-align: middle;
	}
	
	.radial.mini .radiali {
		line-height: 110px;
		width: 110px;
		height: 110px;
	}
	.radial.mini .radiali > img {
			max-width: 110px;
			max-height: 110px;
	}

.radial .player {
	position: relative;
}

.radial .radial_title {
	position: absolute;
	top: -130px;
	text-align: center;
}

/* Zoom image */

.zoom div {
    display: block;
	text-align: center;
    overflow: hidden;
}
.zoom img {
    margin: 0;
    position: relative;
	transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
}

/* Zoom item */

.zoom.medium div { width: 250px; height: 175px; }
.box2 .zoom.medium div { width: auto; }
.zoom.medium img { height: 175px; }
/*.zoom.medium:hover img { width: 380px; min-height: 285px; margin: -52px 0 0 -70px; }*/
.zoom.medium:hover img { height: 255px; margin: -22px 0 0 -40px; }

.zoom.mini div { width: 97px; height: 97px; }
.zoom.mini img { height: 97px; }
.zoom.mini:hover img { height: 160px; margin: -10px 0 0 -25px; }



/* Shakespeare */

.player.shakespeare  { max-width: 100%; }
.player.shakespeare  .playlist { max-height: 9999px; }
.playlist .pl_msg { display: none; max-height:500px; overflow:auto; }
.participants {
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	padding: 0;
}
.participants td {
	vertical-align: top;
}
.participants th {
	vertical-align: top;
	font-weight: normal;
	text-align: right;
	width: 142px;
	padding-right: 15px;
}
.participants th > img {
	max-width: 150px;
}

.shakespeare_player {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: url("i/bg.png") repeat scroll 0 0 #eee;
	z-index: 999;
	border-top: 1px solid #ccc;
	box-shadow: 0 2px 5px #666;
}