html{height:100%;}
* {margin: 0; padding: 0;}
img {border: 0;}

body {height:100%; font-size: 12px; font-family: arial; background: url('/n.gif') no-repeat; background-attachment: fixed;}
#wrapper{min-height: 100%; min-width: 1000px;}
.conteiner{
min-height: 94%;
}
h1 a {color: #000;}

table {font-size: 12px;}




.navigation {
	float: left;
	width: 190px;
	margin-top: 50px;
}
.navigation .nav_item {
	height: 62px;
	padding: 0 10px;
	border-bottom: 1px solid #999;
}
.navigation .nav_item a,
.navigation .nav_item span {
	font-size: 16px;
	margin-top: 5px;
	display: block;
	color: #000;
}
.navigation .nav_item p {
	color: #999;
	line-height: 16px;
	margin-top: 4px;
}
.navigation .nav_item p a {
	display: inline;
	margin: 0;
	font-size: 12px;
	color: #999;
}
.navigation .nav_item .eval {line-height: 19px; margin-top: 3px;}
.navigation .nav_item .eval a {border: 1px solid #999; padding: 1px 3px; margin-right: 5px;}

.navigation .event_groups {
	background: #eee;
	border: 1px solid #ddd;
	padding: 8px;
	margin-left: 10px;
	margin-top: 20px;
}
.navigation .event_groups span {font-size: 16px;}
.navigation .event_groups div {margin-top: 6px;}
.navigation .event_groups .all_events {font-size: 12px;}




.content .comment {color: #999; padding: 5px 0;}
.content .comment a {color: #999;}


.content .accent_attention {padding-bottom: 10px;}
.content .accent_attention .a_a_content {border: 1px solid #b5af57; background: #f6f4d6; padding: 10px 15px;}


.mistake {border: 1px solid red; background: #f7959d; margin: 25px; text-align: center; padding: 10px;}


.inform {margin: 0 0 20px 0; border: 1px solid #fff;}
.inform .lt {background: url(../img/inform_lt.gif) no-repeat left top;}
.inform .rb {background: url(../img/inform_rb.gif) no-repeat right bottom;}
.inform .rt {background: url(../img/inform_rt.gif) no-repeat right top;}
.inform .lb {background: url(../img/inform_lb.gif) no-repeat left bottom;}

.inform .inform_content {
	background: url(../img/alert_ico.gif) no-repeat left center;
	margin: 0 10px;
	padding: 15px 0 15px 40px;
}
.inform .inform_content a {color: #000;}

.info {
	float: right;
	width: 255px;
	border-left: 1px solid #999;
	padding: 0 0 0 20px;
	margin: 0 0 0 40px;
	line-height: 24px;
}
.info a {color: #000;}
.info p strong {color: #999; font-weight: normal;}


.event_to_eval {padding: 15px 0 0 30px;}
.event_to_eval a {color: #000;}
.event_to_eval .number {float: left; margin-left: -30px; color: #000;}

.table_filter {padding: 30px 0 15px 0;}
.table_filter input {border: 1px solid #b3b9c3;}

.event_cmp_list {padding: 15px 0;}

.event_cmp_list .title {font-size: 14px;}
.event_cmp_list .title input {margin: 0 6px 2px 2px;}
.event_cmp_list .sub {padding: 0 0 0 25px;}
.event_cmp_list img {margin-right: 5px;}

.event_marks th {padding: 6px 2px;}
.event_marks .name {font-weight: normal;}
.event_marks .name p {line-height: 16px; padding: 0;}
.event_marks td {padding: 0 5px; text-align: center;}
.event_marks .title {font-size: 16px; font-weight: bold; padding-bottom: 10px; text-align: left;}
.event_marks .sub_title {font-size: 12px; font-weight: bold; padding-left: 15px; text-align: left;}
.event_marks .sub {padding-left: 30px; text-align: left;}

.event_marks textarea {width: 100%; height: 35px; border: 1px solid #aaa;}
.event_marks select {width: 50px; border: 1px solid #aaa;}

.event_marks .group_eval,
.event_marks .comment_bg {background: #f1efcc;}

/* Sub Menus
------------------------------------------------------*/

.sub_menu {margin: 15px 0; font-size: 1.2em; border: 1px solid white;}
.sub_menu div {
	background: url(../img/sub_menu_bgl.gif);
	padding: 0;
	margin-right: 5px;
	float: left;
	margin: 0 4px;
}
.sub_menu div div {
	background: url(../img/sub_menu_bgr.gif) no-repeat right top;
	padding: 0;
	margin: 0;
}

.sub_menu a {line-height: 23px; margin: 0 9px; float: left;}
.sub_menu div div a {float: none; margin: 0 5px;}
.sub_menu span {line-height: 23px; margin: 0 5px;}
.sub_menu b {float: left; line-height: 23px; font-weight: normal;}


/* mouseHint
------------------------------------------------------*/

#mouseHint {
    position:   absolute;
    top:        0;
    left:       0;
    padding:    0.5ex;
    border:     1px solid #999;
    -moz-border-radius: 1ex;
    background: #ffe;
    display:    none;
    z-index:    5000;
    font-size:  90%;
    text-align:	left;
    /*
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;
    */
}
#mouseHint small {
	color:	#666;
}


/* Hint
------------------------------------------------------*/

.hint {
	background: url(../img/hint_bg.png);
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px 0 20px 0;
}
.hint .close {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}

.hint table {color: #fff; font-size: 12px; margin: 10px 60px 0 0;}
.hint table td {vertical-align: top; width: 50%; padding-bottom: 10px;}
.hint table .eval_num {font-size: 30px; width: 40px; padding: 0 10px 0 20px;}


/* Auth
------------------------------------------------------*/

.auth input {width: auto !important;}


/* Evaluation table
------------------------------------------------------*/

.evaluation {
	width: 100%;
	//width: auto;
	text-align: left;
}
.evaluation th,
.evaluation td {padding: 5px;}

.evaluation .self_mark_th,
.evaluation .self_mark,
.evaluation .self_mark_2,
.evaluation .self_mark_double {text-align: right; border-right: 1px solid #000;}

.evaluation .self_mark div {
	border: 1px solid green;
	background: #bdf098;
	color: #000;
	float: right;
	padding: 5px 0;
	text-align: center;
	margin: 0 -5px 0 0;
	width: 180px;
}
.evaluation .self_mark_2 div {
	border: 1px solid green;
	background: #bdf098;
	color: #000;
	float: right;
	clear: right;
	padding: 1px 0;
	text-align: center;
	margin: 0 -5px 2px 0;
	width: 180px;
}
.evaluation .self_mark_double div {
	border: 1px solid green;
	background: #bdf098;
	color: #000;
	float: right;
	clear: right;
	padding: 11px 0;
	text-align: center;
	margin: 0 -5px 1px 0;
	width: 180px;
}

.evaluation .self_mark,
.evaluation .self_mark_2,
.evaluation .self_mark_double {width: 147px; background: url(../img/dot_line_l.gif) repeat-y right top;}

.evaluation .mark,
.evaluation .mark_2,
.evaluation .mark_double {width: 210px; padding-right: 0; white-space: nowrap; /*background: url(../img/dot_line_r.gif) repeat-y left top;*/}

.evaluation .mark a {
	border: 1px solid red;
	background: #f7959d;
	color: #000;
	display: block;
	float: left;
	padding: 5px 0;
	text-align: center;
	margin: 0 0 0 -5px;
	text-decoration: none;
}
.evaluation .mark_2 a {
	border: 1px solid red;
	background: #f7959d;
	color: #000;
	display: block;
	float: left;
	clear: left;
	padding: 1px 0;
	text-align: center;
	margin: 0 0 2px -5px;
	text-decoration: none;
}
.evaluation .mark_double a {
	border: 1px solid red;
	background: #f7959d;
	color: #000;
	display: block;
	float: left;
	clear: left;
	padding: 11px 0;
	text-align: center;
	margin: 0 0 1px -5px;
	text-decoration: none;
}
.evaluation .mark a span,
.evaluation .mark_2 a span,
.evaluation .mark_double a span {padding: 0 5px;}

.evaluation .mark .mark_desc  {margin-left: 10px; line-height: 26px; color: #7f7f7f; white-space: nowrap;}
.evaluation .mark_2 .mark_desc {margin-left: 10px; float: left; line-height: 18px; color: #7f7f7f; white-space: nowrap;}
.evaluation .mark_double .mark_desc {margin-left: 10px; line-height: 38px; color: #7f7f7f; white-space: nowrap;}


.evaluation a.blue {border: 1px solid blue; background: #415fc2;}
.evaluation a.green {border: 1px solid green; background: #bdf098;}


.evaluation .self_mark .zero {line-height: 26px;}


.who_eval {float: right; width: 150px; //width: 140px; border-left: 1px solid #999; padding-left: 10px;}
.who_eval .eval_user {margin-bottom: 5px;}
.who_eval p {margin-bottom: 10px;}
.who_eval .checkbox- {float: left; margin: 5px 5px 5px 0;}

.rating {width: 60px; text-align: center;}
.rating p {white-space: nowrap; font-size: 18px; color: #666; line-height: 30px;}

.stat_handler {width: 147px;}



/* Fields
------------------------------------------------------*/


.field {
	margin: 15px 0;
	padding-left: 150px;
}
.field label {
	display: block;
	float: left;
	margin: 3px 0 0 -150px;
}
.field .title_label {width: 150px;}

.field .inline_labels label {
	display: inline;
	padding: 0 10px 0 3px;
	margin: 0;
	float: none;
}
.input-,
.field .string-,
.field .password- {
	padding: 3px;
	border: 1px solid #b5af57;
	background: #f6f4d6;
	font-size: 1.2em;
	width: 300px;
}
.field select,
.select- {
	border: 1px solid #b5af57;
	background: #f6f4d6;
	font-size: 1.2em;
}
.field textarea,
.textarea- {
	border: 1px solid #b5af57;
	background: #f6f4d6;
	font-size: 1.2em;
	width: 300px;
	height: 150px;
}
.field .inline_labels input,
.field .save_btn {width: auto;}

.field .file- {width: 310px;}

.field .comment- {
	color: #7f7f7f;
	width: 350px;
	padding: 3px 1px;
	margin: 0 0 5px 0;
	font-size: 11px;
}

.button- {margin: 10px 0 10px 0; padding: 0;}

.button- input {
	width: auto;
	padding: 3px;
	border: 1px solid #b5af57;
	background: #f6f4d6;
	font-size: 1.2em;
	margin: 10px 15px 0 0;
	cursor: pointer;
}

.button- a {
	width: auto;
	padding: 3px 20px 3px 20px;
	border: 1px solid #b5af57;
	background: #f6f4d6;
	font-size: 1.2em;
	margin: 10px 15px 0 0;
	cursor: pointer;
	text-decoration: none;
}

#photo {margin: 5px 0 3px 0;}

.self_mark_select select {
	border: 1px solid #b5af57;
	background: #f6f4d6;
	font-size: 1.2em;
}


/* Info Messages and Errors
------------------------------------------------------*/

.error_info,
.green_info {margin: 10px 0 20px 0;}
.error_info.no_margins,
.green_info.no_margins {margin: 8px 0;}
.error_info span {background: #c3424c; color: #fff; padding: 7px 8px;}
.green_info span {background: #389347; color: #fff; padding: 7px 8px;}

.error {
	background: url(../img/error_arrow.gif) no-repeat 7px top;
	padding-top: 7px;
	margin-bottom: 2px;
}
.error span {
	background: #c3424c;
	color: #fff;
	padding: 4px 8px;
	/*display: block;
	float: left;*/
	margin-bottom: 7px;
}


/* Paging
------------------------------------------------------*/

.paging {margin: 10px 0 0 0;}
.paging b,
.paging a,
.paging span {
	padding: 5px 8px;
	background: #EEE;
	color: #000;
	display: block;
	float: left;
	border-right: 1px solid #fff;
}
.paging a:hover {}
.paging b {color: #000; background: #AAA;}


/* Universal table
------------------------------------------------------*/

.universal_table {
	width: auto;
	text-align: left;
}
.universal_table th {border-bottom: 1px solid #999; padding: 5px 10px 5px 0;}
.universal_table td {border-bottom: 1px solid #999; padding: 3px 10px 5px 0;}
.universal_table th.center-, .universal_table td.center- {text-align: center;}
.universal_table th.no_padding-, .universal_table td.no_padding- {padding: 0;}


.versal_table{
	border: 1px solid #e2dea0;
	border-collapse: collapse;
	margin: 25px 0;
}

.versal_table * td{
	border: 1px solid #e2dea0;
	padding: 5px;
}

.versal_table * th{
	border: 1px solid #e2dea0;
	text-align: center;
	padding: 5px;
	background-color: #f6f4d5;
	font-weight: bold;
}

.nobr{
	border: none;
	width: 100%;
}
.nobr * td{
	border: none;
}

/* Presentation table
------------------------------------------------------*/

.presentation_table {
	width: auto;
	text-align: left;
}
.presentation_table th {padding: 5px 10px 5px 0;}
.presentation_table td {padding: 3px 10px 5px 0;}
.presentation_table td.title- a {}


/* Table for verical splitting
------------------------------------------------------*/

.vertical_split_table {width: 100%}
.vertical_split_table td {
	padding-right: 20px;
	vertical-align: top;
}


/* Listing table
------------------------------------------------------*/

.listing_table {
	
}
.listing_table td {
	padding: 1px 10px 1px 2px;
	text-align: left;
	vertical-align: middle;
}
.listing_table th {
	text-align: center;
}


/* subproject mark
------------------------------------------------------*/

.subproject_mark {}
.subproject_mark td {vertical-align: top; text-align: left; width: 30px; padding: 8px;}
.subproject_mark td.cmp {width: auto;}
.subproject_mark a {display: block; float: left; background: red; width: 14px; height: 14px;}
.subproject_mark a img {width: 14px; height: 14px;}


/* Live search
------------------------------------------------------*/
.live_search {
	margin-bottom: 6px;
}


/* Copyright
------------------------------------------------------*/

.copy {text-align: center; clear: both; margin: 50px 0 20px 0;height: 60px; margin-top: -80px;}
.copy p {line-height: 24px;}
.copy a {color: #000;}


/* Common
------------------------------------------------------*/

.br {clear: both;}
.brl {clear: left;}
.right {float: right;}
.float_r_br {float: right;}
.right {text-align: right;}
.dn {display: none;}
.nw {white-space: nowrap;}

.star {color: red; font-size: 14px;}
.red {color: #ba0101; font-weight: normal; font-size: 12px;}

/* event_members_edit_box
------------------------------------------------------*/

#event_members_edit_box {}


/* event_competences_edit_box
------------------------------------------------------*/

#event_competences_edit_box {}
#event_competences_edit_box .competence_group- {margin: 2px 0;}
#event_competences_edit_box .competence- {margin: 2px 0; padding-left: 15px}


/* event_marks_edit_box
------------------------------------------------------*/

#event_marks_edit_box{}

.event_marks_table {}
.event_marks_table th {
	padding: 2px;
	font-weight: normal;
	text-align: center;
	vertical-align: top;
}
.event_marks_table td {
	padding: 2px;
	text-align: center;
}
.event_marks_table td.competence_name- {
	text-align: left;
}
.event_marks_table select {
	width: 50px;
}


/* event_filter
------------------------------------------------------*/

.filter {border: 1px solid #ddd; background: #eee; padding: 4px; margin-bottom: 4px;}
.filter span {display: block; float: left; width: 110px;}
.filter_deselect {padding: 4px; margin-bottom: 4px; text-align: right;}


/* registration (by steps)
------------------------------------------------------*/

.reg_level {margin: 15px;}
.reg_level p {line-height: 20px; margin: 5px;}

.reg_level input.input- {background: #f6f4d6; border: 1px solid #b5af57; margin-right: 5px;}
.reg_level select {background: #f6f4d6; border: 1px solid #b5af57; min-width: 40px;}

.reg_level .select {padding-left: 100px;}
.reg_level .select select {margin: 3px 0 0 -100px; position: absolute;}

.reg_level table td {vertical-align: top;}

.reg_level .self_mark_select select {margin-top: 5px;}

.role_rate {width: 100%; //width: auto;}

.role_rate td {text-align: center; padding: 3px 5px; width: 50%; vertical-align: top;}
.role_rate p {margin: 0; text-align: center;}
.role_rate div {margin: 0 auto 15px auto; padding: 5px;}

.role_rate .develop_roles {}
.role_rate .develop_roles div {border: 1px solid blue; background: #415fc2; color: #fff;}

.role_rate .good_roles div {border: 1px solid green; background: #bdf098;}

.reg_level .comment {border: 1px solid #b5af57; background: #f6f4d6; color: #000; padding: 10px; margin: 10px;}
.reg_level .comment p {margin: 0;}

.reg_level .comment_for_cmp {color: #999; padding: 5px 30px;}

.reg_level .button- {margin-top: 5px;}


/* Comments
------------------------------------------------------*/
#comments_here{padding: 10px 0; overflow: hidden;}
.comments_header{color: #666666; height: 24px;}
.comments_header a {color: #666666; font-weight: bold;}
.comments_header img {float: left;}
.comments_header span {line-height: 24px; padding: 0 0 0 10px;}
.comments_header span.date {font-size: 0.8em; padding: 0 0 0 10px;}
.comments_header span.link a {color: #0033ff;}

#comments_here .text{margin: 10px 66px 0 0;}

.comments_buttons{margin: 0 0 10px 0;}
.comments_buttons a {margin: 0 15px 0 0; color: #0033ff; text-decoration: none; border-bottom: 1px #0033ff dashed; font-size: 10px;}
 
#comments_here .left_0 {padding: 5px 0px 5px 0px;}
#comments_here .left_1 {padding: 5px 0px 5px 5%;}
#comments_here .left_2 {padding: 5px 0px 5px 10%;}
#comments_here .left_3 {padding: 5px 0px 5px 15%;}
#comments_here .left_4 {padding: 5px 0px 5px 20%;}
#comments_here .left_5 {padding: 5px 0px 5px 25%;}
#comments_here .left_6 {padding: 5px 0px 5px 30%;}
#comments_here .left_7 {padding: 5px 0px 5px 35%;}
#comments_here .left_8 {padding: 5px 0px 5px 40%;}
#comments_here .left_9 {padding: 5px 0px 5px 45%;}
#comments_here .left_10 {padding: 5px 0px 5px 50%;}
#comments_here .left_11 {padding: 5px 0px 5px 55%;}
#comments_here .left_max {padding: 5px 0px 5px 55%;}

#comments_here .div_hidden {font-style: italic;}

#comments_here .div_deleted {font-style: italic;}

#comments_here .new {background-color: #face8d;}

.comment_add {width: 50%;}
.comment_add textarea {width: 100%; height: 150px; margin: 10px 0;}
.comment_add input {width: 100px; margin: 10px 0;}

#reload_comments {position: fixed; top: 25%; width: 100%;padding: 3px; right:10px; width: 56px; height: 56px; background-color:#f6f4d6; border: 1px solid #b5af57; cursor: pointer;}

/* To load here - inner
------------------------------------------------------*/
.sarr{
    clear: both;
    overflow: hidden;
    margin-bottom: 10px;
}
.sarr span{
    cursor: pointer;
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.sarr .spr {
     background-image: url('../img/arr_l.png');
}
.sarr .snx {
     background-image: url('../img/arr_r.png');
}

.sarr .spra {
     background-image: url('../img/arr_la.png');
}
.sarr .snxa {
     background-image: url('../img/arr_ra.png');
}

#div_make_it_read{
    margin: 20px 0 25px 0;
	clear: both;
	overflow: hidden;
}
#div_make_it_read a{
    float: left;
    clear: both;
    padding: 0 0 0 25px;
    background-image: url('../img/arr_comm.png');
    height: 20px;
    background-repeat: no-repeat;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px dashed #ffffff;
}
#div_make_it_read a:hover{
    border-bottom: 1px dashed black;
}

.info_tbl{
    margin: 0 3px;
}
.info_tr{
    display: inline;
    border: 1px solid #bda924;
    padding: 0;
    margin: 0 -1px 0 0;
}
.info_tr img {margin: 0 0 -3px 0;}

.project_head{
	border-bottom: 1px solid #e2dea0;
	margin: 10px;
	overflow: hidden;
	padding: 5px 5px 15px 5px;
	background-image: url('../img/bk.png');
}

.project_head td{vertical-align: top;}
.project_head span{	font-weight: bold;
	color: #b5af57;}

.ph_title{
	font-weight: bold;
	color: #b5af57;
	margin-right: 5px;
}

.ph_title h2{
	margin: 0;
}

.ph_icon{
	float: left;
	margin: 0 15px 0 0;
}
.ph_icon img{
	border: 1px solid #e2dea0;
	padding: 2px;
}

.ph_desc{
}

.ph_info{
	float: left;
	margin:  0 0 0 15px;
}

.ph_info div{
	
	padding:  2px;
}

.project_admin{
	margin: 10px;
	overflow: hidden;
	padding: 5px 5px 6px 5px;
	background-image: url('../img/bk-red.png');
}

.project_admin div{
	font-weight: bold;
	float: left;
	margin: 0 15px 0 0;

}

/* Рабочий стол
************************************/
#conteiner_rs{
min-width: 800px;
}

#wrapper_header_rs{
	width: 100%;
	border-bottom: 1px solid #b2ad2a;
	text-align: center;
	margin: 10px 0 0 0;

}
#header_rs{
	height: 54px;
	margin: 0 45px;
	background-image: url('../img/rs/back.png');
	margin-bottom: -1px;
}

#left-corner_rs{
	background-image: url('../img/rs/left-corner.png');
	width: 12px;
	height: 54px;
	float: left;
}
#right-corner_rs{
	background-image: url('../img/rs/right-corner.png');
	width: 12px;
	height: 54px;
	float: right;
}
#title_rs{
	float: right;
	margin: 0 7px 0 0;
}
#menu_rs{
	width: 155px;
	padding: 15px 5px 0 5px;
	border: 1px solid #e1dfa4;
	background-image:url('../img/rs/menu-bg.gif');

	margin: 0 -230px 50px 45px;
	float: left;
}

.menu_item_rs{
	font-size: 12px;
	line-height: 20px;
}
.menu_item_rs a {
	color: #525250;
	text-decoration: none;
}

.menu_item_rs img{border: none; margin: 0px 10px 0 0; float: left;}

.menu_item_rs a:hover{
	background-image:url('../img/rs/menu-active.gif');
	font-size: 12px;
	line-height: 20px;
	display: block;
}

.menu-underline_rs{
	height: 2px;
	overflow: hidden;
	background-image:url('../img/rs/list-underline.gif');
}
.menu-left_rs{
	background-image:url('../img/rs/menu-left.png');
	width: 8px;
	height: 6px;
	float: left;
	overflow: hidden;
}
.menu-right_rs{
	background-image:url('../img/rs/menu-right.png');
	width: 8px;
	height: 6px;
	float: right;
	overflow: hidden;
}
#menu-footer_rs{
	overflow: hidden;
	width: 167px;
	margin: 5px 0 0 -6px;
	position: relative;
	top: 1px;
	clear: both;

}
#wrapper_footer_rs{
	width: 100%;
	border-top: 1px solid #b2ad2a;
	text-align: center;
	min-width: 800px;
}
#footer_rs{
	height: 54px;
	margin: -1px 45px 0 45px;
	background-image: url('../img/rs/back-bottom.png');
	clear: both;
}
#left-bottom_rs{
	background-image: url('../img/rs/left-bottom.png');
	width: 12px;
	height: 54px;
	float: left;
	margin-top: 0;
}
#right-bottom_rs{
	background-image: url('../img/rs/right-bottom.png');
	width: 12px;
	height: 54px;
	float: right;

}

#content_rs{
	float: left;
	margin-left: 230px;    
}


/* end of Рабочий стол
************************************/

.metagame-header-green{
min-width: 800px;
}

/* Настройка меню проекта
************************************/

.menu_settings{
	padding: 5px;
}
.menu_settings .meditdelete{
	float: right;
}
.menu_settings .madd{
	float: right;
	margin-right: 18px;
}

.menu_settings ul li{
	background: none;
	overflow: hidden;
	display: block;
}

.footer {
height: 60px;
margin-top: -80px;
}
.hFooter {
height: 80px;
clear: both;
}