/* +Reset */
* { padding:0px; margin:0px; }
/* -Reset */

html, body { height:100%;}
body { background-color: white; }
body, p {font-family:Tahoma; font-size:12px;}
input, textarea, select {font-family:Tahoma; font-size:12px;}
img {
	border: 0;
}
ul {
	list-style-type: none;
}
.align-right {
	text-align: right;
}
.bubble {
	padding: 2px 10px;
	background-color: #ff6600;
}
table { border-collapse: collapse; border-spacing: 0; }
table td { padding:0px; margin:0px; }

a {text-decoration:none; color:#0497cb; font-family:Tahoma; font-size:11px;}
a:hover { text-decoration:underline }
a.local { border-bottom:dotted 1px #0497cb }
a.local:hover { text-decoration:none }
a.root { color:red; font-weight:bold }

h1, h2 {font-family:Tahoma; padding:0px; font-weight:normal; margin:0px;}
h2 { height:20px; }
.font_large { font-size:14px; }
.font_small {font-size:11px;}
.font_normal {font-size:12px;}
.font_smallest {font-size:10px;}
h2, .subtitle {font-size:20px;}
h1, .title {font-size:24px;}
.date {color:#CCC;}

.secondary {color:#999;}
.second {color:#999999;}

.blue {color:#0497cb;}
.white {color:#fff;}
.bold {font-weight:bold;}
.underline {text-decoration:none;}

table.stretch           {width:100%;}
table.stretch td.top    {vertical-align:top; width:100%; height:99%}
table.stretch td.bottom {vertical-align:bottom; width:100%;}
td.compress				{width:1%; margin:0px; padding:0px;}
td.stretch				{width:99%}

table.baloon { width:1% }
table.baloon td { padding:0px; margin:0px; }
table.baloon td.baloon_center { background:url(../../_images/common/baloon/center_bg.png) repeat-x; vertical-align:top; padding-top:2px; padding-left:3px; padding-right:3px; color:#666 }

div.top_line				{height:7px; background-color:#0099cc; width:100%; overflow:hidden;}
div.bottom_line			{height:7px; background-color:#ebebe9; width:100%; overflow:hidden;}

div.contaner_left		{float:left; width:721px;}
div.contaner_right		{float:left; width:235px; padding-left:24px;}
div.contaner_bottom		{width:980px; padding-left:10px; margin:auto;}
div.contaner_bottom div	{width:100%;}
div.bottom_menu			{height:80px; background:#ebebe9 url(../_images/common/bottom_menu/lt_bg.png) no-repeat;}
div.bottom_menu div.sub	{height:70px; padding-top:10px; background:url(../_images/common/bottom_menu/rt_bg.png) 100% 0% no-repeat;}

div.contaner_left div.content	{width:100%;}
div.contaner_right div.content	{width:100%;}

.tags_cloud { width:100%; font-size:11px; word-spacing:4px; text-align:justify; }
.tags_cloud a { color:#999; text-decoration:none }
.tags_cloud a:hover { color:black; text-decoration:none }
.cloud_microbe { }
.cloud_small { font-size:15px; }
.cloud_moderate { font-size:16px; }
.cloud_huge { font-size:18px; }
.cloud_large { font-size:17px; }

.slim_menu a.active { background:url(../../_images/common/down_arrow.png) 50% 100% no-repeat; }
.slim_menu td { margin:0px; padding:0px; }

/* main left column and right column under search */
.overflow {
	width: 100%;
	overflow: hidden;
}
a.dotted {/* links with dotted border */
    text-decoration: none;
    background: url(../_images/common/dotted.gif) repeat-x left bottom;
}
div.main-content {
	padding-top: 10px;
	font-size: 11px;
}
div.main-content h1 {
	font-size: 20px;
}
div.main-content div.top-section {
	width: 100%;
	overflow: hidden;
	margin-bottom: 14px;
}
/* gray corners */
div.main-content .lt-corner {
	background: #ebebe9 url(../_images/common/form/gray_lt.png) no-repeat 0 0;
}
div.main-content .rt-corner {
	background: url(../_images/common/form/gray_rt.png) no-repeat 100% 0;
}
div.main-content .rb-corner {
	background: url(../_images/common/form/gray_rb.png) no-repeat 100% 100%;
}
div.main-content .lb-corner {
	background: url(../_images/common/form/gray_lb.png) no-repeat 0 100%;
}
div.right-menus div.tags,
div.right-menus div.progress,
div.right-menus div.whatis,
div.right-menus div.invite-friend,
div.right-menus div.search-by-tag {
	margin-top: 20px;
	font-size: 11px;
}
div.right-menus div.tags form label {
	font-weight: bold;
}
div.right-menus div.tags div.tags-list {
	margin-bottom: 8px;
	text-align: justify;
	line-height: 130%;
}
div.right-menus div.tags input.add-tag {
	width: 108px;
	margin: 0 5px;
}
div.right-menus div.tags input.add-tag.tomy {
	width: 74px;
}
div.right-menus div.tags div.tags-list a {
	color: #979797;
}
.submit-link {/* link with arrow */
	padding-right: 7px;
	background: url(../_images/common/right_arrow.gif) no-repeat 100% 70%;
}
span.live {
	padding-left: 15px;
	color: red;
	background: url(../_images/common/live.gif) no-repeat 0 60%;
}
.underline {
	text-decoration:none;
}
/* rating with big stars */
.big-rating {
    padding-top: 2px;
    width: 160px;
    overflow: hidden;
}
.big-rating span em {
    display: none;
}
.big-rating span {
    width: 26px;
    height: 26px;
    float: left;
    padding-right:4px;
    background: url(../_images/common/star.gif) no-repeat;
    background-position: 0 -27px;
}
.big-rating a:hover span {
    background-position: 0 0;
}
.big-rating span.rated {
    background-position: 0 0;
}
/* user card-- move in common */
div.user-card {
	width: 100%;
	overflow: hidden;
}
div.user-card .user-text {
	padding: 10px 0 0 60px;
	/*position: relative;*/
}
div.user-card .user-text .investment {
	font-size: 20px;
	position: absolute;
	margin-left: 270px;
	padding-left: 10px;
	border-left: 1px solid #999;
}
a.user-name, span.user-name {
	padding-left: 12px;
	font-weight: bold;
	color: #999;
	background: url(../_images/common/live/userpic-gray.gif) no-repeat 0 3px;
}
span.user-name * {
	color: #999;
}
div.user-card span.date {
	display: block;
	color: #999;
}
div.user-card .img-place {
	position: relative;
	float: left;
	margin-right: 10px;
}
div.user-card .img-place .user-rate {
	text-align: center;
}
div.user-card .img-place .user-rate span {
	padding: 0 6px;
}
div.user-card .img-place .user-rate .negative {
	color: #cc0000;
}
div.user-card .img-place .user-rate .positive {
	color: #33cc00;
}
div.usr-place {
	width: 252px;
	float: left;
}
div.user-card .img-place .user-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	background: url(../_images/common/user-frame.gif) no-repeat 0 0;
}
/* my progress */
div.right-menus p {
	font-size: 11px;
}
div.right-menus h1 {
	font-size: 20px;
	margin-bottom: 5px;
}
div.right-menus div.progress .line {
	clear: both;
	padding: 3px 10px;
	overflow: hidden;
}
div.right-menus div.progress .line.category {
	background-color: #ebebe9;
	font-weight: bold;
}
div.right-menus div.progress .line span.title {
	width: 170px;
	float: left;
	font-size: 11px;
}
div.right-menus div.progress .line span.value {
	width: 44px;
	float: right;
	text-align: right;
}
div.right-menus div.progress .total {
	border-top: 1px solid #ccc;
	padding: 3px 10px;
	text-align: right;
}
div.right-menus div.progress .total span.all {
	padding: 1px 0 0 24px;
	font-weight: bold;
	background: url(../_images/common/decorative_star.png) no-repeat 0 0;
}
div.right-menus .about-user {
	margin-top: 20px;
}
div.right-menus .about-user p {
	margin-bottom: 10px;
}
div.right-menus .club-friends ul li {
	padding: 3px 0;
	font-size: 11px;
}
div.right-menus .external-blog {
	margin-top: 23px;
	font-size: 11px;
}
div.right-menus .external-blog textarea {
	width: 225px;
	height: 74px;
	padding: 2px;
}
div.right-menus .livejournal {
	padding: 3px 0 0 32px;
	margin: 12px 0;
	font-size: 11px;
	background: url(../_images/common/livejournal.png) no-repeat 0 0;
}
div.right-menus .livejournal p label {
	width: 48px;
	float: left;
	line-height: 1.7;
}
div.right-menus .livejournal p {
	clear: left;
	margin-bottom: 7px;
}
div.right-menus .livejournal h4 {
	padding-bottom: 12px;
	font-size: 11px;
}
div.right-menus .livejournal p input {
	width: 148px;
}
div.right-menus .livejournal p input.ljlogin {
	padding: 1px;
	padding-left: 13px;
	width: 136px;
	border: 1px solid #a7a6aa;
	background: #fff url(../_images/lesson_contest_view/lj-icon.gif) no-repeat 3px 4px;
}
div.right-menus .this-lesson {
	margin-top: 20px;
	font-size: 11px;
}
div.right-menus .this-lesson p.mywallet {
	border-top: 1px solid #999;
	padding-top: 7px;
}
div.right-menus .this-lesson div {
	line-height: 1.3;
}
div.right-menus .see-also .lesson {
	border: 0;
}
div.right-menus .see-also .lesson .lesson-body {
	margin-left: 110px;
	padding-top: 5px;
}
div.right-menus .see-also .lesson .lesson-body h3 {
	line-height: 13px;
	padding-bottom: 12px;
}
div.right-menus .see-also .lesson .lesson-body h3 a {
	font-size: 11px;
}
div.right-menus .lesson-info {
	padding: 15px 0 10px;
	border-bottom: 1px solid #a5a5a5;
	color: #0497cb;
}
div.right-menus .lesson-info-arrow {
	height: 11px;
	position: relative;
	top: -1px;
	background: url(../_images/common/gray_coma_down.png) no-repeat 60px 0;
}
div.right-menus .user-card {
	padding: 6px 0;
}
div.right-menus .lesson-info .lesson-tags {
	display: block;
}
div.right-menus .see-also h5 {
	padding: 3px 0;
	border-bottom: 1px solid #0497cb;
	font-size: 11px;
	font-weight: normal;
	color: #999;
}
div.right-menus .see-also .lesson .user-name {
	background-image: none;
	padding-left: 0;
}
div.right-menus .see-also ul.tabs {
	overflow: hidden;
	width: 100%;
}
div.right-menus .see-also ul.tabs * {
	font-size: 20px;
}
div.right-menus .see-also ul.tabs li.left-tab {
	width: 50%;
	float: left;
}
div.right-menus .see-also ul.tabs li.right-tab {
	width: 49%;
	float: right;
	text-align: right;
}
div.right-menus .statistics dl {
	padding: 20px 0;
	font-size: 11px;
}
div.right-menus .statistics dl dt {
	float: left;
	clear: left;
	width: 90px;
	color: #999;
}
div.right-menus .statistics span.del {
	margin-top: 2px;
}
div.right-menus .settings {
	margin-top: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
div.right-menus .settings h1 {
	margin-bottom: 10px;
}
div.right-menus .settings h2 {
	margin-bottom: 5px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}
div.right-menus .settings .info {
	padding: 0 40px 0 67px;
	background: url(../_images/common/settings.gif) no-repeat 0 0;
}
div.right-menus .link-to-lesson .linkto {
	width: 222px;
	padding: 0 3px;
	margin: 7px 0 12px;
	font-size: 11px;
	color: #666;
}
div.right-menus .link-to-lesson {
	font-size: 11px;
	background: url(../_images/common/anchor.gif) no-repeat 100% 0;
}
/* error */
div.send-report {
	margin: 20px 0;
}
div.send-report label {
	font-weight: bold;
	width: 134px;
	float: left;
}
div.send-report textarea.error-text {
	width: 582px;
	height: 118px;
	margin-bottom: 10px;
}
span.del a,
span.edit a {
	text-decoration: none;
}
span.del {
	padding-left: 17px;
	background: url(../_images/common/delete.png) no-repeat 0 55%;
}
span.edit {
	padding-left: 22px;
	padding-top: 3px;
	line-height: 1.6;
	background: url(../_images/common/pencil.png) no-repeat 0 53%;
}
span.cancel {
	padding-left: 20px;
	padding-top: 3px;
	background: url(../_images/common/cancel.gif) no-repeat 0 53%;
}
span.save {
	padding: 3px 0 0 20px;
	background: url(../_images/common/save.gif) no-repeat 0 53%;
}
.incomplete {
	border: 3px solid #739d1f;
	padding: 20px;
	margin: 20px 0;
	background-color: #97be4a;
}
/* categories */
div.categories-tags {
	margin-top: 20px;
}
div.categories-tags ul.tabs * {
	font-size: 20px;
}
div.categories-tags ul.tabs li.left {
	float: left;
	width: 95px;
	margin-right: 15px;
}
div.categories-tags p {
	border-bottom: 1px solid #0497cb;
	padding-bottom: 2px;
	margin-bottom: 10px;
	color: #999;
}
div.categories-tags ul.categories {
	width: 114px;
	float: left;
	margin-right: 7px;
	font-size: 11px;
}
div.categories-tags ul.categories li {
	margin-bottom: 5px;
}
div.categories-tags ul.subcategories li {
	margin-bottom: 4px;
}

div.categories-tags ul.categories li.active {
	background: url(../_images/common/left-arrow.gif) no-repeat 100% 60%;
}
/* footer */
div.footer {
	clear: both;
	width: 980px;
	overflow: hidden;
	margin: 20px auto 0 auto;
	padding: 5px 0 8px;
	height: 90px;
	/*border-top: 1px solid #d4d4d4;*/
}
div.footer ul {
	float: left;
}
div.footer ul li {
	display: inline;
	padding: 0 11px;
}
div.footer ul li a:hover {
	text-decoration: underline;
}
div.footer ul li.home {
	margin-right: 130px;
	padding-left: 0;
}
div.footer p.copyright {
	float: right;
	font-size: 11px;
}

.popup-box {
	position: absolute;
	margin-top: 15px;
}
.popup-box .popup-box-top {
	width: 284px;
	background: url(../../_images/common/popup-top.gif) no-repeat 0 0;
}
.popup-box .popup-box-top div {
	padding: 14px;
	color: #666666;
	background: url(../../_images/common/popup-bottom.gif) no-repeat 0 100%;
}
.popup-box div select {
	margin: 5px 10px 0 0;
	min-width: 165px;
	font-size: 11px;
}
.popup-box div select option {
	padding: 0 5px 0 0;
}
.popup-box div input.mail-field {
	width: 172px;
	margin: 5px 10px 0 0;
	font-size: 11px;
}
.popup-box .arrow {
	height: 10px;
	font-size: 1px;
	line-height: 1%;
	width: 284px;
	margin-bottom: -1px;
	position: relative;
}
.popup-box.complaint .arrow {
	background: url(../../_images/common/popup-corner.gif) no-repeat 85% 0;
}
.popup-box.share .arrow {
	background: url(../../_images/common/popup-corner.gif) no-repeat 37% 0;
}

.default_description
{
    font-size:14px;
    padding-top:10px;
}
.default_description a
{
    font-size:14px;
}
.default_description p
{
    font-size:14px;
    margin-bottom:10px;
}

.num_label { font-size: 11px; vertical-align: super; color: gray; }

/******************************************************************************/
/* Навигация */
/******************************************************************************/
#topline { background: #0497cb; }
#navigation { text-align: left; height: 40px;  background: #0497cb /*url(../images/navigation/bg.gif)*/; color: white; }
#navigation A { color: white; }
#navigation .screenname { margin-left: 20px; font-weight: bold; }
#navigation .separator { margin-left: 20px; height: 19px; float: left; width: 1px; background-color: white; }

#navigation UL { list-style: none; margin: 0; margin-left: 18px; padding: 0; }
#navigation UL.topics { margin-top: 2px; }
#navigation .topic { display: block; float: left; margin: 0; padding: 0; }
#navigation .topic UL { position: absolute; }
#navigation .topic>A { font-weight: bold; display: block; height: 19px; text-decoration: none; background: url(../images/navigation/arr1.gif) no-repeat; padding: 3px 20px 0 29px; }
#navigation .topic:hover>A { background: white url(../images/navigation/arr1over.gif) no-repeat; color: #0497cb; }
#navigation .topic UL { background: white; position: absolute; z-index: 200; visibility: hidden; }
#navigation .topic UL A.item { display: block; background: white; color: #0497cb; }
#navigation .topic:hover>UL, #navigation .topic UL LI:hover UL { visibility: visible; }
#navigation .topic UL UL { margin-left: 211px; margin-top: -21px; border-top: 1px solid #0497cb; }
#navigation .topic UL { padding: 1px 1px; float: left; text-align: left;  width: 211px; margin-left: -1px; border: 1px solid #0497cb; border-top: none; }
#navigation .topic UL A.item { text-align: left; font-weight: normal;  padding: 0 13px; padding-top: 2px; padding-right: 20px; height: 18px; text-decoration: none; }
#navigation .topic UL A.item:hover { color: white; font-weight: normal; background: url(../images/navigation/selected.gif); }
#navigation .topic UL A.item .num { float: right; color: #999999; }
#navigation .topic UL A.item:hover .num { color: white; }

#navigation .upload { margin-left: 15px; margin-right: 15px; padding-top: 4px; background: url('../images/navigation/arr_upload.gif') no-repeat left center; height: 19px; display: block; padding-left: 25px; font-weight: bold; }
#navigation .reg { margin-left: 15px; padding-top: 4px; background: url('../images/navigation/arr_reg.gif') no-repeat left center; height: 19px; display: block; padding-left: 25px; font-weight: bold; }

#navigation .search_form .field { width: 120px; height: 14px; font: 11px tahoma; color: gray; padding: 0 2px; }
#navigation .exit { padding-left: 13px; background: url(/images/navigation/exit.gif) no-repeat left center; }

#navigation .login_form .field { width: 55px; height: 14px; font: 11px tahoma; }
#navigation FORM .submit { margin-left: 7px; }

#navigation .usermenu { height: 18px; padding-top: 5px; }
#navigation .usermenu .options { display: none; }
#navigation .usermenu:hover .options { display: block; margin-top: 17px; width: 130px; z-index: 200; }
#navigation .usermenu .options { margin: 0; margin-top: 5px; padding: 1px; position: absolute; }
#navigation .usermenu .options { background: white; list-style: none; border: 1px solid #0497cb; border-top: none; }
#navigation .usermenu .options A { width: 100px; display: block; color: #0497cb; padding: 0 10px; padding-top: 2px;
    padding-right: 20px; height: 18px; text-decoration: none;}
#navigation .usermenu .options A:hover { color: white; background: #0497cb; }

/*********************/

#footer { border-top: 1px solid #999999; height: 90px; width: 100%; font: 11px tahoma; padding-top: 5px; }
#footer TABLE { width: 1000px; margin: 0 auto; }
#footer TD { vertical-align: top; }