/* Total Reset -------------------------------------------------------------------------------------------------*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;} a:active {outline:none;-moz-outline-style:none;} a:focus {outline:none;-moz-outline-style:none;} /* Clear Floated Elements -------------------------------------------------------------------------------------------------*/ .clear {clear:both;font-size:0;line-height:0;} .clearwrap {overflow:hidden;} .clearafter:after {content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;} .clearafter {.zoom:1;.display:block;} /* General -------------------------------------------------------------------------------------------------*/ .page-inner #content {padding:40px 0;background:#fff;border-top:1px solid #d1ceda;} /* Header, Prefooter & Footer -------------------------------------------------------------------------------------------------*/ #header, #footer {padding:20px 0;} #header a {color:#45414d;} #header a:hover {color:#000;} #header {position:relative;} #header #general-partner {width:101px;height:36px;background:url(../images/general-partner.png);position:absolute;top:23px;left:240px;} #header #logo {display:block;width:221px;height:80px;margin-bottom:20px;background-position:-20px -20px;} #header ul#navigation, #header ul#navigation li {margin:0;padding:0;list-style-type:none;} #header ul#navigation li {float:left;position:relative;margin-left:28px;} #header ul#navigation li:first-child {margin-left:0;} #header ul#navigation li a {display:block;font-size:14px;text-transform:uppercase;} #header ul#navigation li i {display:block;opacity:0;filter:alpha(opacity=0);height:2px;width:100%;position:absolute;left:0;bottom:-10px;} #header ul#navigation li.current a {color:#000;} #header ul#navigation li a:hover i, #header ul#navigation li.current a i {opacity:1;filter:alpha(opacity=100);bottom:-3px;} #header .grid_10 div {position: relative;} #header ul#profile-navigation {position: absolute; top: 5px; right: 10px;} #header ul#profile-navigation, #header ul#profile-navigation li {margin:0;padding:0;list-style-type:none;} #header ul#profile-navigation li {float:left;position:relative;margin-left:40px;} #header ul#profile-navigation li:first-child {margin-left:0;} #header ul#profile-navigation li a {display:block;font-size:14px;text-transform:uppercase;} #header ul#profile-navigation li i {display:block;opacity:0;filter:alpha(opacity=0);height:2px;width:100%;position:absolute;left:0;bottom:-10px;} #header ul#profile-navigation li.current a {color:#000;} #header ul#profile-navigation li a:hover i, #header ul#profile-navigation li.current a i {opacity:1;filter:alpha(opacity=100);bottom:-3px;} #header #login {height:97px;text-align:center;} #header #login a {float:left;margin-left:20px;padding-left:20px;border-left:1px solid #d1ceda;} #header #login a:first-child {margin-left:0;padding:0;border:none;} #header #login a em {display:block;margin-top:3px;font-weight:bold;font-size:10px;text-transform:uppercase;} #header #login a em {text-indent:2px;} #header #login a:hover .icon.icon-big-login {background-position:-309px -20px;} #header #login a:hover .icon.icon-big-logout {background-position:-309px -20px;} #header #login a:hover .icon.icon-big-signup {background-position:-422px -20px;} #header .search-bar {clear:both;} #header ul.loggedin-menu, .sidebar-menu {box-shadow:0 1px 2px rgba(0,0,0,0.3);text-shadow:0 1px 0 #fff;} #header ul.loggedin-menu {top:45px !important;} #header ul.loggedin-menu li {margin:0 !important;padding:0 !important;} #header ul.loggedin-menu li a, .sidebar-menu li a {padding:7px 15px;color:#555 !important;font-size:12px !important;text-transform:none !important;display:block;} #header ul.loggedin-menu li:first-child a {border-radius:2px 0 0 2px;} #header ul.loggedin-menu li:last-child a {border-radius:0 2px 2px 0;} #header ul.loggedin-menu li.current a, .sidebar-menu li.current a {background:#e1dfe5;box-shadow:0 3px 10px rgba(0,0,0,0.1) inset,0 1px 3px rgba(0,0,0,0.3) inset;color:#333 !important;} .sidebar-menu h3 {padding:15px 15px 0 15px;} #prefooter a {color:#fff;} #prefooter a:hover {text-shadow:0 1px 1px #000, 0 0 10px rgba(255,255,255,0.6);} #prefooter .container_12 {background:url(../images/footer-sep.png) repeat-y right top;} #prefooter .grid_4 {margin:0;padding:0 10px;background:url(../images/footer-sep.png) repeat-y left top;} #prefooter .grid_4>div {height:225px;padding:20px;} #prefooter .grid_4:first-child .block-heading a {margin-top:4px;} #prefooter .tweets p span {display:block;color:#a2a0a6;} #prefooter .icon-twitter {margin:0 4px 0 0;top:2px;.top:0;} #prefooter .icon-facebook {top:4px;.top:6px;} #prefooter .fb-like-box {margin:-8px 0 0 -20px;height:230px;overflow:hidden;z-index:1;} #prefooter .fb-wrap {position:relative;} #prefooter .fb-wrap .charcoalnoise {width:300px;height:6px;position:absolute;top:52px;.top:58px;left:-15px;z-index:2;} #prefooter #sponsors>a {float:left;width:84px;height:61px;background-image:url(../images/sponsors.png);margin:0 4px 4px 0;} #prefooter #sponsors #sponsor-sse {background-position:0px 0px;} #prefooter #sponsors #sponsor-nasdaq {background-position:-88px 0px;} #prefooter #sponsors #sponsor-linedata {background-position:-175px 0px;} #prefooter #sponsors #sponsor-embassy {background-position:-88px -65px;} #prefooter #sponsors #sponsor-ey {background-position:-175px -65px;} #prefooter #sponsors #sponsor-ifund {background-position:0 -65px;} #prefooter #sponsors #sponsor-ambient {background-position:0 -130px;} #prefooter #sponsors #sponsor-dnb {background-position:-88px -130px;} #prefooter #sponsors #sponsor-investuok {background-position:-175px -130px;} #footer {font-size:11px;color:#87858c;} #footer .grid_4 {text-align:left;} #footer .grid_4+div {text-align:center;} #footer .grid_4+div+div {text-align:right;} #footer a {color:#565559;} #footer a:hover {color:#000;} #footer #atk {margin-top:3px;} #footer #atk .icon-atk {top:4px;.top:2px;margin:0 1px 0 3px;} #footer #developers .icon-mayack {top:1px;.top:-1px;margin:0 2px 0 1px;} #footer #developers .icon-ambient {top:1px;.top:-1px;margin:0 2px 0 0;} /* ------------ 960 Grid System */ body.gs-12 .gs-wrap {margin-left:auto;margin-right:auto;width:940px;padding-left:10px;padding-right:10px;} .gs-12 .g-1, .gs-12 .g-2, .gs-12 .g-3, .gs-12 .g-4, .gs-12 .g-5, .gs-12 .g-6, .gs-12 .g-7, .gs-12 .g-8, .gs-12 .g-9, .gs-12 .g-10, .gs-12 .g-11, .gs-12 .g-12 {margin-left:10px;margin-right:10px;float:left;} .g-row:after {content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;} .g-row {.zoom:1;.display:block;} .g-row>*:first-child {margin-left:0;} .g-row>*:last-child {margin-right:0;} .gs-12 .g-1 {width:60px;} .gs-12 .g-2 {width:140px;} .gs-12 .g-3 {width:220px;} .gs-12 .g-4 {width:300px;} .gs-12 .g-5 {width:380px;} .gs-12 .g-6 {width:460px;} .gs-12 .g-7 {width:540px;} .gs-12 .g-8 {width:620px;} .gs-12 .g-9 {width:700px;} .gs-12 .g-10 {width:780px;} .gs-12 .g-11 {width:860px;} .gs-12 .g-12 {width:940px;} /* Typography -------------------------------------------------------------------------------------------------*/ @font-face { font-family: 'DINR'; src: url('../fonts/dinr-webfont.eot'); src: url('../fonts/dinr-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/dinr-webfont.woff') format('woff'), url('../fonts/dinr-webfont.ttf') format('truetype'), url('../fonts/dinr-webfont.svg') format('svg'); font-weight: normal; font-style: normal;} .dinr {font-family:"DINR","Helvetica",sans-serif;} .big {font-size:14px;} .superbig {font-size:16px;} body {font:12px/1.5 "Helvetica",sans-serif;} h1, h2, h3 {font-family:"DINR","Helvetica",sans-serif;line-height:1.3;} h1 {font-size:30px;margin:0 0 25px 0;text-transform:uppercase;} h2 {font-size:24px;margin:20px 0 7px 0;} h3 {font-size:20px;margin:20px 0 5px 0;} h4 {font-size:16px;font-weight:bold;margin:20px 0 5px 0;} h5 {font-size:12px;font-weight:bold;margin:20px 0 3px 0;color:#7836b3;} h2+h3 {margin-top:10px;} h2+.form {margin-top:15px;} p,blockquote, ul, ol, dir, menu {margin:0 0 10px 0;} ol, ul {margin-left:20px;} ol {list-style-type:decimal} ul {list-style-type:disc;} ol ul, ul ol, ul ul, ol ol {margin-top:7px;} ul li, ol li {margin-bottom:3px;} h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {margin-top:0;} /* Styling -------------------------------------------------------------------------------------------------*/ body {color:#45414d;} a {text-decoration:none;color:#2e3799;} a:hover {color:#9911a6;} .sprite {background-image:url(../images/sprite.png);} .sep {color:#ccc;margin:0 5px;} .text-red {color:#cc1414;} .text-green {color:#008000;} .text-gray {color:#999;} .text-golden {color:#cc8800;} h1 i {display:block;height:2px;} .float-left {float:left;} .float-right {float:right;} .hr, .hr-small {height:60px;background:url(../images/hr.png) repeat-x center;} .hr-small {height:30px;} .hr+h1, .hr+h2, .hr+h3, .hr+h4, .hr+h5 {margin-top:0;} h2+.atk-form {margin-top:15px;} /* Animation -------------------------------------------------------------------------------------------------*/ #navigation a i { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} /* Buttons & Boxes -------------------------------------------------------------------------------------------------*/ .button {padding:6px 10px;outline:none;border:none;cursor:pointer;} .button:hover {color:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.3);} .button:active {color:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.5),0 1px 1px rgba(0,0,0,0.5) inset;} .box {padding:19px;} .box.gray {background:#ebe9f0;} .box.outline {border:1px solid #e5e5e5;box-shadow:0 3px 0 #ccc;} /* Icons -------------------------------------------------------------------------------------------------*/ .icon {display:inline-block;position:relative;background-image:url(../images/sprite.png);} .icon-big-login {width:46px;height:48px;background-position:-252px -20px;} .icon-big-logout {width:46px;height:48px;background-position:-252px -20px;} .icon-big-signup {width:46px;height:48px;background-position:-365px -20px;} .icon-ambient {width:15px;height:14px;background-position:-20px -110px;} .icon-atk {width:22px;height:16px;background-position:-45px -110px;} .icon-mayack {width:16px;height:11px;background-position:-77px -110px;} .icon-bull {width:22px;height:17px;background-position:-150px -110px;} .icon-bear {width:16px;height:17px;background-position:-182px -110px;} .icon-arrow-green-n {width:8px;height:6px;background-position:-315px -88px;} .icon-arrow-red-s {width:8px;height:6px;background-position:-333px -88px;} .icon-twitter {width:17px;height:14px;background-position:-103px -110px;} .icon-facebook {width:10px;height:18px;background-position:-130px -110px;} /* Backgrounds -------------------------------------------------------------------------------------------------*/ .charcoalnoise {background:url(../images/bg-charcoalnoise.jpg);color:#fff;text-shadow:0 1px 1px #000;} .purple, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background-color: #c773e5; background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(199, 115, 229)), to(rgb(128, 41, 204))); background-image: -webkit-linear-gradient(top, rgb(199, 115, 229), rgb(128, 41, 204)); background-image: -moz-linear-gradient(top, rgb(199, 115, 229), rgb(128, 41, 204)); background-image: -o-linear-gradient(top, rgb(199, 115, 229), rgb(128, 41, 204)); background-image: -ms-linear-gradient(top, rgb(199, 115, 229), rgb(128, 41, 204)); background-image: linear-gradient(top, rgb(199, 115, 229), rgb(128, 41, 204)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#c773e5', EndColorStr='#8029cc');} .purple-h { background-color: #c773e5; background-image: -webkit-gradient(linear, left center, right center, from(rgb(199, 115, 229)), to(rgb(128, 41, 204))); background-image: -webkit-linear-gradient(left, rgb(199, 115, 229), rgb(128, 41, 204)); background-image: -moz-linear-gradient(left, rgb(199, 115, 229), rgb(128, 41, 204)); background-image: -o-linear-gradient(left, rgb(199, 115, 229), rgb(128, 41, 204)); background-image: -ms-linear-gradient(left, rgb(199, 115, 229), rgb(128, 41, 204)); background-image: linear-gradient(left, rgb(199, 115, 229), rgb(128, 41, 204)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#c773e5', EndColorStr='#8029cc');} .purple, .purple a, .purple-h, .purple-h a {color:#fff;} /* Various -------------------------------------------------------------------------------------------------*/ body {background:#ebe9f0;} .search-bar {width:140px;height:24px;position:relative;background:#6d6a73 url(../images/search-sep.png) repeat-y 112px 0px;} .search-bar input {margin:0;padding:0;background:none;border:none;outline:none;} .search-bar input.ui-autocomplete-input {text-transform:uppercase;width:102px;padding:5px 5px 6px 5px;/* margin:2px 0 0 4px; */font-size:11px;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.5);} .search-bar input[type=button] { width:24px; height:24px; position:absolute; top:0; right:0; background:url(../images/sprite.png) -204px -104px; cursor:pointer;} .date {font-size:18px;color:#aaa;} .paginator {position:relative;text-align:center;font-size:14px;} .paginator .prev, .paginator .next {position:absolute;top:-5px;left:0;} .paginator .next {left:auto;right:0;} .paginator .button {padding:4px 8px;} .paginator b {color:#000;} .block {margin-bottom:20px;} .block-heading {overflow:hidden;} .block-heading h2 {float:left;} /* .block-heading .icon {float:right;} */ table.lister {width:100%;border:1px solid #d1ceda;} table.lister td {padding:10px;} table.lister tr.even td {background:#f5f2fa;} .combo-heading {position:relative;} .combo-heading h1 span, .combo-heading h2 span {width:820px;display:block;} .combo-heading .date {position:absolute;top:0;right:0;} .detail-lister dl {overflow:hidden;} .detail-lister dt {font-weight:bold;float:left;width:60px;} .detail-lister dd {margin-left:80px;} .password-checker {font-size:11px;color:#999;margin-top:2px;} .password-checker.low {color:#cc2200;} .password-checker.medium {color:#cc8600;} .password-checker.high {color:#3cb300;} .sidebar-menu ul, .sidebar-menu ul li {margin:0;padding:0;list-style-type:none;} .sidebar-menu ul li:first-child a {border-radius:2px 2px 0 0;} .sidebar-menu ul li:last-child a {border-radius:0 0 2px 2px;} .sidebar-menu ul li a {line-height:1;padding:10px 15px;} .atk-paginator {font-size:14px;padding-top:10px;} .atk-paginator a {padding:0;} .atk-paginator a, .atk-paginator .current, .atk-paginator .dummy {margin:0 10px;} .atk-paginator a .dummy {margin:0;} .atk-paginator>.dummy {visibility:hidden;} .atk-paginator .atk-sep {margin:0;} .atk-paginator .current {font-weight:bold;} /* Forms -------------------------------------------------------------------------------------------------*/ /* .form fieldset+fieldset {margin-top:20px;padding-top:20px;background:url(../images/hr.png) repeat-x top;} .form dl {margin-bottom:15px;position:relative;} .form label {color:#08111a;font-weight:bold;} .form label .mandatory {color:#e51717;font-size:12px;position:relative;top:-4px;margin-left:2px;} .form .option-holder label {font-weight:normal;color:#242c33;} .form input[type=text], .form input[type=password], .form textarea { width:208px; padding:5px; border:1px solid #c2c7cc; box-shadow:0 1px 0 rgba(0,0,0,0.3) inset; outline:none;} .form dl dd textarea {width:368px;} .form input[type=text]:focus, .form input[type=password]:focus, .form textarea:focus {background:#fffef5;border-color:#e5b217;box-shadow:0 1px 3px rgba(100,90,0,0.3) inset;} .form dl dd input[type=radio], .form dl dd input[type=checkbox] {margin:0 5px 0 10px;} .form dl dd.error {margin-top:10px;display:none;} .form dl dd.error span { position:relative; margin-top:10px; padding:5px; background:#e51717; font-size:11px; color:#fff;} .form dl dd.error span i { position:absolute; top:-4px; left:5px; width:7px; height:4px; z-index:0; background:url(../images/sprite.png) -542px -24px;} .form dl.has-error dt label {color:#e51717;} .form dl.has-error dd input {background:#ffd9d9;box-shadow:0 1px 0 rgba(150,0,0,0.3) inset;border-color:#b30000;} .form dl.has-error dd.error {display:block;} .form dl dd .option-holder {margin-left:-10px;} .form dl dd .option-holder>div {margin-top:5px;} .form dl dd .option-holder>div:first-child {margin-top:0;} .form dl.atk-button-holder {clear:both;margin-bottom:0;padding-top:12px;background:url(../images/hr.png) repeat-x top;} .form dl.atk-button-holder .or {position:relative;.top:-8px;} .form dl dd.w-button input {border-radius:3px 0 0 3px;border-right:none;} .form dl dd.w-button .available.button {cursor:default;background:#f6fff2;border:1px solid #7acc52;color:#339900;} .form dl dd.w-button .available.button .ui-icon {background-image:url('http://www.invest-game.com/templates/default/css/yapzar/images/ui-icons_3cb300_256x240.png');} .form dl dd.w-button .not-available.button {cursor:default;background:#fff2f2;border:1px solid #e57373;color:#b30000;} .form dl dd.w-button .not-available.button .ui-icon {background-image:url('http://www.invest-game.com/templates/default/css/yapzar/images/ui-icons_cd0a0a_256x240.png');} .form dl dd.w-button .button { padding:0px 7px 4px 5px; font:11px/1.4 "Arial", sans-serif; border-radius:0 3px 3px 0;} .form dl dd.w-button .button .ui-icon {display:inline-block;position:relative;top:4px;margin-right:1px;} .form.basic dl dt {float:left;width:140px;text-align:right;} .form.basic dl dt label {display:block;margin-top:4px;} .form.basic dl dd {margin-left:160px;} .form.basic dl dd select {margin-top:3px;} .form.basic dl dd .option-holder {padding-top:5px;.padding-top:3px;padding-top:4px\0/;} .form.vertical dl dt {margin-bottom:5px;} */ /* .atk-form dl dd .option-holder {margin-left:-10px;} */ .atk-form label {font-weight:bold;} .atk-form .option-holder label {font-weight:normal;} .atk-form dl dd .option-holder>div {margin-top:5px;} .atk-form dl dd .option-holder>div:first-child {margin-top:0;} .atk-form dl.atk-button-holder {clear:both;margin-bottom:0;padding-top:12px;background:url(../images/hr.png) repeat-x top;} .atk-form dl.atk-button-holder .or {position:relative;.top:-8px;} .atk-form input[type=text], .atk-form input[type=password], .atk-form textarea { padding:5px; border:1px solid #c2c7cc; box-shadow:0 1px 0 rgba(0,0,0,0.3) inset; outline:none;} .atk-form input[type=text]:focus, .atk-form input[type=password]:focus, .atk-form textarea:focus {background:#fffef5;border-color:#e5b217;box-shadow:0 1px 3px rgba(100,90,0,0.3) inset;outline:none;} .atk-form-basic dl, .atk-form-inline dl, .atk-form-vertical dl {margin-top:10px;} .atk-form-basic dl:first-child, .atk-form-inline dl:first-child, .atk-form-vertical dl:first-child {margin-top:0;} .atk-form-basic dl dt, .atk-form-inline dl dt {padding-top:3px;} .atk-form-basic dl.atk-field-smartradio dt, .atk-form-inline dl.atk-field-smartradio dt {padding-top:0px;} .atk-form-basic dl.atk-field-reference dt, .atk-form-inline dl.atk-field-reference dt {padding-top:1px;} .atk-form dl.atk-button-holder .ui-button {font-size:14px;} .form-filter .atk-button-holder {display:none;} .ui-dialog {top:50px !important;} .ui-dialog .atk-form fieldset {margin-bottom:20px;} .ui-dialog .atk-form dl.atk-button-holder {padding:15px 20px;width:100%;position:relative;left:-20px;margin-bottom:-20px;background:#EBE9F0;border-top:1px solid #D1CEDA;} /* Specific -------------------------------------------------------------------------------------------------*/ #market-overview-heading {position:relative;} #market-overview-heading ul, #market-overview-heading ul li {margin:0;padding:0;list-style-type:none;} #market-overview-heading ul {position:absolute;right:0;top:3px;} #market-overview-heading ul li {float:left;padding:5px 7px;margin-left:20px;line-height:1;font-size:16px;} /* .ui-dialog {padding:0;margin-top: 50px;} .dialog-login.ui-dialog .ui-dialog-content {padding:0;} */ /* .dialog-login {padding:0;margin-top: 50px;} */ /* .dialog-login div {padding:0;margin:0;} .dialog-login form {padding:0;margin:0;} */ /* .dialog-login div h2 {padding:20px 0 0 20px;margin-bottom:12px;} */ /* .dialog-login fieldset {padding:0px 20px 10px 20px;} */ .dialog-login input[type=text], .dialog-login input[type=password] {width:205px;} .dialog-login #forgot-password {margin-top:3px;font-size:11px;} .ui-dialog .or { clear:both; height:40px; line-height:40px; background:url(../images/or.png) repeat-x center; color:#5b5766; text-align:center; text-shadow:0 1px 0 #fff; font-style:italic;} .ui-dialog .or span {background:#EBE9F0;padding:2px 10px;} .dialog-login .facebook {text-align:center;} .dialog-login .atk-button-holder {overflow:hidden;} .dialog-login .atk-button-holder input {float:left;} .dialog-login .atk-button-holder #signup-link {float:right;font-size:13px;margin:8px 0 0 0;} .dialog-login .atk-button-holder #signup-link .ui-icon {float:left;margin:1px 2px 0 0;background-image:url(http://www.invest-game.com/templates/default/css/igame/images/ui-icons_2e3799_256x240.png);} .dialog-login .atk-button-holder a#signup-link:hover .ui-icon {background-image:url(http://www.invest-game.com/templates/default/css/igame/images/ui-icons_9911a6_256x240.png);} #igame_signup .atk-button-holder {text-align:center;} #team-members {overflow:hidden;} #team-members>div {float:left;width:172px;margin-left:20px;text-align:center;} #team-members>div:first-child {margin-left:0;} #team-members>div img {display:block;margin-bottom:5px;} #team-members>div .text-gray {font-size:11px;white-space:nowrap;} #security-actions {position:relative;font-size:16px;text-transform:uppercase;} #security-actions>div {position:absolute;right:0;bottom:-33px;} #security-actions>div a {margin-left:30px;} .security-placeorder {padding:15px;border-left:1px solid #e5e5e5;font-size:16px;text-align:center;} #coin-heading a {float:right;position:relative;bottom:1px;} #coin-block {position:relative;height:300px;margin-bottom:30px;} #coin-block img {position:absolute;top:0;left:-30px;} #igame_messages_mvcgrid table td:first-child, #igame_portfolios_mvcgrid table td:first-child {width:100%;} #portfolio-stats {padding-top:38px;} #portfolio-stats dl {padding:0 10px;} #portfolio-stats dl dt {width:95px;} #portfolio-stats dl dd {margin-left:110px;} dl#portfolio-rating {margin-bottom:15px;padding:10px 20px 5px 20px;} dl#portfolio-rating dt {padding-top:10px;font-size:14px;width:70px;} dl#portfolio-rating dd {font-size:30px;margin-left:85px;} #igame_placeorder {position:relative;} #igame_placeorder .info {position:absolute;top:45px;right:20px;padding:5px 10px;font-size:14px;} #igame_placeorder .atk-form {marzgin-top:40px;} /* Front -------------------------------------------------------------------------------------------------*/ #worldmap, #worldmap-bg, #worldmap-bg .container_12 {height:500px;} #worldmap-bg {background:url(../images/bg-bluewaves.png) repeat-x top;} #worldmap {position:relative;width:100%;overflow:hidden;background:url(../images/worldmap.png) no-repeat center;} #worldmap #worldmap-active {position:absolute;z-index:1;.z-index:0;top:0;left:50%;margin-left:-850px;width:1700px;} #worldmap #worldmap-active-map {position:relative;left:283px;top:20px;} #worldmap .container_12 {position:relative;.z-index:1;} #worldmap .container_12>#map-title {width:436px;height:86px;position:absolute;top:85px;left:0;background:url(../images/sprite.png) -20px -146px;} #worldmap .container_12>.market {text-align:center;width:22px;height:17px;position:absolute;pointer-events:none;.z-index:2;} #worldmap .container_12>.market#baltics {top:178px;right:277px;} #worldmap .container_12>.market#moscow {top:203px;right:223px;} #worldmap .container_12>.market#helsinki {top:150px;right:290px;} #worldmap .container_12>.market#stockholm {top:170px;right:332px;} #worldmap .container_12>.market#oslo {top:167px;right:371px;} #worldmap .container_12>.market#frankfurt {top:235px;right:364px;} #worldmap .container_12>.market#zurich {top:265px;right:372px;} #worldmap .container_12>.market#milan {top:283px;right:360px;} #worldmap .container_12>.market#paris {top:254px;right:405px;} #worldmap .container_12>.market#london {top:226px;right:418px;} #worldmap .container_12>.market#kiev {top:243px;right:250px;} #worldmap .container_12>.market#ny {top:294px;left:178px;} #worldmap .container_12>.market#amsterdam {top:221px;left:551px;} #worldmap .container_12>.market .mtooltip {position:absolute;z-index:1;.z-index:10;top:0;} #worldmap .container_12>.market .mtooltip>.icon {position:absolute;z-index:2;} #worldmap .container_12>.market .mtooltip .leg { height:3px; width:40px; position:absolute; z-index:1; top:6px; background:url(../images/tooltip-leg.png) right top;} #worldmap .container_12>div .mtooltip .bubble { pointer-events:all; display:block; position:relative; z-index:3; padding:2px 3px; .padding:1px 3px; min-height:11px; .min-height:13px; background:url(../images/bg-black-95.png); border:1px solid #000; box-shadow:0 1px 0 rgba(255,255,255,0.4) inset; color:#fff; font-size:11px; line-height:1; white-space:nowrap;} #worldmap .container_12>.market .mtooltip .bubble.expanded {box-shadow:0 1px 0 rgba(255,255,255,0.4) inset, 0 15px 50px rgba(0,0,0,0.5);} #worldmap .container_12>.market .mtooltip .bubble a {color:#fff;} #worldmap .container_12>.market .mtooltip .bubble .details {text-align:left;color:#bbb;display:none;text-shadow:0 1px 1px #000;} #worldmap .container_12>.market .mtooltip .bubble .details a {color:#bbb;width:50px;display:inline-block;} #worldmap .container_12>.market .mtooltip .bubble .details a:hover {color:#fff;} #worldmap .container_12>.market .mtooltip .bubble .details>div {margin-top:5px;} #worldmap .container_12>.market .mtooltip .bubble .details em {color:#888;display:block;margin-bottom:3px;} #worldmap .container_12>.market .mtooltip .bubble .details .values {color:#eee;font-weight:normal;} #worldmap .container_12>.market .mtooltip .bubble .details .values span {margin-left:5px;min-width:30px;display:inline-block;} #worldmap .container_12>.market .mtooltip .bubble .details .values span.text-green {color:#4de600;} #worldmap .container_12>.market .mtooltip .bubble .details .values span.text-red {color:#ff3434;} #worldmap .container_12>.market .mtooltip.left {padding:0 0 0 40px;left:10px;} #worldmap .container_12>.market .mtooltip.left .leg {left:1px;} #worldmap .container_12>.market .mtooltip.left>.icon {left:-10px;top:0;} #worldmap .container_12>.market .mtooltip.right {right:100%;margin-right:-10px;padding:0 40px 0 0;} #worldmap .container_12>.market .mtooltip.right .leg {right:1px;} #worldmap .container_12>.market .mtooltip.right>.icon {right:-10px;top:0;} #worldmap .container_12>.market .mtooltip.custom {top:-137px;left:-10px;} #worldmap .container_12>.market .mtooltip.custom .leg {height:134px;width:3px;top:10px;left:20px;background:url(../images/tooltip-tail-custom.png) top;} #worldmap .container_12>.market .mtooltip.custom>.icon {top:140px;left:11px;} #worldmap .container_12>.market .mtooltip.custom2 {top:-115px;left:7px;} #worldmap .container_12>.market .mtooltip.custom2 .leg {width:28px;height:104px;top:16px;left:2px;background:url(../images/tooltip-tail-custom2.png) top;} #worldmap .container_12>.market .mtooltip.custom2>.icon {top:115px;left:-8px;} #worldmap .container_12>.market .mtooltip.custom3 {top:-25px;right:97px;} #worldmap .container_12>.market .mtooltip.custom3 .leg {width:85px;height:32px;top:7px;left:100%;background:url(../images/tooltip-tail-custom3.png) top;} #worldmap .container_12>.market .mtooltip.custom3>.icon {top:27px;right:-94px;} #worldmap .container_12>.market .mtooltip.custom4 {top:-180px;right:43px;} #worldmap .container_12>.market .mtooltip.custom4 .leg {width:67px;height:174px;top:17px;left:auto;right:-40px;background:url(../images/tooltip-tail-custom4.png) top;} #worldmap .container_12>.market .mtooltip.custom4>.icon {top:182px;right:-52px;} #worldmap .container_12>.market .mtooltip span em {margin:0 3px;} #worldmap .container_12>.market .mtooltip .icon-arrow-green-n {top:-1px;.top:-4px;margin-left:3px;.left:3px;} #worldmap .container_12>.market .mtooltip .icon-arrow-red-s {top:0px;.top:-2px;margin-left:3px;.left:3px;} #worldmap .container_12 #stats {position:absolute;z-index:10;.z-index:1;bottom:20px;right:0;color:#fff;} #worldmap .container_12 #stats a {color:#fff;} #worldmap .container_12 #stats h3 {text-transform:uppercase;text-shadow:2px 2px 0 rgba(0,0,0,0.2);} #worldmap .container_12 #stats>div {width:380px;margin-left:20px;float:left;} #worldmap .container_12 #stats>div>.stats-lister>div { width:180px; margin:0 20px 3px 0; float:left; background:url(../images/bg-black-50.png); font-size:11px; line-height:1;} #worldmap .container_12 #stats>div>.stats-lister>div>em, #worldmap .container_12 #stats>div>.stats-lister>div>span {height:17px;line-height:17px;} #worldmap .container_12 #stats>div>.stats-lister>div>em {display:block;padding:0 4px;text-shadow:0 1px 1px rgba(0,0,0,0.5);} #worldmap .container_12 #stats>div>.stats-lister>div>span {float:right;padding:0 2px 0 10px;background:url(../images/sprite.png) -251px -83px;text-shadow:0 1px 0 #fff;text-align:right;} /* jQueryUI Tweaks -------------------------------------------------------------------------------------------------*/ .ui-dialog {padding:0;background:none;border:none;overflow:inherit !important;box-shadow:0 15px 40px rgba(0,0,0,0.5);} .ui-dialog .ui-dialog-titlebar.ui-widget-header {background:none;border:none;position:absolute;z-index:3;top:0;right:0;height:0px;line-height:0px;padding:0;} .ui-dialog .ui-dialog-titlebar .ui-dialog-title {display:none;} .ui-dialog .ui-dialog-titlebar-close {top:5px;right:5px;margin:0;padding:0;border:none;} .ui-dialog .ui-dialog-titlebar-close.ui-state-hover {margin:0;} .ui-dialog .ui-dialog-content {display:block;padding:20px;background:#fff;border:none;} /* .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-size:14px;} */ .ui-widget-content a {color:#2E3799;} .ui-widget-content a:hover {color:#9911a6;} .ui-widget-header, #header ul.loggedin-menu li a, .sidebar-menu ul, .ui-tabs .ui-tabs-nav .ui-state-default { color:#444; border-color:#d1ceda; background:#ebe9f0; background:-webkit-gradient(linear,left top,left bottom, from(#ffffff), to(#ebe9f0)); background:-moz-linear-gradient(top, #ffffff, #ebe9f0); background:-o-linear-gradient(top, #ffffff, #ebe9f0); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ebe9f0");} thead.ui-widget-header, th.ui-widget-header {border-width:0;} th.ui-widget-header {border-width:0 0 1px 0;text-shadow:0 1px 0 #fff;} .ui-tooltip-default .ui-tooltip-titlebar, .ui-tooltip-default .ui-tooltip-content {border:1px solid #fff;background:rgba(255,255,255,0.95);.background:#fff;background:#fff\0/;} .ui-tooltip-default .ui-tooltip-content {padding:2px 4px;border-radius:2px;font-size:11px;font-weight:bold;text-align:center;text-shadow:0 1px 0 #fff;} .ui-button.ui-state-default { box-shadow:0 1px 3px rgba(0,0,0,0.2); border-radius:2px; color:#fff; text-shadow:none; border:none;} .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background:#fff9d9;border-color:#fff9d9;color:#4d4a3d;} .ui-state-highlight .ui-icon {background-image:url(images/ui-icons_2e83ff_256x240.png);} #footer {height:auto;margin:0 auto;} .atk-grid > table > tbody > tr > td {border:none;} .even {background:#f6f5fa;} .ui-tabs .ui-tabs-panel {padding:20px 0 0 0;} .ui-tabs .ui-tabs-nav .ui-state-default {border-color:#d1ceda;} .ui-tabs .ui-tabs-nav .ui-state-active {background:#fff;border-color:#d1ceda;} .ui-dialog-content {min-height:0px;} /* auto-complete */ ul.ui-autocomplete { background:#85818c; box-shadow:0 10px 15px rgba(0,0,0,0.6); border:none; max-height:150px; overflow:auto;} ul.ui-autocomplete a {color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.3);} ul.ui-autocomplete .ui-state-hover {border-color:#fff;text-shadow:none;} /* ul.ui-autocomplete { margin-top: 15px; max-height: 150px; width: 140px; position: relative; background: #6d6a73; overflow: scroll; } ul.ui-autocomplete li { padding-left: 10px; background: #8d8a93; } ul.ui-autocomplete a { color: #fff; cursor: pointer; } ul.ui-autocomplete a strong{ color: #f00; } */ #help {z-index: 1000;position:fixed;top:100px;right:0;width:70px;height:42px;background:url(../images/help.png) no-repeat;}