/* ALAP DEKLARÁCIÓK */

html, body, div, span {
	margin: 0;
	padding: 0;
	border: 0;
	color: #353535;
	font: normal 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

body {
	background: #fff url(/images/sztaki_origo/gfx/bg3.gif) repeat-y;
  	min-width: 780px;
}



fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	
}



a:link, a:visited {
	color: #155160;
	font: bold 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a:hover {
	color: #FF6600; 
}

img {
	border: none;
}

labelX {
	color: #155160;
	font: bold 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 3px 0;
	margin: 0;
}

/* ALAP DEKLARÁCIÓK VÉGE */

/* közös [origo] fejléc */

#kozos-fej {
	min-width: 933px;
	background-color: #55BFD9;
}


/* There are some lousy paddings/margins that bug Opera*/
#ok {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

span#ok-sarok-bal,
span#ok-sarok-jobb
{
	background: none;
	display: none;
}

/* közös [origo] fejléc vége */

/* oldal fejléc */
#dict-header {
	min-width: 930px;
	width: expression( document.body.clientWidth < 930 ? "930px" : "100%" );		
	height: 40px;
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
}

#dict-header img {
	margin: 9px 10px 0px 9px;
}

#magnum {
	min-width: 912px;
	width: expression( (document.body.clientWidth < 930 ? "930px" : "100%") );		
	height: 95px;
	margin: 0px;
	padding: 10px 0px 10px 20px;
	margin: 0px;
	background: #FFFFFF url(/images/sztaki_origo/gfx/magnumbg.gif) repeat-x;
	text-alignX: center;
}

/* oldal fejléc vége */



/* oldal lábléc */
#footer {
	background: url(/images/sztaki_origo/gfx/vp.gif) repeat-x top;
	width: 630px;
	text-align: center;
	margin: 10px 0 10px 7px;
	padding: 0px;
	padding-top: 10px;
	display: block;
	clear: both;
	margin-leftX: auto;
	margin-rightX: auto;	
}

#footer p {
	padding: 0px;
	margin: 0px;
	padding-bottom: 0.3em;
	font-size: 10px;
}

#footer p.copyright {
	xcolor: #979797;
	font-size: 10px;	
}

#footer p.first-line a {
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: underline;
}
#footer p.first-line {
	padding-bottom: 10px;
}

#footer img {
	border: 0;
	vertical-align: middle;
}

#footer ul {
	list-style: none;
	margin-top: 0;
	margin-bottom: 5px;
}

#footer li {
	display: inline;
	list-style: none;
	padding-left: 2px;
}

#footer li a {
	color: #000000;
	font-size: 10px;
}

#footer li a:hover {
	color: #81847F;
}

#footer span {
	color: #999999;
	font-size: 10px;
}
/* oldal lábléc vége */

/* sheriar 3 column */

#main-container-sheriar {
	position:relative;
	margin:0;
	float: left;
}

#main-left-sheriar { 
	position:relative;
	float:left;
	width:151px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:131px; /* actual value */
	z-index:100;
	}
#main-right-sheriar {
	position:relative;
	float:right;
	width:172px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:152px; /* actual value */
	z-index:99;
	}
#main-center-sheriar {
	position:relative;
	padding-left: 131px;
	padding-right: 152px;
	min-width: 500px;
	width: auto;
}


/********* Holy grail 3 column ************/
#main_container_holy {
  min-width: 650px;
  padding-left: 131px;   /* LC width */
  padding-right: 152px;  /* RC width */
}
#main_container_holy  .column {
  position: relative;
  float: left;
}
#main_center_holy {
  width: 100%;
}

#main_left_holy  {
  width: 131px;          /* LC width */
  right: 131px;          /* LC width */
  margin-left: -100%;
}
#main_right_holy  {
  width: 152px;          /* RC width */
  margin-right: -152px;  /* RC width */
}
#footerX {
  clear: both;
}
/*** IE6/7 Fix: make left column somewhat absolute. ***/
/* Note: I tried this with position: relative and IE6 sucked, an the middle
** of screen disappeared when resized the page to eg. 500px wide. IE7 liked it.
** position: absolute is good for both of them, although I don't kow why...
*/
* html #main_container_holy {
	position: absolute;
}
* html #main_left_holy  {
	margin-left: expression(document.all.main_center_holy.offsetWidth * -1) !important; /* Fix for IE6/7 */ 
	position: absolute;
	left: -131px;
}

/* Disgusting IE hack to compensate IE not being able to work with #main_center_holy width:100%
** as it should. It adds the paddings of main_container_holy to the 100% and causes horizontal
** scrollbarrs to appear.
*/
* html #main_center_holy  {
  width: expression(document.body.clientWidth - 
  	((document.all.main_left_holy?document.all.main_left_holy.offsetWidth:0) + (document.all.main_right_holy?document.all.main_right_holy.offsetWidth:0)));
}


#menu {
	margin: 0px;
	padding: 0px;
}

#content {
}

#skip-to-content, #main-content {
	display: none;
}

#services {
	widthX: 605px;
	height: 19px;
	padding: 0;
	margin: 0;
	background-color: transparent;
	
}

/* Rename to #services when no ELO ad */
#services-nonad ul {
	width: 273px;
	height: 19px;		
	displayX: block;
	background: url(/images/sztaki_origo/gfx/mvege.gif) no-repeat;
	background-position: right;
	list-style: none;
	margin: 0;
	padding: 0;	
}

/* Rename to #services when no ELO ad */
#services ul {
/*	width: 273px; /*without ad */
	/* width: 424px; */ /* with ad */
	height: 19px;		
	displayX: block;
/*	background: url(/images/sztaki_origo/gfx/mvege.gif) no-repeat;*/
	/*background: url(/images/sztaki_origo/gfx/mvege_ad.gif) no-repeat;*/ /* with ad */
	background-position: right;
	list-style: none;
	margin: 0;
	padding: 0;	
}

#services li {
	display: inline;
}

#services li a {
	border: 0;
	float: left;
	display: block;
	height: 19px;	
	margin: 0px;
	padding: 0px;	
}

#services li span {
	display: none;
}

#services #service-dict a {
	background: url(/images/sztaki_origo/gfx/szotar_m1.gif);
	width: 59px;		
}

#services #service-kopi a {
	background: url(/images/sztaki_origo/gfx/szotar_m2.gif);
	width: 63px;	
}

#services #service-nda a {
	background: url(/images/sztaki_origo/gfx/szotar_m3.gif);
	width: 61px;		
}

/* Use this in HTML when ELO ad */
#services #service-kereso-ad a {
	background: url(/images/sztaki_origo/gfx/szotar_m4_ad.gif);
	width: 75px;			
}


#services #service-kereso a {
	background: url(/images/sztaki_origo/gfx/szotar_m4.gif);
	width: 75px;			
}

#services #service-ad-elo a {
	background: url(/images/sztaki_origo/gfx/szotar_m5_elo.gif);
	width: 154px;			
}

#search-box {
	widthX: 472px;
	height: 163px; /* 173px*/
	/*height: 213px;*/
	margin-right: 10px;
	background-color: #55bfd9;
}

/* Hacks for IE: when in docs viewer mode we need width:132, while in search box mode
** we need 131px. In other browsers constant 131px is OK
*/

* html #search-box-menu {
	width: 131px;
	height: 184px;
	background: #edecec url(/images/sztaki_origo/gfx/keresobalbg.gif) no-repeat top;
	floatXX: left;
	padding-top: 45px;		
}


* html .search-box-menu-with-form {
	width: 132px !important;
	background: #edecec url(/images/sztaki_origo/gfx/keresobalbg2.gif) no-repeat top;	
}


#search-box-menu {
	width: 131px;
	height: 128px;
	/* height: 150px; */	
	background: #edecec url(/images/sztaki_origo/gfx/keresobalbg.gif) no-repeat top;
	floatXX: left;
	padding-top: 45px;
}

#search-box-menu ul {
	list-style: none;
	padding-top: 5px;
}

#search-box-menu li {
	list-style: none;
	margin: 0px !important;
	padding: 0px 0px 0.5em 0px !important;
	line-height: 1em;
}

#search-box-menu li a {
	padding: 0px;
	margin: 0px;
	font: bold 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666665;
	text-decoration: none;	
}

#search-box-menu li a:hover {
	color: #FF6600;
}


#search-box-form {
	width: 630px;
	float: left;
	margin: 15px 0px 0px 7px;
	padding: 0;
	border:0;	
}


#search-box-form .direction {
	font: bold 120% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0 0 10px 0;
	display: block;
	text-decoration: none;
	width: 270px;
}

#search-box-form table td {
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}

/* This is to make it all resizable */
#search-box-form table {
  font-size: 100%;
}

#search-box-form td label {
	color: #ffffff;
	font-weight: normal;
}

#search-box-form input.text {
	width: 175px;
	margin: 0px;
	margin-bottom: 5px;

}
/*
#closeVk{
	float: right;
	//color: #55bfd9;
	color: red;
	cursor: pointer;
	font-size: x-small;
	font-weight: bolder;
	width: 13px;
	vertical-align: top;
	height: 13px;
}
*/

#vkCloseButton{
	cursor: pointer;
	float: right;
	margin-right: 2px;
	margin-top: 2px;
}

#noKeysDiv{
	backgroud-color: blue;
	color: white;
	font-size: x-small;
}

.ie #noKeysDiv{
	font-size: xx-small;
}

.safari #searchBox{
	height: 17px;	
}

.opera #searchBox{
	height: 17px;
}

.ie #searchBox{
	height: 20px;
}

#searchButton
{

	height: 20px;
	width: 19px;
	color: #FFFFFF;
	text-align: center;
	font-size: 110%;
	-moz-user-select: none;
	cursor: pointer;
	float: left;

}

.opera #searchButton
{
	height: 17px;
}

.ie #searchButton
{

	
	float: left;
	/*position: relative;*/
	/*top: 1px;*/
	height: 20px;
	width: 18px;
	color: #FFFFFF;
	text-align: center;
	font-size: 110%;

}

.ie7 #searchButton{
	/*position: relative;*/
	/*top: 1px;*/
	height: 20px;
	width: 18px;
	color: #FFFFFF;
	text-align: center;
	font-size: 110%;
	-moz-user-select: none;
	/*float: left;*/
}

.safari #searchButton{
	height: 19px;
	width: 19px;
	color: #FFFFFF;
	text-align: center;
	font-size: 100%;
	-moz-user-select: none;
	float: left;
}

.linux.gecko #searchButton{
	height: 21px;
	width: 19px;
	/*background-color: #55bfd9;*/
	color: #FFFFFF;
	text-align: center;
	font-size: 110%;
	-moz-user-select: none;
	float: left;
}


#search-box-form input.text {
	width: 155px;
	border-color: #18849C;
	border-width: 1px;
	border-style: solid;
	margin: 0px 0px 0px 0px;
	padding-left: 1px;
	/*
	margin: 0px;
	margin-bottom: 5px;
	*/
}

.ie #search-box-form input.text {
	position: relative;
	left: -3px;
	/*width: 154px;*/
	width: 153px;
	border-color: #18849C;
	border-width: 1px;
	border-style: solid;
	margin: 0px 0px 0px 0px;
	/*
	margin: 0px;
	margin-bottom: 5px;
	*/
}


.opera #search-box-form input.text {
	width: 154px;
}

.safari #search-box-form input.text {
	width: 154px;
}

/* IE select size */
* html #search-box-form select {
	width: 175px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
	font-size: 100%;
}

/* FF, Opera select size */
#search-box-form select {
	width: 178px;
	width: 178px;
	margin: 0px;	
	margin-bottom: 5px;
	font-size: 100%;	
}


#search-box-form .noshow {
	display: none;
}

#search-box-form input.checkbox {
	padding: 0px;
	margin: 0px;
	background: transparent;
}



#search-box-form select.langsel {
  padding: 0px;
  margin: 0px;
  margin-top: 7px;
  margin-left: 2px;
}

#search-box-form input.image {
	margin: 0px;
	padding: 0px;
}

#search-box-form .buttons {
	float: left;
}
#search-box-form .button {
	padding-right: 10px;
	float: left;
}
#search-box-form input.icon {
	padding: 0px;
	margin: 0px;
	float: left;
}

#search-box-form .icon {
	background-color: #1E859F;
  	height: 22px;
  	float: left;
  	padding-right: 3px;  
  	margin: 0px;	
}
#search-box-form a.icon label {
  	text-transform: uppercase;
  	font-weight: bold;
  	font-size: 10px;
  	float: left; 	
  	padding: 4px 0px;
}

#search-box-form a.icon span.ascii_img {
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	padding-left: 3px;
}

#search-box-form a.icon-text label {
	displayX: block;
  	margin: 0px 7px 0px 2px;
  	font-size: 90%;
}

#search-box-form table td.col1 {
	vertical-align: top;
	width: 1%;
	/*width: 176px;*/
	padding: 0px 5px 0px 0px;
}

#search-box-form table td.col2 {
	padding: 0px;
 	padding-right: 5px;
	vertical-align: top;	 	
}


#search-box-form ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#search-box-form li {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 2px 0px;
}

#search-box-form li a {
	padding: 0px;
	font: bold 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666665;
	text-decoration: none;	
}

#search-box-form li a:hover {
	color: #FF6600;
}

#virtualKeyboard
{
		
	/*position: absolute;*/
	position: relative;
	/*top:67px;*/
	/*left: 28px;*/
	color: #FFFFFF;
	text-align: center;
	height: 27px;
	width: auto;
	cursor: default;
	/*
	border-width: 1px;
	border-left-width: 0px;
	border-top-width: 0px;
	*/
	/*background-color: #18849C;*/
	background-color: #18849C;
	/*border-color: #55bfd9;*/
	/*border-color: gray;*/
	/*border-style: solid;*/
	margin: 2px;
	
	
}

.ie #breakBelowSearchBox{
	display: none;
}

.ie #virtualKeyboard
{
	
	/*position: absolute;*/
	/*top:67px;*/
	/*left: 28px;*/
	color: #FFFFFF;
	text-align: center;
	height: 32px;
	width: auto;
	cursor: default;
	border-width: 1px;
	background-color: #18849C;
	
} 

.onFocusKey
{

	float: left;
	width: 18px;
	font-size: large;
	height: 25px;
	/*height: 53px;*/
	color: #FFFFFF;
	-moz-user-select: none;

}

.offFocusKey
{

	float: left;
	/*width: 18px;*/
	width: 17px;
	height: 25px;
	font-size: small;
	/*height: 53px;*/
	color: #FFFFFF;
	-moz-user-select: none;
	
}

#menu p {
	background-color: #fff;
	color: #FF6600;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0px;
	padding: 3px 0px 3px 10px;
	display: block;
	widthX: 125px;
}

#menu a {
	font: bold 75% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666665;
	text-decoration: none;
}

#menu a.new {
	color: #8F3535;
}

#menu a:hover {
	color: #FF6600;
}

#menu ul {
	width: 100%;
	margin: 0px;
	padding-left: 10px;
	list-style: none;	
}

#menu ul li {
	list-style: none;
	margin: 0;
	padding: 0 0 5px 0;
}

#menu ul li a {
	padding: 0px;
}


#menu ul li a.long {
	font-size: 10px;
}


#settings {
	padding-bottom: 2px;
	padding-left: 7px;
}

*html #settings {
	padding-top: 3px;
}

#langsel {
	display: inline;
	width: 75px;
}

#langsel ul {
	list-style: none;
	display: inline;	
}
#langsel ul li {
	list-style: none;
	display: inline;	
}
#langsel ul li * {
	font-size: 90%;
}

#fontsize {
	display: inline;
	padding-left: 1px;	
}

#fontsize p {
	background: none !important;
}

#fontsize .font-smaller {
	text-transform: capitalize;
	font-size: 10px;
}

#fontsize .font-bigger {
	text-transform: capitalize;
	font-size: 12px;
}

#fontsize .help {
	font-size: 100%;
	padding-left: 5px;
}

#menu #season {
	margin: 0;
	padding: 10px 0px 0px 10px;
	font-size: 10px; /* Fixed size, 'cos resizing would f*ck up the layout. */
}

#menu #season select {
	margin: 0;
	padding: 0;
	font: normal 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	width: 110px;	
}

#menu #season-ok {
	margin-left: 10px;
}

#menu #hp_logo_div {
	padding-top: 5px;
	padding-left: 15px;
}

#ev_frm {
	width: 111px;
	margin: 0;
	padding: 10px 10px 0 10px;
}

#evszktr .valaszto {
	width: 111px;
	padding: 0;
	margin: 0;
	font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#prtnrk img {
	border: 0;
	margin: 0;
	padding: 10px 0 0 0;
}

#pwrdby {
	Xbackground: url(/images/sztaki_origo/gfx/vp.gif) repeat-x top;
	border: 0;
	padding: 0;
	padding-top: 15px;
	margin: 15px 0;
}

#pwrdby img {
	border: 0;
}

* html #result {
	width: 630px; /* should be 463px for an intelligent browser ...*/
	padding: 0px;
	margin: 0px;
	padding: 5px 0px 0px 10px;
}

#result {
	width: 630px;
	padding: 0px;
	margin: 0px;
	padding: 5px 0px 0px 10px;
	margin-leftX: auto;
	margin-rightX: auto;	
}

#result h2 {
  font-size: 130%;
}

#result h1 {
  font-size: 150%;
}

* html #result h1 {
	padding-top: 10px;
}

#result span {
	color: #666665;
	font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 5px 0 0 0;
	padding: 0 0 0 3px;
}



#result a.audio {
	background: url(audio_ikon.gif) no-repeat right;
	padding-right: 13px;
}

#result a:hover {
	color: #FF6600; 
}

/* Orig SZTAKI*/
#result ul.options {
  margin: 0 0 1.5em 0;
  padding: 0;
  color: #114253;  
}
#result ul.options em {
  font-weight: bold;
  font-style: normal;
}
#result ul.options li {
  display: inline;
  white-spaceX: nowrap;
}
#result ul.options a {
  color: #bbbbbb;
  font-weight: bold;
  text-decoration: none;    
  font-sizeX: 11px;
  font-style: normal;  
}
#result ul.options a:hover {
  text-decoration: none;
  color: #FF6600;
}

/* Pop-up pron links should be like normal text */
#result table.results a.pron {
  font-weight: normal;
  color: #000;
}

.popup-pron {
	border: 1px solid #666666;
	background-color:#8DB7CD;
}

/* Szotar - Results - Orig SZTAKI */

#result table.results {
  width: 500px; /* was: 100%*/
  borderX: 1px solid #55BFD9;
  border-spacing: 2px;
  margin: 0 0 2em 0;
  font-size: 100%;
}

#result table.results a {
  color: #155160;
}

#result table.results a:hover {
  text-decoration: underline;
  color: #155160;  
}

#result table.results em {
  font-weight: normal;
  font-style: italic;
}
#result table.results tr.even,
#result table.results td.even  {
  background: #dcf2f6; /*#d5d5d5;*/
}
#result table.results tr.odd,
#result table.results td.odd {
  background: #c4e7ee; /*#eee;*/
}

#result table.results tr.hover,
#result table.results td.hover {
  background: #a6cad6; /*#55BFD9; #6FDDFF; #a6cad6;*/
}

/* Alternative -1 */
#resultX table.results tr.hover,
#resultX table.results td.hover {
  background: #55BFD9; /*#55BFD9; #6FDDFF; #a6cad6;*/
  color: #fff;
}
#resultX table.results td.hover a {

  color: #fff;
}

#result table.results td {
  padding: 0.3em;
}
#result table.results a {
  font-weight: normal;
}

#result a.ext_result {
	font-size: 85%;
	color: #aaa !important;
}

#result hr.ext_result {
	background-color:#aaa !important;
	color: #aaa !important;
	border: 0px;
	height: 1px;
}

/* Po-up pron links should be like normal text */
#result table.results a.pron {
  font-weight: normal;
  color: #000;
}

#result p, #result blockquote, #result li
{
	font-size: 100%;		
}

#result p {
	text-align: justify;
}


/* Some oldish HTML uses p inside li*/
#result ul li p
{
	font-size: 100%;		
}

#result em.head {
	font-size: 120%;
	font-style: normal;
}

/* Szotar - Warning */
#result img.warning {
  float: left;
}
#result p.warning {
  padding-left: 30px;
}
#result a {
  font-weight: bold;
  text-decoration: none;
}

#result h2.ext-dict-title {
	font-size: 100%;
}

/* Keyword ad style */
#result p.keyword_ad {
	margin-top: 1.5em
	margin-bottom: 1.5em
}

#result #anagramma {
	width: 630px;
}

#result #anagramma * {
	font-size: 100%;
}

#result #anagramma em {
	font-style: normal;
	font-weight: bold;
}

/* Until 2009.10.02
#lector_box {
	background: #55BFD9 url(/images/sztaki_origo/gfx/lector_bg.png) 0px 0px no-repeat;
	width: 152px;
	height: 217px;
	font-family: Tahoma, Arial, Verdana, helvetica, sans-serif;
	margin-bottom: 7px;	
}

#lector_promo {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 38px 8px 14px 7px;
}

#lector_promo p {
	line-height: 130%;
	margin: 0 0 10px 0;
}

#lector_form {
	margin: 0;
	padding: 0;
}

#lector_form_source {
	float: left;
	width: 70px;
}

#lector_form_target {
	float: right;
}

#lector_form_page {
	float: left;
	width: 40px;
	padding-top: 12px;
}

#lector_form_submit {
	float: right;
	padding-top: 12px;
}

#lector_form_source p, #lector_form_target p, #lector_form_page p {
	color: #000;
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.lector_select, .lector_pagenum {
	font-size: 10px;
	font-family: Tahoma, Arial, Verdana, helvetica, sans-serif;
	width: 64px;
	font-weight: normal;
}

.lector_pagenum {
	width: 30px;
}

.lector_select_top {
	background: #D6EFF4;
}

.lector_submit {
	border: 0;
	margin: 14px 0 0 0;
}
*/
/*
#lector_db {
	width: 138px;
	background: #55BFD9 url(/images/sztaki_origo/gfx/ol_bg.gif) no-repeat bottom;
	display: block;
	margin: 19px 0 7px 0;
	padding: 4px 7px 7px 7px;
}

#lector_db p {
	padding: 0;
	margin: 0 0 3px 0;
	color: #FFFFFF;
	font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#lector_db img {
	border: 0;
	float: left;
	padding: 3px 5px 0 0;
}

#lector_db p a {
	color: #FFFFFF;
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#lector_db p a:hover {
	color: #155160;
}

#lector_db span {
	color: #155160;
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0;
}

#forditas {
	width: 138px;
	margin: 0;
	padding: 0;
}

#forditas form {
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
}

#forditas label {
	color: #155160;
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 3px 0;
	margin: 0;
}

#forditas .nyelv {
	width: 135px;
	font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 5px 0;
}

#forditas .oldal {
	width: 62px;
	font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#forditas .gomb {
	margin: 0;
	padding: 2px 4px 2px 4px;
	width: 27px;
	background-color: #1E859F;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	border: 0;
}
*/


#lector_box {
	width: 152px;
	height: 217px;
	background: url(/images/sztaki_origo_2/gfx/lector_bg.png) 0 0 no-repeat;
	overflow: hidden;
}
#lector_content {
	padding: 0;
	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
}
#lector_content h5 {
	font-size: 18px;
	letter-spacing: -1px;
	color: #000;
	font-weight: bold;
	margin: 0; padding: 0;
	height: 146px;
	overflow: hidden;
	line-height: 70%;
}
#lector_content h5 a {
	padding: 15px 0 0 10px;
	text-decoration: none;
	color: #fff;
	display: block;
	height: 200px;
}
#lector_content h5 a:hover {
	color: #FFE276;
}
#lector_content h5 span {
	display: block;
	font-size: 12px;
	letter-spacing: normal;
	font-weight: normal;
	padding-top: 10px;
	line-height: 135%;
	color: #222;
}
#lector_content h5 span strong {
	letter-spacing: -1px;
	font-size: 16px;
	padding: 3px 0 8px 0;
	display: block;
	line-height: 100%;
	color: #FFEBA4;
}
#lector_content h5 a:hover span strong {
	color: #FFE276;
}
#lector_content h6 {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 14px 0 0 0;
	height: 49px;
}
#lector_content h6 a {
	color: #f60;
	display: block;
	text-decoration: none;
}
#lector_content h6 a span {
	text-decoration: underline;
}
#lector_nyelv {
	font-weight: bold;
	height: 20px;
	margin: 0 0 0 16px;
}
#lector_nyelv a {
	display: block;
}
#lector_nyelv img {
	border: 0;
}
#lector_submit {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}
#lector_submit a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 7px 0 0 51px;
	height: 60px;
}


/* Grrr, IE doesn't take care of padding. We hack with width:152px */
* html #obk_db {
	width: 152px;
	margin: 0 0 7px 0;
	padding: 7px 7px !important;
	border-bottom: 3px solid #94BFDB;
	background: #B8DAF0;
}

#obk_db {
	width: 138px;
	margin: 0 0 7px 0;
	padding: 7px 7px !important;
	border-bottom: 3px solid #94BFDB;
	background: #B8DAF0;
}

#obk_db a {
	color: #FF6600;
	padding: 0 5px;
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	display: block;
}

#obk_db a:hover {
	color: #3366CC;
}

#obk_db imgX {
	border: 0;
	padding: 0;
	margin:  7px 0 0 9px;
}

#obk_db p {
	color: #000000;
	font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px 5px;
	margin: 0 0 5px 0;
	background: url(/images/sztaki_origo/gfx/obk_vp.gif) repeat-x bottom;
	display: block;
}

/* Grrr, IE doesn't take care of padding. We hack with a background colored left border. */
* html #obk_db p img {
	border-left: 9px solid #B8DAF0;
	display: block;
	padding: 0px 0px 0px 9px;
	margin:  0 0 2px 0;
	backgroundX: red;
}

#obk_db p img {
	border: 0;
	display: block;
	padding: 0 0 0 9px;
	margin:  0 0 2px 0;
}

#obk_db p a {
	color: #3366CC;
	font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	display: block;
	padding: 0 0 2px 0;
}

#obk_db p a:hover {
	color: #FF6600;
}

#banner_bal, #banner_jobb  {
	padding: 0;
	margin: 10px 0px 10px 0px;
}


#banner_bal {
	background: url(/images/sztaki_origo/gfx/vp.gif) repeat-x top;
	padding-top: 5px;
}

#iframe_bal {
	background: url(/images/sztaki_origo/gfx/vp.gif) repeat-x top;
}

.banner {
	margin: 0px;
	padding: 0px;
	border: 0px;
	overflow: none;
}

/* Genertel hack */
#banner_jobb_2 div#flashcontent {
	width: 142px !important;
}

#banner_bal div#flashcontent {
	width: 120px !important;

}


/************************/


#marketing {
	width: 630px;
	text-align: justify;
	margin: 0px auto;
}

#marketing p {
	margin-left: 2em;
}

#marketing .note {
	font-size: -2;
}

div.hr hr {
	display: none;
}

div.hr {
	width: 100%;
	height: 3px;
	background: url(/images/sztaki_origo/gfx/vp.gif) repeat-x top;
}


.seasonpic_container {
	width: 100%;
	text-align: center;
	margin: 20px 0px 20px 0px;
}

#seasonpic {
}

#seasondivider {
}

/* Named links should be displayed normal. These only sign inner page segments. */
#marketing a.named {
	color: #000;
	font-weight: normal;
}

#marketing .center {
	margin: 0px auto;
	display: block;
	text-align: center;
}

#marketing ul {
	margin-left: 2em;
	padding-left: 2em;
}

#marketing pre {
	font-size: 12px;
	margin-left: 2em;	
}


.center {
	margin: 0px auto;
	display: block;
	text-align: center;
}


a.ext_result {
	font-size: 85%;
	color: #999
}

hr.ext_result {
	background-color:#999;
	color: #999;
}


/* Hallatlan.hu styles */
div#hallatlan_container {
	border-top: 1px solid #999;
	padding-top: 5px;
	margin-top: 5px;
	width: 100%;
}

#hallatlan {
	margin-left: auto;
	margin-right: auto;
}

div#hallatlan_caption {
	text-align: center;
	font-style: italic;
}

div#hallatlan_ref {
	width: 100%;
	text-align: right;
	font-size: 80%;
}

a.hallatlan_link span {
	visibility: hidden;

}

a.hallatlan_link, .hand_outline_png  {
	background: url(/images/sztaki_css/hand_outline.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 18px;
	height: 11px;
	padding-left: 11px;
	padding-right: 11px;
	display: inline;
	text-decoration: none !important; /* make sure no underline in any situation */
	
	/*
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sztaki_css/hand_outline.png', sizingMethod='image');
    margin: expression(this.style.background='transparent', 0);	
    */
}

a.hallatlan_link:hover  {
	background: url(/images/sztaki_css/hand_filled.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 25px;
	height: 11px;
	display: inline;
	text-decoration: none !important; /* make sure no underline in any situation */
	
	/*
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sztaki_css/hand_outline.png', sizingMethod='image');
    margin: expression(this.style.background='transparent', 0);	
    */	
}

/* Old, fix width design */
/*
body {
	background: #D6EFF4 url(/images/sztaki_origo/gfx/bg.gif) repeat-y;
}
#kozos-fej {
	width: 768px !important;
}

#dict-header {
	width: 768px;
}

#magnum {
	width: 745px;
}

#main_container_holy {
	width: 480px;
	min-width: 480px;
}

* html #main_left_holy  {
	margin-left: expression(document.all.main_center_holy.offsetWidth * -1);  
  	left: -131px;
}

* html #main_center_holy  {
  width: 463px;
}

* html #result {
	width: 472px;
}
#result {
	width: 463px;
}

#footer {
	width: 463px;
}

#result #anagramma {
	width: 463px;
}

#marketing {
	width: 463px;
}

#result table.results {
	width: 100%;
}

#magnum {
	margin: 0px;
	padding: 10px 0px 10px 20px;
	margin: 0px;
	background: #FFFFFF url(/images/sztaki_origo/gfx/magnumbg.gif) repeat-x;
}

#search-box-form {
	width: 467px;
}

#search-box {
	width: 467px;
}
*/




/********* Holy grail 3 column ************/
/*
#main_container_beep {
  position: relative;

}
#main_container_beep  .column {
  positionX: relative;
  floatX: left;
}
#main_left_beep  {
	position: absolute;
	left:0px;
	top:0px;
	width: 131px;
}
#main_center_beep  {
	position: absolute;
	left:131px;
	top:0px;
	width: 100%;
	padding-rightX: 152px;
}

#main_right_beep  {
	position: absolute;
	right: 152px;
	top: 0px;
}
*/

#main_container_beep {
  min-width: 650px;
  padding-left: 131px;   /* LC width */
  padding-right: 152px;  /* RC width */
  position: relative !important;
}
#main_container_beep  .column {
  position: relative;
  float: left;
}
#main_center_beep  {
  width: 100%;
}
#main_left_beep  {
  position: absolute !important;
  width: 131px;          /* LC width */
  left: -131px;          /* LC width */
  top: 0px;
  margin-left: 0px;
  float: none !important;
  z-index: 100;
}
#main_right_beep  {
  width: 152px;          /* RC width */
  margin-right: -152px;  /* RC width */
}

#contextMenu {
	z-index: 10;
}


a.lnLink_hocipo {
	font-size: 9px !important; 
	color: #003366 !important; 
	font-family: arial, verdana !important;
	text-decoration: none; 
	font-weight: bold !important; 
	line-height: 11px !important;
	background-image: url(/images/sztaki_origo_2/hocipo/bogyo.gif); 
	background-repeat: no-repeat; 
	padding-left: 11px !important;
	background-position: left top;
}
a.lnLink_hocipo:hover {
	font-size: 9px !important;
	color: #0059b3  !important; 
	font-family: arial, verdana !important;
	text-decoration: none !important;
	font-weight: bold !important; 
	line-height: 11px !important; 
	background-image: url(/images/sztaki_origo_2/hocipo/bogyo2.gif); 
	background-repeat: no-repeat; 
	padding-left: 11px !important; 
	background-position: left top; 
}

#services li {
	display:block;
	float:left;
}
#services .ad{
	background-color: #e50000;
	background-repeat:no-repeat;
	background-image: url(/images/sztaki_origo/gfx/ad_start.gif);
	padding-left:5px;
}

#services .ad a {
	margin-top:2px;
	margin-bottom:-2px;
	color:white;
	font-family:helvetica, verdana,arial,sans-serif;
	font-weight:normal;
}
#services .last {
	width:50px;
	height:19px;
	background: url(/images/sztaki_origo/gfx/mvege.gif) no-repeat;
}
#services .ad_last {
	width:50px;
	height:19px;
	background: url(/images/sztaki_origo/gfx/mvege_ad.gif) no-repeat;
}