imperiadeneg.okis.ru

body { background: #ededed; font: 12px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; color: black;} /* Контейнер для всех элементов, определяет общие стили */ .mycontainer { background: #FFF; width: 400px; height: 520px; margin: 0 auto; position: absolute; top: 0px; left: 0px; padding: 0px; text-align: center; font-family: arial, verdana, helvetica, sans-serif; } /* стиль поля, в котором показывается номер шага */ /* закомментарить для проверки */ .step { float:left; width:28px; height:22px; background-color:#000; color:#FFF; font-size:13px; padding-top:6px;} /* раскомментарить для проверки */ /* div.step { background-color:#F00; } */ /* стиль поля, в котором показывается информация о текущем шаге */ .info { float:left; width:365px; height:21px; background-color:#DDD; color:#000; font-size:12px; padding-top:6px; padding-bottom:1px; text-align:left; padding-left:7px; font-weight:bold;} /* определяет стиль котейнера с полями ввода справа (исходная сумма, результ. сумма) на всех страницах, кроме страницы подтверждения заявки */ .right { float:left; padding: 8px 0px 3px 0px; text-align:left; font-size: 16px; } /* определяет стиль правой колонки на странице запроса */ .request_form .right{ padding-left:30px; } /* стиль элемента Body для баннера */ .banner_body { margin: 0px; } /* стиль поля, в котором показывается номер шага */ .step { float:left; width:28px; height:22px; background-color:#000; color:#FFF; font-size:13px; padding-top:6px;} /* стиль поля, в котором показывается информация о текущем шаге */ .info { float:left; width:365px; height:21px; background-color:#DDD; color:#000; font-size:12px; padding-top:6px; padding-bottom:1px; text-align:left; padding-left:7px; font-weight:bold;} /* стиль поля, в котором показан тип транзакции на 2 шаге*/ .trans_type { float:left; width:380px; color:#ef5316; font-size:14px; padding:8px 0px 8px 14px; text-align:left; } /* определяет стиль левой колонки всех страницах */ .left { float:left; width:100px; font-size: 18px; padding: 10px 0px 3px 14px; text-align:left;} /* определяет стиль полей Отдаете, Получаете, На кошелек, Ваш e-mail */ .wide { width:200px; font-size: 14px; color:#777; } /* Определяет стиль поля "Спасибо за пользование обменным сервисом" на странице успешной заявки */ .thanks { width:370px; font-size: 14px; color:#000; } /* определяет серый цвет для полей Отдаете, Получаете, На кошелек, Ваш e-mail */ .gray { color:#777; } /* стиль контейнера для кнопок внизу */ .btn { float:left; width:370px; padding: 10px 0px 10px 14px; text-align:center; } /* стиль контейнера для кнопок внизу для страниц Перевод приостановлен и Перевод начат */ .btn1 { float:left; width:376px; padding: 3px 0px 10px 14px; text-align:center; } /* кнопка Назад */ #back { float: left; } /* кнопка Назад */ #pay { float: right; } /* кнопка Оплатить */ #cancel { float: left; } /* кнопка Продолжить кроме страницы оформления заявки */ #continue { float: right; } /* кнопка Продолжить на странице оформления заявки */ #continue1 { float: right; color:#777; } /* кнопка Повторить */ #repeat { float: left; } /* кнопка Отправить на страницах, где есть форма отправления сообщения оператору */ #msg-send { float: left; } /* кнопка Обновить */ #refresh { float: right; margin:0px 10px 0px 10px; } /* Стиль "широкой" кнопки, типа Повторить, Обновить */ .wide_button { width:90px; height:22px; padding-top:3px; cursor:pointer; text-align:center; font-size:14px; color:#000; background: #fff url('../images/exch_banner/btn_back.png') left top no-repeat; } /* Стиль "узкой" кнопки, типа Далее */ .narrow_button { width:64px; height:22px; padding-top:3px; cursor:pointer; text-align:center; font-size:14px; color:#000; background: #fff url('../images/exch_banner/btn_continue.png') left top no-repeat; } /* Поле для полной суммой исходной валюты на странице оформления заявки (которое после фразы "на счете необходимо иметь") */ span#source_full { color: #F00; } /* Поле для названия исходной валюты на странице оформления заявки (которое после фразы "на счете необходимо иметь") */ span#source_full_currency { color: #F00; } /* поле ввода исходной суммы */ input#source_value {width: 80px; height: 15px; margin:0px; } /* выпадающий список с выботом исходной валюты */ select#from { width: 190px; margin:0px; position:relative; top:0px; height:21px;} /* поле ввода результирующей суммы */ input#target_value {width: 80px; height: 15px; } /* выпадающий список с выботом результирующей валюты */ select#to{ width: 190px; margin:0px; position:relative; top:0px; height:21px;} /* горизонтальная линия - разделитель межу блоками Отдаете, Получаете, Курс обмена и т.д. */ .hr { float:left; height:1px; font-size:0px; width:390px; margin-left:10px; border-bottom:none; background-color:#CCC; } /* поле с курсом обмена на странице оформления заявки */ div#course { float:left; width: 380px; padding: 8px 0px 8px 14px; text-align:left; font-size: 14px; } /* поле с комментарием к email (будет направлена информация о состоянии обмена) на странице оформления заявки */ div.email_comment { float:left; width:400px; padding: 0px 0px 10px 10px; text-align:left; font-size:13px;} /* поле ввода результирующего кошелька*/ input#target_account {width: 175px; height: 15px; margin:0px;} /* поле ввода исходного кошелька*/ input#rbk_source_account {width: 175px; height: 15px; margin:0px;} /* поле ввода исходного WMID*/ input#wmid {width: 175px; height: 15px; margin:0px;} /* поле ввода email */ input#email {width: 175px; height: 15px; margin:0px;} /* контейнер для строки "Согласен с правилами пользования сервисом" на странице оформления заявки */ div.agree_user { float:left; width: 390px; padding: 5px 0px 5px 10px; text-align:left; font-size: 12px; } /* гиперссылка "правилами пользования сервисом" на странице оформления заявки */ .agree_user a { color:#e36c15; } /* checkbox рядом со строкой "Согласен с правилами пользования сервисом" на странице оформления заявки */ #agree { float: left; } /* контейнер для строки "Согласен с правилами пользования сервисом" на странице оформления заявки (без checkbox) */ #agree-text { float: left; margin: 2px 0px 0px 2px;} /* контейнер, в котором выводятся ошибки */ div#error_msg { float:left; width: 380px; padding: 0px 5px 0px 5px; display:none; color:#F00; font-size: 12px; text-align:left;} /* Общий стиль для комментариев, типа "на счете необходимо иметь", "Возможная сумма обмена" */ .comment { float:left; width: 370px; padding: 0px 10px 10px 0px; text-align:left; font-size: 12px; color: #777; } /* Общий стиль для комментариев, типа "на счете необходимо иметь", "Возможная сумма обмена" */ .exch_value { padding-left: 114px; width:270px; padding-bottom:5px; font-size: 11px;} /* Комментарий к email (будет направлена информация о состоянии обмена) */ .email { font-size: 13px; text-align: left; padding: 0px 10px 10px 14px; } /* задает черный цвет для текста "Номер кошелька/счет" и "Ваш email" */ .black { color:#000; } /* стиль фразы "Связь с оператором" где есть форма отправления сообщения оператору */ div.connect { color:#000; font-size:14px; } /* фраза "Внимание! По истечении отведенного на оплату времени обмен будет отменен автоматически" на странице Ожидания оплаты по заявке */ .red { color:#F00; } /* стиль поля, в котором показывается номер шага на странице об успешной оплате по заявке*/ .finish { background-color:#64B41C; } /* стиль поля в шапке, в котором показывается x на странице об ошибке */ .red_bg { background-color:#F00; } /* стиль гипперссылки на странице об успешной оплате (после фразы "Спасибо за пользование обменным сервисом") */ .extra { color:#e36c15; } /* текст на странице ожидания оплаты по заявке (на 3 шаге) */ .text { font-size: 13px; text-align: left; padding: 5px 10px 5px 14px; } /* стиль фразы "Если это сообщение не пропадает в течение длительного времени..." на странице "Возврат денег начат"*/ .text1 { float:left; font-size: 11px; text-align: left; padding: 0px 3px 3px 14px; } /* стиль поля "Если это сообщение не пропадает в течение длительного времени..." на странице "Перевод денег начат" */ .text2 { float:left; font-size: 12px; text-align: left; padding: 8px 5px 5px 14px; } /* текст с названиями полей формы отправки сообщения оператору на странице "Перевод денег начат" */ .text3 { float:left; font-size: 12px; text-align: left; padding: 4px 10px 4px 14px; } /* текст "Номер кошелька/счет" на странице оформления заявки */ .account { padding-top:5px; padding-bottom:5px; } /* стиль полей (Отдаете, Получаете, С учетом комиссии ЭПС и т.д.) на странице подтверждения заявки */ .p2 { padding-bottom:8px; font-size:14px; } /* стиль полей на странице об успешном завершении заявки */ .p3 { padding-bottom:8px; font-size:14px; } /* поле с сообщением об ошибке на страницах, где есть форма отправления сообщения оператору */ #cont-error-messages { float:left; width:365px; padding: 0px 10px 0px 15px; text-align:left; font-size:13px; color:#F00; } /* поле Сообщение успешно отправлено на страницах, где есть форма отправления сообщения оператору */ #message-send { float:left; width:400px; padding: 0px 10px 0px 10px; text-align:left; font-size:13px; color:#080; } /* поле в котором отсчитывается время, в течении которого надо оплатить заявку */ .time-to-go { font-weight: bold; color: #000; } /* поле Тема на страницах, где есть форма отправления сообщения оператору */ #msg_subject { width:360px; } /* поле Сообщение на страницах, где есть форма отправления сообщения оператору */ #msg { width:360px; } /* поле e-mail на страницах, где есть форма отправления сообщения оператору */ #msg-email { width:360px; } /* поле Имя / Организация на страницах, где есть форма отправления сообщения оператору */ #msg-name { width:360px; } /* поле Телефон на страницах, где есть форма отправления сообщения оператору */ #msg-phone { width:360px; } /* определяет стиль котейнера с полями ввода справа (исходная сумма, результ. сумма) на странице подтверждения заявки */ #summary_form div.right { padding-left: 14px; } /* определяет стиль слова "Отдаете" на странице оформления заяки */ #source-container div.left { padding-top: 7px; } /* определяет стиль слова "Получаете" на странице оформления заяки */ #target-container div.left { padding-top: 7px; }