/* каркас */

html {height: 100%;}
body {height: 100%;}
.horoscope_page a:hover {color:#fc0 !important;}

.wrapper {position: relative; z-index: 10; min-height: 100%; }
.horoscope_page .wrapper {background: #2d7199 url(/i/horo/bg_bottom_horoscope.gif) repeat-x left bottom;}
.horoscope_page .top_1 {position: absolute; top: 0px; left: 0px; width: 100%; height: 600px; z-index: -2; background: transparent url(/i/horo/bg_top_horoscope.png) repeat-x left top;}
.horoscope_page .top_2 {position: absolute; top: 0px; left: 0px; width: 100%; height: 400px; z-index: -1; background: transparent url(/i/horo/bg_top_horoscope-2.jpg) no-repeat left top;}


.wrapper #login_panel {width: auto !important; height: auto !important; top: 0px; bottom: 0px; left: 0px; right: 0px;}
.wrapper #reg_panel {width: auto !important; height: auto !important; top: 0px; bottom: 0px; left: 0px; right: 0px;}


.wrapper .bottom_line {position: absolute; bottom: 0px; left: 0px; width: 100%;}
.wrapper #main_table_con {padding: 0 0 150px;}



.content {position: relative; overflow: hidden; width: 100%; padding: 40px 0 150px; font-size: 14px; line-height: 18px;}
.content .col_base {position: relative; float: left; width: 100%;}
.content .col_base .col_in {position: relative; overflow: hidden; margin: 0 23% 0 286px; padding: 0 22px;}
.content .col_compl_1 {position: relative; float: left; width: 254px; margin-left: -100%;}
.content .col_compl_1 .col_in {position: relative; padding: 0 0 0 22px;}
.content .col_compl_2 {position: relative; float: left; width: 23%; margin-left: -23%;}
.content .col_compl_2 .col_in {position: relative; padding: 0 22px;}
.content p {padding: 0 0 12px 0; text-indent:12px;}


/* переопределение общих элементов */

.horoscope_page .header {border: 0px;}
.horoscope_page .top_logo {background: transparent url(/i/horo/logo-2.png) no-repeat left top;}

.horoscope_page .dirs a.item {color: #fff;}
.horoscope_page .dirs a.item_1 {background: transparent url(/i/horo/dir_item_bg_inner-2.png) no-repeat left top;}
.horoscope_page .dirs a.item_1:hover {background: transparent url(/i/horo/dir_item_bg_walls_fff_hover.png) no-repeat left top;}
.horoscope_page .dirs a.item_2 {background: transparent url(/i/horo/dir_item_bg_horosc-2.png) no-repeat left top;}
.horoscope_page .dirs a.item_2:hover {background: transparent url(/i/horo/dir_item_bg_horosc-2.png) no-repeat left top;}
.horoscope_page .dirs a.item_3 {background: transparent url(/i/horo/dir_item_bg_dream-2.png) no-repeat left top;}
.horoscope_page .dirs a.item_3:hover {background: transparent url(/i/horo/dir_item_bg_dream_hover.png) no-repeat left top;}

.horoscope_page .dirs .item_active:hover {color: #fff !important;}
.horoscope_page .dirs .item2_active {background: transparent url(/i/horo/dir_item_bg_horosc_active.png) no-repeat left top !important;}

.horoscope_page .login_box a {color: #fff; cursor: pointer;}
.horoscope_page .login_box a span {border-color: #fff;}
.horoscope_page .login_box a:hover span {border-color: #ffcc00;}
.horoscope_page .login_box .login_link {background: transparent url(/i/horo/top_menu_login_icon_inner2.png) no-repeat left top;}
.horoscope_page .header_on_panel .login_box .login_link {background: transparent url(/i/horo/top_menu_login_icon.png) no-repeat left top;}
.horoscope_page .login_box a.active {color: #ff66d5 !important;}
.horoscope_page .login_box a.active span {border-color: #ff66d5 !important;}

.horoscope_page a.back_from_panel {	background-image:url(/i/horo/arrow_left.png);	color:#ff66d5;}
.horoscope_page a.back_from_panel span { border-color:#ff66d5;}
.horoscope_page a.back_from_panel:hover {	background-image:url(/i/horo/arrow_left_hover.png);}
.horoscope_page a.back_from_panel:hover span { border-color:#ffcc00; color:#ffcc00;}

.horoscope_page #favorites_link {padding-bottom: 1px; color: #fff; background: transparent url(/i/horo/favorites_icon.png) no-repeat left top;}


.horoscope_page .bottom_line {color: #fff;}
.horoscope_page .bottom_line a {color: #fff;}
.horoscope_page .bottom_line a:hover {color: #ffcc00;}

.horoscope_page .content {color: #fff;}






/* блоки */

.content h1 {margin: 0 0 25px 0; line-height: 40px; font-size:23px;}
.content h1 .horoscope_day_select {position: relative; _top: -6px; font-size: 20px;}
.content h1 .horoscope_day_select a {position: relative; display: inline-block; height: 34px; margin: 6px 20px 0 0; color: #ff66d5; vertical-align: top; text-decoration: none; line-height: 30px;}
.content h1 .horoscope_day_select a span {border-bottom: 2px dotted #ff66d5;}
.content h1 .horoscope_day_select a:hover span {border-color:#fc0;}
.content h1 .horoscope_day_select a.selected {background: transparent url(/i/horo/bg_link_1.gif) no-repeat left top; color: #fff;}
.content h1 .horoscope_day_select a.selected span {position: relative; display: inline-block; height: 34px; margin: 0 -16px 0 0; padding: 0 12px; border: 0px; background: transparent url(/i/horo/bg_link_1.gif) no-repeat right -34px;}
.content h1 .horoscope_day_select a.selected:hover {color:#fff !important;}
.content h1 .horoscope_date {display:block;font-size: 12px; line-height:12px; font-style: italic; color: #000;}

.bottom_line a.mail_link {background-image:url(/i/horo/mail_icon_horo.png);}


.ad_block_wings {position: relative; text-align: center;}
.ad_block_wings .ad_block_wings_in {position: relative; display: inline-block; height: 92px; margin: 0 63px; background: #fff;}
.ad_block_wings .ad_block_wings_in .block {width: 728px; height: 92px; overflow: hidden;}
.ad_block_wings .ad_block_wings_in .bg_1 {position: absolute; top: 0px; left: -63px; width: 63px; height: 92px; background: transparent url(/i/horo/bg_ad_wings_l.png) no-repeat left top;}
.ad_block_wings .ad_block_wings_in .bg_2 {position: absolute; top: 0px; left: 0px; margin-left: 100%; width: 63px; height: 92px; background: transparent url(/i/horo/bg_ad_wings_r.png) no-repeat left top;}


.ad_block_vert {position: relative; width: 254px; text-align: center;}
.ad_nlo {margin: 20px 0;}
.ad_nlo .block_top {position: relative; height: 63px; background: transparent url(/i/horo/bg_ad_nlo_top.png) no-repeat left top;}
.ad_nlo .block_bottom {position: relative; height: 32px; background: transparent url(/i/horo/bg_ad_nlo_bottom.png) no-repeat left top;}
.ad_nlo .block_content {position: relative; padding: 5px 0; background: #fff;}




.horoscope_cat_list {position: relative; margin: 0px; padding: 52px 0 0; list-style-type: none;}
.horoscope_cat_list .horoscope_cat {position: relative; margin: 0 0 24px;}
.horoscope_cat_list h3 {margin: 0 0 12px; font-size: 13px; font-weight: bold;}
.horoscope_cat_list h3 .icon {position: relative; float: left; margin: -6px 0 0 -30px;}
.horoscope_cat_list ul {position: relative; margin: 0px; padding: 0px; list-style-type: none;}
.horoscope_cat_list ul li {position: relative; margin: 0 0 5px; }
.horoscope_cat_list a {color: #fff;}



.zodiac_list {position: relative; margin: 0 50px; padding: 12px 0 22px;}
.zodiac_list table {position: relative; width: 100%; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 15px !important; font-style: italic; color: #fff;}
.zodiac_list table td {padding-bottom: 5px;font-size: 15px !important;}
.zodiac_list img {position: relative; display: block; margin: 0 auto 7px;}
.zodiac_list a {color: #fff; line-height: 24px;}
.zodiac_list span {padding: 0 1px 0 1px;}
.zodiac_list td {text-align:center; }

.zodiac_list .active .out {position: relative; padding: 0 0 0 12px; display: inline-block; *display: inline; background: transparent url(/i/horo/zodiac_active.gif) no-repeat left top;}
.zodiac_list .active .in  {position: relative; padding: 3px 13px 4px 0px; display: inline-block; *display: inline; background: transparent url(/i/horo/zodiac_active.gif) no-repeat right bottom; vertical-align: top;}
/*.zodiac_list .active .in, x:-moz-any-link, x:default {margin-top:-1px;}*/


.tabs_list {position: relative; margin: 0; padding: 0; list-style-type: none; font-size: 14px;}
.tabs_list li {position: relative; margin: 0; padding: 0 12px 0 12px; display: inline-block; height:24px; line-height:24px; vertical-align: top;}
.tabs_list li a {position: relative; display: inline-block; color: #fff; vertical-align: top; text-decoration: underline;}
.tabs_list li.selected {padding-left: 0px;}
.tabs_list li.selected .out {position: relative; display: inline-block; background: transparent url(/i/horo/bg_link_2.gif) no-repeat left top; color: #fff; text-decoration: none;}
.tabs_list li.selected .in {position: relative; display: inline-block; height: 24; margin: 0 -12px 0 0; padding: 0 12px 0 12px; border: 0px; background: transparent url(/i/horo/bg_link_2.gif) no-repeat right -24px;}
.content .horoscope h1 {margin-bottom: 12px;}
.horoscope .tabs_list li.selected {padding-right: 12px;}