/* -- common -- */
@import url("main_menu.css");

/* common styles */
html,body,td,th {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10pt; /* std:13.333px */
}
html,body {
    background-color:#ffffff;
    color:#000000;
    margin:0px;
    padding:0px;
    text-align:center;/*IE block centering, all's footer centering*/
}

a:link {color:#08466F; text-decoration: underline}
a:visited {color:#69694B; text-decoration: underline}
a:active,
a:hover {color:#990000; text-decoration: underline}

a.post_link_fixed:visited {
    color:#08466F; /* copied from unvisited, no color change */
}



input,textarea,select {font-size: 10pt}
textarea {display:block}
fieldset {padding:0.5em}
big   {font-size: 12pt /* std:16px */}
small, .small {font-size: 8pt /* std:10.666px */}
.sign {font-style: italic}
.new  {color: #F00000; font-style: italic}
.b    {font-weight:bold}
table {border-collapse:separate}
table.std {
    border-collapse: separate;
    border-spacing: 1px;
    border: none;
}
table.std td, table.std th {
    padding: 3px;
    vertical-align:top;
}

td.f, td.l {
    vertical-align:top;
}

/* default no border */
a img {border:none}

/* form defaults override */
form {margin: 0px}
label.radio, label.bl {display:block}

/* simple margins */
.p {margin-top: 1em; margin-bottom: 1em;}
.p2 {margin-top: 0.5em; margin-bottom: 0.5em;}

ul {
    margin:0;
    padding:0;
}
.article .page ul, .news ul {
    margin-top: 1em;
    margin-bottom: 1em;
}
ul li {
    list-style-image:url("i/li0.gif");
    margin-left: 27px;
}
ol li {
    list-style-image:none;
}

/* title of main cell */
h1.mtwork {
    color: #08466f;
    font-size:13pt; /* std:17.333px */
    font-weight:bold;
    margin:5px 0px 1em 0px;
}
/* title of next sections in main cell*/
h1.mtwork2 {
    font-size:13pt;
    font-weight:bold;
    margin: 1em 0px;
    color: #08466f;
}

h1.mtwork a:link,
h1.mtwork a:visited {text-decoration:none}
h1.mtwork a:active,
h1.mtwork a:hover {text-decoration:underline}

/* clearing element */
div.clr {clear:both;height:1px;margin: 0 0 -1px 0; padding:0;overflow:hidden}

.inline, .inline div, .inline p, .inline form {display:inline}
.inline input {height:1.4em;border-width:1px;padding:0px;margin:0px}

/* mandatory field */
.mand {color:#f00000}

/* notices on wrong fields in forms */
.notice {color:#f00000}

/* unimportant text */
.unimp {font-size: 8pt; font-weight:normal; font-style: italic}

/* IE classic fix */
* html .autorounded {height: 1px}

/* paid persons highlighting */
.paid, a.paid:link, a.paid:visited {font-weight:bold}
.msg_head .person .paid,
.msg_head .person a.paid:link,
.msg_head .person a.paid:hover,
.msg_head .person a.paid:visited,
.msg_head .person a.paid:active,
body.cv_ops .op_head .person .paid,
body.cv_ops .op_head .person a.paid:link,
body.cv_ops .op_head .person a.paid:hover,
body.cv_ops .op_head .person a.paid:visited,
body.cv_ops .op_head .person a.paid:active {
    color: #6f0833;
}

a.sort:link    {color: black}
a.sort:visited {color: black}
a.sort:active  {color: black}
a.sort:hover   {color: black}

tr.head a.sort:link, tr.head a.sort:visited, tr.head a.sort:active, tr.head a.sort:hover {color:black}
tr.head a.sel:link, tr.head a.sel:visited, tr.head a.sel:active, tr.head a.sel:hover {text-decoration: none}

.pager {background-color: #e0c0a0; padding:3px; text-align:center}

/* table rows and cells */
tr.head,td.head   {background-color: #E0C0A0; font-weight: bold}
tr.line1,td.line1 {background-color: #DBD8C4}
tr.line2,td.line2 {background-color: #E9E7D7}
/* private topic */
tr.linep1 {background-color: #DBD29B}
tr.linep2 {background-color: #E9E2B0}
/* private topic, admin access */
tr.line_adm {background-color: #cccccc}
/* disabled, unavailable, etc */
tr.line_dis {background-color: #cccccc}
/* cell with unread message count */
td.unread  {background-color: #CAD9BA}


.panel {background-color: #e0c0a0; font-weight: bold; padding:3px;}
div.panel {margin-left:1px; margin-right:1px;}
.panel h6 {font:inherit;margin:0;padding:0}
.panel .notice {font-weight: normal}

table.itemform {border:none; border-collapse:separate; border-spacing:1px; margin-top:0.5em; margin-bottom:0.5em;}
table.itemform label {font-weight: bold}
table.itemform td {border:none; padding:3px; vertical-align:top}
table.itemform td.l {font-weight: bold; text-align:right; background-color: #E0C0A0;}
table.itemform label small, table.itemform label .small,
table.itemform td.l small, table.itemform td.l .small {font-weight:normal}
table.itemform td.f {text-align:left;background-color: #E9E7D7}
table.itemform td.t {text-align:center;background-color: #E9E7D7;}
table.itemform td.t textarea {display:block;margin-left:auto;margin-right:auto;}
table.itemform td.s {text-align:center;background-color: #E9E7D7}
.itemform .img label {display:block}
.itemform .img img {display:block;float:right}
.itemform h6 {
    font:inherit;
    font-weight: bold;
    margin:0px;
    padding:0px
    }

img.captcha {width:120px; height:60px; vertical-align:top; margin-right:3px;}
input.captcha {display:block; width:114px;}

table.info {border:none; border-collapse:separate; border-spacing:1px}
table.info td {border:none; padding:3px; vertical-align:top}
table.info td.l {text-align:right;background-color: #E0C0A0; font-weight: bold}
table.info td.f {text-align:left;background-color: #E9E7D7}

/* any list */
table.list {
    clear: both; /* for top-banners */
    border: none;
    border-collapse: separate;
    border-spacing: 1px;
    width:100%;
}
table.list td { padding:3px }

/* .line1, .line2 should be moved here */
table.list .line_past { background: #dde0dd}


/* search result */
span.hlw {color:#400000;background-color:#ffffa0;font-weight:bold}

/* other search results */
/*
.msg
.plan
.press
*/
.article span.hlw {font-size:120%}

/* begin head login form styles */
/* absolute positioning inside floater */
#login_form {float:right;position:relative;
    margin-top:26px;margin-bottom:0px;margin-right:6px;
    width:280px;
}
#login_form * {position:absolute;white-space:nowrap;}
#login_form label {font-size:9px; font-weight:bold;}
#login_form input.text {font-size:11px;
    height:12px;
    width:60px;
    color:#000;background-color:#8091a1;
    border-color:#c9c2a5;
    border-width:2px;
    border-style:inset;
}
#login_form_login_l {top:4px;left:0px}
#login_form_login {top:0px;left:34px}
#login_form_pass_l {top:4px;left:108px}
#login_form_pass {top:0px;left:162px}
#login_form_submit {
    left:235px;
    border:none;
}

#login_form a:link, #login_form a:visited {font-size:10px;color:#d0c0b0}
#login_form a:active, #login_form a:hover {font-size:10px;color:#e22}
#login_form_reg_link {top:24px;left:34px}
#login_form_rem_link {top:24px;left:162px}
/* end head login form styles */

/* begin head logout form styles */
#logout_form {float:right;
    height:40px;
    margin-top:28px;margin-bottom:0px;margin-right:6px;
    font-size:10px; font-weight:bold;
}

#logout_form a:link, #logout_form a:visited {color:#8091a1;text-decoration:none}
#logout_form a:active, #logout_form a:hover {color:#d0c0b0;text-decoration:underline}
#logout_form .l1 {
    /* height: 20px; нельзя указать: IE глючит */
    margin-bottom:4px; /*приходится так: -6px кнопка submit, 2px от baseline до bottom */
    }
#logout_form .l1 a.pm img {
    vertical-align:baseline;
    margin-bottom:-4px;
    }

#logout_form .l1 .submit {
    border:none;
    vertical-align:baseline;
    /*height:19px;*/
    margin-top: 1px;
    margin-bottom:-6px;
}
/* end head logout form styles */


/* begin articles */
/* there is align="justify" in HTML to allow HTML align in content */
div.article div.page {padding-bottom:1em; margin-bottom:0.5em;}
div.article div.date {text-align:right;color:#bbbbbb;font-size:8pt;margin-top:1.5em}

#content_layout .singlecol div.article h1.title {font-size:20pt}


table.counters {border-collapse:collapse;border:solid black 1px}
table.counters td {border:solid black 1px;padding:4px}
table.counters tr.head td {text-align:center}
tr.counters td {text-align:right}
table.counters tr.counters td.title,table.counters tr.head td.title {text-align:left}

/* articles titles
TODO: use them for every article titles lists
*/
.article_title h1 {font-size:12pt;font-weight:bold;font-style:normal}
.article_title h2 {font-size:10pt;font-weight:normal;font-style:normal}

/* end articles */

/* publication edit form */
#publ_form div.image_preview {float:left;margin:5px}
#publ_form div.image_preview fieldset {float:left;padding:5px}
#publ_form.hide_images div.image_preview img {display:none}
#publ_form div.file_input {clear:both}
#publ_form div.file_input input {width:50%}

#publ_form table.files , #adv_form table.files , .upload table.files {
    margin-top:1em;margin-bottom:1em;
    border-collapse:collapse;border:solid 1px grey;
}
#publ_form table.files td , #adv_form table.files td , .upload table.files {
    margin:0;
    padding:3px;
    border:solid 1px grey;
}

.upload h6 {
    font-size:100%;
    font-weight:bold;
    font-style:normal;
}

/* any title */
h1 {font-size:13pt;font-weight:bold;margin:0px}
h2 {font-size:10pt;font-weight:bold;margin:0px}


h2.abstract {font-size: 11pt;font-weight:normal;margin:0px}
h2.abstract span.comm {font-size: 10pt}

table.admin_info {border-collapse:collapse;border:solid black 1px;}
table.admin_info td {border:solid black 1px;background-color:#e0e0e0;padding:1px}

/* publication search panel */
div.publ_search {margin:1em 0; padding:1px /* 1px against margin merge */ 1px 0.5em 0.5em}
/* better could be CSS2 ">" selector  */
div.publ_search div {margin:0.5em 0.5em 0 0; position:relative;/* IE float disappear bug */}
div.publ_search div div {margin:0}
div.publ_search div.half {float:left; width:48%;}
div.publ_search div.left {clear:both}
div.publ_search div.right {clear:right}
div.publ_search div.clr {margin:0 0 -1px 0}

div.banner_list_top {float:right;margin:0 0 1em 1em}

/* images */
img.userpic {width:75px;height:100px}
img.userpic2 {width:38px;height:50px}

/* person opinions */
div.opinions {margin:1em 0}
div.opinions table.existing {border-collapse:collapse;}
div.opinions table.existing td {border: solid #777777 1px;vertical-align:top;padding:0.2em}
div.opinions table.both td {width:50%}
div.opinions h6 {font-weight:bold;font-size:1em;font-style:normal;margin:0}
div.opinions div.op {margin:0.5em 0;overflow:auto}
div.opinions .pro div.op {background-color:#c8e8c8}
div.opinions .contra div.op {background-color:#e8c8c8}
div.opinions fieldset {margin:0}
div.opinions legend {font-weight:bold;margin:0}
div.opinions input.reason {width:40em}

table.project_rating tr.sort td {font-size:8pt;text-align:center}
table.project_rating td.percent {text-align:center}
table.project_ranks td.percent {text-align:right}
table.project_ranks tr.title td {font-weight:bold;font-size:12pt}
table.project_ranks td.rank {text-align:left}
table.project_ranks .edchoice {font-weight:bold;font-size:8pt}

/* "private" icon ("lock") */
img.private {width:14px;height:15px}

/* forum panels */
.forum {background-color: #DBD8C4}

/* forum navigation */
.forumnav {background-color: #DBD8C4; margin:0.5em 0px; border:0px}
div.forumnav {padding:3px; text-align:center}
table.forumnav {
    border: none;
    border-collapse: collapse;
    border-spacing: 0px;
    width:100%;
}
table.forumnav td {padding:3px;}
.forumnav a:link, .forumnav a:visited {text-decoration: none}
.forum_combo_top_nav a:link, .forum_combo_top_nav a:visited {text-decoration: none}
.forum_combo_top_nav {text-align:center;margin-bottom:1em}

table.forum_search {
    border: none;
    border-collapse: collapse;
    border-spacing: 0px;
    width:100%;
}
table.forum_search td {padding:3px;}

/* forum "mark" links */
form.mark a:link    {color: black}
form.mark a:visited {color: black}
form.mark a:active  {color: black}
form.mark a:hover   {color: black}

/* forum message header */
table.msg_head {
    border-spacing: 0px;
    border-collapse: collapse;
    border: none;
    background-color: #DBD8C4;
    width:100%;
    margin: 0px;
}
table.msg_head td {
    vertical-align: top;
    padding: 3px;
}

.msg_head .gname {
    font-size: 12pt;
    font-weight:bold;
}
.msg_head h1 {
    font-size: 10pt;
    font-weight:bold;
    margin:0px;
}
.msg_head h1 small {font-weight:normal}
.msg_head .person a:link,
.msg_head .person a:visited {
    text-decoration: none;
}

/* forum message */
.msg {
    overflow:auto;
    overflow-y:visible;
    margin:1em 0px;
    width:100%;
    padding-bottom:expression((this.clientHeight!=this.offsetHeight)?'20px':0); /* padding for scrollbar in IE */
}
/* чтобы в IE работал overflow, нужна фиксированная ширина */
/* * html .msg {overflow:visible} /* IE<6 */
/* *:first-child+html .msg {overflow:visible} /* IE7 */

/* in IE white-space:pre-wrap doesn't work at all */
/* .msg div.annot, .msg div.text {white-space: pre-wrap;} */
/* 1px margins are for FireFox, where selected link is outlined with 1px border, triggering scroll */
.msg div.annot {font-style:italic; margin: 0px 1px 0px 0px;}
.msg div.text { margin: 0px 1px 1px 0px;}
.msg span.cite {color:#6d0d00}
.msg .file {
    margin: 0px 1px 3px 3px;
    float: right;
    font-style: italic;
}

div.msg_links {margin: 1em 0px}

/* контейнер открытых сообщений в комбо-режиме, кроме самого первого */
div.msg_shift {margin-top:1em;}
/* контейнер открытых сообщений в комбо-режиме, после которых свёрнутые */
div.msg_shift2 {
    margin-top:1em;
    margin-bottom:0.3em;
    border-bottom:solid 1px #DBD8C4;
}

/* brief message */
/*
div.msg_b {}
*/
/* first brief message after full */
div.msg_b_hr {padding-top:0.5em;margin-top:0.5em;border-top:solid 1px #DBD8C4;}
/* collapsed subtree */
div.msgs_c {margin:0px 0px 0px 16px;font-weight:bold}

table#msgtree {
    margin: 1em auto;
    border-spacing: 0px;
    border-collapse: collapse;
    border: none;
    min-width: 730px;
    width:100%;
    background: white; /* overflow of default bg is possible */
}
table#msgtree td {
    padding:0px;
    font-size:10px;
    vertical-align:middle;
}
/* tree images */
table#msgtree td table {
    border-spacing: 0px;
    border-collapse: collapse;
    border: none;
}
table#msgtree a:link, table#msgtree a:visited {text-decoration: none}

/* group access rights in list */
table.forum_list td.grights {white-space:nowrap;text-align:center}

/* --- begin "new" --- */
/* -- head -- */
#head_bg {
    background: #036 url("i/new/hd_bg2.gif");
    width:100%;min-width:750px;height:69px;
}
#head {
    width:750px;
    margin-left:auto;margin-right:auto;
    height:69px;
    text-align:left;
    font-size:10px;
    color:#8091a1;
}

#head .counters {float:right;width:1px}

#big_logo {float:left}

.banner_top {
    text-align:center; margin: 0px auto;
}

/* -- main -- */

/* table or div */ #content_layout {
    width:750px;
    margin: 0 auto;
    border-style:none;
}

table#content_layout {
    border-collapse:collapse;
    background:none;
    background:url("i/new/bg_dot_749x6.gif"); /* dot */
}

div#content_layout {
    background:url("i/new/bg_dot.gif") repeat-y; /* dot */
}

/* default single column layout */
#content_layout /* div */ .singlecol {
    padding: 10px;
    background:url("i/new/bg_dot.gif") repeat-y right top; /* dot */
}

#content_layout .news_left { /*td*/
    width:300px;
    padding: 10px 0px 0px 0px;
    text-align: left;
}

#content_layout .news_left .news_title {
    margin-bottom: 1em;
    background-color:#eae7d8;
    padding:10px;
}

#content_layout .news_left img.hot_news_logo {
    width:280px;
    float: left;
    margin:0px 0px 0.5em 0px;
}

#content_layout .news_left a:link,
#content_layout .news_left a:visited {text-decoration: none}
#content_layout .news_left a:active,
#content_layout .news_left a:hover {text-decoration: underline}

#content_layout .news_left .news_title h1 {font-size:12pt;font-weight:bold;margin:0px}
#content_layout .news_left .news_title h2.abstract {font-size:11pt;font-weight:normal;margin:0px}
#content_layout .news_left .news_title h2.abstract span.comm {font-size: 10pt}



#content_layout .news_right { /*td*/
    text-align: justify;
    padding: 10px 10px 0px 10px;
    background:url("i/new/bg_dot.gif") repeat-y right; /* dot */
}

#content_layout .news_right .news_title h1 {font-weight:bold;margin:0px}


#content_layout .news_right .panel {
    padding:8px;
    text-align:justify;

}

#content_layout .news_right .panel input,
#content_layout .news_right .panel select {
    font-size:12px;
    vertical-align: middle;
}

#content_layout .news_right #news_search_panel input.text { width:184px; }

/*
rounded corners

вариант с абсолютным позиционированием фоновых div
в IE 5-6 нужен хак height:1px и в некоторых случаях - правые div надо сдвигать на 1px вправо,
вместо этого используется expression
IE7 работает сам
недостаток: для исходного div нужно устанавливать новый stacking context через position: relative
*/

/* общие стили для всех уголоков */
div.autoround_tl, div.autoround_tr, div.autoround_bl, div.autoround_br {
padding:0px; margin:0px; position: absolute;
font-size: 1px;
}

div.autoround_tl { top: 0px; left: 0px}
div.autoround_tr { top: 0px; right: 0px }
div.autoround_bl { bottom: 0px; left: 0px  }
div.autoround_br { bottom: 0px; right: 0px  }

.autoround_content, .autoround_content #tg_arc_cal {
position:relative;
}

/* хаки для IE  5-6 */
* html .autoround_content {height:1px;}

* html div.autoround_tr, * html div.autoround_br { right: auto; left: expression((this.offsetParent.clientWidth-parseInt(this.currentStyle.width))+'px')}
* html div.autoround_bl, * html div.autoround_br { bottom: auto; top: expression((this.offsetParent.clientHeight-parseInt(this.currentStyle.height))+'px')}


.news_title div.autoround_tl { height: 7px; width:7px; background: url("i/new/rb_eae7d8_tl.gif") transparent no-repeat top left;}
.news_title div.autoround_tr { height: 7px; width:7px; background: url("i/new/rb_eae7d8_tr.gif") transparent no-repeat top right;}
.news_title div.autoround_bl { height: 7px; width:7px; background: url("i/new/rb_eae7d8_bl.gif") transparent no-repeat bottom left;}
.news_title div.autoround_br { height: 7px; width:7px; background: url("i/new/rb_eae7d8_br.gif") transparent no-repeat bottom right;}

.panel div.autoround_tl { height: 7px; width:7px; background: url("i/new/rb_e0c0a0_tl.gif") transparent no-repeat top left;}
.panel div.autoround_tr { height: 7px; width:7px; background: url("i/new/rb_e0c0a0_tr.gif") transparent no-repeat top right;}
.panel div.autoround_bl { height: 7px; width:7px; background: url("i/new/rb_e0c0a0_bl.gif") transparent no-repeat bottom left;}
.panel div.autoround_br { height: 7px; width:7px; background: url("i/new/rb_e0c0a0_br.gif") transparent no-repeat bottom right;}


.pager {
    text-align:center;
    margin:1em 0;
    padding:3px 0;
    background-color:#d0ccc8;
    }

/* -- footer -- */
#foot_hr {
    background-color:#888;
    background-image:url("i/new/ft_line.gif");
    width:100%;height:7px;overflow:hidden;
}

#foot_menu_bg {
    background-color:#8092a0;
    width:100%
}
#foot_menu {
    background-color:#8092a0;
    width:750px;
    margin-left:auto;margin-right:auto;
    height:24px;
    line-height:22px;
    font-size:11px;
    color:#fff
}
#foot_menu a:link,#foot_menu a:visited {color:#fff;text-decoration:none}
#foot_menu a:active,#foot_menu a:hover {color:#fff;text-decoration: underline}
#copy {
    font-size:11px;
    color:#8092a0;
    margin-top:3px;
    margin-bottom:3px;
    text-align:center;
}
#copy p {margin-top:0;margin-bottom:0}

#copy a:link,
#copy a:visited {color:#08466F}
#copy a:active,
#copy a:hover {color:#900}

/* news/hot news */
.news {}

.news .head {border: none;}

.news table.head, .news table.head table {border-collapse:collapse;border-spacing:0px}
.news .head tr.t td {vertical-align:top}
.news .head tr.t td td {vertical-align:middle}

.news .head td {
    padding:0px;
    background-color: #dbd8c4;
}

.news .head td.r {
    width: 14em;
    border-left: solid #F8F7F1 6px;
}

.news .head .titles_t, .news .head .links_t {
    padding: 6px 6px 0px 6px;
}

.news .head .titles_b, .news .head .links_b {
    height: 6px; font-size: 1px; overflow:hidden;
}

.news .head img.hot_news_logo {
    margin: 0px 5px 0px 0px;
    width:140px;
    }

/* TODO: proper color antialiased corners */
.news .head .titles_t div.autoround_tl { height: 7px; width:7px; background: url("i/new/rb_eae7d8_tl.gif") transparent no-repeat top left;}
.news .head .titles_t div.autoround_tr { height: 7px; width:7px; background: url("i/new/rb_eae7d8_tr.gif") transparent no-repeat top right;}
.news .head .titles_b div.autoround_bl { height: 7px; width:7px; background: url("i/new/rb_eae7d8_bl.gif") transparent no-repeat bottom left;}
.news .head .titles_b div.autoround_br { height: 7px; width:7px; background: url("i/new/rb_eae7d8_br.gif") transparent no-repeat bottom right;}

.news .head .links_t div.autoround_tl { height: 7px; width:7px; background: url("i/new/rb_eae7d8_tl.gif") transparent no-repeat top left;}
.news .head .links_t div.autoround_tr { height: 7px; width:7px; background: url("i/new/rb_eae7d8_tr.gif") transparent no-repeat top right;}
.news .head .links_b div.autoround_bl { height: 7px; width:7px; background: url("i/new/rb_eae7d8_bl.gif") transparent no-repeat bottom left;}
.news .head .links_b div.autoround_br { height: 7px; width:7px; background: url("i/new/rb_eae7d8_br.gif") transparent no-repeat bottom right;}


/* news titles (last and by serie) */
div.news_title h1 {font-size:10pt;font-weight:normal}

div.news_title h2 {font-size: 10pt}

div.serie_titles div.news_title {margin-bottom:1em}

/* last news titles list page */
div.last_news div.hot_news {
    background-color: #dee7ec;
    padding: 5px 0px 5px 5px;
    }
div.last_news div.hot_news h1, div.last_news div.hot_news h2 {margin:0px 5px;position:relative;}
div.last_news div.hot_news img.hot_news_logo {width:280px;}

div.news {/*margin-top:1em;*/margin-bottom:1em}
div.tags {margin-top:1em;margin-bottom:1em}

body.calendar h1.mtwork {
    margin-bottom:3px;
}

/* same as h1 */
body.calendar .title_date {
    color: #08466f;
    font-size: 17px;
    font-weight: bold;
    float:right;
    height: 35px;
    margin: -1px 5px -15px 5px;
    padding: 1px 5px 0px 0px;
    background: url("i/cal/year_bg.gif") no-repeat 100% 0%;
}

body.calendar .title_date .year {
    background: #afb9c0;
    color:#fff;
}

body.calendar div.title_arrows {
    text-align:center;
    clear:both;
    margin-bottom: 10px;
}
body.calendar div.title_arrows img.l {
    margin-right: 19px;
}

/* calendar events table */
#cal_table {
    clear: both; /* FF 1.5 tries to place table between floaters :( */
    width: 729px; /* 103*7 + 8*1 (cellspacing) = 729 */
    border: solid #fff 1px;
    border-collapse:collapse;
    background: #fff;
    margin: 0px auto 0px auto;
}
#cal_table th, #cal_table td {
    vertical-align:top;
    width: 103px; /* (750 - 10*2 (page padding) - 8*1 (cellspacing)) / 7 = 103 */
    height: 136px;
    border: solid #fff 1px;
    padding: 0px;
    background: #eae7d8;
    font-size: 11px;
}
#cal_table td.other_month {
    background: #efeee4;
    color: #444;
}
#cal_table td.today {
    border: solid #6b7e8c 1px;
}
/* top-right-bottom-left of today */
#cal_table td.totd {
    border-bottom: solid #6b7e8c 1px;
}
#cal_table td.botd {
    border-top: solid #6b7e8c 1px;
}
#cal_table td.lotd {
    border-right: solid #6b7e8c 1px;
}
#cal_table td.rotd {
    border-left: solid #6b7e8c 1px;
}

#cal_table th {
    height: 18px;
    vertical-align: middle;
    color: #fff;
    background: #8ab0b0 url("i/cal/th_bg_weekday.gif");
    text-align: left;
    padding-left: 6px;
    width: 97px; /* 103 - 6 */
    font-size: 12px;
    font-weight: bold;
}
#cal_table th.weekend {
    background: #d6b28f url("i/cal/th_bg_weekend.gif");
}

/* "whole cell" link */
#cal_table td a.abs_cell:link, #cal_table td a.abs_cell:visited,
#cal_table td a.abs_cell:hover, #cal_table td a.abs_cell:active {
    display:block;
    position:absolute;
    width:103px;
    height:136px;
    margin:0;
    text-decoration:none;
}

#cal_table td div.day_events {
    clear:both;
    margin:3px;
    width:97px; /* 103 - 2*3 margin */
    height: 150px;
    overflow:auto;
    overflow-x:hidden;
}

#cal_table td div.day_events_c {
    clear:both;
    margin:3px;
    width:97px; /* 103 - 2*3 margin */
    overflow:hidden;
}

#cal_table td div.event {
    text-align:center;
    overflow:hidden;
}
#cal_table td div.day_events div.event {
    padding: 3px 0px;
    margin: 0px 0px 1em 0px;
}
#cal_table td div.day_events_c div.event {
    padding: 0px;
    margin: 0px;
    width:97px; /* IE7 forgets to expand these divs to 100% after parent class change */
}

#cal_table td div.day_num {
    float:left;
    padding: 3px 0px 0px 0px;
    width:23px;
    height:20px;
    margin-bottom: 5px;
    text-align:center;
    background-color: #d6d3c4;
    color: #6b7e8c;
    font-size:12px;
    font-weight:bold;
}
#cal_table td.today div.day_num {
    background-color: #6b7e8c;
    color: #ffffff;
}
#cal_table td.other_month div.day_num {
    background-color: #e7e7db;
    color: #b0b9c0;
}
#cal_table td div.day_num a:link, #cal_table td div.day_num a:visited {
    color: #6b7e8c;
    text-decoration: none;
}
#cal_table td.today div.day_num a:link, #cal_table td.today div.day_num a:visited {
    color: #ffffff;
}
#cal_table td div.day_num a:hover, #cal_table td div.day_num a:active,
#cal_table td.today div.day_num a:hover, #cal_table td.today div.day_num a:active {
    color: #990000;
    text-decoration: none;
}


#cal_table td div.own, #cal_table td.own, #cal_legend .own {
    background-color: #94bebe;
}
#cal_table td div.else, #cal_table td.else, #cal_legend .else {
    background-color: #c6d8da;
}
#cal_table td div.global, #cal_table td.global, #cal_legend .global {
    background-color: #e8dca4;
}
#cal_table td div.birthday, #cal_table td.birthday, #cal_legend .birthday {
    background-color: #dfbe9e;
}
#cal_table td div.project, #cal_table td.project, #cal_legend .project {
    background-color: #cac4db;
}


#cal_table td div.day_events div.event img,
#cal_table td div.day_events_c div.event img {
    display:block;
    margin: 0px auto 0px auto;
}

/* full structure of generated text link code see in cal.js */
#cal_table td div.event a.text {
    display: block;
}

#cal_table td div.day_events_c div.event div.text {
    width: 97px;
    height: 44px; /*empiric space left */
    overflow: hidden;
}

#cal_table td div.day_events_c div.event div.text table {
    border: none;
    border-collapse: collapse;
    table-layout:fixed;
    width: 97px;
    height: 44px;
}
#cal_table td div.day_events_c div.event div.text table td {
    padding: 0px;
    vertical-align: middle;
    text-align: center;
    width: 97px;
    height: 44px;
    overflow: hidden;
/* reset other definitions provided by
#cal_table th, #cal_table td
declaration
*/
    border: none;
    background: transparent;
}

#cal_table td div.day_events_c div.event div.text table td a {
    display: block;
    width: 97px;
    overflow: hidden;
}


#cal_table td.other_month div.day_events,
#cal_table td.other_month div.day_events_c {opacity:0.5}

#cal_table td div.day_events_c div.hide {display:none}

#cal_table td a.down:link, #cal_table td a.down:hover, #cal_table td a.down:active, #cal_table td a.down:visited {
    float:right;
    text-decoration:none;
    border: none;
    margin: 3px 3px 1px 1px;
}

#cal_table td div.counter {
    text-align:center;
    color: #990000;
    margin-top: 4px;
}


body.calendar .event_popup {
    position: absolute;
    visibility: hidden;
    display: block;
    width: 302px;
    height: 124px; /* 100 + 2*11 (visual padding) + 2 (shadow) */
    top: 0px;
    left: 0px;
    overflow:hidden;
    z-index:1
}
/* shadow */
body.calendar .event_popup .shadow {
    position: absolute;
    width: 302px;
    height: 124px;
    background: url("i/cal/info_shadow.gif");
    opacity: 0.25;
    filter:Alpha(style=0,opacity=25);
    top: 0px;
    left: 0px;
    z-index:-100;
}
/* rounded borders */
body.calendar .event_popup table.rb {
    width: 300px;
    height: 122px;
    border-collapse: collapse;
    border: none;
    margin: 0;
    table-layout:fixed;
    margin:0 2px 0 0;
}
body.calendar .event_popup table.rb td {
    border:none;
    padding:0;
    text-align:left;
}
body.calendar .event_popup .rb_tl {
    width:5px;
    height:5px;
    background: url("i/cal/info_rb_tl.gif");
}
body.calendar .event_popup .rb_t {
    width: 290px;
    background: url("i/cal/info_bg.gif");
}
body.calendar .event_popup .rb_tr {
    width:5px;
    background: url("i/cal/info_rb_tr.gif");
}
body.calendar .event_popup .rb_c {
    background: #ccd3b8 url("i/cal/info_bg.gif") repeat-x 0px -5px;
    height: 112px;
    overflow: hidden;
}
body.calendar .event_popup .rb_bl {
    width:5px;
    height:5px;
    background: url("i/cal/info_rb_bl.gif");
}
body.calendar .event_popup .rb_b {
    width: 290px;
    background: #ccd3b8;
}
body.calendar .event_popup .rb_br {
    width:5px;
    background: url("i/cal/info_rb_br.gif");
}

body.calendar .event_popup table.info {
    margin: 6px 11px;
    border-collapse: collapse; /* cellspacing = 0 */
    border: none;
    width: 278px;
}
body.calendar .event_popup table.info td.image {
    vertical-align: middle;
    text-align: left;
    padding-right:5px;
    max-width:150px;
}
body.calendar .event_popup table.info img {
    max-width:150px;
}
body.calendar .event_popup table.info td.name {
    vertical-align: middle;
    text-align: center;
    color: #900;
    font-weight:bold;
}


#cal_legend {
    margin: 1em 0px 0.5em 0px;
    font-size: 11px;
}

#cal_legend span {
    float: left;
    padding: 1px 0px 0px 0px;
    width: 100px;
    text-align:center;
    height: 21px;
    margin-right: 5px;
}

#cal_legend span.h {
    width: auto;
    height: auto;
    font-weight:bold;
}

#cal_legend .own {
    background: #dbd8c4 url("i/cal/legend_own_bg.gif") no-repeat;
}
#cal_legend .else {
    background: #c6d8da url("i/cal/legend_else_bg.gif") no-repeat;
}
#cal_legend .global {
    background: #e8dca4 url("i/cal/legend_global_bg.gif") no-repeat;
}
#cal_legend .birthday {
    background: #dfbe9e url("i/cal/legend_birthday_bg.gif") no-repeat;
}
#cal_legend .project {
    background: #cac4db url("i/cal/legend_project_bg.gif") no-repeat;
}


body.calendar form.search {
    clear:both;
    background: #efeee4 url("i/new/search_bg.gif") repeat-x;
    padding: 10px;
    margin: 0.5em 0px 1em 0px;
}
body.calendar form.search h6 {
    font-size:inherit;
    font-weight:bold;
    font-style:normal;
    color:#08466f;
    margin: 0 auto 0.5em 0;
}
body.calendar form.search input.submit {
    margin-top: 0.5em;
}


/* table#gal_last */
#gal_last {
    border: none;
    border-collapse:collapse;
}
#gal_last td {
    padding: 3px 3px 6px 3px;
    width:182px; /* 182px*4 = 728px */
    vertical-align: top;
    text-align: center;
}

table.info2i {
    width: 100%;
    border-collapse: collapse;
}

table.info2i td {
    vertical-align:top;
}
table.info2i td.logo {
    width: 1px;
}
table.info2i td.logo img {
    margin: 7px 10px 7px 0px;
}
table.info2i td.logo img.icon {
    margin: 0;
}

table.info2 {
    border: none;
    border-collapse: collapse;
    width:100%;
    margin: 0;
}

table.info2 td {
    vertical-align:top;
    padding:0;
}
table.info2 td.l, table.info2 td.f {
    padding:3px 0 2px;
    border-top: solid #e9e7db 1px;
    border-bottom: solid #e9e7db 1px;
    height: 1px; /* squeeze to least possible */
}
table.info2 td.l {
    padding-right: 8px;
    color: #9a6634;
    font-weight:bold;
    width:1px; /* squeeze to least possible */
}
table.info2 td.first, table.info2 tr.first td.l, table.info2 tr.first td.f {
    border-top: none;
    padding-top:4px;
}
table.info2 td.last, table.info2 tr.last td.l, table.info2 tr.last td.f {
    border-bottom: none;
    padding-bottom: 3px;
    height: auto;
}
table.info2 td.restricted {
    background-color:#ffffd0;
}

.iblock {
    margin: 1em 0;
}

/* highlighted background */
.iblockhl {
    background: #f0ede4 url("i/info_corn.gif") no-repeat top right;
    padding: 10px 16px 10px 10px;
    margin: 0.5em 0;
}

.iblockhlt {
    background: #f0ede4 url("i/info_corn.gif") no-repeat top right;
    padding: 4px 16px 4px 10px;
    margin: 0.5em 0;
    overflow: hidden;
}

.iblock h2, .iblockhl h2 {
    color: #659b9b;
    font-size: inherit;
    font-weight: bolder;
    margin: 0 0 0.5em 0;
}

.iblock h2 {
    margin: 0.5em 0;
}


.iblockhl li {
    margin-left: 17px;
}

.iblockhlt table.v {
    border-collapse:collapse;
    border: 0;
    width: 100%;
}

.iblockhlt table.v th {
    padding: 3px;
    color: #a8a272;
    border-bottom: solid #e9e7db 1px;
}

.iblockhlt table.v tr td {
    padding: 3px 3px 2px;
    border-top: solid #e9e7db 1px;
    border-bottom: solid #e9e7db 1px;
}
.iblockhlt table.v tr.first td {
    border-top: none;
    padding-top:4px;
}
.iblockhlt table.v tr.last td {
    border-bottom: none;
    padding-bottom: 3px;
    height:auto;
}

body.cv h2 {
    font-size: 12pt;
    font-weight: bolder;
    margin: 0.5em 0;
    color: #003366;
}

body.cv h2.cvc {
    color: #659b9b;
}

body.cv div.cvc {
    margin-bottom: 1em;
    background: #efeee4;
}
body.cv div.cvc_shift {
    margin: 0 15px 30px 0;
}

body.cv .cvc_head {
    background: #e8e0cf url("i/cvc_arr.gif") top left no-repeat;
    height: 35px;
    padding-left: 18px;
}

body.cv .cvc_head h2 {
    display: block;
    float: left;
    margin:0;
    padding: 8px 0 0 0;
    font-size: inherit;
    font-weight: bold;
    color: #9a6634;
}

body.cv .cvc_head div.search {
    display: block;
    float: right;
    margin: 0;
    padding: 8px 23px 4px 0;
    background: url("i/cvc_corn.gif") top right no-repeat;
}

body.cv .cvc_head div.search a {
    padding: 0 0 4px 20px;
    height: 17px;
    background: url("i/cvc_search.gif") top left no-repeat; /* 16*17 */
}

body.cv table.cvc {
    width: 100%;
    border-collapse:collapse;
    border:none;
}

body.cv table.cvc td.dates {
    padding: 3px;
    vertical-align:top;
}

body.cv table.cvc td.cvc_data td {
    padding: 0px 3px 2px 3px; /* bottom 2px needed for link background image */
}

body.cv table.cvc td.cvc_data td.l {
    font-weight: bold;
    color: #9a6634;
}

body.cv table.cvc td.f a.search {
    padding: 0 0 4px 20px;
    background: url("i/cvp_search.gif") no-repeat;
}

body.cv table.cvc div.cvp {
    background: #c8dcd1;
    margin: 0 -15px -15px 0;
}

body.cv table.cvc div.cvp_head {
    background: #b6cdc5 url("i/cvp_corn.gif") top right no-repeat;
    height: 27px;
    padding: 8px 15px 0px 12px; /* bad */
    color: #ffffff;
    font-weight: bold;
    position:relative; /* IE 6 hack */
}

body.cv table.cvc div.cvpt {
    background: #c8dcd1;
    padding: 0px 11px;
    position:relative; /* IE 6 hack */
    height: 100%; /* IE 6 hack */
}

body.cv table.cvp {
    width: 100%;
}

body.cv table.cvp td {
    padding: 0px 3px 3px 3px;  /* bottom 3px needed for link background image */
}

body.cv div.cvp table.nextproj {
    border-top: solid white 1px;
}

body.cv table.cvp {
    border-collapse:collapse;
    border:none;
}

body.cv table.cvp td.l {
    color: #4e7b7b;
    font-weight: bold;
    width: 50px;
}

body.cv table.cvp tr.first td {
    padding-top: 18px;
}
body.cv table.cvp tr.last td {
    padding-bottom: 18px;
}

body.cv table.cvp td.cvp_dates {
    vertical-align: top;
    padding-top: 18px;
    padding-bottom: 18px;
    width: 115px;
}

body.cv table.cvc a.op_ed, body.cv table.info2 a.op_ed {
    padding: 0 0 3px 20px;
    background: url("i/blog_add.gif") no-repeat;
}
body.cv span.edit {
    padding: 0 0 3px 20px;
    background: url("i/edit.gif") no-repeat;
}
body.cv span.op_ed {
    padding: 0 0 3px 20px;
    background: url("i/blog_add.gif") no-repeat;
}

body.cv_ops div.op_blockhl {
    background: #efeee4;
    padding-bottom: 1em;
    margin: 1em 0;
}

body.cv_ops table.op_head {
    border-spacing: 0px;
    border-collapse: collapse;
    border: none;
    background: #e8e0cf url("i/cvc_corn.gif") top right no-repeat;
    width:100%;
    margin: 0px;
}
body.cv_ops table.op_head td {
    vertical-align: top;
    padding: 3px;
}
body.cv_ops table.op_head td.right {
    padding-right: 18px; /* padding for corner */
}

body.cv_ops .op_head .person a:link,
body.cv_ops .op_head .person a:visited {
    text-decoration: none;
}

body.cv_ops div.op {
    margin: 1em 3px 0;
}



body.info a.edit {
    padding: 1px 0 2px 20px;
    background: url("i/edit.gif") no-repeat;
}
body.info a.gal_edit {
    padding: 4px 0 8px 28px;
    background: url("i/gallery.gif") no-repeat;
}
body.info a.gal {
    padding: 4px 0 4px 28px;
    background: url("i/gallery.gif") no-repeat;
}
body.info a.blog {
    font-size:8pt;
    padding: 1px 0 2px 20px;
    background: url("i/blog.gif") no-repeat;
}
body.info a.blog_add {
    padding: 1px 0 2px 28px;
    background: url("i/blog_add.gif") no-repeat;
}
body.info .iblockhl a.blog {
    padding: 1px 0 2px 28px;
    background: url("i/blog_f0ede4.gif") no-repeat;
}
body.info a.orders {
    padding: 1px 0 2px 20px;
    background: url("i/orders.gif") no-repeat;
}
body.info a.pay {
    padding: 1px 0 2px 20px;
    background: url("i/pay.gif") no-repeat;
}
body.info .ignore, body.info .ignore_list {
    padding: 1px 0 2px 28px;
    background: url("i/ignore.gif") no-repeat;
}
body.info a.friends_list {
    padding: 1px 0 2px 28px;
    background: url("i/friends.gif") no-repeat;
}
body.info a.pm_send {
    padding: 1px 0 2px 28px;
    background: url("i/pm_send.gif") no-repeat;
}
body.info a.edit:visited, body.info a.gal_edit:visited,
body.info div.gal a:visited, body.info div.blog a:visited,
body.info a.pay:visited, body.info a.orders:visited,
body.info a.ignore:visited, body.info a.blog:visited {
    color:#08466F; /* copied from unvisited, no color change */
}


abbr.RM {background:#fb5f15}
abbr.HR {background:#c2c72c}
abbr.PR {background:#a1d5e2}
abbr.PM {background:#a4e2a1}

body.info .project_awards td {
    text-align:center;
}

/* avg ratings on project info page */
table.project_info_ratings {
    border:none;
    border-collapse:collapse;
}
table.project_info_ratings td {
    padding:0px;
    border:none;
    vertical-align:baseline;
}
table.project_info_ratings td.percent {
    font-weight:bold;
    font-size: 13pt;
    text-align:right;
    padding-left:12px;
}
table.project_info_ratings tr.r td.percent, table.project_info_ratings tr.ro td.percent {
    color: #9a0403;
}
table.project_info_ratings tr.f td.percent, table.project_info_ratings tr.fo td.percent,
table.project_info_ratings tr.gr td.percent {
    color: #99982e;
}

.all_ranks_link {
    float: right;
    margin-right: 5px;
}
.all_ranks_link a {
    padding-left: 20px;
    background: url("i/grade.gif") no-repeat;
}

/* cite button */
input.cite {margin-left:100px}

/* screenshot page */
body.scr_pop {min-width:10px; text-align:center; margin-top:1em; margin-bottom:1em}