@import url(metagame_head.css);

body {margin: 0; padding: 0; font-family: arial; min-width: 1000px;}

h1 {color: #b5af57;}
h2 {color: #b5af57; font-size: 18px !important; font-weight: normal; margin: 8px 0 2px 0;}
h3 {color: #b5af57; font-size: 14px; margin: 7px 0 2px 0;}

p {font-size: 12px; line-height: 21px; margin: 0;}

a {color: #000;}

.tab_menu {border-bottom: 1px solid #e2dea0; padding: 22px 10px 0 20px;}

.tab_menu h2 {float: right; margin: 0;}

.tab_menu a {
	background: url(../img/tab_menu_l.gif) no-repeat left top;
	display: block;
	float: left;
	font-size: 12px;
	margin: 0 2px 0 0;
	padding: 0 0 0 15px;
}
.tab_menu a div {
	background: url(../img/tab_menu_r.gif) no-repeat right top;
	padding: 0 15px 0 0;
	line-height: 24px;
}
.tab_menu a.this {background: url(../img/tab_menu_lthis.gif) no-repeat left top; position: relative; bottom: -1px; margin: -1px 1px 0 0;}
.tab_menu a.this div {background: url(../img/tab_menu_rthis.gif) no-repeat right top; line-height: 25px;}



.content {margin: 20px 20px 0 20px;
min-height: 92%;
}
.content.popup- {margin: 0px 20px 20px}

/*.metagame_content {margin-left: 205px; padding-top: 10px; font-size: 12px;}*/

.content .right_info {float: right; width: 225px; margin: -8px 0 0 20px;}
.content.main- .right_info {width: 345px;}
.content .right_info p {}
.content .right_info .no_reload {text-decoration: none; border-bottom: 1px dotted #ccc; color: #ccc;}
.content .right_info .with_bg {background: #f6f4d6; padding: 10px; margin-top: 5px;}
.content .right_info .with_bg .small {font-size: 11px; color: #dbd471; margin-top: 5px;}
.content .right_info .with_bg .small a {color: #dbd471;}

.content .right_info .user_filter_list {margin: 15px 0 0 20px;}
.content .right_info .user_filter_list td {vertical-align: top;}

.content .content_block {margin-right: 255px;}
.content.main- .content_block {margin-right: 375px;}

.event_page .right_info {width: 255px;}
.event_page .content_block {margin-right: 275px;}

.content .attention {background: #f2eeb4; padding: 8px 10px; margin-bottom: 10px;}
.content .attention .li {background: url(../img/li.gif) no-repeat left 5px; padding-left: 10px;}

.content .message {background: #f2eeb4; padding: 8px 10px; margin-top: 8px;}
.content .text_to_read {font-size: 16px; margin: 10px 0; padding: 0;}

.content ul {margin: 0; padding: 0;}
.content ul li {list-style-type: none; font-size: 12px; line-height: 21px; background: url(../img/li.gif) no-repeat left 6px; padding-left: 10px;}


.content .user_info td {vertical-align: top; padding-left: 15px;}
.content .user_info .avatar- {padding-left: 0px;}
.content .user_info p {line-height: 21px;}
.content .user_info b {font-weight: normal; color: #666;}

.user_photo_list {float: left; margin: 0 15px 15px 0;}
.user_photo_list td.upl_info {text-align: center; vertical-align: top; padding: 5px 0 0 0; height: 45px; display: block;}
.user_photo_list td.upl_info a {color: #999;}
.user_photo_list td.avatar {text-align: center; vertical-align: middle; width: 80px; height: 80px;}



/* metagame: menu
--------------------------------------------------------------------------------------*/

.metagame_nav {
	background: #f1f1e2;
	float: left;
	width: 185px;
	padding-top: 20px;
	padding-right: 10px;
	font-size: 14px;
}

.metagame_nav a {color: #000;}
.metagame_nav p {color: #666; font-size: 11px; margin-top: 5px;}

.metagame_nav ul {margin: 0; padding: 0;}

.metagame_nav li { 
	margin-bottom: 20px;
	margin-left: 15px;
	line-height: 1;
	list-style: none;
}

.metagame_nav li span {
	background: url(../img/sub_menu_bgl.gif) no-repeat;
	padding: 3px 0;
	//padding: 0;
}
.metagame_nav li span span {
	background: url(../img/sub_menu_bgr.gif) no-repeat right top;
	padding: 3px 6px;
	color: #000;
}

.metagame_nav li.title- span {
	background: url(../img/menu_bgl.gif) no-repeat;
	padding: 5px 0;
	//padding: 0;
}
.metagame_nav li.title- span span {
	background: url(../img/menu_bgr.gif) no-repeat right top;
	padding: 5px 6px;
	color: #000;
}


/* competence tree
--------------------------------------------------------------------------------------*/

.competence_tree {}
.competence_tree .competence_group- {padding: 8px 0 0; font-weight: bold;}
.competence_tree.small_padding- .competence_group- {padding-top: 0;}
.competence_tree .competence_group_contents- {padding-left: 15px; //width: 100%;}
.competence_tree .competence_group_contents-.last_level- {padding-left: 0}
.competence_tree .group_title-.level0- {border-bottom: 1px dotted #000; font-size: 12pt; cursor: pointer;}
.competence_tree .group_title-.level1- {border-bottom: 1px dotted #000; font-size: 11pt; cursor: pointer;}
.competence_tree .group_title-.level2- {font-size: 10pt;}
.competence_tree .group_title-.level2-.close_all- {border-bottom: 1px dotted #000; font-size: 10pt; cursor: pointer;}
.competence_tree .group_title-.level0-.no_link- {border-bottom: none; cursor: default;}
.competence_tree .group_title-.level1-.no_link- {border-bottom: none; cursor: default;}
.competence_tree .group_title-.level2-.no_link- {border-bottom: none; cursor: default;}
.competence_tree .group_title- {}
.competence_tree .competence- {padding: 8px 0 0; font-size: 10pt; font-weight: normal;}
.competence_tree.small_padding- .competence- {padding-top: 0;}

.competence_tree .competence-.with_select- {padding: 3px 0; margin-top: 3px; background: #EEE;}
.competence_tree .competence_select- {float: right; position: relative; top: -3px;}

.competence_tree .focus_info- {float: right; position: relative; top: -3px;}
.competence_tree .focus_info- td {width: 92px;}
.competence_tree .focus_info- td.level_current- {text-align: right}
.competence_tree .focus_info- td.level_need- {}
.competence_tree .focus_info- td.delta- {padding-left: 24px;}
.competence_tree .focus_info- div.bar- {height: 18px; text-align: center; line-height: 20px;}
.competence_tree .focus_info- td.level_current- div.bar- {margin: 0 0 0 auto; background: #bdf098; border: 1px solid #008000;}
.competence_tree .focus_info- td.level_need- div.bar- {background: #c4c4c4; border: 1px solid #404040;}
.competence_tree .focus_info- td.delta- div.bar- {background: #ff832f; border: 1px solid #635200;}

.competence_tree_filter {}

.competence_tree_expand_links {margin: 10px 0;}
.competence_tree_expand_links span {padding: 4px; background: #f2eeb4;}
.competence_tree_expand_links span span {padding: 0; border-bottom: 1px dotted #000; cursor: pointer;}


/* s form
--------------------------------------------------------------------------------------*/

.sform {}

.sform.s1- {}
.sform.s1- input.checkbox- {margin-right: 4px;}
.sform.s1- div.button- {margin-top: 10px;}

.sform.s2- {}

.sform.s3- {}
.sform.s3- input.checkbox- {margin-right: 4px;}
.sform.s3- div.button- {margin-top: 10px;}

.sform.s3a- {}
.sform.s3a- div.button- {margin-top: 10px;}

.sform.s4- {}


/* marks_description
--------------------------------------------------------------------------------------*/

.marks_description {}
.marks_description th {padding: 2px; vertical-align: top; font-size: 32px; color: #b5af57;}
.marks_description td {padding: 4px 2px; vertical-align: top;}


/* big_red_warning
--------------------------------------------------------------------------------------*/

.big_red_warning {background: #A00; padding: 10px; text-align: center; color: #FFF; font-weight: bold;}
.big_red_warning.left- {text-align: left;}
.big_red_warning a {color: #FFF;}


/* seminar
--------------------------------------------------------------------------------------*/

.seminar {margin-bottom: 20px;}
.seminar .desc- {}
.seminar .type- {}
.seminar .type- span {background: #f2eeb4; padding: 2px}
.seminar .not_public- {background: #800; color: #FFF; padding: 0 2px;}
.seminar .relevance- {float: right; line-height: 18px; white-space: nowrap}
.seminar .relevance_title- {color: #AAA; padding-right: 18px}
.seminar .for_admin- {background: #EEE; padding: 4px 8px}


/* events list
--------------------------------------------------------------------------------------*/

#subprojects {}
#subprojects .current- {font-weight: bold}




#event_members_main {width: 100%; margin-top: 10px;}

#event_members_main .member_list- {vertical-align: top; padding-right: 10px;}

#event_members_main .selected_members- {vertical-align: top; width: 200px; background: #f7f6d9; border-top: 1px solid #ddd890;}
#event_members_main .selected_members- {vertical-align: top; width: 245px; padding: 15px 10px 0 10px;}
#event_members_main .selected_members- select {margin-bottom: 10px; border: 1px solid #b3b9c3;}
#event_members_main .selected_members- .selected_users {margin-top: 10px; padding-left: 34px;}
#event_members_main .selected_members- .selected_users .avatar {float: left; margin-left: -34px;}
#event_members_main .selected_members- .selected_users p {line-height: 12px;}

#event_members_main .groups- {vertical-align: top; padding: 0; width: 245px; background: url(../img/group_td_bg.gif) left top repeat-y}
#event_members_main .groups- .add {float: right; cursor: pointer; padding: 10px; color: #999;}

#event_members_main .groups- .group_item {border-left: 1px solid #ddd890; border-top: 1px solid #ddd890; padding: 1px 0;}
#event_members_main .groups- .group_item div {padding: 0 10px; border-top: 1px solid #eeecc9; border-bottom: 1px solid #eeecc9; cursor: pointer;}
#event_members_main .groups- .group_item .txt {text-decoration: none; border-bottom: 1px dotted #000; line-height: 46px;}
#event_members_main .groups- .group_item_last {border-top: 1px solid #ddd890; line-height: 1px; font-size: 1px;}

#event_members_main .groups- .this {background: #f7f6d9; border-left: 0;}
#event_members_main .groups- .this div {background: #f7f6d9; border-color: #f7f6d9; cursor: default;}
#event_members_main .groups- .this .txt {font-weight: bold;}

#event_members_main .groups- .edit_del {float: right; display: block; width: 20px; height: 20px; overflow: hidden; margin: 15px 0 0 10px; background: url(../img/edit_del.gif); font-size: 1px;}

#event_members_main .groups- .edit {background-position: -20px 0;}
#event_members_main .groups- .del {background-position: -60px 0;}

#event_members_main .groups- .this .edit {background-position: 0 0;}
#event_members_main .groups- .this .del {background-position: -40px 0;}


/* events show
--------------------------------------------------------------------------------------*/

.results2_table {width: 100%; border-collapse: collapse; margin: 2px 0 0;}
.results2_table td, .results2_table th {padding: 0; font-weight: normal; vertical-align: top; background: #F7F7F7;}
.results2_table .head- th {padding: 4px 0 4px; font-size: 13px; font-weight: bold;}

.results2_table .title- {padding: 2px 0 2px 2px; vertical-align: middle;}
.results2_table .title- select {width: 100%;}

.results2_table .compare- {width: 150px; padding-left: 8px; text-align: left;}
.results2_table .compare- select {width: 100%;}

.results2_table .results- {width: 250px; padding-left: 8px;}

.results2_table .for_mark- {padding-top: 13px; _position: relative;}
.results2_table .for_mark-.without_group_mark- {padding-top: 4px;}
.results2_table .for_mark- p {position: absolute; width: 150px; text-align: right; line-height: 16px; _right: 0;}
.results2_table .for_mark- p span {display: block; margin: 0 0 0 auto; text-align: center; line-height: 16px;}
.results2_table .for_mark- div {text-align: right;}
.results2_table .for_mark- div span {display: block; margin: 0 0 0 auto; width: 150px; line-height: 16px;}
.results2_table .for_mark- div span.self_marks- {background: #bdf098;}
.results2_table .for_mark- div span.future- {background: #c4c4c4;}
.results2_table .for_mark- div span.mark- {background: #f7959d;}
.results2_table .for_mark- div span.group_mark- {background: #415fc2;}
.results2_table .for_mark-.right- {padding-top: 4px;}
.results2_table .for_mark-.right- p {text-align: left; _left: 7px; }
.results2_table .for_mark-.right- p span {margin: 0 auto 0 0;}
.results2_table .for_mark-.right- div {float: left; text-align: left;}
.results2_table .for_mark-.right- div span {margin: 0 auto 0 0;}
.results2_table .for_mark-.right- p.comment- {
	position: static; overflow: hidden; 
	height: 16px; width: 75px; padding-left: 17px; 
	color: #666; white-space: nowrap;
	_width: 97px;}
.results2_table .for_mark-.right- .sep- {float: none; padding-top: 2px; line-height: 1px; font-size: 1px;}
.results2_table .for_mark-.right- .sep2- {float: none; padding-top: 4px; line-height: 1px; font-size: 1px;}

/* print version
--------------------------------------------------------------------------------------*/
@media print {
	.right_info {display: none}
	.content .content_block {margin-right: 0;}
	.sub_menu {display: none}
	.metagame-header {display: none}
	.copy {display: none}
}