/* BEGIN common */ /* --- Common --------------------------------------------------------------------------------------------------------------------------------------- */ * { padding: 0; margin: 0; } body { font: 11px/18px Arial, Verdana, sans-serif; background: #bbddee url('images/body_bgrd_top.jpg') center top no-repeat; } form, input, textarea, select, option { font: 11px/18px Arial, Verdana, sans-serif; } .cleaner { display: block; clear: both; height: 1px; overflow: hidden; } a { color: #008BC0; text-decoration: none; } a:hover { text-decoration: underline; } a img { border: none; } dt a { color: #666; } a.button { display: block; color: #000; height: 16px; line-height: 16px; background-position: left top; background-repeat: no-repeat; padding-left: 20px; margin-bottom: 10px; } a.button span { } a.button.favorites_remove { background-image: url('icons/link_break.png'); } a.button.favorites_add { background-image: url('icons/link_add.png'); } a.button.action_add { background-image: url('icons/award_star_add.png'); } a.button.mentor_idea { background-image: url('icons/flag_blue.png') } a.user, span.user { background: url(images/bullet_user.gif) left center no-repeat; padding-left: 10px; } .user.helper { background-image: url(images/bullet_user_helper.gif); } .user.mentor { background-image: url(images/bullet_user_mentor.gif); } .user.staff { background-image: url(images/bullet_user_staff.gif); } li { display: block; list-style: none outside; } p { padding: 0 0 20px 0; } #content p { color: #333; } h1 { font-weight: normal; font-size: 220%; line-height: 120%; } h2 { font-weight: normal; font-size: 180%; padding: 0 0 5px 0; } #message { height: 30px; line-height: 30px; padding-left: 32px; margin: -20px 0 20px -19px; } #message.warning { background: #FFc url(images/message_warning.gif) 5px 5px no-repeat; } .breadcrumbs { width: 960px; margin: 0 auto; background: #FFF; border: solid #fff; border-width: 0 10px; text-indent: 200px; } /* --- Layout --------------------------------------------------------------------------------------------------------------------------------------- */ #page_container { margin: 0 auto; /* background: #c1e1f0 url(images/sky_pattern.gif) left top repeat-x; */ background: url('images/body_bgrd_bottom.jpg') center bottom no-repeat; } #header { position: relative; width: 960px; margin: 0 auto; background: #FFF; padding-bottom: 20px; } #header h1 { width: 290px; height: 60px; background: url(images/logo.gif) left top no-repeat; border: none; padding-bottom: 0; float: left; margin: 0; } #header h1 a { display: block; width: 100%; height: 100%; overflow: hidden; text-indent: -10000px; } #header .links { width: 330px; height: 20px; float: right; line-height: 20px; margin-top: 10px; overflow: hidden; } #header .links a { color: #666; } #header .links .icons { float: right; } #header .links .icons a { display: block; width: 20px; height: 20px; float: left; text-indent: 330px; overflow: hidden; margin-left: 5px; } #header .links .icons a.mail { background: url('images/icon_mail.gif') left top no-repeat; width: 25px; } #header .links .icons a.print { background: url('images/Icon_print.gif') left top no-repeat; } #header .links .icons a.delicious { background: url('images/icon_delicious.gif') left no-repeat; } #header .links .icons a.facebook { background: url('images/icon_facebook.gif') left top no-repeat; } #header .links .icons a.digg { background: url('images/icon_digg.gif') left 2px no-repeat; } #header .links .icons a.stu { background: url('images/icon_stumble_upon.gif') left 2px no-repeat; } /* --- Layout --------------------------------------------------------------------------------------------------------------------------------------- */ #page_content { background: #FFF url('images/border.gif') 200px 0 repeat-y; overflow: hidden; margin: auto; width: 960px; } #sidebar { float: left; width: 180px; padding-bottom: 20px; margin-right: 20px; overflow: hidden; } #content { float: left; padding: 0; width: 760px; border: solid #CCC; border-width: 1px 0 0 0; overflow: hidden; } #content #cnt_inner { padding: 20px 0 20px 20px; } #header, #page_content { border: solid #FFF; border-width: 0 10px; } /* --- Footer --------------------------------------------------------------------------------------------------------------------------------------- */ #footer { clear: both; color: #FFF; padding-bottom: 400px; margin-top: -1px; } #footer .inner { padding-top: 20px; } #footer .holder { width: 980px; margin: 0 auto; background: #333; } #footer a { color: #FFF; } #footer a:hover { text-decoration: underline; } #footer ul { width: 120px; font-size: 10px; font-weight: bold; float: left; padding: 0 0 0 20px; } #footer ul li a { font-weight: bold; display: block; padding: 1px 0; } #footer .panel { border: none; border-bottom: 1px solid #666; } #footer .panel .hdr { background: none; border: none; padding: 10px 0 0 20px; } #footer .panel .cnt { background: none; padding: 5px 0; } #footer .panel .cnt ul { width: auto; } #footer .panel .cnt ul li { float: left; padding-right: 20px; } #footer #information { clear: both; border-top: 1px solid #666; padding: 10px 0 10px 20px; font-size: 10px; color: #999; margin-top: 20px; } #footer #information a { padding: 0 5px 0 10px; } #footer .fast_links { width: 165px; float: right; } #footer .fast_links li { display: block; width: 40px; height: 16px; float: left; border-right: 1px solid #FFF; } #footer #information .fast_links li a { display: block; width: 100%; height: 100%; text-indent: -2000px; padding: 0; } #footer .fast_links li#lib1 a { background: url('images/bottom_links_home.gif') center center no-repeat; } #footer .fast_links li#lib2 a { background: url('images/bottom_links_print.gif') center center no-repeat; } #footer .fast_links li#lib3 a { background: url('images/bottom_links_mail.gif') center center no-repeat; } #footer .fast_links li#lib4 a { background: url('images/bottom_links_backtotop.gif') center center no-repeat; } #footer .fast_links li#lib4 { border: none; } /* --- Navigation --------------------------------------------------------------------------------------------------------------------------------------- */ .nav { height: 45px; background: #464646; } .nav li { display: block; height: 100%; float: left; border-right: 1px solid #FFF; } .nav li a { display: block; height: 35px; float: left; color: #FFF; font-weight: bold; text-transform: uppercase; overflow: hidden; padding: 5px 10px; } .nav li a span { display: block; width: 116px; padding: 0 0 10px 0; overflow: hidden; text-indent: -1000px; } .nav li a:hover { text-decoration: none; } .nav li a:hover span, .nav li.selected a span { border-bottom: 5px solid #FFF; } .nav li#li7 { border: none; } .nav li#li7 a span { width: 118px; } /* --- Panels -------------------------------------------------------------------------------------------------------------------------------------------- */ .panel { margin-bottom: 20px; border-bottom: 1px solid #CCC; } .panel .hdr { background: #EEE; height: 27px; position: relative; margin-bottom: 10px; } .panel .hdr h3 { font-size: 14px; line-height: 27px; color: #626262; padding-left: 10px; } .panel .hdr .icon { display: block; width: 20px; height: 24px; background: #CCC; position: absolute; right: 10px; bottom: 5px; } .panel .cnt { padding: 10px; } .panel .cnt .hdr { background: none; } .panel .links { text-align: right; padding: 0 0 5px 0; } .list.panel .cnt { padding: 0; } .links .cnt { line-height: 14px; background: url('images/sdbr_panel_cnt_bgrd.gif') left top repeat-x; } .links li { padding: 5px 0 5px 55px; border-top: 1px solid #CCC; background: url('images/icon_big_card.gif') 10px center no-repeat; } .links li a.link { display: block; } .links li a strong { } .ideas li h3 a { color: #000; } .ideas li span { display: block; } .ideas li .image { width: 240px; height: 120px; float: left; } .ideas li .image img { display: block; border: 1px solid #CCC; width: 230px; height: 120px; } .ideas li .content { width: 230px; float: left; } .ideas li { padding-bottom: 15px; } .ideas .listing li { border-top: 1px solid #CCC; padding: 0; } .ideas .listing li a { display: block; font-size: 12px; line-height: 14px; padding: 6px 50px 6px 5px; } .ideas .listing li a:hover { background: #EEE; } .ideas .listing li .actions { display: block; width: 46px; height: 16px; margin: 5px 0; float: right; } .ideas .listing li .actions a { display: block; float: left; width: 16px; height: 16px; margin-right: 7px; text-indent: -1000px; overflow: hidden; padding: 0; } .ideas .listing li .actions .favorites_remove { background: url('icons/award_star_delete.png') left top no-repeat; } .ideas .listing li .actions .favorites_add { background: url('icons/award_star_add.png') left top no-repeat; } .ideas .listing li .actions .start_watching { background: url('icons/watch_add.png') left top no-repeat; } .ideas .listing li .actions .stop_watching { background: url('icons/watch_remove.png') left top no-repeat; } .users .cnt li { display: block; height: 45px; width: 130px; float: left; background: #EEE; padding: 10px; margin: 0 10px 10px 0; list-style: none outside; } .users .cnt li.staff { position: relative; } .users .cnt li.staff img { border: 1px solid #444; } .users .cnt li.staff .type { display: block; background: #444; padding: 3px 10px 3px 20px; position: absolute; bottom: 8px; left: 56px; color: #FFF; white-space: nowrap; } .users .cnt li.last { margin-right: 0; } .users .cnt li img { display: block; float: left; margin-right: 10px; border: 1px solid #CCC; } .users .cnt li .content { display: block; width: 72px; float: left; line-height: 12px; font-size: 9px; overflow: hidden; } .users .cnt li .user { display: block; font-size: 11px; } .users .cnt li .act { display: block; padding-top: 3px; } .users .cnt li .input { margin-top: 0; } .users .cnt .cnt { padding: 0; } .users .mentor { background: none; } .users .mentor li { height: auto; background: none; width: auto; float: none; margin: 0; padding: 0; } .users .mentor li .content { width: 165px; padding-bottom: 0; } .users .mentor .info { display: block; margin-top: 10px; padding-top: 10px; border-top: dashed 1px #ACACAC; font-size: 11px; line-height: 18px; } .users .mentor .stat { display: block; padding: 5px 10px; margin-top: 5px; background: #EEE; } #list.users .users .cnt form li { width: 30%; margin: -1px 0 0 -1px; border: solid #CCC; border-width: 1px; background: #F5F5F5; } #list.users .users .cnt form li .content { width: 150px; } form .users.panel { background: #FFF; margin: -10px -20px 20px -20px; } #owners.users li { width: auto; float: none; margin-right: 0; clear: both; } #owners.users li .hdr { float: left; } #owners.users li .content { width: 140px; } .simplelist form { padding-top: 10px; } .simplelist .hdr { margin-bottom: 0; } .simplelist li { display: block; background: url('images/bullet_square.gif') 2px center no-repeat; position: relative; } .simplelist li a { display: block; padding-left: 15px; } .simplelist .col.w5 .field { background: url('images/button_white_left.gif') left top no-repeat; } .simplelist .col.w5 .field input.button { height: 25px; width: 100%; border: none; background: url('images/button_white_right.gif') right top no-repeat; } .simplelist .delete { position: absolute; top: 0; right: 0; } .simplelist form .input { margin: 0; } .simplelist form .buttons { margin: 0; padding: 10px 0 0 0; border: none; } .simplelist form .input .list li { width: auto; float: none; margin: 0; } #id_selected_bundles .simplelist li { background: none; } .list-actions .hdr { margin-bottom: 0; } .list-actions .cnt { padding: 0; } .list-actions li { border-top: 1px solid #CCC; padding: 3px 0 2px 0; } .list-actions a { float: left; font-weight: bold; overflow: hidden; line-height: 23px; padding-left: 10px; white-space: nowrap; margin-right: 10px; } .list-actions .people { display: block; float: left; width: 180px; overflow: hidden; line-height: 23px; } .list-actions .fbutton { float: right; width: auto; text-indent: 0; padding: 0; } /* --- Sidebar Panels --------------------------------------------------------------------------------------------------------------------------------------- */ #sidebar .panel .hdr { border-bottom: 1px dashed #CCC; margin-bottom: 0; background: #f7b500; } #sidebar .panel .hdr h3 { color: #FFF; } #sidebar .panel .cnt { background: url('images/sdbr_panel_cnt_bgrd.gif') left top repeat-x; overflow: hidden; } #have_an_idea.panel a { display: block; height: 90px; padding: 30px 10px 0 85px; font-size: 18px; color: #82bf34; background: url('images/button_post_your_own_idea.png') left top no-repeat; text-decoration: underline; } #sign_up.panel a { display: block; height: 90px; padding: 30px 15px 0 90px; font-size: 18px; color: #82bf34; background: url('images/button_sign_up.png') left top no-repeat; text-decoration: underline; } #search.panel .cnt { padding: 10px; } #search.panel .hdr { display: none; } #search.panel label { display: none; } #search.panel .button { display: none; } #search.panel .input { margin: 0; } #login.panel .cnt { padding: 10px; } #login.panel .hdr .icon { width: 32px; background: url('images/icon_big_profile.gif') left top no-repeat; } #login.panel .cnt .button { display: block; width: 156px; height: 23px; background: url('images/sdbr_panel_login_button.gif'); border: none; margin-bottom: 10px; } #login.panel .cnt .error { border: 1px solid #900; padding: 5px 10px; margin-bottom: 10px; color: #900; background: #FFF; } #login.panel label { display: none; } #login.panel label.checkbox { display: inline; } #login.panel form .field input.field { width: 94%; border: 1px solid #BBB; padding: 4px 4px 3px 4px; background: #FFF url('images/form_field_bgrd.gif') left top no-repeat; } #login.panel form .input { margin: 0 0 10px 0; } #login.panel form .input label { width: auto; float: none; } #logged.panel { border-top: 1px solid #CCC; } #logged.panel .hdr { display: none; } #logged.panel .image { width: 43px; height: 43px; float: left; border: 1px solid #CCC; } #logged.panel .holder { width: 105px; float: left; margin-left: 10px; line-height: 15px; } #logged.panel .logout { } #logged.panel ul li { display: block; margin-top: 5px; } #logged.panel ul li a { display: block; height: 40px; font-size: 14px; text-indent: 48px; line-height: 40px; background: #EEE; border: 1px solid #CCC; } #logged.panel #profile a { background: #EEE url('images/icon_big_profile.gif') 8px center no-repeat; } #logged.panel #inbox a { background: #EEE url('images/icon_big_inbox.gif') 8px center no-repeat; } #actions.panel { border: none; } #actions.panel .icon { background: url('images/sdbr_panel_hdr_image_actions.gif') left top no-repeat; } #actions.panel li { padding: 5px 0 7px 20px; border-bottom: 1px solid #CCC; line-height: 14px; background: url('images/bullet_square.gif') 8px 10px no-repeat; } #actions.panel li a { display: block; font-weight: bold; } #actions.panel li .right { display: block; text-align: right; clear: both; float: none; } #feed.panel { border: none; } #feed.panel .icon { background: url('images/sdbr_panel_hdr_image_feed.gif') left top no-repeat; } #feed.panel .cnt { font-size: 10px; } #feed.panel li { padding: 7px 7px 7px 25px; border-bottom: 1px solid #CCC; background: url('images/sdbr_panel_feed_list_bullet.gif') 5px 7px no-repeat; line-height: 16px; } #feed.panel li a:hover { text-decoration: underline; } #university.panel .cnt { text-align: center; } /* --- Sidebar Panels --------------------------------------------------------------------------------------------------------------------------------------- */ .login_register { width: 70%; float: left; background: #EEE; border: solid #CCC; border-width: 1px 0; overflow: hidden; } .login_register form .input { margin-top: 10px; } .login_register form .input .field input.field { background: #FFF; width: 95%; } .login_register form .input .field input.short { background: #FFF; width: 89%; } .login_register form .input div.error, .login_register form .input strong.help { padding: 0; } .login_register form select { width: 90%; } .login_register .inner { padding: 10px 20px 20px 20px; height: 140px; } .login_register .col .inner { padding: 0 10px 0 0; height: auto; } .login_register .buttons { background: #FFF; margin: 0; } .login_register#form_login { width: 30%; overflow: hidden; } .login_register#form_login .inner { display: block; border-right: 1px solid #CCC; position: relative; } #contact_list_holder { border: 3px solid #CCC; height: 300px; overflow: auto; } ul.contact_list { } ul.contact_list li { display: block; width: 50%; float: left; border-top: 1px solid #CCC; padding: 10px 0; overflow: hidden; } ul.contact_list li span { display: block; } ul.contact_list li span.checkbox { width: 20px; float: left; padding-left: 10px; } ul.contact_list li span.info { width: 290px; float: left; } /* END common */ /* BEGIN grid */ /* --- Basic grid styles --- */ .col { float: left; overflow: hidden; } .col .inner { padding: 0 20px 0 0; } .col.w2 { width: 50%; } .col.w3 { width: 33%; } .col.w4 { width: 25%; } .col.w5 { width: 20%; } .col.w23 { width: 66%; } .col.w34 { width: 75%; } .col.w25 { width: 40%; } .col.w35 { width: 60%; } .col.w45 { width: 80%; } /* END grid */ /* BEGIN forms */ /* --- Form elements -------------------------------------------------------------------------------------------------------------------- */ form { } form textarea { height: 96px; min-height: 96px; max-height: 500px; } form select { } form select option { } form fieldset { padding: 0 0 10px 0; border: none; margin: 0 0 20px 0; } form fieldset legend { font: normal 16px Arial, Verdana, Helvetica, sans-serif; padding: 0; clear: both; background: #EEE; } form .fieldset { padding: 0 0 10px 0; border: none; margin: 0 0 20px 0; } form .fieldset .legend { font: normal 16px Arial, Verdana, Helvetica, sans-serif; padding: 5px 10px; clear: both; background: #EEE; margin: 0 0 0 -19px; } form label { display: block; cursor: pointer; } /* --- Errors ---------------------------------------------------------------------------------------------------------------- */ form #errors { border: 3px solid #CCC; color: #900; margin: 0 0 20px 0; padding: 10px 20px 10px 35px; background: #DDD url('icons/error.png') 10px 10px no-repeat; } form #errors li { padding: 0 0 10px 0; color: #000; } form .input.invalid .field input.field, form .input.invalid .field textarea { background: #FEE; border-color: #900; } form .input.invalid label { color: #C00; } /* --- Checkbox ---------------------------------------------------------------------------------------------------------------- */ form input.checkbox { font-size: 12px; } form .input label.checkbox, form label.checkbox { display: inline; font-weight: normal; float: none; width: auto; line-height: normal; height: auto; margin: 0; padding: 0 0 0 5px; } /* --- Field html ---------------------------------------------------------------------------------------------------------------- */ form .input { clear: both; margin-top: 20px; overflow: hidden; position: relative; } form .input strong, form .input label { display: block; width: 210px; float: left; font-weight: normal; padding-right: 10px; } form .input.normal { margin-bottom: 10px; } form .input.mandatory label { font-weight: bold; } form .input .field { } form .input .field input.field { width: 250px; border: 1px solid #CCC; display: block; float: left; padding: 4px; background: #EEE; } form .input .field input.file { margin-right: 10px; } form .input textarea { display: block; width: 250px; border: 1px solid #CCC; float: left; padding: 4px; background: #EEE; } form .input .list { width: 490px; float: left; } form .input .list li { display: block; width: 45%; float: left; margin-right: 2%; overflow: hidden; } form .input .file-img { display: block; width: 80px; height: 70px; margin-right: 5px; padding: 5px; background: #FFF; border: 1px solid #999; } form .input .field input.field.long, form .input textarea.long { width: 480px; } form .input .field input.field.average, form .input textarea.average { width: 60%; } form .input .field input.field.medium, form .input textarea.medium { width: 400px; } form .input .field input.field.small, form .input textarea.small { width: 100px; } form .input.organization { margin: 0 0 0 -19px; background: #EEE; padding: 10px 10px 10px 20px; } form .input.organization strong { display: inline; width: auto; font-weight: bold; float: none; padding: 0; } form .input.organization label { } /* --- Required fields --- */ form .input strong span, form .input label span { color: #F00; } /* --- Helpers ---------------------------------------------------------------------------------------------------------------- */ form .input div.error, form .input strong.help { display: block; width: auto; padding: 5px 10px 0 220px; color: #666; font-size: 90%; line-height: normal; font-weight: normal; float: none; clear: both; } form .input div.error { color: #A00; font-weight: bold; font-size: 90%; } form .input.normal div.error, form .input.normal strong.help { padding: 5px 10px 0 2px; } /* --- Buttons ---------------------------------------------------------------------------------------------------------------- */ .buttons { clear: both; margin: 20px 0 0 0; border-top: 1px solid #CCC; padding: 10px; } .button .field, .buttons .field { display: block; float: left; height: 23px; line-height: 23px; margin: 0 10px 0 0; color: #000; border: none; background: url(images/button_white_left.gif) left top no-repeat; cursor: pointer; } .button .field input, .buttons .field input { background: url(images/button_white_right.gif) right top no-repeat; height: 23px; border: none; font-weight: bold; padding: 0 15px; cursor: pointer; } .buttons .field.submit { background: url(images/button_green_left.gif) left top no-repeat; } .buttons .field.submit input { background: url(images/button_green_right.gif) right top no-repeat; color: #FFF; } a.fbutton { display: block; float: left; height: 23px; line-height: 23px; margin: 0 10px 0 0; color: #000; background: url(images/button_white_left.gif) left top no-repeat; cursor: pointer; } a.fbutton span { display: block; padding: 0 15px; background: url(images/button_white_right.gif) right top no-repeat; height: 23px; border: none; font-weight: bold; cursor: pointer; } a.fbutton.selected { background: url('images/button_blue_left.gif') left top no-repeat; } a.fbutton.selected span { background: url('images/button_blue_right.gif') right top no-repeat; color: #FFF; } /* --- Site search ---------------------------------------------------------------------------------------------------------------- */ form .search { background: url('images/searchField_bgrd_left.gif') left top no-repeat; height: 23px; overflow: hidden; padding: 0 15px 0 29px; position: relative; } form .search .input { margin: 0; } form .search .input .field .field { width: 100%; height: 18px; line-height: 23px; border: none; display: block; float: left; padding: 5px 0 0 0; background: url('images/searchField_bgrd.gif') left top repeat-x; } form .search .cancel { display: block; width: 20px; height: 23px; background: url('images/searchField_bgrd_right.gif') right top no-repeat; position: absolute; top: 0; right: 0; text-indent: 2000px; cursor: pointer; } /* --- Fields custom widths ---------------------------------------------------------------------------------------------------------------- */ .sidebar form .input #id_title { width: 160px; } /* --- Date select --- */ form #id_birth_date { width: 40px; } form #id_birth_month { width: 80px; } form #id_birth_year { width: 60px; } /* --- Message form --- */ #message_post { padding: 20px 0 0 10px; } #message_post label { float: none; } #message_post .input textarea { width: 93%; } /* FIXME Rewrite the next section */ form .special { zoom: 1; } form .special .single_checkbox { } form .special .toggle { background: #EEE; border: solid #CCC; border-width: 1px 0; margin: 20px -20px 20px -19px; padding: 0 0 20px 0; } form .special .toggle div.input input.field { background: #FFF; } form .special .toggle textarea { background: #FFF; } form .special .toggle label { padding-left: 20px; } form .special .toggle li label { padding-left: 10px; } form .special .toggle .rte { padding: 20px 20px 0 20px; } form .special .input div.error, form .special .input strong.help { padding-left: 240px; } #TB_ajaxContent form .ic .col { float: none; } #organization_div { background: #F5F5F5; margin: -20px 0 0 -19px; padding: 20px; } form #action_people_div .input { width: 45%; float: left; clear: none; } form #action_people_div .input.float { width: 29%; float: left; clear: none; } form #action_people_div .input .field input.field { width: 80px; } /* END forms */ /* BEGIN lists */ /* --- Lists common styles ----------------------------------------------------------------------------------------------------------------------------------- */ #list h1 { margin-bottom: 0; } #list .rte { padding: 20px 0 0 0; } #list .local_nav { float: right; } #list dl span { display: block; overflow: hidden; background: transparent left center no-repeat; } #list dl a.fbutton span { display: block; padding: 0 15px; background: url(images/button_white_right.gif) right top no-repeat; height: 23px; border: none; font-weight: bold; cursor: pointer; } #list dt { background: #F5F5F5; border-bottom: solid 1px #CCC; font:bold italic 14px/27px Arial,Verdana,sans-serif; display: block; position: relative; } #list dt a { display: block; padding-left: 10px; } #list dt a:hover { background: #CCC; color: #444; } #list dt a:hover .more { color: #444; } #list dt .icon { text-indent: 20px; width: 20px; height: 24px; float: left; margin: -4px 5px 0 0; background: url(images/icon_list_actions_active.gif) left top no-repeat; position: relative; } #list dt .more { position: absolute; top: 50%; margin-top: -6px; right: 10px; height: 12px; background: url(images/icon_list_actions_view.gif) right no-repeat; padding-right: 26px; font: normal 9px/12px Arial,Verdana,sans-serif; text-align: right; color: #FFF; } #list dd { line-height: 14px; } #list dd .inner { padding-top: 10px; } #list dd .date { font-size: 9px; font-weight: bold; } #list dd .summary { display: block; padding-top: 5px; } #list dd .summary .more { display: inline; } #list dd .details { padding-top: 20px; clear: both; } #list dd .details span { float: left; height: 16px; line-height: 16px; margin-right: 20px; width: 40%; color: #b34800; margin-bottom: 5px; padding-left: 20px; } #list dd .details span.line_location { background: url('images/icon_globe.gif') left top no-repeat; } #list dd .details span.line_when { background: url('images/icon_when.gif') left top no-repeat; } #list dd .details span.line_people { background: url('images/icon_people.gif') left top no-repeat; } #list dd .details span.line_time { background: url('images/icon_time.gif') left top no-repeat; } #list dd .details strong { color: #363636; } #list dd p { width: 520px; margin: 0 20px 0 10px; } #list dd .info span { margin-bottom: 5px; } #list dd.active_actions { margin-bottom: 10px; background: #EEE; border: solid #CCC; border-width: 0px 1px 1px } #list dd.active_actions .inner { border-width: 0 1px; } #list dd.active_actions dl { border-bottom: 1px solid #DDD; } #list dd.active_actions dd { background: #FFF; border: solid #DDD; border-width: 0 1px; } #list dd.active_actions dd .inner { border: none; } #list dd.active_actions p { padding-bottom: 10px; width: 520px; margin-left: 9px; } #list dd.active_actions .content { width: 275px; } .actions_section #list dd.active_actions .content { width: 255px; } #list .edit { margin: 20px 0; } #list .edit p { padding-bottom: 10px; } #list .edit dd { border-bottom: 1px solid #CCC; } #list dd .inline_actions { display: none; padding: 10px 10px 10px; background: #FFF url(images/sdbr_panel_cnt_bgrd.gif) left top repeat-x; } #list dd .inline_actions p { width: 500px; padding-bottom: 10px; } /* --- Ideas ----------------------------------------------------------------------------------------------------------------------------------------------- */ #list dd p .image { float: left; border: 1px solid #999; } #list dd p .image img { display: block; width: 230px; height: 120px; background: url(/public/styles/images/default_idea_200x110.png); } #list dd p .content { width: 275px; float: left; padding-left: 10px; overflow: hidden; } .ideas_section #list dt .icon { background: url(images/sdbr_panel_hdr_image_feed.gif) no-repeat left top; } .ideas_section #list dd dt .icon { background: url(images/icon_list_actions_active.gif) left top no-repeat; } .ideas_section #google-map { margin-bottom: 40px; } .actions_section #list dt .icon { background: url(images/icon_list_actions_active.gif) left top no-repeat; } .actions_section #list dd dt .icon { background: url(images/sdbr_panel_hdr_image_feed.gif) no-repeat left top; } /* --- Universities & Users ------------------------------------------------------------------------------------------------------------------------------------------ */ #list .listing li { display: block; width: 48%; height: 140px; float: left; background: #F5F5F5; margin: 20px 4% 0 0; } #list .listing li.even { margin-right: 0; } #list .listing li a { display: block; width: 100%; height: 100%; font-size: 14px; color: #666; } #list .listing li a .image { display: block; width: 98px; height: 98px; float: left; margin: 20px 10px 0 20px; border: 1px solid #CCC; overflow: hidden; } #list .listing li a:hover { background: #EEE; text-decoration: none; } #list .listing li a:hover .image { border-color: #000; } #list .listing li a .image img { display: block; } #list .listing li a .info_content { display: block; width: 210px; height: 128px; float: left; overflow: hidden; } #list .listing li a .text { display: block; width: 210px; float: left; padding: 20px 0 0 0; } #list .listing li a .info { font-size: 10px; font-weight: bold; line-height: 10px; } #list .listing li a .info strong { color: #000; } .users_section #list .listing li { border: 1px solid #DDD; width: 238px; height: 128px; float: left; background: #f4f4f4 url('images/members_bgrd.gif') left bottom no-repeat; margin: 10px 0 0 0; position: relative; } .users_section #list .listing li.middle { margin: 10px 10px 0 10px; } .users_section #list .listing li a { display: block; width: 100%; height: 100%; font-size: 14px; color: #666; } .users_section #list .listing li a .image { display: block; width: 48px; height: 48px; float: left; margin: 10px 10px 0 10px; border: 1px solid #9f9f9f; overflow: hidden; } .users_section #list .listing li a:hover { background: #FFF; text-decoration: none; } .users_section #list .listing li a:hover .image { border-color: #000; } .users_section #list .listing li a:hover .summary { } .users_section #list .listing li a .image img { display: block; width: 100%; height: 100%; } .users_section #list .listing li a .info_content { display: block; width: 160px; height: 128px; float: left; overflow: hidden; line-height: 18px; } .users_section #list .listing li a .summary { display: none; width: 210px; height: 150px; font-size: 11px; line-height: 14px; padding: 20px 25px; position: absolute; bottom: 105px; left: 170px; background: url('images/user_list_info_bgrd.png') left top no-repeat; text-align: justify; } .users_section #list .listing li a .text { display: block; padding: 10px 0 0 0; } .users_section #list .listing li a .info { font-size: 10px; font-weight: bold; line-height: 12px; } .users_section #list .listing li a .info strong { color: #000; } /* --- Filters ----------------------------------------------------------------------------------------------------------------------------------------------- */ .filters { background: url('images/lists_filter_bgrd.jpg') left bottom repeat-x; border: solid #DDD; border-width: 0 1px 1px 1px; padding-top: 5px; margin: 0; margin-bottom: 20px; } .filters h2 { padding: 0 10px 10px 10px; } .filters .input select { width: 50%; } .filters .input label { height: auto; width: 50px; text-align: right; padding: 0 5px 0 0; font-weight: normal; } .filters .search { margin: 0 10px; } .filters form .search .input { margin: 0; } .filters form .input { margin-top: 10px; } .filters form .buttons { margin: 10px 0 0 0; } .filters form .buttons .field { background: url(images/button_whitegray_left.gif) left top no-repeat; } .filters form .buttons .field input { background: url(images/button_whitegray_right.gif) right top no-repeat; } .filters form .buttons .field.submit { background: url(images/button_bluegray_left.gif) left top no-repeat; } .filters form .buttons .field.submit input { background: url(images/button_bluegray_right.gif) right top no-repeat; color: #FFF; } /* --- Pagination ----------------------------------------------------------------------------------------------------------------------------------------------- */ .paging { border-top: 1px solid #CCC; text-align: right; padding: 10px 0; } .paging li { display: inline; padding: 0 5px; } .paging li.first { } .paging li.prev { } .paging li.selected a { color: #000; cursor: default; font-weight: bold; } .paging li a { } /* END lists */ /* BEGIN pages */ /* --- Inner layout --------------------------------------------------------------------------------------------------------------------------------------- */ .inner_layout { } .inner_layout .sidebar { width: 232px; float: left; overflow: hidden; margin-right: 20px; } .inner_layout .sidebar .image { margin-bottom: 20px; border: 1px solid #CCC; } .inner_layout .sidebar .image img { display: block; width: 230px; height: 120px; } .inner_layout .sidebar .image a { display: block; text-align: right; } .inner_layout .page_content { width: 470px; float: left; overflow: hidden; } .inner_layout .header { margin: -19px -19px 0 -19px; margin-bottom: 20px; } .inner_layout .header h1 { padding: 20px; padding-bottom: 0; } .inner_layout .right { float: right; padding: 0 0 10px 10px; background: #FFF; margin: 0 0 10px 10px; } .inner_layout .right .thickbox { } .blog { } .blog .posts .hdr { background: #EEE; padding: 10px 10px 10px 15px; border-top: 1px solid #CCC; } .blog .posts .hdr .actions { float: right; } .blog .posts .hdr .actions a.button { float: right; color: #008BC0; } .blog .posts .date { display: block; } .blog .posts .rte { padding: 15px; margin-bottom: 20px; } .blog .posts .spinvox.rte { padding-right: 80px; background: url('images/spinvox_man.gif') 640px 20px no-repeat; } .blog .posts .spinvox.rte span { display: block; text-indent: 20px; background: url('images/spinvox_quote_open.gif') left top no-repeat; } .blog .posts .spinvox.rte span span { display: inline; padding-right: 20px; background: url('images/spinvox_quote_close.gif') right bottom no-repeat; } .blog form { background: #EEE; padding: 10px 20px 0 20px; border-top: 1px solid #CCC; } .blog form .input textarea, .blog form .input .field .field { background: #FFF;} .blog form .buttons { margin: 0 -20px; background: #FFF; margin-top: 20px; } .navbar { height: 25px; margin: -20px -20px 20px -19px; border-bottom: 1px solid #AAA; } .navbar a { display: block; float: left; line-height: 25px; padding: 0 15px; border-right: 1px solid #AAA; color: #000; } .navbar a:hover { background: #F5f5f5; } .navbar a.selected { background: #EEE; } .inner_layout .buttons.panel { border-top: none; padding: 0; margin-top: 0; } .inner_layout .buttons.panel .cnt { padding: 10px 0 20px 0; } .inner_layout .buttons.panel .fbutton { float: none; margin: 0 0 10px 0; } .toc { } .toc li { position: relative; border-bottom: 1px solid #CCC; padding: 1px 0; } .toc li a { display: block; position: absolute; top: 0; right: 0; } .toc li a.google-map { display: inline; position: static; } .users_section .inner_layout .sidebar .image img, .universities_section .inner_layout .sidebar .image img { display: block; width: 230px; height: 230px; } .rte p.default, .default { background: #FFFFCC; padding: 5px 10px; margin-bottom: 20px; } /* --- Gallery --------------------------------------------------------------------------------------------------------------------------------------- */ .videos #video { width: 400px; float: left; margin-right: 20px; } .videos .gallery { width: 320px; float: left; } .videos .gallery li { width: 158px; } .videos .gallery li .image { display: block; width: 150px; height: 120px; margin: 4px auto; } .videos .gallery li .image img { display: block; width: 100%; height: 100%; } .gallery { } .gallery li { display: block; float: left; width: 33%; overflow: hidden; border: 1px solid #CCC; margin: -1px 0 0 -1px; } .gallery li .title { display: block; padding: 0 10px; height: 41px; font-weight: bold; overflow: hidden; } .gallery li .video { display: block; padding: 5px; } .gallery li .buttons { margin: 0; } /* --- Tabs --------------------------------------------------------------------------------------------------------------------------------------- */ .tabs { height: 30px; padding-left: 20px; margin: 0 0 20px -20px; position: relative; bottom: -1px; border-bottom: 1px solid #a9a9a9; } .tabs li { float: left; margin-right: 0; margin-right: -7px; background: url('images/tab_bgrd_right.gif') right top no-repeat; padding-right: 29px; padding-bottom: 0; } .tabs li a { float: left; display: block; height: 31px; line-height: 35px; padding: 0 5px 0 0px; text-indent: 15px; background: url('images/tab_bgrd_left.gif') left top no-repeat; outline: none; overflow: hidden; } .tabs li a:hover { text-decoration: underline; } .tabs li.selected { background-position: right -31px; position: relative; } .tabs li.selected a { color: #000; position: relative; background-position: left -31px; } .header .tabs { margin: 20px 0 0 0; } /* --- Custom panels styles in local sidebar --------------------------------------------------------------------------------------------------------------- */ .inner_layout .sidebar .userlist.panel li { width: 100%; padding: 0; } .inner_layout .sidebar .buttons.panel { border-bottom: none; } /*.inner_layout .sidebar .buttons.panel .cnt { background: url('images/sdbr_panel_cnt_bgrd.gif') left top repeat-x; padding: 10px; }*/ /* --- Comments list --------------------------------------------------------------------------------------------------------------------------------------- */ .comments.panel .hdr { margin-bottom: 10px; } .comments.panel .cnt { padding: 0; } .comments.panel li .hdr { width: 100%; height: 45px; border: none; background: #EEE; font-size: 10px; } .comments.panel li.private .hdr { background: #DDD; } .comments.panel li.private { background: #EEE; border: 1px solid #CCC; margin-bottom: 20px; } .comments li { border-top: 1px solid #000; padding-bottom: 20px; } .comments span { display: block; } .comments li .hdr span { display: block; } .comments li .hdr .avatar { display: block; float: left; margin-right: 10px; } .comments li .hdr .posted_by { padding-top: 4px; font-size: 11px; } .comments li .hdr .date { font-size: 9px; } .comments .comment { clear: both; padding: 10px 0 0 55px; } .comments .buttons { text-align: right; padding-right: 10px; } .comments .buttons .report { color: #D00; } /* --- Comments form --------------------------------------------------------------------------------------------------------------------------------------- */ .comments .form { } .comments .form .input { margin-top: 0; } .comments .form .input textarea { width: 98%; } .comments .form .button { } /* --- Comments form --------------------------------------------------------------------------------------------------------------------------------------- */ .comments .register { background: #EEE; border-top: 1px solid #CCC; padding: 10px 15px; } .idea img { float: left; margin-right: 20px; } .idea .content { width: 240px; float: left; } #summary.mod span { display: block; } #summary.mod h2 span { display: inline; color: #999; } .simplelist form .input #id_selected_skills.list li, .simplelist form .input #id_selected_bundles.list li { background: none; padding-left: 0; } /* END pages */ /* BEGIN colors */ /* --- Navigation ----------------------------------------------------------------------------------------------------------------------------------------- */ .nav li#li1 a span { background: url('images/nav_icon_home.gif') left top no-repeat; } .nav li#li2 a span { background: url('images/nav_icon_ideas.gif') left top no-repeat; } .nav li#li3 a span { background: url('images/nav_icon_actions.gif') left top no-repeat; } .nav li#li4 a span { background: url('images/nav_icon_members.gif') left top no-repeat; } .nav li#li5 a span { background: url('images/nav_icon_forum.gif') left top no-repeat; } .nav li#li6 a span { background: url('images/nav_icon_uni.gif') left top no-repeat; } .nav li#li7 a span { background: url('images/nav_icon_help.gif') left top no-repeat; } .nav li#li1 a { background-color: #f7b500; } .nav li#li2 a { background-color: #b9cd0c; } .nav li#li3 a { background-color: #82bf34; } .nav li#li4 a { background-color: #00a650; } .nav li#li5 a { background-color: #0979c0; } .nav li#li6 a { background-color: #00469b; } .nav li#li7 a { } /* --- Ideas --------------------------------------------------------------------------------------------------------------------------------------------- */ .ideas_section .hdr { background: #b9cd0c; } .ideas_section .hdr h3 { color: #FFF; } .ideas_section dt a { background: #b9cd0c; color: #FFF; } .ideas_section dd dt a { background: #82bf34; } /* --- Actions ------------------------------------------------------------------------------------------------------------------------------------------- */ #sidebar #actions.panel .hdr, .actions_section .hdr { background-color: #82bf34; } .actions_section .hdr h3 { color: #FFF; } .actions_section dt a { background: #82bf34; color: #FFF; } .actions_section dd dt a { background: #b9cd0c; } .actions_section #list.ideas dt a { background: #b9cd0c; color: #FFF; } .actions_section #list.ideas dd { background: #EEE; margin-bottom: 20px; } .actions_section #list.ideas dd p { padding-bottom: 10px; } .home_section #list.ideas dt a { background: #b9cd0c; color: #FFF; } /* --- Users --------------------------------------------------------------------------------------------------------------------------------------------- */ .users_section .panel .hdr { background: #00a650; } /* --- Universities -------------------------------------------------------------------------------------------------------------------------------------- */ .universities_section .hdr { background: #00469b; } .universities_section .hdr h3 { color: #FFF; } /* --- Profile ------------------------------------------------------------------------------------------------------------------------------------------ */ .users_section .hdr { background: #00a650; } .users_section .hdr h3 { color: #FFF; } /* --- Thickbox Section styles -------------------------------------------------------------------------------------------------------------------------- */ .ideas_section #TB_caption { background: #b9cd0c; color: #FFF; } .ideas_section #TB_title { background: #b9cd0c; color: #FFF; font-weight: bold; } .actions_section #TB_caption { background: #82bf34; color: #FFF; } .actions_section #TB_title { background: #82bf34; color: #FFF; font-weight: bold; } .users_section #TB_caption { background: #00a650; color: #FFF; } .users_section #TB_title { background: #00a650; color: #FFF; font-weight: bold; } .universities_section #TB_caption { background: #00469b; color: #FFF; } .universities_section #TB_title { background: #00469b; color: #FFF; font-weight: bold; } /* --- Humanized messages Section styles ---------------------------------------------------------------------------------------------------------------- */ /* .home_section .humanMsg, .home_section #humanMsgLog p { background-color: #f7b500; } .ideas_section .humanMsg, .ideas_section #humanMsgLog p { background-color: #b9cd0c; } .actions_section .humanMsg, .actions_section #humanMsgLog p { background-color: #82bf34; } .users_section .humanMsg, .users_section #humanMsgLog p { background-color: #00a650; } .universities_section .humanMsg, .universities_section #humanMsgLog p { background-color: #0979c0; } */ /* END colors */ /* BEGIN messages */ .messages table { width: 100%; border-collapse: collapse; border-leftm: solid 1px #B6B6B6; } .messages th, .messages td { padding: 2px 8px; } .messages th { background: #ECECEC url(images/messages_bgrd_th.gif) left top repeat-x; border: solid 1px #E0E0E0; border-bottom-color: #B6B6B6; border-left-color: #B6B6B6; border-right: none; text-align: left; font-size: 9px; color: #666; } .messages td { vertical-align: top; } .messages td a { color: #000; } .messages .unread a { color: #008BC0; font-weight: bold; } .messages .status { vertical-align: middle; line-height: 10px; } .messages th.status { border-left: none; } .messages td.status { border-right: solid 1px #B6B6B6; width: 10px; } .messages th.action { border-left: none; } .messages .action a { display: block; width: 16px; height: 16px; background-position: 0 3px; background-repeat: no-repeat; text-indent: 16px; overflow: hidden; } .messages .action a.delete { background-image: url(images/messages_icon_del.png); } .messages .odd td { background-color: #E6EEEC; } .messages .folders { width: 230px; } .messages th.folders { border-left: solid 1px #B6B6B6; } .messages td.folders { background-color: #ECECEC; padding: 0; border-left: dashed 1px #ACACAC; } .messages .folders span, .messages .folders a { display: block; float: left; width: 36px; height: 36px; line-height: 36px; text-align: center; } .messages .folders a { width: 100%; text-align: left; clear: both; } .messages .folders a.selected { background: #D7D7D7; } .messages .folders a:hover { background: #E0E0E0; } .messages .folders .count { background: url(images/messages_folder_count.png) center center no-repeat; } .messages .folders .icon { background: transparent center center no-repeat; margin-right: 5px; } .messages .folders .label { width: auto; } .messages .folders .inbox .icon { background-image: url(images/messages_folder_inbox.png); } .messages .folders .outbox .icon { background-image: url(images/messages_folder_outbox.png); } .messages .folders .deleted .icon { background-image: url(images/messages_folder_deleted.png); } .messages .folders .new .icon { background-image: url(images/messages_folder_new.png); } .messages .folders .send .icon { background-image: url(images/messages_folder_compose.png); } .messages .thread_hdr { height: 60px; border-bottom: solid 1px #CCC; padding: 0; margin-bottom: 20px; } .messages .thread_hdr .nav { display: block; float: left; width: 5%; height: 60px; text-indent: 100px; overflow: hidden; background: #C00; background: url(images/messages_thread_read.png) center center no-repeat; } .messages .thread_hdr .prev { background-image: url(images/bullet_prev.gif); } .messages .thread_hdr .next { float: right; background-image: url(images/bullet_next.gif); } .messages .thread_title { float: left; width: 90%; text-align: center; } .messages .thread_title table { margin: auto; text-align: left; width: auto; height: 60px; } .messages .thread_title td { vertical-align: middle; padding: 0 5px; } .messages .thread_title .icon { width: 36px; background: url(images/messages_thread_read.png) center center no-repeat; } .messages .thread_title h3 { margin: 0 0 5px 0; } .messages .thread_view { padding: 0; } .messages .thread_view ul.comments { padding-right: 20px; } .messages .list_comments { margin-right: 20px; } .feedback_message { background: #EEE; border: 1px solid #CCC; margin: 20px 10px; padding: 10px; } #selected_message { margin-bottom: 40px; } /* END messages */ /* BEGIN rte */ /* --------- Rich Text Editor Styles ------------------------------------------------------------------------------------*/ .rte { font-size: 12px; } .rte h1 { font-weight: normal; font-size: 220%; padding: 0 0 20px 0; } .rte h2 { font-weight: normal; font-size: 180%; padding: 15px 0 10px 0; } .rte h3 { font-weight: normal; font-size: 160%; padding: 10px 0 5px 0; } .rte h4 { font-weight: normal; font-size: 140%; padding: 5px 0; } .rte h5 { font-size: 120%; padding: 0 0 5px 0; } .rte h6 { font-size: 100%; padding: 0 0 5px 0; } .rte a { } .rte p { padding: 0 0 20px 0; } .rte p a { } .rte p + ul { padding: 0 30px 20px 30px; } .rte p + ol { padding: 0 30px 20px 30px; } .rte ul { padding: 20px 30px; } .rte ul ul { padding: 10px 30px; } .rte ul li { list-style: disc outside; display: list-item; } .rte ul li li { list-style: circle; } .rte ul li a { } .rte ul + ul { padding: 0 30px 20px 30px; } .rte ol { padding: 20px 30px; } .rte ol ol { padding: 10px 30px; } .rte ol li { list-style: decimal outside; display: list-item; } .rte ol li a { } .rte ol + ol { padding: 0 30px 20px 30px; } .rte code { display: block; background: #EEE; border: 1px solid #CCC; font: 0.8em Courier, Tahoma, sans-serif; padding: 10px; margin: 20px 0; white-space: pre; } .rte p + code { margin-top: 0; } .rte blockquote { color: #666; padding: 20px; border-left: 5px solid #CCC; margin: 0 20px 20px 20px; } .rte blockquote p { padding-bottom: 0; line-height: 20px; } .rte img[align=right], .rte table[align=right] { margin-left: 20px; } .rte img[align=left], .rte table[align=left] { margin-right: 20px; } /* END rte */ /* BEGIN flickr */ /* --- Flickr Components --- */ #photos { padding: 29px; background: #FFF; border: 1px solid #DDD; } #photos .buttons { margin-top: 0; } ul.flickr-selector { } /* ul.flickr-selector.selected li { opacity: .3; filter: alpha(opacity=30); } */ ul.flickr-selector li { float: left; margin: 0 10px 10px 0; padding: 5px; border: 1px solid #CCC; background: #FFF; cursor: pointer; display: none; } ul.flickr-selector li.selected, ul.flickr-selector li:hover { border-color: #000; background: #F9F9F9; } ul.flickr-selector li img { display: block; } ul.flickr-selector.nojs { margin: 5px 0 20px 0; overflow: hidden; } ul.flickr-selector.nojs li { display: block; cursor: default; } ul.flickr-selector.nojs li a { display: block; margin: 0; text-align: center; } ul.flickr-selector.nojs li a.delete { margin-top: 5px; } ul.flickr-selector.nojs li:hover { border-color: #CCC; background: #F9F9F9; } .box { border: 1px solid #CCC; padding: 10px; background: #F5F5F5; } .box.or { background: #F5F5F5 url('images/gallery_border_or.gif') center 30px no-repeat; } .box .search { } .box .buttons { padding-left: 0; } .box .col p { padding-bottom: 10px; } .box .col .inner { padding: 0 20px 20px 20px; } .box .input { margin-top: 0; } #gallery_box.box .col p { } .crop_image_text { display: none; } #TB_window .buttons { margin-left: -15px; margin-right: -15px; } #TB_window .box .buttons { margin: 20px 0 0 0; } /* END flickr */ /* BEGIN humanmsg */ /* HUMANIZED MESSAGES idea - http://www.humanized.com/weblog/2006/09/11/monolog_boxes_and_transparent_messages home - http://humanmsg.googlecode.com */ .humanMsg { display: none; position: fixed; top: 50%; left: 50%; margin: -20px 0 0 -100px; color: #FFF; background-color: #000; text-align: center; z-index: 100000; } .humanMsg p { padding: 20px 25px; font-size: 160%; } .humanMsg a { display: none; } #humanMsgLog { display: none; color: #FFF; width: 100%; max-height: 200px; z-index: 10000; } #humanMsgLog p { position: fixed; bottom: 0; left: 0; width: 180px; height: 30px; line-height: 30px; margin: 0; background: #333; text-align: center; white-space: pre; cursor: pointer; } #humanMsgLog p:hover { background: #222; } #humanMsgLog ul { background: #eee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAARCAIAAACaSvE/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNqEjVEKACAIQ516Ee//5wVNCjIjaB/iY5vC3YkoIgDkVDOjQ5pqLCI3r2bLFzNzyydvM4uKqfJPKN4vyl9LO/7o3/6PhwADAIWkFPjc5eRrAAAAAElFTkSuQmCC) repeat-x; margin: 0; padding: 0; position: relative; max-height: 180px; overflow: auto; display: none; } #humanMsgLog ul li { color: #555; font-size: 12px; list-style-type: none; border-bottom: 1px solid #ddd; line-height: 40px; display: none; padding: 0 20px; position: relative; overflow: hidden; white-space: pre; } #humanMsgLog ul li .error { color: orangered; } #humanMsgLog ul li .indent { position: absolute; top: 0; left: 100px; margin-right: 200px; height: inherit; } #humanMsgLog ul li .indent { position: absolute; top: 0; left: 100px; margin-right: 200px; height: inherit; } /* END humanmsg */ /* BEGIN imagebox */ /* --- Imagebox --- */ .noscroll { height:auto !important; min-height:100%; overflow:hidden; } #overlay { background-color: rgb(0, 0, 0); opacity: 0.9; -moz-opacity:0.90; filter: alpha(opacity=90); z-index: 9000; height: 100%; width: 100%; background-repeat:repeat; position:absolute; top: 0px; left: 0px; } /*#overlay { position: absolute; background: #FFFFFF; top: 0pt; left: 0pt; width: 100%; height: 100%; opacity: 0.9; z-index: 100; }*/ #ib-img { display: none; position: absolute; top: 50%; left: 50%; margin: 0pt; background: #FFFFFF; z-index: 10000; } #ib-loading { position: absolute; top: 50%; left: 50%; width: 56px; height: 56px; margin: -25px 0pt 0pt -25px; background: transparent url(images/loader.gif) no-repeat scroll center; z-index: 10000; } #ib-loading img { display: block; width: 32px; margin: 12px auto; } /* END imagebox */