@charset "utf-8";
/* CSS Document (PREFIX) */
/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body {background: #fff url(../img/layout/body_bg.jpg) repeat-x;}
body, p, h1, h2, h3, h4, h5, h6, form, input, select, textarea {
	margin: 0;
	padding: 0;
}
body, td, th, div#base, form {
	font-family: Arial, Verdana, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: x-small;
	color: #434343;
}
form {font-size: 1.0em;}
input, textarea {
	font-size: 1.0em;
	font-family: Tahoma, Geneva, Helvetica, sans-serif;
	color: #000;
}
a {color: #5ca500;}
a:hover {text-decoration: none;}
div#base {
	width: 988px;
	margin: 0 auto;
	font-size: 1.1em;
}
/***********************************************/
/* HEADER                                      */
/***********************************************/
#base div#header {
	position: absolute;
	top: 0;
	height: 89px;
	width: 988px;
}
#base #boxLogo, #base #boxUser {
	position: absolute;
	top: 8px;
	width: 158px;
	height: 76px;
}
#base #boxLogo {
	padding-left: 13px;
	background: url(../img/layout/top_box_separator.png) no-repeat -18px;
}
#base #boxUser {
	left: 799px;
	padding-left: 31px;
	background: url(../img/layout/top_box_separator.png) no-repeat;
}
#base #boxUser .end {
	float: right;
	width: 13px;
	height: 76px;
	background: url(../img/layout/top_box_separator.png) no-repeat;
}
#base #boxLogo .content {width: 145px; height: 76px;}
#base #boxTodo {
	position: absolute;
	top: 8px;
	left: 158px;
	width: 623px;
	height: 76px;
	background: url(../img/layout/top_box_separator.png) no-repeat;
	padding-left: 31px;
}
#base #boxTodo .content {width: 610px; height: 76px; padding: 13px 0 0 0;}
#base #boxUser .content {width: 145px; height: 76px;}
#boxUser .content form {position: absolute; margin: 17px 0 0 -5px;}
#boxUser .content input.user {width: 123px; float: left; margin-right: -5px;}
#boxUser .content input.pswd {width: 60px; float: left;}
#boxUser .content label {
	float: left;
	width: 30px;
	text-align: left;
	line-height: 230%;
}
#boxUser .content a {
	padding-left: 13px;
	background: url(../img/layout/x.png) no-repeat left center;
	color: #5e5d5d;
	text-decoration: none;
}
#boxUser .content h2 {
	font-size: 1.1em;
	color: #999999;
	margin: 0 0 10px 0;
	padding: 15px 0 10px 0;
}
#boxUser .content h2 a {
	background: none;
	padding: 0;
}
#boxUser .content h2 a.deactivate {
	background: url(../img/ico/ico_deactivate.png) no-repeat;
	padding: 8px 0 7px 20px;
	font-size: 0px;
	vertical-align: middle;
	display: inline-block;
}
#boxUser .content a:hover { text-decoration: underline; }
#base #boxUser .content, #base #boxTodo .content, #base #boxLogo .content {
	float: left;
	background: url(../img/layout/top_box_bg.gif) repeat-x;
}
h3#logo, h3#logo a {
	display: block;
	width: 143px;
	height: 38px;
}
h3#logo {
	position: absolute;
	margin: 15px 0 0 3px;
	background: url(../img/layout/logo.png) no-repeat;
}
h1.a_name {
	position: absolute;
	top: 20px;
	margin-left: 13px;
	z-index: 501;
}
h1.index_login {
	width: 490px;
	height: 25px;
	overflow: hidden;
}
form#myForm div#FormToDo {
	position: absolute;
	top: 54px;
	margin-left: 13px;
	z-index: 500;
}
div#FormToDo_logout {margin-left: 5px;}
div#nonLoggedView #filterForm {
	display: inline;
	float: right;
}
div#filterFormular {
	margin-top: 13px;
	margin-left: 315px;
}
.input_but {
	border: none;
	float: left;
	height: 21px;
	cursor: pointer;
}
#check_all {
	width: 79px;
	background: url(../img/layout/but_check_all_off.png);
}
#uncheck_all {
	display: none;
	width: 79px;
	background: url(../img/layout/but_uncheck_all_off.png);
}
#go {
	width: 49px;
	background: url(../img/layout/but_go_off.png);
}
#sort {
	width: 61px;
	background: url(../img/layout/but_sort_off.png);
}
#signIn {
	width: 61px;
	background: url(../img/layout/but_signIn1_off.png);
	margin-left: 2px;
	margin-right: -10px;
}
select.but {margin: 1px 2px 0 18px;}
select.short {width: 80px;}
select#albums_list {width: 70px; margin-left: 0;}
select#todo {width: 166px;}
select.num_of_boxes {float: right;}
input.send_num_of_boxes {
	float: right;
	margin: -2px 0 0 2px;
}
/*************** pagging *******************************/
#boxTodo #pagging_pages {float: right;}
#boxTodo .prev, #boxTodo .next {
	width: 19px;
	height: 21px;
	background: url(../img/layout/but_pagg_prev_roll.gif) no-repeat;
}
#boxTodo .prev a, #boxTodo .next a {
	display: block;
	width: 19px;
	height: 21px;
	background: url(../img/layout/but_pagg_prev_off.gif) no-repeat;
}
#boxTodo .next {background: url(../img/layout/but_pagg_next_roll.gif) no-repeat;}
#boxTodo .next a {background: url(../img/layout/but_pagg_next_off.gif) no-repeat;}
#boxTodo .first {
	width: 20px;
	height: 21px;
	background: url(../img/layout/but_pagg_start_roll.gif) no-repeat;
}
#boxTodo .first a {
	display: block;
	width: 20px;
	height: 21px;
	background: url(../img/layout/but_pagg_start_off.gif) no-repeat;
}
#boxTodo .last {
	width: 21px;
	height: 21px;
	background: url(../img/layout/but_pagg_end_roll.gif) no-repeat;
}
#boxTodo .last a {
	display: block;
	width: 21px;
	height: 21px;
	background: url(../img/layout/but_pagg_end_off.gif) no-repeat;
}
#boxTodo .next a:hover, #boxTodo .prev a:hover, 
#boxTodo .first a:hover, #boxTodo .last a:hover {background: none;}
.default {color: #777;}
a span, #boxTodo span.nolink {display: none !important;}
/***********************************************/
/* CONTENT                                     */
/***********************************************/
div#content {
	margin-top: 89px;
	min-height: 1px;
	height: 100%;
}
div#right-and-middle div#middle {
	width: 636px;
	float: left;
}
div#right-and-middle,
div#right-and-middle-wide,
div#right-and-middle-wide-right {
	float: right;
	width: 812px;
}
div#right-and-middle-wide-right {float: left;}
div#wide {
	float: right;
	width: 988px;
}
div#middle {margin-bottom: 20px;}
div#right,
div#left {
	width: 171px;
	margin: 0;
	padding: 0;
	float: left;
}
div#left {margin-right: 5px;}
div#right {margin-left: 5px;}
div#right-and-middle-wide-right div#right {float: right;}
/***********************************************/
/* styluju box pro content 3                   */
/***********************************************/
div#right-and-middle div#middle div.content {
	background: #fff url(../img/layout/content_bg.png) repeat-x left bottom;
	width: 636px;
	min-height: 381px;
}
div#right-and-middle div#middle div.top {
	width: 636px;
	height: 18px;
	background: url(../img/layout/3_content_header_bg.png) no-repeat;
}
div#right-and-middle div#middle div.footer {
	width: 636px;
	height: 13px;
	background: url(../img/layout/3_content_footer_bg.png) no-repeat;
}
/***********************************************/
/* styluju box pro content 2                   */
/***********************************************/
div#right-and-middle-wide div#middle div.content {
	background: #fff url(../img/layout/content_bg.png) repeat-x left bottom;
	width: 792px;
	min-height: 381px;
	padding: 0 10px;
}
div#right-and-middle-wide div#middle div.top {
	width: 812px;
	height: 18px;
	background: url(../img/layout/2_content_header_bg.png) no-repeat;
}
div#right-and-middle-wide div#middle div.footer {
	width: 812px;
	height: 13px;
	background: url(../img/layout/2_content_footer_bg.png) no-repeat;
}
/***********************************************/
/* styluju box pro content 1                   */
/***********************************************/
div#wide div#middle div.content {
	background: #fff url(../img/layout/content_bg.png) repeat-x left bottom;
	width: 968px;
	min-height: 381px;
	padding: 0 10px;
}
.simple {background: none !important;}
div#wide div#middle div.top {
	width: 988px;
	height: 18px;
	background: url(../img/layout/1_content_header_bg.png) no-repeat;
}
div#wide div#middle div.footer {
	width: 988px;
	height: 13px;
	background: url(../img/layout/1_content_footer_bg.png) no-repeat;
}
/***********************************************/
/* BOXy                                        */
/***********************************************/
.box {
	background: url(../img/layout/box_header.png) no-repeat;
	margin-bottom: 5px;
}
.box h2 {
	color: #75b42f;
	margin: 0 10px;
	padding: 9px 0 3px 0;
	background: none;
	width: 151px;
}
.box .content, .box .content1 {
	background: #fff url(../img/layout/content_bg.png) repeat-x left bottom;
	min-height: 371px;
	width: 100%;
}
.box .content1 {
	min-height: 75px;
	background: #fff url(../img/layout/box_content_bg.png) repeat-x left bottom;
}
.box .footer {
	width: 171px;
	height: 12px;
	background: url(../img/layout/box_footer.png) no-repeat;
	clear: both;
}
.ex_col {
	width: 10px;
	height: 16px;
	background: url(../img/layout/expand_collapse.gif);
} 
/***********************************************/
/* LEFT MENU                                   */
/***********************************************/
/****** searching **************/
#searching form {padding: 10px;}
#searching #search {
	width: 64px;
	background: url(../img/layout/but_search_off.png);
}
#searching input.radio {
	vertical-align: middle;
	padding: 0;
	margin: 3px 3px 5px 10px;
}
#searching input.stext {
	width: 139px;
	margin-bottom: 2px;
}
#searching select {
	width: 85px;
	margin: 0;
	margin-right: 2px;
}
/****** leftmenu structure **************/
#left #menu .content {
	min-height: 250px;
	float: left;
	padding: 10px 0 0 10px;
	width: 161px;
	/*max-height: 300px;*/
	overflow: auto;
}
#left #menu .content1 {min-height: 20px; max-height: 20px; height: 20px;}
#left #menu .content1 a {
	display: block;
	text-decoration: none;
	color: #5e5d5d;
	background: url(../img/layout/x.png) no-repeat left 10px;
	padding: 8px 0 0 15px;
	margin-left: 15px;
}
#left #menu ul {
	min-height: 1px;
	margin: 0;
	padding: 0;
	list-style: none;
	/*background: url(../img/ico/ico_dir_dotted_line.gif) repeat-y;*/
}
#left #menu ul li {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 100;
}
#left #menu ul.ul_1 li ul {
	margin-left: 19px;
	min-height: 1px;
	/*background: url(../img/ico/ico_dir_dotted_line.gif) repeat-y;*/
}
#left #menu ul.ul_1 li span {
	display: block;
	width: 19px;
	height: 18px;
	/*background: url(../img/ico/ico_dir_node.gif) no-repeat left top;*/
	float: left;
}
#left #menu ul li.end {
	display: block;
	width: 1px;
	height: 18px;
	margin: -18px 0 0 8px;
	/*background: url(../img/ico/ico_dir_end.gif) no-repeat -8px top;*/
	float: left;
	z-index: 200;
	cursor: default;
}
#left #menu ul.ul_1 li.end {z-index: 1;}
#left #menu ul.ul_1 li span.ico_plus {background: url(../img/ico/ico_dir_plus.gif) no-repeat 3px top;}
#left #menu ul.ul_1 li span.ico_minus {background: url(../img/ico/ico_dir_minus.gif) no-repeat 3px top;}
#left #menu ul li a.root {
	background: url(../img/ico/ico_dir_root.gif) no-repeat left center;
	margin-left: 0;
	padding-left: 20px;
}
#left #menu ul li a {
	display: block;
	line-height: 180%;
	margin-left: 20px;
	padding-left: 20px;
	text-decoration: none;
	color: #A95C5C;
	background: url(../img/ico/ico_dir.gif) no-repeat left center;
}
#left #menu ul li a:hover {color: #CC3300;}
#left #menu ul li a.over {background-color: #CCCCCC;}
#left .tip { margin: 5px 7px 0 0; line-height: 130%; text-align:justify; }
#left .tip strong {line-height: 200%;}
#rightClick {display: none;}
/****** leftmenu box my_account **************/
#my_account ul {
	margin: 0 15px;
	padding: 10px 0 0 0;
	list-style: none;
}
#my_account ul li {
	margin: 0;
	padding: 0;
	background: url(../img/layout/x.png) no-repeat left 5px;
	padding-left: 15px;
}
#my_account ul li a {
	display: block;
	padding: 3px 0;
	text-decoration: none;
	color: #5e5d5d;
}
#my_account ul li a:hover {
	color: #d83e2b;
	background: url(../img/layout/menu_bg.png) repeat-y right;
}
#my_account ul li ul {
	margin: 0;
	padding: 0;
}
#my_account ul li ul li {
	margin: 0;
}
/***********************************************/
/* RIGHT                                       */
/***********************************************/
#detail {text-align: center;}
#detail .content {
	min-height: 200px;
	padding-top: 45px;
}
#detail h2 {
	display: block;
	position: absolute;
	overflow: hidden;
	width: 161px;
	min-height: 16px;
	color: #fff;
	text-align: center;
	padding: 8px 5px 4px 5px;
	background: #84abfa url(../img/layout/detail_box_header.jpg) no-repeat;
	margin: 0;
	border: none;
}
#detail img {
	margin: 0;
	border: none;
	text-decoration: none;
}
#detail a.img img {
	border: 1px solid #adadad;
	padding: 1px;
	font-size: 0px;
	line-height: 0;
	-moz-outline: none;
}
#detail a.img:hover img {border: 1px solid #000;}
#detail .detailIcoBox {margin: 0 auto; width: 104px;}
#detail .detailIcoBox a {margin: 2px;}
#detail ul {
	min-height: 1px;
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both;
	padding-top: 15px;
	text-align: left;
	margin: 0 10px;
}
#detail ul li {
	line-height: 160%;
	border-bottom: 1px solid #dadada;
	padding: 2px 3px;
}
#detail p {text-align: left; padding: 5px 12px 0 13px;}
#detail p a {	
	color: #2c5bb3;
	font-weight: bold;
}
/***********************************************/
/* FOOTER                                      */
/***********************************************/
div#footer {
	width: 988px;
	text-align: center;
}
div#footer div {
	width: 630px;
	color: #5ca500;
	margin: 0 auto;
}
div#footer div a {
	padding: 0 3px;
	line-height: 160%;
}
div#footer div a#logoFooter {
	display: block;
	float: left;
	width: 51px;
	height: 15px;
	background: url(../img/layout/logo_lesk.png) no-repeat;
}
/***************/
.cleaner {
	clear: both;
	line-height: 0;
	font-size: 0;
}
/***********************************************/
/* UNIVERSAL                                   */
/***********************************************/
/* HEADERS ***/
h1 {
	font-size: 1.7em;
	color: #5273b1;
	margin: 0 5px 10px 0;
}
h2 {
	font-size: 1.1em;
	color: #5273b1;
	margin: 20px 0px 10px 0px;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #c2c2c2;
}
h3 {font-size: 1.1em;}
/* LINKS ***/
.blk_link {
	color: #000000;
	text-decoration: none;
}
.blk_link:hover {text-decoration: underline;}
/* TABLES ***/
table {
	margin: 0 auto;
	border-collapse: collapse;
}
table tr td, table tr.row1 td, table tr th {
	padding: 0px 5px 0px 5px;
	border: 1px solid #fff;
	height: 28px;
	background-color: #f5f5f5;
}
table tr.row2 td {background-color: #FAEFEF;}
table tr th {
	text-align: left;
	background-color: #C1DDEC;
	color: #4a688e;
}
table tr.noBg td, td.noBg, th.noBg{
	background: none;
	margin-left: 0;
	padding-left: 0;
	border: none;
}
th.noBg {font-weight: normal;}
/* FORMS ***/
form {
	width: auto;
}
input {
	padding: 2px 5px 3px 5px;
	font-size: 1.0em;
}
input.text, input.short_text, input.long_text, input.captcha, input.medium_text {
	padding: 0;
	width: 154px;
	height: 17px;
	border: 1px solid #dbdfe6;
	border-top: 1px solid #abadb3;
	font-size: 1.1em;
	padding-top: 2px;
}
input.short_text {width: 30px;}
input.captcha {width: 60px;}
input.medium_text {width: 110px;}
input.text1 {width: 280px;}
input.long_text {width: 562px;}
select.long_select {width: 155px;}
select {
	width: auto;
	height: 20px;
	border: 1px solid #dbdfe6;
	border-top: 1px solid #abadb3;
	font-size: 1.0em;
	padding: 1px;
}
.smallTextarea, .bodyTextarea, .miniTextarea {
	width: 562px;
	height: 80px;
	margin: 0;
	padding: 0;
	border: 1px solid #cccccc;
	font-size: 110%;
	color: #000;
}
.bodyTextarea {height: 150px;}
.miniTextarea {height: 50px;}
#TextArea_PBar, #TextArea1_PBar, .TextArea_PBar {
	width: 0px;
	height: 10px;
	border: 0;
	font-size: 8px;
	overflow: hidden;
	background-color: #999999;
	margin: 3px 0;
}
.submit {
	border: none;
	cursor: pointer;
	font-size: 0;
}
/* MESSAGES ***/
.error, .mess, .info {
	font-size: 1.1em;
	color: #000;
	background: #f8dddd url(../img/ico/ico_n.png) no-repeat 6px 5px;
	padding: 11px 10px 10px 37px;
	font-weight: bold;
	margin: 0px 10px 14px 10px;
	/*height: 8px;*/
}
#baseShow .error, #baseShow .mess, #baseShow .info {margin-top: 0px;}
.mess {color: #000;background: #e6f8dd url(../img/ico/ico_y.png) no-repeat 6px 5px;}
.info {color: #000;background: #ddf0f8 url(../img/ico/ico_info.png) no-repeat 6px 5px;}
.pozn {
	width: 97%;
	color: #999999;
	font-style: italic;
}
#close_err, #close_mess, #close_info {
	display: block;
	width: 17px;
	height: 16px;
	float: right;
	background: url(../img/ico/ico_close.png) no-repeat left top;
	cursor: pointer;
}
/* DIMENSIONS ***/
.w100pr {width: 100%;}
.w90pr {width: 90%;}
.w1pr {width: 1%;}
.w135px {width: 135px;}
.w400px {width: 400px;}
/* ALIGNS ***/
.c { text-align: center; }
.l { text-align: left; }
.r { text-align: right; }
.vc { vertical-align: middle !important;}
.fLeft {float: left;}
.fRight {float: right;}
/* ICO IMAGES ***/
.ico {display:block; width: 16px; height: 16px; margin: 0 auto;}
.icon {position: absolute; width: 16px; height: 16px;}
.ico span, .icon span {display: none;}
.v_1 {background: url(../img/ico/ico_y.png) no-repeat;}
.v_1_dis {background: url(../img/ico/ico_y_dis.png) no-repeat;}
.v_0 {background: url(../img/ico/ico_n.png) no-repeat;}
.edit {background: url(../img/ico/ico_edit.png) no-repeat;}
.show {background: url(../img/ico/ico_w.png) no-repeat;}
.del {background: url(../img/ico/ico_del.png) no-repeat;}
.del_dis {background: url(../img/ico/ico_del_dis.png) no-repeat;}
/*.back {background: url(../img/ico/ico_back.png) no-repeat left -2px; margin: 15px 0 -15px 0; padding-left: 17px;}*/
.back {background: url(../img/ico/ico_back.png) no-repeat left -2px; margin: 0 14px 0 0; padding-left: 17px;}
.new_win {background: url(../img/ico/ico_new_win.gif) no-repeat;}
.add_comment {background: url(../img/ico/ico_add_comment.gif) no-repeat;}
.ico_tuzka {
	display: block;
	padding-left: 30px;
	line-height: 26px;
	background: url(../img/ico/ico_tuzka_blok.png) no-repeat;
}
input.ico_sort {
	display: inline; width: 11px; height: 7px; margin: 0 auto;
	border: none;
	padding: 5px;
	cursor: pointer;
	font-size: 0;
}
.icona {
	width: 22px;
	height: 20px;
}
.detailIcoBox .icona { margin: 2px 0 0 2px;}
.i_0 {background: url(../img/ico/ico_0.png);}
.i_1 {background: url(../img/ico/ico_1.png);}
.i_2 {background: url(../img/ico/ico_2.png);}
.basket {background: url(../img/ico/ico_basket.png);}
.editRec {background: url(../img/ico/ico_edit_rec.png);}
.lupa {background: url(../img/ico/ico_lupa.png);}
.icona, .ico, .icon {-moz-outline: none !important;}
.asc {background: url(../img/ico/sort_asc.gif) no-repeat center;}
.desc {background: url(../img/ico/sort_desc.gif) no-repeat center;}
.active {
	background-color: #FFEFCE;
	border: 1px solid #FF9966 !important;
	width: 11px;
	height: 11px;
	display: inline;
	padding-left: 11px;
}
/* OTHERS, TEXTS ***/
.noWrap {white-space: nowrap;}
.dNone {display: none;}
.dBlock {display: block;}
.req {color: #FF0000;}
.note { font-style: italic;}
/******/
.mgLeft5 {margin-left: 5px;}
.mgRight5 {margin-right: 5px;}
.mgRight10 {margin-right: 10px;}
.mgRight15 {margin-right: 15px;}
.mgRight14 {margin-right: 14px !important;}
.mgLeft-21 {margin-left: -21px;}
.mgTop5 {margin-top: 5px;}
.mgTop3 {margin-top: 3px;}
.mgTop10{margin-top: 10px;}
.mgBot6 {margin-bottom: 6px;}
.mgBot2 {margin-bottom: 2px;}
.mgBot10 {margin-bottom: 10px;}
.mgBot30 {margin-bottom: 30px;}
.pd5 {padding: 5px;}
.pd10 {padding: 10px;}
.mgLeftRight0 {margin-left: 0 !important; margin-right: 0 !important;}
.mgLeftRight12 {margin-left: 10px !important; margin-right: 14px !important;}
/*******/
.lh150 {line-height: 150%;}
.lh180 {line-height: 180%;}
 .fs_bigger {font-size: 1.25em;}
.fs110 { font-size: 110%;}
 .h125px {height: 110px;}
.w102px {width: 102px;}
/***** noscript * nocookie **********************************/
#noscript, #nocookie {
	background: #fff;
	padding: 7px;
	border: 2px solid #990000;
	text-align: center;
	margin: 0 5px;
	line-height: 150%;
	margin-bottom: 15px;
	background-color: #FFFFEC;
	font-size: 1.1em;
	font-weight: bold;
	color: #db3e2b;
}
/***********************************************/
/* LOGIN                                       */
/***********************************************/
#loginBox {
	width: 214px;
	margin: 0 auto;
}
#loginBox h1 {
	background: none;
	color: #e20909;
	margin: 0;
	margin: 0px 0 5px 0;
	padding: 0;
}
#loginBox table {
	margin: 0 auto;
	text-align: left;
}
#javascript_podpora {
	position: absolute;
	width: 214px;
	height: 90px;
	margin: 0 auto;
	background-color: #fff;
	border: 3px solid #000;
	padding: 40px 10px 0px 10px;
}
/*************************************************/
/*	PAGGING										 */
/*************************************************/
p#pagging {
	text-align: center;
	margin-top: 15px;
}
p#pagging a {
	background-color: #ccc;
	color: #666;
	text-decoration: none;
	padding: 0px 3px 0px 3px;
	font-weight: bold;
	border: 1px solid #ccc;
}
p#pagging a:hover {
	background-color: #666;
	color: #fff;
	border: 1px solid #666;
}
p#pagging a span {
	display: inline !important;
	font-size: 1.3em;
	padding: 0 1px;
}
p#pagging span.nolink {
	color: #666;
	padding: 0 4px 1px 4px;
	font-weight: bold;
	border: 1px solid #ccc;
	font-size: 1.3em;
}
p#pagging span.nolinkmiddle {
	color: #666;
	padding: 2px 3px 1px 3px;
	font-weight: bold;
	border: 1px solid #ccc;
}
/*************************************************/
/*	LIST DATA									 */
/*************************************************/
#dataBox {margin: -10px 0 0 5px;}
#dataBox td {
	padding: 0px;
	vertical-align: top;
	text-align: center;
	width: 124px;
	cursor: crosshair;
}
div#dataBox {padding-right: 10px;}
div#dataBox span.vc { display: inline-table; vertical-align: middle; padding-right: 5px; line-height: 23px;}
#dataBox td div.bg {padding-bottom: 3px;}
#dataBox td h2 {
	height: 19px;
	background: url(../img/layout/databox_header_bg.gif) repeat-x;
	color: #3e3e3e;
	margin: 0; padding: 0;
	padding-top: 7px;
	border-bottom: none;
	margin-bottom: 3px;
}
#dataBox td.drag h2 {cursor: move;}
#dataBox td p {
	padding: 4px 0 0 0;
	width: 100px;
	float: left;
}
#dataBox div a.img_active, #dataBox span a.img_active {-moz-outline: none;}
#dataBox div a.img img, #dataBox a.img_active img, #dataBox span a.img img {
	border: 1px solid #000;
	border: 1px solid #fff;
	padding: 1px;
	font-size: 0px;
	line-height: 0;
	-moz-outline: none;
}
#dataBox div a.img:hover img, #dataBox span a.img:hover img {border: 1px solid #000;}
input.check {
	float: right;
	margin: 0px 4px 0 0;
	cursor: default;
}
a img.ui-selected {
	border: 1px solid #FF6633 !important;
	background-color: #FF9966 !important;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
a img.ui-selecting { border: 1px solid  #fff !important; background-color: #FF6633 !important;}
a#back_to_alb_list { position: absolute; margin: -10px 0 0 8px;}
/*************************************************/
/*	DETAIL   									 */
/*************************************************/
/****** nadpis *************/
#view h1.a_name {
	margin-left: 0px;
	width: 415px;
	height: 25px;
	overflow: hidden;
}
#view h1.a_name span {
	color: #737373;
	font-size: 0.6em;
}
#view h1.a_name span a {color: #737373;}
/***** hodnoceni **********/
#rating {
	float: right;
	/*margin: -35px -25px 0 0;*/
	margin: -35px 0px 0 0;
}
#rating ul {
	list-style: none;
	margin: 0; padding: 0;
	float: left;
	margin-left: 20px;
}
#rating ul li strong {display: none;}
/***** hodnoceni na detailu prihlaseneho usera ***/
#rating div.detail_my_own_rating {position: absolute; width: 200px; height: 20px; margin: 27px 0 0 -194px; overflow: hidden;}
#rating div.detail_my_own_rating strong {margin: 3px 10px 0 0;}
#rating div.detail_my_own_rating ul {margin: -13px 0 0 0;}
#rating div.detail_rating {position: absolute; width: 200px; height: 20px; margin: 48px 0 0 -194px; overflow: hidden;}
#rating div.detail_rating strong {margin-top: 2px;}
#rating div.detail_rating ul {margin: -14px 0px 0 5px;}
/***** hodnoceni na original view neprihlaseneho usera ***/
#rating div.show_original_nl_rating, 
#rating div.show_original_l_rating {position: absolute; width: 200px; height: 20px; margin: 38px 0 0 -210px; overflow: hidden;}
#rating div.show_original_nl_rating strong, 
#rating div.show_original_l_rating strong {margin: 3px 10px 0 0;}
#rating div.show_original_nl_rating ul {margin: -60px 0 0 115px;}
#rating div.show_original_nl_my_own_rating {position: absolute; width: 200px; height: 20px; margin: 17px 0 0 -210px;overflow: hidden;}
#rating div.show_original_nl_my_own_rating strong {margin-top: 2px;}
#rating div.show_original_nl_my_own_rating ul {margin: -60px 0px 0 115px;}
#rating div.show_original_l_rating ul {margin: -30px 0px 0 115px;}
/***** icosLeft **********/
#icosLeft {
	float: left;
	margin: 0px 0 0 -2px;
}
#icosLeft div {float: left;}
#icosLeft div {
	width: 22px;
	height: 20px;
	margin-right: 3px;
}
#icosLeft div a {
	display: block;
	width: 22px;
	height: 20px;
}
#icosLeft div.zpet {background: url(../img/ico/ico_back_blue.gif);margin-right: 10px;}
#icosLeft div.privatni {background: url(../img/ico/ico_1.png);}
#icosLeft div.sdilene {background: url(../img/ico/ico_2.png);}
#icosLeft div.verejne {background: url(../img/ico/ico_0.png);}
#icosLeft div.privatni a {background: url(../img/ico/ico_1.gif);}
#icosLeft div.sdilene a {background: url(../img/ico/ico_2.gif);}
#icosLeft div.verejne a {background: url(../img/ico/ico_0.gif);}
#icosLeft div a:hover {background: none;}
/***** icosRight **********/
#icosRight {
	margin: 7px 0 0 0px;
}
#icosRight.detail, #icosRight.show-original {margin-top: 35px;}
#icosRight a { margin-left: 3px;}
/******* detail *********/
table#detail {
	display: block;
	float: right;
}
a#detailImg {
	border: none;
}
a#detailImg img, #view img {
	border: 1px solid #adadad;
	padding: 1px;
	font-size: 0px;
	line-height: 0;
	-moz-outline: none;
}
table#detail td {width: 100%;}
.detailTextarea {
	width: 99.5%;
	height: 80px;
	margin: 3px 0 0 0;
	padding: 0;
	border: 1px solid #cccccc;
	font-size: 110%;
	background-color: #fff;
}
.detailNoTextarea {
	width: 99.5%;
	margin: 3px 0;
	padding: 0;
	border: 1px solid #cccccc;
	font-size: 110%;
	background-color: #fff;
	min-height: 19px;
}
input.long_text {width: 99.5%;}
.bg_disable {
	background-color: #f0f0f0;
	color: #666666;
}
#view form#editProp {margin-top: 0px;}
#view #editProp:nth-of-type(1) { /* hack opera, chrome, safari */
   margin-top: 0px;
}
#view a {color: #5273b1;}
#view h2 a.add_comment {
	width: auto;
	float: right;
	font-weight: normal;
	padding: 5px 0 0 27px;
	text-decoration: none;
	font-size: 0.9em;
}
#view h2 a.add_comment:hover {text-decoration: underline;} 
#view #view_detail {
	padding: 10px; 
	float: right;
	background: #f9f9f9 url(../img/layout/view_table_bg.gif) repeat-x;
	overflow: auto;
	margin-bottom: 10px;
}
#view #view_detail table {
	margin: 0 auto;
	border-collapse: collapse;
}
#view #view_detail table tr td, #view_detail table tr th {
	padding: 0px 5px 0px 5px;
	border: 1px solid #dcdcdc;
	border-left: none;
	border-right: none;
	height: 28px;
	background: none;
	font-size: 1.0em;
}
#view #view_detail table tr th {color: #595959;}
#view p {font-size: 1.1em; text-align: justify;}
/*************************************************/
/*	RECORD   									 */
/*************************************************/
#main_img {float: left;}
table#record {
	width: 332px;
	display: block;
	float: right;
}
/*************************************************/
/*	SHOW ORIGINAL								 */
/*************************************************/
div#baseShow div#content, div#baseShow div#wide, div#baseShow div#middle, div#baseShow div#footer {width: 100%;}
div#baseShow div#content {margin-top: 213px;}
div#baseShow div#header.h_normal {height: 89px;}
div#baseShow div#content.h_normal {margin-top: 89px;}
div#baseShow div#header.h_min {height: 133px; background: url(../img/layout/header_min_listing_bg.png) repeat-x left 8px;}
div#baseShow div#content.h_min {margin-top: 133px;}
div#baseShow {font-size: 1.1em;}
div#baseShow div#header {
	position: absolute;
	top: 0px;
	height: 213px;
	width: 100%;
	background: url(../img/layout/header_listing_bg.png) repeat-x left 8px;
}
#baseShow #boxLogo {
	position: absolute;
	top: 8px;
	left: 0;
	width: 158px;
	height: 76px;
	padding-left: 13px;
	background: url(../img/layout/top_box_left1.png) no-repeat;
}
#baseShow #boxLogo .content, #baseShow #boxUser .content {width: 145px; height: 76px;}
#baseShow #boxUser {
	position: absolute;
	top: 8px;
	right: 0;
	width: 158px;
	height: 76px;
	background: url(../img/layout/top_box_separator1.png) no-repeat;
	padding-left: 31px;
}
#baseShow #boxUser .content {float: left;}
#baseShow #boxUser .end {
	float: right;
	width: 13px;
	height: 76px;
	background: url(../img/layout/top_box_right1.png) no-repeat;
}
#baseShow div#header #boxTodo {
	position: relative;
	top: 8px;
	left: 0;
	margin-left: 158px;
	margin-right: 190px;
	height: 76px;
	background: url(../img/layout/top_box_separator1.png) no-repeat;
	padding-left: 31px;
}
#baseShow div#header #boxTodo .content { width: 100%; height: 76px; padding: 13px 0 0 0;}
/****** button *************/
#baseShow div#header #boxTodo a.button {
	display: block;
	width: 149px;
	height: 32px;
	background: url(../img/layout/header_listing_but.png) no-repeat;
	position: absolute;
	top: 49px;
	left: 50%;
	margin-left: -75px;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 300%;
	text-decoration: none;
	color: #5ca500;
}
#baseShow div#header #boxTodo a.button:hover {text-decoration: underline;}	
/****** nadpis *************/
#baseShow h1.a_name {
	margin-left: 186px;
	/*width: 415px;*/
	width: 45%;
	height: 25px;
	overflow: hidden;
}
#baseShow h1.a_name span {
	color: #737373;
	font-size: 0.6em;
}
#baseShow h1.a_name span a {color: #737373;}
/********************************************************/
/* styluju box pro content 1 pres celou obrazovku       */
/********************************************************/
#baseShow div#wide div#middle .content {
	/*background: #fff url(../img/layout/content_bg.png) repeat-x left bottom;*/
	width: 100%;
	min-height: 500px; /* 584px */
	padding: 0;
}
#baseShow div#wide div#middle .top {
	width: 100%;
	height: 18px;
	background: url(../img/layout/1_content_ht.png) repeat-x;
}
#baseShow div#wide div#middle .top .tleft {
	float: left;
	width: 13px;
	height: 18px;
	background: url(../img/layout/1_content_lt.png) no-repeat;
}
#baseShow div#wide div#middle .top .tright {
	float: right;
	width: 13px;
	height: 18px;
	background: url(../img/layout/1_content_rt.png) no-repeat;
}
#baseShow div#wide div#middle .footer {
	width: 100%;
	height: 13px;
	background: url(../img/layout/1_content_fb.png) repeat-x;
}
#baseShow div#wide div#middle .footer .tleft {
	float: left;
	width: 13px;
	height: 13px;
	background: url(../img/layout/1_content_lb.png) no-repeat;
}
#baseShow div#wide div#middle .footer .tright {
	float: right;
	width: 13px;
	height: 13px;
	background: url(../img/layout/1_content_rb.png) no-repeat;
}
/*************************************************/
/*	LISTING    									 */
/*************************************************/
#baseShow div#header div#listing {
	position: absolute;
	margin-top: 13px;
	width: 100%;
	height: 119px;
}
#baseShow div#header div#listing .end, #baseShow div#header div#listing .end .end_hover {
	position: absolute;
	right: 0;
	margin-top: -113px;
	width: 35px;
	height: 119px;
	background: url(../img/layout/header_listing_right_but_1.png) no-repeat;
}
#baseShow div#header div#listing .end .end_hover {
	margin: 0;
	background: url(../img/layout/header_listing_right_but.png) no-repeat;
}
#baseShow div#header div#listing .start, #baseShow div#header div#listing .start .start_hover {
	position: absolute;
	margin-top: -113px;
	width: 36px;
	height: 119px;
	background: url(../img/layout/header_listing_left_but_1.png) no-repeat;
}
#baseShow div#header div#listing.alb .start, #baseShow div#header div#listing.alb .start .start_hover {
	width: 54px;
	background: url(../img/layout/header_listing_left_but_1_alb.png) no-repeat;
}
#baseShow div#header div#listing .start .start_hover {
	margin: 0;
	background: url(../img/layout/header_listing_left_but.png) no-repeat;
}
#baseShow div#header div#listing.alb .start .start_hover {background: url(../img/layout/header_listing_left_but_alb.png) no-repeat;}
#baseShow div#listing div.content {
	margin: 8px 14px 0 14px;
	height: 105px;
}
#baseShow div#listing.alb div.content {margin: 8px 14px 0 30px;}
#baseShow div#listing div#imgList {
	max-height: 105px;
	white-space: nowrap !important;
	position: absolute;
	width: 98%;
	overflow: hidden;
}
span#vertAlign img {
	height: 105px;
	width: 1px;
}
#baseShow div#listing div#imgList span {display: inline-table; vertical-align: middle; line-height: 23px;}
#baseShow div#listing a.img img {
	border: 1px solid #999999;
	padding: 1px;
	font-size: 0px;
	line-height: 0;
	-moz-outline: none;
	background-color: #FFFFFF;
	margin-right: 5px;
}
#baseShow div#listing a.img, #baseShow div#listing a.img_active {-moz-outline: none;}
#baseShow div#listing a.img:hover img, #baseShow div#listing a.img_active img {
	padding: 1px;
	font-size: 0px;
	line-height: 0;
	-moz-outline: none;
	background-color: #FFFFFF;
	margin-right: 5px;
	border: 1px solid #000;
}
#baseShow div#listing a.img_active img {border: 1px solid #FF0000;}
/***** minimized sipky **/
#baseShow div#header div#listing .minend, #baseShow div#header div#listing .minend .minend_hover {
	position: absolute;
	right: 0;
	margin-top: -113px;
	width: 35px;
	height: 39px;
	background: url(../img/layout/header_min_listing_right_but_1.png) no-repeat;
}
#baseShow div#header div#listing .minend .minend_hover {
	margin: 0;
	background: url(../img/layout/header_min_listing_right_but.png) no-repeat;
}
#baseShow div#header div#listing.alb .minstart, #baseShow div#header div#listing .minstart .minstart_hover {
	position: absolute;
	margin-top: -113px;
	width: 54px;
	height: 39px;
	background: url(../img/layout/header_min_listing_left_but_1_alb.png) no-repeat;
}
#baseShow div#header div#listing.alb .minstart .minstart_hover {
	margin: 0;
	background: url(../img/layout/header_min_listing_left_but_alb.png) no-repeat;
}
/*************************************************/
/*	LISTING - CONTENT							 */
/*************************************************/
/******** original view *********/
#baseShow #original_view h1.on_cont {
	position: static;
	margin: 0;
	padding: 0;
	margin: 0px 0 -20px 12px;
	height: 40px;
	width: auto;
}
#baseShow #original_view h1.on_cont span.author_name {
	display: block;
	font-size: 60%;
}
#baseShow #original_view #img {
	width: 98%;
	height: 480px;
	margin: 0px 10px 0 12px;
	overflow: hidden;
	border: 1px solid #ccc;
	position: absolute;
	text-align: center;
}
#baseShow #original_view #img img {cursor: move;}
/******** change view *********/
#baseShow #change_view h1.on_cont {
	position: static;
	margin: 0;
	padding: 0;
	margin: 0px 0 -20px 12px;
	height: 40px;
	width: auto;
}
#baseShow #change_view h1.on_cont span.author_name {
	display: block;
	font-size: 60%;
}
#baseShow #change_view #img {
	margin: 0 12px 0 12px;
	font-size: 110%;
	float: left;
	width: 450px;
}
#baseShow #change_view #img img {
	border: 1px solid #ccc;
	padding: 1px;
	margin-left: 2px;
}
#baseShow #change_view #img p {
	padding: 10px 0 0 0;
	text-align: justify;
}
#baseShow #change_view #img p a {
	font-weight: bold;
	color: #2c5bb3;
}
#baseShow #change_view #img ul {
	margin: 0; padding: 0;
	list-style-type: none;
	display: inline;
}
#baseShow #change_view #img ul li {
	padding: 10px 0 0 0;
	float: left;
}
#baseShow #change_view #img ul li#star_rating {float: right;}
#baseShow #change_view #img div.hvezda {margin-top: 0px;}
#baseShow #view_detail {
	padding: 10px; 
	background: #f9f9f9 url(../img/layout/view_table_bg.gif) repeat-x;
	overflow: auto;
	margin-right: 12px;
	/*height: 315px;*/
}
#baseShow #view_detail table {
	margin: 0 auto;
	border-collapse: collapse;
	width: 100%;
}
#baseShow #view_detail table tr td, #view_detail table tr th {
	padding: 0px 5px 0px 5px;
	border: 1px solid #dcdcdc;
	border-left: none;
	border-right: none;
	height: 28px;
	background: none;
	font-size: 1.0em;
}
#view_detail table tr th {
	width: 1%;
	white-space: nowrap;
	padding-right: 50px;
}
#baseShow #view_detail table tr th {color: #595959;}
#baseShow #change_view #data p {
	padding: 12px;
	font-size: 1.1em;
	text-align: justify;
}
#baseShow #change_view h2 a.add_comment, #change_view p a.add_comment, #nonLoggedView p a.add_comment {
	width: auto;
	float: right;
	font-weight: bold;
	padding: 5px 0 2px 27px;
	text-decoration: none;
	color: #2c5bb3;
}
#change_view p a.add_comment, #nonLoggedView p a.add_comment {
	text-decoration: underline;
	float: none;
}
#baseShow #change_view h2 a.add_comment:hover {text-decoration: underline;}
#change_view p a.add_comment:hover {text-decoration: none;}
#baseShow #change_view #commnents {padding: 12px;}
#baseShow #change_view #commnents img {
	position: relative;
	clip: rect(0px 35px 42px 0px);
	border: 3px solid #e9e9e9;
}
#baseShow #change_view #comment_form {padding: 12px;}
/*************************************************/
/*	MY ACCOUNT	+ WHAT TODO	(send-to-mail		 */
/*************************************************/
/** convertors */
#convertors a img {border: 1px solid #ccc;}
#convertors a {text-decoration: none; margin: 10px;}
#convertors a:hover img {border: 1px solid #FF0000;}
#convertors a:hover {text-decoration: underline;}
/***************/
#user h1.a_name, #convertors h1.a_name {margin-left: 50px;}
#user h2.top, #convertors h2.top, #whatTodo h2.top {margin-top: 0;}
#whatTodo h1.a_name {margin-left: 3px;}
#whatTodo.colls_1 h1.a_name {margin-left: 176px;}
#whatTodo #FormToDo input {margin-left: -10px;}
#whatTodo.colls_1 #FormToDo input {margin-left: 164px;}
/*#whatTodo #FormToDo input#check_all {display: none;}
#whatTodo #FormToDo input#uncheck_all {display: block;}*/
#user_ico {
	margin-top: 5px; 
	float: left;
}
#user_ico img {
	position: absolute;
	clip: rect(0px 35px 42px 0px);
	border: 3px solid #e9e9e9;
}
#user_datum {float: right; margin-top: 7px;}
#user_info {
	font-size: 1.1em;
	font-weight: bold;
	margin: 33px 0 0 47px;
}
/*********************************************/
/* NON LOGGED VIEW	INDEX 					 */
/*********************************************/
#coll {margin-left: 465px; padding-top: 5px;}
#baseShow #nonLoggedView #FormToDo {margin-left: 186px; display: inline;} 
/********** prava strana *********************/
#baseShow #nonLoggedView #img {margin: 0 0 0 12px; width: 450px;font-size: 1.1em; float: left;}
#baseShow #nonLoggedView #img div#record_header {height: 45px;}
#baseShow #nonLoggedView #img div#record_header h2 {
	font-size: 1.55em;
	color: #5273b1;
	margin: 0;
	padding: 0;
	border: none;
	position: relative;
	height: 25px;
	overflow: hidden;
}
#baseShow #nonLoggedView #img div#record_header div.author_name {
	color: #737373;
	line-height: 90%;
	font-size: 90%;
	font-weight: bold;
}
#baseShow #nonLoggedView #img div#record_header div.author_name  a {color: #737373;}
#baseShow #nonLoggedView #img div#record_header a.icona {margin: 5px 0 0 3px;}
#baseShow #nonLoggedView #img a.img, #baseShow #nonLoggedView #img img.movimg {
	border: 1px solid #ccc;
	padding: 1px;
	line-height: 0;
	float: left;
}
#baseShow #nonLoggedView #img a.img {margin: 5px 0 3px 2px;}
#baseShow #nonLoggedView #img img.movimg {margin-bottom: 12px;}
#baseShow span#movimgBox {
	display: none;
	width: 450px;
	height: 450px;
}
#baseShow #nonLoggedView #img a.img img {
	border: none;
}
#baseShow #nonLoggedView #img p {
	padding: 10px 0 0 0;
	text-align: justify;
}
#baseShow #nonLoggedView #img p a {
	font-weight: bold;
	color: #2c5bb3;
}
#baseShow #nonLoggedView #img ul {
	margin: 0; padding: 0;
	list-style-type: none;
	display: inline;
}
#baseShow #nonLoggedView #img ul li {
	padding: 10px 0 0 0;
	float: left;
}
#baseShow #nonLoggedView #img ul li#star_rating {float: right;}
#baseShow #nonLoggedView #img div.hvezda {margin-top: 0px;}
/************ vice informaci *******************/
#baseShow #nonLoggedView #img #info_box {margin-top: 10px;}
#baseShow #nonLoggedView #img #info_box table {font-size: 0.9em;}
/************ listing obrazku ***********/
#baseShow #nonLoggedView #dataBox {
	margin: 0 0 0 5px;
	padding-top: 43px;
	cursor: crosshair;
}
#baseShow #nonLoggedView #dataBox td {
	padding: 0px;
	vertical-align: top;
	text-align: center;
	width: 100px;
	background: none;
}
#baseShow #nonLoggedView #dataBox td div.bg {
	background: none;
	padding: 0px 3px 0 0;
}
#nonLoggedView .tip {
	float: right;
	border: 1px dotted #666666;
	width: 220px; height: 15px;
	padding: 2px 5px 2px 5px;
	margin-right: 20px;
	text-align: right;
	
}
#nonLoggedView .tip .cross {
	display: block;
	width: 17px; height: 17px;
	position: absolute;
	background: url(../img/ico/cursor_cross.gif) no-repeat;
	margin: -5px 0 0 -1px;
}
/************* vrchni list alb ***************/
#baseShow #listing #albList {
	max-height: 100px;
	white-space: nowrap !important;
	overflow: hidden;
	position: absolute;
	width: 97%;
	padding-top: 9px;
}
#baseShow #listing h3 {
	position: absolute;
	display: block;
	text-align: center;
	margin: -88px 0 0 9px;
	font-size: 90%;
	line-height: 140%;
}
#baseShow #listing a.collapse {
	position: absolute;
	display: block;
	margin: -113px 0 0 0px;
	width: 21px; height: 21px;
	background: url(../img/layout/header_min_listing_collapse.gif) no-repeat;
}
#baseShow #listing a.collapse:hover {background: url(../img/layout/header_min_listing_collapse_roll.gif) no-repeat;}
#baseShow #listing a.expand {
	position: absolute;
	display: block;
	margin: -105px 0 0 0px;
	width: 21px; height: 22px;
	background: url(../img/layout/header_min_listing_expand.gif) no-repeat;
}
#baseShow #listing a.expand:hover {background: url(../img/layout/header_min_listing_expand_roll.gif) no-repeat;}
#baseShow div#listing div#albList span { 
	display: inline-table; 
	vertical-align: middle; 
	line-height: 23px;
}
#baseShow div#listing div#albList span div.mask {
	position: absolute;
	width: 87px;
	height: 99px;
	background: url(../img/layout/album_frame.png) no-repeat;
	margin-top: -20px;
	padding: 0 15px 0 2px;
	text-decoration: none;
	font-size: 0.8em;
	text-align: left; 
	cursor: pointer;
}
#baseShow div#listing #albList a.img_active div.mask, #baseShow div#listing #albList a.img:hover div.mask {background: url(../img/layout/album_frame_active.png) no-repeat;}
#baseShow #listing #albList h2 {
	margin: 0; padding: 0 1px; border: none; font-size: 100%;
	width: 88px;
	height: 18px;
	overflow: hidden;}
#baseShow #listing #albList a.img_active h2, #baseShow div#listing #albList a.img:hover h2 {color: #000;}
#baseShow div#listing #albList a.img img {
	border: none;
	padding: 2px 2px 0 2px;
	-moz-outline: none;
}
#baseShow div#listing #albList a.img, #baseShow div#listing #albList a.img_active {-moz-outline: none;}
#baseShow div#listing #albList a.img_active img {
	padding: 2px 2px 0 2px;
	-moz-outline: none;
}
#baseShow div#listing #albList a.img_active img {border: none;}
#baseShow div#listing #albList span { display: inline-block;}
/****** minimize **********/
#baseShow div#header div#listing.minimize h2 {
	width: 94px; height: 21px;
	background: url(../img/layout/album_min_frame_active.png) no-repeat;
	margin: -10px 0 0 5px;
	padding: 0;
	
}
#baseShow div#header div#listing.minimize h2 a {
	display: block;
	width: 90px; height: 21px;
	background: url(../img/layout/album_min_frame.png) no-repeat;
	font-size: 80%;
	text-decoration: none;
	color: #0066CC;
	padding: 0 2px;
}
#baseShow div#header div#listing.minimize h2 a:hover, #baseShow div#header div#listing.minimize h2 a.img_active  {
	background: none;
	color: #000;
}
/*********************************************/
/*********************************************/
/* BROWSE BY			 					 */
/*********************************************/
/*********************************************/
div#baseShow div#header.h_normal a, #midline a {color: #595959;}
div#baseShow div#header.h_normal a.actived, #midline a.actived {text-decoration: none; color: #5ca500;}
#users, #midline {font-size: 1.1em;}
.blue {color: #3b5eaf;}
.green {color: #75b42f;}
.yelow {color: #c49d16;}
.red {color: #d83e2b;}
/******* zalozka s naspisem ****************/
span#marker {
	font-size: 70%;
	position: absolute;
	left: -140px;
	top: 81px;
	background: url(../img/layout/but_header_bg.png) repeat-x;
	line-height: 250%;
}
span#marker .ml, span#marker .mr {
	float: left;
	display: block;
	width: 9px;
	height: 32px;
	background: url(../img/layout/but_header_left.png) no-repeat;
}
span#marker .mr {background: url(../img/layout/but_header_right.png) no-repeat right;}	
/*********************************************/
/* USERS				 					 */
/*********************************************/
#users p#pagging {
	padding-top: 15px;
	margin-top: 0;
}
#users div#out {
	margin: 0 auto;
	width: 758px;
}
#users ul {
	list-style-type: none;
	width: 230px;
	margin: 0;
	padding: 0;
	margin-right: 10px;
	padding: 1px 5px 0px 1px;
	border: 1px double #ccc;
	background-color: #F3F3F3;
}
#users ul a {
	text-decoration: none;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 150%;
	padding-bottom: 1px;
}
#users ul a:hover {color: #d83e2b;}
#users ul a img {
	border: none;
	vertical-align: middle;
}
#users select.num_of_boxes { margin: 0 12px 5px 0;}
/*********************************************/
/* ALBUMS				 					 */
/*********************************************/
#albums { margin: 0 10px;}
#albums .album_box {
	width: 112px;
	height: 125px;
	float: left;
	text-align: center;
}
.album_box h2 {
	margin: 0; padding: 0 1px; border: none; font-size: 100%;
	width: 88px;
	height: 12px;
	overflow: hidden;
	text-align: left;
}
.album_box a:hover h2 {color: #000;}
.album_box a div.mask {
	position: absolute;
	width: 87px;
	height: 94px;
	background: url(../img/layout/album_frame.png) no-repeat;
	margin-top: -20px;
	padding: 5px 15px 0 2px;
	text-decoration: none;
	font-size: 0.8em;
	text-align: center; 
	cursor: pointer;
}
.album_box a:hover div.mask {background: url(../img/layout/album_frame_active.png) no-repeat;}
.album_box p {
	height: 18px;
	width: 102px;
	margin: 0;
	padding: 0;
	border-bottom: none;
	margin-bottom: 3px;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	overflow: hidden;
}
.album_box a img, .album_box a:hover img, .album_box a.img_active:hover img{border: none; padding: 2px 8px 0 0px;}
.album_box a.img_active img {border: none;}
/*********************************************/
/* POPULARITY			 					 */
/*********************************************/
#popularity { margin: 0 10px;}
#popularity .popularity_box {
	width: 104px;
	height: 158px;
	float: left;
	margin: 1px 1px 0 0;
	text-align: center;
	padding: 0 3px;
}
.popularity_box h2 {
	position: absolute;
	clip: rect(0px 104px 30px 0px);
	height: 30px;
	width: 104px;
	margin: 0;
	padding: 0;
	border-bottom: none;
	margin-bottom: 3px;
	font-size: 1em;
	font-weight: normal;
	white-space: nowrap;
	text-align: center;
}
.popularity_box h2 strong {color: #3e3e3e;}
.popularity_box a {-moz-outline: none;}
.popularity_box a img {border: 1px solid #fff; margin-top: 0px; padding: 1px;}
.popularity_box a:hover img {border: 1px solid #000;}
/*
/*
/* hodnoceni
*/
div.hvezda {width: 103px; height: 15px; margin-top: 30px;}

div.us_0 {background: url(../../../misc/jquery/rating/stars_0.png) no-repeat !important;}
div.us_1 {background: url(../../../misc/jquery/rating/u_stars_1.png) no-repeat !important;}
div.us_2 {background: url(../../../misc/jquery/rating/u_stars_2.png) no-repeat !important;}
div.us_3 {background: url(../../../misc/jquery/rating/u_stars_3.png) no-repeat !important;}
div.us_4 {background: url(../../../misc/jquery/rating/u_stars_4.png) no-repeat !important;}
div.us_5 {background: url(../../../misc/jquery/rating/u_stars_5.png) no-repeat !important;}
div.us_6 {background: url(../../../misc/jquery/rating/u_stars_6.png) no-repeat !important;}
div.us_7 {background: url(../../../misc/jquery/rating/u_stars_7.png) no-repeat !important;}
div.us_8 {background: url(../../../misc/jquery/rating/u_stars_8.png) no-repeat !important;}
div.us_9 {background: url(../../../misc/jquery/rating/u_stars_9.png) no-repeat !important;}
div.us_10 {background: url(../../../misc/jquery/rating/u_stars_10.png) no-repeat !important;}

div.s_0 {background: url(../../../misc/jquery/rating/stars_0.png) no-repeat !important;}
div.s_1 {background: url(../../../misc/jquery/rating/stars_1.png) no-repeat !important;}
div.s_2 {background: url(../../../misc/jquery/rating/stars_2.png) no-repeat !important;}
div.s_3 {background: url(../../../misc/jquery/rating/stars_3.png) no-repeat !important;}
div.s_4 {background: url(../../../misc/jquery/rating/stars_4.png) no-repeat !important;}
div.s_5 {background: url(../../../misc/jquery/rating/stars_5.png) no-repeat !important;}
div.s_6 {background: url(../../../misc/jquery/rating/stars_6.png) no-repeat !important;}
div.s_7 {background: url(../../../misc/jquery/rating/stars_7.png) no-repeat !important;}
div.s_8 {background: url(../../../misc/jquery/rating/stars_8.png) no-repeat !important;}
div.s_9 {background: url(../../../misc/jquery/rating/stars_9.png) no-repeat !important;}
div.s_10 {background: url(../../../misc/jquery/rating/stars_10.png) no-repeat !important;}



.vert_out {display: table;overflow: hidden;}
.vert_mid {display: table-cell; vertical-align: middle;}
/*********************************************/
/* LATEST				 					 */
/*********************************************/
#latest { margin: 0 10px;}
#latest .latest_box {
	width: 104px;
	height: 158px;
	float: left;
	margin: 1px 1px 0 0;
	text-align: center;
	padding: 0 3px;
	
}
.latest_box h2 {
	position: absolute;
	clip: rect(0px 104px 30px 0px);
	height: 30px;
	width: 104px;
	margin: 0;
	padding: 0;
	border-bottom: none;
	margin-bottom: 3px;
	font-size: 1em;
	font-weight: normal;
	white-space: nowrap;
	text-align: center;
}
.latest_box a {-moz-outline: none;}
.latest_box h2 strong {color: #3e3e3e;}
.latest_box a img, .latest_box img {border: 1px solid #fff; padding: 1px;}
.latest_box a:hover img {border: 1px solid #000;}
.latest_box p {margin-top: 29px;}
/*********************************************/
/* TIME 				 					 */
/*********************************************/
#time {}
#calendar table th {
	background: none;
	font-size: 1.5em;
	color: #000;
	text-align: center;
	width: 102px;
}
#calendar table td {
	height: 102px;
	vertical-align: top;
	font-size: 1.6em;
	font-weight: bold;
	color: #ccc;
	padding: 5px;
}
#calendar table td.pagging {
	height: auto;
	font-size: 1.5em;
	font-weight: bold;
	color: #5273b1;
	padding: 5px 5px 25px 5px;
	text-align: center;
	background: none;
}
#calendar table td.pagging span {
	display: block;
	width: 200px;
	text-align: left;
}
#calendar table td.pagging span.fRight {text-align: right;} 
#calendar table td.pagging a {
	font-size: 65%;
}
#calendar table td.noday {background: none; border: none;}
#calendar table td div.dark {
	position: absolute;
	color: #000;
	margin: 3px 0 0 4px;
}
#calendar table td div.light {
	position: absolute;
	color: #fff;
	margin: 2px 0 0 3px;
}
#calendar table td a img {border: 1px solid #fff; padding: 1px;}
#calendar table td a img:hover {border: 1px solid #000;}
/********** timezoom ************************/
#timezoom { margin: 0 10px;}
#timezoom .timezoom_box {
	width: 104px;
	height: 158px;
	float: left;
	margin: 1px 1px 0 0;
	text-align: center;
	padding: 0 3px 3px 3px;
	
}
.timezoom_box h2 {
	position: absolute;
	clip: rect(0px 102px 30px 0px);
	height: 30px;
	width: 102px;
	margin: 0;
	padding: 0;
	border-bottom: none;
	margin-bottom: 3px;
	font-size: 1em;
	font-weight: normal;
	white-space: nowrap;
	text-align: center;
}
.timezoom_box a {-moz-outline: none;}
.timezoom_box h2 strong {color: #3e3e3e;}
.timezoom_box a img, .timezoom_box img {border: 1px solid #fff; padding: 1px;}
.timezoom_box a:hover img {border: 1px solid #000;}
.timezoom_box p {margin-top: 29px;}
/*********************************************/
/* TAGS 				 					 */
/*********************************************/
#tags #tag_cloud {margin: 0 20px; padding-top: 20px;}
#tags #tag_cloud a {text-decoration: none; padding: 0 5px;}
#tags #tag_cloud a:hover {color: #d83e2b;}
/******** tag results **********/
#tagsresults { margin: 0 10px;}
#tagsresults .tagsresults_box {
	width: 104px;
	height: 158px;
	float: left;
	margin: 1px 1px 0 0;
	text-align: center;
	padding: 0 3px 3px 3px;
	
}
.tagsresults_box h2 {
	position: absolute;
	clip: rect(0px 104px 30px 0px);
	height: 30px;
	width: 104px;
	margin: 0;
	padding: 0;
	border-bottom: none;
	margin-bottom: 3px;
	font-size: 1em;
	font-weight: normal;
	white-space: nowrap;
	text-align: center;
}
.tagsresults_box a {-moz-outline: none;}
.tagsresults_box h2 strong {color: #3e3e3e;}
.tagsresults_box a img, .tagsresults_box img {border: 1px solid #fff; padding: 1px;}
.tagsresults_box a:hover img {border: 1px solid #000;}
/*********************************************/
/* PHONE				 					 */
/*********************************************/
#phone { margin: 0 10px;}
#phones { font-size: 1.1em;}
#phones div#out {
	margin: 0 auto;
	width: 758px;
}
#phones ul {
	list-style-type: none;
	width: 230px;
	margin: 0;
	padding: 0;
	margin-right: 10px;
	padding: 5px;
	border: 1px double #ccc;
	background-color: #F3F3F3;
}
#phones ul a {
	text-decoration: none;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 150%;
}
#phones ul a:hover {
	text-decoration: underline;
}
#phone .phone_box {
	width: 104px;
	height: 138px;
	float: left;
	margin: 1px 1px 0 0;
	text-align: center;
	padding: 0 3px 3px 3px;
}
.phone_box h2 {
	position: absolute;
	clip: rect(0px 102px 30px 0px);
	height: 30px;
	width: 102px;
	margin: 0;
	padding: 0;
	border-bottom: none;
	margin-bottom: 3px;
	font-size: 1em;
	font-weight: normal;
	white-space: nowrap;
	text-align: center;
}
.phone_box a {-moz-outline: none;}
.phone_box h2 strong {color: #3e3e3e;}
.phone_box a img, .phone_box img {border: 1px solid #fff; padding: 1px;}
.phone_box a:hover img {border: 1px solid #000;}
#phones select.num_of_boxes { margin: 0 12px 5px 0;}
/*********************************************/
/* MAPS					 					 */
/*********************************************/
#maps { margin: 0 10px;}
#maps {
	text-align: center;
}
#maps div#out {
	margin: 0 auto;
	width: 710px;
}
#map {
	width: 700px;
	height: 430px;
	border: 1px solid #ccc;
}
#maps .mapsBox {
	text-align: left;
	font-size: 1em;
}
.mapsBox h2 {
	margin: 0;
	padding: 0 3px;
	margin-bottom: 5px;	
}
.mapsBox a img {border: 1px solid #000; float: left; padding: 1px;}
.mapsBox a:hover img {border: 1px solid #FF0000;}
.mapsBox a { display: block; float: left; margin-right: 5px;}
.mapsBox p { font-weight: bold; float: left;}
/*********************************************/
/* SEARCH 				 					 */
/*********************************************/
#searchresults { margin: 0 10px;}
#searchresults .searchresults_box {
	width: 104px;
	height: 138px;
	float: left;
	margin: 1px 1px 0 0;
	text-align: center;
	padding: 0 3px 3px 3px;
}
.searchresults_box h2 {
	position: absolute;
	clip: rect(0px 102px 30px 0px);
	height: 30px;
	width: 102px;
	margin: 0;
	padding: 0;
	border-bottom: none;
	margin-bottom: 3px;
	font-size: 1em;
	font-weight: normal;
	white-space: nowrap;
	text-align: center;
}
.searchresults_box h2 strong {color: #3e3e3e;}
.searchresults_box a img {border: 1px solid #fff; padding: 1px;}
.searchresults_box a:hover img {border: 1px solid #000;}

#advanced_search {float: right;}
#advanced_search h2 {
	font-size: 1.7em;
	color: #5273b1;
	margin: 0 0 7px 0;
	padding: 0;
	border: none;
	text-align: right;
}
form#searchForm {margin-top: -2px;}
form#searchForm #searching {
	width: 64px;
	background: url(../img/layout/but_search_off.png);
	margin: 1px 0 0 3px;
}
form#searchForm input.checkbox, form#searchForm input#USER {
	vertical-align: middle;
	padding: 0;
	margin: 3px 3px 5px 0;
}
/***************************************
/* NAHLASIT
/***************************************/
#nahlasit {width: 500px;}
#nahlasit {
	font-size: 1.2em;
	line-height: 150%;
}
#nahlasit h4 {font-size: 140%;}
#nahlasit h2 {margin-right: 85px; font-size: 120%;}
#nahlasit h2 span {color: #434343; font-weight: normal; font-size: 80%;}
#nahlasit #nahlasit_img {margin-bottom: 6px; border: 1px solid silver; padding: 1px;}
#nahlasit div {margin: 20px 0 0 80px;}
#nahlasit select {width: 336px;}
#nahlasit input {font-size: 90%;}
#nahlasit input.s {font-size: 90%; margin: 20px 0 0 100px;}
#nahlasit label {display: block; margin-top: 15px;}
#nahlasit label span {display: block;}
#nahlasit label img {position: absolute; margin: -30px 0 0 5px;}
/* safari hack */
@media screen and (-webkit-min-device-pixel-ratio:0){
	#nahlasit label img {
		margin: -50px 0 0 120px;
	}
}