/* * Yoltica.com - CSS Style Sheet * Development © 2008-2010 ArtOF.ru web studio * http://www.artof.ru */ /*########################### CORE CLASSES #######################*/ /*--------------------------> RESET */ body,div,span,h1,h2,h3,pre,a,em,img,strong,b,u,i {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%} .clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; margin: 0; padding: 0} /*--------------------------> BODY */ body,td,th {font-family: Tahoma; font-size: 11px; color: #000} body {background: #FFF} .main_debug {padding: 10px; margin: 10px; border: 2px solid #C00} .main_debug a {color: #C00} .debugWarning, .debugError, .debugTimemark{ padding:5px; margin: 2px 0px; background: #E8C709; border: 1px solid #000; } .debugError{ background: #FC8787; } .debugTimemark{ background: #9BDAFB } .hide {display: none} .inline {display: inline} a {color: #000; text-decoration: underline} a:hover {color: #C00; text-decoration: none} a:focus {outline: none} .hightlight {background: #e2e2e2} .red {color: #C00} .green {color: #060} .gray {color: #777} /*--------------------------> STRUCTURE */ #cBody {width: 1000px; margin: 0 auto; text-align: left} #cHeader {padding: 10px 20px 0} #cHeader strong {display: block; float: left; width: auto; margin-right: 10px; font-family: Arial; font-size: 12px} #cHeader .inline .input_text {width: 160px; margin: 0 6px 0 15px} #cHeader a.logo {display: block; float: left; width: 140px; margin-top: 10px} #cHeader .banner {display: block; margin-top: 27px; text-align: center} .readMeInformer {margin: 10px auto; padding: 10px 0; border-top: 1px dotted #7D7D7D; border-bottom: 1px dotted #7D7D7D} .c2Banner {padding: 10px 20px 20px 20px} .c2Banner .banner {float: left; width: 50%} #cMain {display: inline; float: left; width: 740px} #cMain #cContent {display: inline; float: right; width: auto; margin-left: 10px} #cMain #cLeft {display: inline; float: left; width: auto} #cRight {display: inline; float: right; width: 245px; background: url(/uploads/images/design/bg_cright.gif) left top repeat-y/*; margin-left: 10px*/} #cRight div.search {text-align: center; padding-bottom: 20px} #cRight div.search * .input_text {width: 200px} #cMain div.banner, #cRight div.banner {display: block; text-align: center; margin-bottom: 20px} #cFooter {height: 52px; background: #e5e5e5; border-left: #ff5900 3px solid; text-align: left} #cFooter .counter {float: right; margin: 3px 20px} #cFooter .counter .alexa {display: block; float: right; height: 31px; margin-left: 7px; overflow: hidden} #cFooter .info {padding: 6px 0 6px 25px} #cFooter .info a {text-decoration: none} #cFooter .info a:hover {text-decoration: underline} /*--------------------------> TABLES */ table.contenttable {background: #F1F1F1; border-collapse: separate; border-spacing: 1px; border: #999 1px solid} .contenttable td, .contenttable th {padding: 4px} .contenttable th {background: #F8F8F8; text-align: center; vertical-align: middle; font-weight: normal} .contenttable td {background: #FFF; vertical-align: top; text-align: left} /*--------------------------> FEEDBACK */ #feedbackPage {width: 710px; padding: 0 15px 25px} #feedbackPage .title {position: relative; margin: 0 -15px 15px} #feedbackPage .info {padding: 0 20px 20px} #feedbackPage .subtitle {padding: 3px 10px; background: #DDD; font-size: 14px; font-weight: bold; color: #212121} #feedbackPage .form {padding: 15px 40px} #feedbackPage .form .name {float: left; width: 160px; font-size: 14px; padding: 4px 0} #feedbackPage .form .value {float: left; width: 400px} #feedbackPage .form .value * {width: 99%; font-size: 16px; color: #333} #feedbackPage .form .value .textarea {height: 150px} #feedbackPage .form .code {padding: 10px 0; text-align: center} #feedbackPage .form .code strong {vertical-align: middle; font-size: 14px; font-weight: normal} #feedbackPage .form .code img {vertical-align: middle; border: #dcdcda 1px solid; margin: 0 15px} #feedbackPage .form .code input {vertical-align: middle; width: 40px} #feedbackPage .form .btn {padding: 10px 0 0; text-align: right} /*##################################### TEXT CLASSES #######################*/ h1{font-size: 16px; font-weight: normal} h1{font-size: 13px} .error404 {width: 740px; padding: 0 0 70px; font-size: 12px} .error404 h1 {font-size: 22px; background: #C00; color: #FFF; padding: 5px} .error404 .error {font-size: 12px; color: #C00} /*-------------------> TITLES */ .capation_alfa {background: url(http://yoltica.com/uploads/images/design/bg_capation.jpg) repeat-x; height: 26px} .capation_betta {padding: 5px 0px 0px 15px; text-align: left} .capation_gamma {font-size: 12px; font-weight: bold; color: #FFFFFF} div.capation_gamma a {font-weight: bold; color: #FFFFFF; text-decoration: none} div.capation_gamma a:hover {text-decoration: underline} div.sub_capation_alfa {background: url(http://yoltica.com/uploads/images/design/bg_sub_capation.jpg) repeat-x; height: 26px} div.sub_capation_betta {padding: 5px 0px 0px 15px; text-align: left;} div.sub_capation_gamma {font-size: 12px; font-weight: bold; color: #000000} div.sub_capation_gamma a {text-decoration: none} div.article_menu_item {margin-bottom: 2px; text-align: left} div.article_menu_item div a {font-size: 12px; text-decoration: none} div.article_menu_item div a:hover {text-decoration:underline} h1.title,h2.title { background: url(http://yoltica.com/uploads/images/design/bg/title_lines.jpg) no-repeat left; height: 35px; line-height: 35px; //line-height: 34px; padding-left: 53px; font-size: 12px; color: #333; } @media all and (min-width:0px) { /*Opera Hack */ head~body h1.title, head~body h2.title {line-height: 36px} } @media screen and (-webkit-min-device-pixel-ratio:0) { body:first-of-type h1.title, body:first-of-type h2.title {line-height: 34px} /*Safari Hack */ } h1.title a, h2.title a, h1.title span, h2.title span { color: #333; background: url(http://yoltica.com/uploads/images/design/bg/title_glass.png) no-repeat right; padding: 15px 17px 15px 0; text-transform: uppercase; font-weight: bold; text-decoration: none; } h1.title a:hover, h2.title a:hover, h2.title span a.path:hover {color: #ff5900} h1.title .small, h2.title .small {text-transform: lowercase; font-weight: normal} h1.title a.add,h2.title a.add { display: block; float: right; width: auto; color: #666; background: url(http://yoltica.com/uploads/images/design/bg/spacer_white.png); border: 1px dotted #888; margin: 10px 15px 0 0; padding: 3px 5px 3px; text-transform: none; font-weight: normal; font-size: 11px; text-decoration: none; line-height: 10px; } h1.title a.add:hover,h2.title a.add:hover {color: #ff5900; text-decoration: none; background: #ddd} h2.title span a.path { color: #333; background: none; padding: 15px 0; text-transform: uppercase; font-weight: bold; text-decoration: none; } h3.titleR { background: url(http://yoltica.com/uploads/images/design/bg/title_right.jpg) no-repeat left; padding: 15px; text-align: left; color: #333; text-transform: uppercase; font-weight: bold; } h3.titleR a { color: #333; text-transform: uppercase; font-weight: bold; text-decoration:none; } h3.titleR a:hover {color: #ff5900} /*--------------------------> TEXT */ div.banner img {border: none} /*-------------------> PAGINATION */ div.pages { text-align: center; padding: 5px; font-size: 11px; white-space: nowrap; } .page_active { font-weight: bold; font-size: 15px; padding: 3px; display: inline; } .page_noneactive { font-weight: bold; text-decoration:none; padding:3px; display:inline; } div.decorated_links a{ display: block; padding: 3px 15px; text-align: left; background: url(http://yoltica.com/uploads/images/design/icon_bullet.gif) left no-repeat; } div.decorated_links_places a{ display: block; padding: 3px 15px; text-align: left; background: url(http://yoltica.com/uploads/images/design/icon_bullet2.gif) left top no-repeat; cursor: pointer; } div.decorated_links a, div.decorated_links_places a {color: #000000; text-decoration: none} div.decorated_links a:hover, div.decorated_links_places a:hover {color: #bd1313; text-decoration: underline} a.detailed{ padding-left: 20px; background-color:#00FF99; } /*------------ Текстовые Стили -----------------*/ .text_subcapation{ /*Подзаголовок*/ font-weight:bold; color:#666666; padding:7px; } .text_comment{ /*Текст коментария*/ color:#999999; font-size:10px; } a.clubEdit, a.clubEdit:active, a.clubEdit:visited {color:#999999; font-size:10px; text-decoration:underline;} a.clubEdit:hover {color:#999999; font-size:10px; text-decoration:none;} .text_star{ /*Звёздочка обязательного поля*/ font-weight:bold; color:#FF0000; } pre {font-family:Tahoma;} /*-------------------> FORMS */ form {display: inline} input, select, button {font-size: 11px; font-family: Tahoma} .input_text, .input_file, .select, .textarea { border: #b3b9c3 1px solid; font-family: Tahoma; font-size: 11px; } .button_r, .button { padding: 2px 5px; background: url(http://yoltica.com/uploads/images/design/bg/button.gif) repeat-x; background-position: center; border-top: #ccc 1px solid; border-left: #ccc 1px solid; border-right: #bbb 1px solid; border-bottom: #bbb 1px solid; color: #333; cursor: pointer; } .btnHover { background-position: bottom left; border: #99ccff 1px solid; color: #FFF; } .btnRHover { background-position: top left; border: #ffaa99 1px solid; color: #FFF; } /*------------------------ SAPE */ #MenuSapeLinks {width: 710px; border: #fae1b5 1px solid; margin-top: 20px; padding: 5px 5px 5px 25px; font-size: 11px; color: #000} #MenuSapeLinks h3.titleR {position: relative; margin: -25px 0 5px -10px} #MenuSapeLinks a {color: #0000cc; text-decoration: underline} #MenuSapeLinks a:hover {color: #3a66ff; text-decoration: underline} /*--------------------------> BLOGS (all true) */ #MenuBlogsRight .item {padding: 5px 5px 5px 25px; margin: 3px 0} #MenuBlogsRight .item a {text-decoration: none} #MenuBlogsRight .item a.user {font-weight: bold} #MenuBlogsRight .item span {color: #808080; font-size: 10px} #MenuBlogsRight .item span img {vertical-align: middle} #MenuBlogsRight .item a.story {display: block; color: #555} #userInfoPage .left .userBlog {padding-top: 20px} #userInfoPage .left .userBlog a.BlogName {display: block; font-size: 14px; font-weight: bold; color: #006f94; text-decoration: none} #userInfoPage .left .userBlog a.BlogName:hover {color: #034873; text-decoration: underline} #userInfoPage .left .userBlog .name {display: block; color: #333; padding: 15px 0 5px; font-size: 12px; font-weight: bold} #userInfoPage .left .userBlog .date {display: block; color: #818181; font-size: 11px} #userInfoPage .left .userBlog .date a {color: #818181} #userInfoPage .left .userBlog .date a:hover {color: #C00} #userInfoPage .left .userBlog a.blogItem {display: block; padding-top: 7px; color: #555; font-size: 12px; text-decoration: none} #userInfoPage .left .userBlog a.blogItem:hover {color: #006f94} #userInfoPage .left .userBlog .gray {display: block; font-size: 12px; padding: 15px; text-align: center} .userListBlogs {width: 260px; margin-bottom: 15px; padding-bottom: 10px; border-color: #DDD #999; border-style: solid dotted; border-width: 5px 1px} .userListBlogs h3.titleR {position: relative; margin: -15px 0 0 7px} .userListBlogs .item {padding: 5px 5px 2px 12px; margin: 3px 0} .userListBlogs .item a {text-decoration: none} .userListBlogs .item a.user {font-weight: bold} .userListBlogs .item span {color: #808080; font-size: 10px} .userListBlogs .item span img {vertical-align: middle} .userListBlogs .item a.story {display: block; color: #555} #blogSettings {width: 710px; padding: 0 15px} #blogSettings form .item {padding: 5px 0; margin-bottom: 7px} #blogSettings form .item .name {display: inline; float: left; width: 150px; text-align: right; font-weight: bold; font-size: 12px} #blogSettings form .item .text {display: inline; float: left; width: 500px; padding-left: 15px} #blogSettings form .item .text .input_text {width: 100%} #blogSettings form .item .text .info {display: block; font-size: 10px; color: #777} #blogSettings form .item .text .textarea {width: 100%; height: 110px} #blogSettings form .btn {padding-top: 15px; text-align: right} #userBlogList .navbar {background: #eed; padding: 5px 15px} #userBlogList .navbar .right {float: right; width: auto; font-size: 12px} #userBlogList .navbar span {font-size: 14px; color: #444; font-weight: bold} #userBlogList .navbar span a img {vertical-align: middle} #userBlogList .settings {padding: 10px 20px 0 0; text-align: center; font-size: 12px} #userBlogList .settings img {margin-left: 20px; vertical-align: middle} #userBlogList .information {margin: 20px 15px 0; border: #DDD 1px dotted; padding: 10px; background: #eee} #userBlogList .information .accur {float: right; width: 300px} #userBlogList .information .accur .authpanel {padding: 10px 0 0 !important} #userBlogList .information .accur .authpanel a {color: #333 !important} #userBlogList .information .accur .authpanel a:hover {color #C00 !important} #userBlogList .information .theme {margin: 0; padding: 0; padding-bottom: 12px; font-size: 20px; font-family: Arial; font-weight: bold} #userBlogList .information .desc {font-style: normal; font-size: 12px; color: #555} #userBlogList .pagenav {padding: 4px; text-align: left; border: 1px solid #ccc; margin-bottom: 10px} #userBlogList .item {margin: 0 15px 10px; padding: 20px 0 10px; border-bottom: 2px solid #ddd} #userBlogList .item h3 {font-weight: 600; line-height: 100%; padding-bottom: 3px; margin: 0} #userBlogList .item h3 a {font-size: 18px; color: #2d2d2f; font-weight: 600; text-decoration: none} #userBlogList .item h3 a:hover {color: #C00} #userBlogList .item h3 * span {margin-left: 10px; padding: 0 20px 7px 10px; background: url(http://yoltica.com/uploads/images/design/bg/comment.gif) no-repeat left top; font-size: 13px; font-weight: normal; color: #FFF} #userBlogList .item .date {color: #666; font-size: 12px; margin-bottom: 3px} #userBlogList .item .date a {cursor: pointer} #userBlogList .item .date a img {vertical-align: middle} #userBlogList .item .text {padding: 10px 0 15px; color: #333; font-family: Arial; font-size: 12px; line-height: 120%} #userBlogList .item .text .more {display: block; font-size: 13px; font-weight: bold; color: #333; padding: 15px 0 10px; text-decoration: none} #userBlogList .item .text .more:hover {color: #C00} #userBlogList .item .authpanel {padding: 12px 0 !important} #userBlogList .item .comment {padding: 5px; margin: 10px 0; border-bottom: 1px dotted #777} #userBlogList .item .comment .num {font-size: 12px} #userBlogList .item .comment a, #userBlogList .item .comment .num a {color: #006f94} #userBlogList .item .comment a:hover, #userBlogList .item .comment .num a:hover {color: #C00} #userBlogList .item .comment .num strong {font-size: 13px} #userBlogList .item .comment .num span {font-size: 11px; color: #666} #userBlogList .item .comment .story {padding-top: 10px; font-size: 12px} #blogPosting {width: 710px; padding: 0 15px 20px} #blogPosting h1.theme {position: relative; margin: 0 -15px 15px; background: #eed; padding: 5px 15px; font-size: 14px; color: #444; font-weight: bold} #blogPosting .item {padding: 3px 0; margin: 3px 0} #blogPosting .item .name {display: block; float: left; width: 130px; font-size: 12px; font-weight: bold} #blogPosting .item .text {margin: 0 50px 0 140px} #blogPosting .item .text .info {display: block; color: #777; font-size: 10px} #blogPosting .item .text .input_text {width: 100%} #blogPosting .item .text .textarea {width: 100%; height: 350px; border: 1px solid #ccc; padding: 4px} #blogPosting .btn {padding-top: 15px; text-align: right} #blogPage {border-top: #eed 5px solid; padding-top: 15px} #blogPage h3 {font-size: 18px; color: #333; font-weight: 600; text-decoration: none; line-height: 100%; padding-bottom: 3px; margin: 0} #blogPage h3 a {text-decoration: none} #blogPage h3 a span {margin-left: 10px; padding: 0 20px 7px 10px; background: url(http://yoltica.com/uploads/images/design/bg/comment.gif) no-repeat left top; font-size: 13px; font-weight: normal; color: #FFF} #blogPage .date {color: #666; font-size: 12px; margin-bottom: 3px} #blogPage .date a {cursor: pointer} #blogPage .date a img {vertical-align: middle} #blogPage .text {padding: 10px 0 15px; color: #333; font-family: Arial; font-size: 12px; line-height: 120%} #blogPage .text .tags {padding-top: 15px} #blogsList {width: 435px; padding: 0 15px} #blogsList h1.title {position: relative; margin: 0 -15px 15px} #blogsList .search {text-align: right; padding-bottom: 15px} #blogsList .search form .input_text {width: 180px; padding: 2px} #blogsList .sort {padding: 0 0 15px 0; font-size: 12px; font-weight: bold} #blogsList .sort a {font-weight: normal} #blogsList .sort a.sorted {padding: 2px 5px; background:url(http://yoltica.com/uploads/images/design/bg/anounsm_class.gif) repeat-x left; border: #ddd 1px solid; font-weight: bold; color: #000; text-decoration: none} #blogsList ul {list-style: none; margin: 0; padding: 0} #blogsList ul li {margin: 0 0 5px; padding: 5px; border: #ddd 1px solid} #blogsList ul li .img {display: block; float: left; width: 100px; text-align: center} #blogsList ul li .img .ava {border: #ccc 1px solid} #blogsList ul li .info {display: block; margin-left: 110px} #blogsList ul li .info .title {display: block; font-size: 12px; font-weight: bold; color: #0000CC} #blogsList ul li .info .title:hover {color: #C00} #blogsList ul li .info .author {font-size: 12px} #blogsList ul li .info .author a {text-decoration: none} #blogsList ul li .info .author a:hover {color: #0000CC} #blogsList ul li .info .desc {display: block; padding-top: 7px; font-style: normal; color: #555} .blogsListTags {width: 240px; margin: 6px 0 15px; padding: 0 10px 10px; border-color: #DDD #999; border-style: solid dotted; border-width: 5px 1px} .blogsListTags h3.titleR {position: relative; margin: -15px 0 0 -3px} .blogsListTags a {text-decoration: none; font-weight: normal} .blogsListTags a:hover {background: #EEE} .blogsListTags .size1 {font-size: 11px; color: #28537D} .blogsListTags .size2 {font-size: 13px; color: #0D3F74} .blogsListTags .size3 {font-size: 16px; color: #436886} .blogsListTags .size4 {font-size: 22px; color: #7A9199} .blogsListTags .size5 {font-size: 30px; color: #5E7C8F} .blogsListAuthors {width: 240px; margin: 6px 0 15px; padding: 0 10px 10px; border-color: #DDD #999; border-style: solid dotted; border-width: 5px 1px} .blogsListAuthors h3.titleR {position: relative; margin: -15px 0 0 -3px} .blogsListAuthors .item {position: relative; margin: 7px -10px} .blogsListAuthors .item .num {display: block; float: left; width: 30px; padding: 0 5px 0 10px; font-size: 26px; color: #999; text-align: center} .blogsListAuthors .item .info {display: block; margin-left: 45px; padding: 3px 0; font-size: 12px} .blogsListAuthors .item .info a {color: #28537D} .blogsListAuthors .item .info a:hover {color: #C00} .blogsListAuthors .item .info em {font-style: normal; font-weight: bold} .blogsListAuthors .item .sub {display: block; margin-left: 45px; color: #555} /*--------------------------> END TRUE */ /*--------------------------> CLUBS (all true) */ #MenuClubsIndex {float: left; width: 410px} #MenuClubsIndex h2 {margin: 15px 0 10px 0} #MenuClubsIndex ul {margin: 0; padding: 0; list-style: none} #MenuClubsIndex ul li {padding: 5px 0 5px 15px; margin: 2px 0; color: #777} #MenuClubsIndex ul li a {color: #034873; text-decoration: underline} #MenuClubsIndex ul li a:hover {color: #3A66FF; text-decoration: none} .userListClubs {width: 260px; margin-bottom: 15px; padding-bottom: 10px; border-color: #DDD #999; border-style: solid dotted; border-width: 5px 1px} .userListClubs h3.titleR {position: relative; margin: -15px 0 7px 7px} .userListClubs ul {margin: 0; padding: 0; list-style: none} .userListClubs ul li {padding: 5px 0; margin: 2px 0; color: #777} .userListClubs ul li a {color: #034873; text-decoration: underline} .userListClubs ul li a:hover {color: #3A66FF} #userInfoPage .right .clubList .item {margin-bottom: 5px; border: #ddd 1px solid; padding: 5px} #userInfoPage .right .clubList .item .logo {display: block; float: left; width: 110px; text-align: left} #userInfoPage .right .clubList .item .country {float: right; width: auto} #userInfoPage .right .clubList .item .clubinfo {margin-left: 120px} #userInfoPage .right .clubList .item .clubinfo .title {display: block; font-size: 12px; font-weight: bold} #userInfoPage .right .clubList .item .clubinfo span {display: block; color: #777} #userInfoPage .right .clubList .item .clubinfo em {display: block; padding: 7px 0; font-style: normal} #userInfoPage .right .clubList .item .clubinfo .accurate {display: block; padding-top: 5px; border-top: #999 1px dotted} #userInfoPage .right .clubList .item .clubinfo .accurate a {color: #777} #userInfoPage .right .clubList .item .clubinfo .accurate a:hover {color: #000; background: #CCC} #clubsList {width: 435px; padding: 0 15px} #clubsList h1.title {position: relative; margin: 0 -15px 15px} #clubsList .search {text-align: right; padding-bottom: 15px} #clubsList .search form .input_text {width: 180px; padding: 2px} #clubsList .depends {text-align: center; padding: 10px 0; font-weight: bold; font-size: 12px} #clubsList .empty {text-align: center; padding: 50px 0; color: #C00} #clubsList ul {list-style: none; margin: 0; padding: 0} #clubsList ul li {margin: 0 0 5px; padding: 5px; border: #ddd 1px solid} #clubsList ul li .image {display: block; float: left; width: 100px; text-align: center} #clubsList ul li .image strong {display: block; font-size: 12px} #clubsList ul li .country {float: right; width: auto} #clubsList ul li .info {display: block; margin-left: 110px} #clubsList ul li .info .title {display: block; font-size: 12px; font-weight: bold; color: #00A} #clubsList ul li .info .title:hover {color: #C00} #clubsList ul li .info .gray {display: block} #clubsList ul li .info .desc {display: block; padding: 7px 0; font-style: normal} #clubsList ul li .info .btn {display: block; padding-top: 10px; text-align: right} #clubDetailed {width: 710px; padding: 0 15px 20px} #clubDetailed h2.title {position: relative; margin: 0 -15px 15px} #clubDetailed .left {display: inline; float: left; width: 210px; padding-right: 10px; border-right: #DDD 1px dotted} #clubDetailed .left .ava {display: block; text-align: center; margin-bottom: 15px} #clubDetailed .left .ava img {border: #DDD 1px solid; padding: 3px} #clubDetailed .left .ava:hover img {border: #333 1px solid} #clubDetailed .left .links { display: block; margin: 2px 10px; padding: 4px 10px; background: url(http://yoltica.com/uploads/images/design/bg/anounsm_class.gif) repeat-x left; border: 1px solid #CCC; color: #333; text-decoration: none; cursor: pointer; } #clubDetailed .left .links.red {color: #C00} #clubDetailed .left .links.red:hover, #clubDetailed .left .links:hover {background: #555; color: #FFF; border: #000 1px solid} #clubDetailed .left .spacer {margin-top: 15px} #clubDetailed .right {display: inline; float: right; width: 480px} #clubDetailed .right h1.name {font-size: 18px; font-weight: bold; color: #333; padding-bottom: 10px} #clubDetailed .right em.type {display: block; font-style: normal; font-size: 13px; color: #444; padding-bottom: 15px} #clubDetailed .right .found {display: block; padding-bottom: 15px; color: #777; font-size: 12px} #clubDetailed .right .authslide {margin: 5px 0 0 !important; color: #444 !important; padding: 3px 5px !important} #clubDetailed .right .authpanel {margin: 0 !important} #clubDetailed .right .authpanel a {color: #333 !important} #clubDetailed .right .authpanel a:hover {color #C00 !important} #clubDetailed .right h3.sub {background: #EEE; color:#555; font-size: 13px; margin: 20px 0 10px; padding: 3px 5px; text-align: left} #clubDetailed .right h3.sub a {display: block; float: right; font-weight: normal; font-size: 12px} #clubDetailed .right div.sub {padding: 10px 0 0 80px} #clubDetailed .right div.sub span {display: block; color: #555} #clubDetailed .right div.sub span.contacts {padding-top: 10px} #clubDetailed .right div.desc {color: #555; padding: 0 0 0 80px} #clubDetailed .right .users {padding-bottom: 20px} #clubDetailed .right .users .item {float: left; width: 102px; padding: 5px; margin: 0 3px; text-align: center} #clubDetailed .right .users .item * .ava {border: #DDD 1px solid} #clubDetailed .right .users .item a.user {display: block; font-size: 12px; font-weight: bold; padding-top: 5px} #clubDetailed .right .users .item span.red {display: block} #clubDetailed .right h2.title {margin: 0 0 15px} #clubDetailed .right .menuClubContent .gray {display: block; padding: 15px 0; text-align: center; font-size: 12px} #clubDetailed .right .menuClubContent .item {padding: 5px} #clubDetailed .right .menuClubContent .item .date {float: left; width: 70px; color: #999} #clubDetailed .right .menuClubContent .item a {text-decoration: none; cursor: pointer} #clubDetailed .right .menuClubContent .item a.title {color: #333; margin-right: 15px} #clubDetailed .right .menuClubContent .item a.title:hover {color: #C00} #clubDetailed .right .menuClubContent .item a.title strong {font-size: 12px} #clubDetailed .right .menuClubContent .item a img {margin: 0 4px; vertical-align: middle} #clubDetailed .right .menuClubContent .item .desc {display: block; font-style: normal; color: #555} #clubDetailed .right .menuClubContent .item .grey {display: block; color: #999} #clubAddContent {width: 710px; padding: 0 15px 25px} #clubAddContent h1.title {position: relative; margin: 0 -15px 25px} #clubAddContent .back {float: left; width: auto; font-size: 12px; padding-top: 18px} #clubAddContent .btn {text-align: right; padding-top: 15px} #clubAddContent .btn .button_r {margin-right: 5px} #clubAddContent .item {margin: 5px 0; padding: 5px} #clubAddContent .item .name {float: left; width: 140px; text-align: right; font-size: 12px} #clubAddContent .item .value {margin-left: 155px} #clubAddContent .item .value .input_text {width: 100%} #clubAddContent .item .value .select {width: 250px} #clubAddContent .item .value .date {width: 100px} #clubAddContent .item .value a {cursor: pointer} #clubAddContent .item .value a img {vertical-align: middle} #clubAddContent .item .value .editarea {width: 100%; height: 180px} #clubAddContent .item .value .txtarea {width: 100%; height: 90px} .clubContent {padding-top: 30px} .clubContent h2.title {margin-bottom: 15px} .clubContent .grey {display: block; color: #777; padding: 50px 0; text-align: center} .clubContent .back {display: block; margin-top: 25px; color: #3399FF} .clubContent .back:hover {color: #C00} .clubContent .item {padding: 10px 5px; margin: 10px 15px; border-bottom: #777 1px dotted} .clubContent .item a.title {color: #333; font-size: 14px; margin-right: 15px; font-weight: bold} .clubContent .item a.title:hover {color: #C00} .clubContent .item a img {margin: 0 4px; vertical-align: middle} .clubContent .item .gray {display: block; font-size: 11px; color: #777; padding-bottom: 7px} .clubContent .item em {display: block; font-size: 12px; color: #555; font-style: normal} .clubContentPage {padding: 30px 15px 0} .clubContentPage h2.title {position: relative; margin: 0 -15px 15px !important} .clubContentPage h1.theme {font-size: 18px; font-weight: bold; font-family: Arial} .clubContentPage .date {display: block; font-family: Arial; font-size: 12px; color: #777} .clubContentPage .text {padding: 15px 0; font-family: Arial; font-size: 12px} .clubContentPage .back {display: block; margin: 25px 0 0 -15px; color: #3399FF} .clubContentPage .back:hover {color: #C00} .clubUserList {padding: 30px 0 0} .clubUserList .back {display: block; margin: 25px 0 0; color: #3399FF} .clubUserList .back:hover {color: #C00} .clubUserList .item {margin-bottom: 5px; border: #DDD 1px solid; padding: 5px} .clubUserList .item a.ava {display: block; float: left; width: 110px; text-align: center; margin-right: 10px} .clubUserList .item a.ava .ava {border: #CCC 1px solid} .clubUserList .item .right {float: right; width: auto; text-align: right} .clubUserList .item .right a {display: block; text-decoration: none} .clubUserList .item .userinfo {margin: 0 80px 0 120px} .clubUserList .item .userinfo strong {font-size: 14px} .clubUserList .item .userinfo em {display: block; font-weight: bold; font-style: normal; font-size: 12px; padding-bottom: 7px} .clubUserList .item .userinfo .grey {color: #777} .clubUserList .item .userinfo .status {display: block; padding-bottom: 7px; color: #555} .clubUserList .item .userinfo .accur {display: block; padding: 0 0 10px} .clubUserList .item .userinfo .accur a {color: #777} .clubUserList .item .userinfo .accur a:hover {color: #000; background: #CCC} .clubUserList .item .userinfo .lastvizit {display: block} .clubUserList .item .userinfo .lastvizit span {color: #777} #clubAdd {width: 710px; padding: 0 15px 25px} #clubAdd h1.title {position: relative; margin: 0 -15px 25px} #clubAdd .btn {text-align: right; padding-top: 15px} #clubAdd .btn .button_r {margin-right: 5px} #clubAdd .item {margin: 5px 0; padding: 5px} #clubAdd .item .name {float: left; width: 140px; text-align: right; font-size: 12px} #clubAdd .item .name .gray {display: block} #clubAdd .item .value {margin-left: 155px} #clubAdd .item .value .input_text {width: 100%} #clubAdd .item .value .select {width: 250px} #clubAdd .item .value .year, #clubAdd .item .value .date {width: 100px} #clubAdd .item .value a {cursor: pointer} #clubAdd .item .value a img {vertical-align: middle} #clubAdd .item .value .editarea {width: 100%; height: 180px} #clubAdd .item .value .txtarea {width: 100%; height: 90px} /*--------------------------> END CLUBS */ /*--------------------------> TOWNS SELECT MENU */ .townsPseudoField{ background: #FFFFFF url(/uploads/images/extra/select_out_on.gif) right no-repeat; width: 500px; height: 18px; cursor: pointer; border: #b3b9c3 1px solid; font-size: 11px; font-family: Tahoma, Verdana, Arial; } .townsForm{ display: none; position: absolute; z-index: 2; width: 500px; background-color:#FAFAFA; border-top: none; border-left: 1px solid #DDD; border-right: 2px solid #666; border-bottom: 3px solid #666; } .townsCountryArea, .townsRegionArea, .townsTownArea, .townsTownAdd { margin: 3px; padding:2px; text-align: right; } .townsCountryArea { margin-top:7px; } .townsRegionArea, .townsTownArea, .townsTownAdd { display: none; } .townsCountrySelect, .townsRegionSelect, .townsTownSelect { width: 250px; margin-right:100px; border: #333333 1px solid; background-color:#F7F7F7; font-size: 11px; } .townsTownSelect { margin-right:0px; } .townsFinishButton, .townsAddButton { margin: 0px 5px; width: 90px; border: #333333 1px solid; background-color:#CCC; font-size: 11px; } .townsLoader, .townsUserLoader { position: absolute; z-index: 3; text-align: center; vertical-align: middle; background-color: #CCC; opacity: 0.6; } a.townsSwitch { display: block; margin: 7px 0px; } .tounsTownName { width: 200px; border: #333333 1px solid; background-color:#F7F7F7; font-size: 11px; } .townsUserForm { padding: 8px 0; background: #EDEBEC url(http://yoltica.com/uploads/images/design/bg/anounsm_class.gif) repeat-x left; border: 1px solid #DBDAD8; text-align: center; } .townsUserForm strong {font-size: 12px; margin-right: 10px} .townsUserForm .select, .townsUserForm .button {vertical-align: middle} .townsUserForm .townsUserCountrySelect {width: 150px} .townsUserForm .townsUserRegionSelect {width: 150px} .townsUserForm .townsUserTownSelect {width: 150px} .townsUserForm .select .grey {color: #777} /*--------------------------> END TOWNS SELECT MENU */ /*##########################################################*/ /*----------------------- BANNER CSS -----------------------*/ div.banner {display: inline} div.banner * img {border: #e1e1e1 1px solid} td.empty {background-color: #FFF} td.trough{background: #CC3333; border-top: #CC3333 1px solid; border-bottom: #CC3333 1px solid} td.filled {background: #CC6666} td.click {background: #33CC33} td.show {background: #3333CC} /*--------------------------> SEARCH */ #SearchResultsPage {width: 710px; padding: 0 15px 20px} #SearchResultsPage h1.title {position: relative; margin: 0 -15px 15px} #SearchResultsPage .info {padding: 10px 0 20px; font-size: 14px} #SearchResultsPage .item {padding: 5px; margin: 5px 0} #SearchResultsPage .item .num {float: left; width: 30px; font-size: 14px; color: #777; text-align: right} #SearchResultsPage .item .name {margin-left: 45px; font-size: 12px} #SearchResultsPage .item .name strong {font-size: 14px; font-weight: normal} #SearchResultsPage .item .name strong a {color: #3399ff; text-decoration: underline} #SearchResultsPage .item .name strong a:hover {color: #C00; text-decoration: none} #SearchResultsPage .item .name .grey {font-size: 12px; color: #777} #SearchResultsPage .item .name em {display: block; padding-top: 5px; color: #333; font-style: normal} .search-form { text-align: center; border: #FFF 4px solid; outline: #ffe991 2px solid; background: #fff2bd; padding: 12px 0 7px; } .search-form input {vertical-align: middle} .search-form .input_text {width: 500px; margin-right: 5px; font-size: 14px; padding: 1px 5px; color: #333} .search-form .input_text:focus {outline: 1px solid #6DA3BD} .search-form a {display: block; text-align: right; font-size: 11px; color: #555; margin: 5px 150px 0 0} .search-form a:hover {color: #C00} .search-extended { text-align: center; border: #FFF 4px solid; outline: #ffe991 2px solid; background: #fff2bd; padding: 12px 10px 7px; } .search-extended .form {font-size: 14px} .search-extended .form input {vertical-align: middle; width: 500px; margin-right: 5px; font-size: 14px; padding: 1px 5px; color: #333} .search-extended .form input:focus {outline: 1px solid #6DA3BD} .search-extended .left {float: left; width: 280px; padding-top: 20px; text-align: left; font-size: 12px; color: #333} .search-extended .right {float: right; width: 280px; padding-top: 20px; text-align: right; font-size: 12px; color: #333} .search-extended .right .s1 {width: 100px} .search-extended .right .s2 {width: 170px} .search-extended * strong {display: block; padding: 0 0 5px; font-size: 16px; font-weight: normal} .search-extended .btn {float: right; width: auto; padding-top: 15px} .search-extended a {display: block; float: left; font-size: 11px; text-align: none; color: #555; margin: 18px 150px 0 0} .search-extended a:hover {color: #C00; text-align: underline} /*--------------------------> End SEARCH */ /*--------------------------> SOCIAL (all true) */ #MenuUserRight {padding-top: 22px; line-height: 18px} #MenuUserRight img.userPhoto {position: relative; float: left; margin: -13px 10px 10px 70px; border: #ccc 1px solid} #MenuUserRight a.stat {display: block; text-decoration: none; color: #727272; font-weight: bold} #MenuUserRight a.stat img {border: none; vertical-align: middle; margin-right: 5px} #userInfoPage .right {display: inline; float: right; width: 480px; margin-top: 10px} #userInfoPage .right a.ava img {float: right; width: auto} #userInfoPage .right a.ava .ava, #userInfoPage .right * * a .ava {border: #DDD 1px solid} #userInfoPage .right strong.login {display: block; font-size: 18px; font-weight: bold; text-transform: uppercase} #userInfoPage .right strong.username {display: block; font-size: 14px; font-weight: bold} #userInfoPage .right em.status {display: block; padding-top: 10px; font-style: normal; font-size: 12px; color: #555} #userInfoPage .right strong.login .red {font-size: 12px; font-weight: normal} #userInfoPage .right span.lastvisit {display: block; padding-top: 10px; font-size: 12px; color: #333} #userInfoPage .right span.lastvisit span {color: #888} #userInfoPage .right .authslide {margin: 5px 0 0 !important; color: #444 !important; padding: 3px 5px !important} #userInfoPage .right .authpanel {margin: 0 !important} #userInfoPage .right .authpanel a {color: #333 !important} #userInfoPage .right .authpanel a:hover {color #C00 !important} #userInfoPage .right .subtitle, #userInfoPage .right * .subtitle {background: #eee; margin: 20px 0 10px; padding: 3px 5px; text-align: left; font-size: 12px; color: #444} #userInfoPage .right .subtitle a, #userInfoPage .right * .subtitle a {color: #555; text-decoration: none} #userInfoPage .right .subtitle a:hover, #userInfoPage .right * .subtitle a:hover {color: #C00; text-decoration: underline} #userInfoPage .right .info {padding-left: 80px; color: #666} #userInfoPage .right .split {padding-bottom: 10px} #userInfoPage .right .info a {color: #666; text-decoration: none} #userInfoPage .right .info a:hover {color: #C00; text-decoration: underline} #userInfoPage .right .detailed {padding: 10px 0 0 80px; color: #555} #userInfoPage .right h3.achievements {font-size: 12px; font-weight: bold; padding: 10px; color: #333} #userInfoPage .right * .subtitle a.all {float: right; width: auto; font-weight: normal} #userInfoPage .right .friendList .item {float: left; width: 102px; padding: 5px; margin: 0 3px; text-align: center} #userInfoPage .right .friendList .item a.user {display: block; font-size: 12px; font-weight: bold; padding-top: 5px} .userlistStat { width: 260px; margin-bottom: 15px; border: #999 1px dotted; padding-top: 15px; } .userlistStat h3.title {padding: 0 7px; font-size: 14px; font-weight: bold} .userlistStat .text {padding: 15px 7px; border-bottom: #ddd 5px solid; color: #555} .userlistStat .text strong {font-size: 12px} .userlistStat .text a {color: #3399ff; font-size: 12px} .userlistStat .text a:hover {color: #C00} #socialSettings {width: 710px; padding: 0 15px} #socialSettings form h3.title {font-size: 16px; font-weight: bold; margin: 15px 0; padding: 3px 5px; background: #EEE} #socialSettings form .line, #socialSettings form * .line {display: block; padding: 7px 15px; font-size: 12px} #socialSettings form .line input {vertical-align: middle} #socialSettings form * .line input {vertical-align: bottom} #socialSettings form .left {float: left; width: 333px; border: #999 1px dotted; padding: 5px} #socialSettings form .right {float: right; width: 333px; border: #999 1px dotted; padding: 5px} #socialSettings form * strong {display: block; padding: 2px 10px; background: #FFF; font-size: 14px} #socialSettings form .btn {padding-top: 15px; text-align: right} #socialFriends .navbar {background: #eed; padding: 5px 15px} #socialFriends .navbar span {font-size: 14px; color: #444; font-weight: bold} #socialFriends .navbar a { display: block; float: left; width: auto; padding: 2px 5px; margin: 0 5px; border: #ccc 1px solid; background: #eee; text-decoration: none; font-size: 12px; color: #333; cursor: pointer; } #socialFriends .navbar a:hover {background: #333; color: #FFF} #socialFriends .navbar a.active {background: #333; color: #FFF; cursor: default} #socialFriends .navbar .search {float: right; width: auto} #socialFriends .navbar .search form .input_text {padding: 3px; border: 1px solid #999; width: 180px} #socialFriends .navbar .search form * {vertical-align: middle} #socialFriends .navbar .search form .btn {cursor: pointer} #socialFriends .friendsList, #socialFriends .onlineList, #socialFriends .newList, #socialFriends .results {padding: 20px 15px} #socialFriends .friendsList .gray, #socialFriends .onlineList .gray, #socialFriends .newList .gray, #socialFriends .results .gray, #socialEvents .gray {display: block; padding: 50px 100px; text-align: center; font-size: 12px} #socialFriends * .item {margin-bottom: 5px; border: #DDD 1px solid; padding: 5px} #socialFriends * .item a.ava {display: block; float: left; width: 110px; text-align: center; margin-right: 10px} #socialFriends * .item a.ava .ava {border: #CCC 1px solid} #socialFriends * .item .right {float: right; width: auto; text-align: right} #socialFriends * .item .right a {display: block; text-decoration: none} #socialFriends * .item .userinfo {margin: 0 80px 0 120px} #socialFriends * .item .userinfo strong {font-size: 14px} #socialFriends * .item .userinfo em {display: block; font-weight: bold; font-style: normal; font-size: 12px; padding-bottom: 7px} #socialFriends * .item .userinfo .grey {color: #777} #socialFriends * .item .userinfo .status {display: block; padding-bottom: 7px; color: #555} #socialFriends * .item .userinfo .accur {display: block; padding: 0 0 10px} #socialFriends * .item .userinfo .accur a {color: #777} #socialFriends * .item .userinfo .accur a:hover {color: #000; background: #CCC} #socialFriends * .item .userinfo .lastvizit {display: block} #socialFriends * .item .userinfo .lastvizit span {color: #777} #socialEvents {width: 740px} #socialEvents h2.theme {background: #eed; padding: 5px 15px; font-size: 14px; color: #444; font-weight: bold} #socialEvents .item {padding: 5px; margin: 10px 0; border: #DDD 1px solid} #socialEvents .item .right {display: block; text-align: right; font-size: 10px; color: #777} #socialEvents .item .right img {vertical-align: middle; margin: 0 5px} #socialEvents .item .right .socialEventsDelete {cursor: pointer} #socialEvents .item .avatar {display: block; float: left; width: 100px; text-align: center; margin-right: 15px} #socialEvents .item .event {display: block; padding: 10px 30px 0 0; font-size: 12px} #socialEvents .item .event a {color: #3399ff; text-decoration: underline} #socialEvents .item .event a:hover {color: #C00; text-decoration: none} /*--------------------------> END SOCIAL */ /*--------------------------> CATALOG */ div.accurate_item{ margin:3px; padding:2px; background-color:#EEEEEE; border:1px solid #CCCCCC; } div.accurate_item_left{ float:left; padding:3px 5px 3px 5px; } div.accurate_item_right{ text-align:right; padding:1px; } input.accurate_item_button{ border:1px solid #CC3300; color:#CC3300; background-color:#FFFFFF; height:15px; width:15px; font-size:9px; } div.accurate_form{ white-space:nowrap; margin:3px; padding:2px; background-color:#EEEEEE; border:1px solid #CCCCCC; } div.accurate_form select { border: #333333 1px solid; background: #FFF; font-size: 11px; font-family: Tahoma; } div.accurateForm {margin: 0 85px 0 15px; text-align: right} /*--------------------------> TRUE CATALOG */ #menuPlacesIndex, #menuToursIndex, #menuShopsIndex {width: 740px} #menuPlacesIndex h2.title, #menuToursIndex h2.title, #menuShopsIndex h2.title {margin: 15px 0} #menuPlacesIndex .random, #menuToursIndex .random, #menuShopsIndex .random {display: inline; float: left; width: 405px; padding: 0 15px 0; font-size: 12px} #menuPlacesIndex .random img, #menuToursIndex .random img, #menuShopsIndex .random img {float: left; width: auto; margin-right: 5px; border: #555 1px solid} #menuPlacesIndex .random a, #menuToursIndex .random a, #menuShopsIndex .random a {display: block; width: auto; padding-bottom: 5px; text-decoration: none; font-size: 17px; font-weight: bold} #menuPlacesIndex .random span, #menuToursIndex .random span, #menuShopsIndex .random span {display: block; margin-bottom: 10px; font-style: normal; font-size: 10px; color: #888} #menuPlacesIndex .random span {padding-bottom: 15px} #menuShopsIndex .random span {padding-bottom: 25px} #menuToursIndex .random span {padding-bottom: 12px} #menuPlacesIndex .other, #menuToursIndex .other, #menuShopsIndex .other {display: inline; float: left; width: 270px; padding: 0 15px 0 7px; background: url(http://yoltica.com/uploads/images/design/bg/hrv.gif) repeat-y left;} #menuPlacesIndex .other img, #menuToursIndex .other img, #menuShopsIndex .other img {float: left; width: auto; margin-bottom: 3px; border: #555 1px solid} #menuPlacesIndex .other a, #menuToursIndex .other a, #menuShopsIndex .other a {display: block; margin: 7px 0 5px 75px; font-size: 12px; font-weight: bold; text-decoration: none} #menuPlacesIndex .other em, #menuToursIndex .other em, #menuShopsIndex .other em {display: block; float: right; width: 180px; text-align: right; font-style: normal; font-size: 10px; color: #888} #menuAdsIndex {width: 740px} #menuAdsIndex h2.title {margin: 15px 0} #menuAdsIndex .item {float: left; width: 330px; padding: 5px; margin: 5px 0 0 15px} #menuAdsIndex .item span {display: block; float: left; width: 40px; height: 25px; font-size: 10px; color: #555} #menuAdsIndex .item a {display: block; text-decoration: none; font-weight: bold} #menuAdsIndex .item em {display: block; font-style: normal; color: #777} #ToursList {width: 710px; padding: 0 15px} #ToursList h2.title {position: relative; margin: 0 -15px 25px} #ToursList .menuCatTree {float: left; width: 180px} #ToursList .sort {float: right; width: auto; padding: 0 0 25px 0; font-size: 12px; font-weight: bold} #ToursList .sort a {font-weight: normal} #ToursList .sort a.sorted {padding: 2px 5px; background:url(http://yoltica.com/uploads/images/design/bg/anounsm_class.gif) repeat-x left; border: #ddd 1px solid; font-weight: bold; color: #000; text-decoration: none} #ToursList .item {padding: 5px; margin: 0 0 10px; border-bottom: #ddd 1px solid} #ToursList .item span {display: block; float: right; width: 150px; color: #555; font-size: 12px; font-weight: bold; text-align: center; padding-top: 10px} #ToursList .item a {display: block; margin: 0 160px 0 80px; font-size: 14px; font-weight: bold; text-decoration: none} #ToursList .item img {float: left; width: auto; margin: 10px 0 0; border: 1px solid #000} #ToursList .item em {display: block; margin: 5px 160px 0 80px; font-style: normal; color: #444} #ToursList .item .info {margin: 5px 160px 0 80px; color: #777} #ToursList h1.theme {font-size: 16px; font-family: Arial; font-weight: bold; margin-top: 15px; border-top: #e1e1e1 2px solid; padding-top: 10px} #ToursList .sub {padding: 10px 15px; color: #666} #ToursList .multiimage {float: right; width: auto; padding-left: 5px; margin-top: 25px} #ToursList .multiimage a img {padding: 3px; border: #c1c1c1 1px solid; margin-bottom: 5px} #ToursList .multiimage a:hover img {border: #000 1px solid} #ToursList .margin {margin-right: 220px} #tooltip { position: absolute; z-index: 99; width: 490px !important; height: 168px; overflow: hidden; border: 1px solid #888; background-color: #eee; color: #333; padding: 5px; } #tooltip h3.header { position: relative; background-color: #ccc; padding: 3px; font-size: 12px; font-size: 14px; font-weight: bold; font-family: Arial; margin: -5px -5px 0; } #AdsList .hide {padding: 5px; font-size: 11px} #tooltip img {border: #ddd 1px solid; float: right; width: auto; padding: 3px} #AdsList {width: 710px; padding: 0 15px} #AdsList h2.title {position: relative; margin: 0 -15px 25px} #AdsList a.add {display: block; float: right; margin-right: 150px; font-size: 16px; font-weight: bold; font-family: Arial; color: #c00; text-decoration: none} #AdsList a.add img {vertical-align: absmiddle; border: 0} #AdsList a.add:hover {color: #000} #AdsList .menuCatTree {margin-top: 2px; width: 240px; font-family: Tahoma} #AdsList .menuCatTree .optgroup {font-weight: bold; font-style: normal; font-size: 12px; background: #555; color: #fff} #AdsList .menuCatTree .optgroup option {background: #fff; color: #333; font-size: 12px; font-weight: normal; font-style: normal} #AdsList .sub {border-bottom: 1px solid #999; padding-bottom: 5px; margin-top: 15px; text-align: center} #AdsList .sub span, #AdsList .item span {display: block; float: left; color:#777} #AdsList .sub span.date, #AdsList .item span.date {width: 50px; text-align: center} #AdsList .sub span.ads {width: auto} #AdsList .sub span.cat, #AdsList .item span.cat {float: right; width: 120px; text-align: center} #AdsList .item {margin: 7px 0; padding: 3px 0} #AdsList .item a.adsItem {display: block; margin: 0 125px 0 55px; color: #0857a6; text-decoration: underline; font-size: 12px; font-weight: normal} #AdsList .item em {display: block; margin: 0 125px 0 55px; color: #555; font-style: normal} #AdsList .item em .user {text-transform: capitalize; color: #555} div#AdsList .anonsmArchiveDepends {padding: 40px 0 15px !important; font-size: 12px !important; color: #333 !important} div#AdsList .anonsmArchiveDepends a {color: #333 !important} div#AdsList .anonsmArchiveDepends a:hover {color: #c00 !important} #AdsList .adsDetailed {padding: 10px 0; border-top: #dde 3px solid; margin-top: 15px} #AdsList .adsDetailed .resize {float: right; margin: 0 0 15px 15px; border: #999 1px solid; padding: 3px} #AdsList .adsDetailed .theme {font-size: 16px; font-weight: bold; padding: 0 0 10px} #AdsList .adsDetailed .text {padding: 15px 0; border-bottom: #777 1px dotted} #AdsList .adsDetailed .author {float: left; width: auto; margin-top: 15px} #AdsList .adsDetailed .author a {color: #060; text-decoration: undeline} #AdsList .adsDetailed .author a:hover {color: #C00 1px solid} #AdsList .adsDetailed .date {float: right; width: auto; margin-top: 15px} #AdsAddPage {width: 710px; padding: 0 15px} #AdsAddPage h1.title {position: relative; margin: 0 -15px 15px} #AdsAddPage .form * .btn {padding-top: 15px; text-align: right} #AdsAddPage .form * .item {padding: 5px 0} #AdsAddPage .form * .item span.name {display: block; float: left; width: 130px; font-size: 12px; font-weight: bold; text-align: right} #AdsAddPage .form * .item .element {margin-left: 140px} #AdsAddPage .form * .item .element .select {width: 250px} #AdsAddPage .form * .item .element .editArea {width: 548px; height: 300px} #AdsAddPage .form * .item .element .input_text, #AdsAddPage .form * .item .element .textArea {width: 548px} #AdsAddPage .form * .item .element * .accurate_form select {width: 100px !important} #AdsAddPage .form * .item .element .imFormContainer {width: 545px !important} #AdsAddPage .form * .item .element .gray {display: block; font-size: 10px} #PlacesList {width: 710px; padding: 0 15px} #PlacesList h1.title {position: relative; margin: 0 -15px 25px} #PlacesList .sort {text-align: right; padding: 25px 0; font-size: 12px; font-weight: bold} #PlacesList .sort a {font-weight: normal} #PlacesList .sort a.sorted {padding: 2px 5px; background:url(http://yoltica.com/uploads/images/design/bg/anounsm_class.gif) repeat-x left; border: #ddd 1px solid; font-weight: bold; color: #000; text-decoration: none} #PlacesList .townsUserForm {border-bottom: #ddd 1px solid; margin-bottom: 10px} #PlacesList .item {padding: 5px; margin: 0 0 10px; border-bottom: #ddd 1px solid} #PlacesList .item span {display: block; float: right; width: 150px; color: #555; font-size: 12px; font-weight: bold; text-align: center; padding-top: 10px} #PlacesList .item a.title {display: block; margin: 0 160px 0 90px; font-size: 14px; font-weight: bold; text-decoration: none} #PlacesList .item a img {float: left; width: auto; margin: 5px 0 0; border: 1px solid #D1D1D1; padding: 3px} #PlacesList .item em {display: block; margin: 5px 160px 0 90px; font-style: normal; color: #555} #PlacesList .item em.town {text-align: right; color: #000} #PlacesList .gray {display: block; padding: 50px 0; text-align: center} #PlacesList .item span input {margin: 3px 0} #PlacesDetailed {width: 710px; padding: 0 15px 20px} #PlacesDetailed h2.title {position: relative; margin: 0 -15px 25px} #PlacesDetailed h1.theme {font-size: 16px; font-family: Arial; font-weight: bold; margin-top: 15px; padding-top: 10px} #PlacesDetailed .sub {padding: 10px 15px; color: #666} #PlacesDetailed .multiimage {float: right; width: auto; padding-left: 5px; margin-top: 25px} #PlacesDetailed .multiimage a img {padding: 3px; border: #c1c1c1 1px solid; margin-bottom: 5px} #PlacesDetailed .multiimage a:hover img {border: #000 1px solid} #PlacesDetailed .multiimage a .map {display: block; margin: 2px 0 5px; text-align: center; font-size: 12px; font-weight: bold} #PlacesDetailed .url, #PlacesDetailed .date {float: right; width: auto; padding-top: 15px; font-weight: bold; font-size: 12px} #PlacesDetailed .date {float: left} #PlacesDetailed .url a, #PlacesDetailed .date span {font-weight: normal} #ShopsList {width: 710px; padding: 0 15px} #ShopsList h1.title {position: relative; margin: 0 -15px 25px} #ShopsList .townsUserForm {border-bottom: #ddd 1px solid; margin-bottom: 10px} #ShopsList .item {padding: 5px; margin: 0 0 10px; border-bottom: #ddd 1px solid} #ShopsList .item span {display: block; float: right; width: 150px; color: #555; font-size: 12px; font-weight: bold; text-align: center; padding-top: 10px} #ShopsList .item a.title {display: block; margin: 0 160px 0 80px; font-size: 14px; font-weight: bold; text-decoration: none} #ShopsList .item a img {float: left; width: auto; border: 1px solid #D1D1D1} #ShopsList .item em {display: block; margin: 5px 160px 0 80px; font-style: normal; color: #444} #ShopsDetailed {width: 710px; padding: 0 15px 20px} #ShopsDetailed h2.title {position: relative; margin: 0 -15px 25px} #ShopsDetailed h1.theme {font-size: 20px; font-family: Arial; font-weight: bold} #ShopsDetailed .town {display: block; padding-bottom: 15px; font-size: 12px; color: #666} #ShopsDetailed .town .scheme {text-transform: upperscape; color: #666; text-decoration: none; background: #EEE} #ShopsDetailed .town .scheme:hover {background: #555; color: #FFF} #ShopsDetailed .shoplogo {float: right; width: auto; border: #777 1px dotted} #ShopsDetailed .sub {padding-left: 30px} #ShopsDetailed .sub span {display: block; margin: 5px 0; font-size: 16px; font-weight: bold; font-family: Arial; color: #9D9D9D} #ShopsDetailed .sub span img {vertical-align: middle} #ShopsDetailed .sub span a {font-size: 16px; font-weight: bold; font-family: Arial; color: #9D9D9D; text-decoration: none} #ShopsDetailed .sub span a:hover {text-decoration: underline} #ShopsDetailed .text {padding-top: 15px; font-size: 12px} #OrgList {width: 710px; padding: 0 15px} #OrgList h1.title {position: relative; margin: 0 -15px 25px} #OrgList .sort {text-align: right; padding: 25px 0; font-size: 12px; font-weight: bold} #OrgList .sort a {font-weight: normal} #OrgList .sort a.sorted {padding: 2px 5px; background:url(http://yoltica.com/uploads/images/design/bg/anounsm_class.gif) repeat-x left; border: #ddd 1px solid; font-weight: bold; color: #000; text-decoration: none} #OrgList .item {padding: 5px; margin: 0 0 10px; border-bottom: #ddd 1px solid} #OrgList .item strong {display: block; float: right; width: auto; color: #555; font-size: 16px; font-weight: bold} #OrgList .item span {display: block; text-align: right;color: #777; font-size: 12px} #OrgList .item a.title {display: block; margin: 0 160px 0 90px; font-size: 14px; font-weight: bold; text-decoration: none} #OrgList .item a img {float: left; width: auto; border: 1px solid #D1D1D1; padding: 3px} #OrgList .item em {display: block; margin: 5px 160px 0 90px; font-style: normal; color: #444} #OrgList .gray {display: block; padding: 50px 0; text-align: center} #OrgList .item .btn {display: block; float: right; width: 150px; text-align: center} #OrgList .item .btn input {margin: 3px 0} #OrgDetailed {width: 710px; padding: 0 15px 25px} #OrgDetailed h2.title {position: relative; margin: 0 -15px 25px} #OrgDetailed .logo {float: left; width: auto; border: #999 1px solid; padding: 3px; margin-right: 15px} #OrgDetailed .abbr {display: block; float: right; width: auto; font-size: 22px; font-weight: bold; font-family: Arial} #OrgDetailed .name {font-size: 16px; font-weight: bold; font-family: Arial; padding-bottom: 5px} #OrgDetailed .other {display: block; font-size: 13px; font-weight: bold; color: #777; font-style: normal} #OrgDetailed .location {display: block; font-size: 12px; font-weight: normal; text-align: center; padding-top: 15px} #OrgDetailed .sub {display: block; margin-left: 195px; padding: 15px 15px 0} #OrgDetailed .sub strong {font-size: 12px} #OrgDetailed .sub2 {display: block; padding: 15px 15px 0} #OrgDetailed .sub2 strong {font-size: 12px} #OrgDetailed .text {padding: 15px 15px 0; font-size: 12px} #OrgDetailed .text h3 {font-size: 12px; padding-bottom: 7px} #PlacesDetailed a.back, #OrgDetailed a.back {display: block; float: left; width: auto; padding-top: 15px; color: #000; font-size: 12px} #PlacesDetailed a.back:hover, #OrgDetailed a.back:hover {text-decoration: none; color: #c00} .menuSameContent {width: 710px; padding: 0 15px 25px} .menuSameContent h2.title {position: relative; margin: 0 -15px 25px} .menuSameContent .item {padding: 5px; margin: 0 0 10px} .menuSameContent .item span {display: block; float: right; width: 150px; color: #555; font-size: 12px; font-weight: bold; text-align: center; padding-top: 10px} .menuSameContent .item a {display: block; margin: 0 160px 0 80px; font-size: 14px; font-weight: bold; text-decoration: none} .menuSameContent .item img {float: left; width: auto; margin: 10px 0 0; border: 1px solid #000} .menuSameContent .item em {display: block; margin: 5px 160px 0 80px; font-style: normal; color: #444} .menuSameContent .item .info {margin: 5px 160px 0 80px; color: #777} /*--------------------------> END TRUE */ /*--------------------------> TECHDOCS */ .PageTechdocsList {width: 740px} .PageTechdocsList h1.title {margin-bottom: 15px} .PageTechdocsList stong {padding-bottom: 12px; color: #C00} .PageTechdocsList em.error {font-style: normal; padding: 30px; color: #c00; font-weight: bold; font-size: 12px} .PageTechdocsList .item {padding: 20px 5px 12px; margin: 0 5px; background: url(http://yoltica.com/uploads/images/design/bg/hrh2.gif) repeat-x bottom} .PageTechdocsList .item span {display: block; float: right; width: 140px; text-align: center; font-size: 14px; font-weight: bold; color: #777} .PageTechdocsList .item a {display: block; margin-right: 150px; padding-bottom: 8px; font-size: 14px; font-weight: bold; text-decoration: none} .PageTechdocsList .item a:hover {text-decoration: underline} .PageTechdocsList .item em {display: block; margin-right: 150px; color: #666; font-size: 11px; font-style: normal} .PageTechdocsList .hightlight {background: #e7e7e7 url(http://yoltica.com/uploads/images/design/bg/hrh2.gif) repeat-x bottom} .PageTechdocsList .hightlight a, .PageTechdocsList .hightlight em {color: #751818} .PageTechdocs {width: 740px; overflow: hidden; padding-bottom: 15px} .PageTechdocs h2.title {margin-bottom: 15px} .PageTechdocs h1.theme {font-size: 16px; font-weight: bold} .PageTechdocs .sub {color: #777; padding: 15px 20px 15px 0} .PageTechdocs .sub span {font-size: 12px; font-weight: bold} .PageTechdocs .sub a {color: #0000d8; text-decoration: underline; font-size: 12px} .PageTechdocs .sub a:hover {color: #c00; text-decoration: none} .PageTechdocs .text {padding: 15px 10px} .PageTechdocs .load {width: 250px; margin: 0 auto; padding: 5px; background: #e1e1e1; border: #555 1px dotted; text-align: center} .PageTechdocs .load img {border: 0; vertical-align: middle} .PageTechdocs a.back {display: block; float: left; padding-top: 10px; font-size: 12px} #MenuTechdocsIndex {float: right; width: 310px} #MenuTechdocsIndex h2 {margin: 15px 0 10px 0} #MenuTechdocsIndex ul {margin: 0; padding: 0} #MenuTechdocsIndex ul li {display: block; margin: 3px 0 3px 15px; padding: 5px 0 5px 15px; background: url(http://yoltica.com/uploads/images/design/icon_bullet.gif) left no-repeat; list-style: none} #MenuTechdocsIndex ul li a {text-decoration: none} #MenuTechdocsIndex ul li a:hover {text-decoration: underline} /*--------------------------> END TECHDOCS */ /*--------------------------> ACCURATE */ .accurSize10 {font-size: 10px; white-space: nowrap} .accurSize11 {font-size: 11px; white-space: nowrap} .accurSize12 {font-size: 12px; white-space: nowrap} .accurSize13 {font-size: 13px; white-space: nowrap} .accurSize14 {font-size: 14px; white-space: nowrap} .accForm{ width: 500px; border: 1px solid #AAA; } .accSelectedItems{ padding: 2px; } .accSelectedItem{ margin: 1px; padding: 2px; text-align: right; background: #EEE; border: 1px solid #CCC; } .accSelectedItem div{ float: left; padding: 2px; text-align: left; } .accNoItems{ padding: 20px; text-align: center; color: #CCC; } .accAddForm{ padding: 2px; border: 1px solid #CCC; } .accAddForm select{ width: 110px; } .accAddForm .accAddButton{ width: 40px; } .accLoader{ position: absolute; z-index: 3; text-align: center; vertical-align: middle; background-color: #CCC; opacity: 0.6; }/*--------------------------> COMMENTS (all true) */ .CommentArea {position: relative; border: 1px solid #cdd0cf; margin-top: 30px; padding: 5px 5px 5px 25px; width: 710px} .CommentArea h3.titleR {margin: -25px 0 5px -10px; position: relative} .CommentArea form div.text {padding: 10px 20px 15px 30px; float: left; width: 560px} .CommentArea form div.text .textarea {padding: 3px 5px} .CommentArea form div.text .textarea#story {width: 100%; height: 170px; border: 1px solid #DDD; padding: 4px} .CommentArea form div.btn {text-align: right; padding: 10px 30px 10px 0; float: right; width: 70px} .CommentArea form div.btn input {margin: 2px 0} .CommentAdd {background: #fff3c9} .CommentAdd h3 {font-size: 14px} .CommentArea .comItem {position: relative; margin: 15px 0 0 -20px; padding: 5px 0} .CommentArea .comItem div.title {padding: 0 5px 5px; border-bottom: #999 2px solid; font-size: 12px} .CommentArea .comItem div.title a {color: #248fdc} .CommentArea .comItem div.title div.date {float: right; width: auto; color: #666; font-size: 11px} .CommentArea .comItem div.title div.date a {cursor: pointer; text-decoration: none; color: #248fdc} .CommentArea .comItem div.title div.date a:hover {color: #c00} .CommentArea .comItem div.title div.date a img {border: 0; vertical-align: middle} .CommentArea .comItem div.left {display: inline; float: left; width: 150px; padding-top: 10px; text-align: center} .CommentArea .comItem div.left a img.avatar {border: #888 1px solid} .CommentArea .comItem div.text {padding-top: 10px} .CommentArea .comItem div.text span {color: #888} .CommentArea .comItem div.text form .area {float: left; width: 460px} .CommentArea .comItem div.text form .area .textarea {padding: 3px 5px; width: 100%; height: 80px} .CommentArea .comItem div.text form .btn2 {float: right; width: 70px; padding: 40px 30px 0 0; text-align: center} .CommentArea .comItem div.text form .btn2 input {margin: 2px 0} /*--------------------------> USER MENU */ #mLinkBox { float: left; width: 230px; padding-top: 15px; margin-left: 15px; text-align: center; font-size: 12px; } #mLinkBox a.map {display: block; padding: 7px 0; font-size: 16px; font-weight: bold; text-decoration: none} #mLinkBox a.map:hover {color: #bd1313} div.simple_text_field {float: left} .MenuYandexDirect {margin: 15px 0} #MenuSubscribe {margin-bottom: 15px} #MenuSubscribe form ul {margin: 0; padding: 0} #MenuSubscribe form ul li {list-style: none; margin: 5px 0 2px 20px} #MenuSubscribe form div.btn {padding-top: 15px; text-align: center} .yOptMenuBox {width: 500px; margin: 0 auto; padding-top: 15px; text-align: left} .yOptMenuBox a.optionmenu { display: block; float: left; width: auto; padding: 2px 5px; margin: 0 5px 15px; border: #ccc 1px solid; background: #eee; text-decoration: none; font-size: 12px; color: #333; } .yOptMenuBox a.optionactive, .yOptMenuBox a.optionmenu:hover {background: #333; color: #FFF} /*--------------------------> CONTENT */ #menuAnounsmIndex {width: 740px} #menuAnounsmIndex h1.title {margin-bottom: 15px} #menuAnounsmIndex .vip {display: inline; float: left; width: 415px; padding: 0 5px 0} #menuAnounsmIndex .vip a {text-decoration: none} #menuAnounsmIndex .vip a img {float: left; width: auto; margin-right: 5px; border: #555 1px solid} #menuAnounsmIndex .vip a strong {display: block; width: auto; font-size: 17px; padding-bottom: 35px} #menuAnounsmIndex .vip span {display: block; width: auto; text-align: center; margin-bottom: 35px; font-size: 24px; color: #888; font-weight: bold} #menuAnounsmIndex .vip i {display: block; width: auto; font-style: normal; color: #888} #menuAnounsmIndex .vip em {display: block; width: auto; margin: 7px 0 0 205px; padding-top: 10px; background: url(http://yoltica.com/uploads/images/design/bg/hrh.gif) repeat-x top; font-style: normal; font-size: 11px; font-weight: bold} #menuAnounsmIndex .other {display: inline; float: left; width: 270px; padding: 0 15px 0 7px; background: url(http://yoltica.com/uploads/images/design/bg/hrv.gif) repeat-y left;} #menuAnounsmIndex .other span {display: block; float: left; width: 45px; font-size: 10px; color: #888} #menuAnounsmIndex .other a {display: block; font-size: 12px; font-weight: bold; text-decoration: none} #menuAnounsmIndex .other em {display: block; width: 100%; padding-bottom: 2px; text-align: right; font-style: normal; font-size: 10px; color: #888} .menuArticleIndex {display: inline; float: left; width: 380px; margin-top: 15px} .menuArticleIndex .title {margin-bottom: 15px} .menuArticleIndex a.item { display: block; margin: 0 15px 0 20px; padding: 6px 15px; background: url(http://yoltica.com/uploads/images/design/icon_bullet.gif) left no-repeat; text-align: left; text-decoration: none; font-size: 12px; } .menuNewsIndex {display: inline; float: left; width: 340px; margin: 15px 0 0 10px} .menuNewsIndex .title {margin-bottom: 15px} .menuNewsIndex a img {float: left; width: auto; border: #555 1px solid; margin-bottom: 5px} .menuNewsIndex a {font-size: 12px; text-decoration: none} .menuNewsIndex a.other strong {display: block; padding: 15px 0 0 5px; height: 54px; overflow: hidden; background: url(http://yoltica.com/uploads/images/design/bg/hrh.gif) repeat-x bottom; font-weight: normal} .menuNewsIndex a.vip {display: block; padding: 15px 0 0 5px; height: 54px; overflow: hidden; background: url(http://yoltica.com/uploads/images/design/bg/hrh.gif) repeat-x bottom} .menuNewsIndex a.vip strong {display: block; margin: 0 0 10px} .menuNewsIndex a.vip em {display: block; float: right; text-align: right; font-size: 10px; font-style: normal; color: #888} .menuNewsIndex a.vip {background: url(http://yoltica.com/uploads/images/design/bg/hrh.gif) repeat-x bottom} #PageArticleList {width: 740px; display: inline} #PageArticleList h1.title {margin-bottom: 15px} #PageArticleList .item {padding: 20px 0 12px; background: url(http://yoltica.com/uploads/images/design/bg/hrh2.gif) repeat-x bottom} #PageArticleList .item a {display: block; padding-bottom: 8px; font-size: 16px; text-decoration: none} #PageArticleList .item a:hover {text-decoration: underline} #PageArticleList .item a img {vertical-align: middle} #PageArticleList .item a span.count {display: inline; font-size: 12px; font-weight: normal; color: #555} #PageArticleList .item a:hover span.count {text-decoration: none; color: #555} #PageArticleList .item em {display: block; float: right; width: 170px; padding: 10px 10px 0 0; font-size: 13px; color: #555; font-weight: bold; font-style: normal; text-align: right} #PageArticleList .item span {display: block; margin-right: 200px; color: #666; font-size: 11px} #PageArticleList .hightlight {background: #e7e7e7 url(http://yoltica.com/uploads/images/design/bg/hrh2.gif) repeat-x bottom} #PageArticleList .hightlight a, #PageArticleList .hightlight span {color: #751818} #PageArticle {width: 710px; padding: 0 15px 20px; overflow: hidden} #PageArticle h2.title {position: relative; margin: 0 -15px 15px} #PageArticle h1.theme {display: block; font-size: 18px; font-weight: bold; font-family: Arial} #PageArticle span.date {padding-bottom: 12px; font-size: 12px; color: #888} #PageArticle div.text {padding: 10px 0; font-size: 12px} #PageArticle div.text img {margin: 10px} #PageArticle a.author {display: block; float: right; width: auto; color: #888} #PageArticle a.back {display: block; float: left; width: auto; color: #000} #PageArticle a.back:hover, #PageArticle a.author:hover {text-decoration: none; color: #c00} .MenuSameContent {width: 740px; margin-top: 15px} .MenuSameContent h2.title {margin-bottom: 15px} .MenuSameContent .item {margin: 5px 0 0 15px; padding: 5px} .MenuSameContent .item a {display: block; color: #444; margin-left: 100px; font-weight: bold; text-decoration: none; font-size: 12px} .MenuSameContent .item em {display: block; float: left; width: 100px; color: #555; font-style: normal} .MenuSameContent .item strong {display: block; float: right; width: 220px; color: #777; font-weight: normal} .MenuSameContent .item span {display: block; margin-left: 100px; color: #999} .MenuSameContent .item span.anounsm {margin-right: 230px} #PageAnnounsm {width: 740px; padding-bottom: 20px} #PageAnnounsm h2.title {margin-bottom: 15px} #PageAnnounsm a.subscribe {float: left; width: 300px; padding-right: 15px; font-weight: bold; font-size: 12px; color: #07a2dd; text-align: center; text-decoration: undeline} #PageAnnounsm a.subscribe:hover {text-decoration: none; color: #c00} #PageAnnounsm div.location {font-size: 12px; color: #666; padding-bottom: 15px} #PageAnnounsm div.image {display: inline; float: left; width: 302px; height: 302px; overflow: hidden; background: url(http://yoltica.com/uploads/images/design/bg/announsm_detailed.gif) no-repeat top left} #PageAnnounsm div.image img {border: #888 1px solid} #PageAnnounsm div.info {display: inline; float: right; width: 390px; height: 275px; overflow: hidden; padding: 25px 15px 0 25px; text-align: center} #PageAnnounsm div.info h1 {font-size: 22px; font-weight: bold; color: #333; padding-bottom: 15px} #PageAnnounsm div.info span {display: block; color: #881215} #PageAnnounsm div.info span.date {padding-bottom: 5px; font-size: 16px; font-weight: bold} #PageAnnounsm div.info span.duration {font-size: 13px} #PageAnnounsm div.info div {margin-top: 15px; padding-top: 25px; border-top: #999 1px solid; font-size: 16px; color: #888; font-weight: bold} #PageAnnounsm div.text {padding: 15px} #PageAnnounsm a.back {float: left; width: auto; padding: 15px 0 0 15px; font-size: 12px; color: #07a2dd; text-decoration: undeline} #PageAnnounsm a.back:hover {text-decoration: none; color: #c00} #PageAnnounsm .authslide {text-align: right; padding-right: 30px} #PageNewsList {width: 740px; padding-bottom: 10px} #PageNewsList h1.title {margin-bottom: 15px} #PageNewsList .vip {margin: 10px 15px 0; background: #ebe9ea} #PageNewsList .vip a.image {display: block; float: left; width: auto} #PageNewsList .vip a.image img {border: #888 1px solid; padding: 2px} #PageNewsList .vip a.image:hover img {border: #c00 1px solid} #PageNewsList .vip .text {margin-left: 150px; padding-top: 10px; font-size: 12px} #PageNewsList .vip .text a.title {display: block; font-family: Arial; font-size: 14px; padding-bottom: 10px; font-weight: bold; text-decoration: none} #PageNewsList .vip .text a.title:hover {text-decoration: underline} #PageNewsList .vip span.info {display: block; float: right; width: auto; padding: 20px 15px 0 0; color: #888} #PageNewsList .item {margin: 15px 15px 0; padding: 5px 5px 10px; border-bottom: #ccc 1px solid; font-size: 12px} #PageNewsList .item a.title {display: block; position: relative; background: #e2e2e2; font-size: 13px; padding: 3px; margin: 0 -5px 10px; font-weight: bold; text-decoration: none} #PageNewsList .item span.info {display: block; padding-bottom: 12px; color: #8fa6af; font-size: 11px} #PageNews {width: 710px; padding: 0 15px 20px} #PageNews h2.title {position: relative; margin: 0 -15px 15px} #PageNews h1.theme {display: block; font-size: 18px; font-weight: bold; font-family: Arial} #PageNews span.info {display: block; padding: 10px 0; font-size: 12px; color: #888} #PageNews .image {border:#000 1px solid; margin-right: 10px; float: left; width: auto} #PageNews .text {padding-bottom: 15px} #PageNews a.right {display: block; float: right; width: auto; color: #000} #PageNews a.back {display: block; float: left; width: auto; color: #000} #PageNews a.right:hover, #PageNews a.back:hover {text-decoration: none; color: #c00} #PageAnounsmList {width: 740px; padding-bottom: 15px} #PageAnounsmList h1.title {margin-bottom: 15px} #PageAnounsmList .vip {float: left; width: 330px; margin: 5px; text-align: center; padding: 10px; height: 170px; background: url(http://yoltica.com/uploads/images/design/bg/anounsm_vip.jpg) left top no-repeat} #PageAnounsmList .vip a img {float: left; width: auto; border: #000 1px solid; margin-right: 10px} #PageAnounsmList .vip span {display: block; font-size: 13px; color: #505050; padding: 15px 0; font-weight: bold} #PageAnounsmList .vip a.title {font-size: 14px; text-decoration: none; font-weight: bold} #PageAnounsmList .vip div.text {text-align: left; height: 30px; margin: 10px} #PageAnounsmList .vip div.addr {font-size: 10px; text-align: right; color: #929292} #PageAnounsmList .calendar {background: #edebec url(http://yoltica.com/uploads/images/design/bg/anounsm_class.gif) repeat-x left; padding: 10px; margin: 15px 0; border: #dbdad8 1px solid} #PageAnounsmList .calendar .left {float: left; width: auto} #PageAnounsmList .calendar .right {float: right; width: auto} #PageAnounsmList .calendar a {padding: 10px; font-size: 12px; text-decoration: none; cursor: pointer} #PageAnounsmList .calendar a:hover {background: #dadada; color: #bd1313} #PageAnounsmList a.showhide {display: block; float: left; width: auto; padding-top: 15px} #PageAnounsmList .sort {padding: 15px 0 25px; text-align: right; font-weight: bold} #PageAnounsmList .sort a {font-weight: normal} #PageAnounsmList .sort a.sorted {padding: 2px 5px; background:url(http://yoltica.com/uploads/images/design/bg/anounsm_class.gif) repeat-x left; border: #ddd 1px solid; font-weight: bold; color: #000; text-decoration: none} .anonsmArchiveDepends {text-align: center; padding: 10px 0; color: #c00; font-size: 14px; font-weight: bold} .anonsmArchiveDepends a {text-decoration: underline; color: #c00} .anonsmArchiveDepends a:hover {text-decoration: none; color: #000} .DependsEmpty {padding: 50px 0 70px; text-align: center; font-size: 12px; color: #777} #PageAnounsmList .item {margin-bottom: 10px; border-bottom: #ddd 1px solid; height: 64px} #PageAnounsmList .item .dateclass {float: left; height: 65px; margin: 0 10px 0 0; width: 80px; overflow: hidden; text-align: center; font-size: 11px} #PageAnounsmList .item .dateclass .date {display: block; background: url(http://yoltica.com/uploads/images/design/bg/anounsm_class.gif) repeat-x left; border: #ccc 1px solid; padding: 4px 0; margin-bottom: 2px; color: #604f79} #PageAnounsmList .item .dateclass .class {display: block; background: url(http://yoltica.com/uploads/images/design/bg/anounsm_class.gif) repeat-x bottom; border: #ccc 1px solid; color: #777; height: 33px; padding-top: 5px} #PageAnounsmList .item .dateclass .class span {display: block} #PageAnounsmList .item a {display: block; float: left; height: 55px; margin-right: 10px; width: 180px; padding: 10px 0 0 10px; font-size: 12px; font-weight: bold} #PageAnounsmList .item .text {float: left; height: 60px; margin-right: 10px; width: 250px; padding: 5px 0 0 10px} #PageAnounsmList .item .location {float: left; height: 65px; margin-right: 10px; width: 150px; color: #555; font-size: 10px} #pageSingle {width: 710px; padding: 0 15px 25px} #pageSingle h1.title {position: relative; margin: 0 -15px 15px} /*--------------------------> END TRUE */ /*--------------------------> USERS (all true) */ #authLoginForm {display: block; line-height: 22px; text-align: right; padding-right: 35px; margin-bottom: 15px} #authLoginForm .input_text {width 140px} .MenuForumLast {display: block; padding-bottom: 20px; text-align: left} .MenuForumLast .item {padding: 5px 0; margin: 7px 10px; border-bottom: #888 1px solid} .MenuForumLast .item a {display: block; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: lowercase} .MenuForumLast .item a:hover {text-decoration: underline} .MenuForumLast em {float: left; padding: 5px 10px 0 0; color: #999; font-size: 10px; font-style: normal} .MenuForumLast span {float: right; padding: 5px 0 0 10px; color: #999; font-size: 10px} #userInfoPage {width: 710px; padding: 0 15px} #userInfoPage h1.title {position: relative; margin: 0 -15px} #userInfoPage .left { display: inline; float: left; width: 210px; margin: 10px 0; padding-right: 5px; border-right: #777 1px dotted; } #userInfoPage .left .avatar {border-bottom: #777 1px dotted; padding-bottom: 7px; text-align: center} #userInfoPage .left .avatar a img {margin: 0 auto 15px; padding: 3px; border: #ccc 1px solid} #userInfoPage .left .avatar a:hover img {border: #333 1px solid} #userInfoPage .left .avatar strong {display: block; font-size: 14px; font-weight: bold} #userInfoPage .left .avatar em {display: block; font-style: normal; color: #777; font-size: 11px} #userInfoPage .left .buttons {padding: 10px 0; border-bottom: #777 1px dotted; background: #eee; text-align: center} #userInfoPage .left .buttons div {display: inline} #userInfoPage .left .buttons div a {text-decoration: none; font-weight: bold} #userInfoPage .left .buttons div a img {margin: 0 5px; vertical-align: middle} #userInfoPage .left .buttons div.first {border-right: 1px dotted #777; padding: 10px 5px 13px 0} #userInfoPage .left .buttons div.second {padding-left: 10px} #userInfoPage .left .info {padding: 10px 0 0 10px} #userInfoPage .left .info img {border: 0; vertical-align: middle} #userInfoPage .left .info span {color: #777} #userInfoPage .left .info .hr {display: block; height: 1px width: 78px; border: 0; margin: 7px 0} #userInfoPage .left .info .count {margin-left: 30px; vertical-align: middle} #userInfoPage .left .info a {text-decoration: none; font-size: 12px; font-weight: bold} #userInfoPage .left .bottom {padding: 10px 0 10px 10px; margin-bottom: 10px; border-bottom: #777 1px dotted} .authpanel {background: #ededed; display: none; padding: 12px 0 12px 20px; margin: 0 5px} .authpanel a {color: #c00} .authslide { display: block; background: #e5e5e5 url(http://yoltica.com/uploads/images/design/plus.gif) no-repeat right; text-align: left; padding: 5px 10px; text-decoration: none; font-size: 12px; font-weight: bold; cursor: pointer; margin: 5px 5px 0; } .authActive {background: #e5e5e5 url(http://yoltica.com/uploads/images/design/minus.gif) no-repeat right} #usersList {width: 435px; padding: 0 15px} #usersList h1.title {position: relative; margin: 0 -15px 15px} #usersList .search {text-align: right; padding-bottom: 15px} #usersList .search form .input_text {width: 180px; padding: 2px} #usersList .online {padding-bottom: 15px} #usersList .online input {vertical-align: middle} #usersList .online strong {font-size: 12px} #usersList .depends {text-align: center; padding: 10px 0; font-weight: bold; font-size: 12px} #usersList .empty {text-align: center; padding: 50px 0; color: #C00} #usersList ul {list-style: none; margin: 0; padding: 0} #usersList ul li {margin: 0 0 5px; padding: 5px; border: #ddd 1px solid} #usersList ul li a.avatar {display: block; float: left; width: 100px; margin-right: 10px; text-align: center} #usersList ul li .add {display: block; float: right; width: auto; text-align:right} #usersList ul li .add a {display: block; color: #555} #usersList ul li .add a:hover {color: #c00} #usersList ul li a.user {font-size: 16px; font-weight: bold; color: #333; text-transform: uppercase; text-decoration: none} #usersList ul li a.user:hover {color: #C00} #usersList ul li .status {display: block; color: #777; padding: 7px 0; font-size: 12px} #usersList ul li .item {display: block; color: #555} #usersList ul li .accurate {display: block; margin: 10px 0 0 110px; padding-top: 5px; border-top: #999 1px dotted} #usersList ul li .accurate a {color: #777} #usersList ul li .accurate a:hover {color: #000; background: #CCC} #EditPage, #RegPage {width: 710px; padding: 0 15px} #EditPage .title, #RegPage .title {position: relative; margin: 0 -15px 15px} #EditPage form * .name, #RegPage form * .name {display: block; float: left; width: auto; padding-right: 10px; text-align: right; font-size: 12px; font-weight: bold} #EditPage form * * .info, #RegPage form * * .info {display: block; font-size: 10px; color: #999; font-weight: normal} #EditPage form .item, #RegPage form .item {margin-top: 6px; padding: 5px} #EditPage form .item .name, #RegPage form .item .name {display: inline; width: 130px} #EditPage form .item .text, #RegPage form .item .text {display: inline; float: left; width: 520px} #EditPage form .item .text .input_text, #RegPage form .item .text .input_text {width: 100%} #EditPage form .item .text .pass, #RegPage form .item .text .pass {float: left; width: 70px} #EditPage form .item .text .line, #RegPage form .item .text .line {float: left; width: auto; margin: 0 0 5px 10px} #EditPage form .item .text .line input, #RegPage form .item .text .line input {width: 150px} #EditPage form .item .text .select, #RegPage form .item .text .select {width: 250px} #EditPage form .item .text .date, #RegPage form .item .text .date {width: 100px} #EditPage form .item .text a, #RegPage form .item .text a {cursor: pointer} #EditPage form .item .text a img, #RegPage form .item .text a img {vertical-align: middle} #EditPage form .item .text .editarea, #RegPage form .item .text .editarea {width: 100%; height: 180px} #EditPage form .item .text .txtarea, #RegPage form .item .text .txtarea {width: 100%; height: 90px} #EditPage form .item .text #accurate_accurate .accurate_form .select, #RegPage form .item .text #accurate_accurate .accurate_form .select {width: 110px} #PasswordRecovery form .protect_code, #RegPage form .protect_code {margin: 10px 0 0 175px} #PasswordRecovery form .protect_code .name, #RegPage form .protect_code .name {margin-top: 3px} #PasswordRecovery form .protect_code img, #RegPage form .protect_code img {float: left; width: auto; border: #ddd 1px solid; margin-right: 10px; vertical-align: middle} #PasswordRecovery form .protect_code .input_text, #RegPage form .protect_code .input_text {width: 40px; margin-top: 8px} #RegPage form .rules {text-align: center; padding: 15px 0 10px; font-size: 13px} #RegPage form .rules a {color: #0000CC} #RegPage form .rules a:hover {color: #3A66FF} #EditPage form .btn, #PasswordRecovery form .btn, #PasswordChange form .btn, #RegPage form .btn {padding-top: 15px; text-align: right} #PasswordRecovery .confirmation, #PasswordChange .confirmation, #RegPage .confirmation {padding: 70px; text-align: center; font-size: 12px} #PasswordRecovery .confirmation a, #RegPage .confirmation a {color: #0000CC} #PasswordRecovery .confirmation a:hover, #RegPage .confirmation a:hover {color: #3A66FF} #PasswordChange, #PasswordRecovery {width: 710px; padding: 0 15px 20px} #PasswordRecovery h1.title {position: relative; margin: 0 -15px 30px} #PasswordChange form .item, #PasswordRecovery form .item {padding: 5px 30px; margin: 3px 0} #PasswordChange form .item .name, #PasswordRecovery form .item .name {display: block; float: left; width: 250px; font-size: 12px; font-weight: bold; text-align: right} #PasswordChange form .item .text, #PasswordRecovery form .item .text {margin-left: 260px} #PasswordChange form .item .text input, #PasswordRecovery form .item .text input {width: 200px} #PasswordRecovery form .protect_code .name {display: block; float: left; width: auto; padding-right: 10px; text-align: right; font-size: 12px; font-weight: bold} #PasswordRecovery form .protect_code .name .info {display: block; font-size: 10px; color: #999; font-weight: normal} #userNotAutorized {width: 710px; padding: 0 15px 50px} #userNotAutorized h1.title {position: relative; margin: 0 -15px 35px} #userNotAutorized h2 {padding: 0; margin: 0; font-size: 18px; font-family: Arial; font-weight: normal; text-align: center} #userNotAutorized * .sub {text-align: center; width: 370px; margin: 10px auto; padding: 15px 10px; background: #eee; border: #DDD 1px solid} #userNotAutorized * .sub .msg {display: block; text-align: center; color: #c00; font-size: 12px; padding: 0 0 20px} #userNotAutorized * .sub span {font-size: 12px; padding: 0 7px} #userNotAutorized * .sub .btn {display: block; text-align: right; margin: 7px 0 12px} #userNotAutorized * a {font-size: 12px} .userTopMenu {width: 710px; padding: 0 15px 20px} .userTopMenu h1.title {position: relative; margin: 0 -15px 15px} .userTopMenu .avatar {float: left; width: 110px; text-align: center} .userTopMenu .avatar .photo {display: block} .userTopMenu .avatar * img {vertical-align: middle} .userTopMenu .links, .userTopMenu .info {float: left; padding: 0 !important; width: 290px; margin-left: 10px; text-align: left !important} .userTopMenu .info span {display: block; padding-bottom: 5px; color: #777} .userTopMenu .info span strong {color: #000; font-size: 12px; font-weight: normal} .userTopMenu .info .h1 {font-size: 14px; font-weight: bold; color: #000} .userTopMenu .info .h1 strong {color: #333; font-size: 14px; font-weight: bold} .userTopMenu .info a {text-decoration: none} .userTopMenu .links {padding-top: 5px; font-size: 12px} .userTopMenu .links a {display: block; padding: 3px 0; text-decoration: none} .userTopMenu .links a img {vertical-align: middle} /*--------------------------> END USERS */ /*######################## SITE LINKS #######################*/ ul.sitelinks {display: inline; float: right; margin: 0; padding: 0} ul.sitelinks li {display: inline; list-style: none; padding-left: 20px} ul.sitelinks li a {text-decoration: none; color: #333; font-size: 11px; padding-bottom: 3px} ul.sitelinks li a:hover {border-bottom: #ff5900 3px solid} div.im_group_bg {width:180px; background:#EEEEEE; border:#cccccc 3px solid; padding:10px;} span.im_group_element {display:block; padding:3px 0px; color:#000000;} span.im_group_element a, span.im_group_element a:active, span.im_group_element a:visited {color:#0033cc; text-decoration:none;} span.im_group_element a:hover {color:#0033cc; text-decoration:underline;} .accurate_button, .im_button { background:url(http://yoltica.com/uploads/images/design/bg_msg_button.gif) left repeat-x; border-top:#d9d9da 1px solid; border-left:#d9d9da 1px solid; border-right:#a4a4a6 1px solid; border-bottom:#a4a4a6 1px solid; font-size:11px; font-family:Tahoma, Verdana, Arial; padding:3px 5px; cursor:pointer; } .im_select { font-size:11px; font-family:Tahoma, Verdana, Arial; padding:3px 0px; } .im_input_text { width:100%; border:#b3b9c3 1px solid; height:17px; font-size:11px; font-family:Tahoma, Verdana, Arial; } /* ---------------FORMZ stylez---------------*/ .imFormContainer{ float:left; width:100%; margin:1px; padding:3px; border:1px solid #DDD; } .imFormLoader{ display: none; float: right; } .imFormImage{ float: left; height: 108px; } .imFormImageItem{ float: left; height: 100px; width: 100px; margin-right: 2px; padding: 2px; border: 1px #AAA solid; background-repeat: no-repeat; background-position: center; } .imFormOrderLeft, .imFormOrderRight, .imFormDelete{ position: relative; width: 16px; height: 16px; cursor: pointer; } .imFormOrderLeft{ float: left; margin: 58px 0 0 5px; } .imFormOrderRight{ float: right; margin: 58px 5px 0 0; } .imFormDelete{ float: right; margin: 5px 5px 0 0; } .imFormDelete:hover{ border: 1px #FFF solid; margin: 3px 4px 0 0; } .imFormUploadAreaSi{ margin-left: 110px; } .imFormUploadAreaMi{ padding-top: 3px; clear: both; } .imFormDirectUpload { width: 80%; display: block; margin-top: 3px; } .imFormUpload{ } .imFormUploadStart{ float: right; width: 84px; height: 21px; padding: 2px; margin: 1px; background: url( {BASE_URL}uploads/images/extra/button.png ) no-repeat top left; cursor: pointer; color: #FFF; text-align: center; } .imFormUploadStart:active{ margin: 2px 0px 0px 2px; } /*---------------------------------------------*/ .fileUploadQueueItem { font: 11px Verdana, Geneva, sans-serif; background-color: #F5F5F5; border: 1px solid #E5E5E5; margin-top: 2px; padding: 5px; } .fileUploadQueueItem .cancel { float: right; } .fileUploadProgress { background-color: #FFFFFF; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; margin-top: 10px; width: 100%; } .fileUploadProgressBar { background-color: #0099FF; }/*--------------------------> PHOTO GALLERY */ .mgMenuCompetHead { background: url(http://yoltica.com/uploads/images/design/title_konkurs.gif) no-repeat top left; width: 240px; padding: 70px 10px 0 10px; display: relative; margin-top: -22px; padding-bottom: 20px; } div.mgMenuCompet {text-align: left; padding: 0px 0px 10px 30px; font-size: 11px; color: #555555} div.mgMenuCompet a {display: block; font-size: 13px; font-weight: bold; text-decoration: underline} div.mgMenuCompet a:hover {color: #ea0b1e; text-decoration: none} a.mgMenuCompetFin {color: #555555} div.mgMenuCompet span a {font-size: 11px; color: #555555; font-weight: normal; display: inline} /*--------------------------> MG TRUE */ .MenuPhotoDay {text-align: center; padding-top: 7px; margin-bottom: 20px} .MenuPhotoDay a img {margin: 10px 0 5px 0; padding: 3px; border: #ccc 1px solid} .MenuPhotoDay a:hover img {border: #888 1px solid} .MenuPhotoDay a strong {display: block; padding-bottom: 10px; font-size: 12px} .MenuPhotoDay em {font-style: normal} .MenuPhotoUserpage {text-align: center} .MenuPhotoUserpage h2 {background: #eee; margin: 20px 0 10px; padding: 3px 5px; text-align: left; font-size: 14px; color: #555} .MenuPhotoUserpage h2 a {color: #555; text-decoration: none} .MenuPhotoUserpage h2 a:hover {color: #C00; text-decoration: underline} .MenuPhotoUserpage a img {padding: 3px; border: #ccc 1px solid; margin: 3px} .MenuPhotoUserpage a:hover img {border: #888 1px solid} .MenuPhotoUserpage .gray {display: block; padding: 15px; text-align: center; font-size: 12px} .lastPhotoComment {text-align: left; padding-left: 10px} .lastPhotoComment span {display: block; color: #777} .lastPhotoComment a {text-decoration: none; display: block; padding-left: 15px; font-size: 12px} .lastPhotoComment a strong {display: block} .lastPhotoComment a em {font-style: normal} #MediaGallery {width: 710px; padding: 0 15px 25px} #MediaGallery h2.title {position: relative; margin: 0 -15px 15px} #MediaGallery .sub {padding: 3px 10px; background: #DDE; font-size: 14px; font-weight: bold} #MediaGallery .sub .right {float: right; padding-right: 15px} #MediaGallery .sub span {font-size: 12px} #MediaGallery .panel {padding: 15px 0; font-size: 12px; text-align: left} #MediaGallery .empty {padding: 70px; color: #777; font-size: 11px} #MediaGallery .accurated {padding-bottom: 10px; font-size: 12px} #MediaGallery .sort {padding: 0 0 25px 0; font-size: 12px; text-align: center} #MediaGallery .sort span {font-weight: bold} #MediaGallery .sort a.sorted {padding: 2px 5px; background:url(http://yoltica.com/uploads/images/design/bg/anounsm_class.gif) repeat-x left; border: #ddd 1px solid; font-weight: bold; color: #000; text-decoration: none} #MediaGallery .info {text-align: center; padding: 25px 0 10px; font-size: 12px} #MediaGallery .info .red {color: #C00} #MediaGallery .item {float: left; width: 140px; display: inline; margin: 15px; text-align: center} #MediaGallery .item a {display: block; font-size: 12px; font-weight: normal; text-decoration: none} #MediaGallery .item .left {float: left; width: auto; margin-top: 5px} #MediaGallery .item .left span {display: block; margin-top: 80px; border: none} #MediaGallery .item .left a {display: block; margin-top: 80px; color: #ffb400; font-size: 17px; font-weight: bold; text-decoration: none} #MediaGallery .item .right {float: right; width: auto; margin-top: 5px} #MediaGallery .item .right img {margin: 2px 0; border: none} #MediaGallery .item .gray {display: block; font-size: 10px} #MediaGallery .item .red {display: block; font-size: 10px; font-weight: bold} .mg_thumb, .mg_resize {padding: 2px; border: #ccc 1px solid; cursor: pointer; background: #FFF url(/uploads/lightbox/images/lightbox-ico-loading.gif) no-repeat center} .mg_resize {display: none; position: absolute; z-index: 99} #MediaGallery .count {float: left; padding: 20px 0 0 15px} #MediaGallery .arrows {float: right; padding: 20px 15px 0 0} #MediaGallery .arrows a {padding: 7px 4px; font-size: 12px; text-decoration: none; color: #000; background: #ddd} #MediaGallery .arrows a:hover {color: #FFF; background: #666} #MediaGallery .image {margin: 20px auto; width: 600px; padding: 20px; border: #ccc 1px solid; background: #eee; text-align: center} #MediaGallery .image img {display: block; margin: 0 auto; border: #ddd 1px solid; background: #FFF url(/uploads/lightbox/images/lightbox-ico-loading.gif) no-repeat center} #MediaGallery .image strong {display: block; padding: 5px; font-size: 12px} #MediaGallery .image em {display: block; font-size: 11px; font-style: normal} #MediaGallery .author {float: left; width: auto; padding-left:15px} #MediaGallery .author a {color: #248FDC; cursor: pointer; text-transform: capitalize} #MediaGallery .loaded {float: right; width: auto; padding-right: 15px} #MediaGallery .author a, #MediaGallery .loaded span {font-weight: bold} #MediaGallery .submenu {margin: 15px auto 0; padding: 10px; width: 620px; border: #ccc 1px solid; background: #f3f3f3} #MediaGallery .rightArea {float: right; width: auto; text-align: right} #MediaGallery .leftArea .sub_title, #MediaGallery .rightArea .sub_title {display: block; padding-bottom: 5px; font-size: 12px} #MediaGallery .rightArea .voted {display: block; font-size: 11px; color: #777} #MediaGallery .rightArea .voted strong {font-size: 12px} #MediaGallery .rightArea .vote_count {display: block; padding-top: 10px} #MediaGallery .rightArea .show_count {display: block; padding-bottom: 15px} #MediaGallery .leftArea {float: left; width: 420px} #MediaGallery .leftArea .about {display: block; padding-top: 5px; font-style: normal} #MediaGallery .leftArea .about strong {font-size: 12px; color: #c00} #MediaGallery .leftArea .zafoto {display: block; text-align: center; font-size: 12px; padding-top: 10px; color: #c00} #MediaGallery .leftArea .zafoto span {color: #888; font-size: 9px; font-weight: normal} .mark1, .mark2, .mark3, .mark4, .mark5 { display: block; float: right; width: 10px; height: 9px; margin: 0 1px; overflow: hidden; background: url(http://yoltica.com/uploads/images/design/ico/star.gif) no-repeat top left; text-decoration: none; } .mark1.gray, .mark2.gray, .mark3.gray, .mark4.gray, .mark5.gray {background: url(http://yoltica.com/uploads/images/design/ico/star.gif) no-repeat bottom left} .mark1:hover, .mark2:hover, .mark3:hover, .mark4:hover, .mark5:hover {background: url(http://yoltica.com/uploads/images/design/ico/star.gif) no-repeat top right} #MediaGallery .folder {float: left; width: 340px; padding: 5px 0; margin: 5px; display: inline; border: #ddd 1px solid} #MediaGallery .folder .fCheck {float: right; width: 20px; padding: 10px 5px 0 0; display: inline} #MediaGallery .folder .fIcon {float: left; width: 115px; overflow: hidden; margin: 5px 0; display: inline} #MediaGallery .folder .fIcon a {display: block; width: 115px; height: 96px; overflow: hidden; background: url(http://yoltica.com/uploads/images/design/bg/mg_folder.png) no-repeat; text-decoration: none} #MediaGallery .folder .fIcon a.parent {background: url(http://yoltica.com/uploads/images/design/bg/mg_folder_empty.png) no-repeat} #MediaGallery .folder .fName {margin: 10px 0 0 130px} #MediaGallery .folder .fName a {font-size: 14px; font-weight: bold; text-decoration: none} #MediaGallery .folder .fName a:hover {text-decoration: underline} #MediaGallery .folder .fName em {display: block; padding-top: 10px; color: #888; font-style: normal; font-size: 11px} #MediaGallery .folder .create {display: block; float: left; width: auto; padding: 5px 0 0 5px; color: #888} #MediaGallery .folder .update {display: block; float: right; width: auto; padding: 5px 5px 0 0; color: #888} #MediaGallery form .album_desc {padding: 15px 0 30px; font-size: 12px; color: #333} #MediaGallery form .name {display: block; float: left; width: 175px; margin-top: 7px; font-size: 12px; text-align: right; font-weight: bold} #MediaGallery form .element {margin: 7px 0 0 190px} #MediaGallery form .element .textarea {width: 95%; height: 80px} #MediaGallery form .element .input_text {width: 95%} #MediaGallery .btn {text-align: right; padding-top: 15px} #MediaGallery .add_navbar {padding: 10px 0 15px} #MediaGallery .add_navbar .active, #MediaGallery .add_navbar .simple { display: block; float: left; width: auto; overflow: hidden; padding: 3px; border: #999 1px dotted; margin-right: 5px; font-size: 12px; text-align: center; } #MediaGallery .add_navbar .active {background: #FFF; font-weight: bold} #MediaGallery .add_navbar .simple {background: #ededed; cursor: pointer} #MediaGallery .add_navbar .addDirect {width: 140px} #MediaGallery .add_navbar .addIM {width: 275px} #MediaGallery .direct, #MediaGallery .im {border-top: #eee 5px solid; padding-top: 10px} #MediaGallery .accurInfo {padding: 15px 0 20px; border-top: #777 1px dotted; font-size: 12px} #MediaGallery .accurates {padding: 5px 0} #MediaGallery .accurates .select {width: 140px} #MediaGallery .direct form .imFormContainer {border: 0; float: none; margin: 0; padding: 0 10px; width: auto; padding-bottom: 15px} #MediaGallery .direct form .imFormContainer .imFormImage {display: none} #MediaGallery .AddItem {background: #EDEDED; margin: 10px 0; padding: 10px 5px} #MediaGallery .AddItem .pLeft {display: inline; float: left; width: 120px; overflow: hidden; text-align: center} #MediaGallery .AddItem .pLeft img {display: block; border: #ccc 1px solid; margin: 0 auto} #MediaGallery .AddItem .fields {display: inline; float: right; width: 570px; overflow: hidden} #MediaGallery .AddItem .fields .name {float: left; width: 120px; text-align: right; font-size: 12px; font-weight: bold; color: #444} #MediaGallery .AddItem .fields .value {margin-left: 130px} #MediaGallery .AddItem .fields .accur_name {font-size: 12px; font-weight: bold; color: #444} #MediaGallery .AddItem .fields .value .select {width: 300px} #MediaGallery .AddItem .fields .value .textarea {width: 95%; height: 80px} #MediaGallery .AddItem .fields .value .input_text {width: 95%} .userListPhotos {width: 260px; border-top: #DDD 5px solid; text-align: center} .userListPhotos h3.titleR {position: relative; margin: -15px 0 7px 7px} .userListPhotos a img {padding: 2px; border: #ccc 1px solid; margin: 1px} .userListPhotos a:hover img {border: #888 1px solid} #clubDetailed .left .photos {text-align: center; padding-top: 20px} #clubDetailed .left .photos h3 {padding: 3px 10px; font-size: 14px; font-weight: bold; background: #EED; text-align: left; margin-bottom: 15px} #clubDetailed .left .photos h3 a {text-decoration: none} #clubDetailed .left .photos .gray {display: block; padding: 30px 0; font-size: 10px} #clubDetailed .left .photos a img {border: #DDD 1px solid; padding: 3px; margin: 3px} #clubDetailed .left .photos a:hover img {border: #333 1px solid} .mgAlbumEdit {} .mgAlbumEdit .subtitle {font-size: 16px; font-weight: bold; padding: 10px 0} .mgAlbumEdit .item2 {padding: 5px 5px 10px; margin: 10px 0; border-bottom: #999 1px solid} .mgAlbumEdit .item2 .image_folder {float: left; width: auto} .mgAlbumEdit .item2 .fields_folder {float: left; width: 570px; margin-left: 10px} .mgAlbumEdit .item2 .fields_folder .name {} .mgAlbumEdit .item2 .fields_folder .value {float: left; margin: 7px 0 0 10px; width: auto} .mgAlbumEdit .item2 .fields_folder .value * {width: 300px} .mgAlbumEdit .item2 .fields_folder .value .textarea {height: 80px} /*--------------------------> End MG */ .msg_leftmenu_folder_title {text-align:left; margin-right:96px; color:#5f5f5f} .msg_leftmenu_ts_title {float:right; width:48px; text-align:right; color:#5f5f5f} .msg_leftmenu_folder {margin-right:90px; text-align:left;} .msg_leftmenu_ts {float:right; width:40px; text-align:center;} .msg_leftmenu_folder a, .msg_leftmenu_folder a:active, .msg_leftmenu_folder a:visited {color:#000000; text-decoration:underline;} .msg_leftmenu_folder a:hover {color:#dc3e2e; text-decoration:none;} .msg_create { float:right; text-align:right; cursor:pointer; font-size:13px; background-color:#FFFFFF; padding:5px; border-bottom:#2d2d2d 1px solid; } a div.msg_create, div.msg_create {color:#bd1313; text-decoration:none;} a div.msg_create:hover, div.msg_create:hover {color:#000000; text-decoration:none;} div.msg_moveto {float:right} div.msg_moveto select {width:100px; margin:0px 5px; font-family:tahoma; font-size:11px; color:#000000;} span.msg_help a {font-weight:bold; color:#3f588c;} span.msg_help {margin-right:7px;} div.msg_attach_edit {padding-top:5px;} div.msg_attach_edit a, div.msg_attach_edit a:active, div.msg_attach_edit a:visited {color:#777777; text-decoration:none;} div.msg_attach_edit a:hover {color:#000000; text-decoration:none;}/*---------- Начало CSS календаря -----------*/ .calendarbutton{ position: absolute; border-width: 0px; width: 15px; height: 16px; background: transparent url("{BASE_URL}core/datepickercontrol/datepickercontrol.png") no-repeat; } #CalendarPickerControl{ background-color:transparent; width: 250px; height: 200px; } #CalendarPickerControl table.calframe{ width:100%; border:1px solid black; background-color:white; text-align:center; } #CalendarPickerControl td.monthname{ width:100%; font:normal 13px Verdana; color:white; font-weight:bold; text-align:center; background-color:#800000; } #CalendarPickerControl table.navigation{ width:100%; text-align:center; } #CalendarPickerControl td.navbutton{ font:normal 11px Verdana; color:#800000; font-weight:bold; text-align:center; background-color:white; cursor:pointer; } #CalendarPickerControl span.yearbutton{ cursor:pointer; } #CalendarPickerControl span.yearbutton:hover{ text-decoration:underline; } #CalendarPickerControl td.navbutton:hover{ background-color:#800000; color:white; text-decoration:underline; } #CalendarPickerControl td.dayname{ font:normal 11px Verdana; color:white; font-weight:bold; text-align:center; background-color:#800000; } #CalendarPickerControl td.today{ font:normal 11px Verdana; background-color:#CCCCCC; color:black; text-decoration:none; border: 1px solid #800000; cursor:pointer; } #CalendarPickerControl td.today:hover{ text-decoration:underline; } #CalendarPickerControl td.current{ font:normal 11px Verdana; font-weight:bold; background-color:#555555; color:white; text-decoration:none; cursor:pointer; border: 1px solid black; } #CalendarPickerControl td.current:hover{ text-decoration:underline; } #CalendarPickerControl td.day{ font:normal 11px Verdana; background-color:#CCCCCC; color:black; text-decoration:none; cursor:pointer; border: 1px solid transparent; } #CalendarPickerControl td.day:hover{ text-decoration:underline; background-color:#ABABAB } #CalendarPickerControl td.weekend{ font:normal 11px Verdana; color:black; text-decoration:none; background-color:#BBBBBB; font-style:italic; border: 1px solid transparent; cursor:pointer; } #CalendarPickerControl td.weekend:hover{ background-color:#999999; text-decoration:underline; } #CalendarPickerControl td.dayothermonth{ font:normal 11px Verdana; background-color:#F2F2F2; color:#AAAAAA; border: 1px solid #F2F2F2; } #CalendarPickerControl td.weeknumber{ font:normal 9px Verdana; background-color: white; color: #AAAAAA; border-width: 0px; } /*---------- Конец CSS календаря -----------*//*--------------------------> SITEMAP */ #SiteMap {width: 710px; padding: 0 15px 25px} #SiteMap h1.title {position: relative; margin: 0 -15px 15px} #SiteMap .about {padding: 5px 0 20px; font-size: 12px} #SiteMap .map {text-align: left; margin: 10px 0 0; background: url(http://yoltica.com/uploads/images/design/map/bg_col.gif) repeat-y right} #SiteMap .map .title { float: right; width: auto; margin: 0 14px 5px; background-color: transparent; text-align: center; } #SiteMap .map .list {padding-top: 10px; border-top: #dfdfdf 1px solid} .sitemap_row .count {display: block; float: right; width: 40px; padding: 5px 0; text-align: center} .sitemap_row .red {font-weight: bold} .sitemap_row .count a {text-decoration: none} .sitemap_row, .sitemap_row_hl {clear: both} .sitemap_row_hl {background-color: #efefef} .sitemap_opener_plus, .sitemap_opener_wait, .sitemap_opener_minus, .sitemap_opener_final { float: left; width: auto; padding: 5px 0 5px 25px; background: transparent; cursor: pointer; } .sitemap_opener_plus {background: url(http://yoltica.com/uploads/images/design/map/plus.gif) no-repeat left} .sitemap_opener_wait {background: url(http://yoltica.com/uploads/images/design/map/wait.gif) no-repeat left} .sitemap_opener_minus{background: url(http://yoltica.com/uploads/images/design/map/minus.gif) no-repeat left} .sitemap_subitems {padding-left: 25px; clear: both} .itemlighted, .itemlighted_updated { float: right; width: 40px; padding: 5px 0; text-align: center; } .sitemap_opener { float: left; width: 16px; height: 16px; margin: 0 5px; cursor: pointer; } .sitemap_class {width: 270px; padding: 5px 0} .sitemap_form {width: 250px; padding: 5px 0; margin-left: 20px} .sitemap_cart {width: 230px; padding: 5px 0; margin-left: 40px} .sitemap_discipline {width: 210px; padding: 5px 0; margin-left: 60px} .lighted {background: #efefef} /*--------------------------> TOP MENU */ div.classificator {margin-bottom: 10px} div.classificator div.level_1 {padding: 5px 5px 0 0} div.classificator div.level_2 {padding: 5px 0 0} div.classificator div.level_0 {padding: 5px 0 10px} div.classificator div.level_1 {height: 37px; padding-top: 11px; background:url(http://yoltica.com/uploads/images/design/bg_menu_lvl1.jpg) repeat-x} div.classificator div.level_2 {display: relative; margin-top: -10px; padding-bottom: 12px} a.cl_first, a.cl_first_selected, a.cl_normal, a.cl_normal_selected {display: inline; padding: 0 4px; color: #555; text-decoration: none} a.cl_normal, a.cl_normal_selected {border-left: #555 1px solid} a.cl_first_selected, a.cl_normal_selected {background: #F30; color: #FFF} div.classificator div.level_1 a.cl_first_selected, div.classificator div.level_1 a.cl_first_selected a, div.classificator div.level_1 a.cl_normal_selected, div.classificator div.level_1 a.cl_normal_selected a {background: url(http://yoltica.com/uploads/images/design/bg_classificator_white.jpg) repeat-x top; color: #000; padding: 1px 5px 3px} div.classificator a.cl_first_selected, div.classificator a.cl_first_selected a, div.classificator a.cl_normal_selected, div.classificator a.cl_normal_selected a {background: url(http://yoltica.com/uploads/images/design/bg_classificator_black.jpg) repeat-x top; color: #FFF; padding: 1px 4px 3px} a.cl_first:hover, a.cl_normal:hover {color:#C00; text-decoration: underline} div.classificator div.level_1 a {color: #FFF} div.classificator div.level_1 a:hover {text-decoration: none} div.classificator div.level_1 a.cl_normal, div.classificator div.level_1 a.c1_normal_selected {border-left: #FFF 1px solid} div.classification_letter_selected { display: inline; padding: 0 7px; border-left: #a7a7a7 1px solid; font-weight: bold; text-decoration:underline; } div.classification_letter { display: inline; padding: 0 7px; border-left: #a7a7a7 1px solid; color: #a7a7a7; } div.classification_letter a {color: #000; text-decoration: none} div.classification_letter a:hover {color: #C00; text-decoration: underline} div.classification_letter_selected a {color: #C00; text-decoration: underline} div.classification_letter_selected a:hover {text-decoration: none} /*--------------------------> OTHER MENU */ div.menuBar a.menuButton, div.menuBar a.menuButton_first { padding-left: 12px; color: #555; font-size: 12px; font-weight: bold; text-decoration:none; } div.menuBar a.menuButton_first {padding-left: 0} div.menuBar a.menuButton:hover, div.menuBar a.menuButton_first:hover {text-decoration: underline} #AllButtlonLev1 {color: #F2D1CC; font-weight: bold} #AllButtlonLev2 {color: #93212d; font-weight: bold} /*--------------------------> PAGE - ALL CLASSES */ #PageClasses {width: 710px; padding: 0 15px 25px} #PageClasses h1.title {position: relative; margin: 0 -15px 15px} #PageClasses .item {float: left; width: 330px; margin: 0 5px 10px; padding: 5px} #PageClasses .item a.img {display: block; float: left; width: 110px; text-align: left; text-decoration: none} #PageClasses .item a.img img {border: #DDD 1px solid; padding: 2px} #PageClasses .item a.img:hover img {border: #999 1px solid} #PageClasses .item a.name {display: block; margin-bottom: 10px; font-weight: bold; font-size: 14px; color: #333} #PageClasses .item a.name:hover {color: #C00} #PageClasses .item .species {display: block; margin-left: 125px} #PageClasses .item .species a {display: block; text-transform: lowercase; text-decoration: none; color: #555} #PageClasses .item .species a:hover {color: #C00; text-decoration: underline} #PageClasses .item em {display: block; padding-top: 7px; color: #777 !important; font-style: normal !important; font-weight: normal !important} #PageClasses .item em * {display: inline} /*--------------------------> OTHER PAGES */ #PageClass {width: 710px; padding: 0 15px 25px} #PageClass h2.title {position: relative; margin: 0 -15px 15px} #PageClass .image {float: left; width: auto; text-align: center; border: #999 1px solid; margin: 0 10px 10px 0} #PageClass .abbr {display: block; float: right; width: auto; font-size: 22px; font-family: Arial; font-weigh: bold} #PageClass .name {font-size: 18px; font-weight: bold; font-family: Arial} #PageClass .second {font-size: 14px; font-weight: bold; color: #777} #PageClass .desc {border-top: #999 1px solid; margin-top: 15px; padding-top: 10px; font-size: 12px} #PageClass .desc .notes {display: block; font-style: normal; color: #777} #PageClass .slideshow {float: left; height: 212px; width: 207px; margin-right: 13px; overflow: hidden} #PageClass .disimage {width: 252px !important; height: 252px !important} #PageClass .slideshow img {border: 1px solid #ccc; background-color: #eee} #PageClass h2.sub {padding-top: 25px; text-transform: none; font-size: 14px} #PageClass .species {padding: 15px 0 10px; margin-top: 15px; border-top: #888 1px solid; border-bottom: #888 1px solid} #PageClass .species .item {float: left; width: 330px; padding: 5px; margin: 5px} #PageClass .species .item a.img {display: block; float: left; width: auto; margin-right: 10px; text-decoration: none} #PageClass .species .item a.img img {border: #DDD 1px solid} #PageClass .species .item a.subname {font-size: 12px; font-weight: bold; color: #000; text-decoration: none} #PageClass .species .item a.subname:hover {color: #C00; text-decoration: underline} #PageClass .species .item .info {display: block; padding-top: 7px; color: #777} #PageClass .disciplines {padding: 15px 0 10px; margin-top: 15px; border-top: #888 1px solid; border-bottom: #888 1px solid} #PageClass .disciplines .item {float: left; width: 215px; padding: 5px; margin: 5px} #PageClass .disciplines .item img {float: left; width: 20px; height: 20px; margin: 2px} #PageClass .disciplines .item a.subname {display: block; margin-left: 25px; font-size: 12px; font-weight: bold; color: #000; text-decoration: none} #PageClass .disciplines .item a.subname:hover {color: #C00; text-decoration: underline} #PageClass .disciplines .item .info {display: block; margin-left: 25px; padding-top: 7px; color: #777} /*--------------------------> OTHER CLASSIFICATOR */ span.accurLine {display: block; color: #333} span.accurLine a {color: #333 !important; text-decoration: underline} span.accurLine a:hover {color: #C00 !important; text-decoration: none} ul.ClassfLearnMore, ul.ClassfLearnMore li {margin: 0; padding: 0; list-style: none} ul.ClassfLearnMore {padding-top: 10px} ul.ClassfLearnMore li {display: inline} ul.ClassfLearnMore li a { display: block; float: left; width: 165px; margin: 2px 5px; padding: 3px 0; border: #DDD 1px solid; background: #EEE; text-align: center; font-size: 12px; font-weight: bold; color: #444; text-decoration:none; } ul.ClassfLearnMore li a:hover {background: #555; color: #FFF} /*---------------------------> CLASSIFICATOR TOP MENU */ .clssfMenu * {margin: 0; padding: 0} .clssfMenu {height: 150px} .clssfMenu ul {display: block; position: relative; list-style: none} .clssfMenu ul li {display: inline} .clssfMenu ul a.selected {color: #ff5900 !important; font-weight: bold} .clssfMenuTop { z-index: 20; height: 60px; margin-bottom: -15px; background: url(http://yoltica.com/uploads/images/design/bg/clss_top.gif) no-repeat left bottom; text-align: center; } .clssfMenuTop li a { display: block; float: left; width: 67px; background: url(http://yoltica.com/uploads/images/design/bg/clss_top_li.gif) no-repeat right bottom; padding: 10px 0 7px 0; color: #7e7e7e; font-size: 12px; text-decoration:none; } .clssfMenuTop li a:hover { background: url(http://yoltica.com/uploads/images/design/bg/clss_top_hover.gif) no-repeat top; color: #000; } .clssfMenuTop li.first a {width: 62px} .clssfMenuTop li.first a:hover {background: url(http://yoltica.com/uploads/images/design/bg/clss_top_hover62.gif) no-repeat top} .clssfMenuTop li a img {border: 0; width: auto; height: auto} .clssfMenuTop li#clssfClass_7 a {//width: 65px} .clssfMenuTop li#clssfClass_14 a {//width: 66px} .clssfMenuTop li#clssfClass_13 a {//width: 66px} .clssfMenuTop li#clssfClass_2 a {//width: 66px} .clssfMenuCenter {z-index: 0; height: 30px} ul.clssfMenuCenter li.item {text-align: center; padding-top: 6px; display: none} ul.clssfMenuCenter li.item ul li a {margin: 0 15px; text-decoration: none; color: #777} ul.clssfMenuCenter li.item ul li a:hover {border-bottom: #ff5900 2px solid} .clssfMenuBottom { z-index: 20; height: 60px; margin-top: -15px; background: url(http://yoltica.com/uploads/images/design/bg/clss_bottom.gif) no-repeat left bottom; } .clssfMenuBottom li { display: block; float: left; width: auto; height: 60px; background: url(http://yoltica.com/uploads/images/design/bg/clss_vhr.gif) no-repeat right; } .clssfMenuBottom li.last {background: none} .clssfMenuBottom li a { text-decoration:none; font-family: Arial; font-size: 12px; color: #777; font-weight: bold; } .clssfMenuBottom li a:hover {color: #000} .clssfMenuBottom li.one a { display: block; margin: 0 24px; padding: 22px 0 4px; font-size: 12px; text-decoration:none; } .clssfMenuBottom li.two {padding-top: 4px; height: 56px} .clssfMenuBottom li.two a { display: block; margin: 0 24px; padding: 6px 0; } .clssfMenuBottom li.one a:hover {border-bottom: #ff5900 2px solid} .clssfMenuBottom li.two a:hover {padding: 6px 0 4px; border-bottom: #ff5900 2px solid} /*-----Catalog Associations BEGIN--------*/ /*-----Catalog Associations END ----------*/ /*--------------------------- Termins CSS -------------------------*/ div.termins_alfabet {font-size: 11px; color: #CCCCCC} div.termins_alfabet div {display: inline; padding: 3px 5px; border-right: 1px solid #CCCCCC} div.termins_alfabet a {font-weight: bold; color: #000000} .menuTermins { float: left; width: 140px; height: 83px; overflow: hidden; margin-left: 10px; background: url(http://yoltica.com/uploads/images/design/bg_mtermins140b.gif) no-repeat bottom left; } .menuTermins strong { height: 19px; display: block; background: url(http://yoltica.com/uploads/images/design/bg_mtermins140t.gif) no-repeat top left; color: #FFFFFF; padding-top: 2px; text-align: center; } .menuTermins a {display: block; padding: 15px 5px 5px 5px; text-align: center; text-decoration: none}