/*access
a-fontsize
a-fontsize-small
a-fontsize-normal
a-fontsize-big
a-colors
a-color1
a-color2
a-color3
a-images
a-imagesoff
a-search
a-settings
popped
choose-font-family
font-family
choose-letter-spacing
letter-spacing
choose-colors
saveit
closepopped
default*/

/*#out dd, #out dl, #out dt, #out div*/
body.pagestyle_black_white *,
body.pagestyle_white_black *,
body.pagestyle_yellow_blue *
{
	/* margin: 0; */
	/* padding: 0; */
}

body.pagestyle_black_white *,
body.pagestyle_white_black *,
body.pagestyle_yellow_blue *
{
	/* margin: 0; */
	/* padding: 0; */
}

body.pagestyle_black_white p,
body.pagestyle_white_black p,
body.pagestyle_yellow_blue p
{
	margin-top: 2px;
}

#out dl {
	margin-left: 14px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#out dl dd {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#out {
	display:none;
	position: relative;
	height: 50px;
}
.access {
	/*background: rgba(0, 0, 0, 0) url("access.png") no-repeat scroll 0 0;*/
	background-image: url("access.png");
	color: #000;
	font-size: 17px;
	height: 46px;
	position: fixed;
	top: 0;
	width: 814px;/*903px;*/
	z-index: 1000;
	left: 50%;
	margin-left: -387px;/*-465px;*/
	/*padding-left: 26px;*/
	border: medium solid black;
}
.access a {
	outline: medium none;
}
.a-fontsize {
	display: inline;
	float: left;
	margin-left: 23px;
	padding-top: 13px;
}
.a-fontsize dt {
	text-shadow: 0 1px 0 #fff;
}
.a-fontsize dt, .a-fontsize dd {
	float: left;
}
.a-fontsize a {
	background-image: url("fontsize.png");
	display: inline;
	float: left;
	height: 31px;
	margin-left: 5px;
	position: relative;
	text-decoration: none;
	top: -5px;
}
.a-fontsize-small {
	height: 31px;
	width: 20px;
}
a.a-fontsize-small:hover, .fontsize-small a.a-fontsize-small {
	background-position: 0 -31px;
}
.a-fontsize-normal {
	background-position: -20px 0;
	width: 26px;
}
a.a-fontsize-normal:hover, .fontsize-normal a.a-fontsize-normal {
	background-position: -20px -31px;
}
.a-fontsize-big {
	background-position: -46px 0;
	width: 26px;
}
a.a-fontsize-big:hover, .fontsize-big a.a-fontsize-big {
	background-position: -46px -31px;
}
.a-colors {
	display: inline;
	float: left;
	margin-left: 13px;
	padding-top: 13px;
	width: 200px;
}
.a-colors dt {
	float: left;
	margin-right: 10px;
	text-shadow: 0 1px 0 #fff;
}
.a-colors dd {
	float: left;
}
.a-colors a {
	background-image: url("colors.png");
	display: inline;
	float: left;
	height: 31px;
	margin-left: 5px;
	position: relative;
	text-decoration: none;
	top: -5px;
	width: 26px;
}
.a-color1 {
}
.a-color2 {
	background-position: -26px 0;
}
.a-color3 {
	background-position: 100% 0;
}
.a-color1:hover, .color1 .a-color1 {
	background-position: 0 -31px;
}
.a-color2:hover, .color2 .a-color2 {
	background-position: -26px -31px;
}
.a-color3:hover, .color3 .a-color3 {
	background-position: 100% -31px;
}
.a-images {
	display: inline;
	float: left;
	padding-top: 13px;
}
.a-images dt {
	float: left;
	margin-right: 10px;
	text-shadow: 0 1px 0 #fff;
}
.a-images dd {
	float: left;
}
.a-images a {
	background-image: url("images.png");
	display: inline;
	float: left;
	height: 27px;
	margin-left: 5px;
	position: relative;
	text-decoration: none;
	top: -5px;
	width: 90px;
}


.a-close a {
	background-image: url("a-close.png");
	background-repeat:no-repeat;
	display: inline;
	float: left;
	height: 27px;
	margin-left: 14px;
	position: relative;
	text-decoration: none;
	top: -11px;
	width: 39px;
}


.a-search, .a-settings {
	display: inline;
	float: left;
	margin-left: 13px;
	margin-top: 10px;
	padding-bottom: 6px;
	padding-left: 49px;
	padding-top: 0;
	text-shadow: 0 1px 0 #fff;
}

.a-search {
	/*background: rgba(0, 0, 0, 0) url("a-search.png") no-repeat scroll 0 0;*/
	background-image: url("a-search.png");
	background-repeat:no-repeat;
}

.a-settings {
	background-image: url("a-settings.png");
}

.a-search a, .a-settings a, .a-close a {
	color: #000;
}
.a-settings a {
	background: rgba(0, 0, 0, 0) url("arr.png") no-repeat scroll 100% 60%;
	padding-right: 18px;
}
.popped {
	background: #9ed1ff none repeat scroll 0 0;
	border: 2px solid #000;
	color: #063462;
	display: none;
	font-family: Arial,sans-serif;
	font-size: 20px;
	font-weight: bold;
	left: 0;
	padding: 13px 21px 23px;
	position: absolute;
	top: 46px;
	width: 883px;
	z-index: 100;
}
.access .popped a {
	color: #063462;
}
.popped h2 {
	font-size: 44px;
	margin-bottom: 15px;
}
.popped p span {
	font-weight: normal;
}
.choose-font-family {
	margin-bottom: 10px;
}
#serif {
	font-family: "Times New roman",serif;
}
.font-family, .letter-spacing {
	border: 1px solid #063462;
	border-radius: 3px;
	color: #063462;
	padding: 2px 4px;
	text-decoration: none;
}
.here.font-family, .here.letter-spacing, .spacing-small #spacing-small, .spacing-normal #spacing-normal, .spacing-big #spacing-big, .serif #serif, .sans-serif #sans-serif {
	background: #063462 none repeat scroll 0 0;
	color: #9ed1ff;
}
.choose-letter-spacing {
	margin-bottom: 1em;
}
#out #spacing-small {
	letter-spacing: 0;
}
#out #spacing-normal {
	letter-spacing: 2px;
}
#out #spacing-big {
	letter-spacing: 5px;
}
.choose-colors {
	font-size: 22px;
	list-style: outside none none;
}
.choose-colors a {
	display: block;
	padding: 10px 22px;
	text-decoration: none;
}
.choose-colors a span {
	display: none;
}
#color1 a {
	background: #fff none repeat scroll 0 0;
	color: #000;
}
#color2 a {
	background: #000 none repeat scroll 0 0;
	color: #fff;
}
#color3 a {
	background: #9dd1ff none repeat scroll 0 0;
	border: 6px solid #063462;
	color: #063462;
	padding: 4px 16px;
}
#color4 a {
	background: #f7f3d6 none repeat scroll 0 0;
	color: #4d4b43;
}
#color5 a {
	background: #3b2716 none repeat scroll 0 0;
	color: #a9e44d;
}
.color1 #color1 span, .color2 #color2 span, .color3 #color3 span, .color4 #color4 span, .color5 #color5 span {
	display: inline;
	margin-right: 5px;
}
.saveit {
	font-size: 22px;
	font-weight: bold;
	margin-top: 15px;
	overflow: hidden;
	padding: 5px 0;
	width: 100%;
}
#out .saveit a {
	background: #063462 none repeat scroll 0 0;
	border: 4px solid #063462;
	color: #9dd1ff;
	display: inline;
	float: right;
	margin-left: 28px;
	text-decoration: none;
}
.saveit a span {
	border: 2px solid #9dd1ff;
	float: left;
	padding: 6px 14px;
}
.color1 .popped {
	background: #fff none repeat scroll 0 0;
	border-color: #000;
	color: #000;
}
.color1 .popped a, .color1 .access .popped a {
	color: #000;
}
.color1 #out .font-family, .color1 #out .letter-spacing {
	border-color: #000;
	color: #000;
}
.color1 #out .here.font-family, .color1 #out .here.letter-spacing, .color1.spacing-small #out #spacing-small, .color1.spacing-normal #out #spacing-normal, .color1.spacing-big #out #spacing-big, .color1.serif #out #serif, .color1.sans-serif #out #sans-serif {
	background: #000 none repeat scroll 0 0;
	color: #fff;
}
.color1 #out .saveit a {
	background: #000 none repeat scroll 0 0;
	border-color: #000;
}
.color1 .saveit a span {
	border-color: #fff;
	color: #fff;
}
.fontsize-big .page {
	font-size: 23px;
}
.fontsize-small .page {
	font-size: 14px;
}
.spacing-normal .page, .spacing-normal .popped {
	letter-spacing: 2px;
}
.spacing-big .page, .spacing-big .popped {
	letter-spacing: 5px;
}
.sans-serif .page, .sans-serif .nav a, .sans-serif .subnav a, .sans-serif .footer, .sans-serif #out h2, .sans-serif .popped {
	font-family: Arial,sans-serif;
}

/*Спецефичная настройка для сайта*/

/*текстовые поля*/
body.pagestyle_black_white input[type="text"],
body.pagestyle_yellow_blue  input[type="text"],

body.pagestyle_black_white select,
body.pagestyle_yellow_blue select
{
	border: 5px black solid;
}

body.pagestyle_white_black input[type="text"],
body.pagestyle_white_black select
{
	border: 5px white solid;
	color: white !important;
}

/*кнопки*/
body.pagestyle_black_white input[type="submit"],
body.pagestyle_black_white input[type="button"],

body.pagestyle_yellow_blue  input[type="submit"],
body.pagestyle_yellow_blue  input[type="button"]
{
	border: 5px black outset;
}

body.pagestyle_white_black input[type="submit"],
body.pagestyle_white_black input[type="button"]
{
	border: 5px white outset;
	color: white !important;
}



