body {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	border: none;
}

FORM {
    margin:0;
}

h1 {
	color: #333333;
    font-weight:normal;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 30px;
    margin:0;
    padding:0;
	padding-bottom: 5px;
}

h2 {
    margin:0;
    padding:0;
    font-weight:normal;
}

h4 {
    margin:0;
    padding:0;
    font-weight:normal;
    display:inline;
    font-size:18px;
    white-space:normal;
}

h6 {
    margin:0;
    padding:0;
    font-weight:normal;
}

.text1 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.text2 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.text3 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}

.text4 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
}

.text5 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
}

.text6 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
}

.text7 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 22px;
	color: #000000;
}

.text8 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 24px;
	color: #000000;
}

.text9 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 26px;
	color: #000000;
}

.text10 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 28px;
	color: #000000;
}

.red {
	color: #960A0D;
}

.white {
	color: #FFFFFF;
}

.blue {
	color: #3D5492;
}

.gray {
	color: #666666;
}

.pink {
	color: #ef9d98;
}

a {
	color: #3766B3;
}

a:hover {
	color: #8f0000;
}

a:visited:hover {
	color: #8f0000;
}

a:visited {
	color: #3766B3;
}

li {
	color: #8f0000;
	list-style-type: square;
    margin-top:10px;
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
    white-space:normal;
}

.fields {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	border: 1px solid #CCCCCC;
}

.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 33px;

}

.fieldGray {
	background-color: #F2F0EA;
}

/*-------   меню   -------*/
.menu{
	left: -1000px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	padding:1px;
	/*background-color:white;*/
	z-index:1000;
}
.imenu{
	position:absolute;
	z-index:-1;
	height:500px;
	width:500px;
	/*-----Это фича для IE------*/
	FILTER: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}
/*-------Тень------*/
.shad_top{
	background-image:url('i/shad_top.png');
}
.shad_top_left{
	background-image:url('i/shad_top_left.png');
	width:14px;
}
.shad_top_right{
	background-image:url('i/shad_top_right.png');
	width:14px;
}
.shad_left{
	background-image:url('i/shad_left.png');
	width:14px;
}
.shad_right{
	background-image:url('i/shad_right.png');
	width:14px;
}
.shad_bot{
	background-image:url('i/shad_bot.png');
}
.shad_bot_left{
	background-image:url('i/shad_bot_left.png');
	width:14px;
}
.shad_bot_right{
	background-image:url('i/shad_bot_right.png');
	width:14px;
}

/*-------- регистрация ---------*/
#regform {
	display: none;
	z-index: 199;
	width: 500px;
	height: 300px;
	position: absolute;
	top: 123px;
	left: 232px;
}
/*-------формы редактирования инфы блоггера*/
#blogRadioForm, #blogThreeRadioForm, #messageForm, #blogEditForm, #blogAreaForm, #blogDateForm, #blogAddFotoForm, #blogViewFotoForm, #blogViewUserLifeForm, #blogViewUserCarForm, #blogFriendsEditForm, #sendWelcomeForm, #changePassForm, #forgotPasswordForm {
	display: none;
	z-index: 199;
	width: 500px;
	height: 200px;
	position: absolute;
	top: 123px;
	left: 232px;
}
#screen, #messagescreen, #blogradioscreen, #blogThreeradioscreen, #blogeditscreen, #blogareascreen, #blogdatescreen, #blogaddfotoscreen, #blogviewfotoscreen, #blogviewuserlifescreen, #blogViewUserCarScreen, #blogFriendsEditscreen, #sendWelcomeScreen, #changePassScreen, #forgotPasswordFormScreen {
	DISPLAY: none;
	Z-INDEX: 198;
	RIGHT: 0;
	BACKGROUND: url(i/regform_fon.png);
	LEFT: 0;
	WIDTH: 100%;
	POSITION: absolute;
	TOP: 0;
	HEIGHT: 100%;
}
/*----И это тоже фича  для IE-------*/
*HTML #screen {
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="i/regform_fon.png", sizingMethod="scale");
	BACKGROUND-IMAGE: url(i/spacer.gif);
	BACKGROUND-COLOR: transparent;
}
*HTML #changePassScreen {
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="i/regform_fon.png", sizingMethod="scale");
	BACKGROUND-IMAGE: url(i/spacer.gif);
	BACKGROUND-COLOR: transparent;
}
*HTML #blogareascreen {
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="i/regform_fon.png", sizingMethod="scale");
	BACKGROUND-IMAGE: url(i/spacer.gif);
	BACKGROUND-COLOR: transparent;
}
*HTML #messagescreen {
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="i/regform_fon.png", sizingMethod="scale");
	BACKGROUND-IMAGE: url(i/spacer.gif);
	BACKGROUND-COLOR: transparent;
}
*HTML #blogeditscreen {
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="i/regform_fon.png", sizingMethod="scale");
	BACKGROUND-IMAGE: url(i/spacer.gif);
	BACKGROUND-COLOR: transparent;
}
*HTML #blogdatescreen {
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="i/regform_fon.png", sizingMethod="scale");
	BACKGROUND-IMAGE: url(i/spacer.gif);
	BACKGROUND-COLOR: transparent;
}
*HTML #blogaddfotoscreen {
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="i/regform_fon.png", sizingMethod="scale");
	BACKGROUND-IMAGE: url(i/spacer.gif);
	BACKGROUND-COLOR: transparent;
}

*HTML #blogviewfotoscreen {
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="i/regform_fon.png", sizingMethod="scale");
	BACKGROUND-IMAGE: url(i/spacer.gif);
	BACKGROUND-COLOR: transparent;
}

*HTML #blogviewuserlifescreen {
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="i/regform_fon.png", sizingMethod="scale");
	BACKGROUND-IMAGE: url(i/spacer.gif);
	BACKGROUND-COLOR: transparent;
}

*HTML #blogViewUserCarScreen {
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="i/regform_fon.png", sizingMethod="scale");
	BACKGROUND-IMAGE: url(i/spacer.gif);
	BACKGROUND-COLOR: transparent;
}

*HTML #blogFriendsEditscreen {
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="i/regform_fon.png", sizingMethod="scale");
	BACKGROUND-IMAGE: url(i/spacer.gif);
	BACKGROUND-COLOR: transparent;
}

*HTML #sendWelcomeScreen {
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="i/regform_fon.png", sizingMethod="scale");
	BACKGROUND-IMAGE: url(i/spacer.gif);
	BACKGROUND-COLOR: transparent;
}

*HTML #blogradioscreen {
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="i/regform_fon.png", sizingMethod="scale");
	BACKGROUND-IMAGE: url(i/spacer.gif);
	BACKGROUND-COLOR: transparent;
}

*HTML #forgotPasswordFormScreen {
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="i/regform_fon.png", sizingMethod="scale");
	BACKGROUND-IMAGE: url(i/spacer.gif);
	BACKGROUND-COLOR: transparent;
}

.iregform{
	position:absolute;
	z-index:-1;
	height:280px;
	width:500px;
	/*-----Это фича для IE------*/
	FILTER: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}

*HTML #blogThreeareascreen {
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="i/regform_fon.png", sizingMethod="scale");
	BACKGROUND-IMAGE: url(i/spacer.gif);
	BACKGROUND-COLOR: transparent;
}

.ie120max {
    width: expression(this.offsetWidth < 120 ? "auto" : 120);
}

.ie60max {
    width: expression(this.offsetWidth < 60 ? "auto" : 60);
}

.ie50max {
    width: expression(this.offsetWidth < 50 ? "auto" : 50);
}

.ie450max {
    width: expression(this.offsetWidth < 450 ? "auto" : 450);
}