/*
 * VQR Block Explorer — базовая тема (Этап 1).
 * Стили перенесены дословно из common.php, вид сайта не меняется.
 * Классы/ID совпадают с теми, что генерируют хелперы common.php.
 */

/* --- Панели (mypanel_wide) --- */
.mypanel_wide { width:1000px; margin:20px auto; background-color:#ffffff; border-style:solid; overflow:auto; clear:both; }
.mypanel_wide p { width:760px; margin:20px auto; text-align:left; word-wrap:break-word; overflow:auto; clear:both; }
.mypanel_wide ul { width:740px; margin:20px auto; text-align:left; word-wrap:break-word; overflow:auto; clear:both; }

/* --- Базовые элементы --- */
* { border-color:#8f8f8f; border-width:1px; }
body { background-color:#b2c2c5; text-align:center; font-family:OpenSans, sans-serif; }
h1 { width:940px; margin:20px auto 10px auto; clear:both; }
h2 { width:90%; padding:10px; margin:20px auto 10px auto; border-bottom-style:solid; border-width:2px; text-align:left; clear:both; }
hr { width:90%; margin:20px auto; clear:both; }
br { width:90%; margin:10px auto; clear:both; }

/* --- Шапка и меню --- */
#page_wrap { width:1100px; margin:0px auto; overflow:auto; }
#site_head { width:956px; height:90px; margin:10px auto; background-color:#ffffff; border-style:solid; line-height:90px; vertical-align:middle; font-weight:bold; color:#b2c2c5; overflow:auto; clear:both; }
#menu_wrap { width:1050px; margin:0px auto; background-color:#b2c2c5; border-top-style:solid; border-bottom-style:solid; overflow:auto; clear:both; }
/* Ширина #menu_line задаётся инлайн в site_head() — она зависит от числа пунктов меню */
.menu_button { display:block; width:100px; margin:10px; float:left; clear:none; }
#menu_line a:link, #menu_line a:visited { text-decoration:none; font-weight:bold; color:#010101; }
#menu_line a:hover, #menu_line a:active { color:#aeaeae; }

/* --- Подвал --- */
#site_foot { width:956px; height:90px; margin:10px auto; background-color:#ffffff; border-style:solid; line-height:90px; vertical-align:middle; font-weight:bold; color:#b2c2c5; overflow:auto; clear:both; }
#site_copyright { width:940px; margin:0px auto; font-weight:normal; font-size:.6em; }
#copy_left { text-align:left; margin:0px auto; float:left; clear:none; }
#copy_left a:link, #copy_left a:visited { text-decoration:none; color:#010101; }
#copy_left a:hover, #copy_left a:active { color:#aeaeae; }
#copy_right { text-align:right; margin:0px auto; float:right; clear:none; }
#copy_right a:link, #copy_right a:visited { text-decoration:none; color:#010101; }
#copy_right a:hover, #copy_right a:active { color:#aeaeae; }

/* --- Пагинация --- */
.mypageselect { width:920px; margin:10px; clear:both; overflow:auto; }
.mypageselect_left { width:600px; margin:0px; float:left; clear:none; }
.mypageselect_right { width:300px; margin:0px; float:right; clear:none; }
.mypageselect_right a:link, .pageselect_right a:visited { font-weight:bold; text-decoration:none; color:#000000; }
.mypageselect_right a:hover, .pageselect_right a:active { color:#8f8f8f; }

/* --- Поиск --- */
.search_form { width:1000px; margin:20px auto; clear:both; }

/* --- Блоки "detail" (карточки параметров) --- */
.detail_row { width:740px; margin:auto; overflow:auto; clear:both; }
.detail_1 { width:730px; margin:20px auto; border-style:solid; border-width:1px; overflow:auto; clear:both; }
.detail_1_head { padding:5px; background-color:#efefef; border-bottom-style:solid; font-weight:bold; }
.detail_1_data { padding:5px; word-wrap:break-word; }
.detail_1_data a:link, .detail_1_data a:visited { font-weight:normal; text-decoration:none; color:#6c6c6c; }
.detail_1_data a:hover, .detail_1_data a:active { color:#000000; }
.detail_2 { width:345px; margin:10px; border-style:solid; border-width:1px; overflow:auto; float:left; clear:none; }
.detail_2_head { padding:5px; background-color:#efefef; border-bottom-style:solid; font-weight:bold; }
.detail_2_data { padding:5px; word-wrap:break-word; }
.detail_3 { width:200px; margin:22px; border-style:solid; border-width:1px; overflow:auto; float:left; clear:none; }
.detail_3_head { padding:5px; background-color:#efefef; border-bottom-style:solid; font-weight:bold; }
.detail_3_data { padding:5px; word-wrap:break-word; }

/* --- Таблицы списков --- */
.mytable_items_odd { margin:5px; background-color:#f5f5f5; clear:both; overflow:auto; }
.mytable_items_odd a:link, .blocklist_block_odd a:visited { font-weight:normal; text-decoration:none; color:#000000; }
.mytable_items_odd a:hover, .blocklist_block_odd a:active { color:#8f8f8f; }
.mytable_items_even { margin:5px; clear:both; overflow:auto; }
.mytable_items_even a:link, .blocklist_block_even a:visited { font-weight:normal; text-decoration:none; color:#000000; }
.mytable_items_even a:hover, .blocklist_block_even a:active { color:#8f8f8f; }

/* --- Транзакции (входы/выходы) --- */
.block_tx_amt_in { width:320px; margin:8px; font-size:.8em; text-align:right; float:left; clear:none; }
.block_tx_amt_in a:link, .block_tx_amt_in a:visited { font-weight:bold; color:#bb0000; text-decoration:none; }
.block_tx_amt_in a:hover, .block_tx_amt_in a:active { color:#ff0000; }
.block_tx_sum_in { width:310px; margin:8px; padding:5px; background-color:#bb3333; font-size:.8em; font-weight:bold; text-align:right; color:#ffffff; float:left; clear:none; }
.block_tx_in { width:340px; margin:8px; float:left; clear:none; }
.block_tx_out { width:340px; margin:8px; float:right; clear:none; }
.block_tx_amt_out { width:320px; margin:8px; font-size:.8em; text-align:right; float:right; clear:none; }
.block_tx_amt_out a:link, .block_tx_amt_out a:visited { font-weight:bold; color:#339933; text-decoration:none; }
.block_tx_amt_out a:hover, .block_tx_amt_out a:active { color:#00ff00; }
.block_tx_sum_out { width:310px; margin:8px; padding:5px; background-color:#339933; font-size:.8em; font-weight:bold; text-align:right; color:#ffffff; float:right; clear:none; }
.block_tx_sum_fee { width:310px; margin:8px; padding:5px; background-color:#999999; font-size:.8em; font-weight:bold; text-align:right; color:#ffffff; float:right; clear:none; }
.block_tx_wrap { width:720px; margin:20px auto; clear:both; overflow:auto; }
