@CHARSET "UTF-8"; /*========= WEB FONTS =========*/ @font-face { font-family:'Roboto'; src:url('../fonts/robotocondensed-regular-webfont.eot'); src:url('../fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-regular-webfont.woff') format('woff'), url('../fonts/robotocondensed-regular-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-regular-webfont.svg#Roboto') format('svg'); font-weight:normal; font-style:normal; } @font-face { font-family:'RobotoLight'; src:url('../fonts/robotocondensed-light-webfont.eot'); src:url('../fonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-light-webfont.woff') format('woff'), url('../fonts/robotocondensed-light-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-light-webfont.svg#RobotoLight') format('svg'); font-weight:normal; font-style:normal; } @font-face { font-family:'RobotoLightItalic'; src:url('../fonts/robotocondensed-lightitalic-webfont.eot'); src:url('../fonts/robotocondensed-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-lightitalic-webfont.woff') format('woff'), url('../fonts/robotocondensed-lightitalic-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-lightitalic-webfont.svg#RobotoLightItalic') format('svg'); font-weight:normal; font-style:normal; } @font-face { font-family:'RobotoItalic'; src:url('../fonts/robotocondensed-italic-webfont.eot'); src:url('../fonts/robotocondensed-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-italic-webfont.woff') format('woff'), url('../fonts/robotocondensed-italic-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-italic-webfont.svg#RobotoItalic') format('svg'); font-weight:normal; font-style:normal; } @font-face { font-family:'RobotoBold'; src:url('../fonts/robotocondensed-bold-webfont.eot'); src:url('../fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-bold-webfont.woff') format('woff'), url('../fonts/robotocondensed-bold-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-bold-webfont.svg#RobotoBold') format('svg'); font-weight:normal; font-style:normal; } @font-face { font-family:'RobotoBoldItalic'; src:url('../fonts/robotocondensed-bolditalic-webfont.eot'); src:url('../fonts/robotocondensed-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-bolditalic-webfont.woff') format('woff'), url('../fonts/robotocondensed-bolditalic-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-bolditalic-webfont.svg#RobotoBoldItalic') format('svg'); font-weight:normal; font-style:normal; } @font-face { font-family:'RobotoThinItalic'; src:url('../fonts/roboto-thinitalic-webfont.eot'); src:url('../fonts/roboto-thinitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-thinitalic-webfont.woff') format('woff'), url('../fonts/roboto-thinitalic-webfont.ttf') format('truetype'), url('../fonts/roboto-thinitalic-webfont.svg#RobotoThinItalic') format('svg'); font-weight:normal; font-style:normal; } @font-face { font-family:'RobotoBlack'; src:url('../fonts/Roboto-Black.eot'); src:url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Black.woff') format('woff'), url('../fonts/Roboto-Black.ttf') format('truetype'), url('../fonts/Roboto-Black.svg#RobotoBlack') format('svg'); font-weight:normal; font-style:normal; } @font-face { font-family:'RobotoBlackItalic'; src:url('../fonts/Roboto-BlackItalic.eot'); src:url('../fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-BlackItalic.woff') format('woff'), url('../fonts/Roboto-BlackItalic.ttf') format('truetype'), url('../fonts/Roboto-BlackItalic.svg#RobotoBlackItalic') format('svg'); font-weight:normal; font-style:normal; } @font-face { font-family:'RobotoMedium'; src:url('../fonts/roboto-medium-webfont.eot'); src:url('../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-medium-webfont.woff') format('woff'), url('../fonts/roboto-medium-webfont.ttf') format('truetype'), url('../fonts/roboto-medium-webfont.svg#RobotoMedium') format('svg'); font-weight:normal; font-style:normal; } @font-face { font-family:'RobotoRegular'; src:url('../fonts/roboto-regular-webfont.eot'); src:url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-regular-webfont.woff') format('woff'), url('../fonts/roboto-regular-webfont.ttf') format('truetype'), url('../fonts/roboto-regular-webfont.svg#RobotoRegular') format('svg'); font-weight:normal; font-style:normal; } @font-face { font-family:'RobotoRegularBold'; src:url('../fonts/roboto-bold-webfont.eot'); src:url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-bold-webfont.woff') format('woff'), url('../fonts/roboto-bold-webfont.ttf') format('truetype'), url('../fonts/roboto-bold-webfont.svg#RobotoRegularBold') format('svg'); font-weight:normal; font-style:normal; } @font-face { font-family:'Belgrano'; src:url('../fonts/belgrano-regular-webfont.eot'); src:url('../fonts/belgrano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/belgrano-regular-webfont.woff') format('woff'), url('../fonts/belgrano-regular-webfont.ttf') format('truetype'), url('../fonts/belgrano-regular-webfont.svg#Belgrano') format('svg'); font-weight:normal; font-style:normal; } /* RESET CSS **************************************/ /*! normalize.css 2011-09-22T17:42 UTC - http://github.com/necolas/normalize.css */ /* ============================================================================= HTML5 display definitions ========================================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } table, caption, tbody, tfoot, thead, tr, th, td, { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* * Corrects block display not defined in IE6/7/8/9 & FF3 */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } /* * Corrects inline-block display not defined in IE6/7/8/9 & FF3 */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* * Prevents modern browsers from displaying 'audio' without controls */ audio:not([controls]) { display: none; } /* * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Known issue: no IE6 support */ [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ /* * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units * http://clagnut.com/blog/348/#c790 * 2. Keeps page centred in all browsers regardless of content height * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { font-size: 100%; /* 1 */ overflow-y: scroll; /* 2 */ -webkit-text-size-adjust: 100%; /* 3 */ -ms-text-size-adjust: 100%; /* 3 */ } /* * Addresses margins handled incorrectly in IE6/7 */ body { margin: 0; } /* * Addresses font-family inconsistency between 'textarea' and other form elements. */ body, button, input, select, textarea { font-family: sans-serif; } /* ============================================================================= Links ========================================================================== */ /*a { color: #00e; } a:visited { color: #551a8b; }*/ /* * Addresses outline displayed oddly in Chrome */ a:focus { outline: 0; } /* * Improves readability when focused and also mouse hovered in all browsers * people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: 0; } a img, iframe, object { border: none; } a { outline:0; } :focus { outline: 0; } select { outline:0; } button::-moz-focus-inner { border: 0; } input::-moz-focus-inner { border: 0; } /* ============================================================================= Typography ========================================================================== */ /* * Addresses styling not present in IE7/8/9, S5, Chrome */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to 'bolder' in FF3/4, S4/5, Chrome */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* * Addresses styling not present in S5, Chrome */ dfn { font-style: italic; } /* * Addresses styling not present in IE6/7/8/9 */ mark { background: #ff0; color: #000; } /* * Corrects font family set oddly in IE6, S4/5, Chrome * en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * 1. Addresses CSS quotes not supported in IE6/7 * 2. Addresses quote property not supported in S4 */ /* 1 */ q { quotes: none; } /* 2 */ q:before, q:after { content: ''; content: none; } small { font-size: 75%; } /* * Prevents sub and sup affecting line-height in all browsers * gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ============================================================================= Lists ========================================================================== */ ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; } /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 * 2. Improves image quality when scaled in IE7 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* * Corrects overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ /* * Addresses margin not present in IE6/7/8/9, S5, O11 */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ /* * Corrects margin displayed oddly in IE6/7 */ form { margin: 0; } /* * Define consistent border, margin, and padding */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * 1. Corrects color not being inherited in IE6/7/8/9 * 2. Corrects alignment displayed oddly in IE6/7 */ legend { border: 0; /* 1 */ *margin-left: -7px; /* 2 */ } /* * 1. Corrects font size not being inherited in all browsers * 2. Addresses margins set differently in IE6/7, FF3/4, S5, Chrome * 3. Improves appearance and consistency in all browsers */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ button, input { line-height: normal; /* 1 */ } /* * 1. Improves usability and consistency of cursor style between image-type 'input' and others * 2. Corrects inability to style clickable 'input' types in iOS * 3. Corrects inner spacing displayed oddly in IE7 without effecting normal text inputs * Known issue: inner spacing remains in IE6 */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } /* * 1. Addresses box sizing set to content-box in IE8/9 * 2. Addresses excess padding in IE8/9 */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /* * 1. Addresses appearance set to searchfield in S5, Chrome * 2. Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Corrects inner padding displayed oddly in S5, Chrome on OSX */ input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Corrects inner padding and border displayed oddly in FF3/4 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE6/7/8/9 * 2. Improves readability and alignment in all browsers */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ============================================================================= Tables ========================================================================== */ /* * Remove most spacing between table cells */ table { border-collapse: collapse; border-spacing: 0; } /* CLEARFIX CSS **************************************/ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .clear_floats { clear:both; } /*========= WEB FONTS =========*/ /*@font-face { font-family:'Belgrano'; src:url('fonts/belgrano-regular-webfont.eot'); src:url('fonts/belgrano-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/belgrano-regular-webfont.woff') format('woff'), url('fonts/belgrano-regular-webfont.ttf') format('truetype'), url('fonts/belgrano-regular-webfont.svg#Belgrano') format('svg'); font-weight:normal; font-style:normal; }*/ /* MTS CSS **************************************/ /* BASIC LAYOUT CSS **************************************/ html { background-color:#E8E8E8; } body { /*padding:20px 20px 20px 20px;*/ font-size: 13px; text-align:center; /*background-color:#F7F7F7;*/ /*min-width:720px;*/ /*min-width:980px;*/ } .container-fluid { width:100%; padding:0px; } #content_container { position:relative; top:0px; left:0px; /*width:100%;*/ min-height:300px; padding-top:130px; padding-bottom:25px; padding-left:20px; padding-right:20px; text-align:left; background-color:#fff; margin-bottom:0px !important; z-index:20; } /*========= FOOTER =========*/ #footer_container { position:relative; top:0px; width:100%; height:auto; text-align:center; background-color:#E8E8E8; padding-bottom:50px; z-index:10; } #footer_top { position:relative; top:0px; left:0px; text-align:justify; font-size:9px; color:#666; line-height:1.3; padding-top:15px; padding-bottom:15px; border-top:1px solid #DADADA; border-bottom:1px solid #DADADA; padding-left:20px; padding-right:20px; } #footer_top p { margin-bottom:15px; } #footer_top p:last-of-type { margin-bottom:0px; } #footer { position:relative; top:0px; height:auto; margin:0 auto; padding-top:1px; /*padding-left:20px;*/ /*padding-right:20px;*/ /*min-width:980px; max-width:80%;*/ } #footer_left { position:relative; top:0px; /*float:left; width:680px;*/ margin-top:15px; margin-left:0px; z-index: 100; } .footer_left_column { position:relative; top:0px; float:left; width:200px; text-align:left; margin-right:30px; } .footer_left_column_last { margin-right:0px; } .footer_left_column h3 { position:relative; top:0px; left:0px; font-family:"Belgrano", "Times New Roman", serif; font-size:18px; color:#002d62; font-weight:normal; width:100%; text-align:left; padding-bottom:9px; border-bottom:1px solid #DADADA; margin-bottom:6px; } .footer_left_column ul { position:relative; top:0px; left:0px; font-size:12px; color:#333333; margin:0px; padding:0px; list-style-type:none; } .footer_left_column ul li { margin-bottom:7px; } .footer_left_column ul li a { color:#333333; text-decoration:none; display:block; } .footer_left_column ul li a:hover { font-weight:bold; font-style:italic; } #footer_awards { position:relative; top:0px; margin-top:29px; } #footer_awards img:first-child { margin-right:7px; } #footer_icons a { display: block; float: right; border: none; text-decoration: none; font-size: 5px; background: url("../img/promomap.gif") no-repeat; background-color: transparent; margin-left: 11px; cursor: default; } #footer_icons a.promo_barron { width: 123px; height: 33px; background-position: -0px -0px !important; } #footer_icons a.promo_deloitte { width: 68px; height: 33px; background-position: -123px -0px !important; } #footer_icons a.promo_500 { width: 40px; height: 33px; background-position: -191px -0px !important; } #footer_awards a { display: block; float: left; border: none; text-decoration: none; font-size: 5px; background: url("../img/awards.gif") no-repeat; background-color: transparent; cursor: default; } #footer_awards a:last-child { margin-left: 11px; } #footer_awards a.oatrading { width: 83px; height: 83px; background-position: -0px -0px !important; } #footer_awards a.atrading { width: 83px; height: 83px; background-position: -83px -0px !important; } #footer_icons a:hover, #footer_icons a:active, #footer_icons a:link, #footer_awards a:hover, #footer_awards a:active, #footer_awards a:link { text-decoration: none; } #footer_right { position:relative; top:0px; /*float:right; width:250px;*/ margin-top:15px; margin-right:0px; z-index: 100; } #footer_right h3 { position:relative; top:0px; left:0px; font-family:"Belgrano", "Times New Roman", serif; font-size:18px; color:#002d62; font-weight:normal; width:100%; text-align:left; margin-bottom:6px; } .footer_social_links { position:relative; top:0px; float:left; margin-left:0px; transition-property:opacity; transition-duration:0.5s; display:inline-block; margin-right:1px; margin-bottom:35px; width:49px; height:48px; } .footer_social_links_t { background-image:url(../img/sprite-1.png); background-position:0px -408px; } .footer_social_links_fb { background-image:url(../img/sprite-1.png); background-position:0px -360px; } .footer_social_links_in { background-image:url(../img/sprite-1.png); background-position:0px -456px; } .footer_social_links_yt { background-image:url(../img/sprite-1.png); background-position:0px -504px; } .footer_social_links_g { background-image:url(../img/sprite-1.png); background-position:-1px -552px; } .footer_social_links_last { margin-right:0px; } .footer_social_links:hover { opacity:0.6; } #footer_btn_open_account { position:relative; top:0px; float:left; text-align:center; font-size:14px; line-height:33px; height:33px; overflow:hidden; background-color:#527A24; background:url("../img/btn_arrow_dropdown.png"), url("../img/btn_open_account_bg.png"); background-position:95% 50%, top left; background-repeat:no-repeat, repeat-x; font-size:14px; color:#ffffff; font-family:'Belgrano', "Times New Roman", serif; text-decoration:none; text-shadow:-1px -1px 0px #536B37; padding:0px 25px 0px 15px; -khtml-border-radius:16px; /* Konqueror */ -rim-border-radius:16px; /* RIM */ -ms-border-radius:16px; /* Microsoft */ -o-border-radius:16px; /* Opera */ -moz-border-radius:16px; /* Mozilla (e.g Firefox) */ -webkit-border-radius:16px; /* Webkit (e.g. Safari and Chrome) */ border-radius:16px; /* W3C */ cursor:default; z-index:10; } #footer_btn_open_account span a { color:white; text-decoration:none; } #footer_btn_open_account ul { position:absolute; top:25px; left:0px; text-align:left; list-style-type:none; padding:0px; margin:0px; width:100%; background-color:#527A24; background:url(../img/border_drop_down_open_account.png), url(../img/bg_dropdown.png); background-position:0px 10px, top left; background-repeat:no-repeat, repeat; opacity:0; -khtml-border-bottom-right-radius:5px; /* Konqueror */ -rim-border-bottom-right-radius:5px; /* RIM */ -ms-border-bottom-right-radius:5px; /* Microsoft */ -o-border-bottom-right-radius:5px; /* Opera */ -moz-border-bottom-right-radius:5px; /* Mozilla (e.g Firefox) */ -webkit-border-bottom-right-radius:5px; /* Webkit (e.g. Safari and Chrome) */ border-bottom-right-radius:5px; /* W3C */ -khtml-border-bottom-left-radius:5px; /* Konqueror */ -rim-border-bottom-left-radius:5px; /* RIM */ -ms-border-bottom-left-radius:5px; /* Microsoft */ -o-border-bottom-left-radius:5px; /* Opera */ -moz-border-bottom-left-radius:5px; /* Mozilla (e.g Firefox) */ -webkit-border-bottom-left-radius:5px; /* Webkit (e.g. Safari and Chrome) */ border-bottom-left-radius:5px; /* W3C */ box-shadow:0px 3px 3px #000; padding-top:15px; padding-bottom:5px; z-index:0; } #footer_btn_open_account ul li { padding-left:15px; } #footer_btn_open_account ul li a { color:#fff; text-decoration:none; text-shadow:-1px -1px 0px #536B37; display:block; padding-top:3px; padding-bottom:3px; } #footer_btn_open_account ul li:hover { background-color:#3C5A1A; } #footer_btn_open_account:hover { -khtml-border-bottom-right-radius:0px; /* Konqueror */ -rim-border-bottom-right-radius:0px; /* RIM */ -ms-border-bottom-right-radius:0px; /* Microsoft */ -o-border-bottom-right-radius:0px; /* Opera */ -moz-border-bottom-right-radius:0px; /* Mozilla (e.g Firefox) */ -webkit-border-bottom-right-radius:0px; /* Webkit (e.g. Safari and Chrome) */ border-bottom-right-radius:0px; /* W3C */ -khtml-border-bottom-left-radius:0px; /* Konqueror */ -rim-border-bottom-left-radius:0px; /* RIM */ -ms-border-bottom-left-radius:0px; /* Microsoft */ -o-border-bottom-left-radius:0px; /* Opera */ -moz-border-bottom-left-radius:0px; /* Mozilla (e.g Firefox) */ -webkit-border-bottom-left-radius:0px; /* Webkit (e.g. Safari and Chrome) */ border-bottom-left-radius:0px; /* W3C */ overflow:visible; } #footer_btn_open_account:hover ul { opacity:1; } .btn_try_demo_small { text-align:center; font-size:14px; line-height:33px; height:33px; font-size:14px; color:#ffffff; background: rgb(191,149,39); background-image:url(../img/sprite-2.gif); background-position:0px -184px; background-repeat:repeat-x; font-family:'Belgrano', "Times New Roman", serif; text-decoration:none; text-shadow:-1px -1px 0px #536B37; padding:0px 38px 0px 39px; -khtml-border-radius:16px; /* Konqueror */ -rim-border-radius:16px; /* RIM */ -ms-border-radius:16px; /* Microsoft */ -o-border-radius:16px; /* Opera */ -moz-border-radius:16px; /* Mozilla (e.g Firefox) */ -webkit-border-radius:16px; /* Webkit (e.g. Safari and Chrome) */ border-radius:16px; /* W3C */ } .btn_try_demo_small:hover { background-position:0px -215px; box-shadow:0px 2px 2px #666666; } #footer_btn_try_demo { position:relative; top:0px; left:0px; float:left; margin-top:10px; } #footer_bottom { position:relative; top:0px; left:0px; width:100%; border-top:1px solid #DADADA; margin-top:70px; text-align:center; margin:0 auto; margin-top:25px; margin-bottom:0px; z-index: 10; } #footer_bottom p { position:relative; top:0px; left:0px; font-size:12px; color:#333333; font-style:italic; line-height:1.5; margin-top:20px; } #copyright { position:relative; top:0px; font-family:'Belgrano', "Times New Roman", serif; font-size:14px; color:#08223e; margin-top:35px; } #footer_icons { position:relative; top:0px; float:right; margin-top:15px; } #footer_icons img { margin-left:7px; } /*========== TRY THE DEMO POPUP ===========*/ #try_demo_popup { position:fixed; top:20%; left:40%; z-index:200; width:370px; height:428px; background-image:url(../img/sprite-2.gif); background-position:0 -1701px; background-repeat:repeat-x; -khtml-border-radius:7px; /* Konqueror */ -rim-border-radius:7px; /* RIM */ -ms-border-radius:7px; /* Microsoft */ -o-border-radius:7px; /* Opera */ -moz-border-radius:7px; /* Mozilla (e.g Firefox) */ -webkit-border-radius:7px; /* Webkit (e.g. Safari and Chrome) */ border-radius:7px; /* W3C */ box-shadow:0px 0px 20px #111d2d; text-align:center; display:none; } #try_demo_popup form { position:relative; top:0px; margin:0 auto; width:350px; height:408px; background-image:url(../img/sprite-2.gif); background-position:0 -1282px; background-repeat:repeat-x; margin-top:9px; -khtml-border-radius:7px; /* Konqueror */ -rim-border-radius:7px; /* RIM */ -ms-border-radius:7px; /* Microsoft */ -o-border-radius:7px; /* Opera */ -moz-border-radius:7px; /* Mozilla (e.g Firefox) */ -webkit-border-radius:7px; /* Webkit (e.g. Safari and Chrome) */ border-radius:7px; /* W3C */ padding-top:1px; } #try_demo_popup form h2 { position:relative; top:0px; float:left; font-family:'Belgrano', "Times New Roman", serif; font-size:30px; color:#fff; margin-top:8px; margin-left:70px; font-weight:normal; } #popup_close { position:absolute; top:15px; right:13px; width:28px; height:28px; background-image:url(../img/btn_popup_close.png); background-position:0px 0px; background-repeat:no-repeat; -moz-transition:opacity 0.3s; /* Firefox 4 */ -webkit-transition:opacity 0.3s; /* Safari and Chrome */ -o-transition:opacity 0.3s; /* Opera */ transition:opacity 0.3s; } #popup_close:hover { opacity:0.7; } #try_demo_popup_form p { position:relative; top:0px; width:310px; text-align:left; font-size:14px; color:#fff; margin:0 auto; margin-top:30px; margin-bottom:20px; } .popup_form_line { position:relative; top:0px; left:0px; width:100%; text-align:left; margin-bottom:15px; } .popup_form_line:last-of-type { margin-bottom:20px; } .popup_form_line input { width:288px; height:28px; border:none; background:none; background-image:url(../img/sprite-2.gif); background-position:0 -2139px; background-repeat:repeat-x; z-index:10; -khtml-border-radius:15px; /* Konqueror */ -rim-border-radius:15px; /* RIM */ -ms-border-radius:15px; /* Microsoft */ -o-border-radius:15px; /* Opera */ -moz-border-radius:15px; /* Mozilla (e.g Firefox) */ -webkit-border-radius:15px; /* Webkit (e.g. Safari and Chrome) */ border-radius:15px; /* W3C */ font-size:14px; font-weight:bold; color:#fff; margin-left:19px; padding-left:12px; padding-right:12px; } .popup_form_line input::-webkit-input-placeholder /* WebKit browsers */ { font-size:14px; font-weight:normal; font-style:italic; color:#999; } .popup_form_line input:-moz-placeholder /* Mozilla Firefox 4 to 18 */ { font-size:14px; font-weight:normal; font-style:italic; color:#999; } .popup_form_line input::-moz-placeholder /* Mozilla Firefox 19+ */ { font-size:14px; font-weight:normal; font-style:italic; color:#999; } .popup_form_line input:-ms-input-placeholder /* Internet Explorer 10+ */ { font-size:14px; font-weight:normal; font-style:italic; color:#999; } #try_demo_popup_form input[type="submit"] { border:none; background:none; font-family:"Belgrano", "Times New Roman", serif; font-size:20px; color:#fff; text-shadow:0px -1px #000; background: rgb(191,149,39); background-image:url(../img/sprite-2.gif); background-position:0px -92px; background-repeat:repeat-x; text-decoration:none; padding:9px 50px 11px 50px; -khtml-border-radius:25px; /* Konqueror */ -rim-border-radius:25px; /* RIM */ -ms-border-radius:25px; /* Microsoft */ -o-border-radius:25px; /* Opera */ -moz-border-radius:25px; /* Mozilla (e.g Firefox) */ -webkit-border-radius:25px; /* Webkit (e.g. Safari and Chrome) */ border-radius:25px; /* W3C */ box-shadow:0px 3px 5px #161616; margin-top:0px; margin-bottom:15px; } #try_demo_popup_form input[type="submit"]:hover { background-image:url(../img/sprite-2.gif); background-position:0px -138px; box-shadow:0px 5px 5px #161616; } #popup_privacy { position:relative; top:0px; margin:0 auto; margin-top:0px; margin-left:90px; width:315px; } #popup_privacy p { position:relative; top:0px; float:left; width:170px; font-size:12px; color:#95999d; line-height:1.3; font-style:italic; margin:0px; } #popup_privacy p a { color:#95999d; } #popup_privacy p a:hover { text-decoration:none; } #popup_privacy img { position:relative; top:0px; float:right; } #breadcrumbs_container { position:relative; top:0px; left:0px; text-align:left; font-size:14px; } #breadcrumbs_container a { /*color:#002E62;*/ color: rgba(0,46,98,.6); /*opacity: 0.75;*/ text-transform:uppercase; } #breadcrumbs_container a:hover { text-decoration:none; /*opacity: 1;*/ color: rgba(0,46,98,1); } #breadcrumbs_container a.active_page { font-weight:bold; text-decoration:none; } /* WIDGET LIST ********************************************/ #widget_link_container { position:relative; top:0px; float:right; display:inline-block; z-index:100; margin-right:10px; } #widget_link_container a { color:#002E62; text-decoration:none; } #widgets_link i { margin-right:5px; } #widget_link_container a:hover span { text-decoration:underline; } #widget_list_container { position:absolute; top:-10px; left:-400px; width:395px; height:350px; z-index:150; display:none; } #widget_list_arrow { position:absolute; top:15px; right:3px; width:29px; height:41px; background-image:url("../../img/arrow-widget-list.png"); z-index:100; } #widget_list_close { position:absolute; top:3px; left:5px; z-index:150; } #widget_list_close:hover { opacity:0.5; } #widget_list { position:absolute; top:0px; left:0px; width:360px; height:344px; background-color:white; border:3px solid #848484; border-radius:5px; text-align:center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #widget_list>ul { position:relative; top:0px; left:0px; text-align:left; margin:0px; padding:0px; list-style-type:none; margin-left:5px; margin-right:5px; height:257px; padding-right:2px; overflow:auto; margin-bottom:5px; } #widget_list>ul li { position:relative; margin-bottom:5px; border:1px solid #E0E0E0; padding:5px; background-color:#f7f7f7; cursor:default; } .add_widget { position:absolute; top:2px; right:2px; width:16px; height:16px; background-color:white; z-index:100; border:1px solid #aaa; //background-image:url("../../img/icon-add-widget.png"); background-position:50% 50%; background-repeat:no-repeat; } .add_widget:hover { background-color:#f7f7f7; } #widget_list>ul li h3 { font-size:14px; font-weight:bold; margin-bottom:5px; } #widget_list>ul li p { font-size:13px; line-height:1.3; } #widget_list>h2 { position:relative; top:0px; font-size:18px; color:#000; margin-top:10px; margin-left:10px; margin-right:10px; margin-bottom:15px; } /*========= PAGE WEBINARS =========*/ .one_webinar { position:relative; top:0px; left:0px; width:100%; border-top:1px solid #B7B7B7; padding-top:30px; padding-bottom:20px; } .one_webinar:last-child { border-bottom:1px solid #B7B7B7; } .one_webinar_date_container { position:relative; top:0px; float:left; width:55px; height:auto; } .one_webinar_date { position:relative; top:0px; left:0px; width:55px; height:80px; padding-top:9px; background-color:#797E86; opacity:0.85; -khtml-border-radius:5px; /* Konqueror */ -rim-border-radius:5px; /* RIM */ -ms-border-radius:5px; /* Microsoft */ -o-border-radius:5px; /* Opera */ -moz-border-radius:5px; /* Mozilla (e.g Firefox) */ -webkit-border-radius:5px; /* Webkit (e.g. Safari and Chrome) */ border-radius:5px; /* W3C */ text-align:center; } .one_webinar_time { position:relative; top:0px; left:0px; width:55px; padding-top:5px; padding-bottom:5px; background-color:#797E86; opacity:0.85; -khtml-border-radius:5px; /* Konqueror */ -rim-border-radius:5px; /* RIM */ -ms-border-radius:5px; /* Microsoft */ -o-border-radius:5px; /* Opera */ -moz-border-radius:5px; /* Mozilla (e.g Firefox) */ -webkit-border-radius:5px; /* Webkit (e.g. Safari and Chrome) */ border-radius:5px; /* W3C */ text-align:center; margin-top:5px; } .one_webinar_date span { margin:0 auto; display:block; } .one_webinar_date_month { font-family:'Belgrano', Arial, sans-serif; font-size:13px; color:white; text-transform:uppercase; } .one_webinar_date_day { font-family:'Belgrano', Arial, sans-serif; font-size:24px; color:white; } .one_webinar_date_zone { font-family:'Belgrano', Arial, sans-serif; font-size:24px; color:white; } .one_webinar_date_time { font-family:'Belgrano', Arial, sans-serif; font-size:11px; color:white; text-transform:uppercase; display:block; } .one_webinar_date_year { font-family:'Belgrano', Arial, sans-serif; font-size:13px; color:white; } .one_webinar_content { position:relative; top:0px; float:right; width:76%; } .one_webinar_content h3 { position:relative; top:0px; left:0px; font-family:Arial, sans-serif; font-size:14px; color:#002d62; font-weight:bold; margin-top:-3px; margin-bottom:5px; } .one_webinar_content h3 a { text-decoration:none; display:block; } .one_webinar_content h3 a:hover { color:#333; } .one_webinar_content p { position:relative; top:0px; left:0px; font-size:14px; line-height:22px; color:#333333; margin-bottom:20px; } #alert_container { position:relative; top:0px; width:100%; background-color:#E19E9D; border-bottom:2px solid #D35351; padding-top:5px; padding-bottom:5px; display:none; } #alert_text { position:relative; top:0px; margin:0 auto; width:90%; } #alert_text>p { font-weight:bold; color:#A21F1C; line-height:1.3; } #alert_text>p a { color:#fff; } #alert_text>p a:hover { text-decoration:none; } .header_menu a:hover { text-decoration: none; color: #fff !important; } #welcome_container { position: fixed; top: 0px; bottom: 0px; left: 0px; width: 100%; height: auto; z-index: 15000; display: none; background-image:url("../img/bg_welcome_modal.png"); } #welcome_content { position: relative; top: 150px; margin: 0 auto; width: 60%; height: 70%; background-color:#F2F2F2; border-radius: 15px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5); padding: 25px; } #close_welcome_modal { position: absolute; top: 7px; right: 7px; z-index: 100; } #overview { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; overflow: auto; overflow-x: hidden; text-align: center; border: 1px solid #999999; padding: 5px; background-color: #fff; } #overview p, #overview ul { position: relative; top: 0px; left: 0px; width: 100%; font-size: 16px; line-height: 1.5; margin-bottom: 15px; color: #000; text-align: left; padding-right: 10px; } #overview p i { font-weight: bold; } .welcome_centered_text { text-align: center !important; } #overview .close_welcome_modal { text-transform: uppercase; font-weight: bold; } #overview img { position: relative; top: 0px; margin: 0 auto; width: 90%; height: auto; margin-top: 10px; margin-bottom: 25px; border: 10px solid #fff; border-top-left-radius: 50px; border-bottom-right-radius: 50px; box-shadow: 0px 0px 15px rgba(0,0,0,0.7); } #overview .overview_img_1 { max-width: 600px; } #overview .overview_img_2 { max-width: 448px; } /* #overview .overview_img_3 { max-width: 564px; } #overview .overview_img_4 { max-width: 625px; } #overview .overview_img_5 { max-width: 618px; } #overview .overview_img_6 { max-width: 934px; } #overview .overview_img_7 { max-width: 299px; } */ #buttons_right { position: absolute; top: -8px; right: 0px; z-index: 1000; margin-right: 0px; text-align: right; } .container { padding-left: 15px; padding-right: 15px; margin:auto; } .row { margin-bottom: 10px; } .row .row { margin-top: 10px; margin-bottom: 0; } [class*="col-"] { /* padding-top: 15px; padding-bottom: 15px; background-color: #eee; border: 1px solid #ddd; background-color: rgba(86,61,124,.15); border: 1px solid rgba(86,61,124,.2); */ } #main-container p { margin: 0 0 10px; } .radarmore{ color:navy; font-weight:bold; cursor:pointer; } .traderradar .h4 { margin-top:10px; margin-bottom:4px; } .traderradar .rightdate { width:130px;margin:5px; font-weight:bold;float:right;font-size:14px; } .form-group label{ font-weight: bold; padding:3px; } /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; } .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; } /*========== COMMENT POPUP ===========*/ #comment_popup { /*display: block;*/ position:fixed; top:20%; left:40%; z-index:200; width:370px; height:428px; background-image:url(../img/sprite-2.gif); background-position:0 -1701px; background-repeat:repeat-x; -khtml-border-radius:7px; /* Konqueror */ -rim-border-radius:7px; /* RIM */ -ms-border-radius:7px; /* Microsoft */ -o-border-radius:7px; /* Opera */ -moz-border-radius:7px; /* Mozilla (e.g Firefox) */ -webkit-border-radius:7px; /* Webkit (e.g. Safari and Chrome) */ border-radius:7px; /* W3C */ box-shadow:0px 0px 20px #111d2d; text-align:center; display:none; } #comment_popup form { position:relative; top:0px; margin:0 auto; width:350px; height:408px; background-image:url(../img/sprite-2.gif); background-position:0 -1282px; background-repeat:repeat-x; margin-top:9px; -khtml-border-radius:7px; /* Konqueror */ -rim-border-radius:7px; /* RIM */ -ms-border-radius:7px; /* Microsoft */ -o-border-radius:7px; /* Opera */ -moz-border-radius:7px; /* Mozilla (e.g Firefox) */ -webkit-border-radius:7px; /* Webkit (e.g. Safari and Chrome) */ border-radius:7px; /* W3C */ padding-top:1px; } #comment_popup form h2 { position:relative; top:0px; float:left; font-family:'Belgrano', "Times New Roman", serif; font-size:30px; color:#fff; margin-top:8px; margin-left:20px; font-weight:normal; } .comment_poup_container h3 { position:relative; top:0px; font-family:'Belgrano', "Times New Roman", serif; font-size:30px; color:#fff; margin-top:125px; font-weight:normal; } /*#comment_popup p { position:relative; top:0px; width:310px; text-align:left; font-size:14px; color:#fff; margin:0 auto; margin-top:30px; margin-bottom:20px; } */ .comment_poup_container>p { position:relative; top:0px; width:310px; text-align:left; font-size:14px; color:#fff; margin:0 auto; margin-top:30px; margin-bottom:20px; } .comment_popup_form_line { position:relative; top:0px; left:0px; width:100%; text-align:left; margin-bottom:15px; } #comment_popup .popup_form_line input { width: 310px !important; background: none !important; background-color:#091A2E !important; font-weight: normal !important; box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.75); } #comment_popup .popup_form_line textarea { position:relative; top:0px; width:310px; height:136px; background-color:#091A2E; border:none; padding:12px; -khtml-border-radius:15px; /* Konqueror */ -rim-border-radius:15px; /* RIM */ -ms-border-radius:15px; /* Microsoft */ -o-border-radius:15px; /* Opera */ -moz-border-radius:15px; /* Mozilla (e.g Firefox) */ -webkit-border-radius:15px; /* Webkit (e.g. Safari and Chrome) */ border-radius:15px; /* W3C */ color:white; resize:none; margin:0px 0px 0px 19px; box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.75); } #comment_popup input[type="submit"] { border:none; background:none; font-family:"Belgrano", "Times New Roman", serif; font-size:20px; color:#fff; text-shadow:0px -1px #000; background: rgb(191,149,39); background-image:url(../img/sprite-2.gif); background-position:0px -92px; background-repeat:repeat-x; text-decoration:none; padding:9px 50px 11px 50px; -khtml-border-radius:25px; /* Konqueror */ -rim-border-radius:25px; /* RIM */ -ms-border-radius:25px; /* Microsoft */ -o-border-radius:25px; /* Opera */ -moz-border-radius:25px; /* Mozilla (e.g Firefox) */ -webkit-border-radius:25px; /* Webkit (e.g. Safari and Chrome) */ border-radius:25px; /* W3C */ box-shadow:0px 3px 5px #161616; margin-top:0px; margin-bottom:15px; } #comment_popup input[type="submit"]:hover { background-image:url(../img/sprite-2.gif); background-position:0px -138px; box-shadow:0px 5px 5px #161616; } .comment_popup_form_line { text-align: center; color: #fff; margin-top: 10px; margin-bottom: 20px; } .comment_popup_form_line input[type="radio"] { display:inline !important; margin: 0px 4px; } .comment_popup_form_line span, .comment_popup_form_line input[type="radio"] { vertical-align: middle; } .comment_popup_form_line p { margin-bottom: 15px; } .twitt_feed_item { display: block; width: 100%; padding: 0; margin-bottom: 4px; text-align: left; white-space: normal; word-break: break-all; } .twitt_feed_item span { display: block; width: 100%; padding: 0 0 3px 0; margin: 0; text-align: right; font-weight: bold; color: #555555; } .beta2{ display: none !important; } #notificationsinnercontainer { position: relative; top: 0px; width: 100%; height: auto; min-height: 24px; max-height: 300px; margin-bottom: 5px; overflow-y: auto; } .panel-heading { cursor: pointer; } .overflowcellright { max-width: 14px !important; overflow: visible; } /* RESPONSIVE STYLES */ @media only screen and (max-width : 950px){ #header_phone { display: none; } } @media only screen and (max-width : 730px){ #header_top { max-width:100%; } } @media only screen and (max-width : 680px){ #header_middle { height: auto; text-align: left; } #header_middle nav ul { text-align: left; } #header_middle nav ul li { margin-bottom: 10px; margin-right: 5px; } #header_middle nav ul li a i { display: none; } } @media only screen and (max-width : 588px){ #header_logo img { width: 175px; height: auto; margin-top: 15px; } } @media only screen and (max-width : 475px){ #header_logo img { width: 125px; height: auto; margin-top: 20px; } .header_social_links { margin-top: 30px; } .social_yt { margin-right: 5px; } .header_social_links img { width: 20px; height: auto; } } /* CUSTOM WIDGET CODE */ div.f_box_header { height: 34px; width: 100%; background-color: #d1d9e9; border-bottom: 1px solid #ddd; text-align: left; font-size: 13px; font-weight: 700; font-style: normal; font-size-adjust: none; font-family: sans-serif; color: #444444 !important; direction: ltr; line-height: 33px; } div.f_single_cell { display: block; /*display: table-cell;*/ float: left; overflow: hidden; } div.f_single_cell span { width: 100%; display: block; padding-left: 8px; padding-right: 8px; overflow: hidden; white-space: nowrap; font-size: inherit; /*word-break: break-all;*/ } div.f_box_footer { position: relative; overflow: visible; height: 34px; line-height: 33px; font-weight: bold; width: 100%; background-color: #d1d9e9; border-top: 1px solid #ddd; } div.f_box_body { height: 252px; width: 100%; border: none; overflow-x: hidden; overflow-y: auto; } div.f_box_body_row_col { height: 35px; display: block; /*height: auto; display: table;*/ width: 100%; line-height: 33px; background-color: #f9f9f9; border-bottom: 1px solid #dddddd; } div.f_box_body_row { height: 35px; display: block; /*height: auto; display: table;*/ width: 100%; line-height: 33px; background-color: #ffffff; border-bottom: 1px solid #dddddd; } div.f_box_body_warning { position: absolute; display: none; background-color: #29b7ff; border: 1px solid #069de9; left: 0px; top: 0px; width: 100%; height: 34px; } div.f_box_body_warning_left { float: left; overflow: visible; width: 77%; padding-left: 6px; color: #ffffff; font-size: 11px; line-height: 33px; font-weight: bold; height: 34px; } div.f_box_body_warning_right { float: right; overflow: visible; padding-right: 6px; color: #ffffff; font-size: 11px; line-height: 33px; font-weight: bold; height: 34px; } div.f_box_body_warning_right a, div.f_box_body_warning_right a:visited, div.f_box_body_warning_right a:active { font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: underline; cursor: pointer; } div.f_box_body_warning_right a:hover { text-decoration: none; } .f_pos_clm_cls_one { width: 26%; text-align:left; } .f_pos_clm_cls_two { width: 28%; text-align: left; } .f_pos_clm_cls_three { width: 12%; text-align: right; } .f_pos_clm_cls_four { width: 16%; text-align: right; } .f_pos_clm_cls_five { width: 18%; text-align: right; } .f_pos_clm_hid { display: none !important; } .f_pos_clm_cls_one_ch { width: 47%; text-align:left; font-size: 12px !important; } .f_pos_clm_cls_three_ch { width: 12%; text-align: right; font-size: 12px !important; } .f_pos_clm_cls_four_ch { width: 16%; text-align: right; font-size: 12px !important; } .f_pos_clm_cls_five_ch { width: 25%; text-align: right; font-size: 12px !important; } /* ADDED SCROLL TO TOP BUTTON */ #scrollTop { position: fixed; bottom: 20px; right: 20px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); width: 50px; height: 50px; display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 50000; text-align: center; } #scrollTop i { position: relative; display: block; color: #fff; position: relative; top: 17px; font-size: 19px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin: 0 auto; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgba(255,255,255,.8); } #scrollTop:hover { background: rgba(0, 0, 0, 0.9); } #scrollTop:hover i { color: #fff; top: 12px; border-bottom: 10px solid rgba(255,255,255,1); } /*========= ADDED CSS FOR ALL PAGES =========*/ /*========= HEADER =========*/ #main_nav_container { background-color: #fff; box-shadow: 0px 5px 21px rgba(0,0,0,0.42); z-index: 12000; transition: all 0.2s; } #header_container { width: 100%; min-height: 30px; height: auto; background-color: #10305E; z-index: 100; transition: all 0.2s; } #logo_header { position: relative; top: 0px; float: left; width: 233px; height: 46px; background-image: url(../images/logo_header.png); background-size: 100%; background-repeat: no-repeat; margin-top: 12px; margin-bottom: -5px; z-index: 100; transition: all 0.2s; } #header { position: relative; top: 0px; min-height: 30px; height: auto; padding-bottom: 0px; transition: all 0.2s; } /* USER MENU */ #right-menu .dropit-trigger { position: relative; } #right-menu .dropit-submenu { position: absolute; top: 100%; right: 0; z-index: 1000; display: none; width:auto; list-style: none; padding: 0; margin: 0; } #right-menu .dropit-open .dropit-submenu { display: block; } #right-menu { position:relative; float:right; list-style: none; padding: 0; margin: 0; margin-top:3px; margin-left:15px; display:inline-block; vertical-align:top; font-size:17px; transition: all 0.3s; } /*#right-menu>li { user-select: none; }*/ #right-menu>li>a { font-family:'RobotoBold', Arial, sans-serif; text-decoration:none; text-transform:uppercase; color: #ED9B00; } #right-menu>li>a:hover { color: #fff; } #right-menu>li>a .icon-angle-down { margin-left:5px; } #right-menu ul { display: none; } #right-menu ul.dropit-submenu { font-family:'Roboto', Arial, sans-serif; background-color: #fff; border: 1px solid #b2b2b2; padding: 5px 0; margin: 8px 0 0 1px; border-radius: 3px; box-shadow: 0px 1px 3px rgba(0,0,0,0.15); text-align: left; } #right-menu ul.dropit-submenu a { display: block; font-size: 16px; line-height: 1; color: #000; padding: 5px 18px; text-decoration:none; } #right-menu ul.dropit-submenu a:hover { background: #10305E; color: #fff !important; text-decoration: none; } .drop-down-tip { position:absolute; top:-9px; left:9px; width:17px; height:9px; background-image:url("../img/caret.png"); background-position:0px 0px; background-repeat:no-repeat; } .drop-down-tip-right { position:absolute; top:-9px; right:9px; width:17px; height:9px; background-image:url("../img/caret.png"); background-position:0px 0px; background-repeat:no-repeat; } #icons_social { position: relative; top: 0px; float: right; margin-top: 4px; transition: all 0.3s; } #icons_social>a { display: inline-block; opacity: 1; transition: opacity 0.2s; margin-left: 5px; transition: all 0.3s; } #icons_social>a img { width: 100%; } #icons_social>a:hover { opacity: 0.8; } #icon_rss { width: 22px; height: 22px; background-image: url(../images/icons_social.png); background-position: 0 0; transition: all 0.3s; } #icon_twt { width: 22px; height: 22px; /*background-image: url(../images/icons_social.png); background-position: 0px -34px;*/ transition: all 0.3s; } #icon_fb { width: 22px; height: 22px; /*background-image: url(../images/icons_social.png); background-position: 0px -68px;*/ transition: all 0.3s; } #icon_email { width: 22px; height: 22px; /*background-image: url(../images/icons_social.png); background-position: 0px -102px;*/ transition: all 0.3s; } #icon_search { width: 30px; height: 24px; /*background-image: url(../images/icons_social.png); background-position: 0px -136px;*/ transition: all 0.3s; } #icon_li { width: 22px; height: 22px; /*background-image: url(../images/icons_social.png); background-position: 0px -170px;*/ transition: all 0.3s; } #icon_yt { width: 22px; height: 22px; /*background-image: url(../images/icons_social.png); background-position: 0px -204px;*/ transition: all 0.3s; } #header_number { position: relative; top: 0px; float: right; font-family: 'RobotoBold', Arial, sans-serif; font-size: 17px; color: #fff; line-height: 1; margin-top: 6px; margin-right: 10px; transition: all 0.3s; } #main_nav { position: relative; /*min-height: 98px;*/ height: auto; transition: all 0.2s; } .header-tipranks #main_nav { position: relative; height: 40px !important; } .header-tipranks #header_container { width: 100%; height: 17px; } .header-tipranks #header { position: relative; top: 0px; height: 17px; } .header-tipranks #main_nav #logo_header { width: 139px; height: 39px; /*background-size: cover;*/ margin-top: 7px; transition: all 0.2s; } .header-tipranks #right-menu { margin-top:2px; margin-left: 10px; } .header-tipranks #icons_social { margin-top: 8px; /*margin-bottom: -1px;*/ } .header-tipranks #icons_social>a { opacity: 0.7; transition: all 0.3s; margin-right: 0px; margin-left: 0px; } .header-tipranks #icons_social>a img { width: 100%; } .header-tipranks #icons_social>a:hover { opacity: 1; } .header-tipranks #icons_social>#icon_twt { width: 14px; height: 14px; /*background-image: url(../images/icons_social.png); background-size: 19px; background-position: 0px -19px;*/ transition: all 0.3s; } .header-tipranks #icons_social>#icon_fb { width: 14px; height: 14px; /*background-image: url(../images/icons_social.png); background-size: 19px; background-position: 0px -40px;*/ transition: all 0.3s; } .header-tipranks #icons_social>#icon_email { width: 14px; height: 14px; /*background-image: url(../images/icons_social.png); background-size: 22px; background-position: 0px -73px;*/ transition: all 0.3s; } .header-tipranks #icons_social>#icon_li { width: 14px; height: 14px; /*background-image: url(../images/icons_social.png); background-size: 100%; background-position: 0px -170px;*/ transition: all 0.3s; } .header-tipranks #icons_social>#icon_yt { width: 14px; height: 14px; /*background-image: url(../images/icons_social.png); background-size: 100%; background-position: 0px -105px;*/ transition: all 0.3s; } .header-tipranks #header_number { margin-top: 5px; } #icon_responsive_menu { position: fixed; top: 8px; left: 10px; width: 28px; height: 21px; background-image: url(../images/icon_responsive_white.png); background-position: top; display: none; transition: all 0.2s; } #icon_responsive_menu:hover { background-position: bottom; } .header-tipranks #icon_responsive_menu { top: 5px !important; } /***** HEADER MAIN MENU *****/ #header_menu { position: relative; top: 0px; left: 0px; text-align: right; } #header_menu>ul>li { position: relative; display: inline-block; padding: 0; } #header_menu>ul>li:hover { background-image: url(../images/bg_menu_item_new.png); background-position: bottom left; background-repeat: repeat-x; } #header_menu>ul>li>a { display: block; padding-left: 10px; padding-right: 10px; line-height: 64px; padding-bottom: 5px; transition: line-height 0.3s; } .header-tipranks #header_menu>ul>li>a { line-height: 37px; } .header-tipranks #header_menu>ul>li:hover { background-position: bottom left; } #header_menu>ul>li>a i { margin-right: 10px; font-size: 13px; color: #ED9B00; } #header_menu>ul>li:first-of-type { margin-left: 0px; } #header_menu>ul>li:not(:first-of-type) { margin-left: 0px; } #header_menu>ul>li ul { display: none; } #ls_main_menu { position: relative; top: 0px; left: 0px; margin: 0; padding: 0; font-family: 'Roboto', Arial, sans-serif; font-size: 17px; color: #333; transition: all 0.2s; width: 100%; } .header-tipranks #ls_main_menu { position: absolute; top: 0px; right: 0px; } #header_menu>ul>li>a { text-decoration: none; color: #333; } #ls_main_menu>.current-menu-item>a { color: #333 !important; } #header_menu>ul>li .sub-menu { position: absolute; top: 64px; text-align: left; margin: 0; width: auto; padding: 0px; background-color: #fff; border-top: 5px solid #FFD639; border-left: 5px solid #FFD639; box-shadow: 3px 3px 3px rgba(0,0,0,0.2); list-style-type: none !important; transition: top 0.3s; } .header-tipranks #header_menu>ul>li .sub-menu { top: 37px; } #header_menu>ul>li:not(:last-of-type) .sub-menu { left: 0px; } #header_menu>ul>li:last-of-type>.sub-menu { right: 0px; } #header_menu>ul>li ul li { padding: 0; margin-bottom: 0px; } #header_menu>ul>li ul li:hover { background-color: #fcecb1; } #header_menu>ul>li ul li a { display: block; line-height: 1.1; white-space: nowrap; font-family: 'RobotoLight', Arial, sans-serif; font-size: 20px; color: #333; display: block; padding: 10px 10px; } #header_menu>ul>li ul li:hover a { color: #333; text-decoration: none; } #header_menu>ul>li:hover ul { display: block; } #header_menu .has-submenu { background-image: url(../images/arrow_menu.png); background-position: right 10px center; background-repeat: no-repeat; } #header_menu .has-submenu a { padding-right: 25px; } .header-tipranks #header_menu .has-submenu a { padding-right: 25px; } #header_menu .has-submenu:hover { background: url(../images/bg_menu_item_new.png) top left repeat-x, url(../images/arrow_menu.png) right 10px center no-repeat; } .header-tipranks #header_menu .has-submenu:hover { background: url(../images/bg_menu_item_new.png) bottom left repeat-x, url(../images/arrow_menu.png) right 10px center no-repeat; } .main_menu_dropdown_arrow { position: absolute; top: 0px; right: 0px; display: block; padding: 0px; width: 25px; height: 100%; z-index: 1000; background-image: url(../images/arrow_menu.png); background-position: 50% 50%; background-repeat: no-repeat; } #main_nav_container>#main_nav>#header_menu>#ls_main_menu>li.navtoleft>.sub-menu { left: -150px; width: 250px; } /***** RESPONSIVE MENU *****/ #touchscreen_menu { position: fixed; top: -13px; bottom: 0px; left: -280px; text-align: left; z-index: 14000; } #ls_responsive_menu { position: absolute; top: 0px; bottom: 0px; height: auto; left: 0px; width: 280px; background-color: rgba(255,255,255,.9); padding: 0; box-shadow: 5px 5px 3px rgba(0,0,0,0.15); overflow-y: auto; } #close_menu_container { position: relative; top: 0px; left: 0px; width: 100%; text-align: right; overflow: hidden; background-color: #7D7D7D; } #mobile_menu_close { position: relative; float: right; display: block; width: 28px; height: 21px; margin-right: 5px; margin-top: 5px; margin-bottom: 5px; background-image: url(../images/icon_responsive_white.png); } #ls_responsive_menu>li { position: relative; list-style-type: none; display: block; border-bottom: 1px solid #969696; padding-left: 0px; padding-bottom: 0px; font-family: 'RobotoRegular', Arial, sans-serif; font-size: 15px; } #ls_responsive_menu>li>a { color: #808080; text-decoration: none; padding-left: 20px; } #ls_responsive_menu>li>a:first-of-type { display: block; line-height: 1; margin: 0; padding-top: 10px; padding-bottom: 10px; } #ls_responsive_menu>li>ul { position: relative; top: 0px; left: 0px; width: 100%; padding: 0; margin: 0; display: none; } #ls_responsive_menu>li>ul>li { list-style-type: none; font-family: 'RobotoRegular', Arial, sans-serif; font-size: 15px; border-top: 1px solid #969696; padding-left: 0px; } #ls_responsive_menu>li>ul>li:last-of-type { border-bottom: none; } #ls_responsive_menu>li>ul>li>a { color: #10305E; text-decoration: none; display: block; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; } .arrow_mobile_menu { position: absolute; top: -1px; bottom: -1px; right: 0; display: block; width: 34px; border-top: 1px solid #969696; border-left: 1px solid #969696; border-bottom: 1px solid #969696; padding: 0; margin: 0; background-color: #F5F5F5; background-image: url(../images/arrow_menu.png); background-position: 50% 50%; background-repeat: no-repeat; z-index: 1000; } /*========= FOOTER =========*/ #section_fotter_container { background-color: #333333; } #section_footer { padding: 30px 0px; text-align: left; } #logo_footer { position: relative; top: 0px; display: block; width: 136px; height: 27px; background-image: url(../images/logo_footer.png); } #footer_butons { position: relative; top: 0px; left: 0px; margin-top: 30px; } #footer_butons a { position: relative; display: inline-block; font-family: 'RobotoLight', Arial, sans-serif; font-size: 25px; line-height: 1; color: #e5e5e5; letter-spacing: -1px; text-decoration: none; border: 1px solid #e5e5e5; padding: 4px 10px 8px 10px; border-radius: 3px; margin-bottom: 10px; transition: background-color 0.3s } #footer_butons a:hover { background-color: #575757; } #footer_butons a:first-of-type { margin-right: 10px; } #footer_social { position: relative; top: 0px; left: 0px; margin-top: 20px; } #footer_social a { position: relative; top: 0px; display: inline-block; width: 33px; height: 33px; background-position: 0 0; transition: background-position 0.3s ease; margin-right: 5px; } #footer_social a:hover { background-position: 0px -33px; } #footer_icon_twt { background-image: url(../images/icon_footer_twt.png); } #footer_icon_fb { background-image: url(../images/icon_footer_fb.png); } #footer_icon_feed { background-image: url(../images/icon_footer_feed.png); } #footer_icon_gplus { background-image: url(../images/icon_footer_gplus.png); } #footer_icon_li { background-image: url(../images/icon_footer_li.png); } #footer_icon_yt { background-image: url(../images/icon_footer_yt.png); } #footer_ls_list { border-top: 2px solid #949494; } #footer_ls_list h2 { position: relative; top: 0px; left: 0px; font-family: 'RobotoBold', Arial, sans-serif; font-size: 17px; line-height: 1; color: #fefefe; text-transform: uppercase; margin-bottom: 10px; margin-top: 15px; } #footer_ls_list ul { position: relative; top: 0px; margin: 0px; padding: 0px; font-family: 'Roboto', Arial, sans-serif; list-style-type: none; } #footer_ls_list ul li { margin-bottom: 5px; } #footer_ls_list ul li a { font-size: 14px; line-height: 1; color: #9b9999; text-decoration: none; } #footer_ls_list ul li a:hover { color: #FAC700; } #footer_resources_list { border-top: 2px solid #FAD300; } #footer_resources_list h2 { position: relative; top: 0px; left: 0px; font-family: 'RobotoBold', Arial, sans-serif; font-size: 17px; line-height: 1; color: #fefefe; text-transform: uppercase; margin-top: 15px; margin-bottom: 10px; } #footer_resources_list ul { position: relative; top: 0px; margin: 0px; padding: 0px; font-family: 'Roboto', Arial, sans-serif; list-style-type: none; } #footer_resources_list ul li { margin-bottom: 5px; } #footer_resources_list ul li a { font-size: 14px; line-height: 1; color: #9b9999; text-decoration: none; } #footer_resources_list ul li a:hover { color: #FAC700; } #footer_products_services_list { border-top: 2px solid #949494; } #footer_products_services_list h2 { position: relative; top: 0px; left: 0px; font-family: 'RobotoBold', Arial, sans-serif; font-size: 17px; line-height: 1; color: #fefefe; text-transform: uppercase; margin-top: 15px; margin-bottom: 10px; } #footer_products_services_list ul { position: relative; top: 0px; float: left; margin: 0px; padding: 0px; font-family: 'Roboto', Arial, sans-serif; list-style-type: none; } #footer_products_services_list ul:first-of-type { margin-right: 25px; } #footer_products_services_list ul li { margin-bottom: 5px; } #footer_products_services_list ul li a { font-size: 14px; line-height: 1; color: #9b9999; text-decoration: none; } #footer_products_services_list ul li a:hover { color: #FAC700; } /*========= COPYRIGHT =========*/ #section_copyright_container { background-color: #212121; } #section_copyright { padding: 30px 0px; } #section_copyright p { font-family: 'RobotoRegularBold', Arial, sans-serif; font-size: 11px; color: #808080; text-transform: uppercase; text-align: left; line-height: 1.5; float: left; } #section_copyright p em { color: #cbcbcb; font-style: normal; } #section_copyright p a { display: inline-block; width: 87px; height: 16px; background-image: url(../images/logo_pts.png); vertical-align: middle; margin-left: 10px; } #section_copyright ul { position: relative; top: 0px; float: right; margin: 0px; padding: 0px; list-style-type: none; font-family: 'RobotoRegularBold', Arial, sans-serif; font-size: 11px; color: #808080; text-transform: uppercase; } #section_copyright ul li { display: inline; } #section_copyright ul li a { color: #808080; text-decoration: none; } #section_copyright ul li a:hover { color: #cbcbcb; } /*========= FINRA =========*/ #section_finra_broker_check_container { background-color: #E5E5E5; text-align: center; padding-top: 1.5%; padding-bottom: 1.5%; } #broker_check_content { text-align: center; padding-left: 0; padding-right: 0; } #broker_check_content p { position: relative; top: 0px; left: 0px; text-align: left; font-family: 'RobotoLight', Arial, sans-serif; color: #333333; font-size: 11px; line-height: 1.5; } #section_finra_broker_check { font-family: 'RobotoLight', Arial, sans-serif; font-size: 16px; color: #252E2F; display: inline-block; border: 2px solid #333333; margin: 0 auto; padding: 5px 15px; text-decoration: none; transition: all, 0.3s; } #section_finra_broker_check span { font-family: 'Roboto', Arial, sans-serif; text-decoration: none; } #section_finra_broker_check:hover { background-color: #333; color: #fff; } .pull-right { margin-right: 0 !important; } #quicklinkspanel .panel-heading .panel-title #tooltippop { margin-left: 5px; } #quicklinkspanel .panel-heading .panel-title #tooltippop:hover { text-decoration: none; } #alertswidget .panel-heading .mini-bar .col-xs-7 nav ul { padding-left: 0; margin-left: 0; display: inline; } #alertswidget .panel-heading .mini-bar .col-xs-7 nav ul li { display: inline-block; margin-top: 4px; } #alertswidget .panel-heading .mini-bar .col-xs-7 nav ul li a .badge { position: relative; display: inline-block; top: -1px; } /* LOGIN STYLES **********/ #login_top_container { position:relative; top:0px; left:0px; padding-top:130px; padding-bottom:25px; padding-left:20px; padding-right:20px; text-align:left; background-color:#fff; margin-bottom:0px !important; z-index:20; } .inner_heading { position: relative; top: 0px; font-family: 'RobotoThinItalic', Arial, sans-serif; font-size: 59px; line-height: 59px; color: #808080; text-align: left; /*text-transform: uppercase;*/ margin-top: 10px; margin-bottom: 0px; } #login_container_bottom { background-color: #DEDEDE; background-image: url(../images/icon_login_bg.png); background-position: bottom right 25px; background-size: auto 435px; background-repeat: no-repeat; } #login_content { padding-top: 3%; padding-bottom: 3%; min-height: 300px; } #login_content p { position: relative; top: 0px; left: 0px; font-family: 'RobotoRegular', Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #636363; margin-bottom: 25px; text-align: left; } #login_content p a { font-family: 'RobotoMedium', Arial, sans-serif; font-size: 16px; color: #10305E; } .login_error_container { position: relative; top: 0px; left: 0px; text-align: left; font-family: 'RobotoRegular', Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #ff0000; margin-top: 25px; margin-bottom: 25px; } .login_success_container { position: relative; top: 0px; left: 0px; text-align: left; font-family: 'RobotoRegular', Arial, sans-serif; font-size: 16px; line-height: 3; color: #35b13e; } .login_form_line { position: relative; top: 0px; width: 100%; overflow: hidden; margin-bottom: 20px; } .login_form_line input[type=text], .login_form_line input[type=password] { position: relative; background: none; border: none; font-family: 'RobotoRegular', Arial, sans-serif; font-size: 15px; line-height: 1; color: #636363; width: 80%; padding-left: 15px; padding-right: 15px; margin-top: 12px; } .login_form_line input[type=text]:focus, .login_form_line input[type=text]:active, .login_form_line input[type=password]:focus, .login_form_line input[type=password]:active { outline: none; } .login_form_line input[type=text]::-webkit-input-placeholder, .login_form_line input[type=password]::-webkit-input-placeholder { color: #636363; } .login_form_line input[type=text]:-moz-placeholder, .login_form_line input[type=password]:-moz-placeholder { color: #636363; } .login_form_line input[type=text]::-moz-placeholder, .login_form_line input[type=password]::-moz-placeholder { color: #636363; } .login_form_line input[type=text]:-ms-input-placeholder, .login_form_line input[type=password]:-ms-input-placeholder { color: #636363; } .login_form_line:not(:last-of-type) { background-color: #fff; text-align: left; } .login_form_line:first-of-type { border-top-left-radius: 3px; } .login_form_line:nth-of-type(2) { border-bottom-left-radius: 3px; } .login_form_icon { position: relative; top: 0px; float: left; width: 47px; height: 42px; background-color: #FFC902; } .login_form_line:first-of-type .login_form_icon { background-image: url(../images/icon_user.png); background-position: 50% 50%; background-repeat: no-repeat; } .login_form_line:nth-of-type(2) .login_form_icon { background-image: url(../images/icon_key.png); background-position: 50% 50%; background-repeat: no-repeat; } .login_form_line:nth-of-type(3) { text-align: right; background-color: none; padding-bottom: 5px; } .login_form_line a { float: left; font-family: 'RobotoMedium', Arial, sans-serif; font-size: 16px; color: #10305E; margin-top: 5px; } #login_form_submit { background: none; border: none; font-family: 'RobotoLight', Arial, sans-serif; font-size: 18px; line-height: 1; color: #fff; background-color: #FFC902; box-shadow: 0px 1px 2px rgba(0,0,0,0.4); transition: all 0.2s; padding: 13px 28px; border-radius: 3px; } #login_form_submit:hover { background-color: #eabb0f; } /***** FORGOT PASSWORD ******/ #f_pass_content { padding-top: 3%; padding-bottom: 3%; min-height: 300px; text-align: left; } #f_pass_content p { position: relative; top: 0px; left: 0px; font-family: 'RobotoRegular', Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #636363; margin-bottom: 15px; text-align: left; } #f_pass_content p a { font-family: 'RobotoMedium', Arial, sans-serif; font-size: 16px; color: #10305E; } #f_pass_content p strong { font-family: 'RobotoMedium', Arial, sans-serif; font-weight: normal; } .forgot_pass_form_line { position: relative; top: 0px; width: 100%; overflow: hidden; margin-bottom: 20px; } .forgot_pass_form_line input[type=text], .forgot_pass_form_line input[type=password] { position: relative; background: none; border: none; font-family: 'RobotoRegular', Arial, sans-serif; font-size: 15px; line-height: 1; color: #636363; width: 80%; padding-left: 15px; padding-right: 15px; margin-top: 12px; } .forgot_pass_form_line input[type=text]:focus, .forgot_pass_form_line input[type=text]:active, .forgot_pass_form_line input[type=password]:focus, .forgot_pass_form_line input[type=password]:active { outline: none; } .forgot_pass_form_line input[type=text]::-webkit-input-placeholder, .forgot_pass_form_line input[type=password]::-webkit-input-placeholder { color: #636363; } .forgot_pass_form_line input[type=text]:-moz-placeholder, .forgot_pass_form_line input[type=password]:-moz-placeholder { color: #636363; } .forgot_pass_form_line input[type=text]::-moz-placeholder, .forgot_pass_form_line input[type=password]::-moz-placeholder { color: #636363; } .forgot_pass_form_line input[type=text]:-ms-input-placeholder, .forgot_pass_form_line input[type=password]:-ms-input-placeholder { color: #636363; } .forgot_pass_form_line:not(:last-of-type) { background-color: #fff; text-align: left; } .forgot_pass_form_line:first-of-type { border-top-left-radius: 3px; } .forgot_pass_form_line:nth-of-type(2) { border-bottom-left-radius: 3px; } .forgot_pass_form_icon { position: relative; top: 0px; float: left; width: 47px; height: 42px; background-color: #FFC902; } .forgot_pass_form_line:nth-of-type(1) .forgot_pass_form_icon { background-image: url(../images/icon_acc_num.png); background-position: 50% 50%; background-repeat: no-repeat; } .forgot_pass_form_line:nth-of-type(2) .forgot_pass_form_icon { background-image: url(../images/icon_user.png); background-position: 50% 50%; background-repeat: no-repeat; } .forgot_pass_form_line:last-of-type { position: relative; /*margin-top: -70px;*/ top: -70px; text-align: right; background-color: none; padding-bottom: 5px; z-index: 0; transition: all, 0.3s; clear: both; } .forgot_pass_form_line a { float: left; font-family: 'RobotoMedium', Arial, sans-serif; font-size: 16px; color: #10305E; margin-top: 5px; } #login_recaptcha_container { position: relative; top: 0px; left: 0px; float: left; display: inline-block; margin-bottom: 20px; z-index: 100; min-height: 129px; } #recaptcha_widget_div { position: relative; top: 0px; display: inline-block; } #forgot_pass_form_submit { background: none; border: none; font-family: 'RobotoLight', Arial, sans-serif; font-size: 18px; line-height: 1; color: #fff; background-color: #FFC902; box-shadow: 0px 1px 2px rgba(0,0,0,0.4); transition: all 0.2s; padding: 13px 20px; border-radius: 3px; } #forgot_pass_form_submit:hover { background-color: #eabb0f; } /***** RESET PASSWORD ******/ #pass_reset_content { padding-top: 1.5%; padding-bottom: 1.5%; min-height: 300px; text-align: left; } #pass_reset_content p { position: relative; top: 0px; left: 0px; font-family: 'RobotoRegular', Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #636363; margin-bottom: 15px; text-align: left; } #pass_reset_content p a { font-family: 'RobotoMedium', Arial, sans-serif; font-size: 16px; color: #10305E; } #pass_reset_content p strong { font-family: 'RobotoMedium', Arial, sans-serif; font-weight: normal; } .reset_pass_error_container { position: relative; top: 0px; left: 0px; text-align: left; margin-top: 25px; margin-bottom: 25px; } #pass_reset_content h2 { position: relative; top: 0px; margin-bottom: 15px; font-family: 'RobotoRegular', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 1.3; color: #333; } #pass_reset_content p { position: relative; top: 0px; margin-bottom: 15px; font-family: 'RobotoRegular', Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #333; } #pass_reset_content p strong { font-family: 'RobotoMedium', Arial, sans-serif; font-weight: normal; } #pass_reset_content ol { position: relative; top: 0px; margin-bottom: 15px; font-family: 'RobotoRegular', Arial, sans-serif; font-size: 16px; line-height: 1.5; } #pass_reset_content ol li { margin-bottom: 10px; } .reset_pass_error_container h3 { position: relative; top: 0px; margin-bottom: 15px; font-family: 'RobotoRegular', Arial, sans-serif; font-size: 20px; font-weight: normal; line-height: 1.3; color: #ff0000; } .reset_pass_error_container p { position: relative; top: 0px; margin-bottom: 15px; font-family: 'RobotoRegular', Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #ff0000 !important; } .reset_pass_form_line { position: relative; top: 0px; width: 100%; overflow: hidden; margin-bottom: 20px; } .reset_pass_form_line input[type=text], .reset_pass_form_line input[type=password] { position: relative; background: none; border: none; font-family: 'RobotoRegular', Arial, sans-serif; font-size: 15px; line-height: 1; color: #636363; width: 80%; padding-left: 15px; padding-right: 15px; margin-top: 12px; } .reset_pass_form_line input[type=text]:focus, .reset_pass_form_line input[type=text]:active, .reset_pass_form_line input[type=password]:focus, .reset_pass_form_line input[type=password]:active { outline: none; } .reset_pass_form_line input[type=text]::-webkit-input-placeholder, .reset_pass_form_line input[type=password]::-webkit-input-placeholder { color: #636363; } .reset_pass_form_line input[type=text]:-moz-placeholder, .reset_pass_form_line input[type=password]:-moz-placeholder { color: #636363; } .reset_pass_form_line input[type=text]::-moz-placeholder, .reset_pass_form_line input[type=password]::-moz-placeholder { color: #636363; } .reset_pass_form_line input[type=text]:-ms-input-placeholder, .reset_pass_form_line input[type=password]:-ms-input-placeholder { color: #636363; } .reset_pass_form_line:not(:last-of-type) { background-color: #fff; text-align: left; } .reset_pass_form_line:first-of-type { border-top-left-radius: 3px; } .reset_pass_form_line:nth-of-type(2) { border-bottom-left-radius: 3px; } .reset_pass_form_icon { position: relative; top: 0px; float: left; width: 47px; height: 42px; background-color: #FFC902; } .reset_pass_form_line:nth-of-type(1) .reset_pass_form_icon { background-image: url(../images/icon_password.png); background-position: 50% 50%; background-repeat: no-repeat; } .reset_pass_form_line:nth-of-type(2) .reset_pass_form_icon { background-image: url(../images/icon_password.png); background-position: 50% 50%; background-repeat: no-repeat; } .reset_pass_form_line:nth-of-type(3) .reset_pass_form_icon { background-image: url(../images/icon_phone.png); background-position: 50% 50%; background-repeat: no-repeat; } .reset_pass_form_line:last-of-type { position: relative; text-align: right; background-color: none; padding-bottom: 5px; z-index: 0; transition: all, 0.3s; clear: both; } .reset_pass_form_line a { float: left; font-family: 'RobotoMedium', Arial, sans-serif; font-size: 16px; color: #10305E; margin-top: 5px; } #reset_pass_form_submit { background: none; border: none; font-family: 'RobotoLight', Arial, sans-serif; font-size: 18px; line-height: 1; color: #fff; background-color: #FFC902; box-shadow: 0px 1px 2px rgba(0,0,0,0.4); transition: all 0.2s; padding: 13px 20px; border-radius: 3px; } #reset_pass_form_submit:hover { background-color: #eabb0f; } /* TAX CENTER **********/ .tax_center_container { padding-left: 15px; padding-right: 15px; } .tax_center_container h2 { /*font-family: 'RobotoRegular', Arial, sans-serif;*/ font-size: 22px; font-weight: normal; line-height: 1.3; color: #333; margin-bottom: 15px; } .tax_center_container p { position: relative; top: 0px; left: 0px; /*font-family: 'RobotoRegular', Arial, sans-serif;*/ font-size: 14px; line-height: 1.5; color: #636363; margin-bottom: 17px; text-align: left; } .tax_center_container p.specc { display: block; width: 96%; margin-left: auto !important; margin-right: auto !important; } .tax_center_container p.speccnotify { display: block; width: 96%; margin-left: auto !important; margin-right: auto !important; color: #2a6496; font-weight: bold; } .tax_center_box { position: relative; top: 0px; left: 0px; width: 100%; box-sizing: border-box; margin-bottom: 32px; margin-top: 16px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: 2px 2px 3px rgba(0,0,0,0.3); } #tax_docs { position: relative; box-sizing: border-box; top: 0px; float: left; width: 40%; /*border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD;*/ border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; } .tax_docs_header { position: relative; top: 0px; left: 0px; box-sizing: border-box; width: 100%; border-bottom: 1px solid #CCC; text-align: left; padding-left: 10px; background: rgb(239,239,239); background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(200,200,200,1) 100%); background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(200,200,200,1) 100%); background: linear-gradient(to bottom, rgba(239,239,239,1) 0%,rgba(200,200,200,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#C8C8C8',GradientType=0 ); } .tax_docs_header h3 { position: relative; top: 0px; font-size: 16px; font-weight: bold; line-height: 42px; color: #333; } .tax_docs_content { position: relative; top: 0px; left: 0px; width: 100%; box-sizing: border-box; padding: 10px; } #tax_resources { position: relative; box-sizing: border-box; top: 0px; float: left; width: 60%; border-bottom: 1px solid #DDDDDD; /*border-top-right-radius: 3px;*/ } .tax_docs_selectors { position: relative; top: 0px; left: 0px; width: 100%; margin-bottom: 10px; } .tax_docs_selectors select:nth-of-type(1) { float: left; } .tax_docs_selectors select:nth-of-type(2) { float: right; } .tax_docs_selectors > span { display: block; float: right; color: #555555; font-weight: bold; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: default; } .tax_docs_list { position: relative; top: 0px; left: 0px; width: 100%; height: 300px; overflow-y: auto; overflow-x: hidden; padding: 10px; border: 1px solid #DDDDDD; } .tax_docs_preloader { width: 24px; height: 24px; background-image: url(../images/fbloader.gif); background-position: 0 0; background-repeat: no-repeat; margin: 100px auto 0px auto; } .tax_docs_nodata { width: 100%; margin-top: 106px; font-size: 15px; font-weight: bold; color: #676767; text-align: center; } .tax_docs_list ul { position: relative; margin: 0; padding-left: 10px; list-style-type: none; } .tax_docs_list ul li { /*margin-bottom: 1px;*/ padding-bottom: 3px; padding-top: 3px; border-bottom: 1px solid #DDDDDD; list-style-type: none; } .tax_docs_list ul li a, .tax_docs_list ul li a:active, .tax_docs_list ul li a:visited { display: block; width: 90%; height: 29px; line-height: 28px; text-align: left; background-color: none; color: #333333; text-decoration: none; padding-left: 10px; } .tax_docs_list ul li a:hover { background-color: #56bedc; color: #FFFFFF; border-radius: 4px; } .tax_docs_list ul li a:hover i { color: #FFFFFF !important; } .tax_docs_list ul li a i { padding-right: 8px; color: #ea4c3a !important; } .tax_resources_header { position: relative; top: 0px; left: 0px; box-sizing: border-box; width: 100%; border-bottom: 1px solid #CCC; text-align: left; padding-left: 10px; padding-right: 10px; background: rgb(245,245,245); background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(232,232,232,1) 100%); background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(232,232,232,1) 100%); background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(232,232,232,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e8e8e8',GradientType=0 ); } .tax_resources_header h3 { position: relative; top: 0px; display: inline; font-size: 16px; font-weight: bold; line-height: 42px; color: #333; } .tax_resources_header button { margin-top: 5px !important; } .tax_resources_header a:hover { text-decoration: none; } .tax_resources_content { position: relative; top: 0px; left: 0px; width: 100%; height: 350px; box-sizing: border-box; padding: 10px; overflow-y: auto; } .tax_resources_content h4 { position: relative; top: 0px; font-size: 15px; font-weight: bold; line-height: 1.3; color: #333; margin-bottom: 10px; } .tax_resources_content h4:not(:first-of-type) { margin-top: 15px; } .tax_resources_content a { position: relative; top: 0px; display: block; margin-bottom: 5px; } #tax_trade_activity { position: relative; top: 0px; width: 100%; box-sizing: border-box; padding: 10px; border-top: 1px solid #CCC; } #btn_dwn_exp_container { position: relative; top: 0px; float: left; width: auto; box-sizing: border-box; padding: 10px; width: 25% } #tax_trade_activity p { position: relative; float: left; box-sizing: border-box; width: 75%; font-size: 12px; line-height: 1.5; color: #464646; margin-bottom: 0; text-align: left; } /* RESPONSIVE STYLES **********/ @media only screen and (max-width : 985px){ #footer_social { margin-bottom: 15px; } #broker_check_content { text-align: center; padding-left: 10px; padding-right: 10px; } #footer_ls_list, #footer_resources_list, #footer_products_services_list { margin-bottom: 10px; font-size: 14px; } #section_footer col-md-2 ul { padding-left: 10px; padding-right: 0; font-size: 14px; } #section_footer col-md-2 ul, #section_footer col-md-2 ul li { display: inline; } #section_footer col-md-2 ul li:not(:last-of-type) { margin-right: 5px; } #section_copyright_container #section_copyright p, #section_copyright_container #section_copyright ul { width: 100%; text-align: left; } #footer_ls_list ul li, #footer_resources_list ul li, #footer_products_services_list ul li { display: inline-block !important; } #footer_ls_list ul li:not(:last-of-type) a::after, #footer_resources_list ul li:not(:last-of-type) a::after, #footer_products_services_list ul li:not(:last-of-type) a::after { content: " / "; margin-left: 2px; margin-right: 2px; } } span.wm_pl_loader { display: block; width: 24px; height: 24px; background-image: url(../images/fbloader.gif); background-position: 0 0; background-repeat: no-repeat; margin: 10px auto 10px 10px; } span.wm_pl_distancer { display: block; margin: 10px auto 10px 10px; } span.wm_pl_distancer b { font-weight: bold; color: red; } span.wm_pl_distancer i { font-weight: bold; color: #294d61; } @media only screen and (max-width : 768px){ body { overflow-x: hidden; } #main_nav_container { height: 25px !important; max-height: 25px !important; padding-top: 0 !important; padding-bottom: 0 !important; box-shadow: none !important; } #ls_main_menu { display: none; } #icon_responsive_menu { display: block; } .header-tipranks #icon_responsive_menu { } #main_nav { position: relative; height: 0px !important; } #header_container { width: 100%; height: 37px; } #header { position: relative; top: 0px; height: 37px; } #right-menu { margin-top:10px; } #icons_social { margin-top: 7px; } #header_number { margin-top: 12px; } #logo_header { position: fixed; top: 0px; left: 50px; width: 136px !important; height: 27px !important; background-image: url(../images/logo_white.png); margin-top: 7px; } .header-tipranks #logo_header { width: 101px !important; height: 20px !important; } #content_container { padding-top: 75px !important; } #section_fotter_container, #section_copyright_container { padding-left: 10px; padding-right: 10px; } #login_top_container { padding-top: 50px; padding-bottom: 10px; } } @media only screen and (min-width : 769px){ #touchscreen_menu { display: none; } } @media only screen and (max-width : 756px){ .filters-container { display: none; } } @media only screen and (max-width : 570px){ .forgot_pass_form_line:last-of-type { top: 0px; } } @media only screen and (max-width : 425px){ #icons_social, #header_number { display: none; } .inner_heading { font-size: 40px; line-height: 40px; } } /* 2Factor loader */ span.message_sms { display: inline-block; width: 186px; height: 33px; line-height: 33px; text-align: left; margin-left: 10px; border: transparent; color: #333333; font-weight: bold; } .add_message_loader { background-image: url("../img/ez_loader.gif"); background-repeat: no-repeat; background-position: right center; } span.message_sms p { color: green !important; } /* additional 2fa styles to make it universal */ .twofa_group { margin-left: -15px; margin-right: -15px; margin-bottom: 15px; height: 66px; } .twofa_group:after, .form-group:after { /* also fix for all form groups hopefully */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .sms_receive_counter { width: 100%; height: 7px; background-color: #EFEFEF; } .sms_receive_counter div { width: 100%; height: 7px; background-color: #CCCCCC; } .twofa_counter_container { display: none; margin-top: 10px; width: 400px; height: 14px; line-height: 14px; } .twofa_counter_container span { display: block; } .twofa_counter_container span a, .twofa_counter_container span a:active, .twofa_counter_container span a:visited { text-decoration: none; color: #cf0678 !important; } .twofa_counter_container span a:hover { text-decoration: underline; } .twofa_form_container { display: block; width: 600px; height: 54px; line-height: 54px; } .twofa_form_container, .twofa_counter_container { margin-left: 112px; background-color: transparent; text-align: left; overflow: visible; } input.twofa_txt_code { background-color: #FFFFFF; color: #333333; border-radius: 0 4px 4px 0; border-top: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; border-left: none; font-family: sans-serif; font-size: 14px; padding: 8px 10px 8px 10px; text-decoration: none; text-shadow: none; margin: 0; } input.twofa_txt_code:focus, input.twofa_txt_code:active { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); } button.twofa_btn_reqnum { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fdfdfd), color-stop(1, #e0e0e0)); background: -moz-linear-gradient(top, #fdfdfd 5%, #e0e0e0 100%); background: -webkit-linear-gradient(top, #fdfdfd 5%, #e0e0e0 100%); background: -o-linear-gradient(top, #fdfdfd 5%, #e0e0e0 100%); background: -ms-linear-gradient(top, #fdfdfd 5%, #e0e0e0 100%); background: linear-gradient(to bottom, #fdfdfd 5%, #e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#e0e0e0',GradientType=0); background-color: #fdfdfd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px 0 0 4px; border: 1px solid #c4c4c4; display: inline-block; cursor: pointer; color: #333333; font-family: sans-serif; font-size: 14px; padding: 8px 12px; text-decoration: none; text-shadow: none; } button.twofa_btn_reqnum:hover, button.twofa_btn_reqnum:focus { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e0e0e0), color-stop(1, #fdfdfd)); background: -moz-linear-gradient(top, #e0e0e0 5%, #fdfdfd 100%); background: -webkit-linear-gradient(top, #e0e0e0 5%, #fdfdfd 100%); background: -o-linear-gradient(top, #e0e0e0 5%, #fdfdfd 100%); background: -ms-linear-gradient(top, #e0e0e0 5%, #fdfdfd 100%); background: linear-gradient(to bottom, #e0e0e0 5%, #fdfdfd 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#fdfdfd',GradientType=0); background-color: #e0e0e0; } button.twofa_btn_reqnum:active { position: relative; top: 1px; } button.twofa_btn_reqnum:disabled, button.twofa_btn_reqnum[disabled] { background-color: #fff; border-color: #ccc; cursor: not-allowed; pointer-events: none; opacity: .65; -webkit-box-shadow: none; box-shadow: none; cursor: default; text-shadow: 0 1px 0 #fff; }