/******************** themes ********************/
.summer2009 #header { background-image: url(/image/theme/summer-2009/top-bg.jpg?); }
.summer2009 #left ul.menu { background-image: url(/image/theme/summer-2009/left-menu.gif); }
.summer2009 #extra { background-image: url(/image/theme/summer-2009/main-extra.gif); }
.summer2009.en #header { background-image: url(/image/theme/summer-2009/top-bg-en.jpg?); }

.autumn2009 #header { background-image: url(/image/theme/autumn-2009/top-bg.jpg?); }
.autumn2009.en #header { background-image: url(/image/theme/autumn-2009/top-bg-en.jpg?); }

.winter2010 #header { background-image: url(/image/theme/winter-2010/top-winter.jpg?); }
.winter2010.en #header { background-image: url(/image/theme/winter-2010/top-winter_eng.jpg?); }

.spring2010 #header { background-image: url(/image/theme/spring-2010/top-spring_2010.jpg?); }
.spring2010.en #header { background-image: url(/image/theme/spring-2010/top-spring_2010_en.jpg?); }

.summer2010 #header { background-image: url(/image/theme/summer-2010/top-summer_2010.jpg?); }
.summer2010.en #header { background-image: url(/image/theme/summer-2010/top-summer_2010_en.jpg?); }

.autumn2010 #header { background-image: url(/image/theme/autumn-2010/top-bg.jpg?); }
.autumn2010.en #header { background-image: url(/image/theme/autumn-2010/top-bg-en.jpg?); }
/******************** english version ********************/

.en #rus { opacity: 1; }
.en #eng { opacity: 0.3; }

.en #corner a { background-image: url(/image/content-corner-en.gif); }
.en #see-also ul { background-image: url(/image/see-also-bg-en.gif); }

.en #boys_title { background-image: url(/image/boys-en.gif); }
.en #girls_title { background-image: url(/image/girls-en.gif); }
.en input.light-green { background-image: url(/image/submit-light-green-en.gif); }
.en input.brown { background-image: url(/image/submit-brown-en.gif); }

/******************** main page ********************/s
#main { width: 100%; }
	#main tr.light td { background-color: white; }
	#main td { width: 25%; vertical-align: top; padding: 15px 10px 20px 20px; }
	#main th { width: 25%; vertical-align: top; }
		#main th.c { text-align: center; }
		#main th.r { text-align: right; }
	
	#main h2 { color: #9B16AD; font-family: Tahoma; font-size: 14px; margin: 10px 0px; text-align: left; }
	#main dt { font-weight: bold; }
	#main dd { margin-bottom: 15px; }
	
	#boys { background: url(/image/boys-bg.gif) right top no-repeat #55B8ED; }
		#boys_title { width: 223px; height: 91px; background: url(/image/boys.gif) left bottom no-repeat; position: relative; left: -20px; margin: 20px 0px; }
		#boys a, #girls a { color: white; font-weight: bold; display: block; margin-top: 20px; }
	#girls { background: url(/image/girls-bg.gif) left top no-repeat #F682DB; }
		#girls_title { width: 100%; height: 91px; background: url(/image/girls.gif) right bottom no-repeat; margin: 20px 0px; }
	
	#latest_news, #latest_articles { margin-bottom: 20px; overflow: hidden; height: 100%; }
	#weather a { display: block; }
	
		#main #forum th { width: 1%; padding: 6px 3px; }
		#main #forum td { width: 99%; padding: 0px; }
		#forum a.title { text-transform: uppercase; }
		#forum .small { font-family: Tahoma; font-size: 10px; }
			#forum .small a { font-weight: bold; }
		#forum p.extra { text-align: right; line-height: 200%; margin-top: 15px; }
	#main th.delim { background-color: #9B16AD; height: 10px; }
	
	#familiarity { border-right: 1px solid #D0CCAD; border-bottom: 3px solid #D0CCAD; }
	#events { border-right: 1px solid #D0CCAD; border-bottom: 3px solid #D0CCAD; }
		#events a { display: block; }
	#gallerey { text-align: center; }
		#gallerey p { text-align: left; }
	#life { border-left: 1px solid #D0CCAD; border-bottom: 3px solid #D0CCAD; text-align: center; }
	#main td#nornik { background: url(/image/h-nornik.gif) no-repeat center 10px; padding-top: 65px; }
		#nornik a { display: block; }
	#main td#extra { text-align: center; background-repeat: no-repeat; background-position: bottom center; padding-bottom: 106px; }
	
	
/******************** header ********************/
#counters_top { display: none; }
#header { background-repeat: no-repeat; background-position: top left; background-color: #52BEFE; height: 244px; border-bottom: 6px solid #9B16AD; }
	ul#menu { height: 58px; }
	ul#menu li { float: left; width: 12.4%; text-align: center; }
	ul#menu li a { display: block; padding: 7px 0 3px; text-transform: uppercase; text-decoration: none; width: 90px; font-family: Tahoma; font-size: 11px; margin: auto; }
		ul#menu li a.current { border-bottom: 3px solid #BAF700; }
	ul#menu li div { border-top: 1px solid white; text-align: left; position: absolute; display: none; z-index: 3; width: 200px; }
	ul#menu li div a { background: #009DFE; padding: 3px 5px; text-transform: none; width: 188px; height: auto; border: 1px solid white; border-top: none;  font-weight: bold; margin: 0px; color: #FFF; }
		ul#menu li div a.l3 { padding-left: 15px; width: 178px; }
		ul#menu li div a:hover { background: #9B16AD; }
	
	#nickelca-logo { float: left; width: 187px; height: 186px; }
	#nickelca { float: left; width: 270px; margin: 15px 0 0 3px; padding-top: 80px; text-align: center; color: black; text-decoration: none; font-size: 11px; }
	#helper { width: 170px; float: left; margin: 0 0 0 47px; }
		#helper li { padding: 5px 0px; }
	
	#rus, #eng { float: right; width: 20px; height: 12px; background-repeat: no-repeat; }
	#rus { background-image: url(/image/i-rus.gif); opacity: 0.3; margin-right: 20px; }
	#eng { background-image: url(/image/i-eng.gif); margin-right: 10px; }
	
	#header .search { float: right; clear: right; width: 200px; height: 22px; margin: 152px 0 0; position: relative; background: #9B16AD; }
		#header .search .query { background-color: #FFF; font-family: Tahoma; font-size: 11px; padding: 1px 3px; width: 150px; border: 0; bottom: 0; right: 35px; position: absolute; }
		#header .search .query.placehold { color: #888; }
		#header .search .image { position: absolute; bottom: 0; right: 5px; }
	

/******************** route ********************/
#route { padding: 8px; font-size: 11px; color: #99914C; text-transform: lowercase; margin-left: 250px; }
	#route a { color: #99914C; }

#outer { width: 100%; background: url(/image/content-bg.gif) right repeat-y #FFF; }

/******************** left-side ********************/
#left { width: 250px; vertical-align: top; background-color: #F6F2D0; }
	#left img.caption { margin: 0px 0px 10px 25px; display: block; }
	#left ul.menu { padding: 0px 20px 125px 2px; background-repeat: no-repeat; background-position: left bottom; }
		#left ul.menu li { padding-left: 22px; border: 1px solid #F6F2D0; }
			#left ul.menu li a { border-bottom: 1px solid #D4CE9F; display: block; padding: 4px 4px 5px 0px; }
			#left ul.menu li.current { background: url(/image/left-menu-marker.gif) no-repeat left 3px; }
			#left ul.menu li.current a { text-decoration: none; color: #9B16AD; }
			
			#left ul.menu li.current ul { border-top: 3px solid #9B16AD; position: relative; top: -1px; }
				#left ul.menu li.current ul li { background-image: none; padding-left: 10px; }
					#left ul.menu li.current ul li a { border: none; color: #0074E2; text-decoration: underline; }
					#left ul.menu li.current ul li.current a { text-decoration: none; color: #9B16AD; }
	
	#left div.banner { text-align: center; margin: 10px 0px; }


/******************** content ********************/
#content { padding: 10px 74px 30px 26px;  vertical-align: top; height: 100%; }

/******************** ext. navigation ********************/
#corner { vertical-align: bottom; padding-right: 48px; }
	#corner a { display: block; width: 180px; height: 180px; background: url(/image/content-corner.gif) no-repeat; float: right; }

#see-also { padding-bottom: 15px;  vertical-align: bottom; }
	#see-also ul { background: url(/image/see-also-bg.gif) 25px top no-repeat; padding-left: 180px; min-height: 135px; }
		#see-also ul li { border-left: 1px solid #E1E1E1; padding-left: 25px; }


/******************** footer ********************/
#bottom { padding: 10px 0px 55px 150px; font-size: 10px; color: #FFF; background: url(/image/bottom-logo.gif) 10px 10px no-repeat #9B16AD; position: relative; margin-top: 30px; }
/* tmp */
#bottom { background-image: none; padding-left: 10px; }
	.main #bottom { margin-top: 0px; }
	#bottom a { color: #FFF; text-decoration: none; }
	#bottom table { width: 100%; margin-bottom: 10px; }
		#bottom table td { vertical-align: top; text-align: center; padding: 0px 3px; }
			#bottom table td a { text-decoration: underline; text-transform: uppercase; }
	#counters { position: absolute; bottom: 0px; right: 5px; }
	#goldensite, #new-reality, #premia-runeta { display: block; position: absolute; bottom: 0px; }
	#goldensite { background: url(/image/goldensite.jpg) no-repeat; width: 94px; height: 45px; left: 150px; left: 10px; }
	#new-reality { display: block; width: 94px; height: 45px; background: url(/image/new-reality.gif) no-repeat; left: 244px; left: 104px; }
	#premia-runeta { display: block; width: 88px; height: 31px; background: url(/image/premia-runeta-2007.gif) no-repeat; left: 338px; left: 198px; }


/******************** helpers ********************/
.req { font-weight: bold; color: #800000; }
.clear { float: none; clear: both; }
.left { float: left; }
.right { float: right; }

.blue { color: #414CB5; }
.green { color: #59A800; }
.purple { color: #9B16AD; }
.orange { color: #FF6600; }
.img_block { width: 250px; float: left; margin-right: 30px; height: 150px; }

.i { font-style: italic; }
a.rss { padding-left: 20px; background: url(/image/i-rss.png) no-repeat left center; }

#content p.r { text-align: right; }
#content p.c { text-align: center; }
#content p.l { text-align: left; }
#content p.note { font-size: 10px; color: #777; margin: 0px; }

#content img.left { margin: 0px 10px 5px 0px; }
#content img.right { margin: 0px 0px 5px 10px; }

.img-with-descr { width: 400px; margin-bottom: 10px; border: 1px solid #CCC; }
	.img-with-descr.center { margin: 10px auto; }
	.img-with-descr.left { margin: 0 10px 5px 0; }
	.img-with-descr p { text-align: center; font-size: 11px; margin: 5px 0; }


#smiles_list { margin: 10px 0px; width: 480px; }
	img.smile { cursor: pointer; border: 1px solid #B0B0B0; }

#content div.navigator { width: 100%; float: left; }
	#content div.navigator p { width: 33.3%; float: left; }

#content div.gallerey_list { float: left; margin: 10px 0px; width: 100%; }
	#content div.gallerey_list div { float: left; margin: 0px 10px; text-align: center; height: 200px; width: 200px; }
	#content div.gallerey_list p { margin: 0px; font-size: 11px; }
#content div.gallerey_item { width: 100%; text-align: center; margin: 10px 0px; }


#photos-navigator { border: 1px solid #E1E1E1; width: 600px; padding: 0px 20px; position: relative; height: 160px; margin: 0px auto;}
	#previous, #next { display: block; width: 20px; position: absolute; height: 100%; top: 0px; background-position: center; background-repeat: no-repeat; }
	#previous {  background-image: url(/image/btn-previous.gif);  left: 0px; }
	#next {  background-image: url(/image/btn-next.gif);  right: 0px; }
	#scroller { overflow: hidden; width: 600px;  height: 100%; }
		#scroller ul { width: 10000px; margin: 0px; }
		#content #scroller li { float: left; list-style: none; margin: 0px; padding: 5px; }
		#scroller a img { opacity: 0.6; }
/******************** institutions ********************/
.institutions {font-size: 16px; font-family: Arial; margin-bottom: 10px; color: #F1760F !important;}
.divleft {float: left; width:48%; padding:10px 0px 20px 0px; margin-bottom:30px;}
.divleft p, .divright p { padding-left:15px; padding-right:15px; }
.divright {float: right; width:48%; padding:10px 0px 20px 0px; margin-bottom:30px;}
.divleft1 {float: left; width:4%; padding:10px 0px 20px 0px;}

/******************** basic element styles  ********************/
h1 { font-size: 22px; font-family: Arial; color: #FF6600; margin: 30px 0px 10px 0px; }
h2 { font-size: 16px; font-family: Arial; color: #669900; font-weight: bold; margin: 20px 0px 10px 0px; }
h3 { font-size: 14px; font-family: Arial; color: #CC3300; text-transform: uppercase; margin: 15px 0px 10px 0px; }
h4 { font-size: 12px; font-family: Arial; color: #9B16AD; margin: 10px 0px; font-weight: bold; }

body { font-size: 12px; font-family: Arial; background-color: #F6F2D0; min-width: 1000px; max-width: 1600px; }

a { color: #0074E2; text-decoration: underline; }
#content a:visited, #see-also a:visited { color:#9B16AD; }
p { margin: 10px 0px 5px 0px; }


#content ul, #content ol { margin: 5px 0px; }
	#content ul li, #content ol li ul li { list-style-type: disc; margin-left: 20px; }
	#content ul ul { margin: 0; }
	#content ol li { list-style-type: decimal; margin-left: 30px;  }

#content hr { color: #E5E5E5; background-color: #E5E5E5; border: none; height: 1px; margin: 15px 0px; }

/******************** lists ********************/
#content dl { background: url(/image/dl-delim.gif) left top repeat-x; margin: 20px 0px; }
#content dt { padding: 15px 5px 5px 5px; border-left: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; position: relative; top: 1px; }
#content dd { border-left: 1px solid #E1E1E1; padding: 5px; }
	#content dd small { font-size: 11px; color: #9b16ad; }

#content dl.terms { background: none; margin: 8px 4px; }
	#content dl.terms dt { padding: 5px 0 2px; border: none; font-weight: bold; font-size: 1.1em; }
	#content dl.terms dd { padding: 3px 0 10px 20px; border: none; }
	#content dl.terms dl { font-size: 0.9em; }

/******************** tables ********************/
#content table { border-collapse: collapse; border: 3px solid #E5E5E5; margin: 10px 0px; }
	#content table th, #content table td { padding: 6px; border: 1px solid white; }
	#content table th { background-color: #DFF2A3; }
	#content table td { background-color: #F6F2D0; }

#content table.nobg th, #content table.nobg td { background-color: white; }
#content table.noborder, #content table.noborder th, #content table.noborder td { border: none; }
#content table.thinborder, #content table.thinborder td, #content table.thinborder th { border: 1px solid #CCC; }
#content table.top th, #content table.top td { vertical-align: top; }

#content table.center td, #content table.center th, #content table tr.center, #content table td.center, #content table th.center { text-align: center; }

#content table.simple { border: none; margin-bottom: 0px; width: 600px; border-bottom-width: 10px; border-bottom-style: solid; border-collapse: separate; }
	#content table.simple th { border: none; width: 1%; }
	#content table.simple td { border: none; }

#content table.brown { border-bottom-color: #DEC458; }
	#content table.brown th, #content table.brown td { background-color: #EADEA3; }

#content table td.brown { background-color: #F7CE86; }

#content table.light-green { border-bottom-color: #C0DE58; }
	#content table.light-green th, #content table.light-green td { background-color: #D8EAA3; }

#content table.nowrap th { white-space: nowrap; }


#content table.datatbl { border: none; }
	#content table.datatbl th { background-color: #9DD100; text-align: center; font-weight: bold; }
	#content table.datatbl tr.row1 td { background-color: #F6F2D0; }
	#content table.datatbl tr.row2 td { background-color: #DFF2A3; }


/******************** forms ********************/
input.submit { background-color: #F7CE86; border: 1px solid black; padding: 3px 6px; overflow: visible; margin: 5px 0px; }
input.input {}
input.textarea {}
.error { color: #C44; border: 1px solid #C44; }
div.error { padding: 20px 20px 20px 20px; font-weight: bold; }
label.error { border: none; font-size: 10px; display: block; }
p.error { border: none; }
input.light-green { background: url(/image/submit-light-green.gif) top left no-repeat; width: 214px; height: 26px; display: block; }
input.brown { background: url(/image/submit-brown.gif) top left no-repeat; width: 214px; height: 26px; display: block; }

/* others */
.nngame_banner { text-align: center; /* background: url(/files/banners/extra/0/74/p_grad.gif) repeat-x; */ }
.nngame_banner div { width: 1000px; height: 215px; margin: 0 auto; position: relative; }
.nngame_banner img { display: block; }
.nngame_banner div .nngame_timer { position: absolute; top: 25px; left: 254px; width: 120px; height: 53px; font-family: Arial; font-size: 18px; color: #004aab; padding-top: 7px; }

.table_nngame_banner { text-align: center; background-color: #f6c018; border-collapse: collapse; border: 0; width: 100%; }
.table_nngame_banner td { padding: 0; border: 0; border-collapse: collapse; }
.table_nngame_banner img { display: block; }
#table_nngame_banner_center_td { width: 1000px; }
#table_nngame_banner_right_td { background-color: #000; }
/* Газета "Формула успеха" */
.formula_img_right { margin: 10px 0 10px 10px; display: block; float: right; border: 0; }