/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

@import url(../../../warp/css/layout.css);

.payments {
	z-index: -1;
}

.serviceterms   {
	/*z-index: -1;*/ /*nem jó így most még*/
}

.social-media {
	z-index: -1;
}

.wk-gallery-wall.polaroid {
	display: block; 
	margin-left: auto; 
	margin-right: auto;
	width: 900px;
	z-index: 1000;
}

div.social-media {
	float: left !important; 
	top: -10px; 
	left: 5px; 
	position: absolute !important;
	z-index: 1;
}

/* saját accordion faq menühöz */
.faqclass code {
	font-family: "DroidSansRegular";
	color: #444444;
	text-align: justify;
}

.faqclass code h3 {
	margin-bottom: 0px !important;
}

/*.faqclass .toggler {
	margin-bottom: 0px !important;
}*/

/*valamiért ez kell google chrome-nak*/
.faqclass div.content.wk-content {
	margin-bottom: 0px !important;
}

/*chrome-nak kell, mert valószínű valamilyen kerekítés miatt a 33.333% nem jó*/
.width33 {
	width: 33.33% !important; 
}

/*hogy ne külön sorba tegye a linket*/
.faqclass .wk-content > a:first-child {
    display: inline;
}

/*slideset alatti szöveg nagy és vastag betűvel*/
/*.wk-slideset-default article {
	font-size: 20px !important;
	font-weight: bold !important;
	color: #444444 !important;
}*/

/*hogy legyen alsó szegély a breadcrumpson*/
div.breadcrumbs {
	border-bottom: 1px solid #D2D3D4;
	padding-bottom: 15px;
}

/*broker compare separator*/
a.compare {
    border-top: 1px solid #444444;
}

/*logo méretének beállítása*/
/*div.custom-logo {
	width: 350px !important;
}*/

/*IE-nek kell külön*/
/*#logo {
	width: 350px !important;
}*/

div.slogan {
	float: left !important;
	color: gray;
	text-shadow: 2px 2px 3px gray;
}

div.vps {
	width: 600px;
	position: absolute;
	float: right;
	right: 100px;
	top: 45px;
}

/*yoologin igazítása*/
span.mega {
	padding-top: 6px;
}

/*IE kompatibilitás miatt welcome oldalon be kell állítani*/
.iecomp h2 {
	margin-top: 0px;
}

/*IE és Opera kompatibilitás miatt news és tools oldalon be kell állítani*/
.iecomp h1 {
	margin-top: 0px;
	margin-bottom: 0px;
}

/*nyitóoldal oszlopok ikonbeállítása*/
span.icon-signup {
	background: url("../../../../../images/home/signup_icon.png") no-repeat scroll 0 0 transparent !important;
}

span.icon-openacc {
	background: url("../../../../../images/home/openacc_icon.png") no-repeat scroll 0 0 transparent !important;
}

span.icon-tradeearn {
	background: url("../../../../../images/home/tradeearn_icon.png") no-repeat scroll 0 0 transparent !important;
}

/*számológép nyitóoldalon*/
div.reb-calc {
	margin-right: 18px;
	margin-left: 18px;
}

/*compare brokers gombok*/
.compare a.button-primary:first-child {
	margin-bottom: 4px;
}

a.button-primary {
	box-shadow: 1px 2px 1px #AAAAAA !important;
	width: 105px;
	text-align: center;
	padding: 1px 3px;
}

/*economic calendar impact*/
span.imp-Holiday {
	background-color: #C6C6C6;
	border: 1px solid #C6C6C6;
	border-radius: 4px 4px 4px 4px;
	color: #FFFFFF;
	padding: 3px 10px;
	text-shadow: 1px 1px 1px #888888;
	display: inline-block;
	width: 50px;
	font-size: 14px;
}

span.imp-High {
	background-color: #EE0000;
	border: 1px solid #EE0000;
	border-radius: 4px 4px 4px 4px;
	color: #FFFFFF;
	padding: 3px 10px;
	text-shadow: 1px 1px 1px #888888;
	display: inline-block;
	width: 50px;
	font-size: 14px;
}

span.imp-Medium {
	background-color: #EC9232;
	border: 1px solid #EC9232;
	border-radius: 4px 4px 4px 4px;
	color: #FFFFFF;
	padding: 3px 10px;
	text-shadow: 1px 1px 1px #888888;
	display: inline-block;
	width: 50px;
	font-size: 14px;
}

span.imp-Low {
	background-color: #F3DE00;
	border: 1px solid #F3DE00;
	border-radius: 4px 4px 4px 4px;
	color: #FFFFFF;
	padding: 3px 10px;
	text-shadow: 1px 1px 1px #888888;
	display: inline-block;
	width: 50px;
	font-size: 14px;
}

td.next {
    background-image: url("../../../../../images/icon-upnext.png");
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding-left: 10px !important;
}

/*változó tartalom miatt, pl. economic calendar, broker details*/
#maininner {
  min-height: 20px !important;
}

/*forexnews blogos elrendezésnél közelebb kell vinni a dátumot, ami a tartalomban van*/
/*.forexnews header {
	margin-bottom: 5px !important;
}*/

.forexnews .item > div .meta {
    font-size: 11px;
    line-height: 13px;
    margin: 10px 0 0;
	color: #999999;
}

.forexnews .item > div blockquote.dropcap:first-letter {
    display: block;
    float: left;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 280%;
    margin: 7px 4px 0 0;
}
	
/*langswitch*/
div.langswitch {
    position: absolute !important;
    top: -20px !important;
    /*right: 25px !important;*/
	right: 0px !important;
}

div.mainlogin {
	max-width: 550px !important;
	margin-top: 30px !important;
}

div.langswitch ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

div.langswitch li {
    /*margin-left: 5px;*/
    margin-right: 5px;
}

div.langswitch ul.lang-inline li {
    display: inline;
}

div.langswitch ul.lang-block li {
    display: block;
}

div.langswitch img {
    border: medium none;
}

div.langswitch a {
    text-decoration: none;
}

/*alapgombok átállítása*/
.submission  .button {
    background: none repeat scroll 0 0 #3366BB;
    border: 1px solid #3366BB;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    padding: 5px 10px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	font-size: 14px;
	box-shadow: 1px 2px 1px #AAAAAA;
	margin-bottom: 3px;
}
.submission .button:hover {
    background: none repeat scroll 0 0 #444444;
    border-color: #444444;
    color: #FFFFFF;
}

.submission  .validate {
    background: none repeat scroll 0 0 #3366BB;
    border: 1px solid #3366BB;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    padding: 5px 10px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	font-size: 14px;
	box-shadow: 1px 2px 1px #AAAAAA;
	margin-bottom: 3px;
}
.submission .validate:hover {
    background: none repeat scroll 0 0 #444444;
    border-color: #444444;
    color: #FFFFFF;
}

.submission button {
    background: none repeat scroll 0 0 #3366BB;
    border: 1px solid #3366BB;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    padding: 5px 10px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	font-size: 14px;
	box-shadow: 1px 2px 1px #AAAAAA;
	margin-bottom: 3px;
}
.submission button:hover {
    background: none repeat scroll 0 0 #444444;
    border-color: #444444;
    color: #FFFFFF;
}

/* Spacing
----------------------------------------------------------------------------------------------------*/

.module { margin: 20px; }

#menu .module { margin: 10px; }

#top-a,
#top-b,
#bottom-a,
#bottom-b,
#main,
#footer { margin: 15px 20px; }

#menu .module { margin: 10px 5px; }

#header { margin: 15px 20px 30px 20px; }

#toolbar,
#headerbar { margin-bottom: 15px; }
#headerbar .module { margin: 15px 0 15px 15px; }

#breadcrumbs,
#content { margin: 20px; }

#footer .module { margin: 0; }


/* Layout
----------------------------------------------------------------------------------------------------*/

/* Background */
body#page { background: #fafafa; }

/* Menubar */
#menubar {
	border: 1px solid #d5d5d5;
	background: #eee;
	border-radius: 6px;
}

/* Search */
#search { margin: 6px 6px 0 0; }

/* Blocks */
#top-a,
#top-b,
#bottom-a,
#bottom-b,
#main {
	border: 1px solid #ddd;
	background: #FFF;
	border-radius: 6px;
}

#innertop { border-bottom: 1px solid #eee; }
#innerbottom { border-top: 1px solid #eee; }

/* Sidebar Backgrounds */
#sidebar-a,
#sidebar-b { position: relative; }

#sidebar-a:before,
#sidebar-b:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 0 solid #eee;
}

.sidebar-a-right #sidebar-a:before,
.sidebar-b-right #sidebar-b:before { border-width: 0 0 0 1px; }

.sidebar-a-left #sidebar-a:before,
.sidebar-b-left #sidebar-b:before { border-width: 0 1px 0 0; }

/* Footer + Toolbar */
#footer,
#toolbar {
	font-size: 12px;
	line-height: 18px;
}

/* ToTop Scroller */
#totop-scroller {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 21px;
	height: 21px;
	border: 1px solid #ddd;
	background: #fff url(../../../images/totop_scroller.png) 50% 50% no-repeat;
	border-radius: 4px;
	text-decoration: none;
}

#totop-scroller:hover {
	border-color: #ccc;
	background-color: #EEE;
}