/* 
=============================================================
This Skin for DataLife Engine Developed by elemental.kz
Copyright © 2007-2008 elemental • studio  All Rights Reserved.

File 'style.css' - Cascading Style Sheet (CSS) Document
=============================================================
*/

html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-family: tahoma, Arial, verdana;
	color: #dddddd;	
	background-color: #0e1418;
	background-image: url("../images/main_bk.gif");
}
body  h1{
font-size: 20px;
}
table {
	border: 0px;
	border-collapse: collapse;
}
table td {
	padding: 0px;
}

a {
	color: #DDDDDD;
	}
	
p {margin: 0; padding: 0;}

/* ==================== */
.login {
	color: #dddddd;
	font-size: 11px;
	font-family: tahoma, Arial, verdana;
}
.login a:active,
.login a:visited,
.login a:link {
	color: #dddddd;
	text-decoration: none;
}
.login a:hover {
	color:#f5f5f5;
	font-size:11px;
	text-decoration:underline;
}
.category a:active,
.category a:visited,
.category a:link {
	color: #dddddd;
	font-size: 11px;
	font-family: tahoma, Arial, verdana;
	text-decoration: none;
}
.category a:hover {
	color: #f5f5f5;
	text-decoration: underline;
}
.category_y a:active,
.category_y a:visited,
.category_y a:link {
	color: #ffcc00;
	font-size: 11px;
	font-family: tahoma, Arial, verdana;
	text-decoration: none;
}
.category_y a:hover {
	color: #ffff33;
	text-decoration: underline;
}

.box2 {
	color: #000000;
	font-size: 11px;
	font-family: tahoma, Arial, verdana;
}
.box2 a:active,
.box2 a:visited,
.box2 a:link {
	color: #000000;
	text-decoration: none;
}
.box2 a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.box {
	color: #B3BDC1;
	font-size: 11px;
	font-family: tahoma, Arial, verdana;
}


.boxpm {
	color: #000000;
	font-size: 11px;
	font-family: tahoma, Arial, verdana;
}


.box a:active,
.box a:visited,
.box a:link {
	color: #B3BDC1;
	text-decoration: none;
}
.box a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.search {
	color: #DDDDDD;
	font-size: 11px;
	font-family: tahoma, Arial, verdana;
	font-weight: bold
}
.search a:active,
.search a:visited,
.search a:link {
	color: #dddddd;
	text-decoration:none;
}
.search a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* ==================== */

.speedbar {
	color: #DDDDDD;
	font-size: 12px;
	font-family: tahoma, Arial, verdana;
	font-weight: bold;
}
.speedbar a {
	color: #DDDDDD;
	text-decoration:none;
}
.speedbar a:hover {
	text-decoration: underline;
}
.speedbar2 {
	color: #eeebdf;
	font-size: 11px;
	font-family: tahoma, Arial, verdana;
	font-weight: bold;
}
.speedbar2 a:active,
.speedbar2 a:visited,
.speedbar2 a:link {
	color: #eeebdf;
	text-decoration:none;
	font-weight:bold
}
.speedbar2 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.speedbar3 img {
	vertical-align:text-top; 
	margin-top: 0px;
	margin-left: 5px;
}
.speedbar3 {
	color: #dddddd;
	font-size: 11px;
	font-family: tahoma, Arial, verdana;
	padding-bottom: 1px;
}
.speedbar3 a:active,
.speedbar3 a:visited,
.speedbar3 a:link {
	color: #dddddd;
	text-decoration:none;
}
.speedbar3 a:hover {
	color: #f5f5f5;
	text-decoration: underline;
}

.abc {
	color: #333333;
	font-size: 12px;
	font-family: tahoma, Arial, verdana;
	font-weight: bold;
	word-spacing: 15px;
}
.abc a {
	color: #333333;
	text-decoration:none;
}
.abc a:hover {
	color: #000000;
	border-bottom: dotted 1px #000000;
}
/* ==================== */

.slink a:active,
.slink a:visited,
.slink a:link {
	color: #ffba00;
	font-family: tahoma, Arial, verdana;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
	text-shadow: 0 1px 2px #333;
}
.slink a:hover {
	color: #ffcd47;
	text-decoration: underline;
}
.slink2 a:active,
.slink2 a:visited,
.slink2 a:link {
	color: #B3BDC1;
	text-decoration:none;
}
.slink2 a:hover {
	color: #999999;
	text-decoration: none;
}
.com_name {
	font-family: tahoma, Arial, verdana;
	color: #c96300;
	text-decoration:none;

}
.com_name a:active,
.com_name a:visited,
.com_name a:link {
	font-family: tahoma, Arial, verdana;
	color: #c96300;
	text-decoration:none;
}
.com_name a:hover {
	color: #d96b00;
	text-decoration: underline;
}
.date {
	color: #70787c;
	font-size: 11px;
	font-family: tahoma, Arial, verdana;
}
.date a:active,
.date a:visited,
.date a:link {
	color: #8a9194;
	text-decoration:none;
}
.date a:hover {
	color: #8a9194;
	text-decoration: underline;
}
/* ==================== */

.copy2 {
	color: #6d8800;
	font-size: 11px;
	font-family: tahoma, Arial, verdana;
}
.copy3 {
	color: #dddddd;
	font-size: 11px;
	font-family: tahoma, Arial, verdana;
}
.copy4 {
	color: #DDDDDD;
	font-size: 11px;
	font-family: tahoma, Arial, verdana;
}
.copy {
	color: #FFFFFFF;
	font-size: 10px;
	font-family: tahoma, Arial, verdana;
}
.copy a:active,
.copy a:visited,
.copy a:link {
	color: #FFFFFF;
	text-decoration:none;
}
.copy a:hover {
	color: #6bc0f0;
	text-decoration: underline;
}

/* ==================== */

.stext {
	color: #B3BDC1;
	font-size: 11px;
	font-family: tahoma, Arial, verdana;
}
.stext a:active,
.stext a:visited,
.stext a:link {
	color: #4c8ce5;
	text-decoration:none;
}
.stext a:hover {
	color: #4c8ce5;
	text-decoration: underline;
}

/* ==================== */

.ltitle {
	color: #ffffff;
	font-size: 11px;
	font-family: tahoma, Arial, verdana;
	font-weight: normal;
}

/* ==================== */

.ntitle {
	color: #afd400;
	font-size: 16pt;
	font-family: Trebuchet MS, arial, verdana, tahoma;
	text-shadow: 0 1px 2px #333;
}
.ntitle a {
	color: #afd400;
	text-decoration: none;
}
.ntitle a:hover {
	color: #dddddd;
	text-decoration: underline;
}

/* ==================== */

.ctitle {
	color: #958e75;
	font-size: 10px;
	font-weight: normal;
}
.ctitle a {
	color: #2fb6e4;
	text-decoration: none;
}
.ctitle a:hover {
	color: #2fb6e4;
	text-decoration: underline;
}

/* ==================== */

.news {
	color: #dddddd;
	font-family: tahoma, Arial, verdana;
	font-size:11px; 
	line-height: 15px
}
.news a {
	color: #b3bdc1;
	text-decoration: none;
}
.news a:hover {
	color: #f5f5f5;
	text-decoration: underline;
}
.news img {
	padding: 0px;
}

/* ==================== */

.news2 {
	color: #dddddd;
	font-family: tahoma, Arial, verdana;
	font-size:11px; 
	line-height: 15px
}
.news2 a {
	color: #b3bdc1;
	text-decoration: none;
}
.news2 a:hover {
	color: #f5f5f5;
	text-decoration: underline;
}
.news2 img {
	border: #4c5357 solid 1px;
	margin-right: 10px;
}

/* ==================== */

.userstop {
	color: #DDDDDD;
	font-size: 11px;		/* ! */
	font-family: tahoma, Arial, verdana;	/* ! */
	text-decoration: none;
}
.userstop a {
	color: #DDDDDD;
	text-decoration: none;
}
.userstop a:hover {
	color: #DDDDDD;
	text-decoration: underline;
}
.userstop td {
	padding: 3px;
}
.userstop thead {
	color: #DDDDDD;
	font-weight: bold;
}

/* ==================== */

.skin {
	padding-left: 10px;
}
select {
	color: #B3BDC14;
	font-size: 11px;
	font-family: tahoma, Arial, verdana;
}

/* ==================== Поле малой формы поиска */

.s_field {
	color: #DDDDDD;			/* ! */
	font-size: 11px;		/* ! */
	font-family: tahoma, Arial, verdana;	/* ! */
	background-color:#FFFFFF;
	height: 14px;
	padding-left: 3px;
	
	border: 1px solid #e6e6e6;	
}

/* ==================== Поле формы авторизации */

.a_field {
	color: #B3BDC1;		/* ! */
	font-size: 11px;		/* ! */
	font-family: tahoma, Arial, verdana;	/* ! */
	background-image: url("../images/field_a.gif");
	background-repeat: repeat-x;
	height: 14px;
	padding-left: 3px;
	
	border: 1px solid #ffffff;	
}

/* ==================== */

.inputstyle_01 {
	font-size: 11px;
	color: #B3BDC1;
	font-family: tahoma, Arial, verdana;
	padding-left:3px;
	border: 1px solid #9bb0b6;
}
.inputstyle_02 {
	font-size: 11px;
	color: #E5E7E8;
	font-family: tahoma, Arial, verdana;
	padding-left:3px;
	height: 21 px;
	border: 1px solid #9bb0b6;
	background-color:#3A4146;
}
.f_textarea {
	color: #E5E7E8;		/* ! */
	font-size: 11px;		/* ! */
	font-family: tahoma, Arial, verdana;	/* ! */
	padding-left:3px;
	background-color:#3A4146;

	width: 90%;
	height: 156px;
	border: 1px solid #9bb0b6;
}

.f_textarea2 {
	color: #E5E7E8;		/* ! */
	font-size: 11px;		/* ! */
	font-family: tahoma, Arial, verdana;	/* ! */
	padding-left:3px;
	background-color:#3A4146;

	width: 90%;
	height: 156px;
	border: 1px solid #9bb0b6;
}

.f_input {
	color: #E5E7E8;		/* ! */
	font-size: 11px;		/* ! */
	font-family: tahoma, Arial, verdana;	/* ! */
	padding-left:3px;
	height: 21 px;
	background-color:#3A4146;
	width: 300px;	
	border: 1px solid #9bb0b6;
}

.f_input2 {
	color: #E5E7E8;		/* ! */
	font-size: 11px;		/* ! */
	font-family: tahoma, Arial, verdana;	/* ! */
	padding-left:3px;
	background-color:#3A4146;
	width: 300px;
	height: 18px;
	border: 1px solid #9bb0b6;
}

.chat_text {
	color: #FFFFFF;		/* ! */
	font-size: 11px;		/* ! */
	font-family: tahoma, Arial, verdana;	/* ! */
	padding-left:3px;
	height: 21 px;
	background-color:#4C5357;
	width: 300px;
	height: 14px;
	border: 1px solid #9bb0b6;
}
.f_select {
	color: #B3BDC1;		/* ! */
	font-size: 11px;		/* ! */
	font-family: tahoma;	/* ! */
	background-color: #ffffff;	
	height: 14px;
	border: 1px solid #9bb0b6;
}

/* ==================== Главное меню сайта */

.blo_1title {
	font-family: tahoma, Arial, verdana;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 0 1px 2px #333;
	margin-top: -15px;
	vertical-align: top;
	padding-top: 5px;
	
}
.blo_1title b {
	font-family: tahoma, Arial, verdana;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: -15px;
	
	}
	
.blo_2title {
	font-family: tahoma, Arial, verdana;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}
.white a:active,
.white a:visited,
.white a:link {
	color: #ffffff;
	text-decoration: none;
}
.white a:hover {
	font-family: tahoma, Arial, verdana;
	font-size: 11px;
	color: #ffffff;
	text-decoration: underline;	
}
.whitesmall {
	font-family: tahoma, Arial, verdana;
	font-size: 10px;
	color: #7a868b;
	text-decoration: none;	
}
.whitesmall a:active, 
.whitesmall a:visited,
.whitesmall a:link {
	font-family: tahoma, Arial, verdana;
	font-size: 10px;
	color: #7a868b;
	text-decoration: none;	
}
.whitesmall a:hover {
	color: #DDDDDD;
	text-decoration: underline;	
}
.whitesmall2 {
	font-family: tahoma, Arial, verdana;
	font-size: 10px;
	color: #eeeeee;
	text-decoration: none;	
}
.whitesmall2 a:active, 
.whitesmall2 a:visited,
.whitesmall2 a:link {
	font-family: tahoma, Arial, verdana;
	font-size: 10px;
	color: #eeeeee;
	text-decoration: none;	
}
.whitesmall2 a:hover {
	color: #ffffff;
	text-decoration: underline;	
}
.navigation {
	color:#dddddd; 
	border:0px;
}

.navigation a:link,
.navigation a:visited,
.navigation a:hover,
.navigation a:active {
	text-decoration:none;
	color: #dddddd;
	background:#4c5357;
	border:1px solid #868d90;
	padding:2px 4px;
	font-size:11px
}

.navigation a:hover {
	background:#646b6f;
	color:#f5f5f5;
	border-color:#868d90;
}

.navigation span {
	text-decoration:none;
	background:#666c70;
	padding:2px 4px;
	border:1px solid #868d90;
	color:#cccccc;
	font-size:11px;
}
#hintbox {
text-align:left;
width:300px;
font-size: 11px;
border: 1px solid #9F9F9F;
font-family: Verdana, Geneva, sans-serif;
color:#4B4B4B;
z-index: 3;
margin: 0px 15px 0px 0px;
padding:10px;
position:absolute;
visibility:hidden;
margin-top: 10px;
margin-right: 0;
margin-bottom: 0;
margin-left: 10px;
background-color: #F7F7F7; 
}

.editdate { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("../images/ico_site.png");
background-origin: padding-box;
background-position: 100% 0px;
background-repeat: no-repeat;
background-size: auto;
color: #84ae1b;
font-size: 0.9em;
font-style: italic;
margin-bottom: 15px;
padding-right: 35px;
text-align: right;
}

.top2 {padding-top:21px; border-top:1px solid #fff; background:#f7f7f7;}
.menu {height:30px; position:absolute; margin:0; margin-top:-2px; font-size:10px; left:6%; z-index:100;}

ul.topnav {padding:0; margin:0; list-style-type: none;}
ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0;
	position: relative; 
	border-left:1px solid #b5b5b5; width:120px;
	font:11px Verdana; 
}
ul.topnav li a{display:block; width:115px;  text-decoration:none; padding:0 0 0 5px; height:30px; line-height:30px; color:#222; background:#eee url(../img/mf.png) repeat-x; text-align:center;}
ul.topnav li a.ms1 {background:#eee url(../img/ms1.png);}
ul.topnav li a.ms2 {background:#eee url(../img/ms2.png);}
ul.topnav li:hover > a{color:#fff; background:#999 url(../img/mf.png) 0 -30px repeat-x; border-right:1px solid #e2e2e2;}
ul.topnav li:hover > a.ms1 {background:#999 url(../img/ms1.png) 0 -30px;}
ul.topnav li:hover > a.ms2 {background:#999 url(../img/ms2.png) 0 -30px;}

ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; 
	left: 0; top: 30px;
	background:#999 url(../img/mf.png) 0 -31px repeat-x;;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 160px;
	
	opacity:1;
	z-index:5;
	text-align:left;
	height:28px;
	line-height:28px;
	color:#fff;
	
}


ul.topnav li ul.subnav2 {
	list-style: none;
	position: absolute; 
	left: 150px; top: -2px;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 160px;
	border: 1px solid #243945;
	height:28px;
	line-height:28px;
	z-index:20;
}

ul.topnav li ul.subnav li{
	margin: 0; padding: 0; border: 1px solid #243945;
	border-top: 1px solid #446273; 
	border-bottom: 1px solid #243945; 
	clear: both;
	width: 160px;
	background:#999 url(../img/mf.png) 0 -31px repeat-x;
	text-align:left;
	height:28px;
	line-height:28px;
	color:#fff;
	
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
border:0;
	background:#999 url(../img/mf.png) 0 -31px repeat-x;
	padding-left: 15px;
	text-align:left;
	font:11px Verdana;
	height:28px;
	line-height:28px;
	color:#fff;
	
}
html ul.topnav li ul.subnav li a:hover { 
background: #37596c;
}


a.addtrack img { 
	
	display: block; 
	width: 192px; 
	height: 50px; 
	border: 0px;
	background: url("../images/addtrack.png") no-repeat; 
}

a.addtrack:hover img { 
	background-position: 0 -51px; 
}

a.addreliz img { 
	
	display: block; 
	width: 230px; 
	height: 50px; 
	border: 0px;
	background: url("../images/addmusic.png") no-repeat; 
}

a.addreliz:hover img { 
	background-position: 0 -51px; 
}

.fgdf
{
border:1px #CCCCC solid;
}