.page {
	width: 100%;
	padding-top: 50px;
	max-width: 1280px;
	margin: 0px auto;
}

#edu-sites {
	width: 400px;
	padding: 5px;
}

#edu-sites span:hover {
	cursor: pointer;
}

#edu-sites .sites {
	display: none;
	height: 300px;
	overflow-y: scroll;
	z-index: 9999;
	padding: 10px;
}

.color1 #edu-sites .sites {
	background: white;
	border: 1px solid black;
}

.color2 #edu-sites .sites {
	background: black;
	border: 1px solid white;
}

.color4 #edu-sites .sites {
	background: #F7F3D6;
	border: 1px solid #59422E;
}

#edu-sites .sites li {
	padding-bottom: 10px;
}

#edu-sites.view span {
	border-bottom: 1px dotted black;
}

#edu-sites.view .sites {
	display: block;
	position: absolute;
}

.access{
	height:46px;
	background:url(/vs/new/special/img/access.png) repeat-x 0 0;
	font-size:17px;
	color:#000;
	position:fixed;
	top:0;
	width: 100%;
	z-index:1000;

}
.access .mc {width: 968px; margin: 0 auto;}
.access a{outline:none}
.a-fontsize{
	float:left;
	margin-left:23px;
	display:inline;
}
.a-fontsize dt,.a-fontsize dd{
	float:left;
}
.a-fontsize a{text-decoration:none;height:31px;margin-left:5px;display:inline;float:left;background-image:url(/vs/new/special/img/fontsize.png);position:relative;top:-5px;}
.a-fontsize-small{
	width:20px;
	height:31px;
}
a.a-fontsize-small:hover, .fontsize-small a.a-fontsize-small{background-position:0 -31px;}
.a-fontsize-normal{
	width:26px;
	background-position:-20px 0;
}
a.a-fontsize-normal:hover, .fontsize-normal a.a-fontsize-normal{background-position:-20px -31px;}
.a-fontsize-big{
	width:26px;
	background-position:-46px 0;
}
a.a-fontsize-big:hover, .fontsize-big a.a-fontsize-big{background-position:-46px -31px;}
.a-colors{
	float:left;
	margin-left:13px;
	display:inline;
	width:200px;
}
.a-colors dt{
	float:left;
	margin-right:10px;
}
.a-colors dd{
	float:left;
}
.a-colors a{
	height:31px;
	margin-left:5px;
	display:inline;
	float:left;
	background-image:url(/vs/new/special/img/colors.png);
	position:relative;
	top:-5px;
	text-decoration:none;
	width:26px;
}
.eng .a-colors a{
	height:31px;
	margin-left:5px;
	display:inline;
	float:left;
	background-image:url(/vs/new/special/img/s/eng/colors.png);
	position:relative;
	top:-5px;
	text-decoration:none;
	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;}
dd {
	margin-left: 0px;
}
.a-images{
	float:left;
	display:inline;
}
.a-images dt{
	float:left;
	margin-right:10px;
}
.a-images dd{
	float:left;
}
.a-images a{
	height:27px;
	margin-left:5px;
	display:inline;
	float:left;
	background-image:url(/vs/new/special/img/images.png);
	position:relative;
	top:-5px;
	text-decoration:none;
	width:90px;
}
.eng .a-images a{
	height:27px;
	margin-left:5px;
	display:inline;
	float:left;
	background-image:url(/vs/new/special/img/s/eng/images.png);
	position:relative;
	top:-5px;
	text-decoration:none;
	width:90px;
}
.imageson .a-images a{
	background-position:0 -27px;
}
.a-search, .a-settings{
	float:left;
	padding-left:49px;
	background:url(/vs/new/special/img/a-search.png) no-repeat 0 0;
	margin-top:10px;
	padding-top:0px;
	padding-bottom:6px;
	margin-left:13px;
	display:inline;
}
.a-settings{
	background-image:url(/vs/new/special/img/a-settings.png);
}
.a-search a, .a-settings a{
	color:#000;
}
.a-settings a{
	padding-right:18px;
	background:url(/vs/new/special/img/arr.png) no-repeat 100% 60%;
}
.popped{
	border:2px solid #000;
	background:#9ed1ff;
	position:absolute;
	left:0;
	top:46px;
	width:883px;
	z-index:100;
	padding:13px 21px 23px 21px;
	color:#063462;
	font-family:Arial,sans-serif;
	font-size:20px;
	font-weight:bold;
	display:none;
}
.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{
	padding:2px 4px;
	border:1px solid #063462;
	text-decoration:none;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	color:#063462;
}
.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;
	color:#9ed1ff;
}
.choose-letter-spacing{
	margin-bottom:1em;
}
#out #spacing-small{letter-spacing:0px;}
#out #spacing-normal{letter-spacing:2px;}
#out #spacing-big{letter-spacing:5px;}
.choose-colors{
	font-size:22px;
	list-style:none;
}
.choose-colors a{
	display:block;
	padding:10px 22px;
	text-decoration:none;
	zoom:1;
}
.choose-colors a span{display:none}
#color1 a{color:#000;background:#fff}
#color2 a{color:#fff;background:#000}
#color3 a{color:#063462;background:#9dd1ff;border:6px solid #063462;padding:4px 16px}
#color4 a{color:#4d4b43;background:#f7f3d6}
#color5 a{color:#a9e44d;background:#3b2716}
.color1 #color1 span,
.color2 #color2 span,
.color3 #color3 span,
.color4 #color4 span,
.color5 #color5 span{
	display:inline;
	margin-right:5px;
}
.saveit{
	width:100%;
	overflow:hidden;
	font-size:22px;
	font-weight:bold;
	margin-top:15px;
	padding:5px 0;
}
#out .saveit a{
	float:right;
	border:4px solid #063462;
	text-decoration:none;
	color:#9dd1ff;
	background:#063462;
	margin-left:28px;
	display:inline

}
.right-menu a {
	color: black;
}
.saveit a span{
	padding:6px 14px;
	border:2px solid #9dd1ff;
	float:left;
}
.color1 .popped{border-color:#000;background:#fff;color:#000;}
.color1 .popped a,.color1 .access .popped a {color:#000}
.color1 #out .font-family, .color1  #out .letter-spacing{color:#000;border-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{color:#fff;background:#000}
.color1 .icons a {
	padding: 3px 0px 5px 40px;	
	background: url('/vs/new/special/img/special-eye.png') no-repeat;
	color: black !important;
}

.color1 p, .color1 span, .color1 strong, .color1 em {
	color: black !important;
}


.color2 {
	background: black;
	color: white;
}

.color2 p, .color2 span, .color2 strong, .color2 em {
	color: white !important;
}
.color2 .access {
	background: url('/vs/new/special/img/b_access.png');
}

.color2 .a-fontsize a {
	background-image: url('/vs/new/special/img/b_fontsize.png');
}

.color2 .a-colors a {
	background-image: url('/vs/new/special/img/b_colors.png');
}

.color2 .a-images a {
	background-image: url('/vs/new/special/img/b_images.png');
}
.color2 .a-search {
	background-image: url('/vs/new/special/img/b_a-search.png');
}

.color2 .a-search a {
	color: #A8A8A8;
}

.color2 .mc {
	color: white;
}

.color4 {
	background: #F7F3D6;
	color:#59422E;
}

.color4 p, .color4 span, .color4 strong, .color4 em {
	color:#59422E !important;
}

.color2 .icons a{
	padding: 3px 0px 5px 40px;
	background: url('/vs/new/special/img/black_eye.png') no-repeat;
	color: #FFF !important;
}

.color2 .logo a, .color2 .head a{
	color: white;
}

.color2 .page a {
	color: #A8A8A8;
}

.color4 .access {
	background-image: url('/vs/new/special/img/och_access.png');
}

.color4 .a-fontsize a {
	background-image: url('/vs/new/special/img/och_fontsize.png');
}

.color4 .a-colors a {
	background-image: url('/vs/new/special/img/och_colors.png');
}

.color4 .a-images a {
	background-image: url('/vs/new/special/img/och_images.png');
}
.color4 .a-search {
	background-image: url('/vs/new/special/img/och_a-search.png');
}

.color4 .a-search a {
	color: #F7F3D6;
}

.color4 .mc {
	color: #F7F3D6;
}

.color4 .icons a{
	padding: 3px 0px 5px 40px;
	background: url('/vs/new/special/img/och_normal.png') no-repeat;
	color: #59422E !important;
}

.color4 .logo a, .color4 .head a{
	color: #59422E;
}

.color4 .page a {
	color: #59422E;
}

.color1 #out .saveit a{background:#000;border-color:#000}
.color1 .saveit a span{border-color:#fff;color:#fff}

/* =font-size
----------------------------------------------- */
.fontsize-big .page{font-size:23px}
.fontsize-small .page{font-size:14px}

.fontsize-big .page select{font-size:30px}
.page select{font-size:24px}
.fontsize-small .page select{font-size:18px}

/* =spacing
----------------------------------------------- */
.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
}
.serif .popped{font-family:Georgia,serif}
.imagesoff img{
	display:none
}
.head {
	margin-top: 50px;
}

.menu {
	width: 99%;
}

.menu li {
	font-size: 22px;
	display: inline-block;
	padding: 5px;
}

.menu li a {
	color: black;
	padding: 5px 5px 5px 0px;
}

.logo a{
	color: black;
	text-decoration: none;
}

.icons {
	float: right;
	margin: 10px;
}

.icons a {
	color: black;
	text-decoration: none;
}

.icons a:hover {
	text-decoration: underline;
}

/* spoiler */
div.spoiler {
	padding: 5px;
	line-height: 1.6;
}

div.spoiler div.spoiler-title {
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	padding: 4px 7px;
	border: 1px solid #bbbbbb;
	border-bottom-color: #999999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.5), 0 0 2px rgba(255,255,255,.15) inset, 0 1px 0 rgba(255,255,255,.15) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5), 0 0 2px rgba(255,255,255,.15) inset, 0 1px 0 rgba(255,255,255,.15) inset;
	box-shadow: 0 1px 0 rgba(255,255,255,.5), 0 0 2px rgba(255,255,255,.15) inset, 0 1px 0 rgba(255,255,255,.15) inset;
	background: #cfd1cf;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#cfd1cf));
	background-image: -moz-linear-gradient(top, #f5f5f5, #e5e5e5);
	background-image: -webkit-linear-gradient(top, #f5f5f5, #e5e5e5);
	background-image: -o-linear-gradient(top, #f5f5f5, #e5e5e5);
	background-image: -ms-linear-gradient(top, #f5f5f5, #e5e5e5);
	background-image: linear-gradient(top, #f5f5f5, #e5e5e5);
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f5f5f5', endColorstr='#cfd1cf');
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

div.spoiler div.spoiler-title div.spoiler-toggle {
	display: inline-block;
	width: 11px;
	height: 11px;
	line-height: 14px;
	margin-left: 4px;
	margin-right: 6px;
	cursor: pointer;
	-webkit-user-modify: read-only;
}

div.spoiler div.spoiler-title div.hide-icon {
	background: url('/images/minus.png') no-repeat scroll left center transparent;
}

div.spoiler div.spoiler-title div.show-icon {
	background: url('/images/plus.png') no-repeat scroll left center transparent;
}

div.spoiler div.spoiler-content {
	font-size: 16px;
	border: 1px solid #bbbbbb;
	border-top: 0px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: none repeat scroll 0 0 #F5F5F5;
	padding: 4px 10px;
}

.menu {
	margin-top: 20px;
	padding-bottom: 5px;
	border-bottom: 2px solid;
	width: 100%;
	margin-bottom: 10px;
}

.menu .elem a {
	text-decoration: none;
}

.menu .elem a:hover {
	border-bottom: 2px dotted;
	padding-bottom: 0px;
}

.menu .element-select a {
	border: 1px solid;
	border-radius: 4px;
	text-decoration: none;
	padding: 5px 10px;
}

.right-menu .elem, .right-menu .elem-selected {
	display: inline-block;
	padding: 5px;
	font-size: 21px;
}

.right-menu .elem a {
	text-decoration: none;
}

.right-menu .elem a:hover {
	border-bottom: 1px dotted;
}

.subelem, .subelem-selected {
	display: inline-block;
	width: 50%;
	padding: 2px 0px;
}
.subelem, .subelem-selected a {
	font-size: 18px;
}

.subelem a {
	text-decoration: none;
}

.subelem a:hover {
	text-decoration: underline;
}

.sub {
	padding-bottom: 10px;
	border-bottom: 2px solid;
}

.clear {
	clear: both;
}
.person-left, .person-right {
	margin: 0px 20px 15px 0px;
	float: left;
	width: 200px;
	height: 310px;
}

#content .calendar {width:71%; float:left; font-size:11px;}
#content .calendar span {font-size:11px;}
.calendar ul {margin:0px 0px 5px 0px; padding:0px;}
.calendar ul li {display:inline;}

.photo1 {
	float: right;
}

.data1 {
	margin-right: 200px;
}

.url-doc {background: url(/vs/new/img/doc.png) no-repeat 0px 4px; padding:6px 6px 6px 33px; margin:0px 0px 0px 25px;}
.url-ppt {background: url(/vs/new/img/ppt.png) no-repeat 0px 4px; padding:6px 6px 6px 33px; margin:0px 0px 0px 25px;}
.url-rar {background: url(../img/rar.gif) no-repeat 0px 4px; padding:6px 6px 6px 33px; margin:0px 0px 0px 25px;}
.url-xlc {background: url(/vs/new/img/xlc.png) no-repeat 0px 4px; padding:6px 6px 6px 33px; margin:0px 0px 0px 25px;}
.url-pdf {background: url(/vs/new/img/pdf.png) no-repeat 0px 4px; padding:6px 6px 6px 33px; margin:0px 0px 0px 25px;}
.url-unknown {background: url(/vs/new/img/unknown.png) no-repeat 0px 4px; padding:6px 6px 6px 33px; margin:0px 0px 0px 25px;}

.fotocontainer {
	overflow: hidden;
}
.foto-r {padding:0 3px 0 0; float:left; margin-bottom: 10px;}
.foto-b {padding:0 0 3px;}
.foto-b a img {border-radius: 5px;}
.albom  {margin: 5px 15px 25px 5px;}
.albom .foto-r {float: none !important;background:none; padding:0px; position:relative; bottom:1px; right:1px;}
.albom .foto-b {background:none; padding:0px; position:relative; bottom:1px; right:1px;}
.albom img {position:relative; bottom:1px; right:1px;}
.fotko {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}


#submitButton {
	padding: 5px 15px;
}

#search {margin: 10px 0 !important;}
#searchForm .icons {margin: 5px 0 0 0 !important; padding: 2px !important; list-style: none !important; overflow: hidden;}
#searchForm {margin-bottom: 20px;}
#resultsDiv {overflow: hidden; margin: 10px 0;}
#searchForm .icons li {background: none !important; padding: 2px 5px !important; float: left !important; margin-right: 20px; cursor: pointer;}
#searchForm .icons li.active{background: blue !important; color: #FFF;}
#search .button:hover {cursor: pointer;}
.pageContainer {margin: 0 !important; padding: 0 0 0 25px !important;}

.person a {
	color: #4d4d4d;
}

.person h2 {
	margin-bottom: 5px;
}