SAKH
Постоялец
- Регистрация
- 15 Янв 2008
- Сообщения
- 77
- Реакции
- 11
- Автор темы
- #1
Здравствуйте уважаемые участники !
Может для профи это вовсе не проблема, но я занимаюсь этим "постольку поскольку".. Ну никак не моги сделать!
Мне надо увеличит "междустрочный интервал". Например в модуле "Опрос" строчки очень близки к друг другу. В модулях лента новостей тоже самое. В "Вопросах и ответах" всё тоже так рядом и сжато совсем. А мне надо чтобы был отступ. Что то там пробовал поставить padding:5; Отступ появился нормальный, но сайт весь перекосило.. всё сдвинулось вправо. Вобщем не могу.
Сайт вот он Для просмотра ссылки Войдиили Зарегистрируйся
(Не мой.. к ООО не имею отношения... решил таким образом проблему хостинга для себя)
Помогите пожалуйста!
Вот css:
Может для профи это вовсе не проблема, но я занимаюсь этим "постольку поскольку".. Ну никак не моги сделать!
Мне надо увеличит "междустрочный интервал". Например в модуле "Опрос" строчки очень близки к друг другу. В модулях лента новостей тоже самое. В "Вопросах и ответах" всё тоже так рядом и сжато совсем. А мне надо чтобы был отступ. Что то там пробовал поставить padding:5; Отступ появился нормальный, но сайт весь перекосило.. всё сдвинулось вправо. Вобщем не могу.
Сайт вот он Для просмотра ссылки Войди
(Не мой.. к ООО не имею отношения... решил таким образом проблему хостинга для себя)
Помогите пожалуйста!
Вот css:
Код:
/* CSS Document */
/*__________________________________________________________________TAGS_____________________________________*/
body, button, td, th, div, p {font:normal 12px Arial; color:#000}
input {color:#000}
body {background:#0e0e0e url(../images/tail.gif) repeat-x 0 0;}
td {line-height:16px; color:#000;}
a {color:#000; text-decoration:underline}
a:visited {color:#000;}
a:hover {color:#000; text-decoration:none}
label {color:#000;}
p {line-height:16px; padding:0px 0px 0px 0px;}
/*__________________________________________________________________CONTENT_____________________________________*/
.inputbox {border:1px solid #46462f;}
.article_indent, #component-contact {padding:24px 20px 10px 33px;}
.article_separator {line-height:20px}
#component-contact textarea {margin:0px 0px 10px 0px;}
#component-contact input {margin:2px 0px 3px 0px;}
#component-contact td {padding:0px 0px 5px 0px;}
.contentpaneopen td {line-height:16px}
.contentpaneopen p {padding:0px 0px 0px 0px;}
.contentpaneopen font {color:#000}
.contentpaneopen img {margin:0px 15px 0px 0px;}
.contentpaneopen li {background:url(../images/li_bg2.gif) no-repeat 0 5px; padding:0px 0px 5px 10px; margin:0px 0px 0px 0px; line-height:14px}
.contentpaneopen li a {color:#000; text-decoration:none; padding:0px 0px 0px 13px;}
.contentpaneopen li a:hover {text-decoration:underline}
#page {padding:10px 20px 10px 25px;}
/*______________________HEADING__________________*/
.componentheading {color:#000; font-size:18px; font-weight:bold; padding:0px 0px 10px 25px;}
.contentheading {color:#000; font-size:11px; font-weight:bold; padding:0px 0px 0px 0px; text-transform:uppercase}
.buttonheading {padding:12px 0px 0px 0px;}
/*______________________BUTTONS__________________*/
.button, .validate {color:#fff; font-size:12px; font-weight:bold; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:url(../images/button.gif); width:95px; height:20px; display:block; text-transform:none; text-align:center; border:none}
/*button.button {background:#378ab7; color:#fff; background:url(../images/vote.gif); width:67px; height:20px; display:block;}
/*______________________READ_MORE________________*/
a.readon {color:#fff; font-size:11px; font-weight:bold; margin:10px 0px 0px 0px; padding:3px 0px 5px 0px; text-align:center; text-decoration:none; height:20px; background:url(../images/button.gif) no-repeat 0 0; display:block; width:95px}
a.readon:hover {color:#282828; text-decoration:none}
.readmore {padding:0px 0px 0px 0px;}
/*______________________ITEMINFO__________________*/
.iteminfo {background:url(../images/iteminfo_gl.gif) repeat-x bottom; padding:0px 0px 6px 0px; margin:0px 0px 15px 0px;}
.modifydate {color:#5a5a5a; font-size:10px; padding:5px 0px 0px 0px;}
.createdby {color:#5a5a5a; font-weight:bold; font-size:11px; display:block; text-transform:none}
.createdate {color:#5a5a5a; font-size:11px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-transform:none}
.small {color:#5a5a5a; font-weight:normal; font-size:11px; margin:5px 0px 0px 0px; text-transform:none }
span.small {background:url(../images/small.gif) no-repeat 0 0; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-transform:none}
/*______________________BLOGMORE__________________*/
.blog_more {padding:10px 0px 10px 25px}
.blog_more h2 {color:#000; font-size:12px; background:none; padding:0px 0px 0px 0px;}
.blog_more ul {margin:10px 0px 0px 10px;}
.blog_more ul li {background:none !important}
.blog_more a {color:#000;}
.blog_more a:hover {color:#000; text-decoration:none;}
.blog_more strong {color:#000;}
/*______________________PAGE_NAVIGATION___________*/
.pagenav {color:#000; font-size:12px; font-weight:normal}
a.pagenav {color:#000;}
a.pagenav:hover {color:#000; text-decoration:none}
.pagination_nav {color:#000; background:url(../images/article_separator.gif) repeat-x 0 0; font-size:12px; padding:7px 0px 0px 0px;}
.pagination {margin-top:10px}
.pagination li {float:left; padding:0px 5px 0px 5px;}
/*______________________RESULT____________________*/
.sectiontableentry0 td {padding:5px 0px 5px 0px; border-bottom:1px solid #333;}
.sectiontableentry1 td {padding:5px 0px 5px 0px; border-bottom:1px solid #333; border-top:1px solid #000; background:#025163}
.sectiontableentry2 td {padding:5px 0px 5px 0px;}
.sectiontableentry0,
.sectiontableentry1,
.sectiontableentry2 {background:url(../images/li_bg.gif) repeat-x 0 bottom}
.sectiontableentry1 a {color:#fff}
.sectiontableentry1 a:hover {color:#fff}
.sp {padding-right:4px !important}
.sp2 {padding:0px 0px 0px 10px;}
/*______________________POLL______________________*/
.pollstableborder {margin:10px 0px 0px 0px;}
.poll {width:175px}
.poll thead td {font-size:11px; color:#4f93a3; padding:10px 0px 0px 0px;}
.pollstableborder td {padding:2px 0px 2px 5px; vertical-align:top; text-align:left; font-size:11px}
.pollstableborder label {color:#5f6258; font-size:11px; padding:1px 0px 5px 8px; display:block}
.article_separator {display:block; height:5px; margin:5px 0px 10px 0px;}
.display {padding:0px 0px 10px 0px;}
.display select {border:1px solid #46462f; width:100px;}
.sectiontableentry1 div, .sectiontableentry0 div {font-size:1px}
/*________________________________________SEARCH____________________________________*/
#search {width:257px; height:54px; float:right; padding:0px 0px 0px 0px; background:url(../images/search_bg.gif) no-repeat 0px 0px; margin:30px 0px 0px 0px;}
.search_s7 {}
.inputbox_s7 {width:170px; height:17px; border:none; background:#fff; margin:17px 10px 15px 51px; color:#404040; font-size:11px; padding:2px 0px 0px 5px; vertical-align:middle}
.button_s7 {}
/*_____________________________RESULT___________________________*/
.search_result h3 {color:#1e3300; font-size:14px}
.search_result p {padding:10px 0px 0px 0px;}
#search_searchword {border:1px solid #999}
legend {color:#1e3300}
.phrase {color:#000; margin:10px 10px 10px 0; padding:10px; width:60%; border:solid 1px #ccc; float:left;}
.phrase .inputbox {background:#fff; color:#000; display:block; margin-top:10px; width:12em;}
.phrase .inputbox option {background:#fff; border-bottom:solid 1px #333; padding:2px; }
.phrase .inputbox option a:hover {color:#1e3300; background:#C00; border-color:#CFD0D6; }
fieldset.word,fieldset.only { border:solid 1px #ccc;}
.only {border:solid 0; margin:10px 0 0 10px; padding:5px 10px; line-height:1.3em;}
.word {padding:10px 10px 10px 0; border:solid 0 !important;}
.word input {background:#fff; margin:0 0 0 10px; padding:2px;}
/*________________________________________BOXES________________________________________________________________*/
.module {background:url(../images/box1_bg.jpg) repeat-y 0 0; margin:0px 0px 10px 0px;}
.module div {background:url(../images/box1_bot.jpg) no-repeat 0 bottom; width:100%}
.module div div {background:url(../images/box1_top.jpg) no-repeat 0 0; padding:6px 5px 15px 5px;}
.module div div div {padding:0px 0px 0px 0px; text-align:left; background:none}
.module h3 {color:#fefefe; font-size:11px; font-weight:bold; text-transform:uppercase; padding:17px 0px 13px 39px; background:url(../images/box2_h3.gif) no-repeat 0 0}
.module .button {margin:10px 0px 10px 0px; color:#fff; background:url(../images/vote.gif); width:67px; height:20px; display:inline; font-size:11px !important; font-weight:bold}
.module ul {margin:7px 0px 0px 0px;}
.module li {padding:6px 0px 5px 23px; background:url(../images/li_bg.gif) repeat-x 0 bottom}
.module li a {text-decoration:underline; padding:0px 0px 5px 16px; color:#3e3e3e; font-size:11px; font-weight:bold; background:url(../images/bullet.gif) no-repeat 0 5px; display:block}
.module li a:hover {color:#3e3e3e; text-decoration:none}
.module a {color:#73332a; font-size:12px; text-decoration:none; background:url(../images/box_bullet.gif) no-repeat 0 6px; padding:0px 0px 2px 15px; display:block}
.module a:hover {color:#73332a; text-decoration:underline}
.module_s3 {}
.module_s3 div {}
.module_s3 div div {padding:10px 15px 25px 23px;}
.module_s3 div div div {padding:0px 0px 0px 0px; width:150px; color:#f9f0cf}
.module_s3 h3 {border-bottom:1px solid #ccdae3; color:#2c1412; font-size:13px; font-weight:bold}
.module_s3 .button {display:inline; background:url(../images/vote.gif) no-repeat 0 0; margin:10px 0px 0px 0px;}
.module_s3 ul {padding:0px 0px 0px 0px;}
.module_s3 li {background:url(../images/li_bg3.gif) repeat-x 0 bottom; padding:0px 0px 2px 0px;}
.module_s3 a {color:#364628; font-size:11px; text-decoration:none; background:url(../images/box_bullet.gif) no-repeat 0 6px; padding:0px 0px 2px 15px; display:block}
.module_s3 a:hover {color:#364628; text-decoration:underline}
.module_s4 {width:221px}
.module_s4 div {}
.module_s4 div div {padding:2px 0px 6px 0px;}
.module_s4 div div div {padding:0px 0px 0px 0px; color:#fff; font-size:11px}
.module_s4 h3 {font-size:11px; font-weight:bold; color:#9acad5; display:inline; margin:0px 0px 0px 0px; padding:0px 5px 0px 0px;}
.module_s5 {padding:10px 0px 0px 0px;}
.module_s5 div {}
.module_s5 div div {padding:10px 15px 25px 23px;}
.module_s5 div div div {padding:0px 0px 0px 0px; width:150px; color:#f9f0cf}
.module_s5 h3 {border-bottom:1px solid #ccdae3; color:#2c1412; font-size:13px; font-weight:bold; padding:0px 0px 16px 20px;}
.module_s5 ul {margin:7px 0px 0px 0px;}
.module_s5 li {padding:0px 0px 4px 0px;}
.module_s5 li a {text-decoration:underline; padding:0px 0px 5px 13px; color:#2a2a2a; font-size:13x; font-weight:normal; background:url(../images/bullet2.gif) no-repeat 0 4px; display:block}
.module_s5 li a:hover {text-decoration:none}
.module_s6 {padding:10px 0px 0px 0px;}
.module_s6 div {}
.module_s6 div div {padding:10px 15px 25px 23px;}
.module_s6 div div div {padding:0px 0px 0px 0px; width:150px; color:#f9f0cf}
.module_s6 h3 {border-bottom:1px solid #ccdae3; color:#2c1412; font-size:13px; font-weight:bold; padding:0px 0px 16px 20px; text-transform:uppercase}
.module_s6 ul {margin:7px 0px 0px 0px;}
.module_s6 li {padding:0px 0px 4px 0px;}
.module_s6 li a {text-decoration:underline; padding:0px 0px 5px 13px; color:#187bb1; font-size:13x; font-weight:normal; background:url(../images/bullet.gif) no-repeat 0 4px; display:block}
.module_s6 li a:hover {color:#187bb1; text-decoration:none}
/*________________________________________MAINMENU_____________________________________*/
.module_menu {background:url(../images/box1_bg.jpg) repeat-y 0 0; margin:0px 0px 10px 0px;}
.module_menu div {background:url(../images/box1_bot.jpg) no-repeat 0 bottom; width:100%}
.module_menu div div {background:url(../images/box1_top.jpg) no-repeat 0 0; padding:5px 5px 15px 5px;}
.module_menu div div div{padding:0px 0px 0px 0px; text-align:left; background:none}
.module_menu h3 {color:#fefefe; font-size:11px; font-weight:bold; text-transform:uppercase; padding:17px 0px 13px 39px; background:url(../images/box1_h3.gif) no-repeat 0 0}
.module_menu ul {padding:12px 0px 8px 0px;}
.module_menu li {padding:3px 0px 3px 35px;}
.module_menu li a {color:#171717; font-size:11px; font-weight:bold; text-decoration:underline; line-height:16px; padding:4px 0px 0px 18px; background:url(../images/menu_bullet.gif) no-repeat 0px 10px}
.module_menu li a em {font-style:normal}
.module_menu li a:hover {color:#171717; text-decoration:none}
.module_menu li a:visited{color:#171717}
/*________________________________________TOPMENU_____________________________________*/
#topmenu {margin:0px 0px 0px 0px; height:61px}
ul.menu-nav {padding:0px 0px 0px 0px; background:url(../images/topmenu_separator.gif) no-repeat 0 0}
ul.menu-nav li {display:block; float:left;}
ul.menu-nav li a {color:#fff !important; font-weight:bold; font-size:11px; text-decoration:none; margin:0px 0px 0px 0px; display:block; background:url(../images/topmenu_separator.gif) no-repeat right 26px; text-transform:uppercase}
ul.menu-nav li a span {display:block; padding:25px 37px 0px 37px;}
ul.menu-nav li a span em {font-style:normal}
ul.menu-nav li a:hover {color:#fff; font-weight:bold; font-size:11px; text-decoration:underline}
ul.menu-nav li a:hover span {padding:25px 37px 0px 37px;}
ul.menu-nav li.active a {color:#fff; font-weight:bold; font-size:11px; text-decoration:underline}
ul.menu-nav li.active a span {padding:25px 37px 0px 37px; display:block}
a.menu-nav:visited {color:#fff}
/*________________________________________LOGINFORM_____________________________________*/
.module_s2 {background:url(../images/box1_bg.jpg) repeat-y 0 0; margin:0px 0px 10px 0px;}
.module_s2 div {background:url(../images/box1_bot.jpg) no-repeat 0 bottom; width:100%}
.module_s2 div div {background:url(../images/box1_top.jpg) no-repeat 0 0; padding:6px 5px 15px 5px;}
.module_s2 div div div {padding:0px 0px 0px 0px; text-align:left; background:none}
.module_s2 h3 {color:#fefefe; font-size:11px; font-weight:bold; text-transform:uppercase; padding:17px 0px 13px 39px; background:url(../images/box1_h3.gif) no-repeat 0 0}
.module_s2 label {color:#5f6258; padding:0px 0px 2px 0px; display:block; vertical-align:middle; font-size:10px}
.module_s2 .box0_bot {background:url(../images/box0_bot.png) no-repeat 0 0; height:15px; line-height:15px; width:224px}
.module_s2 p {color:#242426; padding:0px 0px 0px 0px; font-size:10px}
.module_s2 a {color:#1c8ba2 !important; font-size:10px; text-decoration:underline; font-weight:normal}
.module_s2 a:hover {color:#1c8ba2; text-decoration:none}
.module_s2 form {text-align:left; padding:3px 0px 0px 22px;}
.module_s2 form div {width:65px; margin:auto;}
* html .module_s2 form div {width:65px; margin:0px 0px 0px 0px;}
.module_s2 .inputbox {width:150px !important; height:17px; border:1px solid #818181; margin:2px 0px 2px 0px; padding:0px 0px 0px 3px; color:#818181; vertical-align:middle; background:#fff;} /* inputbox */
.module_s2 .button {display:block; width:65px !important; height:20px; background:url(../images/login.gif); border:none; color:#fff; font-size:11px; font-weight:bold !important; margin:7px 0px 5px 0px; vertical-align:middle; text-align:center; padding:0px 0px 0px 0px; font-family:Tahoma} /* button */
#mod_login_remember {margin:0px 10px 0px 0px; vertical-align:middle; background:none; border:none; float:left; display:block; width:12px} /*checkbox*/
.required {border:1px solid #46462f; margin:0px 0px 0px 0px;}
input.requred {border:none !important}
.module_content {background:url(../images/news_caption.gif) no-repeat; margin:0px 0px 10px 0px; width:100%; padding-top:0px; padding-left:0px;}
._content {padding-top:40px; padding-left:90px;}
/*___________________________________________________________INDEX.PHP_STYLES_________________________________*/
.main {width: 869px; margin:auto}
#top {height:123px; background:url(../images/top_bg.gif) no-repeat 0 0; padding:0px 10px 0px 0px;}
#logo {cursor:pointer;}
#logo .space {padding:29px 0px 0px 27px;}
#content {padding:25px 0px 0px 0px;}
.box_indent {padding:5px 10px 0px 15px !important;}
.box_indent .width {width:170px}
.box_indent_content .width_content {width:100%;padding-top:50px; padding-left:35px; padding-left:5px;}
.c1 {width:234px;}
.c1 .space {padding:0px 0px 0px 10px !important;}
.c2 {width:100%}
.c2 .space {padding:0px 0px 0px 0px !important}
#footer {padding:0px 0px 0px 0px; height:86px}
#footer .space {padding:0px 7px 0px 7px; text-align:left}
#footer .space div {padding:30px 0px 0px 20px; color:#5a9aaa !important; font-weight:normal; font-size:11px;}
#footer a {color:#5a9aaa; font-size:11px; text-decoration:underline;}
#footer a:hover {text-decoration:none}
.c_t {background:url(../images/c_t.gif) repeat-x 0 0 #fff;}
.c_l {background:url(../images/c_l.gif) repeat-y 0 0; width:100%}
.c_r {background:url(../images/c_r.gif) repeat-y right 0}
.c_tl {background:url(../images/c_tl.gif) no-repeat 0 0}
.c_tr {background:url(../images/c_tr.gif) no-repeat right 0}
.c_bl {background:url(../images/c_bl.gif) no-repeat 0 bottom;}
.c_br {background:url(../images/c_br.gif) no-repeat right bottom; min-height:500px; height:auto !important; height:500px; }
.c_tr .space {padding:21px 24px 17px 21px;}
.sp {padding:0px 5px 0px 3px;}
.title_bg {background:url(../images/title_bg.gif) no-repeat 0 0; padding:0px 0px 0px 64px;}
#container {padding:11px 0px 0px 0px;}
.title_tl {background:url(../images/title_tl.gif) no-repeat 0 0 #ddf9ff}
.title_tr {background:url(../images/title_tr.gif) no-repeat right 0}
.title_bl {background:url(../images/title_bl.gif) no-repeat bottom left}
.title_br {background:url(../images/title_br.gif) no-repeat right bottom; min-height:84px; height:auto !important; height:84px;}
.space3 {padding:20px 0px 0px 84px;}
.icon_right {background:url(../images/icon_right.gif) no-repeat right 0 ; height:41px; padding:0px 5px 0px 5px;}
.icons {background:url(../images/icon_left.gif) no-repeat 0 0 #fff ; width:1px}
.title_pad {padding:0px 18px 0px 0px;}
.error h2 {font:bold 14px Tahoma; color:#052128; padding:0px 0px 5px 20px;}
dt.error {display: none; margin:0px 0px 10px 0px;}
#system-message {margin:0px 0px 10px 0px;}
#system-message dd.error { }
#system-message dd.error ul { color: #abe1f3; background: #052128 ; border-top: 3px solid #5caabb; border-bottom: 3px solid #5caabb; margin:0; padding:8px 0px 8px 5px;}
#page {padding:0px 0px 0px 26px;}
#page ol {margin:0px 0px 0px 25px; text-align:left}
#page ol li {padding:0px 0px 3px 0px; border-bottom:1px solid #1f7891; margin:0px 0px 10px 0px;}
#page ol li h4 {font-size:110%}
.searchintro {padding:0px 0px 10px 0px;}
.searchintro strong {color:#1f7891}
#page h3 {font-size:130%; color:#1f7891; padding:10px 0px 5px 0px; text-align:left}
#page .inputbox {border:1px solid #556062; color:#000}
#page .display {padding:10px 0px 0px 0px;}
legend {color:#1f7891}
.results {text-align:center}
/*-----LISTS-----*/
/*---nonNumeric Lists without links---*/
#container ul li{ background:url(../images/li_bg2.gif) no-repeat 0px 2px; padding:0px 0px 3px 14px; list-style-image:none; list-style:none; line-height:14px; color:#000;}
#container ul li ul{ margin-left:15px;}
#container ul li ol {margin-left:20px;}
#container ul li ol li{ list-style-type:decimal; color:#000}
/*---Numeric Lists without links---*/
#container Ol { padding-left:2px;}
#container Ol li{ background:none; padding:0px; margin-left:20px; line-height:14px; color:#000;}
#container Ol ul li{ margin:0px; list-style-image:none; list-style:none; line-height:19px;}
#container Ol li ul li {background:url(../images/li_bg2.gif) no-repeat 0px 0px; padding-left:11px; color:#000; font-weight:normal;}
/*---nonNumeric Lists---*/
#container ul li{ list-style-image:none; list-style:none; line-height:14px;}
#container ul li a { color:#000; font-weight:normal; text-decoration:underline;}
#container ul li a:hover{ text-decoration:none; }
#container ul li ul{ margin-left:15px;}
#container ul li ol {margin-left:20px;}
#container ul li ol li{ list-style-type:decimal; color:#000}
#container ul li ol li a { background:none;}
/*---Numeric Lists---*/
#container Ol { padding-left:2px;}
#container Ol li{ background:none; padding:0px; margin-left:20px; line-height:14px; color:#000;}
#container Ol li a { padding-left:0px; color:#000; font-weight:normal; text-decoration:underline;}
#container Ol li a:hover{ text-decoration:none; }
#container Ol ul li{ background:url(../images/li_bg2.gif) no-repeat 4px 0px; padding-left:11px; margin:0px; list-style-image:none; list-style:none; line-height:14px;}
#container Ol li ul li a { color:#000; font-weight:normal; text-decoration:underline;}
#container Ol li ul li a:hover {text-decoration:none;}
.test {
padding:29px 0px 0px 27px;
}
/* CSS Document */
* {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
table {border-collapse:collapse; border:0px; width:100%;}
td {vertical-align:top}
th {text-align:left; vertical-align:top}
img {border:none}
ul {list-style:none}
h2 {font-size:120%}
h3 {font-size:110%}
textarea .inputbox {width:350px; height:100px}
.clr {clear:both}
* html .width {width:100%}
.middle {vertical-align:middle}
.main {margin:auto;}
.dt {margin:auto; width:auto; display:table} /* align center (for topmenu)*/
/*---------------- COMPONENT "CONTENT" -------------*/
.component {
width: 100%;
padding-left:20px;
}
.con_heading {
font-size: 24px;
color:#7192A6;
margin-bottom: 8px;
}
.con_pubdate{
color:#666666;
font-weight:bold;
}
.con_description {
margin-top:8px;
margin-bottom: 8px;
}
.con_desc{
margin-top:0px;
}
.con_title{
font-weight:bold;
font-size:16px;
}
.con_icons{
margin:4px;
margin-top:9px;
margin-left:10px;
}
.con_icon{
margin-top:4px;
}
.con_details{
margin-top:8px;
font-size:10px;
color:#999999;
}