/* === normalize === */
/* HTML5 display definitions */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* Base */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #4d6071; }
body { margin: 0; font-size: 11px; line-height: normal; }
::-moz-selection { background: #0c3776; color: #fff; text-shadow: none; }
::selection { background: #0c3776; color: #fff; text-shadow: none; }

/* Links */
a {color: #0c3776; }
a:visited { color: #0c3776; }
a:hover { color: #3389ff; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

/* Typography */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 12px 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 12px 0; padding: 0;}
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 12px; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -6px; }
sub { bottom: -3px; }

/* Lists */
ul, ol { margin: 12px 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/* Embedded content */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }

/* Forms */
button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }

/* Tables */
table { border-collapse: collapse; border-spacing: 0;}
td { vertical-align: top; }

/* === primary styles === */

body {background-color:#ffffff; padding:0;}
a, a:visited, a:hover, a:active {text-decoration:none;}

nav {padding:3px 0 0 0; margin:0 0 3px 0; background-color:#0c3776; box-shadow: 0 0 3px #999999; height:21px; overflow:hidden;}
nav ul {height:22px; overflow:hidden; background: #fefefe; white-space:nowrap; background: linear-gradient(bottom, #e6e6e6 0%, #fefefe 56%, #e6e6e6 100%);
background: -o-linear-gradient(bottom, #e6e6e6 0%, #fefefe 56%, #e6e6e6 100%);
background: -moz-linear-gradient(bottom, #e6e6e6 0%, #fefefe 56%, #e6e6e6 100%);
background: -webkit-linear-gradient(bottom, #e6e6e6 0%, #fefefe 56%, #e6e6e6 100%);
background: -ms-linear-gradient(bottom, #e6e6e6 0%, #fefefe 56%, #e6e6e6 100%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e6e6e6), color-stop(0.56, #fefefe), color-stop(1, #e6e6e6)); }
nav ul li {display:block; float:left; margin:0; padding:0; background: #0c3776;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#0c3776) to(#e6e6e6));
background: -webkit-linear-gradient(#0c3776, #e6e6e6);
background: -moz-linear-gradient(#0c3776, #e6e6e6);
background: -ms-linear-gradient(#0c3776, #e6e6e6);
background: -o-linear-gradient(#0c3776, #e6e6e6);
background: linear-gradient(#0c3776, #e6e6e6);
}/* display:inline-block; */
nav ul li a, nav ul li a:visited {display:block; padding:4px 5px; color:#fff; text-decoration:none; color:#334c95; border-right:1px solid #cad0e2; text-align:center;
background: #fefefe;
background: linear-gradient(bottom, #e6e6e6 0%, #fefefe 56%, #e6e6e6 100%);
background: -o-linear-gradient(bottom, #e6e6e6 0%, #fefefe 56%, #e6e6e6 100%);
background: -moz-linear-gradient(bottom, #e6e6e6 0%, #fefefe 56%, #e6e6e6 100%);
background: -webkit-linear-gradient(bottom, #e6e6e6 0%, #fefefe 56%, #e6e6e6 100%);
background: -ms-linear-gradient(bottom, #e6e6e6 0%, #fefefe 56%, #e6e6e6 100%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e6e6e6), color-stop(0.56, #fefefe), color-stop(1, #e6e6e6));}

nav ul li a:hover, nav ul li a:active, nav ul li a.selected {color:#ffffff; border-right:1px solid #0c3776;
background: #0f4493;
background: linear-gradient(bottom, #0f4493 0%, #10499c 56%, #0c3776 100%);
background: -o-linear-gradient(bottom, #0f4493 0%, #10499c 56%, #0c3776 100%);
background: -moz-linear-gradient(bottom, #0f4493 0%, #10499c 56%, #0c3776 100%);
background: -webkit-linear-gradient(bottom, #0f4493 0%, #10499c 56%, #0c3776 100%);
background: -ms-linear-gradient(bottom, #0f4493 0%, #10499c 56%, #0c3776 100%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0f4493), color-stop(0.56, #10499c), color-stop(1, #0c3776));
border-radius:0 0 3px 3px;
}
nav ul li a.selected {cursor:default;}
.no-cssgradients nav {position:relative; z-index:100;}
.no-cssgradients nav ul, .no-cssgradients nav ul li, .no-cssgradients nav ul li a,

#hrefRisersAndFallers {background:url(../Images/risersAndFallersTab.png) no-repeat 0 0; display:block; height:21px; width:36px; padding:0 !important; behavior:none;}
#hrefRisersAndFallers:hover, #hrefRisersAndFallers.selected {background-position: 0 -21px;}
.lt-ie8 #hrefRisersAndFallers {background-image:url(../Images/risersAndFallersTabIE7.png);}

.tabPanel {display:none;}
.first {display:block;} /* initial tab display */

table {width:100%; border:none;}
table tr {background-color:#f8fafe;}
table tr.odd {background-color:#e3ebfc;}
table tr:hover, table tr.odd:hover {background-color:#ccdbfa;}
table tr th, table tr td {text-align:left; padding:1px 5px; border:none; margin:0;}
table tr th.instName {max-width:100px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; -ms-text-overflow:ellipsis;}
.ie-only table tr th.instName span {overflow:hidden; white-space: nowrap; text-overflow:ellipsis; -ms-text-overflow:ellipsis; width:100px; display:block;}
table tr td.sell, table tr td.sell {text-align:center;}
table tr.red td span, table tr.redChange td.change span {color:#ef2929;}
table tr.green td span, table tr.greenChange td.change span {color:#4e9a06;}
table tr td.change {text-align:center; vertical-align:middle;}


.button {display:block; padding:1px 2px; text-align:center; text-decoration:none; background-color:#fff; border: 1px solid #a1b5df; color:#4d6071; white-space:nowrap;}
.button:hover, .button:active {border-color:#3389ff;}

#branding {padding:1px; text-align:center; color:#0c3776; font-size:11px;}
#branding a {display:inline-block; height:22px; width:63px; background:url(../Images/plus500Logo_63x22.gif) no-repeat 0 0;}
#risk-warning {padding:.25em .5em; margin:.25em; border:1px solid #eaeff6; color:#3465A4; background-color:#f2f9ff; text-align:center;}
#warning {display:block; color:#0c3776; font-size:10px; padding:1px 0; line-height:11px; font-weight:bold;}

/* RTL styles */
#lang_he, #lang_ar {direction:rtl;}
#lang_he nav ul li, #lang_ar nav ul li {float:right;}
#lang_he table tr th, #lang_ar table tr th  {text-align:right;}
#lang_he table tr td.change, #lang_ar table tr td.change {direction:ltr; text-align:center;}

/* Language specific fixes */
#lang_ar table tr th.instName {max-width:70px;}
#lang_ar table tr th, #lang_ar table tr td {padding:1px 3px;}
.ie-only #lang_ar table tr th.instName, .ie-only #lang_ar table tr th.instName span {width:70px;}
#lang_ar.narrow table tr th {padding:2px 4px 2px 0 !important;}
#lang_ar .singleCat nav ul li {float:none;}

.ie-only #lang_bg table tr th.instName, .ie-only #lang_bg table tr th.instName span {width:80px;}

#lang_et nav ul li a, #lang_et nav ul li a:visited {padding:4px 3px;}

#lang_fi nav ul li a, #lang_fi nav ul li a:visited {padding:4px 3px;}
.ie-only #lang_fi table tr th.instName, .ie-only #lang_fi table tr th.instName span {width:80px;}

#lang_fr table tr th.instName {max-width:80px;}
#lang_fr table tr th, #lang_fr table tr td {padding:1px 3px;}
.ie-only #lang_fr table tr th.instName, .ie-only #lang_fr table tr th.instName span {width:80px;}

#lang_de table tr th.instName {max-width:85px;}
#lang_de table tr th, #lang_de table tr td {padding:1px 3px;}
.ie-only #lang_de table tr th.instName, .ie-only #lang_de table tr th.instName span {width:85px;}

#lang_el table tr th.instName {max-width:70px;}
#lang_el table tr th, #lang_el table tr td {padding:1px 2px;}
#lang_el .button {padding:0 1px;}
#lang_el #branding {font-size: 9px;}
.ie-only #lang_el table tr th.instName, .ie-only #lang_el table tr th.instName span {width:70px;}

#lang_es nav ul li a, #lang_es nav ul li a:visited {padding:4px 3px;}

#lang_es.narrow table tr th.instName {max-width:70px;}
#lang_es.narrow .button {font-size:9px;}

#lang_he table tr th.instName {max-width:70px;}
#lang_he table tr th, #lang_he table tr td {padding:1px 3px;}
.ie-only #lang_he table tr th.instName, .ie-only #lang_he table tr th.instName span {width:70px;}
#lang_he.narrow table tr th {padding:2px 4px 2px 0 !important;}
#lang_he .singleCat nav ul li {float:none;}

#lang_et.narrow table tr th.instName {max-width:66px;}
.ie-only #lang_et.narrow table tr th.instName {max-width:66px;}

.ie-only #lang_it table tr th.instName, .ie-only #lang_it table tr th.instName span {width:70px;}


/* bg, cs, et, mt, ru, sk, es, tr specific */
#lang_bg #branding, #lang_cs #branding, #lang_et #branding, #lang_mt #branding, #lang_ru #branding, #lang_sk #branding, #lang_es #branding, #lang_tr #branding {
    font-size: 10px;
}


/*#lang_is nav ul li a, #lang_is nav ul li a:visited {padding:4px 1px;}*/
#lang_is nav ul li {margin:0 1px 0 0; font-size:10px;}
#lang_is table tr th, #lang_is table tr td {padding:1px 3px;}
#lang_is.narrow nav ul li {margin:auto; font-size:11px;}
#lang_is.narrow table tr th.instName {max-width:70px;}
#lang_is.narrow .button {font-size:9px;}
.ie-only #lang_is.narrow table tr th.instName {max-width:66px;}

#lang_hu.narrow table tr th.instName {max-width:90px;}

#lang_fi.narrow table tr td { font-size: 10px; }
#lang_fi.narrow table tr th.instName {max-width:86px;}

#lang_lv table tr th.instName, #lang_lv table tr th.instName span {max-width:80px;}
/*.ie-only #lang_lv table tr th.instName, .ie-only #lang_lv table tr th.instName span {width:80px;}*/

#lang_mt nav ul li a, #lang_mt nav ul li a:visited {padding:4px 3px;}
#lang_mt table tr th.instName {max-width:80px;}
#lang_mt table tr th, #lang_mt table tr td {padding:1px 3px;}
.ie-only #lang_mt table tr th.instName, .ie-only #lang_mt table tr th.instName span {width:80px;}

#lang_nl table tr th.instName {max-width:80px;}
#lang_nl table tr th, #lang_nl table tr td {padding:1px 3px;}

.ie-only #lang_pl table tr th.instName, .ie-only #lang_pl table tr th.instName span {width:80px;}

.ie-only #lang_pt table tr th.instName, .ie-only #lang_pt table tr th.instName span {width:80px;}

#lang_ro nav ul li a, #lang_ro nav ul li a:visited {padding:4px 3px;}
#lang_ro table tr th.instName {max-width:80px;}
#lang_ro table tr th, #lang_ro table tr td {padding:1px 3px;}
#lang_ro table tr td a.button { font-size: 10px; }
.ie-only #lang_ro table tr th.instName, .ie-only #lang_ro table tr th.instName span {width:80px;}
.ie-only #lang_ro table tr td { font-size: 10px; }

#lang_ru nav ul li a, #lang_ru nav ul li a:visited {padding:5px 2px; font-size:9px;}
#lang_ru nav ul li {margin:0 1px 0 0; font-size:10px;}
#lang_ru table tr th.instName {max-width:80px;}
#lang_ru table tr th, #lang_ru table tr td {padding:1px 3px;}
.ie-only #lang_ru table tr th.instName, .ie-only #lang_ru table tr th.instName span {width:80px;}

#lang_ru.narrow nav ul li {margin:auto; font-size:11px;}
#lang_ru.narrow table tr th.instName {max-width:70px;}
#lang_ru.narrow .button {font-size:9px;}

#lang_sk table tr th.instName {max-width:80px;}
#lang_sk table tr th, #lang_sk table tr td {padding:1px 3px;}
.ie-only #lang_sk table tr th.instName, .ie-only #lang_sk table tr th.instName span {width:80px;}

.ie-only #lang_sl table tr th.instName, .ie-only #lang_sl table tr th.instName span {width:80px;}

#lang_tr nav ul li a, #lang_tr nav ul li a:visited {padding:4px 2px;}
#lang_es table tr th, #lang_es table tr td {padding:1px 3px;}

/* Narrow Styles */
.narrow #wrap {height:305px; width:250px; overflow:hidden;}
.narrow nav {height:auto; padding:0;}
.narrow nav ul {height:auto;}
.narrow nav ul li {display:block; float:left; margin:0; padding:0; width:50%;}
.narrow nav ul li a {padding:3px 0; border-width:1px 1px 1px 1px; border-color:#e6e6e6 #e6e6e6 #f0f0f0 #f0f0f0; border-style:solid;}
.narrow nav ul li a:hover, .narrow nav ul li a:active, .narrow nav ul li a.selected {border-radius:0; border-color:#176ae5 #176ae5 #186ef0 #186ef0;}
.narrow table tr th {padding:2px 0 2px 4px !important;}
.narrow table tr td {padding:2px !important;}
.narrow .button {padding:1px !important;}
.narrow .wide {display:none;}
.wide .narrow {display:none;}

/* Narrow Single */
.narrow .singleCat nav ul li {width:100%;}



/* Single Wide */
.singleCat nav ul li {float:none;}
.singleCat #hrefRisersAndFallers {
	height:auto; width:auto; padding:3px !important;
	background: #0f4493;
	background: linear-gradient(bottom, #0f4493 0%, #10499c 56%, #0c3776 100%);
	background: -o-linear-gradient(bottom, #0f4493 0%, #10499c 56%, #0c3776 100%);
	background: -moz-linear-gradient(bottom, #0f4493 0%, #10499c 56%, #0c3776 100%);
	background: -webkit-linear-gradient(bottom, #0f4493 0%, #10499c 56%, #0c3776 100%);
	background: -ms-linear-gradient(bottom, #0f4493 0%, #10499c 56%, #0c3776 100%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0f4493), color-stop(0.56, #10499c), color-stop(1, #0c3776));}
.lt-ie8 .singleCat #hrefRisersAndFallers {background-image:none;}

/* Dark Theme */
.dark {background-color:#0c3776;}
.dark nav {background-color:#e7e7e7;box-shadow: 0 0 3px #000000;}
.dark nav ul {
	background: #0c3776 !important;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#0c3776) to(#000000));
	background: -webkit-linear-gradient(#0c3776, #000000);
	background: -moz-linear-gradient(#0c3776, #000000);
	background: -ms-linear-gradient(#0c3776, #000000);
	background: -o-linear-gradient(#0c3776, #000000);
	background: linear-gradient(#0c3776, #000000);}
.dark nav ul li {
	background: #fefefe;
	background: -o-linear-gradient(bottom, #e6e6e6 0%, #fefefe 56%, #e6e6e6 100%);
	background: -moz-linear-gradient(bottom, #e6e6e6 0%, #fefefe 56%, #e6e6e6 100%);
	background: -webkit-linear-gradient(bottom, #e6e6e6 0%, #fefefe 56%, #e6e6e6 100%);
	background: -ms-linear-gradient(bottom, #e6e6e6 0%, #fefefe 56%, #e6e6e6 100%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e6e6e6), color-stop(0.56, #fefefe), color-stop(1, #e6e6e6));
	background: linear-gradient(bottom, #e6e6e6 0%, #fefefe 56%, #e6e6e6 100%);}
.dark nav ul li a, .dark nav ul li a:visited {
	background: #0f4493;
	background: linear-gradient(bottom, #0f4493 0%, #10499c 56%, #0c3776 100%);
	background: -o-linear-gradient(bottom, #0f4493 0%, #10499c 56%, #0c3776 100%);
	background: -moz-linear-gradient(bottom, #0f4493 0%, #10499c 56%, #0c3776 100%);
	background: -webkit-linear-gradient(bottom, #0f4493 0%, #10499c 56%, #0c3776 100%);
	background: -ms-linear-gradient(bottom, #0f4493 0%, #10499c 56%, #0c3776 100%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0f4493), color-stop(0.56, #10499c), color-stop(1, #0c3776));
}
.dark nav ul li a:hover, .dark nav ul li a:active, .dark nav ul li a.selected {color:#ffffff; border-right:1px solid #0c3776;
	background: #fefefe;
	background: linear-gradient(bottom, #e6e6e6 0%, #fefefe 56%, #e6e6e6 100%);
	background: -o-linear-gradient(bottom, #e6e6e6 0%, #fefefe 56%, #e6e6e6 100%);
	background: -moz-linear-gradient(bottom, #e6e6e6 0%, #fefefe 56%, #e6e6e6 100%);
	background: -webkit-linear-gradient(bottom, #e6e6e6 0%, #fefefe 56%, #e6e6e6 100%);
	background: -ms-linear-gradient(bottom, #e6e6e6 0%, #fefefe 56%, #e6e6e6 100%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e6e6e6), color-stop(0.56, #fefefe), color-stop(1, #e6e6e6));
}

.dark #hrefRisersAndFallers {background-position:0 -21px;}
.dark #hrefRisersAndFallers:hover, .dark #hrefRisersAndFallers.selected {background-position: 0 0;}

.dark nav ul li a, .dark nav ul li a:visited {color:#ffffff;}
.dark nav ul li a:hover, .dark nav ul li a:active, .dark nav ul li a.selected {color:#0c3776;}

.dark table tr {background-color:#225094;}
.dark table tr.odd {background-color:#0c3776;}

.dark table tr.red td span, .dark table tr.redChange td.change span {color:#ff9999;}
.dark table tr.green td span, .dark table tr.greenChange td.change span {color:#ccff66;}
.dark table tr:hover, .dark table tr.odd:hover {background-color:#2b64af;}


html body.dark, .dark a {color:#ffffff;}
.dark a:hover {color:#deeeff;}
.dark .button {background-color:#657fa6;}
.dark .button:hover, .dark .button:active {border-color:#ffffff;}

.dark #branding {color:#ffffff;}
.dark #branding a {background-image:url(../Images/plus500Logo_63x22_white.gif);}
.dark #risk-warning {border-color:#4977B9; color:#eaeff6; background-color:#225094;}
.dark #warning { color:#ffffff; }


/* Dark Narrow Styles */
.dark.narrow nav ul li a {border-color:#051e44 #051e44 #4977b9 #4977b9;}
.narrow nav ul li a:hover, .narrow nav ul li a:active, .narrow nav ul li a.selected {border-radius:0; border-color:#ffffff #ffffff #cccccc #cccccc;}
.narrow table tr th {padding:2px 0 2px 4px !important;}
.narrow table tr td {padding:2px !important;}
.narrow .button {padding:1px !important;}
.narrow .wide {display:none;}
.wide .narrow {display:none;}

/* Narrow Dark Single */
.dark .singleCat #hrefRisersAndFallers {background: #fefefe;
	background: -o-linear-gradient(bottom, #e6e6e6 0%, #fefefe 56%, #e6e6e6 100%);
	background: -moz-linear-gradient(bottom, #e6e6e6 0%, #fefefe 56%, #e6e6e6 100%);
	background: -webkit-linear-gradient(bottom, #e6e6e6 0%, #fefefe 56%, #e6e6e6 100%);
	background: -ms-linear-gradient(bottom, #e6e6e6 0%, #fefefe 56%, #e6e6e6 100%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e6e6e6), color-stop(0.56, #fefefe), color-stop(1, #e6e6e6));
	background: linear-gradient(bottom, #e6e6e6 0%, #fefefe 56%, #e6e6e6 100%);}

/* === Mobile Styles === */
@media only screen and (device-width: 768px) {
 /* iPad */
#lang_he table tr th, #lang_he table tr td {padding:2px 3px 3px 3px;}
#lang_ar table tr th, #lang_ar table tr td {padding:2px 3px 2px 3px;}
#lang_fr nav ul li a, #lang_fr nav ul li a:visited {padding:3px 3px 0 3px;}
#lang_pt nav ul li a, #lang_pt nav ul li a:visited {padding:3px 3px 0 3px;}
}

/* === non-semantic helper classes === */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }