.comment {
border-bottom:1px dotted #666666; /*Точечная рамка по нижней стороне*/
border-left:1px dotted #666666; /*Точечная рамка по левой стороне*/
border-right:1px dotted #666666; /*Точечная рамка по правой стороне*/
width:450px; /*Ширина окошка комментария*/
margin:0px 0px 10px 10px; /*Отступ от левого края*/
font:14px Arial, Helvetica, sans-serif; /*Семейство и размер шрифта в окошке комментария*/
color:#333333; /*Цвет шрифта*/
}
.comment .top {
background:url(images/top.jpg) repeat-x; /*Верхняя графическая полоска в окошке комментария*/
padding:10px; /*Внутренние отступы*/
}
.comment .text {
padding:10px; /*Внутренние отступы*/
}
.title {
color:#000099; /*Цвет надписи "Добавление комментария"*/
font:20px "Times New Roman"; /*Семейство и размер шрифта надписи "Добавление комментария"*/
margin:10px; /*Отступы со всех сторон*/
}
.comment-form {
font:13px Arial; /*Семейство и размер шрифта в форме*/
color:#333; /*Цвет шрифта в форме*/
margin-left:10px; /*Отступ от левого края*/
}
.comment-form input,textarea{
border:1px solid #999; /*Тёмная рамка для полей*/
padding:5px; /*Внутренние отступы для полей*/
background-color:#f6f6f6; /*Светло-серый фон полей*/
}
.comment-form .button {
background-image:url(images/button.jpg); /*Изображение вмест кнопки*/
text-transform:uppercase; /*Увеличение каждоый буквы*/
color:white; /*Белый цвет надписи на кнопке*/
width:155px; /*Ширина кнопки*/
height:34px; /*Высота кнопки*/
border:none; /*Отсутствие рамки*/
font-weight:bold; /*Выделение надписи на кнопке жирным*/
}
.alert {
background-color:#0099CC; /*Фон подсказки*/
font:bold 15px Arial; /*Настрока шрифта*/
color:white; /*Цвет шрифта*/
width:350px; /*Ширина оконшка подсказки*/
height:28px; /*Высота окошки подсказки*/
padding:10px 5px 5px 10px; /*Внутренние отступы*/
text-align:center; /*Выравнивание текста*/
}