/* * Copyright (c) 2005-2010 Суздаль Онлайн. All rights reserved. */ /*********** базовые стили ***********/ * { padding: 0px; margin: 0px; } html, body { height: 100%; } body { margin: 0; padding: 0; text-align: center; font: 10px Tahoma, 'Trebuchet MS', Trebuchet, Arial, Tahoma, Verdana, Sans-serif; background-color: #CCC; color: #777; } #container { position: relative; min-height: 100%; height: 100%; margin: 0px auto; text-align: left; width: 995px; border-left: 1px solid black; border-right: 1px solid black; background-image: url('menu.jpg'); background-repeat: no-repeat; background-position: 0px 200px; background-color: #FFF; } html>body #container { height: auto; } /* без этого не работает Firefox */ #navigation { font-family: 'Trebuchet MS'; } /*********** основные элементы ***********/ /*********** заголовки, параграфы, разделители, списки, ссылки ***********/ h1 { margin: 0; padding: 0; font-size: 22px; line-height: 24px; color: #5db247; text-align: left; } h2 { margin: 0 0 5px 0; padding: 0; font-size: 16px; line-height: 18px; color: #334d55; text-align: left; } h2 a:link, h2 a:visited, h2 a:hover { color: #334d55; text-decoration: none; } h3 { margin: 0 0 5px 0; padding: 0; font-size: 14px; color: #5db247; text-align: left; } h3 a:link, h3 a:visited { color: #5db247; text-decoration: none; } h4 { margin: 0 0 5px 0; padding: 0; text-transform: uppercase; font-size: 10px; color: #334d55; } h5 { margin: 0 0 5px 0; padding: 0; text-transform: uppercase; font-size: 14px; color: #5db247; } /* obsolete */ h5 a:link, h5 a:visited { color: #5db247; text-decoration: none; } /* obsolete */ h6 { margin: 0; font-size: 11px; font-weight: normal; margin-bottom: 10px; color: #CCC; } /* sub nav only */ ul { margin: 0 0 10px 0; list-style: none; text-align: left; } hr { color: #FFF; border: none; border-bottom: 1px dotted silver; margin: 10px 0 10px 0; } .description { overflow: hidden; } .description h2 { margin: 0 !important; } /* clear: both; */ .essentials p { font-family: Tahoma; font-size: 11px; line-height: normal; } /* */ .item { position: relative; margin: 0 0 20px 0; border-bottom: 1px dotted silver; overflow: hidden; } /* clear: both; */ .item img { border: 1px solid silver; } .item img.left { float: left; margin: 0 20px 20px 0; clear: both; padding: 3px; } .item img.right { float: right; margin: 0 0 20px 20px; clear: both; padding: 3px; } .item ul { list-style: circle; margin: 0 0 0 10px; } .item p { overflow: hidden; } .left img, .right img { margin: 0; border: none; } /* back/forth links */ .left { text-align: left; } .right { text-align: right; } .clear { clear: both; } .uppercase { font-family: 'Trebuchet MS'; font-size: 9px; text-transform: uppercase; } /* margin-bottom: 0 0 10px 0; font-size: 9px; */ #content-box strong { color: #555; } #content-box a strong { color: #5588aa; } #content-box a:hover strong { color: #75a60e; } a:link, a:visited { color: #5588aa; text-decoration: none; } a:hover { color: #5db247; text-decoration: underline; } a img { border: none; } .left-align { text-align: left; } /* obsolete */ .right-align { text-align: right; } /* obsolete */ .img-left { float: left; margin: 0 15px 10px 0; } /* obsolete */ .img-right { float: right; margin: 0 0 10px 15px; } /* obsolete */ .info { font-size: 9px !important; text-transform: uppercase; line-height: 12px; text-align: right; padding-right: 10px; margin-bottom: 10px !important; } /*********** дополнительные элементы ***********/ .em { font-size: 13px; } .h1-menu { margin: 0; font-size: 11px; } .info { font-size: 9px !important; text-transform: uppercase; line-height: 12px; text-align: right; padding-right: 10px; margin-bottom: 10px !important; } .info img { border: none !important; vertical-align: middle !important; } .date { font-size: 10px; text-transform: uppercase; font-weight: bold; margin: 0 0 3px 0 !important; padding: 0; color: #333; color: #334d55; } /* время публикации (для новостей) */ .quo { font-size: 14px; vertical-align: middle; } .green { color: #5db247; } .fineprint { font-size: 9px; } .noframe { border: none !important; } .frame { border: 1px solid black; } /*********** заголовок сайта ***********/ #header { position: relative; height: 200px; background-color: #EEE; background-image: url('panorama.jpg'); background-repeat: no-repeat; } #header h1 { text-indent: -2000px; } #header h2 { text-indent: -2000px; } #liveinternet { position: absolute; top: 0; left: -1000px; } /*********** нижний колонтитул | информационные блоки ***********/ #footer { position: absolute; bottom: 0; width: 100%; height: 100px; text-align: center; font-size: 10px; color: #999; background-color: #FFF; border-top: 1px solid #EEE; border: none; } #footer p { margin: 30px 0 0 0; } #sitemap { position: absolute; right: 0px; width: 240px; height: 70px; margin: 15px 0; border-left: 1px solid #EEE; } #contacts { position: absolute; left: 0px; width: 240px; height: 70px; margin: 15px 0; border-right: 1px solid #EEE; } #copyright { width: 100%; } /*********** стили блоков основного контента ***********/ #content { position: relative; padding: 40px; padding-bottom: 200px; margin: 0 200px; } #content-box { position: relative; margin: 10px 0; font-family: Arial, Tahoma; font-size: 11px; line-height: 14px; text-align: justify; } #content-box p { margin: 0 0 10px 0; } #content-box ul { margin: 0 0 10px 0; } #content-box ul ul { margin: 0 10px; font-size: 10px; } #content-item { position: relative; width: 100%; margin: 10px 0; padding: 0px; border-bottom: 1px dotted silver; } #content-item h2 { margin: 0; } #content-item img, #content-item-last img { border: 1px solid black; background-color: #f5f5f5; vertical-align: top; } #content-item-last { position: relative; } #content-item-image { position: absolute; top: 0px; left: 0px; padding-top: 10px; } #content-item-image h2 { position: absolute; text-indent: -2000px; } #content-item-text { position: relative; left: 180px; width: 320px; padding-top: 10px; } #content-item img.right { float: right; border: 1px solid silver; background-color: #f5f5f5; margin: 5px 0 5px 15px; clear: right; } #content-item img.left { float: left; border: 1px solid silver; background-color: #f5f5f5; margin: 5px 15px 5px 0; clear: left; } #content-pages { position: relative; font-size: 9px; color: #CCC; padding: 0 0 10px 0; margin: 0 0 10px 0; background-color: #FFF; background-image: url('dotted.gif'); background-position: bottom; background-repeat: repeat-x; } #content-pages strong { color: #555; } #contentspacer { margin: 0; height: 250px; } #content-item p { padding: 0; } #content-item p.shifted { padding: 0 0 0 177px; } #content-item p.info { text-align: right; padding-right: 10px; } #content-item p.info img { float: none; border: none; margin: 0; } /*********** промо-блоки ***********/ #featured { position: relative; width: 500px; height: 250px; margin-top: 20px; border: 1px solid black; background-color: #f5f5f5; text-align: center; } #featured p { position: absolute; bottom: 5px; right: 10px; color: silver; text-transform: uppercase; font-size: 9px; z-index: -1; } #promote { position: relative; width: 160px; margin-bottom: 5px; border: 1px solid black; background-color: #F7F7F7; text-align: center; } #promote p { margin: 33px 0; color: silver; font-size: 9px; z-index: -1; } /*********** календарь событий ***********/ #calendar { position: relative; width: 160px; min-height: 133px; border: none; background-color: #FFF; text-align: center; margin: 35px 0px 15px 0px; cursor: default; } #calendar table { padding: 0; width: 160px; } #calendar th { padding: 0; font-size: 8px; width: 20px; height: 20px; border-bottom: 1px dotted silver; } #calendar td { padding: 0; font-size: 11px; width: 20px; height: 20px; text-align: center; border: 1px solid white; } #calendar td.past { color: #e7e7e7; } #calendar td.weekend, #calendar th.weekend { color: #5db247; } #calendar td.today-empty { border: 1px solid #CCC; } #calendar td.today-empty-weekend { border: 1px solid #c1e5b8; color: #5db247; } #calendar td.simple-holiday { border: 1px solid #edf5fa; } #calendar td.weekend-holiday { border: 1px solid #f0faed; color: #5db247; } #calendar td.today-holiday { border: 1px solid #b8d3e5; } #calendar td.today-weekend { border: 1px solid #c1e5b8; } #calendar td.selected-weekend { border: 1px solid #5db247; } #calendar td.selected-holiday { border: 1px solid #5588aa; } /*********** календарь событий - большой ***********/ #calendar-full { position: relative; padding-bottom: 2px; border: none; background-color: #FFF; text-align: center; background-color: #FFF; margin: 0px; cursor: default; } #calendar-full table { position: relative; padding: 0; border: 1px solid #DDD; } #calendar-full th { position: relative; font-size: 8px; height: 25px; border: 1px solid #EEE; padding: 3px 5px 3px 3px; text-align: right; vertical-align: bottom; background-color: #f7f7f7; text-transform: uppercase; } #calendar-full th.year { background-color: #f0f0f0; border: 1px solid #DDD; padding: 0; height: 30px; text-align: center; } #calendar-full td { position: relative; font-size: 12px; width: 70px; height: 70px; border: 1px solid #EEE; background-color: #FFF; padding: 3px 5px 3px 3px; text-align: right; vertical-align: bottom; } #calendar-full td.past { border: 1px solid #f7f7f7; color: #EEE; } /* прошедшие дни */ #calendar-full td.weekend, #calendar-full th.weekend { color: #5db247; } /* ячейки и заголовки выходных дней */ #calendar-full td.today-empty { border: 1px solid #CCC; } /* обыкновенный день */ #calendar-full td.today-empty-weekend { border: 1px solid #c1e5b8; color: #5db247; } /* обыкновенный выходной */ #calendar-full td.simple-holiday { padding: 0; border: 1px solid #dfe6eb; } /* праздник среди недели (не сегодня) */ #calendar-full td.weekend-holiday { padding: 0; border: 1px solid #e1ebdf; color: #5db247; } /* праздник в выходной (не сегодня) */ #calendar-full td.today-holiday { padding: 0; border: 1px solid #b8d3e5; } /* праздник среди недели (сегодня, но выбран какой-то другой день) */ #calendar-full td.today-weekend { padding: 0; border: 1px solid #c1e5b8; } /* праздник в выходной (сегодня, но выбран какой-то другой день) */ #calendar-full td.selected-weekend { padding: 0; border: 1px solid #5db247; } #calendar-full td.selected-holiday { padding: 0; border: 1px solid #5588aa; } /*********** базовые стили ссылок и их переопределения **********/ #calendar td a:link, #calendar td a:visited { text-decoration: none; display: block; border: 1px solid white; font-size: 14px; } #calendar-full td a:link, #calendar-full td a:visited { text-decoration: none; display: block; border: 1px solid white; font-size: 20px; padding: 38px 5px 2px 2px; } /*********** переопределения стилей ссылок календарей **********/ td.today-weekend a:link, td.today-weekend a:visited, td.weekend-holiday a:link, td.weekend-holiday a:visited { background-color: #f0faed; color: #5db247; } td.today-weekend a:hover, td.weekend-holiday a:hover { background-color: #e1ebdf; color: #5db247; } td.simple-holiday a:link, td.simple-holiday a:visited, td.today-holiday a:link, td.today-holiday a:visited { background-color: #edf5fa; color: #5588aa; } td.simple-holiday a:hover, td.today-holiday a:hover { background-color: #dfe6eb; color: #5588aa; } td.selected-weekend a:link, td.selected-weekend a:visited { background-color: #c1e5b8; color: #5db247; } td.selected-holiday a:link, td.selected-holiday a:visited { background-color: #b8d3e5; color: #5588aa; } /*** green: #f0faed; #e1ebdf; #c1e5b8; #5db247; #abcca3; blue: #edf5fa; #dfe6eb; #b8d3e5; #5588aa; #a3bccc; ***/ /*********** предварительный просмотр фотографий ***********/ #thumbnails { width: 510px; height: 100px; position: relative; font-size: 9px; } #thumbnail { position: relative; width: 95px; height: 95px; border: 1px solid silver; background-color: #EEE; margin: 0px 4px 4px 0px; float: left; } #thumbnail p { color: silver; position: absolute; margin: 0px; padding: 0px 3px; z-index: -1; } #thumbnail img { margin: 0; z-index: 100; } #pix { margin-top: 2px; } #pix img { border: 1px solid black; margin: 0px 2px 2px 0px; cursor: pointer; } /*********** имитация простых таблиц ***********/ #table-like { width: 500px; margin: 20px 0px; } #table-like ul { margin: 0px; padding: 0px; list-style-type: none; } #table-like ul li { background-color: #F5F5F5; } #table-like li { margin: 0px; padding: 5px; border-bottom: 1px dotted silver; } #table-like ol { margin: 0px; padding: 0px; list-style-type: none; } .topedge { border-top: 1px dotted silver; } /*********** стили для оформления книжного контента (история) ***********/ #book-text { width: 500px; font-size: 11px; margin: 10px 0px; } #book-text p { margin: 0px; text-align: justify; text-indent: 20px; } #book-contents ul { list-style-type: none; padding-left: 0px; } #book-contents ul li:before { content: "\00BB \0020"; } #book-sub-contents { width: 500px; position: relative; height: 20px; } #prev-chapter { position: absolute; left: 0px; } #next-chapter { position: absolute; right: 0px; } #book-text img.float-right { margin: 5px 0px 5px 15px; float: right; border: 1px solid silver; background-color: #f5f5f5; } #book-text img.float-left { margin: 5px 15px 5px 0px; float: left; border: 1px solid silver; background-color: #f5f5f5;} /*********** стили форм комментариев и отзывов ***********/ #post-comments { background-color: #f5f5f5; height: 225px; padding: 20px; border: 1px dotted silver; } #post-comments p { margin: 0px 0px 1px 0px; padding: 0px; } #post-comments-left { float: left; text-align: right; } #post-comments-left p { margin: 3px 0px 8px 0px; } #post-comments-right { float: right; } /*********** бронирование ***********/ #fast-reply { background-color: #f5f5f5; padding: 0 20px; border: 1px dotted silver; margin: 10px 0px; } html>body #fast-reply { padding: 20px; } #order-hotel { position: relative; } #fast-reply div.order-field { position: relative; margin-bottom: 3px; width: 42em; text-align: right; } #order-wishes { position: relative; margin-top: 3px; width: 42em; text-align: left; } #fast-reply div.order-field input { width: 24em; border: 1px solid silver; } /* #fast-reply select { border: 1px solid silver; } */ #fast-reply textarea { border: 1px solid silver; width: 100%; } #submit { text-align: right; } /* #submit input { background-image: url(''); border: none; width: 115px; height: 16px; margin-top: 2px; }*/ #submit input { margin-top: 3px; width: 14em; } /*********** навигация по сайту ***********/ #navigation { position: absolute; top: 260px; left: 30px; width: 180px; margin: 0; padding: 0; font-size: 11px; font-weight: bold; text-transform: uppercase; border-bottom: 1px dotted #CCC; } #navigation ul { margin: 0; } #navigation ul a:link, #navigation ul a:visited { display: block; padding: 5px 5px 5px 10px; text-decoration: none; } #navigation ul a:hover { color: #75a60e; } #navigation ul ul { padding: 0 0 5px 20px } #navigation ul ul a:link, #navigation ul ul a:visited { padding: 0; color: #999; font-size: 9px; } #navigation ul ul a:hover { color: #bad286; } #navigation ul ul li { border-top: 1px dotted #FFF; } #navigation li { border-bottom: 1px dotted #FFF; border-top: 1px dotted #CCC; } #navigation li.first { border-top: 1px dotted #CCC; } /************** промо-колонка **************/ #headlines { position: absolute; top: 220px; right: 20px; width: 180px; margin: 0; padding: 0; } /*********** пока не используются ***********/ .weekdays { font-size: 8px; word-spacing: 7px; text-transform: uppercase; } .weekdays-eng { font-size: 8px; word-spacing: 2px; text-transform: uppercase; } .digits { font: 12px Georgia, Serif; color: #000; } .red {font-size: 14px; color: #FF0000; } #calendar td.holiday a:link, #calendar td.holiday a:visited { background-color: #FFF; } #calendar-full td.holiday a:link, #calendar-full td.holiday a:visited { background-color: #FFF; } #weather170 { position: relative; width: 168px; height: 40px; overflow: hidden; border: 1px solid silver; margin: 10px 0 0 0; height: 70px; height: 50px; height: 33px; } #weather170 a { position: absolute; top: -25px; left: -3px; cursor: default; } #relevant { font-size: 11px; line-height: 11px; margin: 0 0 15px 0; padding: 0 0 10px 0; background-image: url('dotted.gif'); background-position: bottom; background-repeat: repeat-x; } html>body #relevant { line-height: 13px; } #relevant ul { margin: 0 0 0 10px; } #relevant ul li { text-indent: -10px; margin: 0px 0 2px 0; } #relevant img.featured { border: 1px solid black; margin: 0 3px 3px 0; } #relevant p { font-size: 10px; line-height: 11px; margin: 0 0 5px 0; } #relevant p.info { margin: 5px 0 0 0 !important; } #relevant img.featured { border: 1px solid black; margin: 0 3px 3px 0; float: left; clear: left; } #relevant img.thumb { border: 1px solid black; margin: 0 5px 3px 0; float: left; clear: left; } #micro-cell { position: relative; height: 45px; } #micro-cell p { line-height: 10px !important; margin: 0px !important; } /* ###################### content tables ###################### */ #content table { width: 100%; margin: 0 0 10px 0; text-align: center; font-size: 11px; border-top: 1px solid #DDD; border-collapse: collapse; cursor: default; } #content th { height: 25px; padding: 0 5px; background: #F1F1F1 url('dotted.gif') bottom left repeat-x; } #content td { height: 25px; padding: 0 5px; background: #FFFFFF url('dotted.gif') bottom left repeat-x; } #content th a { text-decoration: none; } #content tr.even { background-color: #F7F7F7; } #content tr.promoted { font-size: 13px; font-weight: bold; color: #5db247; } #content tr.promoted a { color: #5db247; } #content tr.promoted strong { color: #5db247; } #content tr.inactive { color: #CCC; } #content tr.inactive a { color: #CCC; text-decoration: none; } #content tr.inactive strong { color: #BBB; } /* #content-item-table table { width: 100%; margin-bottom: 10px; text-align: center; font-size: 11px; background-color: #FFF; border-top: 1px solid #DDD; border-collapse: collapse; cursor: default; } #content-item-table table th { height: 25px; padding: 0 5px; background-image: url('dotted.gif'); background-position: bottom; background-repeat: repeat-x; background-color: #F1F1F1; } #content-item-table table th a { text-decoration: none; } #content-item-table table td { height: 25px; padding: 0 5px; background-image: url('dotted.gif'); background-position: bottom; background-repeat: repeat-x; } #content-item-table table td img { border: 1px solid silver; margin: 0 0 0 1px; } #content-item-table table tr.even { background-color: #FFF; } #content-item-table table tr.promoted { font-size: 13px; font-weight: bold; color: #5db247; } #content-item-table table tr.promoted a { color: #5db247; } #content-item-table table tr.promoted strong { color: #5db247; } #content-item-table table tr.inactive { color: #CCC; } #content-item-table table tr.inactive a { color: #CCC; text-decoration: none; } #content-item-table table tr.inactive strong { color: #BBB; } */ /* ###################### icons ###################### */ #icons { position: relative; height: 18px; width: 100%; } #rating { position: absolute; top: 2px; left: 0; } #rating img { border: 1px solid silver !important; margin: 1px 1px 0 0 !important; float: none !important; } #geo { position: absolute; top: 2px; right: 0; } #geo img { border: 1px solid silver !important; vertical-align: middle; margin: 0 0 0 1px !important; } #geo p { padding-right: 3px !important; } /** forms **/ /*********** формы в контенте ***********/ form { } form img { margin: 5px 0; border: 1px solid #888; } textarea { margin: 3px 0 0 0; border: 1px solid silver; width: 458px; } select { margin: 0 0 3px 0; border: 1px solid silver; } input.text { margin: 0 0 3px 0; border: 1px solid silver; width: 300px; } input.checkbox { } input.button { margin: 5px 0; } #content-form { background-color: #FFF; padding: 20px; margin: 10px 0 10px 0; border: 1px dotted silver; background-color: #F1F1F1; } .content-form-fields { text-align: right; } label.overlabel { color:#999; color: #666666; text-align: right; } /* unused: compact forms / accessibility */ label.overlabel-apply { position: absolute; top: 3px; left: 5px; z-index: 1; color: #999; } /* unused: compact forms / accessibility */ label.red { color: #F00; font-size: 11px; } /************************** звакладки ***********/ /* #tabs ul { list-style: none; margin: 0 !important; padding: 0; } #tabs li { display: inline; } */ /* .ui-tabs { position: relative; padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } */ .ui-tabs .ui-tabs-hide { display: none !important; } #tabs ul.tabs { margin: 0px; } #tabs ul.tabs li { display: inline; } #tabs ul.tabs li a { display: inline-block; width: 100px; background-color: #eee; color: #777; padding: 3px 10px; font-size: 13px; font-weight: bold; border: 1px dotted silver; } #tabs ul.tabs li a:hover { background-color: #f5f5f5; color: #333; text-decoration: none; } #tabs ul.tabs li.ui-tabs-selected a { background-color: #fff; color: #333; border-bottom: 1px solid white; } #tabs > div { padding: 10px 0; margin-top: -1px; width: 500px; border: none; } /* UL.tabNavigation { list-style: none; margin: 0 !important; padding: 0; } UL.tabNavigation LI { display: inline; } UL.tabNavigation LI A { padding: 3px 10px; background-color: #eee; color: #777; text-decoration: none; display: inline-block; width: 100px; border: 1px dotted silver; } UL.tabNavigation LI A strong { font-size: 13px; color: #777; } UL.tabNavigation LI A:hover { background-color: #f5f5f5; color: #333; } UL.tabNavigation LI A.selected { background-color: #fff; color: #333; border-bottom: 1px solid white; } UL.tabNavigation LI A:focus { outline: 0; } */ /* div.tabs { width: 500px; } div.tabs > div { padding: 10px 0; margin-top: -1px; width: 500px; border: none; border-top: 1px dotted silver; } div.tabs > div h2 { margin-top: 10px; } #first { background-color: #fff; } #second { background-color: #fff; } #third { background-color: #fff; } #fourth { background-color: #fff; } */ .waste { min-height: 10px; } /************************* pageflip *********************/ #pageflip { position: relative; } #pageflip img { width: 50px; height: 52px; z-index: 99; position: absolute; right: 0; top: 0; -ms-interpolation-mode: bicubic; } #pageflip .msg_block { width: 50px; height: 50px; position: absolute; z-index: 50; right: 0; top: 0; background: url(subscribe.png) no-repeat right top; text-indent: -9999px; } /* fieldset { padding: 20px; border: 1px dotted silver; } fieldset li { clear: both; list-style: none; padding-bottom: 10px; } fieldset input, fieldset textarea { float: left; width: 350px; } fieldset label { width: 140px; float: left; } */ /* ----------- stylized ----------- */ /* #stylized label{ display:block; font-weight:bold; text-align:right; width:140px; float:left; } #stylized .small{ color:#666666; display:block; font-size:11px; font-weight:normal; text-align:right; width:140px; } #stylized input{ float:left; font-size:12px; padding:4px 2px; border:solid 1px #aacfe4; width:200px; margin:2px 0 20px 10px; } #stylized button{ clear:both; margin-left:150px; width:125px; height:31px; background:#666666 url(img/button.png) no-repeat; text-align:center; line-height:31px; color:#FFFFFF; font-size:11px; font-weight:bold; } */ .s3f form { width: 500px; } .s3f fieldset { padding: 20px; border: 1px dotted silver; font-family: Arial, Tahoma, Verdana; } .s3f legend { font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 0 10px; } .s3f p { } .s3f ul { margin: 20px 0 0 0; } .s3f label { width: 160px; text-align: right; font-weight: bold; float: left; clear: left; } /*.s3f label:after { content: ":" }*/ .s3f .small { width: 160px; text-align: right; font-weight: normal; color: #ccc; font-size: 9px; display: block; } .s3f li { clear: both; list-style: none; padding-bottom: 20px !important; } .s3f input, .s3f textarea { width: 286px; background: #f7f7f7; border: 1px solid #ddd; margin: 0 0 20px 10px; float: right; } .s3f input { height: 18px; padding: 2px 0; } .s3f textarea { height: 100px; font-family: Arial, Tahoma, Verdana; font-size: 12px; clear: right; } .s3f button { clear: both; margin: 0 0 0 170px; } .s3f input.check { width: 16px; height: 16px; padding: 0; float: left; } .s3f input.secret { width: 100px; float: left; } #content-item-table { font-family: 'Trebuchet MS' } #content-item-table td.HotPrice { background-color: #f7f7f7; font-size: 13px; } #content-item-table td.HotName { text-align: left; } #social table, #social tr, #social td { padding: 0; margin: 0; border: none; background: none; } #social table { margin: -3px 0 0 0px; } #social a { margin: 0; } #social a.google-buzz-button { margin: 3px 20px 0 20px; } #social img { border: none; } .social_item { float: left; margin: 0 0 10px 0; } .twtr-widget h3, .twtr-widget h4 { text-transform: none !important; } .twtr-widget p { font-size: 10px !important; } #tabs-1 ul li, #tabs-2 ul li { list-style: outside url(arrow-go.gif) !important; margin: 0 0 0 20px; } ul li p { margin: 2px 0; } .seo { position: absolute; left: -9999px; }