/**
 * @file
 * Node Styling
 *
 * Style anything that isn't in the $content variable.
 */


.node { /* Node wrapper */
}

.preview .node { /* Preview of the content before submitting new or updated content */
  /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
}

.node .node-title { /* Node title */
}

.node .user-picture { /* The picture of the node author */
}

.node .submitted { /* The "posted by" information */
}

.node .content { /* Node's content wrapper */
}

.node ul.links { /* Node links. See also the ul.links declaration in the pages.css. */
}

.node-promoted { /* A node that has been promoted to the front page */
}

.node-sticky { /* A sticky node (displayed before others in a list) */
}

.node-by-viewer { /* A node created by the current user */
}

.node-teaser { /* A node displayed as teaser */
}

/*
 * All nodes are given a node-FOO class that describes the type of content that
 * it is. If you create a new content type called "my-custom-type", it will
 * receive a "node-my-custom-type" class.
 */

.node-page { /* Page content node */
}

.node-article { /* Article content node */
}

.node-unpublished { /* Unpublished nodes */
  /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
}

.node-unpublished p.unpublished,
.comment-unpublished p.unpublished { /* The word "Unpublished" displayed underneath the content. */
  height: 0;
  overflow: visible;
  color: #d8d8d8;
  font-size: 75px;
  line-height: 1;
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  word-wrap: break-word; /* A very nice CSS3 property */
}

.lt-ie8 .node-unpublished p.unpublished > *,
.lt-ie8 .comment-unpublished > * {
  position: relative; /* Otherwise these elements will appear below the "Unpublished" text. */
}

/*************************/
.field-name-field-logo {
	position: absolute;
	top: 7em;
	right: 4em;
	z-index: 10;
}
.non-premium .field-name-field-logo {
	opacity: .5;
}

/***** node: broker, display type: full *****/
.field-group-format.group-broker-info {
	background-color: #f2f2f2;
	border: 1px #b4b4b4 solid;
	margin: 0 2px;
	padding-bottom: 36px;
	margin-bottom: -36px;
	min-height: 238px;
}

.field-group-format.broker-info-left {
	background-color: #fff;
	border: 1px #b4b4b4 solid;
	box-shadow: 1px 1px 10px #aaa;
	float: left;
	margin: 20px 20px 24px 20px;
	width: 530px;
	height: 193px;
}

.field-group-format.broker-info-left .group-logo-wrapper {
	width: 220px;
	height: 193px;
	float: left;
	text-align: center;
}

.node-broker .field-group-format.broker-info-left .group-fields-wrapper {
	float: left;
	height: 193px;
	width: 310px;
}

.node-forex-platform .field-group-format.broker-info-left .group-fields-wrapper {
	float: left;
	height: 193px;
	/*width: 310px;*/
	margin: 59px 0 0 20px;
}

.field-group-format.broker-info-left .group-fields-wrapper .field {

}
.field-group-format.broker-info-left .group-fields-wrapper .field-name-field-regulation .field-items {
	width: 183px;
	overflow: hidden;
	height: 1.5em;
}

.field-group-format.broker-info-left .group-fields-wrapper .field-name-field-headquarters .field-items {
width: 210px;
}

.field-group-format.broker-info-left .group-fields-wrapper .field-items .field-item {
	display: inline-block;
	margin-right: .5em;
	
}

.field-group-format.broker-info-left .group-fields-wrapper .field-items .field-item+.field-item {
	--border-left: 1px #ccc solid;
	--padding-left: .5em;
}

.field-group-format.broker-info-left .field-name-field-logo {
	position: static;
	padding-top: 59px;
}

.field-group-format.broker-info-left .field .field-label {
	background-color: transparent;
	width: auto;
	text-align: left;
	margin: 0;
	padding: 0;
}

.field-group-format.broker-info-right {
	width: 385px;
	text-align: center;
	margin: 20px 20px 20px 590px;
	font-size: 18px;
	height: 193px;
	box-shadow: 1px 1px 20px #AAA;
	border-radius: 13px;
}

.field-group-format.broker-info-right .field-type-text {
	font-weight: bold;
	color: white;
	padding-top: 1em;
	padding-bottom: .25em;
	height: 1.5em;
}

.field-group-format.broker-info-right .field-type-link-field,
.views-row .readmore {
	height: auto;
	width: 200px;
	border-radius: 10px;
	transition: all 0.3s ease-out;
	box-shadow: inset 0 2px 1px rgba(255,255,255,0.5);
	background-color: #fff;
	margin: 1em auto;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 1px #08224a;
}

.broker-compare-table .field_real_account:hover,
.broker-compare-table .field_demo_account_link:hover,
.field-group-format.broker-info-right .field-type-link-field:hover,
.views-row .readmore:hover{
	box-shadow: inset 0 1px 1px #fff;

}

.broker-compare-table .field_real_account a:hover,
.broker-compare-table .field_demo_account_link a:hover,
.field-group-format.broker-info-right .field-type-link-field a:hover,
.views-row .readmore a:hover{
	box-shadow: inset 0 -5px 3px #245386;
	text-decoration: none;
}

.broker-compare-table .field_real_account a,
.broker-compare-table .field_demo_account_link a,
.field-group-format.broker-info-right .field-type-link-field a,
.views-row .readmore a{
	text-decoration: none;
	color: white;
	font-weight: bold;
	display: block;
	height: 42px;
	line-height: 42px;
	border-radius: 10px;
	transition: all 0.3s ease-out;
}

.broker-compare-table .field_real_account a,
.broker-compare-table .field_demo_account_link a {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 3px #525252;
}

.broker-compare-table .field_demo_account_link a,
.field-group-format.broker-info-right .field-name-field-demo-account-link,
.views-row .readmore {
	border: 1px #174b8c solid;
	background: #245096; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNCUiIHN0b3AtY29sb3I9IiMyNDUwOTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMwODIyNGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #245096 24%, #08224a 75%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(24%,#245096), color-stop(75%,#08224a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #245096 24%,#08224a 75%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #245096 24%,#08224a 75%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #245096 24%,#08224a 75%); /* IE10+ */
	background: linear-gradient(to bottom,  #245096 24%,#08224a 75%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#245096', endColorstr='#08224a',GradientType=0 ); /* IE6-8 */

}

.broker-compare-table .field_real_account a,
.field-group-format.broker-info-right .field-name-field-real-account {
	border: 1px #0554ae solid;
	background-color: transparent;

	background: #2781dc; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMyNzgxZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDU1NGFlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  #2781dc 50%, #0554ae 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#2781dc), color-stop(100%,#0554ae)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2781dc 50%,#0554ae 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2781dc 50%,#0554ae 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2781dc 50%,#0554ae 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2781dc 50%,#0554ae 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2781dc', endColorstr='#0554ae',GradientType=0 ); /* IE6-8 */

}

.readmore {
	margin-top: -1em;
	text-align: right;
}
.views-row .readmore {
	margin: 0;
	float: right;
	width: auto;
}
.views-row .readmore a {
	font-size: 12px;
	height: 32px;
	line-height: 32px;
	padding: 0 6px;
}
.views-row .node-links {
	float: none;
	margin-bottom: 0;
	height: auto;
}
.views-row .node-links ul.links {
	display: block;
	float: none;
	text-align: right;
}
.views-row .node-links ul.links,
.views-row .node-links li {
	height: auto;
}
.section-tag .node-teaser {
	margin: 2em 0;
	padding-bottom: 2em;
	border-bottom: 1px #c4c4c4 solid;
}

.node-readmore {
	
}

.node-readmore  a {
	width: auto;
	display: block;
	line-height: 14px;
	padding: 0 25px;
	font-size: 12px;
	color: #036;
	font-weight: bold;
	white-space: nowrap;
	margin: 7px 0;
	float: right;

}
.book-navigation .page-up {
    display: block;
    float: left;
    margin: 0 1%;
    width: 31%;
}
.book-navigation .page-previous {
    display: block;
    float: left;
    text-align: left;
    width: 33%;
}
.book-navigation .page-next {
    display: block;
    float: right;
    text-align: right;
    width: 33%;
}


a.big_solid_button {
	display:inline-block;
	width:125px;
	height:25px;
	text-align:center;
	font-weight:bold;
	font-size: 14px;
    color: #fefefe;
    text-decoration: none !important;
    border: 1px solid #2575bf;
    border-radius: 6px;
    background-color: #183c75;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA3MjE0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI1NTI5YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(bottom, #072149 0%, #25529a 100%);
    background: -o-linear-gradient(bottom, #072149 0%, #25529a 100%);
    background: linear-gradient(bottom, #072149 0%, #25529a 100%);
    background: -webkit-linear-gradient(bottom, #072149 0%, #25529a 100%);
}

a.big_solid_button:hover {
	background-position: 0 bottom;
	text-decoration: none;
}

 a.big_solid_button, a.small_solid_button{
	color:#fff;
}
 a.small_solid_button{
	display:inline-block;
	width:87px;
	height:18px;
	text-align:center;
	font-weight:bold;
	font-size: 11px;
	line-height: 17px;
	text-decoration: none;
     color: #fefefe;
     text-decoration: none !important;
     border-radius: 6px;
}
a.small_solid_button:hover{
	background-position: 0 bottom;
	text-decoration: none;
}

/***for none solid buttons****/

a.big_nsolid_button {
	display:inline-block;
	width:125px;
	height:25px;
	text-align:center;
	font-weight:bold;
	font-size: 14px;
	text-decoration: none;
	text-shadow: 0.1em 0.1em 0.1em black;
}

a.big_nsolid_button:hover {
	background-position: 0 bottom;
	text-decoration: none;
}

 a.big_nsolid_button, a.small_nsolid_button{
	color:#fff;
}
 a.small_nsolid_button{
	display:inline-block;
	width:87px;
	height:18px;
	text-align:center;
	font-weight:bold;
	font-size: 11px;
	line-height: 17px;
	text-decoration: none;
	text-shadow: 0.1em 0.1em 0.1em black;
}
a.small_nsolid_button:hover {
	background-position: 0 bottom;
	text-decoration: none;
}