body {width: 100%; margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; /*overflow-x: hidden;*/ background: #000000;} img {outline: 0; border: 0;} a {color: #23ADE3;} a:focus { outline: unset !important; /*outline: thin dotted;*/ } .blue_link {color: #23ADE3 !important;} .blue_link:hover { text-shadow: 0px 0px 10px currentColor, 0px 0px 10px currentColor; /*text-decoration: underline;*/} .red {color: red !important;} .intro_red, .imp {color: #ff5353 !important; /*color: #e32e2e !important;*/ } .green {color: #87DD37 !important;} .clearBoth {clear: both;} .bold {font-weight: bold;} .inline_block { display: inline-block; padding: 2px !important;} .margin_5 { margin: 5px; } .margin_10 { margin: 10px; } .selection_row { margin: 0px 0 10px 0; } #colorbox { z-index: 1000000 !important; } #colorbox #cboxPrevious { left: 0; } #colorbox #cboxNext { right: 0px; } #colorbox.img_group #cboxLoadedContent { background: #000; } i.shp {height: 25px; width: 25px; background: url("../images/drop_25_pure.png"); display: inline-block; cursor: pointer; vertical-align: middle; margin: 8px 10px; } .home_intro_title:hover i.shp { transform: rotate(360deg); -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -transition: all 0.5s linear; } .home_intro.shown .home_intro_title i.shp { transform: rotate(180deg); } #conf_sel_form label span { margin: 0 8px 0 5px; float: right; } .pass_eye { position: absolute; font-size: 20px; margin: 10px 0 0 -30px; cursor: pointer; } #password, #password_confirm { float: left; } #column_right #b_uname, #column_right #b_password { width: 98% } form#login_form .pass_eye, form#login_form2 .pass_eye { margin: 5px 0 0 -30px; } @font-face { font-family: "hamburgsymbols"; src: url('../fonts/hamburgsymbols6-webfont.eot'); src: url('../fonts/hamburgsymbols6-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/hamburgsymbols6-webfont.woff') format('woff'), url('../fonts/hamburgsymbols6-webfont.woff2') format('woff2'), url('../fonts/hamburgsymbols6-webfont.ttf') format('truetype'), url('../fonts/hamburgsymbols6-webfont.svg#hamburgsymbolsregular') format('svg'); font-weight: normal; font-style: normal; /* src: url("fonts/HamburgSymbols2.ttf") format("truetype"); src: url("../fonts/hamburgsymbols-webfont.eot"); src: url("../fonts/hamburgsymbols-webfont.eot?#iefix") format("embedded-opentype"), url('/fonts/hamburgsymbols2-webfont.woff2') format('woff2'), url("../fonts/hamburgsymbols-webfont.woff") format("woff"), url("../fonts/HamburgSymbols.ttf") format("truetype"), url("../fonts/hamburgsymbols-webfont.svg#hamburgsymbolsregular") format("svg"); */ } #page {margin: 0 19px; } /*.mobile #page {margin: 0; }*/ #right_menu_2 {display: table; height:12px; margin:0 40px; float: right;} #right_menu_2 li{display: table-cell; float: left; margin-right: 10px; color: #333;} #right_menu_2 li a{display: block; font-size: 12px; text-decoration: none; color: #666; line-height: 12px; padding-top: 5px; padding-bottom: 0;} #right_menu_2 li:first-child a{color: #000;} #right_menu_2 li a img {padding-right: 5px;} #logo {margin: 7px auto; float: left; /*margin-bottom: 2 0px; clear: both;*/ /*width: 980px; padding: 0px 0 15px 0px;*/} #logo.fb_logo {margin: 20px auto 0;} #logo a { display: inline-block; color: #bbb; width: 325px; text-shadow: #5f00a4 0px 0px 9px, #5f00a4 0px 0px 1px, #5f00a4 0px 0px 1px, #04B2FF 0px 0px 2px, #04B2FF 0px 0px 3px, #04B2FF 0px 0px 4px, #A21F5F 0px 0px 5px, #A21F5F 0px 0px 75px; text-decoration: none; /* background: #333333; */ /*height: 90px;*/ /*color: #ae04ff;*/ /*text-shadow: 3px 1px 0 #000, 3px 2px 0 #c9c9c9, 3px 3px 0 #bbb, 3px 4px 0 #b9b9b9, 3px 5px 0 #aaa, 3px 6px 1px rgba(0,0,0,.1), 3px 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15), 3px 2px 2px rgba(206,21,21,0);*/ } #logo a img { float: left; margin: 0 8px 0 0; width: 55px; } #logo .titul { font-size: 24px; margin: 7px auto; float: left; font-weight: bold; text-transform: uppercase; /*height: 31px;*/ } #logo .title { float: left; font-size: 8px; } #menu {display: block;} #menu.accordion ul {display: block; margin: 0; padding: 0; width: 100%;clear: both;} #menu.accordion li {border-top: 1px solid #1b1b1b; border-bottom: 1px solid #000;float: none;margin: 0px; padding: 0; list-style: none; width: 100%; display: block; } #menu.accordion li a {background: #111;color: #bbb; font-size: 14px; text-transform: uppercase; text-decoration: none; display: block; height: auto; margin: 0; padding: 10px; /*width: 100%;*/} #menu.accordion li a:hover {color: #fff; background: #222;} #menu.accordion li a img {float: right; padding-right: 50px; padding-top: 5px; opacity: 0.7; -moz-transition: opacity 0.3s ease-in-out;} #menu.accordion li a:hover img {opacity: 1;} /*body.mobile ul ul#reg_sub { display: block; }*/ #menu.accordion li#log_reg, #menu.accordion li#reg {padding-top: 10px; background: #000;} #menu.accordion li#log_reg a, #menu.accordion li#reg a {width: 96%; padding: 10px 0; font-size: 15px; color: #fff; display: block; text-shadow: none; text-align: center; background: #bacf33; border-radius: 3px; margin: 0 2%;} #menu.accordion li#log_reg a:hover, #menu.accordion li#reg a:hover {} #menu ul li:hover > a {} #fb_menu {display: block; margin: 0 630px -15px;} #fb_menu ul {display: block; margin: 0; padding: 0; width: 300px;} #fb_menu li {float: left;margin-left: 7px; list-style: none;} #fb_menu li a {height: 27px; width: 250px; margin: 0; padding: 0; color: #bbb; font-size: 14px; text-transform: uppercase; text-decoration: none; display: block; line-height: 29px;} /* -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;*/ /*#fb_menu li a:hover {background: left bottom no-repeat!important;} /* text-shadow: 0 -2px 6px #000;*/ #fb_menu li a.christ_astrology { background: url(../images/fb/fb_menu_sprite.png) left top no-repeat;} /* -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;*/ #fb_menu li a.christ_astrology:hover {background: url(../images/fb/fb_menu_sprite.png) left -205px no-repeat;} /* text-shadow: 0 -2px 6px #000;*/ #fb_menu li a.methodology { background: url(../images/fb/fb_menu_sprite.png) left -27px no-repeat;} #fb_menu li a.methodology:hover {background: url(../images/fb/fb_menu_sprite.png) left -232px no-repeat;} #fb_menu li a.goals { background: url(../images/fb/fb_menu_sprite.png) left -54px no-repeat;} #fb_menu li a.goals:hover {background: url(../images/fb/fb_menu_sprite.png) left -259px no-repeat;} #fb_menu li a.about { background: url(../images/fb/fb_menu_sprite.png) left -81px no-repeat;} #fb_menu li a.about:hover {background: url(../images/fb/fb_menu_sprite.png) left -286px no-repeat;} #fb_menu li a.filip_filipov { background: url(../images/fb/fb_menu_sprite.png) left -108px no-repeat;} #fb_menu li a.filip_filipov:hover {background: url(../images/fb/fb_menu_sprite.png) left -313px no-repeat;} #fb_menu li a.medias { background: url(../images/fb/fb_menu_sprite.png) left -135px no-repeat;} #fb_menu li a.medias:hover {background: url(../images/fb/fb_menu_sprite.png) left -340px no-repeat;} #fb_menu li a.contacts { background: url(../images/fb/fb_menu_sprite.png) left -162px no-repeat;} #fb_menu li a.contacts:hover {background: url(../images/fb/fb_menu_sprite.png) left -367px no-repeat;} /* SUBMENU */ #menu.accordion ul ul {position: static; padding: 0; margin: 0; box-shadow: none; overflow: hidden; display: none; height: auto; opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; z-index: 999;} #menu.accordion ul li:hover ul {display: none;} #menu.accordion ul ul li {float: none; display: block; list-style: none; padding: 0; margin: 0; border: 0;} #menu.accordion ul ul li a {color: #000; background: #fff; text-transform: none; display: block; margin: 0; border-bottom: 1px solid #ccc;} #menu.accordion ul ul li a:hover {background: #ccc; color: #000;} #menu.accordion ul.submenu li a span {display: none;} #lang_menu { display: table; height: 12px; margin: 0 0px; float: right; /*display: none;*/} #lang_menu li {float: left;margin-left: 10px; list-style: none;} #lang_menu li a {margin: 0; padding: 1px 5px; color: #0000; font-size: 16px; text-transform: uppercase; text-decoration: none; text-shadow:2px 2px 3px #888; /*background: url(../images/light.png) center -60px no-repeat;*/ display: block; /*height: 60px;*/ line-height: 50px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;} #lang_menu li a.bg_lang { background: url(../images/flag_bg.gif) 0px 14px no-repeat; } #lang_menu li a.en_lang { background: url(../images/flag_en.gif) 0px 14px no-repeat; } #lang_menu li a.ru_lang { background: url(../images/flag_ru.gif) 0px 14px no-repeat; } #lang_menu li a:hover {color: #000; /*background: url(../images/light.png) top center no-repeat; /*text-shadow: 0 -2px 6px #000;*/} #lang_menu li a img {padding: 0 0 0 3px; opacity: 0.7; -moz-transition: opacity 0.3s ease-in-out;} #lang_menu li a:hover img {padding: 0 0 0 3px; opacity: 1;} /*#lang_menu img {width:40px; margin: 8px 0;}*/ #lang_menu ul {display: inline; padding: 5px 0 5px 0;} #lang_menu ul li:hover > a {text-shadow:2px 2px 3px #ffffff; /*background: url(../images/light.png) top center no-repeat;*/} /* SUBMENU */ #lang_menu ul ul {position: absolute; padding: 0; margin: -10px 0 0 0px; background: #000424; box-shadow: 0px 2px 3px #000424; min-width: 42px; overflow: hidden; height: 0px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; z-index: 999;} #lang_menu ul li:hover ul {overflow: auto; height: auto; opacity: 1; filter: alpha(opacity=100); } #lang_menu ul ul li {float: none; display: block; list-style: none; padding: 0; margin: 0;} #lang_menu ul ul li a {text-transform: none; display: block; /*background: none;*/ padding: 6px 0 0 9px; *margin-left: -15px; height: 40px; width: 42px; line-height: 40px; text-shadow:2px 2px 3px #000;} #lang_menu ul ul li a:hover {/*background: #331d1d;*/ text-shadow:2px 2px 3px #ffffff;} .submenu li a span {display: none;} /*.title {display: none;} */ #btm_line img{width: 100%;} #footer {margin: 25px 0;} hr {margin: 25px 0;} .column_content_box .user_profile li { min-height: 10px; } .input_block, #buttons input { float: left; margin: 5px 5px; } .wrap_cobj_id, .wrap_days_observed, .wrap_first, .wrap_explanation { clear: left; } .wrap_explanation, .wrap_comment, .wrap_co_comment, .wrap_ph_comment, .wrap_location { width: 450px; } .wrap_location { width: 325px; clear: left;} .wrap_explanation input, .wrap_comment input, .wrap_co_comment input, .wrap_ph_comment input, .wrap_location input { width: 98%; } select:disabled, input:disabled { background: none; border: 1px solid; } #buttons input { padding: 6px 25px; font-size: 15px; } .add { width: 20px; height: 20px; background: url(../images/add.png) 0px 0px no-repeat; float: right; margin: 5px; cursor: pointer; } .cosmic_object_adding_button, .phase_adding_button {display: none;} .cosmic_object_adding_box, .phase_adding_box {z-index:100; left: -9000px; position: absolute;} .cosmic_object_adding, .phase_adding {position: absolute; width: 100%;} .latlang_pos, .citycoutnry_addr {float: left; margin: 0 10px 0 0;} .dms_coordinates { clear: both; float: left; margin: 0 0 10px 0; } .map_pos_box input { background-color: #9992; border-color: #9994; } /*#cosmic_object_adding {display: none;}*/ .register_box #cosmic_object_adding {width: 45%; clear: left;} .modal_registration .register_box #cosmic_object_adding {width: 75%; clear: left;} #cosm_obj input:not([type="submit"]):not([type="reset"]), #phase_obj input:not([type="submit"]):not([type="reset"]) { width: 98%; } #cosm_obj .wrap_form_title, #phase_obj .wrap_form_title { float: none; width: 100%; } #cosm_obj .wrap_co_title, #phase_obj .wrap_ph_title { width: 200px; } #phase_obj .wrap_ph_comment, #cosm_obj .wrap_co_comment { clear: left; } .wrap_error_msgs { float: none; } .tbl_listing table { width: 100%; border-collapse: separate; border-spacing: 0; /*color: #4a4a4d;*/ font: 14px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;} .tbl_listing th, .tbl_listing td { padding: 10px 5px; vertical-align: middle;} .tbl_listing thead { color: #fff; font-size: 11px; text-transform: uppercase;} .tbl_listing th:first-child { border-top-left-radius: 5px; /*text-align: left;*/} .tbl_listing th:last-child { border-top-right-radius: 5px;} .tbl_listing tbody tr:nth-child(even) { background: #29292B;} .tbl_listing th {border: 1px solid #cecfd5; background: #395870; background: linear-gradient(#49708f, #293f50); } .tbl_listing td { border-bottom: 1px solid #cecfd5; border-right: 1px solid #cecfd5;} .tbl_listing td:first-child { border-left: 1px solid #cecfd5;} .tbl_listing .book-title { color: #395870; display: block;} .tbl_listing .text-offset { color: #7c7c80; font-size: 12px;} .tbl_listing .item-id, .item-stock, .item-qty { text-align: center;} .tbl_listing .book-description { cursor: pointer;} .tbl_listing td .tr_listing_tr_result { display: none; margin: 10px 0 0 0; background: #fff; color: #000; padding: 10px; border-radius: 10px; } .tbl_listing td .tr_listing_tr_result p { color: #000; } .tbl_listing .item-price { text-align: right;} .tbl_listing .item-multiple { display: block;} .tbl_listing tfoot { text-align: right;} .tbl_listing tfoot tr:last-child { background: #f0f0f2; color: #395870; font-weight: bold;} .tbl_listing tfoot tr:last-child td:first-child { border-bottom-left-radius: 5px;} .tbl_listing tfoot tr:last-child td:last-child { border-bottom-right-radius: 5px;} .tbl_listing .item-id .payment_code {color: #ff3d3d;} .tbl_listing .pg_logo {text-align: center;} .tbl_listing .pg_logo img {height: 40px;} /***************************/ .conditions_confirmation {margin: 30px; font-size: 14px; line-height: 1.5; text-align: justify;} .terms_confirmation {margin: 0 auto; display: block !important;} .pages_content { clear: both; } .content {font-size: 12px; position: relative; background: url(../images/opacity_bg.png); padding: 10px 15px; color: #fff; margin: 0 0 10px 0; -moz-border-radius: 1em 1em 1em 1em; /*1em 4em 1em 4em;*/ border-radius: 1em 1em 1em 1em;} .content a, .content p, .content span, #paging_limit, .content h3 {color: #fff;} .content:not(#home_page):not(#dashboard):not(.column_content_box) { background: #02052ddd; } /*.mobile .content { padding: 0 5px; }*/ .content .astro_analysis_box span { /*color: unset;*/ } .content .textpad { float: left; clear: both; width: 100%;} .content p {text-align: justify;} .content hr {margin: 15px 0;} .content .relayout_button { display: none; cursor: pointer; float: right; height: 35px; width: 35px; background: url("../images/blue_jelly_arrows_sprite_35.png") no-repeat scroll left top transparent;} .content .relayout_button.widen { background: url("../images/blue_jelly_arrows_sprite_35.png") no-repeat scroll left bottom transparent;} #dashboard .relayout_button {position: absolute; right: 10px; display: none;} .has_sidebar .textpad { margin: 0 auto; width: 72%;} /* .textpad { line-height: 1.3em;}*/ .content .aside { padding-top: 0; width: 280px; float: right;} /* boxes title */ .content .title {font-size: 17px; margin: 0 0 5px 0; /*float: left;*/ } #column_right .title a, #column_left .title a { font-size: unset; color: #bbb; text-shadow: 3px 3px 10px #000, 3px 3px 10px #000, 3px 3px 10px #000, 3px 3px 10px #000, 3px 3px 10px #000, 3px 3px 10px #000; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } #column_right .title a:hover, #column_left .title a:hover { color: #fff; text-shadow:2px 2px 3px #ffffff;} .column_content_box { font-size:12px; width: 30%; float: left; margin: 0 10px; } .column_content_box a {color:#ffffff; font-size:12px; text-decoration: none;} .column_content_box:not(#login):not(.lunar_phase_cal):not(#connect) img { -moz-border-radius: 1em 1em 1em 1em; /*1em 4em 1em 4em;*/ border-radius: 1em 1em 1em 1em; float: left; height: 55px; width: 100px; clear: left; margin: 0 5px 0 0;} .column_content_box ul { padding:0;} .column_content_box li {list-style: none outside none; margin: 0 0 7px 0; min-height: 60px;} .column_content_box .user_profile_label { color: #AAA;} .column_content_box .profile_data_row { font-size: 12px; line-height: 18px;} /*#cont {position: relative; background: url(../images/opacity_bg.png); padding: 10px 15px; color: #fff; margin: 0 0 10px 0; -moz-border-radius: 1em 1em 1em 1em; border-radius: 1em 1em 1em 1em;}*/ #column_left .user_profile li a { font-size: 12px; margin: 0 0 0 10px; } #column_left .user_profile li a span { margin: 0 10px 0 0; } #column_left .user_profile li#log_reg a { font-size: 17px; } .panel-wrapper {color: black;} .panel-wrapper h3 {color: #000;} /*body.mobile .panel-wrapper { padding: 15px 10px; }*/ .pure-button-secondary, .ls-current {background: rgb(66, 184, 221)!important; color: white!important; border-radius: 4px!important; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2)!important;} .ls-nav-left-arrow, .ls-nav-right-arrow { top: 100px!important; } button {margin: 0 10px 10px 0;} button.pure-button { border: 1px solid #aaa; box-shadow: inset 1px 1px 0px 0px #fff; /*background: linear-gradient(to bottom, #e8e8e8 5%, #d5d5d5 100%);*/ background-color: rgba(0, 0, 0, 0); background-color: #DBDBDB; border-radius: 6px; border: 1px solid #dcdcdc; display: inline-block; cursor: pointer; text-shadow: 1px 1px 0px #e3e3e3; background: linear-gradient(to bottom, #f0f0f0 5%, #b7b6b6 100%); /*color: #666666; font-family: Arial; font-size: 15px;font-weight: bold;padding: 6px 24px;text-decoration: none; linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%)*/ } button.pure-button:hover, button.pure-button:focus, button.pure-button:active {background-color: #DBDBDB !important; background-image: none !important;} /*** home page ***/ .home_intro_title { cursor: pointer; display: inline-block;} .home_intro img { vertical-align: middle; margin: 0 10px; cursor: pointer; } .home_intro_text img.intro_icon, #faq img.intro_icon { height: 16px; margin: 0 2px 0 3px; } .home_intro_text .ui-icon.ui-icon-close { color: #fff !important; background: none; text-indent: 0; font-size: 22px; display: inline; margin: 0 -6px 0 5px; /*font-weight: bold; */} .home_intro_news_warnings img { height: 18px; margin: 0 5px; } .home_intro h1, .home_intro h2 { display: inline-block;} .home_intro_text { max-height: 200px; overflow-y: auto; padding: 0px 16px 10px 0; line-height: 1.4em; background: #02052daa; transition: max-height 1.0s linear;} .intro_imp {font-weight: bold; color: #ff5353 !important; /*color: #e32e2e !important;*/ } .home_intro_text p { color: #ccc; } .home_intro_text_gradient {position:absolute; left: 0; top: 220px; /*50%;*/ right: 0; bottom: 0; background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, #02052d 100%); opacity: 0.7; z-index: 20; height: 40px; cursor: pointer; margin: 0 30px 0 15px; transition: top 1.0s linear; } /*.mobile .home_intro_text_gradient { margin: 0 15px 0 0px; }*/ #dashboard .home_intro_text_gradient { top: 226px; } .home_intro.expanded .home_intro_text_shrink { cursor: pointer; float: right; height: 35px; width: 35px; margin: -35px 20px 0 0; background: url("../images/blue_jelly_arrows_sprite_35_4vertical.png") no-repeat scroll left bottom transparent; z-index: 100; position: absolute; right: 20px;} .home_intro:not(.expanded) .home_intro_text_shrink, .home_intro:not(.shown) .home_intro_text_shrink, .home_intro:not(.shown) .home_intro_text_gradient { display: none !important; } .pointer_click_reminder { height: 35px; width: 70px; position: absolute; /*top: 20px;*/ left: 200px; margin: 0.8em 0 0 2px; background: url("../images/blue_jelly_point_clicker_35_sprite.png") no-repeat scroll left bottom transparent; } .pointer_click_reminder.clicked { background: url("../images/blue_jelly_point_clicker_35_sprite.png") no-repeat scroll left top transparent; } .pointer_click_reminder:not(.introduce) {display: none; } /* FAQ */ #faq .intro_button_icon { margin: 5px; box-shadow: 5px 5px 12px darkgray;} section.faq_category { margin: 20px; } article.faq_article { margin: 30px; } row.faq_question { display: block; margin: 10px; font-size: 16px; cursor: pointer; background: url(../images/arrow_gr.png) no-repeat left top; padding: 0 0 0 30px; } row.faq_question.shown {background: url(../images/arrow_gr_down.png) no-repeat left top; } row.faq_answer { display: none; margin: 0px 40px; transition: all 0.8s; line-height: 1.4; text-align: justify; text-align: justify; padding: 10px 20px; background: #1f00444f;} /* (forecast) listing */ /*.blogpage img {width: 25%;}*/ .exerpt_thumb {float: left; margin: 0 20px; width: 25%;} .exerpt_thumb img {width: 100%;} .exerpt_content {margin: 2% 0;} .blog_post {background: url("../images/blog_post_sep.gif") no-repeat scroll left top transparent; clear: both; padding-top: 30px;} .news_paging, .paging, .pages_row {float: right; color: #999999; font-size: 15px; line-height: 22px; } .pages_row a { padding: 0 5px; /*border: 1px solid; border-radius: 5px; background: #444;*/ } #paging_limit { cursor: pointer; font-weight: bold; text-decoration: underline;} .blogpage a, .intro_paging a, .pages_row span { text-decoration: none; padding: 0 5px;} /* listings paging */ .paging span, .pages_row span {color: #999999;} .pages_row form input { font-size: 12px; padding: 0; width: 20px;} .pages_row form { display: inline;} .pages_row img {width: auto!important;} .blog_events {clear: both; margin: 10px 0 0 0;} .blog_button {float: right;/*margin: 0px 0;padding: 5px;*/background: goldenrod;border-radius: 12px;clear: both;} .blog_button a {text-decoration: none; padding: 5px 29px 5px 5px; line-height: 2.3em;/*vertical-align: top;*/ position: relative;} .blog_button a:hover {text-decoration: underline;} .blog_button a img {margin: 1px 1px 0 3px; position: absolute;baseline-shift: baseline;} .blog_button a img.events_loading {margin: 8px 5px 0 3px;} .blog_events.shown .blog_button_main img {transform: rotate(180deg);} .blog_events.notshown .more_events {display: none;} .blog_sub_listing {width: 70%;float: right;clear: both;} /* (forecast) single post*/ .blog_back_link {float: right;} .cnt_only .blog_back_link, .cnt_only .blog_post .astro_analysis_box_details {display: none;} .blog_single {/*margin-left: 145px;*/} .post_pic img {border: 6px solid #dedede; width: 98%;} .img_caption {display: block; /*width: 300px;*/padding: 7px; font-size: 0.8em; text-align: justify;} .post_content {margin-top: 20px;} .blog_post_title {margin: 0px 0px 10px 0px; line-height: 1.2em; font-size: 22px; text-align: center;} .blogpage a, .intro_paging a {text-decoration: none;} .post_content p {margin: 20px 0px; line-height: initial; font-size: 1.2rem; line-height: 1.5;} .post_content ol li {list-style: outside none url; margin: 5px 0;} .post_content .astro_analysis_request_button { color: #363678; } .post_content .astro_analysis_request_button img { vertical-align: middle; margin: 8px 10px; cursor: pointer; } .post_content .astro_analysis_request_button span { color: #363678; font-weight: bold; } .post_content .body_phase_analysis_wrapper {text-align: center;} .astro_analysis_box_details .astro_analysis_details, .astro_analysis_box_details .astro_analysis_details1, .astro_analysis_box_details .astro_analysis_details2 { background: #dddddd; padding: 1px 10px; color: #000;} .astro_analysis_box_details .astro_analysis_details, .astro_analysis_box_details .astro_analysis_details11, .astro_analysis_box_details .astro_analysis_details2 {display: none; } .content .astro_analysis_details p, .content .astro_analysis_details span { color: #000 !important; font-size: inherit; line-height: inherit; margin: 5px;} /* content box */ .content_single {/*margin-left: 145px;*/} .content_pic img {border: 6px solid #dedede; width: 98%;} .img_caption {display: block; /*width: 300px;*/padding: 7px; font-size: 0.8em; text-align: justify;} .main_content {margin-top: 20px;} .main_content p {margin: 20px 0px; line-height: initial; font-size: 1.2rem; line-height: 1.5;} .content_title {margin: 0px 0px 10px 0px; line-height: 1.2em; font-size: 22px; text-align: center;} /*.blogpage a, .intro_paging a {text-decoration: none;}*/ /* contents images and sliders */ #img_slider {position: relative;margin: 5px 30px; float: left; width: 50%; } #img_slider div.arrow {position: absolute;/*top: 25px;*/cursor: pointer; margin: 44px 0 0;} #img_slider div.arrow.left_arrow {left: -15px;} .arrow img {width: auto;border: none; width: 640px;} .right_arrow {right: -15px;} #img_slider .thumbs_holder {overflow: hidden;height: auto; /*width: 700px;*/} #img_slider .thumbs_holder ul {width: 100%;position: relative;padding: 0; list-style: none outside none;margin: 0;} #img_slider .thumbs_holder ul li {float: left;margin: 0 10px 0px 10px;padding: 0;background: none;} .thumbs_holder li a {width: 150px;} #img_slider .thumbs_holder ul li a {display: block;background: green;} #img_slider .thumbs_holder ul li span {display: block;font-size: 11px;text-align: center;margin-top: 10px;max-width: 115px;} .payment_gates #cont, .cnt_only #cont { width: 100%; float: none;} .pay_provider_selector, .pay_provider_options_selector, .gate_payment_module {margin: 10px; clear: both;} .pay_gate_link { margin: 5px; /*height: 70px;*/ width: 125px; border: 1px solid transparent; padding: 10px; border-radius: 5px; /*float: left;*/ display: inline-block;} .pay_gate_link:hover { border: 1px solid #fff; } .pay_gate_link.selected {background: #aaa;} .pay_gate_logo {/*height: 70px;*/ width: 100%;} .pay_gate_link.active {background: #30278D ;} .easypay_atm_instructions .pay_gate_instr_img_list li { height: auto; display: inline-block;} .pay_gate_instr { line-height: 22px; clear: both;} .pay_gate_instr_img {height: 185px; vertical-align: middle;} .gate_payment_module .paygate_input {color: #00FF00 !important;} #loading_pgates {margin: 30px auto; width: 100px; display: block;} /*body { -webkit-text-size-adjust: none; /* line-height: 1; font-size: 12px; font-family: Arial; color: #656D78;*} */ /*body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea { padding: 0; margin: 0;}*/ /*ol, ul {list-style: none;}*/ .acc_item {overflow:hidden; border: 1px solid #333; margin: 0px auto; display: table; border-radius: 10px;}/*li {vertical-align: top;}*/ .payment_detail_status_img {padding:0px 0 0px;} .payment_detail_status_img .no {background:url(/images/pgates/steps_bg2.png) no-repeat 50% -102px;} .payment_detail_status_img ol { overflow:hidden; /*zoom:1;*/ padding: 0 15px; } .payment_detail_status_img ol li {float:left; text-align:center; width:190px;} .payment_detail_status_img div span.title {padding:10px 0 0; color: #E04B4B!important; /* #E62828*/ display:block; height: 28px;} .payment_detail_status_img ol li.last .title {cursor:pointer;} .payment_detail_status_img div span.no {height:34px; line-height:34px; color:#fff!important; font-size:18px; display:block;} .payment_detail_status_img .last .no {background-position:50% -136px;} .payment_detail_status_img .date {color:#999; padding:8px 2px; display:block;} .payment_detail_status_img .active {position:relative;} .payment_detail_status_img .progress { background:url(/account/images/track_loading.gif) no-repeat; width:82px; height:4px; position:absolute; top:15px; left:108px; display:none;} .payment_detail_status_img .active .progress {display:block;} .payment_detail_status_img .last .active .progress {display:none;} .payment_detail_status_img .active .title {color:#f60!important;} .payment_detail_status_img .done .title {color: #005A00!important;} .payment_detail_status_img .first .done .no {background-position:50% -204px;} .payment_detail_status_img .first .active .no {background-position:50% -34px;} .payment_detail_status_img .last .active .no {background-position:50% -68px;} .payment_detail_status_img .last .done .no {background-position:50% -238px; /*-68px*/} .payment_detail_status_img .done .no {background-position:50% -170px; text-indent:-9999px;} .payment_detail_status_img .stop .title {color:#f00!important;} .payment_detail_status_img .stop .progress {display:none;} .payment_detail_status_img .active .no {background-position:50% 0; text-indent:0;} .payment_detail_status_img .stop .no {background-position:50% -307px;/*-239px;*/ text-indent:0;} .payment_detail_status_img .active {position:relative;} .payment_detail_status_img .active .gif {/*width:82px;*/width: 100%; height:4px; display:block; /* background:url(/account/images/Track.gif) no-repeat;*/ position:absolute; left:57%; top:15px; z-index:2;} .order_detail_track {background:#f7f7f7; border:dashed 1px #ddd; padding:10px 20px; margin:10px 0 0; line-height:2; display:none;} .order_detail_track a {text-decoration:underline;color:#f60;} /*****************************/ #qtip-modalContainer .payment_detail_status_img span.date { display: none !important; } #qtip-modalContainer .payment_detail_status_img span.title { height: 40px; } #qtip-modalContainer .payment_detail_status_img ol li {width: 90px; } /*****************************/ /******* Forms settings ******/ button, input, select, textarea { background-color: rgba(153, 153, 153, 0.5); /*#9997*/ color: #fff; border-radius: 4px; padding: 5px 3px; } select option { color: #000; } ::placeholder { color: #fff; } /* Firefox, Chrome, Opera */ :-ms-input-placeholder { color: #fff; } /* Internet Explorer 10-11 */ ::-ms-input-placeholder { color: #fff; } /* Microsoft Edge */ .qtip button, .qtip input, .qtip select, .qtip textarea, #colorbox button, #colorbox input, #colorbox select, #colorbox textarea { color: #000; } /*#chart_positioning button, #chart_positioning input, #chart_positioning select, #chart_positioning textarea { color: #fff; }*/ /*form#register_form input { margin: 5px;}*/ .input_section { /*border: 1px solid #444; border-radius: 5px;*/ /*padding: 10px;*/ /*width: calc(100% - 20px);*/ } .reg_form .section_button { clear: both; float: left; /*margin: 30px 0 -15px 0;*/ /*display: none;*/ } .reg_form #form.sectional_visible .section_button, .register_box.errors_found .reg_form #form .section_button { display: none; } /*#fieldset_section3, #fieldset_section4 { display: none; }*/ .register_box:not(.errors_found) form fieldset.visible_hidden { margin: -9000px; /*height: 1px; */ } form fieldset { border: 1px solid #444; border-radius: 5px; margin: 0 5px 10px; width: calc(100% - 20px); padding: 0; float: left; } form legend { color: #fff; padding: 0 10px; font-size: 16px; margin: 0 0 0 30px; } .qtip form legend { color: #000; } .reg_form .input_block {float: left; margin: 5px 5px;} .reg_form #submit {clear: both; display: block; padding: 0px 20px; font-size: 20px;} .reg_form #submit[disabled] { background: transparent url("../images/loading_hor2.gif") center no-repeat; color: transparent; } .reg_form .duplicate_checking {float: right; /*width: 6%;*/ max-width: 20px; margin: 10px 0 0 0;} .reg_form input, .reg_form select {margin: 5px 0px 0 0;} .reg_form input[type="checkbox"] {margin: 5px 5px 0 0;} .addr_note { margin: 5px 0 0 0px; } .qtip #wr_sms_updates { clear: left; margin: 5px !important; } .error_message_wrap, .login_error {font-size: 11pt;} .tfvHighlight, .qtip-content div span.tfvHighlight {color: red !important;} .register_link { text-transform: uppercase!important; /*font-weight: bold;*/} #login_form .input_block, #login_form2 .input_block {float: left; margin: 5px 8px;} #column_right #login_form #submit, #column_right #login_form2 #submit {font-size: 18px;} .big_loading {width: 100px; display: block; margin: 10px auto !important;} .loading_data_msg {display:none;} .loading_content_msg {text-align: center;} #qtip-modalContainer.modal_registration .login_form2_wrap { margin: 10px 0 0 10px; } #qtip-modalContainer.modal_registration #login_form2 a { font-size: 14px; } #qtip-modalContainer.modal_registration #login_form2 #b_submit { /*float: left; clear: both;*/} #qtip-modalContainer.modal_registration input { font-size: 13px;} #qtip-modalContainer.modal_registration #login_form2 .input_block:not(#b_submit) { width: 45%;} #qtip-modalContainer.modal_registration #submit { font-size: 20px; padding: 5px 20px; margin-top: 15px; width: 98%; display: inline-block;} #qtip-modalContainer.modal_registration .reg_form2_wrap { /*display: none;*/ margin: 0 10px;} #qtip-modalContainer.modal_registration .reg_form2_wrap .back_to_login { font-size: 17px; float: right; margin: -24px 0 0 0; /*text-decoration: none;*/ } #qtip-growl-container { position: fixed; top: 10px; right: 10px; z-index: 1000; } #qtip-growl-container .qtip { position: static; min-height: 0; overflow: hidden; margin: 0 0 5px 0; border-radius: 5px; } .qtip.error_message {z-index: 150000 !important; /*color: #000;*/ } /* facebook button */ ._li button{margin:0} ._li img{border:0} ._li button,._li td {font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px} .pluginFontHelvetica,.pluginFontHelvetica button,.pluginFontHelvetica td {font-family:'Helvetica Neue', Helvetica, Arial, 'lucida grande',tahoma,verdana,arial,sans-serif} ._4z_b{background-color:#5f78ab;color:#fff;cursor:pointer;display:inline-block;vertical-align:top} ._4z_8:active{background-color:#4f6aa3} ._4z_e,._4z_5,._4z_5 .img{vertical-align:top} ._4z_5{display:none} ._4z_b{background:#4c69ba;background:-webkit-gradient(linear, center top, center bottom, from(#4c69ba), to(#3b55a0));background:-webkit-linear-gradient(#4c69ba, #3b55a0);border-color:#4c69ba;-webkit-border-radius:2px;color:#fff;font-family:"Helvetica neue";-webkit-font-smoothing:antialiased;text-shadow:0 -1px 0 #354c8c} ._4z_b:hover{background:-webkit-gradient(linear, center top, center bottom, from(#5b7bd5), to(#4864b1));background:-webkit-linear-gradient(#5b7bd5, #4864b1);border-bottom-color:#41599f; border-left-color:#4961a8;border-right-color:#4961a8;border-top-color:#5874c3;-webkit-box-shadow:inset 0 1px 0 #607fd6;cursor:pointer} ._4z_b ._4z_g{overflow:none;white-space:nowrap} ._4z_b ._4z_g.loading ._4z_e{display: none;} ._4z_b ._4z_g.loading ._4z_5{display: block;} ._4z_b ._4z_e{float:left} ._4z_b:active ._4z_e{display:block} ._4z_8:active ._4z_f{border-top-color:#50609c} ._4z_d ._4z_f{font-size:11px;line-height:14px;padding:2px 6px} ._4z_d ._4z_e{margin:3px 0 3px 3px} /*.uiGrid .vTop{vertical-align:top} .uiGrid .vMid{vertical-align:middle} .uiGrid .vBot{vertical-align:bottom} .uiGrid .hLeft{text-align:left} .uiGrid .hCent{text-align:center} .uiGrid .hRght{text-align:right}*/ ._51mz{border:0;border-collapse:collapse;border-spacing:0} ._51mz ._51mw{padding-right:0} ._51mz ._51m-:first-child{padding-left:0} ._51mx:first-child>._51m-{padding-top:0} ._51mx:last-child>._51m-{padding-bottom:0; vertical-align: middle;} ._4z_9,form.async_saving ._4z_9:active{border-bottom:1px solid #1a356e;border-right:1px solid #29447e;border-top:1px solid #29447e;display:inline-block} ._4z_9:active{border-color:#34437d} ._4z_9,._4z_9:active{border:none} ._4z_f{border-top:1px solid #879ac0;display:inline-block;white-space:nowrap; border:none;padding-left:3px;padding-top:3px} .fwb{font-weight:bold} /******* chart date-time interface settings ******/ #chart_name_wrap, #chart_type_wrap, #chart_datetime_wrap, #chart_hsys_zodiac_wrap {min-width: 320px; padding: 15px 0 0 15px;} #chart_hsys_wrap, #chart_zodiac_wrap { width: 48%; margin: 0 0 10px 0; display: inline-block; } #chart_name_wrap input { width: 70%; } .chart_datetime_button {display: none;} .chart_datetime_box {z-index:100; left: -9000px; position: absolute;} .chart_datetime_wrap {position: absolute; width: 100%;} .dt_save_button, .dt_button { color: #fff; background: none repeat scroll 0 0 brown; border-radius: 5px;cursor: pointer; float: right; margin: 3px 0; padding: 5px 10px; position: relative; width: auto; margin: 0 10px 10px 0;} .dt_button { float: left;} /*.dt_save_button { background: crimson; clear: right; margin: 0;}*/ /******* Google map position interface settings ******/ /*#chart_positioning_container {position:absolute;background:#a9acac;}*/ .chart_positioning_button, .chart_datetime_button {display: none;} .chart_positioning_box, .chart_datetime_box {z-index:100; left: -9000px; position: absolute;} .chart_positioning, .chart_datetime_wrap {position: absolute; width: 100%;} .latlang_pos, .citycoutnry_addr {float: left; margin: 0 10px 0 0;} .dms_coordinates { clear: both; float: left; margin: 0 0 10px 0; } .map_pos_box input { background-color: #9992; border-color: #9994; } /*#chart_positioning {display: none;}*/ .register_box #chart_positioning {width: 45%; clear: left;} .modal_registration .register_box #chart_positioning {width: 75%; clear: left;} .mapCanvas, .mapCanvas_message { width: 500px; } .mapCanvas { height: 400px; float: left;} .register_box .mapCanvas, .register_box .mapCanvas_message {/*display: none;*/ margin: -9000px;} .register_box .mapshown .mapCanvas, .register_box .mapshown .mapCanvas_message {margin: unset;} .mapCanvas_message {padding: 5px 0; font-size: 15px;} .adr_find_button, .adr_save_button { color: #fff; font-weight: bold; background: none repeat scroll 0 0 brown; border-radius: 5px; box-shadow: 4px 4px 11px 0px #000; position: relative; overflow: hidden; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer; float: right; margin: 5px 0; padding: 8px 10px; position: relative; width: auto;} .adr_find_button:hover, .adr_save_button:hover { box-shadow: 3px 3px 5px 0px #000; } .adr_save_button { background: crimson; clear: right; margin: 0;} .addr_note i { color: #f66; cursor: pointer;/*red border: 1px solid red; border-radius: 5px;*/} .addr_note i:hover { text-decoration: underline; } .map_adr_inp { margin: 5px; width: calc(100% - 140px);} .map_pos_box { width: 39%; float: left; margin: 0 10px 0 0; } .map_pos_inp { margin: 5px; width: 60%;} .map_switch {width: 57px;height: 29px; margin: 4px 0px;cursor: pointer;border-radius: 5px; border: 1px solid #f00; box-shadow: 4px 4px 11px 0px #000;} .map_switch:hover { box-shadow: 3px 3px 5px 0px #000; } .adr_find_button:after, .adr_save_button:after { content: ""; background: #90EE90; display: block; position: absolute; padding-top: 300%; padding-left: 350%; margin-left: -20px!important; margin-top: -120%; opacity: 0; transition: all 0.8s } .adr_find_button:active:after, .adr_save_button:active:after { padding: 0; margin: 0; opacity: 1; transition: 0s } /*#infoPanel {float: left; margin-left: 10px; } #infoPanel div { margin-bottom: 5px; }*/ .register_box_note {font-size: 14px;} .register_box_success { font-size: 24px; text-align: center; line-height: 30px;} .lunar_phase_cal {color: #fff;font-size: 12px;} .lunar_phase_cal_wrap {display: inline-block; background: #222; width: 100%; /*max-width: 220px;*/} .phase_tbl {background: #222; width: 100%;} .phase_cell { max-width: 25px; width: 14.28%; background: url(/images/moon_phases/mfsprite.jpg) no-repeat; background-size: 3300% 75%; background-position: 0 0; /*background-position: 3.2% 100%;*/ /*height: 40px;*/ height: 3.3vw; vertical-align: top; text-align: center;} .phase_cell.m0 { background-size: 3300% 100%; } .phase_img { /*width: 25px;*/ width: 100%; display: none; } /* transactions listing table styling */ .gateres_waiting { background: transparent url("../images/loading_hor.gif") center no-repeat; color: transparent; display: inline-block; width: 26px; height: 10px; margin: -2px 0;} .current_balance_wrap {font-size: 18px; margin: 10px 40px;} .payment_gates .current_balance_wrap span.red { color: red !important; } .payment_gates .current_balance_wrap span.green { color: #87DD37!important; } #t_payment_amount_selector select { font-size: 14px; margin: 5px 0; } #qtip-modalContainer-content #t_payment_amount_selector select { width: 70px; } #payment_provider_confirmation_title, #payment_provider_paying_title {display: none;} #t_payment_amount_selector, #t_payment_provider_selector, #payment_provider_confirmation_title , #payment_provider_paying_title { margin: 30px 0 0 0; font-size: 17px;} #t_payment_amount_selector .notation, #t_payment_provider_selector .notation, #payment_provider_confirmation_title .notation, #payment_provider_paying_title .notation { font-size:10px; color: #999999;} .transactions_listing table { width: 100%; border-collapse: separate; border-spacing: 0; /*color: #4a4a4d;*/ font: 14px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;} .transactions_listing th, .transactions_listing td { padding: 10px 5px; vertical-align: middle;} .transactions_listing thead { color: #fff; font-size: 11px; text-transform: uppercase;} .transactions_listing th:first-child { border-top-left-radius: 5px; /*text-align: left;*/} .transactions_listing th:last-child { border-top-right-radius: 5px;} .transactions_listing tbody tr:nth-child(even) { background: #29292B;} .transactions_listing th {border: 1px solid #cecfd5; background: #395870; background: linear-gradient(#49708f, #293f50); } .transactions_listing td { border-bottom: 1px solid #cecfd5; border-right: 1px solid #cecfd5;} .transactions_listing td:first-child { border-left: 1px solid #cecfd5;} .transactions_listing .book-title { color: #395870; display: block;} .transactions_listing .text-offset { color: #7c7c80; font-size: 12px;} .transactions_listing .item-id, .item-stock, .item-qty { text-align: center;} .transactions_listing .item-price { text-align: right;} .transactions_listing .item-multiple { display: block;} .transactions_listing tfoot { text-align: right;} .transactions_listing tfoot tr:last-child { background: #f0f0f2; color: #395870; font-weight: bold;} .transactions_listing tfoot tr:last-child td:first-child { border-bottom-left-radius: 5px;} .transactions_listing tfoot tr:last-child td:last-child { border-bottom-right-radius: 5px;} .transactions_listing .item-id .payment_code {color: #ff3d3d;} .transactions_listing .pg_logo {text-align: center;} .transactions_listing .pg_logo img {height: 40px;} .account_paynow_inline_buttons_wrap { /*float: right; margin: -40px 0 0 0;*/ position: fixed; right: 30px; top: 10px; padding: 10px; border-radius: 10px; background: #222c; display: none;} .cnt_only .account_paynow_inline_buttons_wrap { display: block; } #venus_phases_list .book-title { color: #ffffff; } /* EasyPay payment Instructions */ #easyPay_response, #bankTr_response { background: #003843; padding: 10px; border-radius: 5px;} #easyPay_response .title, #bankTr_response .title {text-align: center; font-weight: bold; margin: 10px 0 20px;} #easyPay_response .subtitle, #bankTr_response .subtitle { margin: 10px 0;} #easyPay_response .code_number_line, #bankTr_response .code_number_line { margin: 20px; font-weight: bold;} #easyPay_response .code_number, #bankTr_response .code_number {color: #ff3d3d; font-weight: bold;} /*#easyPay_response .easypay_atm_instructions li { list-style: outside;}*/ #bankTr_response .account_details { border: 1px solid; margin: 15px;} #bankTr_response .account_details td { padding: 5px;} .bankTr_instructions span {font-size: 15px; font-weight: bold;} .bankTr_instructions p { margin: 10px;} /* payment gate bankTransfer form */ .pp { margin: 10px 0px 0px 10px; padding: 0px; width: 620px; font: 11px Verdana,Geneva,Arial,Helvetica,sans-serif;} #err, .err { width: 618px; color: #E60000; text-align: left;} .bankTr_response form { margin: 0px; padding: 0px;} .bankTr_response td, .bankTr_response table { background-color: #FFF;} .bankTr_response .dd {border-left: 1px solid; border-right: 1px solid;} .bankTr_response td, .bankTr_response th { color: #333; font: 9px Verdana,Arial,Helvetica,sans-serif; vertical-align: baseline;} .bankTr_response h3 {color: #333; font: bold 12px/18px tahoma; margin: 0px; padding-left: 14px;} #doctable, #doctable1, #doctable2 { border-color: #D6D6D6; border-style: double; border-width: medium; width: 530px;} .iban, .in, .in2, .in3, .bic, .nbnb, .docNo, .docT, .egn, .lnc, .bst, .suma { color: blue; padding: 0px 0px 0px 3px; margin: 0px; background: transparent url("/images/pgates/in.gif") repeat-x scroll 0px center; border-color: #333; border-style: solid; border-width: 0px 0px 1px 1px; font: 12px "Courier New",Courier,monospace; height: 16px; letter-spacing: 7px;} .in { width: 491px;} .in2 { width: 43px;} .iban { background: transparent url("/images/pgates/iban.gif") repeat-x scroll 0px center; width: 309px;} .bic { width: 113px;} .suma { text-align: right; width: 173px;} #doctable td .d, #doctable2 td .d, #doctable1 td .d { background-color: #E7F3FF;} #bankTr_response_wn #doctable td .d, #bankTr_response_wn #doctable2 td .d, #bankTr_response_wn #doctable1 td .d { background-color: #ECFFDA;} .iban, .in, .in2, .in3, .bic, .nbnb, .docNo, .docT, .egn, .lnc, .bst, .suma, #doctable1, #doctable2, #doctable, .txt, .dd { border-color: #9CCBF7 !important;} /* nqkoi */ #bankTr_response_wn .iban, #bankTr_response_wn .in, #bankTr_response_wn .in2, #bankTr_response_wn .in3, #bankTr_response_wn .bic, #bankTr_response_wn .nbnb, #bankTr_response_wn .docNo, #bankTr_response_wn .docT, #bankTr_response_wn .egn, #bankTr_response_wn .lnc, #bankTr_response_wn .bst, #bankTr_response_wn .suma, #bankTr_response_wn #doctable1, #bankTr_response_wn #doctable2, #bankTr_response_wn #doctable, #bankTr_response_wn .txt, #bankTr_response_wn .dd { border-color: #87DD37 !important;} /* nqkoi */ .bank_order_wrapp .green {color: #87DD37;} .bank_order_wrapp .tabs { border-right: 2px transparent; padding: 5px; width: 170px; height: 100%; cursor: pointer;} .bank_order_wrapp .lang_tabs { background: url('/images/main_menu_t3.png') no-repeat scroll 0% 0%; font-size: 11px; color: #8C8C8C;} .bank_order_wrapp TD, .bank_order_wrapp TR { padding: 0px; margin: 0px; border: 0px solid #000;} .bank_order_wrapp .tabs_underline { background: #D0D0D0 none repeat scroll 0% 0%; border-right: 2px solid #D0D0D0; height: 2px; width: 170px;} .bank_order_wrapp .tabs_underline_sel { background: #FFF none repeat scroll 0% 0%; border-right: 2px solid #D0D0D0; height: 2px; width: 170px;} .bank_order_wrapp .lang_tabs img {width: 25px; vertical-align: middle;} .printit_icon {width: 35px;} .printit_body .printit_icon {display:none;} /******* footer ******/ #footer {margin: 0px auto; /*width: 980px; padding: 10px;*/ clear: both; color: #AD0000;} #footer a{/*margin-left: 30px;*/ vertical-align: top;} #footer hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin-top: 30px;border:none;} #footer p {float: right; color: #666; font-size: 12px;} #footer .ft_copyright_wrap {text-align: left; float:left; padding: 6px;} #footer .ft_site_link {text-decoration: none; color: inherit;} #footer .ft_credits {text-align: right; float:right; padding: 4px;} #footer .textmiddle {vertical-align:middle;} #footer .ft_compatible {font-size: 12px; margin: 10px 0; clear: both; text-align: center;} /*****************************/ #cont .main_content ul li { list-style: none; /*url(../images/mark_check);*/ margin: 0px 0px 17px 25px; background: url(../images/arrow_gr.png) no-repeat left top; padding: 0 0 0 30px; min-height: 25px; font-size: 14px; line-height: 1.3;} /***********************************************************************************/ @media only screen and (min-width: 780px){ #toggle_menu {display: none;} #top { margin:0 auto 10px;/*height: 60px;*/ background: #000430; position: relative; /*position: absolute; top: 97px; left: 19px; /*width: 100%;*/ box-shadow: 0 0 5px #000; z-index: 99; opacity: 0.95; -moz-border-radius: 1em 1em 1em 1em; /*1em 4em 1em 4em;*/ border-radius: 1em 1em 1em 1em; /*width: 855px;*/ /* 797px; */ padding: 0px; } #full_screen {width: 100%; height: auto; min-height: 100%; margin: 0; padding: 0; position: fixed; top: 0; left: 0; z-index: -999;} #phone_cont {display: none;} #menu {/*margin: 0 auto; width: 1070px;padding: 0;display: block;*/ /*height: 55px;*/ margin: 0px;} #top ul {display: inline; padding: 0px;} #top li {float: left;/*margin-left: 10px;*/ padding: 0 5px; list-style: none;} #top li a {margin: 0; padding: 0; color: #bbb; font-size: 14px; text-transform: uppercase; text-decoration: none; font-weight: bold; /*text-shadow:2px 2px 3px #888;*/ text-shadow: 3px 3px 10px #000, 3px 3px 10px #000, 3px 3px 10px #000, 3px 3px 10px #000, 3px 3px 10px #000, 3px 3px 10px #000; /*background: url(../images/light.png) center -60px no-repeat;*/ display: block; /*height: 60px;*/ line-height: 50px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;} #top li a:hover {color: #fff; /*background: url(../images/light.png) top center no-repeat;*/ /*text-shadow: 0 -2px 6px #000;*/} #top li a img {padding: 0 0 0 3px; opacity: 0.7; -moz-transition: opacity 0.3s ease-in-out;} #top li a:hover img {padding: 0 0 0 3px; opacity: 1;} #top li#current a{background: url(../images/current.jpg) no-repeat; font-size: 14px; width: 235px; color: #fff; display: block; padding: 0 5px; text-shadow: none; text-align: center;} #top #home img {width:40px; margin: 8px 0;} #top li#log_reg { margin: 6px; padding: 0;} #top li#log_reg a, #top li#log a, #top li#reg a {background: url("../images/earth.jpg") no-repeat scroll right bottom transparent; min-width: 80px; margin: 0px; padding: 0; font-size: 15px; line-height: 40px; color: #fff; display: block; text-shadow: 2px 2px 3px #888; text-align: center; -moz-border-radius: 0.5em 0.5em 0.5em 0.5em; /*1em 4em 1em 4em;*/ border-radius: 0.5em 0.5em 0.5em 0.5em; font-weight: bold; text-transform: uppercase; } #top li#log_reg a:hover, #top li#log a:hover, #top li#reg a:hover {background: url("../images/earth.jpg") no-repeat scroll left bottom transparent; text-shadow:2px 2px 3px #ffffff;} #menu ul li:hover > a {text-shadow:2px 2px 3px #ffffff; /*background: url(../images/light.png) top center no-repeat;*/} /* SUBMENU */ #menu ul ul {position: absolute; padding: 0; margin: 0 0 0 -10px; background: #000424; min-width: 200px; box-shadow: 0px 2px 3px #000424; overflow: hidden; height: 0px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; z-index: 999;} #menu ul li:hover ul {overflow: auto; height: auto; opacity: 1; filter: alpha(opacity=100); } #menu ul ul li {float: none; display: block; list-style: none; padding: 0; margin: 0;} #menu ul ul li a {text-transform: none; display: block; background: none; padding: 0 10px; *margin-left: -15px; height: 40px; line-height: 40px; text-shadow:2px 2px 3px #000;} #menu ul ul li a:hover {background: #000430; text-shadow:2px 2px 3px #ffffff;} .submenu li a span {display: none;} #menu ul li#log ul #menu ul li#reg ul { min-width: 150px; } #site_container {margin: 0 auto; padding: 0 0 1px; /*width: 428px;*/} #connect {height: 65px; /*width: 100%;*/} #connect ul {display: inline; float: left; margin: 0; padding: 0; margin: 18px 0 0;} #connect ul li{display: inline-block; font-size: 24px; padding: 0; float: left; margin-left: 20px; margin-right: -10px;} #connect ul li{display: inline-block;} #connect ul li a{opacity: 0.7; filter: alpha(opacity=70); -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -transition: all 0.3s ease-in-out;} #connect ul li a:hover{display: block; opacity: 1; filter: alpha(opacity=100);} #cont {position: relative; float: left; clear: left; margin: 0 0; height: auto; width: 100% /* 81%; 56px*/; -moz-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -transition: all 0.5s ease ; } /* #cont img {width: 100%;} */ #cont ul {/*position: absolute;*/ top: 20%; left: 0; padding: 0;} #cont ul li {disaply: block; list-style: none; margin: 10px;} /*#cont ul li a {background: #777; text-decoration: none; font-size: 30px; color: #fff; opacity: 0.7; filter: alpha(opacity=70);padding: 5px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -transition: all 0.3s ease-in-out;}*/ #cont ul li a:hover {opacity: 1; filter: alpha(opacity=100); /*-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -transition: all 0.3s ease-in-out;*/} #cont ul li#second {margin-top: 30px;} #column_left, #column_right {position: relative; float: left; margin: 0 0; height: auto; width: 100%; /*17.7%;*/ /*position: relative;*/ } #column_left {float: left; clear: left; margin: 10px 0; /*display:none;*/} #column_right {margin: 0 0 0 9px;} #has_account {color: white;} .main_content { margin: 20px;} /***************************/ #top #right_menu {display: none;} /* .liquid-slider span {position: absolute; top: 20%; left: 5%; color: #fff; width: 40%; } .liquid-slider span.short_text {position: absolute; top: 40%; left: 5%; color: #fff; width: 40%; } .liquid-slider span a {background: #222; opacity: 0.7; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -transition: opacity 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; box-shadow: 1px 1px 6px #000; padding: 10px; font-size: 14px; display: block; color: #fff; text-decoration: none; text-align: justify;} .liquid-slider span a:hover {opacity: 0.9; -moz-transition: all 0.3s ease-in-out;} #btm_line{position: relative; top: 0; left: 0; margin: -1px auto; display: inline-block; padding: 0; text-align: center;} #btm_line p{display: block; position: absolute; top: 1%; left: 10%; right: 10%;color: #fff; font-size: 1em;} */ } /***********************************************************************************/ @media (max-width: 1600px) { } /***********************************************************************************/ @media (max-width:1300px) { .payment_detail_status_img ol li {width:155px;} } /***********************************************************************************/ @media only screen and (max-width: 980px){ /*input { width: 100%; }*/ /* below are .mobile ....*/ #page { margin: 0; } ul ul#reg_sub { display: block; } .content { padding: 5px; } /*.panel-wrapper { padding: 15px 10px; }*/ .panel-wrapper { padding: 5px !important } .home_intro_text_gradient { margin: 0 15px 0 0px; } } /***********************************************************************************/ @media only screen and (max-width: 780px){ /* #logo {position: absolute; top: 0; left: 0; padding: 20px;} #logo img {width: 100%;} */ #full_screen {display: none;} #top { margin: 80px auto 0;height: auto;width: 100%; z-index: 999; clear:both;} #top #home a {height: 40px; padding: 0; display: none; } #top #home img { width: 40px; float: left;} /* #top #home a {} #top #home img { width: 25px; padding: 0 42px; margin: -3px 0 0 0;}*/ #menu #home { float: right; width: 50px; margin: -36px 35px 0px 0px; border: none; } #menu { display: none; } #right_menu {display: table; height:12px; margin-left: 20px; } #right_menu li{display: table-cell; float: left; margin-right: 10px; color: #333;} #right_menu li a{display: block; font-size: 12px; text-decoration: none; color: #666; line-height: 12px; padding-top: 5px; padding-bottom: 0;} #right_menu li:first-child a{color: #000;} #right_menu li a img {padding-right: 5px;} #right_menu_2 {display: none;} #toggle_menu {width: calc(100% - 20px); background: url(../images/spec.png) 0 -180px no-repeat #111;padding: 10px; border-radius: 5px; color: #fff; text-decoration: none; font-size: 16px; text-transform: uppercase; float: left;} #toggle_menu:hover {background: url(../images/spec.png) no-repeat #111;} #toggle_menu {margin: 180px 0 0 0; margin: -55px 0 0 0; width: auto; font-size: 26px; } /* giving space for the account summary */ #column_right #login { position: absolute; top: 70px; width: calc(100% - 12px); } /*accordion*/ #menu.accordion{display:none; position: absolute; z-index: 100; width: 80%; } #lang_menu.accordion{display:none;} #lang_menu { /*float: none;*/ float: right; width: 115px;/*180px;*/ display: inherit; } #lang_menu li { width: 105px;/*180px;*/ } #lang_menu li a.panel-caption { display: inline-block; float: right; } #lang_menu ul ul { display: inline; height: auto; opacity: 1; /*margin: 0px 0 0 13px;*/ background: none; } #lang_menu ul ul li { display: inline-block; float: right; padding: 10px 0 0 0;} #logo { margin: 5px 0 0 45px; } #logo a { width: 240px; } /*.accordion-panel {width: 180px;}*/ #column_left {clear: left; } .page_content {clear: both; /*margin: 270px 0 0 0;*/} body.cnt_only .page_content { margin: 0; } .conditions_confirmation {font-size: 12px; margin: 10px 30px;} .panel-caption { background: url(../images/acc-panel-caption-bgr.gif) repeat-x left top #dcdcdc; border: 0; padding: 3px 5px; margin: 1px 0px; } .panel-caption a{ font-size: 18px; color: #333; } .panel-caption a:hover{color: #000;} .panel-body { width: auto; display:none; padding: 10px 15px; } #site_container {margin: 0; padding: 0;} .content .relayout_button { display:none;} #img_slider {float: none; width: 97%; margin: 5px 2%; } .payment_steps .date { display: none; } .payment_detail_status_img ol li { width: 20%; } .payment_detail_status_img div span.title { font-size: 11px; } /* .liquid-slider span{position: absolute; top: 0; left: 0; width: 100%; display: block;} .liquid-slider span a { color: #fff; background: #222; opacity: 0.7; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -transition: opacity 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; display:block; font-size: 11px; text-decoration: none; padding: 5px;} .liquid-slider span a:hover {opacity: 0.9; -moz-transition: all 0.3s ease-in-out;} #btm_line{position: relative; top: 0; left: 0; margin: 0; padding: 0; text-align: center;} #btm_line p{position: absolute; top: 5px; left: 10%; right: 10%;color: #fff; font-size: 80%; line-height: 0;} #btm_line img {height: 50px;} */ #connect {margin: 0 auto 20px; box-shadow: 0 0 5px #000;} #connect ul {display:block; /*background: #000;*/ margin: 0; padding: 15px 0 15px 5px;} #connect ul li{padding: 0; margin: 0; display: inline-block;} #connect ul li.first-child{display: none;} #connect ul li a{display: block; opacity: 0.7; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -transition: all 0.3s ease-in-out;} #connect ul li a:hover{display: block; opacity: 1;} #footer {margin: 70px 0 0 0; width: auto;} #footer a{margin-left: 5px; vertical-align: top;} #footer a {width: 100%;} #footer hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin-top: 30px;border:none;} #footer p {text-align: center; color: #666; font-size: 12px;} .register_box #chart_positioning {width: 100%;} .exerpt_thumb { width: 40%; } .mapCanvas, .mapCanvas_message { width: 320px; } #chart_name_wrap, #chart_datetime_wrap, #chart_hsys_zodiac_wrap { width: 320px; } .phase_cell { height: 40px; } .lunar_phase_cal_wrap { max-width: 220px; } /* FAQ */ /*#faq .intro_button_icon { margin: 5px; box-shadow: 5px 5px 12px darkgray;}*/ section.faq_category { margin: 5px; } article.faq_article { margin: 5px; } row.faq_question { margin: 10px 5px;/* font-size: 16px; cursor: pointer; background: url(../images/arrow_gr.png) no-repeat left top; padding: 0 0 0 30px;*/ } row.faq_question.shown {background: url(../images/arrow_gr_down.png) no-repeat left top; } row.faq_answer { margin: 0px 5px;/* transition: all 0.8s; line-height: 1.4; text-align: justify; text-align: justify; padding: 10px 20px; background: #1f00444f;*/} #cont #faq ul { margin: 0px; } #cont #faq ul li { margin: 15px 0px!important; } } /***********************************************************************************/ @media only screen and (max-width: 580px){ #wr_sms_updates { clear: left; margin: 5px !important; } } @media only screen and (max-width: 520px){ .payment_detail_status_img ol li { width: 33%; } .payment_detail_status_img div span.title { font-size: 13px; } .conditions_confirmation {font-size: 10px; } } @media only screen and (max-width: 399px){ #logo { margin: -7px 0 0 45px; } #column_right #login { top: 110px; } } /***********************************************************************************/ @media only screen and (max-width: 356px){ #column_right #login { /*top: 115px;*/ } .exerpt_thumb { width: 100%; margin: 0px; } .acc_item { display: none; } .payment_detail_status_img div span.title { font-size: 14px; } /*#column_right #login { top: 125px; } when lang menu is enabled!!! */ }