/*	---------------------------------------------------------------------------------------
	Rock.cz
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:		Common styles & layout
	Media:				screen, projection, handheld
	Datum:				20. 7. 2009
	Author:				Zdenek Kostal (http://zdenekkostal.cz/)
	-------------------------------------------------------------------------------------*/
a { color: #000; }
#message { position: fixed; left: 50%; top: 200px; z-index: 9999; width: 200px; margin-left: -100px; padding: 15px 20px; text-align: center;  color: #fff; background: #f00; }
.match { background: #faec7f; }
/*	---------------------------------------------------------------------------------------
	Layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.box, .box2, .box2ov, .box3, .box3ov, .box12, .box23, .box13, .maincontent .w1, .box2minus, .box3minus, .content, .wrap, .wrap12, .wrap3, .halfbox { overflow: hidden; float: left; display: inline; width: 434px; padding-bottom: 30px; }
.box2, .box2ov, .box2minus { width: 510px; padding: 0px 0px 0px 8px; }
.box3, .box3ov, .wrap3, .box3minus { /*overflow: visible;*/ width: 265px; margin-right: -3px; }
.box12, .wrap12 { width: 690px; }
.box23 { width: 491px; padding-left: 15px; }
.box13 { float: none; display: block; width: 940px; }
.halfbox { width: 160px; }
.maincontent .w1 { float: none; display: block; padding-bottom: 20px; }

.content, .wrap { width: 664px; margin-right: 26px; }
.box2minus { position: relative; overflow: auto; width: 216px; height: 380px; margin-left: -256px; padding: 0 20px 30px; }
.box3minus { /*clear: right; float: right;*/ width: 250px; margin-top: -25px; }
.wrap, .wrap12, .wrap3 { padding-bottom: 0; }
.box2ov, .box3ov { overflow: visible; }

.ov { overflow: visible !important; }
.ovh { overflow: hidden !important; }

.out { position: absolute; }
.posr { position: relative; }
.poss { position: static !important; }

.cropper { position: relative; overflow: hidden; width: 100%; padding-bottom: 1px; }
.wa { width: auto !important; }
.nom { margin: 0 !important; }

.important { color: #f00 !important; }
.nobg { background: none !important; }

table .second th, table .second td { background: #eee; }

.header, #footer h3 { text-transform: uppercase; }
.header { overflow: hidden; width: 100%; }
	.header h3, #footer h3, .header h2, h3.header { font-style: normal; }
	.header h3, #footer h3 { padding-top: 0px; font-size: 160%;color: #000; }
	.header h2 { float: left; width: auto; margin: 0; padding: 0; line-height: 59px; font-size: 180%; }
	.maincontent .header p { margin: -3px 0 10px; font-size: 80%; color: #a3a3a3; }
.stripe .header { height: auto !important; height: 59px; min-height: 59px; margin-bottom: 15px; }
	.stripe .header h3 { padding-top: 8px; }
	.header .rss { float: right; margin-top: 16px; padding: 0 24px 0 11px; line-height: 24px; text-decoration: none; color: #000; background: #fff url('../images/rss.gif') 100% 50% no-repeat; }
	.header .rss:hover, .header .rss:focus, .header .rss:active { color: #fff; background-color: #000; }
h3.header { padding: 5px 0 3px; font-size: 130%; }
.box3 h3.header { font-size: 130%; }

.s-header { padding: 10px 0; line-height: 16px; text-transform: uppercase; font-size: 80%; font-weight: normal; }

.in { position: relative; width: 955px; margin: 0 auto; }

.stripe { background: url('../images/stripe.png') 0 0 repeat-x; }
.maincontent .in { background: url('../images/column.jpg') 690px 0 no-repeat; }
.stripe .in { background: none; }

.adv { position: relative; margin-bottom: 9px; }
.adv-h { padding: 18px 0 19px; background: #f0f0f0; }

#skycrapper { position: absolute; left: 50%; top: 500px; z-index: 999; margin-left: 495px; }

.maincontent li.single { padding-left: 0; }

.partners { clear: both; }
	.partners img { margin-right: 30px; }

/* Header
----------------------------------------------------------------------------------------*/

#header { color: #ababab; }

#logo { position: relative; z-index: 900; float: left; display: inline; margin: 24px 53px -8px 7px; margin: 13px 46px 0 -20px; padding: 0; background: none; }
	#logo a { position: relative; z-index: 999; color: #fff; }
	#logo span { position: absolute; left: -30px; top: -13px; width: 383px; height: 98px; background: url('../images/logo-decoration.png') 0 0 no-repeat; }
	
.registration { position: absolute; left: -16px; top: 123px; z-index: 999; }

.lang { position: absolute; left: 199px; top: 108px; z-index: 901; width: 40px; height: 26px; padding: 10px 46px 0 8px; line-height: 26px; text-decoration: none; font-size: 50%; font-weight: bold; color: #000; background: url('../images/lang.png') 0 0 no-repeat; }
.lang:hover { color: #f00; }

.lan { position: absolute; right: 40px; top: 1px; z-index: 901; width: 58px; height: 16px; padding: 0px 10px 0 2px; line-height: 16px; text-decoration: none; font-size: 90%;font-weight:normal; color: #FFFFFF; background: url('../images/lan.png')  0 0 no-repeat; }
.lan:hover { color: #FF0000; }

.lan1 { position: absolute; right: 10px; top: 1px; z-index: 901; width: 20px; height: 16px; padding: 0px 10px 0 2px; line-height: 16px; text-decoration: none; font-size: 90%;font-weight:normal; color: #FFFFFF; background: url('../images/lan.png')  0 0 no-repeat; }
.lan1:hover { color: #FF0000; }

.login { float: right; width: 245px; margin-top: 33px; }
fieldset.login { margin-top: 5px; }
	.login fieldset { float: right; text-align: right; }
		.login fieldset a { clear: both; display: block; padding-top: 5px; text-transform: uppercase; font-size: 80%; color: #adaeae; }
		.login fieldset p { position: absolute; right: 0; top: 0; padding-top: 4px; }
		.login fieldset p a { display: inline; margin-left: 5px; }
		.login fieldset p a.imp { padding: 6px 8px; color: #fff; background: #00c4c4; }
	.login input { float: left; display: inline; }
	.login .in-text { width: 88px; height: 18px; margin-right: 2px; padding: 5px; border: 1px solid #4e4e4e; line-height: 18px; color: #666; background: #000; }
	.login .submit { margin: 1px 0 0 2px; }
	
	.login div { overflow: hidden; width: 235px; padding: 5px; text-align: right; background: #000; }
		.login .ir { float: right; display: inline; width: 50px; height: 50px; margin-left: 8px; }
			.login .ir span { background: url('../images/avatar.png') 0 0 no-repeat; }
		.login div h3 { text-transform: uppercase; }
			.login div h3 a { text-decoration: none; color: #fff; }
		.login div p { color: #f00; }
	.login .button { float: right; display: inline; margin-left: 5px; background: #0cc; }

	.searchbox { position: relative; z-index: 901; float: left; width: 262px; margin: 33px 0; padding: 2px; border: 2px solid #595959; color: #fff; background: #000; }
		.searchbox input.text { float: left; width: 220px; height: 16px; padding: 5px; border: none; text-transform: uppercase; color: #6b6b6b; background: #000; }
		.searchbox input.search { float: right; }
		
	.prev, .next { position: absolute; top: 180px; z-index: 999; overflow: hidden; width: 30px; height: 60px; color: #f00; }
	.prev { left: -14px; }
	.next { right: -14px; }
		.prev img, .next img { position: relative; }
		.prev:hover img, .next:hover img { margin-top: -60px; }

/* Menu
----------------------------------------------------------------------------------------*/

#nav { position: relative; float: right; width: 100%; margin: -10px 0 30px 0; }

#menu { float: right; display: inline; line-height: 18px; background: #f20000 url('../images/menu.jpg') 100% 0 repeat-x; }
	#menu li { float: left; margin-right: -1px; padding: 0; text-transform: uppercase; background: url('../images/dotted-menu.gif') 100% 0 repeat-y; }
		#menu li a { float: left; padding: 15px 21px 10px; text-decoration: none; font-weight:bold;  font-size: 125%; color: #fff; }
		/**:first-child+html #menu li a { font-size: 125%; }
		*:first-child+html.cufon-active #menu li a { font-size: 125%; }*/
		#menu li.first a { padding-left: 50px; }

	#menu li.last { margin: 0; background: none; }
		#menu li.last a { background: transparent url('../images/menu-last.gif') 100% 0 no-repeat; }

		#menu li a:hover, #menu li a:focus, #menu li a:active, #menu li.active a { color: #fff; background-color: #666; }

		#menu div, #menu ul { position: absolute; left: 0; top: 66px; z-index: 901; overflow: hidden; display: none; width: 940px; line-height: 19px; font-family: sans-serif; }
		#menu div ul { position: static; float: left; width: auto; }
		#menu h3 { float: left; display: inline; margin-right: 1em; font-size: 90%; font-style: normal; color: #afb0b0; }
			#menu li.active div, #menu li.active ul { display: block; }
				#menu li li { margin-right: 15px; padding-right: 12px; border-right: 1px solid #f00; font-style: normal; background: none; }
				#menu li li.last { border: none; background: none; }
					#menu li.active li a { padding: 0; font-size: 90%; color: #afb0b0; background: none; }
						#menu li.active li a img { margin-left: 5px; }
					#menu li.active li.active a, #menu li.active li a:hover, #menu li.active li a:focus, #menu li.active li a:active { color: #fff; background: none; }

/* Maincontent
----------------------------------------------------------------------------------------*/

.maincontent { position: relative; }
.maincontent ul, .maincontent ol, .maincontent p, .maincontent table { margin-bottom: 8px; }
.maincontent li { padding-left: 15px; }

/* Bookmarks & pagination
----------------------------------------------------------------------------------------*/

ul.bookmarks, .bookmark { overflow: hidden; width: 100%; margin-bottom: 0; line-height: 30px; font-weight: normal; }
	.bookmarks li, .bookmark { float: left; padding: 0; text-align: center; text-transform: uppercase; font-size: 90%; }
		.bookmarks li a, .bookmark strong, .bookmark em, .bookmarks li strong { float: left; width: 90px; }
		.bookmarks li a, .bookmark em { padding-bottom: 6px; text-decoration: none; font-style: normal; color: #fff; background: #333 url('../images/bookmark.png') 0 -23px repeat-x; }
		.bookmarks li a.active, .bookmarks li a:hover, .bookmarks li a:focus, .bookmarks li a:active, .bookmark em { background-position: 0 -82px; background-color: #f00; }
			.bookmarks li a em { font-weight: bold; font-size: 110%; }
			
.header .bookmarks { float: left; width: auto; margin: 0; line-height: 1.6; }
	.header .bookmarks li { font-size: 80%; }
	.header .bookmarks a { height: 49px; padding: 10px 0 0; background-position: 0 0; }
	.header .bookmarks li a.active, .header .bookmarks li a:hover, .header .bookmarks li a:focus, .header .bookmarks li a:active { background-position: 0 -59px; }
	
/*ul.book-sec { border-bottom: 1px solid #000; line-height: 40px; }
	.book-sec li { margin-right: 1px; }
		.book-sec li a { width: auto; padding: 0 15px; color: #000; background: #f0f0f0; }
		.book-sec li a.active, .book-sec li a:hover { color: #fff; background: #000; }*/
		
.over { overflow: visible; }		
.over ul.bookmarks, .maincontent .b-over { position: relative; z-index: 400; margin-bottom: -28px; line-height: 35px; }
	.maincontent h3.b-over strong { padding-bottom: 6px; }
		.maincontent h3.b-over em { padding: 0; background: none; }
	.over .bookmarks li a, .maincontent .b-over li a, .bookmark strong { width: auto; font-weight: normal; background: transparent url('../images/bookmark-opacity.gif') 0 0 repeat-x; }
	.over .bookmarks li strong, .maincontent .b-over li strong { position: relative; font-weight: normal; background: #333; cursor: pointer; }
	.over .bookmarks li a.active, .over .bookmarks li a:hover, .over .bookmarks li a:focus, .over .bookmarks li a:active, .b-over li a.active, .b-over li a:hover, .b-over li a:focus, .b-over li a:active, .maincontent .b-over strong { background-position: 0 -41px; background-color: transparent; }
	.over .bookmarks li a.active strong, .over .bookmarks li a:hover strong, .over .bookmarks li a:focus strong, .b-over li a.active strong, .b-over a:hover strong, .b-over a:focus strong, .b-over a:active strong, .maincontent .b-over em { background: #f00; }

#main .bandprofile .b-over, .actionssearch .b-over { margin-bottom: -5px; }
	
.maincontent .bookbox { margin: 0; padding-top: 33px; }
	.maincontent .bookbox .up { position: relative; float: right; margin-top: -48px; line-height: 44px; }
	
.pagination { position: relative; overflow: hidden; width: 100%; margin-top: 25px; line-height: 34px; }
.wrap12 .pagination { width: 600px; }
.box12 .pagination { width: 664px; }
.box .pagination { width: 100%; }
	.pagination .prev_page, .pagination .next_page, .pagination ul, .pagination li, .pagination a, .pagination .current { float: left; display: inline; margin: 0; }
	.pagination .prev_page, .pagination .next_page { padding-bottom: 3px; text-transform: uppercase; text-decoration: none; font-weight: bold; color: #009797; cursor: pointer; }
	.pagination .prev_page { margin-right: 25px; padding-left: 50px; background: url('../images/page-prev.png') 0 0 no-repeat; }
	.pagination .next_page { float: right; margin-left: 25px; padding-right: 50px; background: url('../images/page-next.png') 100% 0 no-repeat; }
	.pagination .disabled { color: #bababa; cursor: default; }
		.pagination li { padding: 0; background-position: 100% 0; }
			.pagination a, .pagination .current { padding: 0 10px 0 9px; background: url('../images/dotted-v-g.gif') 0 0 repeat-y; }
			.pagination li .active, .pagination .current { text-decoration: none; color: #000; }
	.pagination a:hover, .pagination a:focus, .pagination a:active { color: #000; }
	
.box3 .pagination, .wrap3 .pagination { margin-top: 10px; }
	.box3 .pagination a, .box3 .pagination span, .wrap3 .pagination a, .wrap3 .pagination span { width: 23px; height: 23px; padding: 0; line-height: 20px; text-align: center; font-size: 130%; color: #fff; background: #0cc; cursor: pointer; }
	.box3 .pagination .disabled, .wrap3 .pagination .disabled { background: #e2e2e2; }
	.box3 .pagination a:hover, .box3 .pagination a:focus, .box3 .pagination a:active, .wrap3 .pagination a:hover, .wrap3 .pagination a:focus, .wrap3 .pagination a:active { background: #000; }
	
/* New registrations
----------------------------------------------------------------------------------------*/
/* New registrations
----------------------------------------------------------------------------------------*/

ul.newregistration, .newregistration li, .foundactions li, .foundaction { overflow: hidden; width: 100%; }
ul.newregistration, .foundactions, .foundaction { margin-bottom: 0; font-size: 100%; }

	.newregistration li, .foundactions li, .foundaction { margin-bottom: 5px; padding: 0 0 6px; background: url('../images/dotted-h.gif') 0 100% repeat-x; }
	.newregistration li.last, .foundactions li.last { background: none; }
			.newregistration li img, .foundactions li img, .foundaction img { float: left; }
			.newregistration li img, .foundactions li img { display: inline; margin-right: 10px; }

			.foundaction strong, .foundaction em, .foundaction span { display: block; margin-left: 60px; }
			.foundaction .nummer, .foundaction .nummer span { margin: 0; }
			.newregistration li strong, .newregistration li em, .foundactions li strong, .foundactions li em, .foundaction strong, .foundaction em { display: block; /*margin-left: 60px;*/ line-height: 1.4; }
			.newregistration li strong, .foundactions li strong, .foundaction strong { font-size: 90%; /*font-weight: normal;*/ color: #333;}
			.newregistration li em, .foundactions li em, .foundaction em { font-style: normal; color: #bababa; }
			.newregistration li span, .foundactions li span, .foundaction span { text-transform: uppercase; font-size: 90%; color: #000; }
			.newregistration li a:hover strong, .newregistration li a:focus strong, .newregistration li a:active strong, .foundactions li a:hover strong, .foundactions li a:focus strong, .foundactions li a:active strong { text-decoration: underline; }
			.newregistration li a:hover span, .newregistration li a:focus span, .newregistration li a:active span, .foundactions li a:hover span, .foundactions li a:focus span, .foundactions li a:active span { text-decoration: underline; }
			
/* New registrations
----------------------------------------------------------------------------------------*/

ul.newregistration { width: 204px; margin-left: -5px; padding-left: 5px; }
.newregistration li { overflow: hidden; float: left; clear: left; display: inline; width: 200px; margin: 0; padding: 5px 0 6px; }
	.newregistration .nummer, .foundactions .nummer, .foundaction .nummer { overflow: hidden; float: right; width: 30px; text-align: center; font-size: 200%; }
	.newregistration li a { overflow: hidden; float: left; width: 160px; }
	.newregistration li strong { font-weight: bold; color: #00c4c4; }
.newregistration .fi { margin-left: -5px; padding-left: 5px; color: #fff; background: #0cc url('../images/bands-top.jpg') 100% 0 no-repeat; }
			.subjects-overview p img { margin-right: 4px; }
			.clubs p.rating a:hover, .clubs p.rating a:focus, .clubs p.rating a:active { color: #000; }

h2.imp { margin: 0; padding: 0 0 15px; font-size: 180%; }
.col { position: relative; float: left; display: inline; width: 226px; margin: 8px 2px 0px 6px; padding: 10px 10px 10px 10px; color: #000; background: #f0f0f0 url('../images/community-column.jpg') 0 0 no-repeat; }
.colmusic { margin-right: -5px; }
	.col h3.header { width: 155px; padding: 5px 0 10px; text-transform: uppercase; font-size: 135%; }
		.col span.ico { position: absolute; right: 8px; top: -4px; z-index: 1; width: 36px; height: 54px; background: url('../images/community-points.jpg') 0 0 no-repeat; }
		.colphotos span.ico { background-image: url('../images/community-photos.jpg'); }
		.colmusic span.ico { background-image: url('../images/community-music.jpg'); }
		.colcomments span.ico { background-image: url('../images/community-comments.jpg'); }
	.col .help { font-size: 90%; color: #656565; }
	.col .subjects-overview, .col .overview { margin: 0; padding: 8px 16px 8px 18px; background: #fff; }
		.col .subjects-overview .desc { width: 100px; }
		.col .subjects-overview h3 a { text-decoration: none; font-weight: bold; color: #009797; }
		.col .subjects-overview h3 a:hover, .col .subjects-overview h3 a:focus, .col .subjects-overview h3 a:active { text-decoration: underline; color: #000; }
		
		.col .overview .photogalmeta { padding-top: 4px; }
		.col .overview .musicgal { width: 100%; margin: 0; }
			.col .overview .musicgal li { margin-bottom: -1px; padding: 4px 6px 5px 0; background: url('../images/dotted-h.gif') 0 100% repeat-x; }
			.col .overview .musicgal li.last { padding-right: 0; }
			
		.col .overview .video { position: relative; display: block; width: 150px; margin: 10px auto; text-decoration: none; }
		.col .overview .video span, .videos a span { position: absolute; width: 45px; height: 45px; background: url('../images/video.png') 0 0 no-repeat; cursor: pointer; }
		.col .overview .video span { left: 38px; /*top: 10px;*/ top: 22px; }
		.col .overview .video em { position: absolute; left: 0; bottom: 0; width: 112px; padding: 0 4px; text-align: right; font: normal bold 100%/16px sans-serif; color: #bfbfbf; background: url('../images/ico-plus.gif') 1px 0 no-repeat; cursor: pointer; }
 	.colbands h3.header, .colphotos h3.header {padding-bottom:0;}
----------------------------------------------------------------------------------------*/

			
			
/* 				COMMUNITY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

ul.alphabeticaly, ul.place { overflow: hidden; width: 100%; clear: both; margin: 0; padding: 6px 0 7px; text-transform: uppercase; font-size: 80%; font-weight: bold; }
ul.place { background: url('../images/dotted-h.gif') 0 0 repeat-x; }
	.alphabeticaly li, .place li { float: left; display: inline; margin-right: 6px; padding: 0 6px 0 0; }
	.alphabeticaly .all, .place .all { border-right: 1px solid #c5c5c5; }
		.alphabeticaly li a, .place li a { text-decoration: none; color: #a6a6a6; }
		.alphabeticaly li a:hover, .alphabeticaly li a:focus, .alphabeticaly li a:active, .alphabeticaly li .active, .place li a:hover, .place li a:hover, .place li a:focus, .place li a:active, .place li .active { text-decoration: underline; color: #000; }

.dirtybox .alphabeticaly { width: 634px; margin-right: -10px; font: bold 130% sans-serif; }
	.dirtybox .alphabeticaly li { margin-right: 1px; padding: 0; }
		.dirtybox .alphabeticaly li a { float: left; padding: 6px; text-decoration: none; color: #000; background: #fff; }
			.dirtybox .alphabeticaly li a em { text-decoration: none; border-bottom: 1px solid #000; font-style: normal; }
		.dirtybox .alphabeticaly li a:hover, .dirtybox .alphabeticaly li a:focus, .dirtybox .alphabeticaly li a:active, .dirtybox .alphabeticaly li a.active { text-decoration: none; color: #fff; background: #000; }
			/*.dirtybox .alphabeticaly li a:hover em, .dirtybox .alphabeticaly li a:focus em, .dirtybox .alphabeticaly li a:active em { border-color: #000; }*/
		
.subjects-overview li { overflow: hidden; width: 100%; padding: 2px 0 0px; background: url('../images/dotted-h.gif') 0 100% repeat-x; }
.subjects-overview li.last { background: none; }
	.subjects-overview a img { float: left; display: inline; margin-right: 10px; }
	.subjects-overview .desc { overflow: hidden; float: left; width: 50%; line-height: 1.4; }
	.clubs .desc { width: 75%; }
		.subjects-overview h3 { margin-bottom: 3px; font-weight: normal; }
			.subjects-overview h3 a { color: #000; }
		.subjects-overview p { margin: 0; text-transform: uppercase; font-size: 80%; color: #8d8d8d; }
		.subjects-overview p.rating { font-family: sans-serif; }
		.subjects-overview p.contact { line-height: 1.8; }
			.subjects-overview p.contact strong { margin-left: 8px; padding-left: 20px; font-weight: normal; background: url('../images/ico-tel.gif') 0 .2em no-repeat; }
		.clubs p.rating { font-family: "中文的幼圆", 中文的幼圆, serif;}
			.subjects-overview p img { margin-right: 4px; }
			.clubs p.rating a:hover, .clubs p.rating a:focus, .clubs p.rating a:active { color: #000; }


h2.imp { margin: 0; padding: 0 0 15px; font-size: 180%; }
.col { position: relative; float: left; display: inline; width: 226px; margin: 8px 2px 0px 6px; padding: 10px 10px 10px 10px; color: #000; background: #f0f0f0 url('../images/community-column.jpg') 0 0 no-repeat; }
.colmusic { margin-right: -5px; }
	.col h3.header { width: 155px; padding: 5px 0 10px; text-transform: uppercase; font-size: 135%; }
		.col span.ico { position: absolute; right: 8px; top: -4px; z-index: 1; width: 36px; height: 54px; background: url('../images/community-points.jpg') 0 0 no-repeat; }
		.colphotos span.ico { background-image: url('../images/community-photos.jpg'); }
		.colmusic span.ico { background-image: url('../images/community-music.jpg'); }
		.colcomments span.ico { background-image: url('../images/community-comments.jpg'); }
	.col .help { font-size: 90%; color: #656565; }
	.col .subjects-overview, .col .overview { margin: 0; padding: 0px 6px 0px 6px; background: #fff; }
		.col .subjects-overview .desc { width: 100px; }
		.col .subjects-overview h3 a { text-decoration: none; color: #009797; }
		.col .subjects-overview h3 a:hover, .col .subjects-overview h3 a:focus, .col .subjects-overview h3 a:active { text-decoration: underline; color: #000; }
		
		.col .overview .photogalmeta { padding-top: 4px; }
		.col .overview .musicgal { width: 100%; margin: 0; }
			.col .overview .musicgal li { margin-bottom: -1px; padding: 4px 6px 5px 0; background: url('../images/dotted-h.gif') 0 100% repeat-x; }
			.col .overview .musicgal li.last { padding-right: 0; }
			
		.col .overview .video { position: relative; display: block; width: 150px; margin: 10px auto; text-decoration: none; }
		.col .overview .video span, .videos a span { position: absolute; width: 45px; height: 45px; background: url('../images/video.png') 0 0 no-repeat; cursor: pointer; }
		.col .overview .video span { left: 38px; /*top: 10px;*/ top: 22px; }
		.col .overview .video em { position: absolute; left: 0; bottom: 0; width: 112px; padding: 0 4px; text-align: right; font: normal bold 100%/16px sans-serif; color: #bfbfbf; background: url('../images/ico-plus.gif') 1px 0 no-repeat; cursor: pointer; }
 	.colbands h3.header, .colphotos h3.header {padding-bottom:0;}
/*	---------------------------------------------------------------------------------------
	Cufon
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.articles a .cufon { border-bottom: 1px solid #000; }
.articles a:hover .cufon { border-color: #fff; }
.imp-a a:hover .cufon { border-color: #f0f0f0; }

.header h2 .cufon-vml { margin: 20px 0 8px; }
.articles h2 .cufon-vml, .getdata label .cufon-vml { margin: 3px 0; }
.impbutton-big .cufon-vml { margin: 4px 0 3px; }
.meta-profile h4 .cufon-vml, .login h3 .cufon-vml { margin: 4px 0; }
h1 .cufon-vml { margin: 15px 0; }
.column .dirtybox .cufon-vml { margin: 11px 0; }



/* Articles
----------------------------------------------------------------------------------------*/

.imp-a li { background: #f0f0f0; }

.articles { margin: 0; }
	.articles li { position: relative; overflow: hidden; width: 100%; margin-bottom: 24px; padding: 0; }
		.articles li p { margin-bottom: 12px; }
		.articles li img { float: left; }
		.articles li p, .articles li .itempanel { margin-left: 180px; }
		/*.articles li .up { top: 139px; top: 0; }*/
		.articles li h2 { clear: none; overflow: visible; width: auto; margin: 0 0 8px 180px; padding: 0; line-height: 1.3; text-transform: uppercase; font-style: italic; font-weight: normal; }
			.articles li h2 a { border-bottom: 1px solid #000; text-decoration: none; color: #000; }
			.articles li h2 a:hover { border-color: #fff; }
			.imp-a li h2 a:hover { border-color: #f0f0f0; }
		.articles li .discussion, .articles li .itempanel, .itempanel-s { margin-bottom: 0; line-height: 24px; text-transform: lowercase; font-size: 90%; color: #bababa; background: url('../images/dotted-h.gif') 0 0 repeat-x; }
			.articles li .discussion em, .articles li em.discussion, .itempanel-s em.discussion { position: relative; padding-left: 20px; font-style: normal; background: url('../images/discussion.gif') 0 .2em no-repeat; }
			.itempanel-s em.discussion { display: block; background-position: 0 .7em; }
			.articles li .discussion a, .itempanel-s em.discussion a { color: #000; }
		
.up { position: absolute; left: 0; /*top: 118px;*/ margin: 0; text-transform: uppercase; font-size: 80%; }

.imgwrap { position: relative; overflow: hidden; float: left; width: 160px; height: 160px; }
	.imgwrap .up { bottom: 0; }
	
.articles .up { bottom: 0; margin: 0; }
.articles .imgwrap .up {  }

.usergalleries .up { width: 100%; top: 0;}
	.up em a, .up em span { float: left; clear: left; padding: 0 8px; line-height: 21px; white-space: nowrap; text-decoration: none; font-style: normal; color: #fff; background: #000; }
	.up em.date a, .up em.date span { background: #f00; }
	.up em a:hover, .up em a:focus, .up em a:active { color: #000; background: #fff; }
	.up p { float: right; }
		.up p a { overflow: hidden; position: relative; float: none; display: block; width: 15px; height: 15px; margin-bottom: -1px; }
		.up p a img { position: relative; display: block; }
		.up p a:hover img { margin-top: -15px; }

/* Top
----------------------------------------------------------------------------------------*/

h3.most-active, h3.most-listening, h3.most-discussion, h3.random-gallery { padding: 0 0 8px 18px; letter-spacing: 0; line-height: 16px; text-transform: none; font-size: 120%; background: url('../images/plus.gif') 0 3px no-repeat; }
h3.most-listening { background-image: url('../images/music.gif'); }
h3.most-discussion { background-image: url('../images/discussion.gif'); }
h3.random-gallery { background-image: url('../images/randomgallery.gif'); }
h3.most-active em a, h3.most-listening em a, h3.most-discussion em a, h3.most-active em span, h3.most-listening em span, h3.most-discussion em span { position: relative; top: -2px; margin-left: 3px; padding: 2px 5px; text-transform: uppercase; text-decoration: none; font-style: normal; font-weight: normal; font-size: 70%;  color: #fff; background: #f00; }
h3.most-active em a:hover, h3.most-listening em a:hover, h3.most-discussion em a:hover { background: #000; }

.item { overflow: hidden; width: 100%; margin-bottom: 15px; font-size: 90%; background: #f2f2f2; }
	.item img { float: left; display: inline; }
	.item h4, .item .showprofil { display: block; margin: 0 65px; font-weight: normal; }
	.item h4 { overflow: hidden; float: left; width: 110px; margin: 0 -10px 0 15px; padding: 5px 0; } /*  overflow: hidden; */
	.item .showprofil { position: relative; }
	.item a, .item em { color: #9e9e9e; } 
	.item em { float: right; display: inline; width: 60px; height: 46px; margin: 3px; line-height: 1.2; text-align: center; font-style: normal; background: #fff; }
		.item em strong { display: block; font-size: 175%; font-style: italic; color: #000; }
	.item .showprofil, .item em { text-transform: uppercase; font-size: 90%; }
	
/* Forms
----------------------------------------------------------------------------------------*/

input.text, textarea, .input, .textarea, .lineinfo { width: 331px; height: 16px; margin: 0; padding: 8px; border: 3px solid #f0f0f0; border-top: 1px solid #b7b7b7; line-height: 16px; color: #000; background: #fff url('../images/forms.gif') 0 0 repeat-x; }
textarea, .textarea { height: 270px; font-size: 90%; color: #8f8f8f; }
.input, .lineinfo { overflow: hidden; height: auto; }
.textarea { overflow: auto; margin-bottom: 10px; }
	.maincontent .textarea h3 { margin: 5px 0 3px; text-transform: uppercase; font-size: 100%; color: #000; }
	.textarea p { margin-bottom: 10px; }
.half { overflow: hidden; width: 362px; margin-right: -9px; }
	.half input { float: left; margin-right: 9px; width: 150px; }
.input select { width: 100%; }
.box3 input.text, .box3 textarea, .dirtybox input.text, .dirtybox textarea, .dirtybox .input, .dirtybox .textarea { width: 224px; border-color: #e5e5e5; border-top-color: #bcbcbc; }

.checkbox { margin-right: 6px; }

button, .button, .s-button { overflow: visible; height: 22px; padding: 0 6px; line-height: 22px; border: none; text-transform: uppercase; text-align: center; font-size: 80%; color: #fff; background: #f00; cursor: pointer; }
button.big, a.big { float: right; height: 35px; line-height: 35px; padding: 0 12px; font-size: 90%; }
a.big { float: left; }
.button, .s-button { float: left; text-decoration: none; }
button:hover, .button:hover, .s-button:hover { background: #000; }
.s-button { float: right; margin: -38px 0 0; }

.impbutton, .impbutton-big { text-decoration: none; text-transform: uppercase; color: #fff; background: #00b6b6 url('../images/impbutton.jpg') 0 0 no-repeat; } 
.impbutton { float: left; width: 100%; margin: 10px 0 15px; padding: 12px 0 12px 32px; line-height: 16px; font-size: 80%; }
	.impbutton:hover,	.impbutton:focus,	.impbutton:active, .impbutton-big:hover, .impbutton-big:focus, .impbutton-big:active { color: #000; }
	
.impbutton-big { display: block; margin-bottom: 15px; padding: 16px 10px 17px 55px; line-height: 20px; text-transform: uppercase; font-size: 110%; font-weight: bold; background: #00b6b6 url('../images/impbutton-big.jpg') 0 0 no-repeat; }
	.impbutton-big em { display: block; font-style: normal; cursor: pointer; }

.error-field input.text { border-color: #f00; border-top-color: #7e0000; color: #f00; background-image: url('../images/input-error.gif'); }
p.message-status, p.warning, p.count, p.count-over { margin: 0 0 -16px; line-height: 16px; padding: 5px 8px; text-transform: uppercase; font-size: 80%; color: #9e9e9e; background: url('../images/exclamation.gif') 0 .7em no-repeat; }
p.warning, p.count, p.count-over { margin: 0; }
p.count, p.count-over { clear: both; }

p.info { margin-bottom: -16px; padding-left: 16px; line-height: 16px; font-size: 80%; color: #009797; background: url('../images/info.gif') 0 .4em no-repeat; }

.getdata label, .addaction .dirtybox h3 { display: block; height: 21px; padding: 3px 0 2px; font-size: 120%; }
.addaction .dirtybox table h3 { padding-top: 0; } 
.getdata input.text, .getdata textarea { width: 602px; }
.getdata textarea { height: 82px; }
.getdata .warning { margin: 0 0 -16px; }

.security { float: right; padding: 3px 0 2px; line-height: 21px; text-transform: uppercase; font-size: 80%; font-weight: normal; }
	.security label { display: inline; padding: 0 0 0 8px; font-size: 100%; }
		.security label input { overflow: hidden; }

div.first .lineinfo { width: 612px; margin: 0; padding: 3px; line-height: 27px; text-align: center; }
	div.first .lineinfo em { float: left; padding: 0 12px 0 5px; text-transform: uppercase; font-size: 80%; font-style: normal; color: #fff; background: #000 url('../images/br.png') 100% 0 repeat-y; }
	div.first .lineinfo strong { float: right; width: 100%; margin-left: -250px; font-size: 120%; cursor: text; }
		div.first .lineinfo strong a { color: #000; }

.pos { padding-bottom: 100px; }
	.pos button.big { position: absolute; right: 291px; bottom: 57px; }
	
.addcomment textarea { width: 642px; height: 200px; margin-bottom: 10px; }

.autocomplete { position: relative; float: left; }
	.autocomplete .auto_complete { left: 0 !important; top: 52px !important; z-index: 999; }
        .auto_complete li {width:558px !important;}
	.members .auto_complete { top: 40px !important; }

.button-more { padding: 3px 5px; text-decoration: none; text-transform: uppercase; font-size: 90%; font-weight: bold; color: #fff; background: #0cc; }
.button-more:hover, .button-more:focus, .button-more:active { background: #000; }

input.url-cz, input.url-sk { width: 264px; padding-right: 75px; text-align: right; background: url('../images/reg_cz.png') 100% 50% no-repeat; }
	input.url-sk { background-image: url('../images/reg_sk.png'); }

/* Action panels
----------------------------------------------------------------------------------------*/

.edit { clear: both; overflow: hidden; width: 100%; }
	.edit .s-button, .order .s-button { margin: 0; padding: 0 6px; font-size: 90%; background: red; }
	.order .s-button { margin: -3px 0; }
	.order .s-button:hover, .order .s-button:focus, .order .s-button:active { color: #fff; background: #000; }

/* Comments
----------------------------------------------------------------------------------------*/

.line { background: url('../images/dotted-h.gif') 0 0 repeat-x; }
	.line .in { background: none; }
	
		.comments .photo { background: #f0f0f0 url('../images/bb.png') 0 100% repeat-x; }
			.comments .photo em { color: #fff; background: #f00; }
		.comments .meta { color: #666; }
			
/* Comments form
----------------------------------------------------------------------------------------*/

.discussion fieldset { background: #f0f0f0; }
	.discussion input, .discussion textarea { color: #a5a5a5; background: #fff; }




/* Footer
----------------------------------------------------------------------------------------*/

#footer { height: auto !important; height: 95px; min-height: 95px; padding-top: 5px; color: #575757; background: #000 url('../images/footer.jpg') 50% 0 no-repeat; }
	#footer h3 { color: #7a7a7b; }
	#footer a { text-decoration: none; color: #fff; }
	#footer a:hover, #footer a:focus, #footer a:active { text-decoration: underline; color: #fff; }
	#footer ul, #footer p { margin: 0; font-size: 90%; }
	#footer ul { overflow: hidden; width: auto; padding-bottom: 5px; line-height: 30px; }
		#footer li { float: left; display: inline; margin-right: 18px; text-transform: uppercase; }
		#footer li a { color: #b3b3b3; }
	#footer p { clear: both; margin: 0 auto; padding: 10px 0; }
		#footer em { font-style: normal; }
	#footer .wrapper { background: url('../images/dotted-h.gif') 0 0 repeat-x; }


/*	---------------------------------------------------------------------------------------
	Cufon
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.articles a .cufon { border-bottom: 1px solid #000; }
.articles a:hover .cufon { border-color: #fff; }
.imp-a a:hover .cufon { border-color: #f0f0f0; }

.header h2 .cufon-vml { margin: 20px 0 8px; }
.articles h2 .cufon-vml, .getdata label .cufon-vml { margin: 3px 0; }
.impbutton-big .cufon-vml { margin: 4px 0 3px; }
.meta-profile h4 .cufon-vml, .login h3 .cufon-vml { margin: 4px 0; }
h1 .cufon-vml { margin: 15px 0; }
.column .dirtybox .cufon-vml { margin: 11px 0; }

/*	---------------------------------------------------------------------------------------
	AJAX
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.auto_complete { z-index: 999; }
#vyhledat_search_string_auto_complete li { overflow: hidden; width: 347px; }
	.auto_complete li span { float: right; padding-left: 15px; }

.newpro-ul {
	/*最新产品ul的class*/
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: auto;
	font-size: 12px;
	padding-top: 0px;
}
.newpro-ul li {
	float: left;
	display: inline;
}