* {margin:0; padding:0}
li {list-style-type:none}
a {text-decoration:none}
a img {border:none}
#content a:hover {text-decoration:underline}
body {color:#000; font-family:Verdana, 'Trebuchet Ms', 'DejaVu Sans', Sans-serif; font-size:10px; background:#FFF url('img/bg.jpg') repeat-x top center; min-width:963px}
input, textarea, select {font-size:10px; font-family:'Trebuchet Ms', 'DejaVu Sans'}

.hide {display:none}
.jumpers {display:none;}

.my_select.no_js:hover ul {display:block !important} /* działa tylko bez JS*/

#container {margin:0 auto; position:relative; width:963px}
#header {background:url('img/header.jpg') repeat-x top center; height:254px; position:relative}
/*ByM*/ #header_light {background:url('img/header_light.jpg') repeat-x top center; height:222px; position:relative}
h1 a {display:block; cursor:pointer}
h1 img {display:block; position:absolute; top:84px; left:32px; border:none; z-index:90}
h1 span {display:block; position:absolute; font-family:'Trebuchet MS'; font-weight:normal;}
h1 .desc {top:0; left:38px; line-height:38px; font-size:10px;  color:#9EF}
h1 .version {color:#F51; font-size:9px; top:110px; left:194px; z-index:100;}
h1 strong {font-weight:normal; color:#2AE}
h1 a:hover .desc {color:#FFF}
h1 a:hover strong {color:#6DF}

/*--------------------------*/

#top {position:absolute; top:0; left:0; width:963px; height:254px; z-index:100001; }
#menu {position:absolute; top:222px; left:30px; height:32px; z-index:1000000; }
#menu li.toppos {float:left; margin-right:3px; position:relative;}
#menu a.topitem {display:block; line-height:32px; height:32px; background:url('img/menu_pos_r.png') no-repeat top right; color:#3A0; font-weight:bold; font-size:11px;}
#menu a.topitem span {display:block; background:url('img/menu_pos_l.png') no-repeat top left; padding:0 9px}
#menu a.topitem em {color:#CCC; font-weight:normal; font-style:normal}
#menu a.topitem strong {color:#333; font-size:10px}

#menu li.active a.topitem, #menu li.hover a.topitem, #menu.no_js li:hover a.topitem {background:#06A url('img/menu_pos_r_h.png') no-repeat top right; color:#FFF}
#menu li.active a.topitem span, #menu li.hover a.topitem span, #menu.no_js li:hover a.topitem span {background-image:url('img/menu_pos_l_h.png')}
#menu li.active a.topitem strong, #menu li.hover a.topitem strong, #menu.no_js li:hover a.topitem strong {color:#EEE}

#menu ul {display:none; position:absolute; top:32px; left:0; width:200px; background:#FFF url('img/menu_submenu_top.png') repeat-x top left; border:solid 1px #CCC; border-top:none; padding:5px 0; opacity:0.97}
#menu li.hover ul, #menu.no_js li:hover ul {display:block;}
#menu ul a {color:#069; display:block; padding:3px 5px}
#menu ul a:hover {background-color:#5BE; color:#FFF;}

#menu li.toppos ul.submenu li.active {background-color:#DEF;}

#menu li.toppos ul.submenu li.partition {border-bottom:1px solid #CCC;}
/*--------------------------*/

#logged {position:absolute; right:32px; top:84px; height:104px; width:479px; background:url('img/logged.jpg') no-repeat; color:#EDC; line-height:15px; font-size:9px}
#logged .nick {position:absolute; top:55px; left:30px; font-weight:bold;}
#logged .nick em {font-weight:normal; font-style:normal; color:#C98}
#logged .logout a {display:block; height:22px; line-height:22px; width:60px; position:absolute; top:52px; left:267px; background:#B00 url('img/logged_logout.png') no-repeat; color:#FFF; font-weight:bold; text-align:center}
#logged .photo {height:66px; width:56px; position:absolute; top:14px; right:61px}
#logged .photo span {display:block; height:66px; width:56px; position:absolute; top:0; left:0; background:url('img/photo_small_border.png') no-repeat}
#logged .photo img {margin:3px 0 0 3px}
#logged .status {position:absolute; top:21px; line-height:19px; left:30px; width:297px; }
#logged .status dt {float:left;}
#logged .status dd .submit {display:none;}
#logged .status dd .input {border:none; padding:1px 0 1px 3px; width:190px; background-color:transparent; color:#C98}
#logged .status dd p {float:right; width:214px; height:19px; background:url('img/logged_status_bg.png') no-repeat top left; position:relative;}
#logged .status dd .button {display:block; position:absolute; right:0; top:0; height:19px; width:19px; background:url('img/logged_status_button.png') no-repeat top left; cursor:pointer}
#logged .status dd .button:hover {background-position:bottom left}
#logged .status dd ul {position:absolute; right:0; top:18px; width:212px; background:#FFF url('img/menu_submenu_top.png') repeat-x top left; border:solid 1px #421; border-top:none; padding:5px 0; opacity:0.97; display:none; }
#logged .status dd ul a {padding:1px 5px; color:#632; display:block; line-height:15px}
#logged .status dd ul a:hover {color:#FFF; background-color:#632}

/*-------------------------*/

#search {width:487px; height:32px; position:absolute; background:url('img/search_bg.png') no-repeat; border:none; top:222px; right:30px; z-index:-1}
#search #search_submit {display:block; position:absolute; width:30px; height:32px; right:0; top:0; border:none; background-color:transparent; cursor:pointer; padding:0}
#search select, #search label {display:none;}
#search select.no_js {display:block;}
#search input {font-size:11px; font-family:Verdana; color:#08B; border:none; background-color:transparent; display:block; padding:9px 0 0 15px; width:285px}
#search .type {position:absolute; width:145px; height:32px; top:0; left:312px}
#search .type p {line-height:32px; color:#444; font-size:11px; padding-left:12px}
#search .type p .button {display:block; position:absolute; top:0; left:0; height:32px; width:145px; cursor:pointer}
#search .type ul {position:absolute; top:32px; left:0; width:143px; border:solid 1px #DDE; border-top:none; padding:5px 0; background:#FFF url('img/menu_submenu_top.png') repeat-x top left}
#search .type ul li {padding:1px 5px; color:#444; line-height:15px; cursor:pointer}
#search .type ul li:hover {color:#FFF; background-color:#6A3}
#search .type ul {display:none;}

/*-------------------------*/

#frnds_help {position:absolute; top:0; right:32px; height:33px; width:489px; background:#37A url('img/frnds_help.jpg') no-repeat; line-height:30px}
#frnds_help .help a {position:absolute; display:block; top:0; font-size:11px; font-weight:bold; right:0; width:120px; text-align:center; color:#FFF}

#frnds_help .frnds dt {display:none;}
#frnds_help .frnds .my_select p {width:180px; height:19px; padding-left:5px; position:absolute; top:7px; left:13px; line-height:19px; background:url('img/frnds_bg.png') no-repeat top left; color:#FFF}
#frnds_help .frnds .my_select .button {display:block; position:absolute; right:0; top:0; height:19px; width:19px; background:url('img/frnds_button.png') no-repeat top left; cursor:pointer}
#frnds_help .frnds .my_select .button:hover {background-position:bottom left}
#frnds_help .frnds .my_select ul {position:absolute; top:25px; left:14px; width:182px; border:solid 1px #59D; border-top:none; background:#FFF url('img/menu_submenu_top.png') repeat-x top left; padding:5px 0; display:none; z-index:1000000; line-height:12px;}
#frnds_help .frnds .my_select ul a {line-height:15px; padding:1px 5px; color:#59D; display:block;}
#frnds_help .frnds .my_select ul a:hover {background-color:#59D; color:#FFF}
#frnds_help .frnds .all {position:absolute; right:162px; top:0;}
#frnds_help .frnds .all a {color:#FFF; font-weight:bold; font-size:11px}
#frnds_help .frnds .all a:hover, #frnds_help .help a:hover {text-decoration:underline}

/*-------------------------*/

#messages a:hover {text-decoration:underline}
.messages_only_notices {padding-top:20px}

#messages .path {background:url('img/messages_path_bg.png') repeat-x bottom left; line-height:42px; padding-left:20px; color:#BBB}
#messages .path a {color:#777}
#messages .path strong.s1 {color:#444; text-transform:uppercase;}
#messages .path strong.s2 {color:#07C; margin-left:10px}

#messages .help {background:url('img/messages_help_bg.png') repeat-x bottom left; overflow:hidden; position:relative; height:95px; z-index:2}
#messages .help dl.need {width:265px; margin-left:20px; padding:12px 0 15px 55px; float:left; background:url('img/help_big.gif') no-repeat center left}
#messages .help dl.need dt a {font-size:13px; color:#4B0}
#messages .help dl.need dd {margin-top:5px}
#messages .help div.advice {width:555px; padding:30px 0 15px 30px; background:url('img/messages_help_divider.png') no-repeat bottom left; position:absolute; top:0; right:30px; text-align:left;}
#messages .help div.advice a {color:#4B0}
#messages .help div.advice .title {margin-bottom:5px; font-size:13px; font-weight:bold}
#messages .help div.advice .body {display:none;}
#messages .help .tips_navigation {position:absolute; top:6px; left:350px; line-height:19px; color:#ACF; }
#messages .help .tips_navigation a {color:#CCC; }
#messages .help .set {position:absolute; top:6px; right:8px; line-height:19px; padding-right:24px; }
#messages .help .set a { color:#CCC; }
#messages .help .set .close {height:19px; width:19px; display:block; position:absolute; top:0; right:0; border:none; background:url('img/messages_close.gif') no-repeat}
#messages .help .set .close span {display:none;}

#messages .notice {line-height:30px; height:30px; color:#FFF; margin-bottom:1px; text-align:center; font-size:11px; z-index:1}
#messages .notice a {color:#FFF}

#messages .sth_new {background:#592 url('img/messages_sth_new_bg.png') repeat-x top left; position:relative;}
#messages .sth_new p.set {position:absolute; top:0; right:8px; padding-right:24px}
#messages .sth_new p.set .close {display:block; position:absolute; top:6px; right:0; background:url('img/messages_close.gif') no-repeat center right; height:19px; width:19px}
#messages .sth_new p.set .close span {display:none;}
#messages .sth_new p.set .set {font-size:9px}

#messages .hidden_prof {background:#06C url('img/messages_hidden_prof_bg.png') repeat-x top left}

/*-------------------------*/

#content_around {background:url('img/content.png') no-repeat; padding:0 6px}
#content {padding:20px 25px 0 24px; min-height:400px}

/*-------------------------*/

#footer {width:900px; margin:20px auto 15px auto; height:41px; background:url('img/footer.png') no-repeat; line-height:41px; color:#888; position:relative; font-size:9px; z-index:1}
#footer strong {font-weight:normal; color:#BBB; letter-spacing:-0.02em}
#footer p {margin-left:15px; z-index:1}
#footer p a {background:url('img/footer_zioms.gif') no-repeat center left; padding:4px 0 4px 40px; margin:0 5px; font-weight:bold;}
#footer .c1 {color:#6B2}
#footer .c2 {color:#38C}
#footer .c3 {color:#555}

#footer ul {position:absolute; right:15px; top:0;}
#footer li {float:left; list-style-type:none;}
#footer li a {color:#888; display:block; padding:0 2px}
#footer li a:before {content:'|'; padding-right:2px}
#footer li:first-child a:before {content:''}
#footer li a:hover {color:#38C}
#footer em {color:#6B2; font-weight:bold; font-style: normal; font-size:11px;}

#footer_fence {height:90px; background:url('img/footer_fence.jpg') repeat-x top center}

#footer_authors {display:block; width:900px; font-size:10px; text-align:right; margin:0 auto 10px; color:#777}
#footer_authors a {color:#777;}
#footer_authors a:hover {color:#38C; text-decoration:underline;}

/*-------------------------*/


.green_button {font-weight:bold; display:block; color:#FFF; height:24px; line-height:23px; background:#691 url('img/green_button_right.gif') no-repeat top right; text-align:center; white-space:nowrap}
.green_button span {display:block; height:24px; background:url('img/green_button_left.gif') no-repeat; padding:0 7px}
.green_button:hover {text-decoration:none !important; background:#27B url('img/green_button_hover_right.gif') no-repeat top right}
.green_button:hover span {background:url('img/green_button_hover_left.gif') no-repeat top left}

/* ByM */
table {font-family:verdana, sans-serif; font-size:12px}
td { padding:5px; margin-top: }

.red_button {font-weight:bold; display:block; color:#FFF; height:24px; line-height:23px; background:#691 url('img/red_button_right.gif') no-repeat top right; text-align:center; white-space:nowrap}
.red_button span {display:block; height:24px; background:url('img/red_button_left.gif') no-repeat; padding:0 7px}

.green_button_big {font-weight:bold; display:block; color:#FFF; height:30px; line-height:29px; background:#691 url('img/green_button_right_big.gif') no-repeat top right; text-align:center; white-space:nowrap}
.green_button_big span {font-size:12px; display:block; height:30px; background:url('img/green_button_left_big.gif') no-repeat; padding:0 20px}
.green_button_big:hover {text-decoration:none !important; background:#27B url('img/green_button_hover_right_big.gif') no-repeat top right}
.green_button_big:hover span {background:url('img/green_button_hover_left_big.gif') no-repeat top left} 

/*--------------*/

.waiter {position:absolute; top:0; left:0; border:none !important; height:100% !important; background:#FFF url('img/waiter.gif') no-repeat center center; opacity:0.7}

#ajax_form {position:fixed; top:30%; left:30%; height:auto; min-height:40%; width:40%; background-color:#FFF; border:solid 1px #6AD; z-index:100000;}
#ajax_form form {padding:20px 20px 30px 20px}
#ajax_form h2 {color:#06C; margin:5px 0 10px 0}
#ajax_form_close {position:absolute; top:10px; right:10px; background:url('img/action_delete.gif') no-repeat; width:20px; height:20px; cursor:pointer}
#ajax_form_close span {display:none}

#ajax_form label {display:block; color:#06C; background:url('img/dot_1.gif') no-repeat center left; padding-left:18px; margin:5px 0 5px 0}
#ajax_form input, #ajax_form textarea {border:solid 1px #6AD; background-color:#FFF; font-size:11px; padding:1px 2px; width:90%}
#ajax_form .empty {border:solid 2px #E00;}
#ajax_form textarea {height:150px}
#ajax_form #ajax_form_submit {position:absolute; bottom:10px; right:10px; background:transparent url(img/intro/register_submit.gif) no-repeat right center; border:none; color:#FF5511; cursor:pointer; display:block; font-weight:bold; width:100px; font-size:12px}
#ajax_form_submit:hover, #ajax_form_submit:focus {text-decoration:underline}

/*-------------*/

#jumpers {display:none}
#site_desc {top:0; left:38px; line-height:38px; font-size:10px;  color:#9EF}
#site_version {color:#F51; font-size:9px; top:110px; left:194px; z-index:100;}

/*-----------------------------*/

/* ByM */
div .page_caption { color: black; font-size: 12px; font-weight: bold; background:url('img/dot_1.gif') no-repeat 0 5px; padding:4px 0 7px 18px; margin-right:5px; text-align: left; }

/*-----------------------------*/

.hidden { display:none; position:absolute }

/*-----------------------*/

#bars {overflow:hidden; width:900px; padding-left:5px;}

#left_bar {float:left; width:396px;}
#right_bar {width:479px; margin-left:411px; }

#left_bar_half {float:left; width:440px}
#right_bar_half {width:440px; margin-left:455px}

/*----------------------*/

.box, .box_special {margin-bottom:22px;}
.box h2 {height:47px; font-size:11px; line-height:40px; color:#FFF; padding-left:20px}
.box h2 a {display:block; color:#FFF;}
.box h2 span {font-weight:normal; font-size:10px; margin-left:5px}
.box h2 a:hover {text-decoration:none !important}
.box h2 a:hover span {text-decoration:underline}
.box_footer {height:37px; padding:0 10px}
.box_footer .green_button {float:right}

.box_information {margin:10px auto; text-align:center; color:#9BC; font-size:12px}
.pager .box_information {margin:0; text-align:left; font-size:10px; width:500px}

.box_content h3 {color:#9BC; font-size:12px; margin:5px 20px 2px 20px}

/*------------------*/

.box_half {margin-bottom:22px; background:url('img/box_def_bg.png') repeat-y; width:440px; position: relative; }
.box_half h2 {height:41px; background:url('img/box_def_header.png') no-repeat; color:#06C; font-size:11px; line-height:41px; padding-left:20px}
.box_half a {color:#06C}
.box_half .box_content_top {background:url('img/box_def_bg_top.png') no-repeat}
.box_half .box_content {background:url('img/box_def_bg_bottom.png') no-repeat left bottom; min-height:120px;}

/*------------------*/

.box_large {width:900px; position:relative; background:url('img/box_large_bg.png') repeat-y; margin-bottom:15px}
.box_large h2 {height:47px; line-height:47px; background:url('img/box_large_header.png') no-repeat; padding-left:25px; font-size:12px; color:#06C}
.box_large h2 span {font-weight:normal; color:#9BC; font-size:11px; margin:0 5px}
.box_large h2 strong {color:#6C0}
.box_large .box_content {background:url('img/box_large_bottom.png') no-repeat left bottom; padding:10px; overflow:hidden; width:880px; }

.box_large_menu {height:33px; line-height:33px; position:absolute; top:14px; right:10px;}
.box_large_menu li {list-style-type:none; float:left; background:url('img/user_view_menu_left.png') no-repeat; padding-left:3px;}
.box_large_menu a {display:block; color:#490; font-weight:bold; font-size:11px; padding:0 13px}
#content .box_large_menu a:hover {color:#06C; text-decoration:none}
.box_large_menu .active {background:url('img/user_view_menu_active_right.png') no-repeat top right; margin-right:-3px; z-index:100; position:relative; padding-left:0}
.box_large_menu .active a {background:url('img/user_view_menu_active_left.png') no-repeat top left}

/*-------------------*/

#top_menu {position:absolute; top:0; right:30px; height:43px; line-height:32px; width:478px; padding:0 0 0 5px; background:#59C url('img/top_menu.jpg') no-repeat; font-family:'trebuchet ms'}
#top_menu li {float:left; list-style-type:none;}
#top_menu a {display:block; color:#DFF; padding-right:4px; text-align:center;}
#top_menu a:before {content:'|'; color:#06B; padding-right:12px}
#top_menu li:first-child a:before {content:'';}
#top_menu a:hover {color:#BD8}
#top_menu em {color:#6E2; font-weight:bold; font-style: normal; font-size:13px;}

/*--------------------*/