@charset "utf-8";
/* 
CSS Document by SufiT
icq: 196563241
e-mail: ec.sufit@gmail.com
 */

* {
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

body {
	font-family: Tahoma;
	font-size: 12px;
	color: #5d6673;
	background: #a9abae;
	text-align: left;
}

td {
	vertical-align: top;
}

img {
	border: 0px;
}

.clear {
	clear: both;
}

a {
	text-decoration: underline;
	color: #1458b1;
}

a:hover {
	text-decoration: none;
}

.cover {
	width: 964px;
	margin: 0 auto;
}

.normalButton {
	height: 24px;
	padding-left: 6px;
	padding-right: 6px;
	background: url(../../img/ru/normalButton.png) top left repeat-x;
	border: 1px solid #5d6673;
	font-family: Tahoma;
	font-size: 12px;
	padding-bottom: 3px;
}
.normalButtonBold {
	font-weight: bold;
	height: 24px;
	padding-left: 6px;
	padding-right: 6px;
	background: url(../../img/ru/normalButton.png) top left repeat-x;
	border: 1px solid #5d6673;
	font-family: Tahoma;
	font-size: 12px;
	padding-bottom: 3px;
}

/* header */

#header {
	height: 100px;
	background: #737171;
	position: relative;
	padding: 0px 20px;
	color: white;
	font-size: 11px;
}

#header a {
	color: white;
}
	/* logo image */
.mainLogo {
	margin-top: 20px;
	float: left;
}
	/* site description */
.siteDesc {
	display: block;
	width: 250px;
	float: left;
	margin: 26px 0px 0px 27px;
}
	/* contacts on Top */
.contactsTop {
	display: block;
	width: 200px;
	float: left;
	margin: 22px 0px 0px 95px;
}

	/* сыылки EN and Выход */
.linksTop {
	float: right;
	margin-top: 40px;
}

/* end header */

#container {
	width: 100%;
}

/* leftCol (левая колонка с контентом) */

#leftCol {
	width: 705px;
	background: url(../../img/ru/leftCol_bg.png) right repeat-y #fff;
}
	/* слой с балансом пользователя */
div.userInfo {
	padding-top: 26px;
	height: 44px;
	background: url(../../img/ru/dotBorder.gif) bottom repeat-x;
}

span.userName {
	display: block;
	float: left;
	background: url(../../img/ru/iconUser.png) 20px center no-repeat;
	padding: 2px 0px 2px 43px;
	font-weight: bold;
}

span.userName a {
	font-weight: normal;
}

span.userBalance {
	display: block;
	float: right;
	padding: 2px 20px 2px 0px;
	font-weight: bold;
}

span.userBalance a {
	font-weight: normal;
}
	/* слой с главным контентом */
div.content {
	padding: 25px;
}

#leftCol h1 {
	color: #f8c100;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 20px;
}

#leftCol h2 {
	font-size: 18px;
	color: #5d6673;
	font-weight: normal;
	margin-bottom: 10px;
}

/* privateCab - меню на главной странице */
ul.privateCab {
	list-style: none;
	width: 300px;
	float: left;
	margin-right: 25px;
	margin-bottom: 17px;
}

ul.privateCab li {
	padding-left: 14px;
	padding-bottom: 15px;
	background: url(../../img/ru/mainpageBul.gif) 2px 6px no-repeat;
	line-height: 16px;
}

ul.privateCab li a {
	font-weight: bold;
}

ul.privateCab li.ulHeader {
	font-size: 18px;
	color: #5d6673;
	background: none;
}

/* input для ввода текста по умолчанию */
.textInput {
	border: 1px solid #5d6673;
	height: 22px;
	color: #5d6673;
	padding-left: 7px;
	margin-right: 20px;
}

/* !!!таблицы: */

th {
	background: #ccc;
	font-weight: bold;
	color: #5d6673;
	padding: 10px 15px;
}

/* страница "Баланс" */
.balanceInfo {
	margin-left: auto;
	margin-right: auto;
}

.balanceInfo th, .balanceInfo td {
	border: 3px solid white;
	width: 250px;
	padding: 10px 15px;
}

/* страница "Корзина" */
.bagData {
	width: 100%;
}

.bagData th, .bagData td {
	vertical-align: middle;
	text-align: center;
	padding: 13px;
	border-left: 1px solid white;
}

/* стили кнопок, присутствуюищх на сайте */
.deleteButton {
	width: 74px;
	height: 24px;
	background: url(../../img/ru/deleteButton.png) top left no-repeat;
	font-size: 0px;
	border: 0px;
}

.orderButton {
	width: 74px;
	height: 24px;
	background: url(../../img/ru/orderButton.png) top left no-repeat;
	font-size: 0px;
	border: 0px;
}

.saveButton {
	width: 83px;
	height: 24px;
	background: url(../../img/ru/saveButton.png) top left no-repeat;
	font-size: 0px;
	border: 0px;
}

.filterButton {
	width: 110px;
	height: 24px;
	background: url(../../img/ru/filterButton.png) top left no-repeat;
	font-size: 0px;
	border: 0px;
	margin-left: 150px;
}

.prolongationButton {
	width: 82px;
	height: 24px;
	background: url(../../img/ru/prolongationButton.png) top left no-repeat;
	font-size: 0px;
	border: 0px;
}

.checkButton {
	width: 104px;
	height: 24px;
	background: url(../../img/ru/checkButton.png) top left no-repeat;
	font-size: 0px;
	border: 0px;
	margin-bottom: 27px;
}

.addButton {
	width: 138px;
	height: 24px;
	background: url(../../img/ru/addButton.png) top left no-repeat;
	font-size: 0px;
	border: 0px;
	margin-right: 20px;
}

.payButton {
	width: 148px;
	height: 24px;
	background: url(../../img/ru/payButton.png) top left no-repeat;
	font-size: 0px;
	border: 0px;
	margin-right: 20px;
}

.addGoButton {
	width: 302px;
	height: 24px;
	background: url(../../img/ru/addGoButton.png) top left no-repeat;
	font-size: 0px;
	border: 0px;
}

.nextButton {
	width: 83px;
	height: 24px;
	background: url(../../img/ru/nextButton.png) top left no-repeat;
	font-size: 0px;
	border: 0px;
	margin-top: 10px;
	margin-left: 10px;
}

.prevButton {
	width: 83px;
	height: 24px;
	background: url(../../img/ru/prevButton.png) top left no-repeat;
	font-size: 0px;
	border: 0px;
	margin-top: 10px;
	margin-right: 4px;
}

.changeButton {
	width: 187px;
	height: 24px;
	background: url(../../img/ru/changeButton.png) top left no-repeat;
	font-size: 0px;
	border: 0px;
	margin-right: 20px;
}

.restoreButton {
	width: 159px;
	height: 24px;
	background: url(../../img/ru/restoreButton.png) top left no-repeat;
	font-size: 0px;
	border: 0px;
}

/* страница "Личные данные" */

.privateData {
	margin-bottom: 30px;
	width: 100%;
}

.privateData th {
	background: #ccc;
	color: black;
	padding: 15px 20px 18px 20px;
	font-weight: normal;
}

#leftCol .privateData th h2 {
	color: black;
	margin-bottom: 0px;
}

.privateData td.left {
	text-align: right;
	width: 280px;
	padding: 11px 3px 3px 10px;
	line-height: 12px;
}
.privateData td.right {
	text-align: left;
	width: 345px;
	padding: 13px 3px 3px 10px;
}
.privateData td.right input {
	padding-top: 2px;
	border: 1px solid #85a2bc;
	width: 218px;
	font-size: 11px;
	height: 18px;
}

.privateData .title {
	color: black;
	font-size: 11px;
}
.privateData .desc {
	color: #5d6673;
	font-size: 10px;
}

.privateData td.right .saveButton {
	width: 83px;
	height: 24px;
	background: url(../../img/ru/saveButton.png) top left no-repeat;
	font-size: 0px;
	border: 0px;
}

/* обратная связь. этап 1 */

.feedbackFirst {
	width: 655px;
}

.feedbackFirst td {
	padding: 2px 10px 2px 15px;
	font-weight: bold;
}

.feedbackFirst td.left {
	width: 60px;
}
.feedbackFirst td.right {
	width: 525px;
}

.feedbackFirst input {
	width: 100%;
	font-size: 11px;
	height: 21px;
	*height: 20px;
	background: url(../../img/ru/buttonBg1.png) top left repeat-x;
	border: 1px solid #003c74;
	padding-bottom: 2px;
	*padding-bottom: 0px;
}

/* обратная связь. этап 2 и 3 */

.feedbackSecond {
	width: 655px;
}

.feedbackSecond th {
	border-left: 2px solid white;
}

.feedbackSecond td {
	padding: 2px 5px 2px 15px;
	font-weight: bold;
}

.feedbackSecond td.date {
	width: 90px;
}
.feedbackSecond td.msgTitle a {
	text-decoration: none;
	color: #5d6673;
}
.feedbackSecond td.status {
	width: 70px;
}
.answerYes {
	color: green;
}
.answerNo {
	color: red;
}

.feedbackSecond input {
	width: 100%;
	font-size: 11px;
	height: 21px;
	*height: 20px;
	background: url(../../img/ru/buttonBg1.png) top left repeat-x;
	border: 1px solid #003c74;
	padding-bottom: 2px;
	*padding-bottom: 0px;
}

.feedbackSecond td div.msgText {
	padding: 6px 5px 6px 15px;
	border: 1px solid #5d6673;
	background: white;
	margin-left: 1px;
	margin-top: 3px;
	margin-bottom: 10px;
	font-size: 11px;
	font-weight: normal;
}

.feedbackSecond td div.msgText p {
	margin-bottom: 15px;
}

.feedbackSecond td div.msgText p.adminAnswer {
	color: red;
}

/* стили для страницы Мои домены */

.myDomainsFilter {
	font-size: 11px;
	width: 570px;
}

.myDomainsFilter td {
	vertical-align: middle;
	padding-right: 5px;
	padding-bottom: 8px;
}

.myDomainsFilter .textInput {
	height: 15px;
	margin-right: 3px;
	font-size: 11px;
}

.myDomains {
	width: 100%;
	margin-top: 20px;
	text-align: center;
}

.myDomains th {
	border-left: 3px solid white;
}

.myDomains td {
	padding-top: 5px;
	vertical-align: middle;
}

p.listing {
	font-weight: bold;
	color: black;
	margin-top: 40px;
	text-align: center;
}

/* стили для страницы Регистрация Шаг 1 */

.registrationStep1 {
	width: 580px;
	margin-left: 40px;
}

.registrationStep1 th {
	font-size: 18px;
	font-weight: normal;
	vertical-align: middle;
	text-align: center;
	width: 87px;
	height: 97px;
}

.registrationStep1 td {
	vertical-align: middle;
	padding-left: 20px;
}

.requestedVariant {
	width: 100%;
	margin-top: 40px;
}

.requestedVariant th {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

.requestedVariant td {
	padding-top: 5px;
	text-align: center;
}

.domainFree {
	color: green;
}

.domainOccupied {
	color: red;
}

/* Регистрация. Шаг 3 */

.registrationStep3 {
	width: 100%;
}

.registrationStep3 th {
	padding-left: 50px;
}

.registrationStep3 td {
	padding-left: 50px;
	font-size: 11px;
	padding-top: 10px;
}

.registrationStep3 td.total {
	padding-right: 50px;
	font-size: 12px;
	padding-top: 20px;
	text-align: right;
	font-weight: bold;
}

/* Смена DNS */

.dnsChange {
	width: 100%;
}
.dnsChange th, .dnsChange td {
	text-align: center;
}
.dnsChange td {
	padding-top: 10px;
}

/* Мои счета */

.myAccounts {
	width: 100%;
}

.myAccounts th {
	border-left: 3px solid white;
	text-align: center;
}

.myAccounts td {
	text-align: center;
	padding-top: 10px;
	vertical-align: middle;
}

/* Учетная запись */

.account {
	width: 100%;
}

.account th {
	width: 170px;
	border-bottom: 2px solid white;
	vertical-align: middle;
}

.account td {
	padding-left: 20px;
	vertical-align: middle;
}

/* end leftCol */

/* правая колонка с меню */

#rightCol {
	padding-top: 7px;
	padding-left: 5px;
	padding-right: 5px;
	width: 249px;
	background: url(../../img/ru/rightBg.gif) right repeat-y white;
}

/* меню в правой колонке */
ul.rightMenu {
	list-style: none;
	margin-left: 16px;
	margin-bottom: 30px;
}

ul.rightMenu li {
	background: url(../../img/ru/rightMenuBg.gif) 3px 5px no-repeat;
	padding-left: 14px;
}

/* Заголовки для правой колонки */
#rightCol h2 {
	color: #e6e7e8;
	font-size: 18px;
	font-weight: normal;
	padding: 7px 0px 0px 55px;
	height: 33px;
	margin-bottom: 20px;
}

#rightCol h2.managementHeader {
	background: url(../../img/ru/managementBg.png) no-repeat;
}
#rightCol h2.bagHeader {
	background: url(../../img/ru/bagBg.png) no-repeat;
}
#rightCol h2.whoisHeader {
	background: url(../../img/ru/whoisBg.png) no-repeat;
}
#rightCol h2.informationHeader {
	background: url(../../img/ru/informationBg.png) no-repeat;
}

/* содержимое корзина в правой колонке */
span.bagRightContent {
	display: block;
	margin-left: 19px;
	margin-bottom: 30px;
}

/* whois в правой колонке */

div.whoisRightContent {
	margin-left: 19px;
	margin-bottom: 30px;
}

.whoisRightInput {
	height: 22px;
	border: 1px solid #5d6673;
	background: url(../../img/ru/whoisInputBg.gif) left top repeat-x;
	margin-top: 6px;
}

.whoisButtonInput {
	border: none;
	font-size: 0px;
	width: 32px;
	height: 24px;
	background: url(../../img/ru/whoisButtonBg.png) left top no-repeat;
}

/* end rightCol*/

/* footer */

#footer {
	position: relative;
	background: #a9abae;
	color: #2e343c;
	padding: 18px 0px 18px 25px;
}

#footer a {
	color: #2e343c;
	text-decoration: none;
}

/* end footer */