* {margin: 0; padding: 0;}
img {border: 0;}

body {font-size: 12px; font-family: arial;}

p {margin-top: 6px;}
h1 {font-size: 21px;}
h2 {font-size: 18px;}
h3 {margin-top: 20px;}
h4 {font-size: 16px; color: #4972d1; font-weight: normal; margin-top: 10px;}
h4 a {color: #4972d1;}

h1 a {color: #000;}

table {font-size: 12px;}

.head {}

.head .title {float: left; width: 220px;}
.head .title h1 {margin: 10px 0 0 10px;}
.head .title p {color: #4972d1; margin: 0 0 0 10px;}

.head .menu {margin: 0 125px 0 220px;}
.head .menu a {
	background: url(../img/menu_bg.gif) repeat-x;
	padding: 0 10px;
	line-height: 31px;
	display: block;
	float: left;
	color: #fff;
	border-right: 1px solid #fff;
}

.head .menu .this {
	background: url(../img/menu_bg_this.gif) repeat-x;
	text-decoration: none;
	cursor: default;
}

.head .menu a:hover {text-decoration: none;}
.head .menu h2 {clear: both;}

.head .personal_options {float: right; text-align: right; padding: 10px; }
.head .personal_options a {color: #000;}

.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 {padding: 0 25px 0 220px;}
.content h2 {margin: 0 0 27px 0;}
.content a {color: #4972d1;}
.content .comment {color: #999; padding: 5px 0;}
.content .comment a {color: #999;}

.content .accent_attention {padding-bottom: 15px;}
.content .accent_attention .a_a_content {
	border: 1px solid #a7b5d8;
	background: #f4f6fb;
	padding: 10px 15px;
	float: left;
}
.content .accent_attention.full_width .a_a_content {
	float: none;
}


.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;
}

.color1 {}
.color0 {background: #EEE;}

.dn {display: none}
.nw {white-space: nowrap;}


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

.sub_menu {margin-bottom: 15px; font-size: 1.2em;}
.sub_menu span {background: #728fd1; padding: 3px 5px; margin-right: 10px; color: #fff;}
.sub_menu a {padding: 3px 5px; margin-right: 10px;}


/* 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;
}

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

.auth input {width: auto !important;}


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

.evaluation {
	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: 180px;}



.evaluation .mark,
.evaluation .mark_2,
.evaluation .mark_double {width: 270px; white-space: nowrap;}

.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: 30px; line-height: 26px; color: #7f7f7f; white-space: nowrap;}
.evaluation .mark_2 .mark_desc {margin-left: 30px; float: left; line-height: 18px; color: #7f7f7f; white-space: nowrap;}
.evaluation .mark_double .mark_desc {margin-left: 30px; 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;}



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


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

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

.radio-,
.checkbox- {border: 0;}

.button- input {
	width: auto;
	padding: 3px;
	border: 1px solid #a7b5d8;
	background: #f4f6fb;
	font-size: 1.2em;
}

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

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



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

.error_info,
.green_info {margin-bottom: 20px;}
.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 {
	padding: 5px 8px;
	background: #5d7fd1;
	color: #fff;
	display: block;
	float: left;
	border-right: 1px solid #fff;
}
.paging a:hover {text-decoration: none;}
.paging b {color: #000; background: #999;}

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

.universal_table {
	width: 95%;
	//width: auto;
	text-align: left;
}
.universal_table th {border-bottom: 1px solid #999; padding: 5px 10px;}
.universal_table td {border-bottom: 1px solid #999; padding: 3px 10px;}

/* 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;
}

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

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

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


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

.br {clear: both;}
.float_r_br {float: right;}
.star {color: red; font-size: 14px;}
.right {text-align: right;}

/* 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;}