/*Общие стили*/
html,body{background:#f2f2f2;margin:0;padding:0;
text-align:center; /*Выравниваем макет по центру в старых версиях браузеров */}
body{font: 76% arial,sans-serif;color:#000;}
p{display:block;margin:0 10px 10px;}
a{color: #000;padding:0px; text-decoration:none;}
h3 {margin:5px;}
a:hover{color:#fff;padding:0px;}
a.h1{color: #fff;padding:0px; text-decoration:underline;}
a.h1:hover{color:#000;font-weight:bold;padding:0px; text-decoration:none;}
/*Header */
div#header {background-image:url(img/header.jpg);margin:0px;width:100%; height:110px;border-bottom:2px groove #f2f2f2;}
/*Левый блок */
div#left{float:left;width:170px;margin-left:-100%; text-align:center;}
div#left p.buy{text-align:left;margin:0; margin-left:10px; margin-top:2px;font: 11px "Times New Roman", Times, serif;}
div#left a.buy{color:#000;padding:0px; text-decoration:underline;}
div#left a.buy:hover{color:#000;padding:0px; text-decoration:underline;}
/*Правый блок */
div#right{float:left;width:170px;margin-left:-170px;text-align:center;}
/*Подвал */
div#footer{background: #333;color: #FFF;clear:left;width:100%; height:43px;font: 12px "Times New Roman", Times, serif;}
div#footer p{margin:0;padding:5px 10px;}
div#footer span.top100{float:left;width:88px;height:31px;margin-top:7px;}
div#footer span.left{float:left; width:32%; margin-left:1%;margin-top:7px;}
div#footer span.center{float:left;width:24%; margin-top:11px;}
div#footer span.right{float:left;width:24%;}
div#footer span.liveinternet{float:right;width:88px;height:31px;margin-top:7px;}
/*Внешние рамки*/
div#container {margin:0 auto;  /*выравниваем макет по центру в современных браузерах */
text-align:left;  /*Отменяем tex-align:center заданное в Body. Делаем чтобы весь текст в макете выравнивался по левому краю */
min-width:970px;  /*задаем минимальную ширину макета в современных браузерах */
width:expression(   /*задаем минимальную ширину макета в старых версия браузера. Просто замените цифру на свою шиирину :) */
(document.compatMode && document.compatMode == 'CSS1Compat')
?
(
document.documentElement.clientWidth < 970
?
"970px"
:
"auto"
)
:
(
document.body.clientWidth < 970
?
"970px"
:
"auto"
)
);
}
div#out_wrapper {float:left;width:100%;}
div#wrapper{float:left;width:100%;}
/*Контент*/
div#content{background-color:#f2f2f2;margin: 0 170px 0 170px; border-left: 2px ridge #f2f2f2; border-right: 2px groove #f2f2f2; min-height:1350px;border-bottom: 2px groove #f2f2f2; padding-bottom:10px;}
div#content p{line-height:1.4;}
div#content p.error {color:#FF0000; text-align:center; font:120% arial,sans-serif; margin:10px;}
h1.head {background-color:#666666;font-size:20px;padding:0;border-bottom: 2px ridge #000; border-top: 2px groove #000;text-align:center; color: #000; margin:0; color: #Fff;}
/*Лого */
div#block_logo {margin:0px; width:21%;float:left; text-align:center;}
div#block_logo a:link {text-decoration:none; color: #000; font-style:oblique;}
div#block_logo a:visited {text-decoration:none; color: #000;font-style:oblique;}
div#block_logo a:active {color:#000; text-decoration:none;font-style:oblique;}
div#block_logo a:hover {color: #000;font-style:oblique;}
/*Поиск и Навигация*/
div#block_search {margin:10px 0; width:59%;float:left; min-width:450px;}
p.nav { margin:2px; font-weight:bold; letter-spacing:6px;font: 120% arial,sans-serif; text-align:center;}
/*Авторизация */
div#block_avt {margin:0px; width:20%;float:left;}
p.visio{margin:0px;font: 100% "Times New Roman", Times, serif; text-align:left;color:#000;}
p.visio_avt{margin:0px;font: 100% "Times New Roman", Times, serif; text-align:left;color:#fff;}
div#block_avt p.vis{margin:5px;font: 120% "Times New Roman", Times, serif; text-align:center;color:#ffffff;}
input[type=text], input[type=password]{border: 1px solid #000;}
input[type=submit] {cursor:pointer;}
textarea {font:110%  Geneva, Arial, Helvetica, sans-serif;}
/*Списки index*/
#spisok0{text-align:center;background-color: #f2f2f2;  margin:5px; float:left;width:48%;}
* html #spisok0{ width: 400px;/*Ширина меню для Internet Explorer*/}
#spisok1{text-align:center;background-color: #f2f2f2;  margin:5px; float:right;width:48%;}
* html #spisok1{ width: 400px;/*Ширина меню для Internet Explorer*/}
#spisok1 a{font: bold 13px Verdana; padding:0;display: block;width: 100%; color: #000000; text-decoration: none; border-bottom: 1px solid gray;}
html>body #spisok1 a{ width: auto;}
#spisok1 a:hover{background-color: #000;color: #fff;}
p.zag_index {margin:5px 5px 5px 5px; padding:0; text-align:center;font: 120% arial,sans-serif;color:#000;}
p.t_index {margin:0; padding:0; text-align:center;font: 100% arial,sans-serif;color:#000;}
p.t_index_1 {margin:0; padding:0; text-align:center;font: 75% arial,sans-serif;color:#000;}
/*Список*/
#spisok{text-align:center;background-color: #f2f2f2;  margin:10px 200px 0 200px;}
* html #spisok{ width: 800px;/*Ширина меню для Internet Explorer*/}
#spisok a{font: bold 13px Verdana; padding:0;display: block;width: 100%; color: #000000; text-decoration: none; border-bottom: 1px solid gray;}
html>body #spisok a{ width: auto;}
#spisok a:hover{background-color: #000;color: #fff;}
/*Малый Список*/
#small_spisok{text-align:center; background-color: #f2f2f2;margin:0; float:right; width:19%; margin-top:10px;}
* html #small_spisok{ width: 200px;}
#small_spisok a{font: bold 13px Verdana;padding: 0px; padding:0;display: block;width: 100%; color: #000000; text-decoration: none;border-bottom: 1px solid gray;}
html>body #small_spisok a{ width: auto;}
#small_spisok a:hover{background-color: #000; color: #fff;}
/*Стили для количества страниц*/
p.str a:hover{background-color: #000000; /*Фоновый цвет ячейки при наведение курсора*/
color: #fff;  /*Цвет текста при наведении курсора*/ }
p.str {font-weight:bold; text-align:center;}
/*Стили для вывода самих переводов*/
div#general {width:80%; float:left; margin:0; padding:0;border-right: 1px solid gray;}
div#general td.left { width:45%; margin:0; padding:0; vertical-align:top;}
div#general td.left a{}
div#general td.left a:hover{color: #000000; text-decoration:underline;}
div#general td.right { width:53%; margin:0; padding:0;border-left: 1px solid gray;vertical-align:top;}
h2 {margin:5px; padding:0; text-align:center;}/*Стиль для заголовка названия и перевода песни*/
div#general p.high{margin:0;padding:0; text-align:center;}/*Абзац Текст песни(оригинал) и Перевод песни(...)*/
div#general p.main{margin:10px;padding:0; font:110%  Geneva, Arial, Helvetica, sans-serif;}/*Абзац текста и перевода*/
div#general p.low{margin:10px;padding:0;}/*Абзац Перевод добавил и Дата*/
div#general p.low a{padding:0; text-decoration:underline;}
div#general p.low a:hover{padding:0; text-decoration:none;}
p.spisok {text-align:center;width:80%; padding-top:10px;}/*Надпись Не понравился перевод...добавить свой*/
form.edit {text-align:center; margin:0;border-bottom: 1px solid gray;}/*Форма кнопки редактировать*/
form.spisok {text-align:center;width:80%; margin-bottom:20px;}/*Форма кнопки добавить перевод*/
/*Комментарии*/
div#comentarii {width:50%;margin:0;margin-left:5%;border-left: 2px ridge #f2f2f2; border-right: 2px groove #f2f2f2; float:left;}
p.song_comments_title {border-top:2px groove #000000;border-bottom: 2px ridge #000; background-color:#666666;;text-align:center;font-size:16px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;color:#ffffff;margin:0;}
p.song_comments_add_text {clear:both;font-size:14px;font-family:Arial, Helvetica, sans-serif;color: #333333;text-align:left;margin:0;border-bottom:1px solid #000000; padding:5px;}
p.rules {color:#FF0000; text-align:center; font:100% arial,sans-serif; margin:5px;}
/*Вывод даты и имени в комментарии*/
dl#general_com {width:100%;float:left; margin:0; padding:0;border-bottom:1px solid #CFCFCF; background-color:#AAAAAA;}
dt#left_com {float:left; margin:0; padding:0;}
dt#left_com a{margin:0; padding:0; text-decoration:underline;}
dt#left_com a:hover{margin:0; padding:0; text-decoration:none; color:#FFFFFF;}
dd#right_com {float:right;margin:0; padding:0;}
/*Форма добавления комментария*/
form.coment {border-top:1px solid #000000;border-bottom:1px solid gray;width:100%;margin:0;padding-bottom:5px;}
p.title_addcoment {text-align:center;font-size:15px;font-family:"Times New Roman", Times, serif;color:#ffffff;margin:0px;background-color:#666666; padding:5px;}
p.song_comments {text-align:center;font-size:15px;font-family:"Times New Roman", Times, serif;color:#000000;margin:0;padding-top:5px;}
b.kapcha {font-size:18px; font-weight:normal;}
/*Форма добавления,редактирования песни(перевода)*/
dl#general_add {width:80%; margin:0;margin-left:10%;margin-top:10px; padding:0; text-align:center;}
dt#left_add { width:45%; float:left; margin:0; padding:0; text-align:center;}
dd#right_add { width:53%; float:left;margin:0; padding:0;text-align:center;}
input.left {width:95%;}
input.right {width:95%;}
p.txt {margin:5px; padding:10px;clear:both;}
textarea.left {width:100%;border:1px solid #000000; height:100%;}
textarea.right {width:100%;border:1px solid #000000;}
dl#general_add input.knopka{margin:10px;}
/*Форма регистрации*/
div#reg  {width:50%;margin:0;margin-left:20%; text-align:center;}
table.reg {width:100%;}
table.reg td.left { text-align:right;}
table.reg td.right { text-align:left;}
input.left_reg {width:75%;}
input.right_reg {width:75%;}
table.reg input.knopka{margin:5px;margin-left:31%;}

/*Форма авторизации*/
form.avt {width:30%;margin:0;margin-left:37%; padding:0;}
/*Форма кнопки добавить песню*/
form.add {width:30%;margin:0;margin-left:40%; padding:0;}
/*Форма кнопки добавить исп*/
form.add_b {width:50%;margin:0;margin-left:25%; padding:0;}
/*Форма кнопки logout*/
form.logout {width:40%;margin:0;margin-left:30%; padding:0;}
/*Форма кнопки Попытаться снова*/
form.rep {width:40%;margin:0;margin-left:30%; padding:0; text-align:center;}
/*Форма кнопки Страницы error*/
form.erorrs {width:20%;margin:0;margin-left:40%; padding:0;}
/*Форма кнопки Добавить исполнителя*/
form.dob_band {width:25%;margin:7px;margin-left:23%; padding:0; float:left;}
/*Отправить заявку*/
form.dob_ask {width:25%;margin:7px; padding:0; float:left;}
/*Форма кнопки Добавить исполнителя на поиске*/
form.dob_band1 {width:25%;margin:7px;margin-left:30%; padding:0; float:left;}
/*Отправить заявку на поиске*/
form.dob_ask1 {width:25%;margin:7px; padding:0; float:left;}
/*Форма кнопки Зарегистрироваться*/
form.reg_go {width:19%;margin:7px;margin-left:40%; padding:0;}

p.index { text-indent:15px; margin:10px;}/*Абзац текста главной страницы*/
p.uspeh { font-weight:bold; text-align:center; margin:10px;}/*Абзац Добавление прошло успешно, Эта опция недоступна, у исп еще нет песен*/

/*Ссылка кнопки Зарегистрироваться в header*/
a.button {font-family: Verdana, Arial, Helvetica, sans-serif; margin-left:5px;
  outline: none; /* убираем точечную обводку в FireFox, которая появляется при клике */
}
a.button:hover {color:#000000;font-family: Verdana, Arial, Helvetica, sans-serif; margin-left:5px; font-weight:bold;}
div#reg_hed:hover { background-image:url(img/reg_hed_hov.jpg);}
/* Черта если у исполнителя нет песен*/
#simpleline{text-align:center;background-color:#f2f2f2;margin:10px 200px 0 200px;border-bottom:1px solid gray;}

/* Навигация профайла*/
div#content_navprofile{background-color:#f2f2f2;margin: 0 170px 0 170px; padding-bottom:10px; text-align:center;}
div#content_profile{margin:0 auto; width:650px; text-align:center; border-left: 2px ridge #f2f2f2; border-right: 2px groove #f2f2f2; min-height:1350px; border-bottom: 2px groove #f2f2f2; }
div#content_profile a{color: #000;padding:0px;text-decoration:none;}
div#content_profile a:hover{color:#000;padding:0px; font-weight:bold;text-decoration:underline;}
div#content_profile p.top{text-align:center;}
div#content_profile p.top_login {font-size:20px; text-align:center; color:#FF0000;}
div#nav_profile {margin:0 auto; width:650px;text-align:center; font-size:12px; padding:0; border-left:2px ridge #f2f2f2; margin-top:10px; height:30px;border-right:2px groove #f2f2f2;border-top:1px solid #000000;}
div#nav_profile a{color: #fff;padding:0px; text-decoration:none;}
div#nav_profile a:hover{color:#000;padding:0px;}
div#cell_nav1 {width:107px;float:left; border-bottom:#000000 solid 1px; border-right:#000000 solid 1px; background-color:#666666; height:30px;}
div#cell_nav2 {width:107px;float:left; border-bottom:#000000 solid 1px; border-right:#000000 solid 1px; background-color:#666666; height:30px;}
div#cell_nav3 {width:107px;float:left; border-bottom:#000000 solid 1px; border-right:#000000 solid 1px; background-color:#666666; height:30px;}
div#cell_nav4 {width:107px;float:left; border-bottom:#000000 solid 1px; border-right:#000000 solid 1px; background-color:#666666; height:30px;}
div#cell_nav5 {width:107px;float:left; border-bottom:#000000 solid 1px; border-right:#000000 solid 1px; background-color:#666666; height:30px;}
div#cell_nav_r {width:110px;float:left; border-bottom:#000000 solid 1px; background-color:#666666; height:30px;}
div#cell_nav_r_active { width:110px;background-color:#f2f2f2;float:left; height:30px;}
div#cell_nav_r_active a{color: #000;padding:0px; text-decoration:underline;}
div#cell_nav_r_active a:hover{color:#000;padding:0px; font-weight:bold;}
div#cell_nav_active { width:107px;background-color:#f2f2f2;float:left; height:30px;border-right:#000000 solid 1px;}
div#cell_nav_active a{color: #000;padding:0px; text-decoration:underline;}
div#cell_nav_active a:hover{color:#000;padding:0px; font-weight:bold;}
/*Профиль - заголовок*/
p.topdiva {background-color:#999999; font-weight:bold; margin:0; text-align:center; padding:0;}
/*Профиль - Персональная информация*/
div#content_profile table.pinfo {margin:0; border:1px solid grey; margin-left:5px; width:320px; text-align:left; float:left;}
div#content_profile td.lefttt { text-align:left; font-weight:bold; width:35%; padding:2px;}
div#content_profile td.righttt { text-align:left;padding:2px;}
div#content_profile input.parviy {width:98%;}
/*Профиль - Друзья*/
div#friend {float:left; text-align:left; border:1px solid grey; margin-left:5px;margin-right:1px; width:318px; margin-bottom:5px;margin-top:5px;}
div#friend1 {text-align:center; border:1px solid grey; margin-left:125px; width:400px; margin-bottom:5px;margin-top:5px;}
div#friend1 ul{padding:0;}
div#friend1 li.first{margin:3px;margin-left: 20px;text-align:left;}
div#friend1 li.second{margin:3px;margin-left: 33px;text-align:left;}
div#friend a{color: #000;padding:0px; text-decoration:none;}
div#friend a:hover{color:#000;padding:0px;text-decoration:underline;}
/*Профиль - Любимые группы*/
div#fav_groups {text-align:center; border:1px solid grey; margin-left:125px; width:400px; margin-bottom:5px;margin-top:5px;}
div#fav_groups li{margin:3px;margin-left: 20px;text-align:left;}
/*Профиль - Стена*/
div#wall {width:100%;margin:0; text-align:center;}
p.song_wall_title {border-top:2px groove #000000;border-bottom: 2px ridge #000; background-color:#666666;;text-align:center;font-size:16px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;color:#ffffff;margin:0;}
p.song_wall_add_text {clear:both;font-size:12px;font-family:Arial, Helvetica, sans-serif;color: #333333;text-align:left;margin:0;border-bottom:1px solid #000000; padding:5px;}
/*Профиль - Личные заявки*/
div#personal {float:right; width:320px; border-left:1px solid grey; border-bottom:1px solid grey;border-top:1px solid grey;}  
/*Header - new messages*/
a.new_mes1 {text-decoration:blink;}
a.new_mes1:hover{text-decoration:none;}
/*Sape*/
p.sape {width:50%;margin:0;margin-left:5%; margin-top:10px; float:left; text-align:center;}
p.sape a:hover{color:#000000; text-decoration:underline;}
div#spi2 { text-align:center;}
div#spi2 a{color:#000000;background-color: #f2f2f2; display: inline; border-bottom:none; font-size:10px;}
div#spi2 a:hover{background-color: #000000; color: #fff;}