@CHARSET "UTF-8";

/* -------- VYCPAVKY A OBALY -----------*/
body {
	word-wrap: break-word;
	background: #f5f5f5 url('../images/background-lt.gif') left top no-repeat;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

img {border: 0px; font-size: 10px;}
a {text-decoration: none; outline: 0;}
a:hover {text-decoration: none;}
form {margin: 0; padding: 0;}
strong {font-weight: bold;}
label{padding: 1px 0 0 0; margin: 0;}
h1, h2 { font-size: 16px; float: left; }

#background-rd {
	width: 100%;
	background: url('../images/background-rd.gif') right bottom no-repeat;
}

#wrap1 {
	width: 995px;
	background: url('../images/strip-l.png') left top repeat-y;
	margin: auto;
}

#wrap2 {
	width: 995px;
	background: url('../images/strip-r.png') right top repeat-y;
}

#content {
	width: 935px;
	margin: 0px 30px 0px 30px;
	background-color: #f5f5f5;
}

#footer {clear: both; text-align: center; height: 36px; padding-top: 6px; line-height: 16px; margin-top: 30px; background: #ee6 url('../images/background-footer.png') repeat;}
#big-footer {line-height: 16px;}
#big-footer a {color: #7aa;}
#footer span, #big-footer span {color: #7aa; font-weight: bold; font-size: 0.7em;}
#footer a {color: #7aa;}
#footer .recommendation, #big-footer .recommendation {font-weight: normal;}
#footer .recommendation a, #big-footer .recommendation a {color: #7aa;}

#fullbanner { text-align: center; }
#rectangle_banner { text-align: center; }
#skyscraper { position: absolute; margin-left: 970px; }
#square_button { text-align: center; }

.generic-h1-black {
	position: relative;
	left: -8px;
	font-size: 18px; 
	color: #000;
	font-weight: bold;
	margin: 13px 0px 4px;
	clear: left;
	/*width: 400px;*/
}

.generic-h1-name  {
	position: relative;
	left: -8px;
	display: block;
	font-size: 24px;
	font-weight: bold;
	margin: 9px 0 3px 0;	
	padding: 0px;
}


.generic-h2-white, .generic-h2-white a {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 5px 10px;
	clear: left;
}

.generic-h2-black {
	position: relative;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	margin: 5px 0px;
	clear: left;
}

.generic-h2-blue {
	color: #01b5ff;
	margin: 0;
	padding: 0;
	font-size: 17px;
	font-weight: bold;
}

.generic-h2-red {
	color: #f40;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}

.generic-spacer {
	clear: left;
	width: 100%;
	height: 12px;	
}

.generic-paragraph {margin: 3px 0px; text-indent: 20px;}

/* Genericky text pouzity */
.generic-black {color: #000;}
.generic-red {color: #f40;}
.generic-green {color: #79eb00;}

.generic-input-text {
	color: #000;
	font-size: 12px;
	font-weight: 700;
}

.generic-button {
	color: #000;
	font-size: 10px;
	padding: 0px 2px;		
	margin: 0 3px 0 0;
	overflow: visible;
}

.generic-text {color: #000; font-size: 12px;	font-weight: 300;}
.generic-text-bold {color: #000; font-size: 12px; font-weight: bold;}
.generic-text-bold-italic {color: #000;	font-size: 12px;	font-weight: bold;	font-style: italic;}

.generic-text-small {color: #000; font-size: 11px;	font-weight: 300;}
.generic-text-small-bold {color: #000; font-size: 11px;	font-weight: 700;}
.generic-text-small-bold-italic {color: #000;	font-size: 11px; font-weight: 700;	font-style: italic;}

.generic-text-smaller {color: #000; font-size: 10px;	font-weight: 300;}
.generic-text-smaller-bold {color: #000; font-size: 10px;	font-weight: 700;}
.generic-text-smaller-bold-italic {color: #000;	font-size: 10px; font-weight: 700;	font-style: italic;}

.generic-text-big-bold {color: #000;	font-size: 13px;	font-weight: 700;}

.generic-text-bigger-bold-italic {color: #000;	font-size: 14px;	font-weight: 700; font-style: italic;}

.generic-text-key {
	color: #556644;
	font-size: 11px;
	font-weight: bold;
}

.generic-text-key2 {
	color: #556644;
	font-weight: bold;
}

.generic-anchor {
	/*color: #79eb00;*/
	color: #6d0;
	font-weight: bold;
}

.text-center {text-align: center;}
.text-right {text-align: right;}
.text-left {text-align: left;}

	/* strankovani */
div.pagination-wrap {
	clear: left;
	margin: 10px auto 5px auto;
	text-align: center;
}
.pagination {
	font-size: 13px;
	color: #01b5ff;
	font-weight: bold;
}
.pagination-active {color: #79eb00;}
.pagination-spacer {background: url('../images/spacer-grey-vertical-small.png') 50% 50% no-repeat; padding: 0 15px;}

.generic-horizontal-spacer {
	position: relative;
	left: -18px;
	clear: left;
	height: 56px;
	background: url('../images/spacer-main.png') 0 0 no-repeat;
	margin-bottom: -15px; 
}
.generic-horizontal-spacer2 {height: 1px; font-size: 1px;	clear: left;}

.generic-help {cursor: help; text-decoration: underline;}
.generic-invisible {display: none;}
.generic-tr-odd {background-color: #e4e4e4;}
.generic-tr-actual {background-color: #ded;}
.generic-float-left {float: left;	display: block;}
.generic-float-right {float: right;	display: block;}
.action-name-future {color: #16c357;}
.action-name-past {color: #01b5ff;}
.photogallery-name {color: #fc4a00;}
.notify-message {background-color: #fdd; border: 1px solid #faa; text-align: justify; padding: 5px 10px;}

/* --------------- GENERICKE TABULKY ------------- */
.generic-table {
	width: 680px;	
	border-collapse: separate;
	vertical-align: middle;
	border-spacing: 0;
	border: 0;
	text-align: center;
	margin-bottom: 10px;	
}

.generic-table td{padding: 0px;	height: 20px;}

.generic-table .col-icon {
	padding: 0 7px 0 2px;	
	width: 20px;
	background-image: url("../images/spacer-white-vertical-small.png"); 
	background-position:  right center;
	background-repeat: no-repeat;
}

.generic-table .col-date {
	width: 70px;
	padding: 0 7px 0 0;
	background-image: url("../images/spacer-white-vertical-small.png");
	background-position:  right center;
	background-repeat: no-repeat;
}

.generic-table .col-date-time {
	width: 100px;
	padding: 0 10px 0 5px;
	background-image: url("../images/spacer-white-vertical-small.png");
	background-position:  right center;
	background-repeat: no-repeat;
}

.generic-table .col-flexible {
	text-align: left;	
	padding: 0 7px 0 5px;
	background-image: url("../images/spacer-white-vertical-small.png");
	background-position:  right center;
	background-repeat: no-repeat;
}

.generic-table .col-comment {	
	text-align: left;
	padding: 0 0 0 5px;
}	

.generic-table .col-comment .button-round-normal {margin-top: 3px;}

.generic-table .preheader {
	padding: 2px 5px 2px 13px;	
	background-color: #03b5ff;
	height: 25px;	
	line-height: 20px;
}
	
.generic-table .preheader .col-date, .generic-table .preheader .col-date-time,
.generic-table .preheader .col-flexible {
	background-image: url("../images/spacer-blue-vertical-small.png");
	background-position: right center;
	background-repeat:  no-repeat;
}

.generic-table .preheader .buttou-round-normal, .generic-table .preheader .buttou-round-normal-right {
	margin-top: 3px;
}

.generic-table .header {
	border-top: 2px solid #f5f5f5;
	padding: 3px 8px;	
	background-color: #79eb00;
	font-size: 14px;	
}


.generic-table .arrow-wrap {position: relative;	float: right; height: 25px; width: 13px; margin-right: 2px;}
.generic-table .arrow-wrap-hovered, .generic-table .arrow-wrap-active {background-color: #e4e4e4;}
.generic-table .arrow-wrap a {display: block; width: 11px; height: 11px; margin: auto;}
.generic-table .arrow-wrap img {display: block;}
.generic-table .arrow-wrap .arrow-up {position: absolute; top: 0px; right: 1px;}
.generic-table .arrow-wrap .arrow-down {position: absolute; bottom: 1px; right: 1px;}

/* Genericka tabulka s dvojtymi radky */
.generic-table-double .preheader td {height: 25px; padding: 0; line-height: 23px;}
.generic-table-double .preheader td .sorting {height: 25px;}
.generic-table-double .preheader td .pad-arrow {padding-right: 0px;}

.generic-table-double .preheader .col-foto {background-color: #03b5ff;}
.generic-table-double .preheader .col-230-s {background-image: url("../images/table-col-230.png"); background-position: right top;}
.generic-table-double .preheader .col-230-n {background-image: url("../images/table-col-230-n.png"); background-position: right top;}
.generic-table-double .preheader .col-110-s {width: 110px; background-image: url("../images/table-col-110.png");}
.generic-table-double .preheader .col-110-n {width: 110px; background-image: url("../images/table-col-110-n.gif");}
.generic-table-double .preheader .col-140-s {width: 140px; background-image: url("../images/table-col-140.png");}
.generic-table-double .preheader .col-140-n {width: 140px; background-image: url("../images/table-col-140-n.gif");}
.generic-table-double .preheader .col-130-s {width: 130px; background-image: url("../images/table-col-130.png");}
.generic-table-double .preheader .col-130-n {width: 130px; background-image: url("../images/table-col-spacer-right.png"); background-repeat: no-repeat;}
.generic-table-double .preheader .hover, .generic-table-double .preheader .actived {background-position: left bottom;}

.generic-table-double tr {height: 27px;}
.generic-table-double td {border-bottom: 1px solid #f5f5f5;}
.generic-table-double .bor1px {border-top: 1px solid #f5f5f5;}
.generic-table-double .col-foto {border-right: 2px solid #f5f5f5; width: 68px; background-color: #f5f5f5;}
.generic-table-double .col-foto img {display: block; max-height: 52px; margin: auto;}
.generic-table-double .col-230-g {overflow: hidden; padding: 0 5px; text-align: left; background-image: url("../images/table-col-230-g.gif"); background-position: right 0; background-repeat: no-repeat;}
.generic-table-double .col-110-g {background-image: url("../images/table-col-110-g.gif");}
.generic-table-double .col-140-g {background-image: url("../images/table-col-140-g.gif");}
.generic-table-double .col-140-g img {padding-top: 3px;}
.generic-table-double .col-130-g {background-image: url("../images/table-col-130-g.gif"); background-repeat: no-repeat;}

/* --------------- SEKCE OBSAHU ------------ */
#strip-header1 {
	width: 935px;
	height: 198px;
	background: #01b5ff url('../images/background-header.jpg') left top no-repeat;
	position: relative;
}
#logo {display: block; position: absolute; top: 119px; left: -13px;}
#strip-banner {position: absolute; top: 98px; left: 112px; display: block; height: 100px; overflow: hidden;}
#panel-main { width: 680px; padding-left: 18px; float: left;}
#panel-menu { width: 220px; float: right;}

/* -------------- HORIZONTALNI HLAVNI MENU ------------ */
#menu {
	background-image: url('../images/strip-menu.png');
	background-color: #01b5ff;	
	display: block;
	width: 935px;
	height: 27px;
}

#menu ul {
	margin: 0px;
	padding-left: 105px;
	list-style-type: none;
}

#menu li {
	display: block;
	float: left;
}

#menu a {
	display: block;
	text-align: center;
	color: #000;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	font-weight: bold;
	line-height: 26px;
	height: 27px;
}

#menu a#polozka1t {width: 98px; background: transparent url("../images/button-menu1a.png") -115px -86px	no-repeat;}
#menu a#polozka2t {width: 110px; background: transparent url("../images/button-menu2a.png") -115px -86px	no-repeat;}
#menu a#polozka3t {width: 93px; background: transparent url("../images/button-menu3a.png") -115px -86px	no-repeat;}
#menu a#polozka4t {width: 120px;	background: transparent url("../images/button-menu4a.png") -115px -86px	no-repeat;}
#menu a#polozka5t {width: 101px;	background: transparent url("../images/button-menu5a.png") -115px -86px	no-repeat;}
#menu a#polozka6t {width: 160px;    background: transparent url("../images/button-menu6a.png") -115px -86px no-repeat;}

#menu a#polozka1t:hover, #menu a#polozka2t:hover, #menu a#polozka3t:hover, 
#menu a#polozka5t:hover, #menu a#polozka4t:hover, #menu a#polozka6t:hover {background-position: top left; z-index: 50;}

/* -------------- MENU PRIHlASENEHO UZIVATELE ------------ */
#menu-user {
	word-wrap: normal;
	width: 206px;
	background: #01b5ff url("../images/background-menu2.gif") left top repeat-y;
	margin: 10px auto 10px 0;
}

#menu-under {
	width: 206px;
	margin: 15px auto 10px 0;
}	

#menu-under .text-box {
	width: 168px; 
	margin: 5px auto; 
	border: 1px dashed black; 
	text-align: justify; 
	padding: 5px;
}

#menu-user2 {
	width: 206px;
	background: url("../images/background-menu.gif") left top no-repeat;
	margin: 0px;
	padding-top: 40px;
}

#menu-user ul {
	margin: 0px;
	padding: 3px 0px 0px 15px;
	list-style-type: none;
	line-height: 19px;
}

#menu-user li {
	display: inline; 
}

#menu-user li a {
	color: #000;
	font-size: 12px;
	font-weight: bold;
}
#menu-user li .new-message {color: #f00;}

#menu-user a:hover {
	color: #fff;
}

#menu-user div.spacer {
	width: 180px;
	height: 8px;
	margin: 5px auto 10px auto;
	background: url("../images/background-menu-spacer.jpg") left top no-repeat;
	clear: both;
}

#menu-user #menu-bottom {
	width: 200px;
	height: 30px;
	background: url("../images/background-menu-bottom.jpg") left top no-repeat;
}

/* ---------- VECI POUZITE V PRAVEM PRUHU ------ */
/* ------- napoveda ---------- */
#menu-help {background: transparent url("../images/background-menu-help.png") no-repeat;
	width: 178px; height: 57px; margin-left: 10px; line-height: 11px; 
	text-align: justify; position: relative;}
#menu-help a {position: absolute; left: 50px; top: 11px; width: 121px;}

/* ------ prihlaseni --------- */
#login-wrap {
	position: relative;
	width: 200px;
	height: 70px;	
} 
#login-wrap #username {
	position: absolute;
	top: 2px;
	left: 10px;
	border: 0px;
	width: 140px;
	height: 18px;
	padding: 5px 8px 2px 7px;
	background: transparent url("../images/background-menu-input.gif") no-repeat;
}

#login-wrap #password-wrap {
	position: absolute;
	top: 30px;
	left: 10px;
	background: transparent url("../images/background-menu-input.gif") no-repeat;
	width: 155px;
	height: 25px;
}

#login-wrap #password {
	border: 0px;
	width: 100px;
	height: 18px;
	background-color: transparent;
	padding: 5px 8px 2px 7px;
}

#login-wrap #login-button {
	position: absolute;
	top: 32px;
	left: 126px;
	width: 35px;
	height: 20px;
	border: 0px;
	color: #fff;
	font-weight: bold;
	font-size: 13px;	
	padding: 0px 1px;
	cursor: pointer;
}

#login-wrap .login-button-normal {
	background: transparent url("../images/button-login.gif")  0 0 no-repeat;
}

#login-wrap .login-button-hover {
	background-position: 100% 0;
}

/* ---------- DEKLARACE RUZNYCH TYPU ----------- */
.nick-male {color: #01b5ff;}
.nick-female {color: #93c;}

.nick-blocked, .action-blocked, .photogallery-blocked {
	text-decoration: line-through;	
}

/* tlacitka */
a.button-round-big {	
	display: block;
	background: transparent url('../images/button-16px.gif') right top no-repeat;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	vertical-align: middle;
	color: #fff;
	height: 16px;
	padding: 0px 5px 0px 5px;
	margin: 0px 9px 0px -6px;
	float: left;
}

a.button-round-big:hover {background-position: right bottom;}

a.button-round-normal, a.button-round-normal-right {	
	/*display: block;*/
	background: transparent url('../images/button-14px.gif') right top no-repeat;
	font-size: 11px;
	line-height: 15px;
	vertical-align: middle;
	color: #fff;
	height: 14px;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 3px 3px;
	/*float: left;*/
	word-wrap: normal;
	overflow: hidden;
}
a.button-round-normal-right {margin: 1px 0px 1px 3px; float: right; background-position: left top;}
a.button-round-normal:hover {background-position: right bottom;}
a.button-round-normal-right:hover {	background-position: left bottom;}

a.button-round-menu {
	display: block;
	background: #000 url('../images/button-18px.png') -10px 0 no-repeat;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
	padding: 0px 5px 0px 5px;
	margin: 2px 4px 8px auto;
	clear: both;
	width: 80px;
	text-align: center;
}

a.button-round-menu:hover {
	background-color: #444;
	background-repeat: repeat-x;
}

/* -------------- MAIN PAGE ------------------- */
#mainpage-image {float: left; position: relative; left: -18px; display: block; margin-right: -18px;}
.random-head, .random-body {background: #e4e4e4 url("../images/background-forms.png") 0 0 repeat; height: 96px; overflow: hidden;}
.random-head {width: 262px; height: 20px; margin: 0 0 3px auto; padding-left: 3px; line-height: 20px;}
.random-body {width: 256px; margin: 0 0 3px auto; padding: 9px 0 0 9px;}
.random-body-users { height: 45px; }
.random-body-actions { height: 129px; }
.random-body a {display: block; width: 37px; height: 37px;  float: left; margin: 0 5px 5px 0; cursor: pointer;}
.random-body .portrait {display: block; background-position: 50% 50%; width: 37px; height: 37px;}
.random-body .login {display: none}
.guidebook-button {opacity: 0.0; filter: alpha(opacity=0);}
.guidebook-button-hover {opacity: 1.0; filter: alpha(opacity=100);}
.bigfooter-question {color: #f40; font-style: italic; font-size: 11px;}
.bigfooter-heading {color: #7aa; font-weight: bold; font-size: 19px; line-height: 21px;}
.bigfooter-answer {color: #7e0; font-size: 11px; position: relative; top: -7px;}

/* --------- FLASHMESSAGES AND ERMESSAGES --------------- */
#messages {
	width: 680px;
	line-height: 20px;
	margin: 10px 0 0 0;
	text-align: center;
	font-weight: 700;
}

#messages .flashmessage {
	color: #01b5ff;	
	height: 19px;
	background: #eee url('../images/background-flashmessage.png') left top no-repeat;
	margin-bottom: 3px;
	padding: 0 10px;	
}

#messages .flashmessage2 {
	color: #01b5ff;
	height: 39px;
	background: #eee url('../images/background-flashmessage2.png') left top no-repeat;
	margin-bottom: 3px;
	padding: 0 10px;	
}

#messages .ermessage {
	color: #f91f20;	
	height: 19px;
	background: #fee url('../images/background-ermessage.png') left top no-repeat;
	margin-bottom: 3px;
	padding: 0 10px;	
}

#messages .ermessage2 {
	color: #f91f20;	
	height: 39px;
	background: #fee url('../images/background-ermessage2.png') left top no-repeat;
	margin-bottom: 3px;
	padding: 0 10px;	
}
#messages span  {vertical-align: middle;}

/* --------- DEKLARACE VECI POUZITYCH V UZIVATELSKEM PROFILU ----- */
#panel-main #profile-block {
	margin: 0 0 25px;
	background: #79eb00 url("../images/background-myprofile.png");
}

#panel-main #profile-block-image .profile-image {
	margin: 0px 10px 7px 0px;
	width: 280px;
	float: left;
	z-index: 10;
}

#panel-main #action-strip {background-color: #f5f5f5; margin: 0px;}

#panel-main #profile-block #personal {background-color: #79eb00;}
#panel-main #profile-block #personal-values {
	float: left;
	width: 190px;
	padding-top: 10px;
	padding-left: 8px;
	background: url("../images/spacer-profile-vertical.jpg") 100% 85% no-repeat;
}

#panel-main #profile-block #personal-statistics {
	position: relative;
	left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.table-personal-values,  .table-personal-values tr, .table-personal-values td	{
	vertical-align: bottom;
	padding: 0px 5px 0px 0px;
	margin: 0px;
	border-spacing: 0px;
	border: 0px;
}

#panel-main #profile-block .horizontal-spacer {
	width: 380px;
	height: 5px;
	background-image: url("../images/spacer-profile-horizontal.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	margin: 10px 10px 10px auto;
	line-height: 1px;
	font-size: 1px;
}

#panel-main #profile-block #user-description {
	text-align: justify;
	padding: 10px;
	margin: 0px;	
}

/* --------- VECI POUZITE U KONTAKTU ---------*/
div.contacts {
	float: right;
	width: 385px;
	margin-top: 0px;
	margin-bottom: 7px;
}

table.contacts {
	width: 98%;
	padding: 0px;
	margin: 0px 0px 0px auto;
	border: 0px;
	border-spacing: 0px;
}

table.contacts caption {text-align: left; width: 100%}
table.contacts caption span {float: left; padding-right: 10px;}
table.contacts thead {display: none;}
table.contacts .contact-values {vertical-align: middle;}
table.contacts .icon {	width: 25px;}
table.contacts .icon img {display: block;}
table.contacts .buttons {width: 110px; padding-right: 10px;}


/* ------------ VECI POTREBNE PRO NAHLED NA ZAZITEK -------------*/
.button-action-wrap { 
	position: relative;
	margin: -23px auto 30px 140px;
}

#conphotgal-button-wrap {
	position: relative;
	margin: -23px auto 30px 250px;	
}

.actions-preview {
	display: block;
	position: relative;
	width: 680px;
	height: 72px;	
	margin: 3px 0 2px 0;
}

.actions-preview .image-wrap {
	position: absolute;
	width: 71px;
	height: 70px;
	left: 0px;
	top: 2px;
	text-align: center;
	font-size: 62px;
	line-height: 70px;		
}
.actions-preview .image-wrap img {max-height: 68px; max-width: 71px;vertical-align: bottom;}

.actions-preview .action-h3-a {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #f5f5f5;	
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 75px;
	width: 605px;
}

.actions-preview .action-h3-a a{display: block; width: 605px;}
.actions-preview .action-date {position: absolute; left: 108px; bottom: 32px;}
.actions-preview .rating {position: absolute; right: 2px; top: 6px;}
.actions-preview .owner-login {position: absolute; left: 320px; bottom: 32px;}
.actions-preview .short-description {position: absolute;	line-height: 14px; width: 50px; left: 108px; top: 40px;}

.actions-preview .short-description2 {
	position: absolute;
	line-height: 14px;	
	width: 420px;
	left: 140px;
	top: 40px;	
}

.actions-preview .spacer-vertical-big {
	position: absolute;
	width: 6px;
	height: 45px;
	left: 97px;
	top: 22px;
	background-image: url("../images/spacer-white-vertical.png");
	background-position: top left;
	background-repeat: no-repeat;
}

.actions-preview .spacer-vertical-small {
	position: absolute;
	width: 7px;
	height: 15px;
	left: 310px;
	top: 24px;
	background-image: url("../images/spacer-white-vertical-small.png");
	background-position: top left;
	background-repeat: no-repeat;
}

.actions-preview .button-wrap {
	position: absolute;
	right: 3px;
	top: 21px;
	width: 150px;
	text-align: right;
}

.actions-preview .icon-wrap {
	position: absolute;
	left: 75px;
	top: 20px;
	width: 25px;
}	

.actions-preview .icon-wrap img{ display: block; }

/* ------------ VECI POTREBNE PRO POHLED NA ZAZITEK -------------*/
#panel-main #action-profile-block {background-color: #78ec00;}
#panel-main #action-profile-block #action-profile-wrap{
	position: relative;
	height: 63px;
	width: 380px;
	margin: 0px 0px 0px auto;
}
#panel-main #action-rating-block {background-color: #e4e4e4;}
#panel-main #action-rating-block #action-rating-wrap {
	position: relative;
	height: 35px;
	width: 390px;
	margin: 0px 0px 0px auto;
}
#panel-main #action-rating-block .rate-disabled {background: url("../images/background-rated.png") 0 0 no-repeat;}

#action-profile-wrap #action-date-from { position: absolute; top: 5px; left: 30px;}
#action-profile-wrap #action-date-to { position: absolute; top: 23px; left: 30px;}
#action-profile-wrap #action-view-count {position: absolute; top: 40px;	left: 30px;}
#action-profile-wrap #action-creation-date {position: absolute; top: 5px; left: 210px;}
#action-profile-wrap #action-modify-date {position: absolute; top: 23px; left: 210px;}
#action-rating-wrap #action-rate {position: absolute; top: 0px; left: 0px; line-height: 22px;}

#panel-main #action-profile-comment {
	text-align: justify;
	margin: 0px 0px 10px 0px;
	background: #f5f5f5 url("../images/background-pattern3.png") 0 0 repeat;
	padding: 10px;
}

#action-profile-wrap #action-rating-text {
	position: absolute;
	top: -27px;
	right: -11px;
	height: 54px;
	width: 56px;
	background: url("../images/background-rating.png") 0 0 no-repeat;
}

#action-profile-wrap #action-rating-text div {
	display: block;
	line-height: 54px;
	width: 50px;
	vertical-align: middle;
	text-align: center;
	font-size: 19px;
	font-weight: bold;
	font-style: italic;
}

#action-profile-wrap #action-rating-graphics {position: absolute; top: -16px; right: 45px;}
#action-profile-wrap #action-icons {position: absolute; top: 6px; right: 360px; width: 30px;}
#action-profile-wrap #action-icons img {display: block;}

#action-profile-wrap .spacer-grey-vertical {
	height: 46px;
	width: 4px;
	background-image: url("../images/spacer-green-vertical.png");
	background-position: left bottom;
	background-repeat: no-repeat;
}
#action-profile-wrap .spacer-grey-vertical1 {position: absolute; right: 360px; top: 10px;}
#action-profile-wrap .spacer-grey-vertical2 {position: absolute; right: 190px; top:10px; height: 41px;}

#panel-main #action-profile-block-image img {
	margin: 0px 10px 7px 0px;
	width: 280px;
	float: left;
}

#action-play-button {background: transparent url('../images/button-14px-play.gif') right top no-repeat;}
#action-play-button:hover {background-position: right bottom;}

/* ------ VECI POTREBNE PRO NAHLED NA FOTOGALERII -------- */
.photogallery-preview {
	display: block;
	position: relative;
	width: 680px;
	height: 72px;	
	margin: 3px 0 2px 0;
}

.photogallery-preview .photogallery-h3-a {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #f5f5f5;	
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	width: 680px;
}

.photogallery-preview .photogallery-h3-a a{display: block; width: 605px;}
.photogallery-preview .photogallery-date {position: absolute; left: 43px; bottom: 10px;}
.photogallery-preview .owner-login {position: absolute; left: 43px; bottom: 30px;}
.photogallery-preview .photos-count {position: absolute; left: 255px; bottom: 30px;}
.photogallery-preview .views-count {position: absolute; left: 255px; bottom: 10px;}
.photogallery-preview .icon-wrap {position: absolute; left: 5px;	top: 19px;	width: 25px;}
.photogallery-preview .thumbnails {position: absolute; left: 415px; top: 23px; width: 265px;}
.photogallery-preview .thumbnails a, .photogallery-preview .thumbnails div {display: block; padding: 0 4px; position: relative; width: 45px; height: 45px;}
.photogallery-preview .thumbnails .photo-locked {position: absolute; top: -3px; right: 0px;}
.photogallery-preview .icon-wrap img { display: block; }

.photogallery-preview .spacer-vertical-big1,.photogallery-preview .spacer-vertical-big2,
.photogallery-preview .spacer-vertical-big3 {
	position: absolute;
	width: 6px;
	height: 40px;
	left: 30px;
	top: 25px;
	background-image: url("../images/spacer-white-vertical.png");
	background-position: top left;
	background-repeat: no-repeat;
}
.photogallery-preview .spacer-vertical-big2 {left: 240px;}
.photogallery-preview .spacer-vertical-big3 {left: 410px;}

.photogallery-preview .button-wrap {position: absolute;	right: 0px;	top: 0px;	width: 250px;}
.photogallery-preview .button-wrap .button-round-normal-right {margin-top: 3px;}

/* ------ VECI POTREBNE PRO FOTOGALERII A JEJI SPRAVU -------*/
#conaction-button-wrap {position: relative; 	margin: -23px auto 30px 185px;}

#photogallery-profile-block {background: #78ec00 url("../images/background-photogallery.png") 0 0 no-repeat; height: 68px; position: relative;}
#photogallery-profile-block #action-strip {height: 17px; margin-left: 129px; padding-left: 7px; background-color: #f5f5f5;}
#photogallery-profile-block #owner-portrait {position: absolute; top: 6px; left: 46px; width: 60px; height: 56px; text-align: center; line-height: 56px;}
#photogallery-profile-block #owner-portrait img {max-width: 60px; max-height: 56px; vertical-align: middle;}
#photogallery-profile-block #photogallery-date-from { position: absolute; top: 22px; left: 285px;}
#photogallery-profile-block #photogallery-date-to { position: absolute; top: 41px; left: 285px;}
#photogallery-profile-block #photogallery-view-count {position: absolute; top: 41px;	left: 415px;}
#photogallery-profile-block #photogallery-creation-date {position: absolute; top: 22px; left: 415px;}
#photogallery-profile-block #photogallery-photos-count {position: absolute; top: 22px; left: 585px;}
#photogallery-profile-block #photogallery-icons {position: absolute; top: 7px; left: 10px; width: 30px; z-index: 5;}
#photogallery-profile-block #photogallery-icons img {display: block;}

#photogallery-button-wrap {position: relative; margin: -23px auto 30px 130px;}
#photogallery-button-wrap2 {position: relative; margin: -23px auto 30px 200px;}

.photogallery {clear: left;}
.edit-photogallery {float: left; margin-bottom: 0px; width: 340px; height: 111px;}
.edit-photogallery .photolock-locked {background-image: url('../images/icons/ph-lock-locked.gif');}
.edit-photogallery .photolock-unlocked {background-image: url('../images/icons/ph-lock-unlocked.gif');}
.edit-photogallery .photolock-disabled {background-image: url('../images/icons/ph-lock-disabled.gif');}

.edit-photogallery .photolock {width: 18px; height: 18px; margin: 1px; background-position: 0 0; display: block;}

.photogallery .photo-wrap, .edit-photogallery .photo-wrap {
	position: relative;
	float: left;
	width: 110px;
	height: 110px;
	margin: 0 0 3px 4px;
	background: #ddd url("../images/background-gallery-photo.png") left top no-repeat;
}
.edit-photogallery .photo-wrap {margin: 0;}

.photogallery .photo-wrap-first {margin-left: 0;}
.photogallery .photo-wrap-male-hover, .edit-photogallery .photo-wrap-male-hover {background-position: 50% top;}
.photogallery .photo-wrap-female-hover, .edit-photogallery .photo-wrap-female-hover {background-position: right top;}

.photogallery .photo-wrap a,.edit-photogallery .photo-wrap .image-link {display: block;	height: 110px;	width: 110px;}
.photogallery .photo-wrap a img, .edit-photogallery .photo-wrap a img {position: relative;	top: 10px;	left: 10px;}
.photogallery .photo-wrap img.lock {position: absolute; top: 6px; right: 5px;}

.edit-photogallery .rotate-left, .edit-photogallery .rotate-right {position: absolute; display: block; width: 26px; height: 22px; z-index: 4; top: 83px;}
.edit-photogallery .rotate-left {left: 6px; background: url("../images/button-rotate-left.gif") 0 0 no-repeat;}
.edit-photogallery .rotate-right {left: 78px; background: url("../images/button-rotate-right.gif") 0 0 no-repeat;}
.edit-photogallery .rotate-hover {background-position: right 0;}
.add-connection-button-wrap {position: relative; margin: -22px auto 30px 200px; line-height: 19px; vertical-align: bottom;}	
	
/*-------------- VECI POUZITE PRO NABIDKU HODNOCENI --------------*/
#action-rate-offer {position: relative; width: 175px; height: 24px;}
#action-rate-offer a {
	display: block;
	float: left;	
	width: 23px;
	height: 24px;
	margin-right: 12px;
	background-color: #f5f5f5;
	background-position: left top;
	background-repeat: no-repeat;
}
#action-rate-offer a:hover {background-position: left bottom;}

#action-rate-offer .action-rate-1 {	background-image: url("../images/icons/rate1.gif");}	
#action-rate-offer .action-rate-2 {	background-image: url("../images/icons/rate2.gif");}	
#action-rate-offer .action-rate-3 {	background-image: url("../images/icons/rate3.gif");}	
#action-rate-offer .action-rate-4 {	background-image: url("../images/icons/rate4.gif");}	
#action-rate-offer .action-rate-5 {	background-image: url("../images/icons/rate5.gif"); margin-right: 0px;}	
	
/* ------------------ VECI POUZITE PRO UCASTNIKY ---------- */
.participations-button-wrap {	position: relative;	margin: -23px auto 30px 110px;}
/* ---------- VECI POUZITE V PRATELICH UZIVATELE ------*/
.button-friend-wrap {	position: relative;	margin: -23px auto 30px 145px;}

/* -------------- VECI POUZITE V POHLEDU MOJI PRATELE --------- */
.button-myfriends-wrap {
	position: relative;
	margin: -22px auto 30px 170px;
}

.myfriends {
	clear: left;
	width: 684px;
	margin-right: -4px;
}

.myfriends-wrap {
	position: relative;	
	float: left;
	margin: 0 4px 0px 0;
}

.myfriends-big {width: 338px;}
.myfriends-small {width: 224px;}

.myfriends .nick-wrap {
	width: 100%;
	height: 15px;
	line-height: 15px;
	background: #e4e4e4 url("../images/background-myfriends-pattern.png");
}

.myfriends .nick-wrap span{
	vertical-align: middle;	
	padding-left: 3px;
}

.myfriends .nick-wrap span a {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	height: 105px;
	padding: 1px 0px 0px 5px;
	z-index: 20;
}

.myfriends-big .nick-wrap span a { width: 333px; height: 86px;}
.myfriends-small .nick-wrap span a { width: 219px;}

.myfriends .middle-wrap {
	position: relative;
	height: 92px;		
}

.myfriends-big .middle-wrap-female {background: #e2c7ea url("../images/background-myfriends-big-female.png") no-repeat;}
.myfriends-small .middle-wrap-female {background: #e2c7ea url("../images/background-myfriends-small-female.png") no-repeat;}
.myfriends-big .middle-wrap-male {background: #c7e0ea url("../images/background-myfriends-big-male.png") no-repeat;}
.myfriends-small .middle-wrap-male {background: #c7e0ea url("../images/background-myfriends-small-male.png") no-repeat;}
.myfriends-big .middle-wrap2-female {height: 100%; background: url("../images/background-myfriends-big-female-hover.png") 0 -100px no-repeat;}
.myfriends-small .middle-wrap2-female {height: 100%; background: url("../images/background-myfriends-small-female-hover.png") 0 -100px no-repeat;}
.myfriends-big .middle-wrap2-male {height: 100%; background: url("../images/background-myfriends-big-male-hover.png") 0 -100px no-repeat;}
.myfriends-small .middle-wrap2-male {height: 100%; background: url("../images/background-myfriends-small-male-hover.png") 0 -100px no-repeat;}
.myfriends-small .middle-wrap2-hover,.myfriends-big .middle-wrap2-hover {background-position: 0 0;}

.myfriends-big .portrait-wrap { 
	width: 119px;
	height: 92px;
	line-height: 90px;
	text-align: center;	
}

.myfriends-small .portrait-wrap {
	width: 94px;
	height: 92px;
	line-height: 90px;
	text-align: center;	
}

.myfriends .portrait-wrap img{
	vertical-align: middle;	
}

.myfriends .personal-table {
	position: absolute;
	top: 7px;
	left: 130px;	
}

.myfriends .positioned-comment {
	position: absolute;
	top: 3px;
	left: 94px;
	line-height: 12px;
	width: 120px;
	height: 87px;
	overflow: hidden;
}

.myfriends .buttons-wrap {
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 180px;
	z-index: 25;	
}

.myfriends .bottom-wrap {background: #e4e4e4 url("../images/background-myfriends-pattern.png"); margin: 0 0 5px 0;}
.myfriends .bottom-wrap a {margin: 2px 2px 0 0;}

.myfriends .bottom-wrap .comment-adj {
	padding: 0 10px 2px 10px;
	width: 315px;
	line-height: 12px;
}

/* --------------- KOMENTARE V ZAZITKU ----------- */
.button-comment-wrap {
	position: relative;
	margin: -23px auto 30px 115px;
}

.comment-wrap {
	clear: left;
	margin-bottom: 5px;
	background: url("../images/helper-background-comment.gif") left top repeat-x;
}

.comment-wrap .image-wrap {
	float: left;	
	width: 52px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	margin: 0px 5px 5px 0px;
}

.comment-wrap .image-wrap img{
	max-width: 51px;
	max-height: 51px;
	vertical-align: middle;
}

.comment-wrap .top-strip {
	height: 17px;
	line-height: 16px;
	margin-bottom: 5px;
	background-color: #e4e4e4;
	vertical-align: middle;	
}

.comment-wrap .top-strip-dates {
	height: 17px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 10px;
	background: url("../images/spacer-grey-vertical-small.png") left no-repeat;
}

.comment-wrap .comment-content {text-align: justify;}

/* -------------------- NOVINKY A MOJE NOVINKY ------------------ */
#mylogs img {display: block;}
#mylogs .row-min-max {background-color: #ddd; cursor: pointer;}
#mylogs .row-min-max img {margin: auto;}

/* ------------ MOJE PRISPEVKY ---------------------- */
.mycomments-number-position {
	padding: 12px 10px 0 0;
	float: right;
}
.mycomments-number {
	font-size: 19px;
	color: #0f0;
	font-weight: 700;
	font-style: italic;
}

.mycomments .col-content {padding: 0 7px;}

/* --------- VECI POUZITE U VZKAZU ---------- */
#mymessage-view .upper-strip {
	width: 680px;
	height: 24px;
	background: #77ec00 url("../images/messages-view-background.png") 0px 100% no-repeat;	
}
	
#mymessage-view .upper-strip .user-nick {
	height: 18px;
	float: left;
	padding: 1px 14px 0 4px;
	background: #e4e4e4 url("../images/spacer-grey-green-vertical-small.png") 100% 0px no-repeat;	
}

#mymessage-view .upper-strip .subject {float: left; height: 19px; padding: 0 0 0 5px; width: 390px; overflow: hidden;}
#mymessage-view .upper-strip .send-date {float: right; height: 16px; background: url("../images/spacer-green-vertical-small.png") 100% 50% no-repeat;  padding: 3px 10px 0;}
#mymessage-view .upper-strip .send-time {float: right; height: 16px; padding: 3px 4px 0;}

#mymessage-view .text-strip {
	width: 680px;
	background-color: #e4e4e4;
}

#mymessage-view .text-strip .image-wrap {
	width: 127px;
	height: 111px;
	line-height: 111px;
	float: left;	
	text-align: center;
	background: url("../images/spacer-grey-vertical-big.png") 127px 50% no-repeat;
	padding-right: 15px;
}

#mymessage-view .text-strip .image-wrap img {vertical-align: middle;}
#mymessage-view .text-strip .buttons-wrap {clear: left; margin: 3px;}
#mymessage-view .text-strip .text-wrap {padding: 10px; text-align: justify;}

#mymessage-write {width: 680px; background-color: #77ec00; margin-bottom: 2px;}
#mymessage-write input {border: 0; margin: 8px 5px 8px 5px; background-color: #f5f5f5;}
#mymessage-write textarea {border: 0; width: 670px; height: 100px; margin: 0 5px 5px; background-color: #f5f5f5; overflow: auto;}

/* ----- VECI POUZITE U NEVYRIZENYCH UCASTI ----------- */
.unpart-wrap {float: left; width: 166px; height: 138px; margin: 0 0 10px 5px;	overflow: hidden;}
.unpart-wrap-first {clear: left; margin-left: 0px; margin-right: 1px;}

.unpart-wrap .nick-wrap {
	position: relative;
	height: 15px;
	line-height: 15px;
	background-color: #e4e4e4;
	margin: 0px 0px 2px 0px;
}

.unpart-wrap .action-name-wrap {
	position: relative;
	clear: left;
	height: 31px;
	line-height: 15px;
	background-color: #e4e4e4;
	margin: 0px 0px 2px 0px;
}

.unpart-wrap .button-wrap {
	height: 18px;
	line-height: 18px;
	background-color: #e4e4e4;
	margin: 0;
	padding: 1px 2px 0 0;
}

.unpart-wrap .nick-wrap a, .unpart-wrap .nick-wrap span {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 156px;
	height: 14px;
	padding: 1px 5px 0px 5px;
}

 .unpart-wrap .action-name-wrap a {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 156px;
	height: 30px;
	padding: 1px 5px 0px 5px;
}

.unpart-wrap .portrait-wrap {
	float: left;
	width: 83px;
	height: 51px;
	line-height: 48px;
	text-align: center;	
	margin-bottom: 2px;
}
.unpart-wrap .portrait-wrap a {display: block; width: 100%; height: 100%;}

.unpart-wrap .portrait-wrap img {max-width: 51px; max-height: 51px; vertical-align: middle;}

.unpart-wrap .portrait-wrap-male {background: #e4e4e4 url("../images/unpart-background-male.png") no-repeat;}
.unpart-wrap .portrait-wrap-female {background: #e4e4e4 url("../images/unpart-background-female.png") no-repeat;}
.unpart-wrap .portrait-wrap-male-inv {background: #e4e4e4 url("../images/unpart-background-male-inv.png") no-repeat;}
.unpart-wrap .portrait-wrap-female-inv {background: #e4e4e4 url("../images/unpart-background-female-inv.png") no-repeat;}
.unpart-wrap .portrait-wrap-normal {background: #e4e4e4 url("../images/unpart-background-normal.png") no-repeat;}
.unpart-wrap .portrait-wrap-future {background: #e4e4e4 url("../images/unpart-background-future.png") no-repeat;}
.unpart-wrap .portrait-wrap-photogallery-inv {position: relative; background: #e4e4e4 url("../images/unpart-background-normal-inv.png") no-repeat;}
.unpart-wrap .portrait-wrap-photogallery-inv .photogallery-clip {display: block; position: absolute; top: 30px; left: 44px; width: 34px; height: 17px; background: url("../images/photogallery-clip.gif") 0 0 no-repeat;}
.unpart-wrap .portrait-wrap img{vertical-align: middle;}

.uncon-wrap {float: left;	width: 333px; height: 138px;	margin: 0 0 10px 14px; overflow: hidden;}
.uncon-wrap .unpart-wrap {margin: 0 0 0 1px; width: 166px;}
.uncon-wrap .unpart-wrap-first {clear: none; margin: 0;}
.uncon-wrap-first {clear: left; margin: 0;}
/* ----- VECI POUZITE V POHLEDU MOJE ZAZITKY ------------- */
.button-myactions-wrap {position: relative; margin: -22px auto 30px 130px;}

/* ----- VECI POUZITE V POHLEDU MOJE FOTOGALERIE ------------- */
.button-myphotogalleries-wrap {position: relative; float: keft; /*margin: -22px auto 30px 185px;*/}

/* ----- VECI POUZITE SPRAVA UCASTI ------------- */
div.manage-part-spacer {float: left; width: 40px; height: 25px; background: url("../images/spacer-green-vertical-small.png") center center no-repeat;}

/* ------------ NAHRANI NOVYCH FOTEK -------------- */
.photo-upload-position {
	padding: 12px 10px 0 0;
	float: right;
}
.photo-upload-number {
	font-size: 19px;
	color: #0f0;
	font-weight: 700;
	font-style: italic;
}
.photo-upload-wrap {position: relative; float: left; height: 60px; width: 223px; margin: 1px 3px 2px 0; background: #e4e4e4 url("../images/background-forms.png") 0 0 repeat;}
.photo-upload-filename {position: absolute; left: 10px; top: 8px; width: 130px; overflow: hidden;}
.photo-upload-cancel {position: absolute; top: 6px; right: 65px; visibility: hidden; width: 20px;}
.photo-upload-image {position: absolute; top: 4px; right: 4px; max-height: 52px; max-width: 52px;}
.photo-upload-loader-wrap {position: absolute; bottom: 8px; left: 10px; height: 4px; background-color: #e4e4e4; border: 1px solid #03b5ff; width: 144px; font-size: 1px;}
.photo-upload-loader {height: 4px; background-color: #03b5ff; font-size: 1px;}
.photo-upload-status {position: absolute; bottom: 16px; left: 10px;}
.photo-upload-ok {color: #16c357;}
.photo-upload-error {color: #f00;}
	
/* ------ VECI POUZITE V POHLEDU SEZNAM UZIVATELU --------- */
.box-3strips-wrap {
	position: relative;		
	float: left;
	width: 128px;
	height: 125px;
	margin-left: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}
.box-3strips-first { margin-left: 0;}

.box-3strips-wrap-one { 
	margin: 0 auto;
	width: 128px;
	height: 125px;
}

.box-3strips-wrap .nick-wrap {
	width: 100%;
	height: 15px;
	line-height: 15px;
	background: #e4e4e4 url("../images/background-participant-pattern.png") 0 0 repeat;
	overflow: hidden;
}
.box-3strips-wrap .nick-wrap span{vertical-align: middle; padding: 1px 0 0 3px; cursor: pointer;}
.box-3strips-wrap .nick-wrap a {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 128px;
	height: 106px;
	vertical-align: top;
}
.box-3strips-wrap .nick-wrap a span{display: block; width: 100%; overflow: hidden; height: 16px;}
	
.box-3strips-wrap .portrait-wrap {
	height: 92px;
	line-height: 90px;
	text-align: center;	
	background: #e4e4e4 url("../images/background-participant.png") left top repeat-x;
}
.box-3strips-wrap .portrait-wrap img {vertical-align: middle;}
.box-3strips-wrap .portrait-wrap-darker { background-image: url("../images/background-participant.png");}
.box-3strips-wrap .portrait-wrap2-male {height: 100%; background-image: url("../images/background-participant-male.png"); background-position: -14px 0; background-repeat: no-repeat;}
.box-3strips-wrap .portrait-wrap2-female {height: 100%; background-image: url("../images/background-participant-female.png"); background-position: -14px 0; background-repeat: no-repeat;}
.box-3strips-wrap .portrait-wrap2-future {height: 100%; background-image: url("../images/background-participant-future.png"); background-position: -14px 0; background-repeat: no-repeat;}
.box-3strips-wrap .portrait-wrap2-past {height: 100%; background-image: url("../images/background-participant-past.png"); background-position: -14px 0; background-repeat: no-repeat;}
.box-3strips-wrap .portrait-wrap2-photogallery {height: 100%; background-image: url("../images/background-participant-photogallery.png"); background-position: -14px 0; background-repeat: no-repeat;}
.box-3strips-wrap .portrait-wrap2-photogallery .photogallery-clip {display: block; position: absolute; top: 81px; left: 81px; width: 34px; height: 17px; background: url("../images/photogallery-clip.gif") 0 0 no-repeat;}
.box-3strips-wrap .portrait-wrap2-photogallery .photogallery-clip-hover {background-position: right 0;}
.box-3strips-wrap .portrait-wrap2-loading {height: 100%; background-image: url("../images/loadingAnimation.gif"); background-position: 0px -50px; background-repeat: no-repeat;}
.box-3strips-wrap .portrait-wrap2-hover {background-repeat: repeat-x;} 
.box-3strips-wrap .show-loader {background-position: 50% 50%;}
	
.box-3strips-wrap .icon-wrap {
	position: absolute;
	width: 18px;
	left: 1px;
	top: 25px;	
}
.box-3strips-wrap .icon-wrap img { display: block;}

.box-3strips-wrap .box-3strips-bottom-wrap {
	height: 17px;
	line-height: 14px;	
	background: #e4e4e4 url("../images/background-participant-pattern.png") 0 0 repeat;
	padding: 1px 3px 0;
}
.box-3strips-female-hover {background-color: #93c;}
.box-3strips-male-hover {background-color: #01b5ff;}
		
/* ----- VECI POUZITE JAKO SELEKTORY RADKU TABULEK -------- */
.selector-male {
	display: block;
	height: 19px;
	width: 14px;
	background: url("../images/selectors-male.gif") 0 0 no-repeat;		
}

.selector-female {
	display: block;
	height: 19px;
	width: 14px;
	background: url("../images/selectors-female.gif") 0 0 no-repeat; 		
}

/* ----- DROBNOSTI POUZITE U AJAXU, JE POTREBA TROSICKU PRIZPUSOBIT PISMO */
#sendtofriend {cursor: pointer;}

/* ------------------- OPAKOVANE VECI VE FORMULARICH -------------------- */
/* veci pouzite pro nahrani noveho portretu ci frontpage */
.form-strip {background-color: #79eb00; height: 23px; padding: 2px 10px 3px; overflow: hidden;}
.form-strip .extra-margin-top, .form-block .extra-margin-top {margin-top: 2px;}
.form-strip .extra-margin-top2, .form-block .extra-margin-top2 {margin-top: 5px;}
.form-strip .form-strop-inner {width: 380px; margin: 0 0 0 auto;} 
.form-image-wrap img {float: left;}
.form-ul-wrap {background: url("../images/background-pattern2.png") repeat-x; margin-top: 2px;}
.form-ul {margin: 0 20px 0 auto; padding: 15px 0 0 0; width: 370px;}
.form-ul li {margin: 0 0 0 30px; text-align: justify; }
.form-ul2 {display: block; padding: 10px 30px 10px 40px; text-align: justify; margin: 2px 0 0 0; background: url("../images/background-pattern2.png") 0 0 repeat-x;}
.form-right-top-pos {float: right; padding: 15px 10px 0 0;}
.form-block {background-color: #79eb00; padding: 5px;}
.form-block textarea {border: 0; width: 100%; height: 100px; margin-bottom: 5px; background-color: #f5f5f5; overflow: auto;}
.form-p {text-indent: 30px; margin: 4px 0; text-align: justify;}
.form-header-rel, .form-header {background: #e4e4e4 url("../images/background-forms.png") 0 0 repeat; height: 23px; line-height: 25px; padding: 0 10px; margin: 0 0 3px 0; overflow: hidden;}
.form-header-rel {position: relative; z-index: 1;}
.form-body, .form-body-darker {background: #e4e4e4 url("../images/background-forms.png") 0 0 repeat; margin: 0 0 3px 0; padding: 10px 0;}
.form-body-darker {background: #e4e4e4 url("../images/background-forms-darker.png") 0 0 repeat;}
.form-body-darker textarea, .form-body textarea {border: 0; width: 660px; height: 140px; margin: 0 auto 0 10px; background-color: #f5f5f5; overflow: auto;}

.form-table {width: 640px; border-collapse: separate; vertical-align: middle; border-spacing: 0;
	border: 0; margin: auto; text-align: justify;}
.form-table td {padding: 2px 0;}
.form-table .col-name {width: 105px; text-align: left;}
.form-table .col-value {width: 195px;}
.form-table .col-value .input-text {width: 175px; margin: 5px 0 0 0;}
.form-table .col-value .input-first {margin-left: 15px;}
.form-table .col-value .input-second {margin-left: 30px;}
.form-end-button-wrap {text-align: right; padding-top: 5px; clear: left;}
.form-end-button-wrap input {margin-top: -1px;}
	
/* ------------------- TABBED MENU -------------------- */
.tab-menu {
	width: 680px;
	height: 45px;
	margin: 0 0 2px 0;
	font-weight: 700;
}

.tab-menu ul {list-style-type: none; margin: 0; padding: 0;}
.tab-menu .menu-underline {height: 9px; background-color: #77ec00; clear: left; font-size: 1px;}
.tab-menu li {position: relative; display: block; width: 116px; height: 36px; float: left; line-height: 36px; text-align: center; margin: 0 1px 0 1px;}
.tab-menu a, .tab-menu span {color: #000; vertical-align: middle;}
.tab-menu .tab {display: block; width: 100%; height: 100%; background: #77ec00 url("../images/tabmenu.png") 0 0 no-repeat;}
.tab-menu a.tab:hover {background-color: #dfa; background-position: 50% 0;}
.tab-menu .tab-selected {background-position: 100% 0;}
 
.tab-menu .tab-mask {
	position: absolute;
	top: 0px; 
	left: 0px;
	width: 116px; 
	height: 36px;
	background: url("../images/tabmenu-pattern.png") 0px 0px no-repeat;
	z-index: 10;  		
}

/* ------ GUIDE BOOK, ARTICLES, HELP ---------------- */
.image-text-block1, .image-text-block3 {
	background: #f5f5f5 url('../images/background-pattern.png') 0 0 repeat-x;
	padding: 10px 20px; line-height: 15px; text-align: justify;
}
.image-text-block3 {background-image: url('../images/background-pattern2.png');}
.image-text-block3 .index-art {width: 540px; margin: 0 0 0 auto;}
	
.image-text-block2 {	background: #f5f5f5 url('../images/background-pattern2.png') 0 0 repeat-x;	height: 130px; text-align: justify;}
.image-text-block2 div {padding: 5px 20px 5px 0; width: 465px; margin: 0 0 0 auto; line-height: 16px; text-align: justify;}
.image-text-block2 .big-text {font-size: 14px; color: #01b5ff; font-weight: bold;}

.clear-list {list-style: none;}
.help-limitation {font-style: italic;}

/* ------- REPREROW --------- */
.reprerow-arrow {height: 20px; width: 40px; background: url('../images/background-arrow.gif') left bottom no-repeat; float: left; margin-left: -5px;}
.reprerow-frontpage {width: 55px; height: 55px; float: left; margin-right: 5px; overflow: hidden;}
.reprerow-h1 {font-size: 24px; margin: 0; font-weight: bold;}
.reprerow-h1-second {font-size: 18px;}
.reprerow-buttons {margin-top: 4px;}

/* -------- GLOBALS --------*/
.smaller { font-size: 90% !important; }

.left { float: left !important; }
.right { float: right !important; }
.center { text-align: center !important; }

.clear { clear: both; }

/* -------- PASEO --------*/
#content #paseo-content { padding: 10px 20px }
#content #paseo-content a { color: #01b5ff }
#content #paseo-content a:hover { text-decoration: none }