/************************************
    *                                   *
    *              rpr.sk               *
    *    CSS by: fatchilli.com, mB      *
    *                                   *
    *         All web content           *
    *                                   *
    *  Last update: 31.05.2007, 18:48   *
    *                                   *
    ************************************/

	* {margin: 0; padding: 0; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;}

	/*****************************
	*         HTML tags          *
	*****************************/	
	html {background: #b8b8b8 url(../images/html_background.jpg) repeat-x;}
	body {background: transparent url(../images/body_background.jpg) no-repeat; min-height: 778px; _height: 778px; font: normal 1em;}
	fieldset, a img {border: none;}
	a {color: #c50000;}
	a:hover {color: #000;}
	h2 {font-size: 1.50em; font-weight: normal; color: #555; margin-bottom: 8px;}
	h3, li h3 {font-size: 1.1em; color: #555; font-weight: normal; margin-bottom: 8px;}
	li h3 {font-size: 1.3em;}

	/*****************************
	*      General classes       *
	*****************************/
	.hidden {display: none;}
	.clear {clear: both;}
	.left {float: left;}
	.right {float: right;}
	.navigation {list-style: none;}
	.p {font-size: 0.75em; margin-bottom: 10px;}
	.p p {margin: 0.7em 0; font-size: 1em !important;}
	.icon {position: relative; top: 3px;}

	/* heading 3 */
	.h3 {background-color: #000; position: relative; color: #FFF; font-weight: bold; font-size: 0.88em; padding: 0.2em 0.8em; margin: 0; _height: 1px;}
	
	/* ---| Corners |--- */
	.corner {position: absolute; }
	.h3 .corner {display: block; overflow: hidden; width: 3px; height: 3px; background-repeat: no-repeat;}
	.h3 .lb {left: 0; bottom: 0; background-image: url(../images/h3_corner_lb.png);}
	.h3 .lt {left: 0; top: 0; background-image: url(../images/h3_corner_lt.png);}
	.h3 .rb {right: 0; bottom: 0; background-image: url(../images/h3_corner_rb.png);}
	.h3 .rt {right: 0; top: 0; background-image: url(../images/h3_corner_rt.png);}

	/*****************************
	*           Layout           *
	*****************************/	
	#page { margin-left: 35px; width: 49.13em;}
	
	/*****************************
	*            Top             *
	*****************************/
	#top { height: 3.94em; position: relative; z-index: 100;}
	/* Top Navigation */
	#top .navigation a {font-size: 0.69em; color: #000; padding-left: 20px; background-repeat: no-repeat; background-position: left 2px; position: absolute; top: 3em;}
	#top .navigation a:hover {color: #c50000;}
	#top .navigation a.en { background-image: url(../images/slovak.png); padding-left: 23px; left: 1em;}
	#top .navigation a.sk {background-image: url(../images/english.png); padding-left: 23px; left: 1em;}
	#top .navigation a.sitemap { background-image: url(../images/sitemap.png); padding-left: 23px; right: 8em;}
	#top .navigation a.contact { background-image: url(../images/contact.png); right: 1em; background-position: left 4px;}

	/* ---| Serach form |--- */
	#words-col {position: relative; display:inline;/*float: left;*/}
	#top #search-form {position: absolute; top: 1.8em; right: 8.5em; width: 18em;}		
	#top label {font-size: 0.76em; color: #c16e6e; font-weight: bold; padding-left: 22px; background: url(../images/search.png) no-repeat;}
	#top #search {border: 1px solid #c5b592; width: 10em; font-size: 12px; padding-left: 3px;
	               }
	#top legend span {display: block; background: transparent url(../images/try_search.png) no-repeat; font-size: 10px; padding: 4px 15px 13px 8px; position: absolute; _background: transparent url(../images/try_search.gif) no-repeat; top: -2.1em; left: 11em; _left: 11.5em;}
    #ajax-inteli-search-button {display:none;}
      
	/*#search-form.en #ajax-inteli-search-output {right: 95px; _right: 85px;}
	#ajax-inteli-search-output { display:none; position:absolute; /*right: 56px; _right: 46px; top:22px; z-index:1000; background:#FFF; border:#888 solid 1px; border-top:0px; text-align: left; width: 123px;}
	*/
	#ajax-inteli-search-output { display: none; position: absolute; left: 0; top: 20px; 
	                              z-index: 1000; background-color: #FFF; border: #888 solid 1px; border-top: 0px; text-align:left; 
	                               font-size: 12px; /*font-size: 1em; */
	                               /*width: 11.15em;  _width: 11.25em;*/
	                               width: 123px;
	                               }
	
	                               #ajax-inteli-search-output p { padding: 2px 0; line-height: 120%; margin: 0;  margin-bottom: 1px; width: 100%;  cursor: pointer;}
	#ajax-inteli-search-output p { padding: 2px 0; line-height: 120%; margin: 0;  margin-bottom: 1px; width: 100%;  cursor: pointer; font-size: 11px;}
	#ajax-inteli-search-output p em {float: right; margin-right: 5px; color: #008000; font-style: normal;}
	#ajax-inteli-search-output p span {padding-left: 10px;}
	#ajax-inteli-search-output p.active:active {color: #FF0000;}
	#ajax-inteli-search-output p.active { background-color: #A50000; color: #FFF;}
	#ajax-inteli-search-output p.active em {color: #FFF;}
	#ajax-inteli-search-output p.similar {border-top: 1px dotted #999; font-size: 10px; color: #999; margin-top: 3px; cursor: default; padding-left: 10px;}

    
	/*****************************
	*            Head            *
	*****************************/	
	#head { background: #a60000 url(../images/head_background.png) no-repeat; height: 8.69em; position: relative;}
	
	/* Logo */
	#logo {position: absolute; left: 10px; top: 10px;}
	
	/* Navigation */
	#navigation {list-style: none; position: absolute; left: 110px; top: 18px;}
	#navigation li {line-height: 90%; width: 9em; =margin-top: -6px;}
	#navigation a {color: #FFF; text-decoration: none; font-size: 0.88em; padding: 1px 10px;}
	#navigation a:hover, #navigation li.active a, #navigation li ul li a:hover, #navigation li ul li a.active {background-color: #390000 !important;}
	#navigation li ul {position: absolute; left: 7.5em; top: 8%; list-style: none;}
	#navigation li.sub {background: url(../images/active_li.png) no-repeat 7em center;}
	#navigation li.active ul a {background: none !important;}
	#navigation li ul li {background: url(../images/normal_li.png) no-repeat left center; width: 13em; padding-left: 8px;}
	#navigation li ul li.last {background: url(../images/last_li.png) no-repeat left center;}
	#navigation li ul li.first {background: url(../images/first_li.png) no-repeat left center;}
	#navigation li {width: 10em;}
	#navigation.en li.sub {background: url(../images/active_li.png) no-repeat 9.2em center;}
	#navigation.en li ul {left: 9.6em;}
	
	/* Complain area */
	#complain-area {color: #686868; position: absolute; font-size: 0.69em; padding: 0.75em 0.75em 0 1.27em; width: 21.05em; height: 5.75em; background: #f5f5f5 url(../images/appeal_area.png) no-repeat right bottom; line-height: 110%; right: 1em; top: 0.8em;}
	#area2 {font-size: 0.69em; width: 22em; height: 4.09em; padding: 0.5em 0 0.4em 1.15em; background: #000 url(../images/area2.png) right bottom no-repeat; position: absolute; right: 0.9em; top: 7.5em;}
	#area2 a {padding-left: 16px; color: #FFF; background: url(../images/arrow.png) no-repeat left 4px; font-weight: bold;}
	#complain-link { display: block; color: #FFF; font-weight: bold; background: #000 url(../images/complain.png) no-repeat center; height: 1.2em; padding: 0.8em 1em; text-decoration: none; width: 11.75em;}
	
	/* Scam area */
	#scam-area {color: #686868; position: absolute; font-size: 0.69em; padding: 0.75em 0.75em 0 1.27em; width: 21.05em; height: 5.75em; background: #f5f5f5 url(../images/appeal_area.png) no-repeat right bottom; line-height: 110%; right: 24.5em; top: 0.8em;}
	#scam-link { display: block; color: #FFF; font-weight: bold; background: #000 url(../images/scam.png) no-repeat center; height: 1.2em; padding: 0.8em 1em; text-decoration: none; width: 15.75em;}
	#scam-link-nostyle { display: block; color: #000; font-weight: bold;  padding: 0.1em 0em; text-decoration: underline;}
	
	/* Scam area */
	#scam2-area {color: #686868; position: absolute; font-size: 0.69em; padding: 0.75em 0.75em 0 1.27em; width: 21.05em; height: 4.02em; background: #f5f5f5 url(../images/appeal2_area.png) no-repeat right bottom; line-height: 110%; right: 24.5em; top: 7.52em;}
	#scam2-area span {width:14em;  display: block;}
	#scam2-area span a {color:#000;}
    #scam2-link { display: block; color: #FFF; font-weight: bold; background: #000 url(../images/scam.png) no-repeat center; height: 1.2em; padding: 0.8em 1em; text-decoration: none; width: 15.75em;}
	#scam2-link-nostyle { display: block; position:absolute; top:5px; right:0px; width:91px; height:44px; color: #000; font-weight: bold;  padding: 0.1em 0em; text-decoration: underline;}
	
	
	/*****************************
	*         Content            *
	*****************************/	
	#content {min-height: 525px; _height: 525px; background: #e6e6e6 url(../images/content_background.jpg) no-repeat top left; margin-top: 0.6em; _margin-top: 0.4em; position: relative; padding: 0.8em 0 4em 0;}
	#content i.corner {position: absolute; display: block; width: 14px; height: 14px; background-color: #b8b8b8; overflow: hidden;}
	#content i.corner.lb {left: 0; bottom: 0; background-image: url(../images/corner_lb.png);}
	#content i.corner.rb {right: 0; bottom: 0; background-image: url(../images/corner_rb.png);}
	#col-1 {float: left; width: 31em; min-height: 300px; padding-bottom: 15px; _height: 300px; margin-left: 0.75em; _margin-left: 0.35em;}
	#col-2 {float: right; width: 15.75em; min-height: 300px; _height: 300px; margin-right: 0.75em; _margin-right: 0.35em;}
	#col-1 a {font-size:0.8em;}
	#col-1 ul {padding-left:30px;}
	
	/*****************************
	*           Foot             *
	*****************************/
	#foot { height: 3.51em; width: 98%; background: url(../images/dot.png) repeat-x; margin: 0 0.5em; padding: 0.8em 0 0 0; position: absolute; bottom: 0; line-height: 95%;}
	#foot a {color: #c50000;}
	#foot a:hover {color: #000;}
	#foot .left { padding-top: 0.5em; =padding-top: 0.8em; color: #555;}
	#foot .right {text-align: right;}
	#foot small {font-size: 0.63em;}
	
	/* fatchilli.com */
	#fatchilli {text-decoration: none; color: #000 !important;  margin-left: 5px;}
	#fatchilli span {color: #c50000;}
	#fatchilli strong {color: #000;}
	#fatchilli:hover {text-decoration: underline;}

	/*****************************
	*         Column 2           *
	*****************************/
	#col-2 .p {color: #7d7d7d; background: url(../images/dot.png) bottom repeat-x; padding: 0.8em 1em; margin-bottom: 10px;}
	#col-2 .p p {margin: 0;}
	#col-2 h4 {font-size: 1em;}
	#col-2 h4 a {color: #555; text-decoration: none;}
	#col-2 h4 a:hover {text-decoration: underline;}
	#col-2 h4 span {font-size: 0.83em; font-weight: normal;}
	
	/*****************************
	*            Forms           *
	*****************************/
	.long { width: 345px;}
	.normal {width: 250px; margin-right: 10px;}
	.short { width: 80px;}
	.form p {margin-bottom: 8px;}
	.form p.right {width: 11.2em;}
	.form legend {font-weight: bold;}
	.form label {display: block;}
	.form label strong {color: #CC0000; cursor: help;}
	.form textarea, .field, #kodex-selector-part2 {font-size: 11px; border: 1px solid #7D7D7D;}
	#atest-form p.right, #appeal p.right {line-height: 110%; background: url(../images/hint.png) left top no-repeat; padding-top: 20px;}
	
	.help-hover {color: #c50000;}
	
	#kodex-selector {margin-bottom: 8px;}
	#kodex-selector-part2{height: 300px; overflow: auto; padding: 5px; background-color: #FFF;}
	#kodex-selector-part2 li {margin-bottom: 5px;}

	#kodex-selector-part2 a {margin-right: 5px; padding-left: 13px; background: url(../images/add.png) left 4px no-repeat;}
	
	/*****************************
	*       Members list         *
	*****************************/
	.member, .rpr-member {clear: both; background: url(../images/dot.png) bottom repeat-x; padding-bottom: 6px; margin-bottom: 6px;}
	.member h3 {font-weight: normal; padding-left: 160px; font-size: 0.9em;}	
	.member img {float: left; border: 1px solid #686868;}
	
	.member th {text-align: left !important; padding-bottom: 5px;}
	.member td {padding-right: 8px;}
	.member td strong {font-weight: normal; color: #7D7D7D;}
	.member label {margin: 0 1px 0 5px;}
	
	/* --- | RPR Members | --- */
	.rpr-member {position: relative;}
	.rpr-member h3 {font-size: 0.9em;}
	
	.rpr-member-detail img {float: left; margin: 0 8px 5px 0;}
	
	/*****************************
	*           Codex            *
	*****************************/	
	.codex {list-style: none;}
	.codex ul {list-style: none;}
	.codex h3 {}
	.level1, .level2, .level3 {margin-bottom: 10px;}