@charset "utf-8";
/*==============================================================================
BACKENDERO SCREEN CSS

# CONTENT OF CSS
-------------------------
01. LIBRARIES IMPORT
02. GLOBAL
03. TYPOGRAPHY AND COLORS
04. LINKS
05. HEADERS
06. TABLES
07. FORMS
08. NAVIGATION
09. STRUCTURE
10. LOGIN
11. OTHER
==============================================================================*/

/* LIBRARIES IMPORT
==============================================================================*/
@import url("reset.css");

/* GLOBAL
==============================================================================*/
.noscreen {
	display: none;
}

.cleaner {
	clear: both;
	line-height: 0px;
	font-size: 0px;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.nofloat {
	float: none;
}

.left {
	-align: left;
}

.right {
	-align: right;
}

.center {
	-align: center;
}

.justify {
	-align: justify;
}
 
.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.underline {
	border-bottom: 1px solid;
}

.imgleft {
	float: left;
	margin: 4px 10px 4px 0;
}

.imgright {
	float:right;
	margin: 4px 0 4px 10px;
}
 
.nopadding {
	padding: 0;
}

.noindent {
	margin-left: 0;
	padding-left: 0;
}

.nobullet {
	list-style: none;
	list-style-image: none;
}

/* TYPOGRAPHY AND COLORS
==============================================================================*/
body {
	font-size: 12px;
	font-family:verdana, sans-serif;
	-align: center;
	color: #242424;
	background: #fff url(../icon/web-bg.gif) repeat-x;
}

p {
	line-height: 1.4em;
}

p, ul, ol {
	padding: 0 0 1.25em 0;
}
 
ul, ol {
	padding: 0 0 1.25em 2.5em;
	line-height: 1.5em;
}

ul {
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
}

small {
	font-size: 0.85em;
}

.highlight {
	background: #ffc;
}

/* LINKS
==============================================================================*/
a {
	color: #f6570b;
}

a:hover {
	color: #f6570b;
}

/* HEADERS
==============================================================================*/
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
 
h1 {
	float: left;
	padding: 0.2em 0 0.2em 0;
	letter-spacing: 0;
	font-size: 1.6em;
	color: #3366cc;
}
 
h3,h2 {
	font-size: 1.4em;
	padding: 0 0 3px 0;
	color: #3366cc;
	float:left;
	font-weight:normal;	 
}

.morei { float: left; padding: 2px 0 0 20px}

h4 {
	font-size: 1.4em;
	padding: 1em 0;
	color: #6e6e6e;
}

h5 {
	font-size: 1.2em;
	font-weight: bold;
	padding: 1em 0;
	color: #8d8d8d;
}

h6 {
	font-size: 1em;
	font-weight: bold;
	padding: 1em 0;
	color: #8d8d8d;
}

/* TABLES
==============================================================================*/
table {
	
}

th, td, caption {
	padding: 0.5em;
}

caption {
	color: #fff;
	background: #007592;
}

th, th a, th a:hover {
	color: #fff;
	font-weight: bold;
	-align: center;
	background: #6e6e6e;
}

th a.asc {
	padding-right: 10px;
	background: url(../i/sort-asc.gif) 100% 50% no-repeat;
}

th a.asc:hover {
	background: url(../i/sort-desc.gif) 100% 50% no-repeat;
}

th a.desc {
	padding-right: 10px;
	background: url(../i/sort-desc.gif) 100% 50% no-repeat;
}

th a.desc:hover {
	padding-right: 10px;
	background: url(../i/sort-asc.gif) 100% 50% no-repeat;
}

td {
	
}

tr.odd td {
	background: #f7f7f7;
}

/* FORMS
==============================================================================*/
form {
  width: 100%; 
}

form label, form .box,  area, form .container {
  display: block;
  float: left;
  width: 200px;
  margin: 3px 0;
  padding: 2px 5px;
}

form .container {
	width: auto;
}

form .box, select, area, checkbox {
	border: 1px solid #cccccc;	
}

form select {
  width: 214px;
}

form area {
  height: 200px;
}

form label {
  width: 105px;
  padding-right: 15px;
  -align: right;
}

form .container label {
  float: none;
  display: inline;
  width: auto;
  padding: 0 1em 0 0;
  -align: left;
}

form br {
  clear: left;
}

form input.submit {
  padding: 1em;
}

form fieldset {
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #cccccc;
}

form legend {
  padding: 0.5em;
  color: gray;
  font-weight: bold;
  background: #E8E8E8;
}

form fieldset.noframe {
  padding: 0;
  margin-bottom: 0;
  border: none;
}

form input.radio {
  width: 15px;
  margin-left: 160px;
}

form .formbutton {
	float: right;
	padding: 0.5em 1em;
	margin-bottom: 10px;
}

form .readonly{
	color: #6e6e6e;
	background: #f0f0f0;
}

.instructions {
	padding: 0.5em;
	margin: 10px 0;
	border: 1px solid #cae49c;
	background: #f3ffd0;
}

.instructions ul { list-style-image: url(/static/images/cath.gif); margin: 0; padding: 3px 0 0 20px }
.instructions ul li { margin: 0; padding: 0 }


#catl { width: 460px;  }
#catl ul { list-style: none; display: inline; line-height: 25px;  margin: 5px 0 0 0; padding: 0  }
#catl ul li { margin: 0 5px 0 0; padding: 0; float: left}
#catl ul li a.selected { font-weight: bold; padding: 0; margin: 0}
/* widths and heights inputs */
form .wider {
	width: 610px;
}

form .wide {
	width: 250px;
	  
}

#fleft { float: right; width: 540px}
#fright { float: right; width: 420px; padding-right: 20px}
#fleft p,#fright p { clear:both; }
form select.wide {
	width: 260px;
}

form .narrow {
	width: 110px;
}

form select.narrow {
	width: 120px;
}

form .narrower {
	width: 50px;
}

form area.short {
	height: 75px;
}

form area.long {
	height: 400px;
}


form area.shortlong {
	height: 200px;
}


form .require {
	color: #ff0000;
}

form small {
	color: #aeaeae;
}

form .container {
	padding: 0 0 5px 0;
	line-height: 2em;
}

/* NAVIGATION
==============================================================================*/

/* hidden navigation */
#hmenu a { 
	position: absolute;
	left: -9999px;
}

/* main menu */
#menu {
	overflow: hidden;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	height: 31px;
}

#menu li {
	display: inline;
}

#menu a {
	float: left;
	margin-right: 7px;
	padding: 0 0 0 4px;
	-decoration: none;
	line-height: 35px;
	cursor: pointer;
	background: #9c9c9c url("../i/menu-leftbg.gif") left -31px no-repeat;
}

#menu a span {
	float: left;
	display: block;
	background: url("../i/menu-rightbg.gif") right -31px no-repeat;
	padding: 0 10px 0 6px;
	color: white;
}

#menu a.blue {
	background-color: #008ae2;
	background-position: left -62px; 
}

#menu a.blue span {
	background-position: right -62px; 
}

#menu a.green {
	background-color: #90af31;
	background-position: left -93px; 
}

#menu a.green span {
	background-position: right -93px; 
}

#menu a.orange {
	background-color: #ff8a00;
	background-position: left -124px; 
}

#menu a.orange span {
	background-position: right -124px; 
}

#menu a.red {
	background-color: #ff4800;
	background-position: left -155px; 
}

#menu a.red span {
	background-position: right -155px; 
}

#menu a.brown {
	background-color: #C0A172;
	background-position: left -186px; 
}

#menu a.brown span {
	background-position: right -186px; 
}

#menu a.violet {
	background-color: #D40BA2;
	background-position: left -217px; 
}

#menu a.violet span {
	background-position: right -217px; 
}

#menu a.sand {
	background-color: #FFBE00;
	background-position: left -248px; 
}

#menu a.sand span {
	background-position: right -248px; 
}

#menu a.lightgreen {
	background-color: #9DD52A;
	background-position: left -279px; 
}

#menu a.lightgreen span {
	background-position: right -279px; 
}

#menu a.brick {
	background-color: #DE3A1C;
	background-position: left -310px; 
}

#menu a.brick span {
	background-position: right -310px; 
}

#menu a.sea {
	background-color: #217C7E;
	background-position: left -341px; 
}

#menu a.sea span {
	background-position: right -341px; 
}

#menu a.pink {
	background-color: #FF0080;
	background-position: left -372px; 
}

#menu a.pink span {
	background-position: right -372px; 
}


#menu a:hover, #menu a.selected, #menu a:hover span, #menu a.selected span {
	color: #242424;
	background: #ffffff url("../i/menu-leftbg.gif") left 0 no-repeat;
}
#menu a:hover span, #menu a.selected span {
	background: url("../i/menu-rightbg.gif") right 0 no-repeat;
}

#menux a { color: #003366 }
#menux a.selected { color: #f6570b; -decoration: none }
#menux { 	margin: 0 0 0 0;	padding: 0; }
#menux li { 	display: inline; margin-right: 5px }




/* onmenu under main menu */
div#onmenu {
	
	margin: 0;
	height: 34px;
	border-bottom: 1px solid #003366;
	border-top: 1px solid #003366;
	
}


/* submenu on right side */
div#submenu {
	float: left;
	padding: 10px 0 0 10px;
	width: 238px;
	
}

div#submenu h3 {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 0 0.5em 0;
	color: #8d8d8d;
}

div#submenu ul{
	
	padding: 0;
	
	line-height: 1em;
	list-style-type: none;
}

div#submenu ul li {
	margin-bottom: 5px;
}

div#submenu ul li.selected {
	position: relative;
	left: -1px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: #ffffff;
}

div#submenu ul a {
	display: block;
	padding: 1em 10px;
	border-top: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	width: 229px;
	text-decoration: none;
	font-weight: bold;
	color: #6e6e6e;
	background: #f0f0f0;
}

div#submenu ul a:hover {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	color: #f6570b;
	background: #ffffff;
}

div#submenu ul li.selected a, div#submenu ul li.selected a:hover {
	border: none;
	background: none;
}

/* STRUCTURE
==============================================================================*/
#main, #headcontainer, #menu, #content, #footer {
	width: 980px;
}

#main {
	margin: 0 auto;
	padding: 0;
	text-align: left;
}



#headcontainer {
height: 107px;
margin-top: 24px 
}


#headcontainerx {
height: 144px; 
width: 980px;
top: 0;

position: absolute;
margin-left: 0;
z-index: 3;
clear: both;
}



#logo{ padding-top:1px; float:left;}

#users { float: left; width: 240px}
#u1 { float: left; width: 43px; padding: 0; margin: 1px 3px 0 0}
#u2 { float: left; width: 187px; padding: 0; margin: 19px 0 0 0; line-height: 15px}





#menutop {
	height: 24px;
float: left;
	text-align: left;

	
}


#menutop, #menutop a {
	color: #CCCCCC;
}
#menutop a.selectedx {  color: #ffcc00 }
#menutop a.chcim {  color: #ff6666; font-weight: bold; }


#menutop li {
	display: inline;
	padding: 0 0 0 14px; margin: 0 10px 0 0;
	background-image: url('../i/tm.gif');
	background-repeat: no-repeat
}

#menutop li.selectedx {
	display: inline;
	padding: 0 0 0 14px; margin: 0 10px 0 0;
	background-image: url('../i/tmy.gif');
	background-repeat: no-repeat
}


#menutop li.chcim {
	display: inline;
	padding: 0 0 0 14px; margin: 0 10px 0 0;
	background-image: url('../i/tmc.gif');
	background-repeat: no-repeat
}


ul#menutop  {
	padding: 0; margin: 0
}

#bread {
	height: 24px;
	line-height: 24px;
	text-align: left;
	float: left;
	width: 500px;
	padding: 5px 0 5px 0;
	
}

#bread, #bread a {
color: #6e6e6e;
	
}



#toptools {
float: right;
	width: 470px;
	height: 24px;
	line-height: 24px;
	text-align: right;
	padding: 5px 2px 5px 0;
}

#toptools, #toptools a {
color: #6e6e6e;
	
}
.black_overlay{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}


.topre { background: #ffffff url(/static/icon/regi.gif) no-repeat left center; padding-left: 17px }
.topli { background: #ffffff url(/static/icon/login.gif) no-repeat left center; padding-left: 19px }



#content {
	margin-top: 10px;
}

#content-narrow {
	float: left;
	width: 980px;
	padding: 0px 0px 20px 0;
	
}

#footer {
	clear: both;
	border-top: 1px solid #CCCCCC;
	padding: 10px 0;
	color: #999999;
}

#footer a {
	color: #999999;
}

#footer span {
	padding: 0 0.5em;
	color: #cccccc;
}

/* LOGIN
==============================================================================*/
body.login {
	border-top: 10px solid #f6570b;
	background: none;
}

.lgin1 {
	display: none;
	position: absolute;
	top: 40px;
	left: 25%;
	width: 500px;
	height: 250px;
	padding: 0px;
	border: 3px solid #000000;
	background: #ffffff url(/static/icon/web-bg.gif) repeat-x;
	z-index:1002;
	overflow: auto;
}

#loginbox {
	
}

#loginbox h2 {
	float: none;
	margin: 0.5em 0;
	padding: 0;
	color: #f6570b;
	font-size: large;
}

#loginbox form {
	text-align: left;
}

#loginbox .textbox {
	margin: 5px 0;
	font-size: large;
}

#loginbox form label, #loginbox form input  {
	display: inline;
	float: none;
}

#loginbox form label {
	padding-left: 0;
}

#loginbox form .rememberme {
	color: #999999;
}

#loginbox form .formbutton {
	padding: 0.5em ; width: 210px

}

.logbox { float: left; width: 220px }

#logbx { width: 460px; margin: 0 auto }
.logclo { padding: 0 25px 0 0; float: right }
.logreg { padding: 0 0 0  25px; float: left }
/* OTHER
==============================================================================*/
/* buttons */

.button {
	display: block;
	margin-left: 7px;
	padding: 0 0 0 4px;
	border: 0;
	font-weight: bold;
	color: #6e6e6e;
	text-decoration: none;
	line-height: 32px;
	cursor: pointer;
	background: #f0f0f0 url("../i/button-leftbg.gif") left 0 no-repeat;
}

.butright { padding: 0; text-align: center}

.button:hover {
	color: #242424;
}

.button span.in {
	display: block;
	padding: 0 10px 0 6px;
	background: url("../i/button-rightbg.gif") right 0 no-repeat;
}
.butgm { width: 190px; margin-bottom: 10px}
.butgm2 { width: 180px; margin-bottom: 10px}
.button span.icon {
	padding: 2px 2px 2px 23px;
	background-position: left 50%;
	background-repeat: no-repeat;
}
	
.button span.icon.add {
	background-image: url("../i/icons/add.png")
}

.button span.icon.adda {
	background-image: url("../i/icons/add.png")
}


.button span.icon.remove {
	background-image: url("../i/icons/remove.png")
}

.button span.icon.delete {
	background-image: url("../i/icons/delete.png")
}


.button span.icon.information {
	background-image: url("../i/icons/information.png")
}

.button span.icon.exclamation {
	background-image: url("../i/icons/exclamation.png")
}


/* status massages */
.message-good, .message-bad, .message-info  {
	padding: 10px 10px 10px 40px;
	margin-bottom: 10px;
	background-position: 7px 7px;
	background-repeat: no-repeat;
}

.message-good {

	background-image: url(../i/icons/accept-big.png)
}

.message-good a {
	color: #516f1b;
}

.message-bad {
	border: 1px solid #ffdede;
	color: #ce0000;
	background-color: #fff1f1;
	background-image:  url(../i/icons/exclamation-big.png);
}

.message-bad a {
	color: #ce0000;
}

.message-info {
	border: 1px solid #ededb3;
	background-color: #ffffcc;
	background-image:  url(../i/icons/information-big.png);
}

.paging-nav a, .paging-nav span, .paging-info {
	border: 1px solid #dcdcdc;
	padding: 0.1em 0.2em;
	background: #f0f0f0;
	color: #242424;
	text-decoration: none;
}

.paging-nav { margin: 0 8px 0 0}
.paging-info { margin: 0 0 0 4px}

.paging-nav a:hover {
	background: #dcdcdc;
}


.paging-nav span {
	border: 1px solid #f6570b;
	background: #f6570b;
	color: #fff;
	font-weight: bold;
}

/* gallery */

.imgbox2 {
	width: 91px;  
	height: 70px;
	float: left;
	padding: 0px;
	
	border: 0px;
	position: relative;
	text-align: left;

}

.imgbox2 img {
	width: 80px;
	height: 60px;
	border: 1px solid #ccc;
	padding: 2px;
}
.imgbox2c {
	width: 61px;  
	height: 60px;
	float: left;
	padding: 0px;
	
	border: 0px;
	position: relative;
	text-align: left;

}

.imgbox2c img {
	width: 50px;
	height: 50px;
	
	padding: 2px;
}




.imgtxt {
width: 300px;
	height: 220px;
	position: relative;
	float: left;

}


.imgtxt img {
	border: 1px solid #ccc;
	padding: 2px;
}


.imgbox2 img:hover { border: 1px solid #6c6c6c;  }
.imgbox3 { float: left; width: 415px; margin: 0 10px 10px 0px; line-height: 1.2em }
.imgbox3c { float: left; width: 730px; margin: 0 10px 10px 0px; line-height: 1.2em }
.imgbox3cc { float: left; width: 580px; margin: 0 10px 10px 0px; line-height: 1.2em }

.imgbox33 { float: left; width: 690px; margin: 0 10px 10px 0px; line-height: 1.2em }
.imgbox4 { float: left; width: 520px; padding: 0 0 0 10px;  }

.imgbox {
	width: 159px;  
	height: 121px;
	float: left;
	padding: 0px;
	border: 0px;
	position: relative;
	text-align: left;

}

.imgbox img {
	width: 148px;
	height: 111px;
	border: 1px solid #ccc;
	padding: 2px;
}

.imgbox img:hover { border: 1px solid #6c6c6c }

.imgbox div.a {
	position: absolute;
	top: 90px;
	left: 3px;
	height: 24px;
	width: 148px;
	background: url(../i/gray.png) repeat center;
	text-align: left;
}
.imgbox div.a span {
	line-height: 24px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 10px;
	color: #FFFFFF;
}
.imgbox a {
	color: #FFFFFF;
	text-decoration: none;
}
.imgbox a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.ibox { 	clear: both;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
 }
/*
.imgbox {
	float: left;
	display: inline; 
	margin: 0 3px 15px 0;
	padding: 4px;
	width: 162px;
	border: 1px solid #cccccc;
	text-align: center;
	background: #f0f0f0;
		font-size: x-small;
		color: #6e6e6e;
}

.imgbox h4 {
	padding: 3px;
	margin-bottom: 2px;
	font-size: x-small;
	color: #6e6e6e;
}

.imgbox a.thumb img {
	display: block;
	border: 1px solid #6e6e6e;
}

.imgbox span {
	display: block;
	margin-top: 3px;
	padding: 3px 0;
	background: #f9f9f9;
}

.imgbox.unactive h4 {
	background: #ff4800;
	color: #fff;
}

.imgbox.main h4 {
	background: #90af31;
	color: #fff;
}
*/

.clr { height: 1px; clear: both }



/* HLEDANI */

#sefo { float: left; width: 259px; height: 75px}
#seform { text-align:center; 
float: left;

	padding: 18px 0 0 0;
	width: 481px;
  
   }
#seformf { text-align:center; 
float: left;
	padding: 18px 0 0 0;
	width: 721px;
  
   }

.sei { background-color: #fff; margin: 1px 2px 0 0; padding: 4px; font-size: 14px; border: 1px solid #999999;  width: 250px;  color: #000;}
.sei2 { padding: 2px; font-size: 14px; width: 100px }
.seb { margin: 0 0 0 0}

#fcbp1 {float: left; width:450px }
#fcbp2 {float: left; width:300px }
.hkatf { float: left; width: 220px;  font-size: 16px; margin: 0 0 5px 0}
.hkat { float: left; width: 260px;  font-size: 20px; margin: 0 0 5px 0}
.hkatx { float: left; width: 520px;  font-size: 20px; margin: 0 0 5px 0}
.hkat a,.hkatx a { font-size: 20px}
.hkat a { font-size: 16px}
.hkatf img,.hkat img,.hkatx img { border: 1px solid #ccc; float:left;
	padding: 2px; }
.hkat2 { float: left; padding: 5px 0 0 5px}	
.hkat2f { float: left; padding: 5px 0 0 5px}
.smallest { font-family: arial; font-size: 8pt;	color: #516f1b; }
.small { font-family: arial;  font-size: 9pt; 	color: #516f1b; }
.medium { font-family: arial;  font-size:11pt; 	color: #516f1b; }
.large { font-family: arial;  font-size:12pt; 	color: #516f1b; }
.largest { font-family: arial;  font-size:14pt; 	color: #516f1b;}


div#tagp h2 { text-align: left; color: #000; font-size: 10pt; padding: 0px}
div#tagp {  text-align: center; margin: 0; padding: 5px;  }

div#tagp a { color: #339933; display: inline;  padding: 0 2px 0 2px }
div#tagp a:hover {  color: #99ccff; text-decoration: underline}

#soutezr { margin-top: 5px; padding: 8px 4px; border: 1px solid #ccc; background-color: #333333; line-height: 1.2em; text-align: center}
#soutezr a { color: #ffff33; text-decoration: none; }
#soutezr a:hover { color: #ffff33; text-decoration: underline; }
#soutezr b { text-decoration: underline}

/* TEXTY */
#fnews { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0px 0 10px 10px; padding: 10px 5px; background-color: #eef1f5; width: 480px; float: left}

#ftab { width: 305px; float: left }
#ftab td { font-size: 0.9em}
#ftab table { width: 100%}
#pnews { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0px 0 10px 0; padding: 20px 0 10px 0; background-color: #eef1f5; height: 270px}
.pnews1 { float: left; width: 235px; margin: 0 10px 0 0;  padding: 2px 10px 2px 10px ; border-right: 1px solid #ccc}
.pnews2 { float: left; width: 245px; margin: 0 10px 0 0;  padding: 2px 10px 2px 0px ; border-right: 1px solid #ccc}
.pnews3 { float: left; width: 245px; margin: 0 10px 0 0;  padding: 2px 10px 2px 0 ; }
.pnews1 h3,.pnews2 h3,.pnews3 h3,.imgbox4 h3,.imgbox4c h3,.pnews1 h2,.pnews2 h2,.pnews3 h2,.imgbox4 h2,.imgbox4c h2  { font-size: 1em;  text-align:center;  font-weight: bold; text-decoration: underline; float: none}
.imgbox4 h3,.imgbox4c h3 { margin-bottom: 5px}
.imgbox4 h2,.imgbox4c h2 { margin-bottom: 5px}
.linkkat { text-align:center}
.thumbitem { width:80px; float: left; margin: 10px 10px 10px 10px}
.thumbitem img { border: 1px solid #000 }
.textitem2 {  width: 798px; background-color: #ecf5e1;  }
.textitem { width: 798px; background-color: #fff;  }
.xtextitem2 {  background-color: #ecf5e1;  }
.xtextitem { background-color: #fff;  }
.textitemx p { padding: 0; margin: 0 }
.textitemx { float: left; width: 678px; padding: 10px;}
.textitemz { float: left; }
.textitemz h3 { }
#centerside { width:600px;  text-align: center; float: left}
#tabu { width:190px;  padding: 0 0 0 10px; float: left}
#tabu table { font-size: 0.8em }
.textrbox { padding-left: 5px }
.textitem2x {  width: 788px;  padding: 5px; background-color: #ecf5e1;  }

#lsms { float: left; width: 460px; }
#lsms fieldset { margin-right: 10px }
#lsms label { width: 130px}
#rsms { float: left; width: 340px; margin: 0 0 0 0px }

fieldset.sms { 
background-color: #f0f8fc;
  font-size: 18px
} 
fieldset.sms legend { 
	
  font-size: 12px; 
	 
	 
} 
.ssms { font-size: 9px; margin-top: 5px }

#lhry { padding: 5px 0 0 0; float: left; width: 805px; }

#ahry { float: left; width: 120px; margin: 0px 0 10px 9px; padding: 5px 0 0 0 }
#rhry { 
display:inline;float:left; width:160px;margin:0 0 0 5px; padding: 5px 0 0 0
 }
#lse { padding: 5px 0 0 0; float: left; width: 655px; line-height: 1.2em}
#lsex { padding: 5px 0 0 0; line-height: 1.2em}
#rse { padding: 5px 0 0 50px; float: left; width: 260px; margin:0 0 0 5px;}

.seit { margin: 0 0 10px 0; border-bottom: 1px dotted; padding: 0 0 10px 0 }
.seit2 { margin: 0 0 10px 0;  padding: 0 0 10px 0 }

.seyo { margin: 3px 0 0 0}
.seyoi {
	width: 91px;  
	height: 70px;
	float: left;
	padding: 0px;
	
	border: 0px;

	text-align: left;

}

.seyoi img {
	width: 80px;
	height: 60px;
	border: 1px solid #ccc;
	padding: 2px;
}

.seyot { width: 150px; padding: 3px 0 0 0; float: left }

#rhry b { }

div#hkat { border: 1px solid #ccc;  padding: 2px; }
div#hkat:hover { border: 1px solid #6c6c6c;  padding: 2px; }
div#hkat2  { background-color: #095d92; color: #fff; text-align: center; padding: 4px 0; font-weight: bold }


#rhry ul { list-style-type: square;
background-color: #dff3ff;
margin: 2px 0 0 0; padding: 5px 0 5px 20px; 
 }

/* CLANKY */

.artbox { margin: 0 0 10px 0 }
.artbox1 { width: 50px;  float: left; 	border: 1px solid #516f1b;
	color: #516f1b;
	background-color: #cae49c; text-align: center;
	font-size: 0.75em; padding: 5px 0 5px 0; margin: 0 10px 0 0 }
.artbox1 .big { font-weight: bold; font-size: 3em}
.artbox2 { float: left; width: 680px; }
.little  { font-size: 0.9em }
.artbox3 { font-size: 0.75em }
.artbox4 { margin-top: 5px }

#artdetail1 { float: left; width: 470px; font-size: 0.75em}
#artdetail2 { float: left; width: 240px; margin-left:10px;  font-size: 0.75em}
img.artdetail2 { border:1px solid #ccc; margin-top: 10px}
.addit { float: right }
div.comment1 { background-color: #fff; padding: 10px; border-bottom: 0px solid #ffcc01  }
div.comment { background-color: #ecf5e1; padding: 10px; border-bottom: 0px solid #ffcc01 }
div.h_comment  { border-bottom: 1px dashed #666666;  padding: 0 0 3px 0; font-weight: bold }
div.b_comment  { padding: 3px 0 0 0 }
div.h_comment b { font-weight: bold }
div#comments { margin-bottom: 10px; border-bottom: 4px solid #ffcc01}
div#commentsu,div#commentsux { padding: 2px; margin-bottom: 10px; border: 1px solid #cccccc;}
div#commentsu:hover,div#commentsux:hover {  border: 1px solid #000;}
div#addcomment {  text-align: left; clear: both; width: 100%; height: 162px; margin-top:10px }
div#addcomment textarea { width: 780px; height: 100px; margin: 5px 0 5px 0}
div#addcomment input { width: 120px; margin: 0px 20px 0px 0px}
.pullit { padding: 3px 5px; background-color: #000000; color: #ffffff; height: 18px }
div#himg { float: left; width: 64px; padding: 2px; margin: 5px 5px 5px 0; border: 1px solid #cccccc;}
div#himg:hover {  border: 1px solid #000;}

.toped { background: #ffffff url(/static/icon/edit.gif) no-repeat left center; padding-left: 16px }
.topvip { background: #ffffff url(/static/icon/vip.gif) no-repeat left center; padding-left: 18px }
.topma { background: #ffffff url(/static/icon/email.gif) no-repeat left center; padding-left: 18px }

.topfr { background: #ffffff url(/static/icon/friends.gif) no-repeat left center; padding-left: 17px }
.toplo { background: #ffffff url(/static/icon/logout.gif) no-repeat left center; padding-left: 16px }

.oldmail {background-image: url(/static/icon/email.gif); background-repeat: no-repeat; background-position: left center; padding-left: 18px }
.newmail { background-image: url(/static/icon/emailn.gif); background-repeat: no-repeat; background-position: left center; padding-left: 18px }


div.himg { float: left; width: 64px; padding: 2px; margin: 5px 5px 5px 0; border: 1px solid #cccccc;}
div.himg:hover {  border: 1px solid #000;}

div.himgxx { float: left; width: 32px; padding: 1px; margin: 5px 4px 0px 0; border: 1px solid #cccccc;}
div.himgxx:hover {  border: 1px solid #000;}

div#himg2 { float: left; width: 700px}

div.himgx { float: left; width: 160px; padding: 2px; margin: 0px 10px 10px 0; line-height: 1.2em}
.luser { float: left}

a.hlp { text-decoration: none; color: #516f1b}
a.hlpr { text-decoration: none; color: rgb(204,0,0)}

a.rssfeed { background:#fff url(/static/icon/rssfeed.gif) 0 0 no-repeat; padding: 0 0 0 20px; line-height: 1.4em; font-size: 1.2em}
a.rssfeed2 { background:#fff url(/static/icon/rssfeed2.gif) 0 0 no-repeat; padding: 0 0 0 13px;}
ul.rssfeed  { list-style:none; padding: 0px 0 15px 0 }
#player2 { 
    background:#000 url(http://www.videoo.cz/tools/flv/bg.png) 0 0 repeat-x; 
   
    padding:0px 0; 
    border:2px solid #FFFFFF;     
    outline:#999999 solid 1px; 
    -moz-outline-radius:4px;     
}

div#movdet { float: left; width: 610px; }
div#viddetail { float: left; width: 370px; margin: 0 }
div#vidvote { float: left; width: 150px; margin: 0; height: 50px  }
div.vidobl { width: 540px;  float: left; 	
	line-height: 1.4em;
  padding: 0; margin: 0 }
div#viduser {  padding: 3px}
div#viduser img { border: 1px solid #000; padding: 2px}
div#viduser1 { width: 60px;  float: left; 	
	 }
div#viduser2 { width: 290px;  float: left; 	
	line-height: 1.2em; 
 
	 padding: 3px 0 3px 10px; margin: 0 }

div#profil {}
div#profil1 { width: 60px;  float: left; 	
	 }
div#profil2 { width: 700px;  float: left; 	
	line-height: 1.4em; 
 
 padding: 3px 0 3px 10px; margin: 0 }


div#vote {  background-color: #ffcc33; height: 30px; font-size: 22pt; font-weight: bold; padding: 10px 0 10px 0; width: 60px; text-align: center; color: #fff }
div#votx {  background-color: #99ccff;  height: 40px;  padding: 10px 0 10px 0; width: 100px; text-align: center; color: #000 }
div#votein {  border-top: 1px solid #fff; background-color: #ffcc33; font-weight: bold; padding: 5px 0; width: 90px; text-align: center; color: #fff }
div#votein a:link {  color: #003366; text-decoration: underline}
div#votein a:visited {  color: #003366; text-decoration: underline}
div#votein a:hover {  color: #fff; text-decoration: underline}

div#torrep {  border-top: 1px solid #fff; background-color: #99ccff; font-weight: bold; padding: 5px 0; width: 100px; text-align: center; color: #fff }

div#hrapl { margin: 0 auto; text-align: center }
div#hral { width: 130px; float: left}
div#hram { width: 620px; float: left}
div#hrar { width: 130px; padding-left: 10px; float: left}

/* TAGCLOUD */

#tagcloud {

	
	text-align:center;
}
#tagcloud a:link, #tagcloud a:visited {
	text-decoration:none;
	color: #33cc33;
}
#tagcloud a:hover, #tagcloud a:active {
	text-decoration: underline;
	color: #000;
}
#tagcloud span {
	padding: 4px;
}
.smallest {
	font-size: 1em;
}
.small {
	font-size: 1.2em;
}
.medium {
	font-size:1.5em;
}
.large {
	font-size:1.6em;
}
.largest {
	font-size:1.8em; 
}

/* GAME */

#playgm { width: 100%; margin:0 auto }

/* ADS */


/* MEMBER FORM */


#gimg { padding: 5px; 
	border: 1px solid #CCCCCC;  width: 280px; float: left}
#gmorw { padding: 0px 5px 5px 0;  width: 340px; float: left}

.gmor2 {   width: 150px; float: left}
.agmor2 {    padding: 10px 10px 0 0px; }

#agmor { padding: 10px 0 0 0
 }


ul#gmor {
	float: left;
	padding: 0;
		width: 345px;
	line-height: 1em;
	list-style-type: none;
	padding: 0px 5px 5px 0;
}


ul#gmor li {
	margin-bottom: 5px;
}

ul#gmor li.selected {
	position: relative;
	left: -1px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: #ffffff;
}

ul#gmor a {
	display: block;
	padding: 14px 16px;
	border-top: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	width: 310px;
	text-decoration: none;
	font-weight: bold;
	color: #6e6e6e;
	background: #f0f0f0;
}


ul#gmor a:hover {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	color: #f6570b;
	background: #ffffff;
}

ul#gmor li.selected a, ul#gmor li.selected a:hover {
	border: none;
	text-decoration: underline;
	padding-left: 50px;
	width: 260px;
	background: #ffffff url(/static/icon/play.gif) no-repeat 25px 50%
}



.gvote {  width:260px;	border: 5px solid #516f1b;
	color: #516f1b;
	background-color: #516f1b; text-align: center;
	font-size: 0.75em; padding: 5px 0 5px 0; margin: 0px 10px 0 10px }
.gvote .big { background-color: #cae49c; font-weight: bold; font-size: 3em; float: left; width: 100px; }
.gvote .bigv { float: left; width: 80px}

.gedt { padding: 10px 0 0 10px; }
.gedt h3 { }

#bookmrk { padding: 0px 0px 5px 20px; }
#bookmrkx { padding: 0px 0px 10px 0}

#bookmrk b { text-align:center; padding-left: 30px; text-decoration: underline}
#bookmrk img { padding-top: 1px }

.findu2 { float: left}
.findu2 label { width: 80px; text-align:right; float: left; margin: 4px 2px 0 0; padding: 4px;}
.findui { background-color: #fff; margin: 1px 2px 0 0; padding: 4px; font-size: 14px; border: 1px solid #999999;  width: 140px;  color: #000; }
.findub { padding: 2px; margin-left: 30px; font-size: 14px; width: 100px}

#gmsw { padding-left: 20px }


/* KURZY */
#kurl { float: left; width: 300px}
#kurr { float: left; width: 480px; margin-left: 20px}

.den { width: 50px }
.rok { width: 90px }

#vkat { background-color: #00000000; padding: 5px 0 5px 0; }


 #respr fieldset {   padding: 0px; margin-bottom: 10px}
  #respr legend {
    padding: 0.2em 0.5em;
    
    
    
    text-align:right;
    }
  #respr ul { float: left; }
  #respr ul { margin: 0; padding: 0; padding-left: 35px; }
  #respr li { list-style-image: url('/i/ar.png'); padding-top: 4px; }
#rfs ul  { background-color: #fff}

.tvlis { float: left; width: 260px; margin: 5px 2px 0 0; }    
.tvyo { float: left; width: 155px; margin-right: 2px; margin-bottom: 5px }
.tvyo img { margin-top: 3px; border: 0 }