img, div, em {behavior: url(/js/pngbehavior.htc);} /* Reset -------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { padding: 0; margin: 0; border-collapse: collapse; } ul, ol { list-style: none; } img { border: none; } /* Body ---------------------------------------------------------------------*/ html, body { height: 100%; } body { font: 12px/18px Arial, Helvetica, sans-serif; color: #222; } h1, h2, h3, h4, h5, h6 { font: normal 18px Arial; color: #222; } h1 { font-size: 22px; line-height: 26px; margin-bottom: 10px; } h2 { font-size: 20px; line-height: 24px; margin-bottom: 7px; } h3 { font-size: 18px; line-height: 22px; margin-bottom: 5px; } h4 { font-size: 18px; line-height: 22px; margin-bottom: 5px; } h5 { font-size: 18px; line-height: 22px; margin-bottom: 5px; } h6 { font-size: 18px; line-height: 22px; margin-bottom: 5px; } a { color: #003378; } a:hover { text-decoration: none; } .w20 { width: 20px; } .w25 { width: 25px; } .w50 { width: 50px; } .w70 { width: 70px; } .w100 { width: 100px; } .w150 { width: 150px; } .w200 { width: 200px; } .w300 { width: 300px; } .w400 { width: 400px; } .w404 { width: 404px; } .w707 { width: 707px; } .w711 { width: 711px; } .w50p { width: 50%; } .w100p { width: 100%; } .clear_left { clear: left; font-size: 0px; height: 0px; line-height: 0px; font-size: 0px; } /* Blocks ---------------------------------------------------------------------*/ #maintable { width: 980px; height: 100%; } #maintable td { vertical-align: top; } #header { width: 980px; height: 151px; background: url(/images/header_bg.gif) no-repeat; } #mainmenu { width: 205px; background: #e5eaf1; padding-bottom: 15px; } #content { width: 775px; padding-bottom: 15px; } #footer td { height: 150px; color: #5c5e60; } /* Header ---------------------------------------------------------------------*/ #header .header { position: relative; width: 980px; height: 151px; } #header .logo { position: absolute; left: 20px; top: 20px; width: 175px; height: 131px; } #header .logo a { display: block; width: 175px; height: 131px; background: url(/images/asros_logo.gif) no-repeat; } #header .topmenu { position: absolute; left: 218px; top: 14px; font-size: 75%; color: #000; } #header .topmenu a { color: #000; text-decoration: none; } #header .topmenu a:hover { text-decoration: underline; } #header .search { position: absolute; top: 10px; right: 20px; width: 240px; height: 22px; border: 1px solid #b2b2b2; text-align: center; } #header .search .pole { border: 0; width: 218px; font-size: 100%; } #header .search .submit { border: 0; background: url(/images/search_submit.gif) no-repeat center center; width: 20px; font-size: 100%; cursor: pointer; } #header .fastlinks { position: absolute; right: 0; bottom: 0; width: 260px; height: 94px; color: #fff; font-size: 75%; } #header .fastlinks .text { margin-bottom: 8px; } #header .fastlinks select { width: 240px; } #header .fastlinks .link { padding-top: 20px; font-size: 130%; } #header .fastlinks .link a { color: #fff; background: url(/images/icon_video.gif) no-repeat right 60%; padding-right: 23px; } /* Mainmenu ---------------------------------------------------------------------*/ #mainmenu .menu_ul { margin: 0 10px 0 20px; font-size: 75%; } #mainmenu .menu_ul li { overflow: hidden; zoom: 1; line-height: 100%; margin: 0; padding: 0; } #mainmenu .menu_ul ul { padding-left: 10px; font-size: 90%; } #mainmenu .menu_ul a { display: block; text-decoration: none; padding: 8px 10px; color: #003378; } #mainmenu .menu_ul a:hover { background: #f6f8fa; } #mainmenu .menu_ul em { display: block; /* height: 26px; line-height: 26px; */ font-style: normal; text-decoration: none; padding: 8px 10px; color: #003378; background: #f6f8fa; } #mainmenu .menu_ul .main a { background: #939597; color: #fff; height: 31px; line-height: 31px; } #mainmenu .menu_ul .main a:hover { background: #939597; } #mainmenu .menu_ul .red { color: #ff0000 !important; } #mainmenu .login { margin: 10px 10px 0 20px; border-top: 1px solid #c9cacb; } #mainmenu .login h1 { font-size: 80%; font-weight: bold; margin: 0; } #mainmenu .login input { width: 175px; border: 1px solid #b2b2b2; margin-bottom: 5px; } #mainmenu .login .pass { background: url(/images/icon_pass.gif) no-repeat right 50% #fff; } #mainmenu .login p { line-height: 150%; } #mainmenu .login a { font-size: 80%; text-decoration: none; } #mainmenu .login a:hover { text-decoration: underline; } #mainmenu .login .reg { color: #ff0000; } #mainmenu .login .button { cursor: pointer; border: 0; color: #0B4F9C; background: #F6F8FA; } #mainmenu .login .auth_text { font-size: 80%; line-height: 110%; padding: 10px 0; } #mainmenu .info { margin: 10px 10px 0 20px; } #mainmenu .info .title { background: url(/images/icon_info.gif) no-repeat 10px 10px #f6f8fa; color: #0b4f9c; font-size: 75%; padding: 10px 10px 10px 47px; } #mainmenu .info a { display: block; line-height: 40px; font-size: 80%; margin: 0 10px; text-decoration: none; } #mainmenu .info .blog { background: url(/images/icon_blog.gif) no-repeat left 50%; padding-left: 37px; } #mainmenu .info .feedback { background: url(/images/icon_feedback.gif) no-repeat left 50%; padding-left: 37px; } #mainmenu .info .podcast { background: url(/images/icon_podcast.gif) no-repeat left 50%; padding-left: 37px; } #mainmenu .info .rss { background: url(/images/icon_rssbig.gif) no-repeat left 50%; padding-left: 37px; } #mainmenu .info .subscribe { background: url(/images/icon_subscribe.gif) no-repeat left 50%; padding-left: 37px; } #mainmenu .info .banner{ margin-top: 10px; } /* Content ---------------------------------------------------------------------*/ #content .mptable { width: 100%; } #content .mptable .mainnews { width: 505px; height: 100px; } #content .mptable .mainnews .mn_bloq { background: url(/images/mainnews_bottom_bg.gif) repeat-y left top #e5eaf1; } #content .mptable .mainnews .mnb_top { background: url(/images/mainnews_top_bg.gif) no-repeat left top; } #content .mptable .mainnews .date { float: left; width: 78px; height: 122px; text-align: center; font-size: 80%; color: #003377; line-height: 120%; } #content .mptable .mainnews .date p { padding-top: 55px; } #content .mptable .mainnews .date em { font-size: 190%; font-style: normal; line-height: 100%; } #content .mptable .mainnews .photo { float: left; width: 140px; height: 131px; text-align: right; padding-top: 10px; } #content .mptable .mainnews .photo img { width: 130px; height: 130px; } #content .mptable .mainnews .title { margin-left: 220px; padding-right: 10px; line-height: 130%; } #content .mptable .mainnews .title p { display: block; line-height: 34px; padding-left: 10px; color: #f00; font-weight: bold; } #content .mptable .mainnews .title a { display: block; padding-left: 10px; margin-top: 20px; font-size: 130%; text-decoration: none; } #content .mptable .mainnews .title a:hover { text-decoration: underline; } #content .mptable .mainnews .mnb_bottom { padding-left: 88px; padding-top: 5px; padding-right: 10px; font-size: 85%; } #content .mptable .mainnews .mnb_bottom a { color: #000; text-decoration: none; } #content .mptable .mainnews .mnb_bottom .more { position: relative; padding: 10px 0; } #content .mptable .mainnews .mnb_bottom .more a { background: url(/images/icon_arrow.gif) no-repeat right 60%; padding-right: 18px; color: #02387e; font-size: 90%; } #content .mptable .mainnews .mnb_bottom .more a:hover { text-decoration: underline; } #content .mptable .mainnews .mnb_bottom .rss { position: absolute; right: 13px; top: 13px; padding: 0 !important; background: none !important; } #content .mptable .marquee { height: 31px; line-height: 31px; color: #3a79c9; font-size: 90%; } #content .mptable .marquee marquee { margin: 0 0 0 10px; padding: 0; } #content .mptable .bn_bloq { margin: 0 0 10px 10px; background: #f2f4f8; } #content .mptable .bn_bloq .title { display: block; font-size: 100%; font-weight: bold; line-height: 32px; padding-left: 10px; } #content .mptable .bn_bloq .bank_bloq { margin: 0 8px; padding-bottom: 8px; } #content .mptable .bn_bloq .bank_bloq .date { float: left; width: 60px; height: 20px; line-height: 20px; background: #fff; font-size: 80%; text-align: center; } #content .mptable .bn_bloq .bank_bloq .text { margin-left: 72px; font-size: 80%; width: 400px; padding-bottom: 5px; } #content .mptable .bn_bloq .bank_bloq .text a { text-decoration: none; } #content .mptable .bn_bloq .bank_bloq .text a:hover { text-decoration: underline; } #content .mptable .bn_bloq .allnews { position: relative; padding-left: 80px; padding-bottom: 8px; font-size: 75%; } #content .mptable .bn_bloq .allnews a { text-decoration: none; background: url(/images/icon_arrow.gif) no-repeat right 60%; padding-right: 18px; } #content .mptable .bn_bloq .allnews a:hover { text-decoration: underline; } #content .mptable .bn_bloq .allnews .rss { position: absolute; right: 13px; top: 3px; padding: 0; background: none; } #content .mptable .announces { width: 270px; } #content .mptable .announces .title { position: relative; height: 34px; background: #e5eaf1; } #content .mptable .announces .title em { display: block; position: absolute; left: 10px; line-height: 34px; font-weight: bold; font-style: normal; } #content .mptable .announces .announs_bloq { margin: 0 20px; padding-top: 15px; font-size: 80%; } #content .mptable .announces .announs_bloq a { display: block; text-decoration: none; } #content .mptable .announces .announs_bloq a:hover { text-decoration: underline; } #content .mptable .announces .allannounce { margin: 0 20px; padding-top: 15px; padding-bottom: 8px; font-size: 75%; } #content .mptable .announces .allannounce a { text-decoration: none; background: url(/images/icon_arrow.gif) no-repeat right 60%; padding-right: 18px; } #content .mptable .announces .allannounce a:hover { text-decoration: underline; } #content .mptable .banners { padding-left: 10px; padding-bottom: 30px; text-align: left; } #content .mptable .banners a { margin-right: 12px; } #content .mptable .banners img { width: 175px; height: 71px; border: 0; } #content .mptable .daychron { padding: 0 10px; width: 235px; } #content .mptable .daychron .title { display: block; font-weight: bold; padding: 0 0 10px 10px; } #content .mptable .daychron a { display: block; padding-left: 10px; background: url(/images/icon_miniarrow.gif) no-repeat left .5em; font-size: 80%; padding-bottom: 10px; text-decoration: none; } #content .mptable .daychron a:hover { text-decoration: underline; } #content .mptable .popthems { padding: 0 10px; width: 230px; border-left: 1px solid #cacaca; border-right: 1px solid #cacaca; } #content .mptable .popthems .title { display: block; font-weight: bold; padding: 0 0 10px 10px; } #content .mptable .popthems a { display: block; padding-left: 10px; font-size: 80%; padding-bottom: 10px; text-decoration: none; } #content .mptable .popthems a:hover { text-decoration: underline; } #content .mptable .actdocs { padding: 0 10px; width: 250px; } #content .mptable .actdocs .title { display: block; font-weight: bold; padding: 0 0 10px 10px; } #content .mptable .actdocs a { display: block; padding-left: 10px; font-size: 80%; padding-bottom: 10px; text-decoration: none; } #content .mptable .actdocs a:hover { text-decoration: underline; } #content .nav_menu { height: 34px; line-height: 34px; background: #e5eaf1; padding-left: 10px; font-size: 75%; } #content .nav_menu a { color: #003377; text-decoration: underline; } #content .nav_menu a:hover { text-decoration: none; } #content .mail_form { width: 475px; } #content .mail_form td { line-height: 30px; } #content .mail_form .name { width: 130px; border-bottom: 1px solid #dfdedf; font-size: 75%; } #content .mail_form .mark { width: 35px; border-bottom: 1px solid #fff; background-color: #f2f4f8; } #content .mail_form .mark.selected { background-image: url(/images/icon_mark.gif); background-repeat: no-repeat; background-position: 50%; } #content .mail_form .pole { width: 310px; border-bottom: 1px solid #fff; background: #f2f4f8; } #content .mail_form .no_border td { border-bottom: 0px; } #content .mail_form .no_border .pole { color: #1567bc; font-size: 70% !important; line-height: 100%; padding: 15px 0 !important; margin: 0 !important; border: none !important; } #content .mail_form .no_border.submit .pole { padding-top: 0px !important; } #content .mail_form .pole input { width: 300px; margin-top: 4px; } #content .mail_form .pole textarea { width: 300px; height: 200px; margin-top: 4px; margin-bottom: 4px; overflow: auto; } #content .mail_form .pole select { width: 300px; margin-top: 4px; } #content .mail_form .pole .submit { margin-right: 10px; width: 160px; border: 0; background: #1567bc; color: #fff; height: 26px; cursor: pointer; } #content .mail_form .pole .reset { margin-right: 10px; width: 130px; border: 0; background: #1567bc; color: #4c8bcc; height: 26px; cursor: pointer; } /* Second Page ---------------------------------------------------------------------*/ #content.second_page .text, #content.events .text { padding: 20px; font-size: 80%; text-align: justify; } #content.second_page h1 { color: #003377; font-size: 150%; } #content.second_page h2 { color: #003377; font-size: 120%; font-weight: bold; margin-top: 20px; } #content.second_page ol, #content.second_page ul { margin-left: 20px; margin-bottom: 10px; } #content.second_page ul li { background: url(/images/list_style_type_square.gif) no-repeat left .5em; padding-left: 20px; padding-bottom: 10px; } #content.events .text p, #content.second_page .text p { margin-bottom: 20px; } #content .file { background-repeat: no-repeat; padding-left: 30px; margin-bottom: 10px; } #content.second_page .table { width: 100%; font-size: 90%; } #content.second_page .table th { border-bottom: 2px solid #afcce7; color: #043c84; font-size: 110%; line-height: 30px; text-align: left; padding: 0 10px; } #content.second_page .table td { border-bottom: 1px solid #afcce7; padding: 8px 10px; } #news_pager { text-align: center; } #news_pager a { text-decoration: none; } #news_pager span { font-weight: bold; } /* Events ---------------------------------------------------------------------*/ #content.events h1 { color: #003377; font-size: 130%; margin: 10px 0 10px 10px; } #content.events .reg { font-size: 90%; padding-left: 20px; background: url(/images/icon_reg.gif) no-repeat right 70%; padding-right: 25px; } #content.events .events_table { margin-top: 10px; } #content.events .events_table table { width: 100%; font-size: 90%; } #content.events .events_table table .title { padding: 14px 10px 10px 10px; } #content.events .events_table table .title.off { background: url(/images/events_title_bg.gif) repeat-x left top #f5f6fa; border-left: 2px solid #f5f6fa; border-right: 2px solid #f5f6fa; } #content.events .events_table table .title.on { background: url(/images/events_title_on_bg.gif) repeat-x left top #437fc5; border-left: 2px solid #437fc5; border-right: 2px solid #437fc5; color: #fff; } #content.events .events_table table .title span { font-weight: bold; } #content.events .events_table table .title.on span { color: #fff; } #content.events .events_table table .events_td.off { width: 250px; border-left: 2px solid #f5f6fa; border-right: 2px solid #f5f6fa; border-bottom: 2px solid #f5f6fa; } #content.events .events_table table .events_td.on { width: 250px; border-left: 2px solid #437fc5; border-right: 2px solid #437fc5; border-bottom: 2px solid #437fc5; } #content.events .events_table.inner table .events_td { width: 765px; border-left: 2px solid #f5f6fa; border-right: 2px solid #f5f6fa; border-bottom: 2px solid #f5f6fa; } #content.events .events_table.inner table .events_td .text p { margin-bottom: 15px; } #content.events .events_table table .wrap { width: 10px; background: #fff; font-size: 30px; } #content.events .events_table table .tr_wrap td { height: 10px; background: #fff; font-size: 30px; } #content.events .events_table table .text { padding: 10px; font-size: 90%; } #content.events .events_table.inner table .text { font-size: 110%; } #content.events .events_table table .text h6 { font-size: 110%; color: #003377; line-height: 120%; font-weight: bold; } #content.events .events_table table .text h6 a { text-decoration: none; } #content.events .events_table table .text h6 a:hover { text-decoration: underline; } /* #content.events .events_table table .text img { width: 65px; float: left; margin: 0 10px 10px 0; } */ #content.events .file { margin-left: 10px; margin-top: 10px; } #content.events .file em { font-size: 80%; } .personal_retraining_inner { margin-top: 10px; } .personal_retraining_inner table { width: 100%; font-size: 90%; } .personal_retraining_inner table .title { padding: 14px 10px 10px 10px; } .personal_retraining_inner table .title.off { background: url(/images/events_title_bg.gif) repeat-x left top #f5f6fa; border-left: 2px solid #f5f6fa; border-right: 2px solid #f5f6fa; } .personal_retraining_inner table .title.on { background: url(/images/events_title_on_bg.gif) repeat-x left top #437fc5; border-left: 2px solid #437fc5; border-right: 2px solid #437fc5; color: #fff; } .personal_retraining_inner table .title span { font-weight: bold; } .personal_retraining_inner table .title.on span { color: #fff; } .personal_retraining_inner table .events_td.off { width: 250px; border-left: 2px solid #f5f6fa; border-right: 2px solid #f5f6fa; border-bottom: 2px solid #f5f6fa; } .personal_retraining_inner table .events_td.on { width: 250px; border-left: 2px solid #437fc5; border-right: 2px solid #437fc5; border-bottom: 2px solid #437fc5; } .personal_retraining_inner table .events_td { width: 765px; border-left: 2px solid #f5f6fa; border-right: 2px solid #f5f6fa; border-bottom: 2px solid #f5f6fa; } .personal_retraining_inner table .events_td .text p { margin-bottom: 15px; } .personal_retraining_inner table .wrap { width: 10px; background: #fff; font-size: 30px; } .personal_retraining_inner table .tr_wrap td { height: 10px; background: #fff; font-size: 30px; } .personal_retraining_inner table .text { padding: 10px; font-size: 100%; } .personal_retraining_inner table .text p {font-size: 120%;} .personal_retraining_inner table p {font-size: 100%;} .personal_retraining_inner.inner table .text { font-size: 100%; } .personal_retraining_inner table .text h6 { font-size: 120%; color: #003377; line-height: 120%; font-weight: bold; } .personal_retraining_inner table .text h6 a { text-decoration: none; } .personal_retraining_inner table .text h6 a:hover { text-decoration: underline; } .personal_retraining_inner table .text .personal_retraining_inner_anons { font-size: 120%; font-style: italic; padding:5px 0;} .inner_attach { margin-top: 10px; font-size:100%; padding-left:20px;} .inner_attach table#image_group td {width:160px;} .inner_attach table#image_group td img {padding:10px;} .all_photos {font-size:80%; padding-bottom:20px;} .file_attach { margin-left: 5px; margin-top: 10px; font-size:90%;} .file_attach li { padding-left: 30px; padding-bottom:20px;} /* Bosslist ---------------------------------------------------------------------*/ #content.second_page .bosslist .post { font-size: 135%; padding-bottom: 10px; } #content.second_page .bosslist .boss_table { font-size: 130%; margin-bottom: 50px; } #content.second_page .bosslist .boss_table td { padding-bottom: 10px; } #content.second_page .bosslist .boss_table .boss_table_photo { width: 90px; float: left; } #content.second_page .bosslist .boss_table .boss_table_photo img { width: 82px; height: 95px; } #content.second_page .bosslist .boss_table .boss_table_name { margin-left: 95px; font-size: 80%; } #content.second_page .bosslist .boss_table .boss_table_name p { margin: 0; padding: 0; } /* Banklist ---------------------------------------------------------------------*/ #content.second_page .banklist_abc { padding-bottom: 20px; } #content.events .bank_news_list, #content.second_page .bank_news_list { display: block; padding-bottom: 10px; } #content.events .bank_news_list .date, #content.second_page .bank_news_list .date { display: block; width: 110px; height: 80px; float: left; } #content.second_page .bank_news_list .news_text, #content.events .bank_news_list .news_text { display: block; margin-left: 120px; } #content.events .bank_news_list .news_text p, #content.second_page .bank_news_list .news_text p { margin: 0; padding-bottom: 8px; } #content.events .bank_news_list .news_text img, #content.second_page .bank_news_list .news_text img { margin: 0 5px 5px 0; } /* Video Banners ---------------------------------------------------------------------*/ #content.second_page .text .banner_a, #content.events .text .banner_a { display: block; position: relative; } #content.second_page .text .banner_a img, #content.events .text .banner_a img { } #content.second_page .text .banner_a .play_icon, #content.events .text .banner_a .play_icon { position: absolute; display: block; left: 70px; top: 55px; width: 60px; height: 60px; } /* Footer ---------------------------------------------------------------------*/ #footer .amscom { background: url(/images/footer_line.gif) no-repeat 20px top #e5eaf1; padding: 10px 30px; font-size: 75%; } #footer .amscom img{ width: 0 !important; height: 0 !important; } #footer .amscom a { color: #5c5e60; } #footer .copyright { background: url(/images/footer_line.gif) no-repeat left top; } #footer .copyright .text { position: absolute; margin-top: 10px; margin-left: 20px; font-size: 75%; background: url(/images/footer_asros_logo.gif) no-repeat left top; padding-left: 75px; } #footer .copyright .address { position: absolute; margin-top: 10px; margin-left: 525px; font-size: 75%; }