h2 { padding-top: 12px; font-size: 24px; margin-bottom: .6em; } h3 { font-size: 18px; margin-bottom: .5em; } p { margin-bottom: 1.5em; line-height: 1.35em; } a { font-weight: bold; color: #3bbcaf; text-decoration: none; } a:hover { text-decoration: underline; } a.ui-button, .ui-button:hover, .ui-button strong:hover { text-decoration: none; } label { vertical-align: middle; } label.error { font-weight: bold; color: #ed1c24; } input[type="checkbox"] { vertical-align: -20%; *vertical-align: 0; } /** * Lost pass reset * */ .bk_common-error { margin-bottom: 0; } .bk_common-error .h { margin-bottom: 20px; border-bottom: 1px solid #c7ddc7; } .bk_common-error .b { min-height: 405px; background: url(content/page.error.png) no-repeat right bottom; } /** * Home not logged in * */ .bk_nli-home h2 { font-size: 22px; padding-top: 20px; } .bk_nli-home .intro h2 { color: #000; font-size: 30px; margin-bottom: 15px; } .bk_nli-home .intro p { color: #000; margin-bottom: 0; } .bk_nli-home .t { min-height: 180px; margin: 17px 10px 0; position: relative; } .bk_nli-home .intro { background: transparent url(content/nli.home.t.png) no-repeat; } .bk_nli-home .first { background: transparent url(content/nli.home.t-1.png) no-repeat; } .bk_nli-home .second { background: transparent url(content/nli.home.t-2.png) no-repeat; } .bk_nli-home .third { background: transparent url(content/nli.home.t-3.png) no-repeat; } .bk_nli-home .ui-button { margin: 13px 0 0; position: absolute; bottom: 20px; } /* .bk_nli-home .intro .ui-button strong { background: #000; } .bk_nli-home .intro .ui-button span { background: url(bg.ui-buttons-black.png); } .bk_nli-home .intro .ui-button span.right { background-position: right top; } */ .bk_nli-home #panes > div { height: 243px; padding: 0 660px 0 20px; } .bk_nli-home #panes > div.intro { height: 169px; padding: 74px 400px 0 20px; } .bk_nli-home #panes .first, .bk_nli-home #panes .second, .bk_nli-home #panes .third { display: none; } .bk_nli-home .b { padding-top: 18px; width: 964px; } .bk_nli-home .b > div { padding-bottom: 18px; } .bk_nli-home .b > div > div { background-color: #fff; } .bk_nli-home .b .cfx > div { position: relative; background: #fff url(bg.nil.home.rounded_box.png) no-repeat left top; margin-right: 19px; padding: 10px 30px 21px 20px; width: 252px; float: left; overflow: hidden; } .bk_nli-home .b .cfx > div.current { background: #e8f9e8 url(bg.nil.home.rounded_box-active.png) repeat-y left top; width: 252px; } .bk_nli-home .b .cfx > div p { color: #3b523b; font-size: 13px; } .bk_nli-home .b .cfx > div img { height: 117px; margin-left: -20px; width: 298px; } .bk_nli-home .b .cfx > div span { background: url(bg.nil.home.rounded_box-b.png) no-repeat left bottom; display: block; height: 21px; margin-left: -20px; width: 302px; bottom: 0; position: absolute; } .bk_nli-home .b .cfx > div.current span { background: url(bg.nil.home.rounded_box-active-b.png) no-repeat left bottom; display: block; height: 21px; margin-left: -20px; width: 302px; } .bk_nli-home .b .intro { display: none; } .bk_nli-home .b .first { background: transparent url(content/nli.home.b-1.png) no-repeat center top; } .bk_nli-home .b .second { background: transparent url(content/nli.home.b-2.png) no-repeat center top; } .bk_nli-home .b .third { background: transparent url(content/nli.home.b-3.png) no-repeat center top; } .bk_nli-home .b .nopadding { margin: 0 0 0 -10px; } .bk_nli-home .b h3 { font-size: 15px; } .bk_nli-home .b h3 { color: #3bbcaf; font-size: 18px; } .bk_nli-home .b p { margin-bottom: .6em; } /** * Register * */ .bk_nli-register { } .bk_nli-register .text ul { margin-bottom: 1.35em; } .bk_nli-register .text li { margin-bottom: .1em; padding-left: 3px; list-style: disc inside; } .bk_nli-register .form { margin-left: 10px; padding-top: 19px; width: 480px; background: transparent url(bg.nil.register.rounded_box.png) no-repeat; } .bk_nli-register .form > div { padding-bottom: 19px; background: transparent url(bg.nil.register.rounded_box.png) no-repeat left bottom; } .bk_nli-register .form > div > div { padding-top: 3px; border-left: 3px solid #e6ede6; border-right: 3px solid #e6ede6; background-color: #fff; } .bk_nli-register .form .form-row { padding-bottom: 16px; } .bk_nli-register .form .form-row label { margin-right: 10px; width: 160px; display: inline-block; text-align: right; } .bk_nli-register .form .form-row .ui-textinput { width: 278px; } .bk_nli-register .form .submit { margin: 0 15px 5px 0; text-align: right; } .bk_nli-register .form .submit .accept_terms { text-align: left; margin-left: 147px; display: block; } .bk_nli-register .form .submit .accept_terms input { float: left; margin-right: 10px; } .bk_nli-register .form .submit .accept_terms label { margin-left: 30px; font-size: 13px; display: block; } .bk_nli-register .form .submit .ui-button { margin: 16px 6px 0 0; vertical-align: top; } .bk_nli-register .form .submit_error { margin-top: 20px; padding-top: 1em; border-top: 1px solid #e6ede6; color: #ed1c24; } .bk_nli-register .form .submit_error div { margin-right: 30px; width: 60px; float: left; text-align: right; } .bk_nli-register .form .submit_error ul { width: 370px; float: left; font-weight: bold; } .bk_nli-register .form .submit_error li { margin-bottom: 5px; } .bk_signup-verify label { margin-right: 10px; width: 135px; } .bk_signup-verify input { width: 310px; } .bk_signup-verify .actions { margin-top: 10px; text-align: right; } /** * Beta signup * */ .bk_nli-betasignup .gs { margin: 0 20px 20px; } .bk_nli-betasignup .h { margin-bottom: 10px; border-bottom: 1px solid #e6ede6; } .bk_nli-betasignup .h h2 { } .bk_nli-betasignup .form-row { padding-bottom: 15px; } .bk_nli-betasignup label { margin-right: 15px; padding: 12px 0 0 0; width: 80px; float: left; text-align: right; } .bk_nli-betasignup .ui-textinput { width: 285px; } .bk_nli-betasignup .error { margin-top: 10px; display: block; } .bk_nli-betasignup .actions .ui-button { margin-right: 2px; float: right; } /** * * Invite * */ .bk_invite > .gs { margin: 0 auto; } .bk_invite .h { margin-bottom: 30px; border-bottom: 1px solid #c7ddc7; } .bk_invite .ui-systemnotification { margin-bottom: 15px; } .bk_invite .form { xfloat: right; } .bk_invite .form-row { margin-bottom: 10px; } .bk_invite label { float: left; width: 100px; margin: 7px 10px 0 0; } .bk_invite input { width: 220px; } .bk_invite .ui-textarea { width: 510px; } .bk_invite .ui-textarea textarea { height: 240px; } .bk_invite .emails .ui-textinput { margin-right: -20px; } .bk_invite .emails .ui-textinput input { width: 490px; } .bk_invite .info { margin-left: 115px; font-size: 13px; font-style: italic; } .bk_invite .submit { text-align: right; } .bk_invite .submit_error { color: #ed1c24; } /** * User Datasheet * */ .bk_user-datasheet { } .bk_user-datasheet label { display: inline-block; *display: inline; *zoom: 1; } .bk_user-datasheet .ui-tabs { margin-bottom: 20px; border-bottom: 1px solid #779077; } .bk_user-datasheet .ui-systemnotification { top: -10px; } .bk_user-datasheet .actions { margin-bottom: -10px; text-align: right; } .bk_user-datasheet .checklist { display: none !important; } .bk_user-datasheet .checklist .column { margin-bottom: 20px; border-right: 1px solid #ccc; } .bk_user-datasheet .checklist .last { border-right: none; } .bk_user-datasheet .checklist .column > div { margin-bottom: .6em; } .bk_user-datasheet .checklist label { margin-right: 15px; width: 250px; } .bk_user-datasheet div.avatar { margin-right: 30px; padding-top: 15px; width: 390px; } .bk_user-datasheet div.avatar .img { margin: 0 0 17px 85px; padding: 7px 9px; border: 1px solid #c6ddc9; display: inline-block; *display: inline; *zoom: 1; } .bk_user-datasheet div.avatar .img img { display: block; } .bk_user-datasheet div.avatar .props > div { margin-bottom: 18px; } .bk_user-datasheet div.avatar .props a { margin-bottom: 15px; } .bk_user-datasheet div.avatar label { width: 80px; } .bk_user-datasheet div.avatar .props > div > * { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } .bk_user-datasheet div.avatar .props > div > a { margin-bottom: -1px; } .bk_user-datasheet .personal_data { border-bottom: 1px solid #ccc; margin-bottom: 20px; } .bk_user-datasheet .personal_data.accdeletion { border: 0; } .bk_user-datasheet .personal_data .form { padding-bottom: 20px; } .bk_user-datasheet .personal_data .form.editprofile { width: 520px; } .bk_user-datasheet .personal_data .form.editprofile div { width: auto; } .bk_user-datasheet .personal_data .form-row { margin-bottom: 4px; width: auto; clear: both; } .bk_user-datasheet .personal_data .form-row > * { float: left; } .bk_user-datasheet .personal_data .form-row .ui-textinput { width: 264px; } .bk_user-datasheet .personal_data .form-row .ui-textinput input { *width: 100%; } .bk_user-datasheet .personal_data .form-row .ui-textarea { margin-left: 2px; width: 328px; } .bk_user-datasheet .personal_data .form-row .pub_chk { padding-top: 7px; float: right; } .bk_user-datasheet .personal_data .form-row .pub_chk label { padding-left: 10px; } .bk_user-datasheet .personal_data .form-row > label { padding-top: 7px; width: 190px; } .bk_user-datasheet .personal_data .form-row > div { width: 750px; } .bk_user-datasheet .personal_data .form-row > div label { padding-top: 5px; width: auto; } .bk_user-datasheet .personal_data .form-row select { margin: 7px 5px; } .bk_user-datasheet .personal_data .form-row.doubletext { width: 110%; } .bk_user-datasheet .personal_data .form-row.doubletext .ui-textinput { margin-right: 5px; width: 198px; } .bk_user-datasheet .personal_data .form-row.singletext .ui-textinput { width: 300px; } .bk_user-datasheet .personal_data .form-row.singleselect select { width: 230px; } .bk_user-datasheet .personal_data .accdeletion .ui-button { margin-right: 1px; } .bk_user-datasheet .personal_data .notification { clear: both; margin-top: 40px; } /** * User Messages - List * */ .bk_user-messages { } .bk_user-messages > .span-12 { margin: 0 auto; } .bk_user-messages .h { border-bottom: 1px solid #779077; } .bk_user-messages .h .ui-tabs { margin-top: 6px; float: left; } .bk_user-messages .h .new { float: right; margin-bottom: 6px; } /*.bk_user-messages .b .actions { margin-bottom: 4px; padding: 25px 7px; border-bottom: 1px solid #e6ede6; }*/ .bk_user-messages .actions { margin-right: 10px; float: left; } .bk_user-messages .actions label { margin-right: 6px; font-weight: bold; } .bk_user-messages .actions select { margin-right: 10px; vertical-align: middle; } .bk_user-messages .actions .ui-button { *margin-right: 4px; } .bk_user-messages .b .list { margin-bottom: 20px; border-bottom: 1px solid #c7ddc7; } .bk_user-messages .b .list ul { margin: 4px 0; } .bk_user-messages .b .list li { padding: 10px 18px 10px 45px; border-bottom: 1px solid #f2f6f2; } .bk_user-messages .b .list li.unread { background: #e3eee3 url(icon.user.messages.unread.png) no-repeat 16px center; } .bk_user-messages .b .list li.reply { background: url(icon.user.messages.reply.png) no-repeat 14px center; } .bk_user-messages .b .list li > * { line-height: 1.35em; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } .bk_user-messages .b .list input { margin-right: 30px; } .bk_user-messages .b .list img { margin-right: 20px; display: block; } .bk_user-messages .b .list h3 { margin-bottom: .25em; font-size: 15px; } .bk_user-messages .b .list h4 { font-size: 15px; font-weight: normal; } .bk_user-messages .b .list p { margin: 0; font-size: 13px; } .bk_user-messages .b .list li.unread p { font-weight: bold; } .bk_user-messages .b .list .user__date { margin-right: 20px; width: 140px; } .bk_user-messages .b .list .message { margin-right: 45px; width: 510px; } .bk_user-messages .b .list .message div { margin-bottom: .4em; } .bk_user-messages .b .list .ui-icon { *display: block; } .bk_user-messages .b .list.empty { padding: 20px 0; text-align: center; } /** * User Messages - View * */ .bk_user-messages-view > .span-12 { margin: 0 auto; } .bk_user-messages-view .h { margin-bottom: 20px; border-bottom: 1px solid #779077; } .bk_user-messages-view .h .ui-tabs { margin-top: 6px; float: left; } .bk_user-messages-view .h .new { float: right; margin-bottom: 6px; } .bk_user-messages-view .msg-header { padding: 0 0 15px 190px; border-bottom: 1px solid #ccc; } .bk_user-messages-view .msg-header p { margin-bottom: 10px; } .bk_user-messages-view .msg-header li { float: left; } .bk_user-messages-view .msg-header li .delete { padding-left: 20px; float: left; background: url(icon.cross-small.png) no-repeat left center; } .bk_user-messages-view .list { margin-bottom: 10px; } .bk_user-messages-view .list li { padding: 9px 0 10px; border-bottom: 1px solid #ccc; } .bk_user-messages-view .list .img { margin-right: 10px; float: left; } .bk_user-messages-view .list .user_data { width: 140px; float: left; } .bk_user-messages-view .list .user_data h3 { font-size: 15px; } .bk_user-messages-view .list .user_data h4 { font-size: 13px; font-weight: normal; } .bk_user-messages-view .list .message { margin-left: 190px; font-size: 13px; } .bk_user-messages-view .message_reply { margin-left: 190px; width: 580px; } .bk_user-messages-view .message_reply label { margin-bottom: 8px; display: block; font-weight: bold; } .bk_user-messages-view .message_reply .ui-textarea { margin-bottom: 10px; width: 580px; display: block; } .bk_user-messages-view .message_reply .ui-button { float: right; } /** * Children listing * */ .bk_user-children-list > div { margin: 0 auto; } .bk_user-children-list .c .tabs .ui-tabs { float: left; } .bk_user-children-list .c .tabs .create_new_child { margin-top: 9px; padding: 2px 0 2px 27px; position: relative; float: right; background: url(trn/icon_new_album.png) no-repeat left center; } .bk_user-children-list ul.children { margin-bottom: 15px; width: 110%; } .bk_user-children-list ul.children > li { margin: 14px 14px 0 0; padding-top: 12px; width: 306px; float: left; background: transparent url(bg.user.children.list.rounded_box.png); } .bk_user-children-list ul.children > li > div { padding-bottom: 14px; background: transparent url(bg.user.children.list.rounded_box.png) left bottom; } .bk_user-children-list ul.children > li > div > * { padding: 0 13px; } .bk_user-children-list ul.children .data { height: 120px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e6ede6; } .bk_user-children-list ul.children .img { float: left; } .bk_user-children-list ul.children .props { margin-left: 120px; font-size: 13px; line-height: 1.2em; } .bk_user-children-list ul.children .props h3 { margin-bottom: .3em; line-height: 1.25em; } .bk_user-children-list ul.children .props .edit { margin-top: .4em; font-size: 15px; } .bk_user-children-list ul.children .webpage { margin-bottom: 10px; padding-bottom: 10px; text-align: right; border-bottom: 1px solid #e6ede6; } .bk_user-children-list ul.children .webpage img { margin-bottom: 3px; display: block; } .bk_user-children-list ul.children .webpage .screenshot { margin-bottom: 3px; width: 280px; height: 140px; display: block; } .bk_user-children-list ul.children .webpage .screenshot.no-webpage { background: transparent url(bg.children.no-webpage-top.png) no-repeat top; height: 132px; margin: 0 auto 3px; text-align: center; padding-top: 8px; width: 270px; } .bk_user-children-list ul.children .webpage .screenshot.no-webpage div { background: #c7ddc7 url(bg.children.no-webpage-bottom.png) no-repeat bottom; color: #557555; font-size: 15px; font-weight: bold; height: 100%; width: 270px; } .bk_user-children-list ul.children .webpage .screenshot.no-webpage div p { line-height: normal; margin-bottom: 14px; padding-top: 17px; vertical-align: middle; } .bk_user-children-list ul.children .webpage .screenshot.no-webpage div a { background: url(button.children.no-webpage.png) no-repeat; color: #fff; display: block; height: 34px; line-height: 34px; font-size: 13px; font-weight: bold; margin: 0 auto; width: 164px; } .bk_user-children-list ul.children .webpage .screenshot.no-webpage .user_cannot_edit p { padding-top: 40px; } .bk_user-children-list ul.children .apps li { margin: 5px 5px 0 0; width: 140px; display: inline-block; *display: inline; *zoom: 1; } .bk_user-children-list ul.children .apps .ui-icon { margin-right: 8px; } .bk_user-children-list .js-collapsable { margin-bottom: 10px; } .bk_user-children-list .js-collapsable-controller h3 a { text-decoration: underline; color: #3bbdb1; } .bk_user-children-list .js-collapsable-content { padding: 0 0 15px; border: none; border-bottom: 1px solid #e6ede6; } .bk_user-children-list .new_child input { font-size: 15px; } .bk_user-children-list .new_child label { width: 158px; display: inline-block; *display: inline; *zoom: 1; } .bk_user-children-list .new_child select { margin: 7px 0 15px; } .bk_user-children-list .new_child .first { margin-right: 10px; padding-right: 5px; border-right: 1px solid #e6ede6; } .bk_user-children-list .new_child .row { margin-bottom: 5px; } .bk_user-children-list .new_child .ui-textinput { width: 220px; } .bk_user-children-list .new_child .ui-textarea { margin-left: 2px; } .bk_user-children-list .new_child .ui-textarea textarea { width: 210px; height: 50px; } .bk_user-children-list .new_child .last .avatar-label { padding-top: 8px; float: left; } .bk_user-children-list .new_child .last .avatar-label label { width: auto; } .bk_user-children-list .new_child .last .img { margin-left: 80px; } .bk_user-children-list .new_child .last .img span { margin-bottom: 5px; padding: 8px 10px 12px; display: block; border: 1px solid #c7d7c7; } .bk_user-children-list .new_child .last .img img { display: block; } .bk_user-children-list .new_child .last .img a { text-decoration: underline; } .bk_user-children-list .new_child .actions { clear: both; text-align: right; } /** * Children view * */ .bk_user-children-view .h { margin-bottom: 15px; border-bottom: 1px solid #e6ede6; } .bk_user-children-view .h h2 { float: left; } .bk_user-children-view .h a { margin-top: 13px; padding: 4px 0 4px 26px; float: right; text-decoration: underline; background: url(icon.edit.png) no-repeat left center; } .bk_user-children-view .column.left { border-right: 1px solid #e6ede6; } .bk_user-children-view .column.right { padding-left: 15px; } .bk_user-children-view .child { margin-right: 20px; width: 300px; float: left; } .bk_user-children-view .child .data { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e6ede6; } .bk_user-children-view .child .img { margin-left: 10px; float: left; } .bk_user-children-view .child .text { margin-left: 125px; } .bk_user-children-view .child h3 { line-height: 1.2em; color: #3bbcaf; } .bk_user-children-view .child li { margin: 0; font-size: 13px; line-height: 1.2em; } .bk_user-children-view .child .webshot { margin-bottom: 13px; padding: 0 10px 10px; text-align: right; border-bottom: 1px solid #e6ede6; } .bk_user-children-view .child .webshot img { margin: 0 auto 2px; display: block; } .bk_user-children-view .webpage { margin-bottom: 10px; padding-bottom: 10px; text-align: right; border-bottom: 1px solid #e6ede6; } .bk_user-children-view .webpage img { margin-bottom: 3px; display: block; } .bk_user-children-view .webpage .screenshot { margin: 0 auto 3px; width: 280px; height: 140px; display: block; } .bk_user-children-view .webpage .screenshot.no-webpage { background: transparent url(bg.children.no-webpage-top.png) no-repeat top; height: 132px; margin: 0 auto 3px; text-align: center; padding-top: 8px; width: 270px; } .bk_user-children-view .webpage .screenshot.no-webpage div { background: #c7ddc7 url(bg.children.no-webpage-bottom.png) no-repeat bottom; color: #557555; font-size: 15px; font-weight: bold; height: 100%; width: 270px; } .bk_user-children-view .webpage .screenshot.no-webpage div p { line-height: normal; margin-bottom: 14px; padding-top: 17px; vertical-align: middle; } .bk_user-children-view .webpage .screenshot.no-webpage div a { background: url(button.children.no-webpage.png) no-repeat; color: #fff; display: block; height: 34px; line-height: 34px; font-size: 13px; font-weight: bold; margin: 0 auto; width: 164px; } .bk_user-children-view .webpage .screenshot.no-webpage .user_cannot_edit p { padding-top: 40px; } .bk_user-children-view .webpage .edit { margin: 0 auto; width: 270px; } .bk_user-children-view .child .apps li { margin: 0 0 5px 20px; width: 130px; float: left; } .bk_user-children-view .child .apps .ui-icon { margin-right: 10px; } .bk_user-children-view .relatives { margin-right: 15px; width: 190px; float: left; } .bk_user-children-view .relatives.parents { width: 170px; float: left; } .bk_user-children-view .relatives h4 { margin-bottom: 10px; padding: 0 0 8px; border-bottom: 1px solid #c7d7c7; } .bk_user-children-view .relatives li { margin-bottom: 10px; width: 100%; overflow: hidden; } .bk_user-children-view .relatives img { float: left; } .bk_user-children-view .relatives div { margin-left: 50px; } .bk_user-children-view .relatives p { margin: 0; font-size: 13px; } .bk_user-children-view .actions { width: 210px; float: left; text-align: right; } .bk_user-children-view .actions .ui-button strong { margin-bottom: 10px; width: 170px; text-align: left; } .bk_user-children-view .actions li { display: none; } .bk_user-children-view .actions .sendMessage, .bk_user-children-view .actions.marked .disagreeFriend, .bk_user-children-view .actions.marked .acceptFriend, .bk_user-children-view .actions.marked .acceptChild, .bk_user-children-view .actions.foreign .addFriend, .bk_user-children-view .actions.foreign .report, .bk_user-children-view .actions.friend .removeFriend { display: block; } /** * Child edit * */ .bk_user-children-edit .ui-tabs { margin-bottom: 18px; border-bottom: 1px solid #779077; } .bk_user-children-edit .ui-form { margin-bottom: 20px; } .bk_user-children-edit .ui-form .ui-textinput { width: 185px; } .bk_user-children-edit .ui-form label { width: 160px; display: inline-block; *display: inline; *zoom: 1; } .bk_user-children-edit .ui-form select { margin: 7px 0 15px; } .bk_user-children-edit .ui-form textarea { *width: 181px; } .bk_user-children-edit .ui-form .ui-textarea-tr, .bk_user-children-edit .ui-form .ui-textarea-br { *left: 176px; } .bk_user-children-edit .ui-form .row { margin-bottom: 5px; } .bk_user-children-edit .ui-form .first { margin-bottom: 20px; } .bk_user-children-edit .ui-form .first .avatar-label { padding-top: 8px; display: inline-block; *display: inline; *zoom: 1; } .bk_user-children-edit .ui-form .first .avatar-label label { width: 80px; } .bk_user-children-edit .ui-form .first .img { vertical-align: bottom; display: inline-block; *display: inline; *zoom: 1; } .bk_user-children-edit .ui-form .first .img span { margin-bottom: 5px; padding: 8px 10px 12px; display: block; border: 1px solid #c7d7c7; } .bk_user-children-edit .ui-form .first .img img { display: block; } .bk_user-children-edit .ui-form .last { float: right; width: 420px; } .bk_user-children-edit .actions { clear: both; padding-top: 20px; text-align: right; border-top: 1px solid #ccc; } .bk_user-children-edit .actions a.deleteChildren { float: left; margin-left: 85px; color: red; } .bk_user-children-edit .actions a.notMyChild { float: left; margin-left: 85px; } .opera .bk_user-children-edit .ui-form label, .opera .bk_user-children-list .new_child label { vertical-align: top; } /** * Child media * */ .bk_user-children-media .ui-tabs { margin-bottom: 18px; border-bottom: 1px solid #779077; } .bk_user-children-media h3 { margin-bottom: 13px; } .bk_user-children-media .ui-button { margin-bottom: 10px;} /** * Child website editor * */ .bk_user-children-site .ui-tabs { border-bottom: 1px solid #779077; } .bk_user-children-site h3 { margin-bottom: 13px; } /** * Children relatives * */ .bk_user-children-relatives .ui-tabs { margin-bottom: 20px; border-bottom: 1px solid #779077; } .bk_user-children-relatives .text.column p { font-size: 13px; line-height: 1.2em; } .bk_user-children-relatives .search.column { margin-right: 10px; width: 235px; } .bk_user-children-relatives .search.column .searchinput { margin-bottom: 15px; position: relative; } .bk_user-children-relatives .search.column .searchinput .ui-icon { top: 5px; right: 10px; position: absolute; z-index: 2; } .bk_user-children-relatives .search.column .results { height: 236px; overflow: auto; } .bk_user-children-relatives .search.column .js-inner_label { line-height: 16px; } .bk_user-children-relatives .search.column .js-inner_label label { padding: 7px 0 0 10px; z-index: 1; outline: 1px dotted #0f0; } .bk_user-children-relatives .search.column .js-inner_label .ui-textinput { width: 225px; height: 25px; } .bk_user-children-relatives .search.column li { padding: 7px 10px 7px 7px; border-bottom: 1px solid #c6ddc9; } .bk_user-children-relatives .search.column li:hover { background-color: #bfd9c0; } .bk_user-children-relatives .search.column li > div { background: transparent url(icon.arrow.right.png) no-repeat right 3px; } .bk_user-children-relatives .search.column .img { margin: 0 10px 0 0; float: left; } .bk_user-children-relatives .search.column h4 { padding: 0; } .bk_user-children-relatives .search.column p { margin-bottom: 0; font-size: 13px; } .bk_user-children-relatives .pending.column { margin-right: 15px; width: 220px; font-size: 13px; } .bk_user-children-relatives .pending.column ul { height: 251px; overflow: auto; } .bk_user-children-relatives .pending.column h3 { margin-bottom: 0; padding: 6px 0; border-bottom: 1px solid #c6ddc9; } .bk_user-children-relatives .pending.column.last { margin-right: 0; } .bk_user-children-relatives .pending.column li { padding: 9px 5px 5px 0; border-bottom: 1px solid #c6ddc9; } .bk_user-children-relatives .pending.column .data { margin-bottom: 3px; } .bk_user-children-relatives .pending.column .data p { margin: 0; } .bk_user-children-relatives .pending.column .ui-icon { float: right; } .bk_user-children-relatives .pending.column h4 { font-size: 15px; } .bk_user-children-relatives .pending.column .img { margin-right: 10px; float: left; } .bk_user-children-relatives .pending.column .actions { text-align: right; font-size: 12px; } .bk_user-children-relatives .pending.column .actions span { float: left; text-align: left; } #search_results div.actions, #search_results a.cross, .searchData { display: none ;} /** * Search Results * */ .bk_search-results h2 { float: left; } .bk_search-results .h { margin-bottom: 5px; } .bk_search-results .h div { margin-top: 10px; float: right; } .bk_search-results .actions { margin-bottom: 8px; } .bk_search-results .actions p { margin: 3px 0 0 0; float: left; } .bk_search-results .actions input { width: 200px; } .bk_search-results .actions button { *vertical-align: middle; } .bk_search-results .actions .narrow { float: right; } .bk_search-results .actions .narrow label { margin-right: 8px; } .bk_search-results .ui-pager { margin-bottom: 10px; padding: 10px 0; border-top: 1px solid #e6ede6; } .bk_search-results .ui-pager.t { margin-bottom: 20px; border-bottom: 1px solid #e6ede6; } .bk_search-results .section .sh { margin: 0 0 10px 80px; border-bottom: 1px solid #e6ede6; } .bk_search-results .section .sh h3 { float: left; font-weight: normal; } .bk_search-results .section .sh div { float: right; font-size: 18px; } .bk_search-results .section .more { text-align: right; } .bk_search-results .people.section { margin-bottom: 25px; } .bk_search-results .people.section ul { margin-left: 80px; } .bk_search-results .people.section li { margin-right: 10px; margin-bottom: 10px; width: 230px; overflow: hidden; float: left; } .bk_search-results .people.section .img { margin-right: 20px; float: left; } .bk_search-results .people.section p { font-size: 13px; } .bk_search-results .forum.section { margin-bottom: 35px; } .bk_search-results .forum.section .ui-forum_bubble { margin: 5px 0 0 10px; float: left; } .bk_search-results .forum.section .data { margin-left: 80px; } .bk_search-results .forum.section h4 { font-weight: normal; } .bk_search-results .forum.section h4 a { font-weight: bold; } .bk_search-results .forum.section p { font-size: 13px; line-height: 1.2em; } .bk_search-results .competitions.section .img { float: left; } .bk_search-results .competitions.section .data { margin-left: 80px; } .bk_search-results .competitions.section p { font-size: 13px; } .bk_search-advanced-results li { float: left; height: 100px; width: 100px; margin-bottom: 10px; text-align: center; } .bk_search-advanced-results li .avatar { margin-bottom: 5px; } .bk_search-advanced-results .browse_fields { padding-top: 5px; } .bk_search-advanced-results .browse_fields label { font-weight: bold; margin-top: 5px; display: block; } .bk_search-advanced-results .browse_fields ul { margin-top: 10px; } .bk_search-advanced-results .browse_fields li { float: none; height: auto; width: auto; text-align: left; } .bk_search-advanced-results .browse_fields input[type="checkbox"] { vertical-align: 0; } .bk_search-advanced-results .browse_fields li label { font-weight: normal; display: inline; } .bk_search-advanced-results .span-9.column p { margin-bottom: 0; } .bk_search-advanced-results .pager { border-top: 1px solid #e6ede6;padding: 10px 0 10px 0;width: 700px;text-align: center;clear: both;} .bk_search-advanced-results .pager.top { border-top: 0; border-bottom: 1px solid #e6ede6; } .bk_search-advanced-results .pager .left { background: transparent; float: left; } .bk_search-advanced-results .pager .right { background: transparent; float: right; } .bk_search-advanced-results .pager .active { padding: 3px 8px 3px 8px; background: #557455; color: #fff;} .bk_search-advanced-results .pager .center a { padding: 0 5px 0 5px;} .bk_search-advanced-results .pager .disabled { display: none; } /** * Search Results * */ .bk_user-home { } .bk_user-home h2 { margin-bottom: 20px; } .bk_user-home h3 { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #c7ddc7; } .bk_user-home .column { width: 460px; } .bk_user-home ul.things li { margin-bottom: 15px; padding-bottom: 8px; border-bottom: 1px solid #ecf1ec; } .bk_user-home ul.things li > a { float: left; } .bk_user-home ul.things li > a img { display: block; } .bk_user-home ul.things .text { margin-left: 50px; line-height: 1em; } .bk_user-home ul.things .text .props { margin-bottom: 5px; width: 100%; overflow: hidden; } .bk_user-home ul.things .text .props .l { float: left; font-size: 13px; } .bk_user-home ul.things .text .props a.user { text-decoration: underline; } .bk_user-home ul.things .text .props .time { float: right; font-size: 13px; color: #c7ddc7; } .bk_user-home ul.things .text p { margin: .3em 0 0; line-height: 1.2em; font-size: 13px; } .bk_user-home ul.things .photos { margin: 5px 0; width: 100%; overflow: hidden; } .bk_user-home ul.things .photos img { margin-right: 7px; } .bk_user-home ul.things .photos .count { font-size: 13px; font-weight: normal; } .bk_user-home .messages .form { margin-bottom: 20px; } .bk_user-home .messages .form .ui-textinput { float: left; width: 350px; } .bk_user-home .messages .form .ui-button { margin-top: 2px; float: right; width: 100px; } .bk_user-home .more { text-align: right; } .bk_user-home .ui-button, .bk_user-home .ui-switchbutton { margin-bottom: 5px; } .bk_user-home .contribute { margin-bottom: 25px; overflow: hidden; } .bk_user-home .contribute > div { width: 110%; } .bk_user-home .contribute .ui-button { margin-right: 5px; float: left; width: 227px; } .bk_user-home .feed .controls { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #f2faf2; } .bk_user-home .feed .all { margin-right: 15px; float: left; height: 30px; } /** * User Friends list * */ .bk_user-friends-list > .gs { margin: 0 auto; } .bk_user-friends-list .h { margin-bottom: 10px; border-bottom: 1px solid #779077; } .bk_user-friends-list .h .l { float: left; } .bk_user-friends-list .h .r { float: right; position: relative; } .bk_user-friends-list .h .ui-tabs { margin-right: 10px; display: inline-block; *display: inline; *zoom: 1; vertical-align: bottom; } .bk_user-friends-list .h .js-inner_label label { padding: 3px 12px; } .bk_user-friends-list .h .js-inner_label input { width: 255px; } .bk_user-friends-list .h .js-inner_label button { right: 8px; top: 4px; position: absolute; z-index: 2; } .bk_user-friends-list .h .js-inner_label button:hover { opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);} .bk_user-friends-list .h .l > a { margin-bottom: 4px; vertical-align: baseline; text-decoration: underline; display: inline-block; *display: inline; *zoom: 1; } .bk_user-friends-list .b { margin-bottom: 10px; padding-top: 10px; overflow: hidden; border-top: 1px solid #c7ddc7; max-height: 650px; position: relative; } .bk_user-friends-list .b ul { margin-bottom: 10px; width: 110%; overflow: hidden; } .bk_user-friends-list .b li { margin: 0 16px 17px 0; padding-top: 11px; float: left; background: transparent url(bg.user.friends.list-item.png); } .bk_user-friends-list .b li > div { padding: 0 11px 3px; width: 440px; height: 100px; overflow: hidden; background: transparent url(bg.user.friends.list-item.png) left bottom; } .bk_user-friends-list .b li img { margin-right: 20px; float: left; } .bk_user-friends-list .b li .actions { width: 160px; float: right; } .bk_user-friends-list .b li .actions .ui-button { margin: 0 0 10px -12px; } .bk_user-friends-list .b li .actions .ui-button span { width: 155px; } .bk_user-friends-list .b li .props { width: 190px; float: left; font-size: 13px; } .bk_user-friends-list .b li h3 { margin-bottom: .2em; font-size: 15px; font-weight: normal; } .bk_user-friends-list .b li .children { margin-top: 2px; } .bk_user-friends-list span.searchData { display:none; } .bk_user-friends-list .ui-pager { margin-left: 15px; } .bk_user-friends-list .ui-pager a { border: 1px solid #567556; padding: 2px 5px 2px 7px; } .bk_user-friends-list .ui-pager a.disabled { border: 1px solid #CCCCCC; cursor: default; } .bk_user-friends-list .ui-pager a.disabled:hover { background: none; color: #3BBCAF; } /** * User Friends view * */ .bk_user-invited { } .bk_user-invited > .gs { margin: 0 auto; } .bk_user-invited .h { margin-bottom: 10px; } .bk_user-invited .h h2 { float: left; } .bk_user-invited .h .ui-button { margin-top: 5px; float: right; } .bk_user-invited .actions { margin-bottom: 20px; } .bk_user-invited .actions .l { float: left; } .bk_user-invited .actions .l select { margin-right: 10px; width: 170px; } .bk_user-invited .actions .r { float: right; } .bk_user-invited .actions > div > * { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } .bk_user-invited .list { margin-bottom: 10px; border-top: 1px solid #e6ede6; } .bk_user-invited .list li { padding: 10px; font-size: 13px; border-bottom: 1px solid #f2faf2; } .bk_user-invited .list li > * { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } .bk_user-invited .list input[type="checkbox"] { margin-right: 15px; } .bk_user-invited .list h3 { margin: 0; font-size: 15px; } .bk_user-invited .list h4 { font-size: 13px; font-weight: normal; } .bk_user-invited .list .user { margin-right: 10px; width: 150px; } .bk_user-invited .list .props { margin-right: 10px; width: 400px; } .bk_user-invited .list .props div { font-weight: bold; font-size: 15px; } .bk_user-invited .list p { margin: 0; } .bk_user-invited .list .reminder { width: 180px; } /** * Upload - select child * */ .bk_media-upload-select_target ul { margin-bottom: 20px; } .bk_media-upload-select_target li a { margin-bottom: 10px; padding: 10px; float: left; border: 1px solid #fff; color: #527655; } .bk_media-upload-select_target li a.selected { border: 1px solid #3bbdb1; } .bk_media-upload-select_target li a > * { display: block; } .bk_media-upload-select_target li a img { margin-bottom: 10px; } .bk_media-upload-select_target li a span { margin-bottom: 5px; } /** * User Questions * */ .bk_user-questions .ch { margin-bottom: 10px; padding-bottom: 15px; width: 100%; overflow: hidden; border-bottom: 1px solid #e8f2ec; } .bk_user-questions .ch h3 { margin: 0; } .bk_user-questions .ch select { margin: 0; } .bk_user-questions .list { margin-right: 20px; width: 620px; } .bk_user-questions .list .ch h3 { float: left; } .bk_user-questions .list .ch select { float: right; } .bk_user-questions .list ul { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #c6ddc9; } .bk_user-questions .list li { margin-bottom: 7px; border-bottom: 1px solid #f3f5f4; } .bk_user-questions .list h4 { margin-bottom: .2em; } .bk_user-questions .list p { margin-bottom: 1em; font-size: 13px; } .bk_user-questions .form { width: 300px; } .bk_user-questions .form .row { margin-bottom: 10px; width: 100%; overflow: hidden; } .bk_user-questions .form label { margin-top: 3px; width: 80px; float: left; font-weight: bold; } .bk_user-questions .form select { width: 220px; } .bk_user-questions .form .ui-textinput { width: 220px; } .bk_user-questions .form textarea { width: 200px; } .bk_user-questions .form .brief textarea { height: 70px; } .bk_user-questions .form .full textarea { height: 150px; } .bk_user-questions .form .submit { text-align: right; } /** * Template chooser * */ .bk_website-template_chooser-view .h { margin-bottom: 15px; width: 100%; overflow: hidden; } .bk_website-template_chooser-view .h h3 { float: left; } .bk_website-template_chooser-view .h div { float: right; } .bk_website-template_chooser-view .h div > * { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } .bk_website-template_chooser-view .h div strong { font-weight: bold; } .bk_website-template_chooser-view .img { margin-bottom: 15px; } .bk_website-template_chooser-view .props { width: 355px; float: left; } .bk_website-template_chooser-view .props .cfx h3 { margin-bottom: 3px; float: left; } .bk_website-template_chooser-view .props .cfx div { float: right; font-size: 18px; font-weight: bold; color: #c7ddc7; } .bk_website-template_chooser-view .props p { font-size: 13px; } .bk_website-template_chooser-view .actions { float: right; } /** * Music * */ .bk_media-music { } .bk_media-music .list { margin-right: 20px; width: 625px; float: left; } .bk_media-music .list .lh { margin-bottom: 10px; padding-bottom: 10px; width: 100%; overflow: hidden; border-bottom: 1px solid #e6ede6; } .bk_media-music .list .lh p { margin: 0; float: left; } .bk_media-music .list .lh div { float: right; } .bk_media-music .list table { width: 625px; } .bk_media-music .list td { padding: 6px 5px; vertical-align: middle; text-align: left; } .bk_media-music .list td.no { padding-left: 11px; width: 32px; } .bk_media-music .list td.controls { padding-right: 11px; width: 231px; } .bk_media-music .list .active td { padding: 5px; border-top: 1px solid #c7ddc7; border-bottom: 1px solid #c7ddc7; } .bk_media-music .list .active td.no { padding-left: 11px; border-left: 1px solid #c7ddc7; } .bk_media-music .list .active td.title { width: 268px; } .bk_media-music .list .active td.controls { padding-right: 11px; border-right: 1px solid #c7ddc7; } .bk_media-music .control { width: 26px; height: 24px; display: block; float: left; text-indent: -1000px; background: url(icons.media.music.controls.png); } .bk_media-music .control.up { margin-right: 4px; background-position: left top; } .bk_media-music .control.down { margin-right: 18px; background-position: left -50px; } .bk_media-music .control.delete { background-position: left -100px; } .bk_media-music .flashcontrol { margin-right: 21px; width: 110px; height: 24px; float: left; background-color: #DDD; } .bk_media-music .options { width: 290px; float: left; } .bk_media-music .options h3 { margin-bottom: 1.5em; font-size: 15px; } /** * Public Questions * */ /*.bk_user-questions-public .gs { margin: 0 auto; } .bk_user-questions-public h2 { margin-bottom: 10px; padding: 0; } .bk_user-questions-public .h { margin-bottom: 15px; } .bk_user-questions-public .h .t { margin-bottom: 25px; padding-top: 10px; } .bk_user-questions-public .h .l { float: left; } .bk_user-questions-public .h .r { float: right; } .bk_user-questions-public .section { margin-bottom: 20px; } .bk_user-questions-public .section .sh { margin-bottom: 10px; padding-left: 80px; border-bottom: 1px solid #e6ede6; } .bk_user-questions-public .section .sh div { font-size: 13px; } .bk_user-questions-public .section .sb img { float: left; } .bk_user-questions-public .section .sb .text { margin-left: 80px; } .bk_user-questions-public .section .sb ul.act li { margin-right: 20px; display: inline; font-size: 11px; } .bk_user-questions-public .section .sb ul.act li a { text-decoration: underline; } .bk_user-questions-public .section .sb h4 { margin-bottom: 10px; } .bk_user-questions-public .section .sb h4 span { margin-left: 5px; font-weight: normal; color: #c7ddc7; } .bk_user-questions-public .section.answer p { font-size: 13px; } .bk_user-questions-public .rating { margin-left: 80px; padding-top: 15px; } .bk_user-questions-public .rate { margin-right: 5px; width: 60px; height: 30px; display: block; float: left; color: #fff; background: transparent url(bg.rate-updown.png); } .bk_user-questions-public .rate.down { background-position: left bottom; } .bk_user-questions-public .rate strong { padding-left: 5px; padding-top: 9px; display: block; } .bk_user-questions-public .rate span { display: none; }*/ /** * Upload / trn csinalta * */ .pnl-upload p { margin-bottom: .8em; } .pnl-upload .centerbig{font-size:24px !important;text-align:center;} .pnl-upload a.register{background:url(trn/upload_regbutton.png) 0 0 no-repeat;width:330px;height:60px;display:block;color:#fff;font-size:18px;text-align:center;line-height:60px;text-shadow:0px 1px 1px #000;margin:0 auto 20px auto;} .pnl-upload .molekula{ margin-bottom: 10px; height: 40px; width:100%;text-align:center;} .pnl-upload .bigbox{background:url(trn/uploader_bg_side.png) 0 0 repeat-y; width:566px; xheight:416px; padding: 0px 20px 20px; margin:0px 0 0px 0;} .pnl-upload .bigbox-top { margin: 0 0 20px; background: url(trn/uploader_bg_top.png) no-repeat; width: 606px; padding-top:8px; } .pnl-upload .bigbox-bottom { background: url(trn/uploader_bg_bottom.png) no-repeat bottom; width: 606px; padding-bottom: 8px; } .pnl-upload .percentager{margin: 5px 0 0 0;width:560px;height:80px;position:relative;} .pnl-upload .percentager .overlay{width:560px;height:40px;position:absolute;top:0px;left:0;background:url(trn/percentager.png) 0 20px no-repeat;z-index:5;} .pnl-upload .percentager .overlay .pos1{position:absolute;top:0;left:0;} .pnl-upload .percentager .overlay .pos2{position:absolute;top:0;left:135px;} .pnl-upload .percentager .overlay .pos3{position:absolute;top:0;left:265px;} .pnl-upload .percentager .overlay .pos4{position:absolute;top:0;left:406px;} .pnl-upload .percentager .overlay .pos5{position:absolute;top:0;right:0;} .pnl-upload .content{position:absolute;top:20px;width:560px;height:20px;left:0;border-collapse:collapse;margin:0;padding:0;background:url(trn/percentager.png) 0 -20px no-repeat;z-index:3;} .pnl-upload .content span{display:block;float:left;height:20px;position:absolute} .pnl-upload .content span.uploaded{z-index:4} .pnl-upload .content span.nowUploading{z-index:3} .pnl-upload .content .uploaded{background:url(trn/percentager.png) 0 -40px no-repeat;} .pnl-upload .content .nowuploading{background:url(trn/percentager.png) right -61px no-repeat;} .pnl-upload .percentager .legend{position:absolute;top:50px;left:0;width:560px;height:20px;background:url(trn/percentager.png) 0 -90px no-repeat;} .pnl-upload .legend .type0{position:absolute;left:145px;top:3px;} .pnl-upload .legend .type1{position:absolute;left:283px;top:3px;} .pnl-upload .legend .type2{position:absolute;left:450px;top:3px;} .pnl-upload p.center{width:100%;display:block;height:15px;text-align:center;font-weight:bold;} .pnl-upload .filelist{width:560px;border:1px solid #c7ddc7;} .pnl-upload .filelist h4{padding:10px;} .pnl-upload .filelist h4 span{float:right;margin-right:65px;} .pnl-upload .thelist{width:560px;height:93px;overflow-y:scroll;} .pnl-upload .thelist .row{width:100%;line-height:30px;height:30px;margin-bottom:1px;position:relative;} .pnl-upload .thelist .finished{background:#c7ddc7;font-weight:bold;} .pnl-upload .thelist .active{width:100%;line-height:30px;height:30px;position:relative;background:#dfe7df;} .pnl-upload .thelist .row .col1{position:absolute;left:10px;height:30px;z-index:2;} .pnl-upload .thelist .row .col2{z-index:2;position:absolute;right:60px;top:0;font-weight:normal;} .pnl-upload .thelist .row .col3{z-index:2;position:absolute;right:20px;top:5px;} .pnl-upload .thelist .row .col3 a.cancel{display:block; background:url(icon.cross-small.png) no-repeat; width: 15px; height: 15px;} .pnl-upload .thelist .row.finished .col3 a.cancel{background:url(trn/icon_ok.png) no-repeat; width: 18px; height: 13px;} .pnl-upload .thelist .row.active .col3 a.cancel{background:url(spinner15.gif) no-repeat center center; width: 18px; height: 18px;} .pnl-upload .thelist .row .under{background-color:#c7ddc7;position:absolute;top:0;left:0;z-index:1;height:30px;} .pnl-upload .info{width:560px;margin:10px 0 0 0;text-align:left;} .pnl-upload .info .righter{float:right;font-weight:bold;} .pnl-upload .info .lefter{float:left;font-weight:bold;} #flashUploader {margin-bottom: -10px;} .pnl-upload .info .lefter .buttoner{margin-left:20px;} .pnl-upload .boxer{width:100%;display:table;margin:0;padding:0;} .pnl-upload .boxer h3{margin-top:0;padding-top:0;} .pnl-upload .boxer div{width:150px;float:left;} .pnl-upload .boxer .col2{border-left:1px solid #c7ddc7;padding-left:20px;} .pnl-upload .boxer label{display:block;} .pnl-upload .boxer label input{margin-right:10px;} .pnl-upload .boxer label.sub{margin-left:20px;} .pnl-upload .boxer label.active{font-weight:bold;} .pnl-upload .goright{display:block;float:right;margin:0 10px 10px 0;} .pnl-upload .scrollable { float: left; position: relative; overflow: hidden; height: 240px; width: 680px; } .pnl-upload .selecta { width: 200000em; position: absolute; } .pnl-upload .selecta li { float: left; border: 1px solid white; display: block; padding: 9px; margin-right: 9px; width: 140px; height: 200px; } .pnl-upload a.browse { margin-top: 90px; } .pnl-upload .overflow { overflow: hidden; width: 100%; } .pnl-upload .selecta span { display: block; margin: 10px 0 0 0;} .pnl-upload .selecta .selected { border: 1px solid #3bbcaf; font-weight: bold;} .pnl-upload .crossroads { float: right; display: block; margin: 10px 10px 10px 0;} .pnl-upload .crossroads .ui-button { *margin-left: 4px; } .pnl-upload .queue { display: none; } .pnl-upload .boxer .col2 {border-left:1px solid #C7DDC7;padding-left:20px;} .pnl-widget-album-browse textarea { *width: 241px; *position: relative; *left: -10px; } .pnl-widget-album-browse .ui-button { *margin-left: 4px; } /* JS uploader */ .pnl-upload #addFileButton { display: none; } /** * Lost pass reset * */ .bk_lostpass-reset .form-row label { float: left; line-height: 32px; width: 170px; } .bk_lostpass-reset .form .submit { margin: 10px 70px 0 0; text-align: right; } /** * Upgrade your browser * */ .bk_nli-upgrade a { color: #3dbbb0 !important; } .bk_nli-upgrade ul { list-style: none; } .bk_nli-upgrade ul li { font-size: 13px; float: left; height: 114px; width: 144px; margin: 0 9px 10px 0; text-align: center; } .bk_nli-upgrade ul li a { color: #577456 !important; display: block; height: 22px; width: 142px; padding-top: 90px; } .bk_nli-upgrade ul li#firefox { background: url(browser.firefox.jpg); } .bk_nli-upgrade ul li#ie { background: url(browser.ie.jpg); } .bk_nli-upgrade ul li#chrome { background: url(browser.chrome.jpg); } .bk_nli-upgrade ul li#safari { background: url(browser.safari.jpg); } .bk_nli-upgrade ul li#opera { background: url(browser.opera.jpg); } /** * * TOUR * ***/ #tourwrapper { width: 960px; margin: 10px 0 0 10px; } #tourmenu { width: 960px; height: 52px; background: url(trn/tour_menu_bg.png) 0 0 no-repeat; margin: 0; padding: 0; } #tourmenu li { float: left; display: block; width: 140px; height: 52px; padding: 5px 10px 0 10px; background: url(trn/tour_seperator.png) 0 center no-repeat; } #tourmenu li a { display: block; text-align: center; height: 48px; font-size: 12px; color: #148c80; padding: 5px 0 0 0; } #tourmenu li a.active, #tourmenu li a:hover { background: url(trn/tour_active.png) 0 0 no-repeat; color: #3b523b; } #tourmenu li a.active span, #tourmenu li a:hover span{ float: right; width: 9px; height: 48px; background: url(trn/tour_active_end.png) top right no-repeat; margin: -5px 0 0 -9px; } #tourcontent { width: 750px; margin: 30px auto 0 auto; } #tourcontent p { font-size: 16px; } #tourcontent .imagewrapper { width: 780px; padding: 15px 15px 20px 15px; background: url(trn/tour_imagebg.png) bottom left no-repeat; margin: 20px 0 20px -15px; } #tourcontent ul { list-style-type: disc; margin-left: 10px; } #tourfooter { width: 750px; margin: 30px auto 0 auto; text-align: center; } #tourfooter p a { font-size: 18px; } #tourwrapper hr { border: 0; border-bottom: 1px solid #d8ead8; margin: 20px 0 20px 0; } #confirm_panel_content ul.skippedFiles li { display: block; float: left; width: 100px; font-size: 12px; font-weight: bold; padding: 5px 10px; overflow: hidden; white-space: nowrap; } #confirm_panel .actions { clear: both; } #uploadQueueSample { display:none; } /* AUTOSUGGEST DIV */ div.autosuggest { position: absolute; background-image: url(../images/as_pointer.gif); background-position: top; background-repeat: no-repeat; padding: 10px 0 0 0; font-family: Lucida Grande, Arial, sans-serif; font-size: 10px; z-index: 1000; } div.autosuggest div.as_header, div.autosuggest div.as_footer { position: relative; height: 6px; padding: 0 6px; background-image: url(../images/ul_corner_tr.gif); background-position: top right; background-repeat: no-repeat; overflow: hidden; } div.autosuggest div.as_footer { background-image: url(../images/ul_corner_br.gif); } div.autosuggest div.as_header div.as_corner, div.autosuggest div.as_footer div.as_corner { position: absolute; top: 0; left: 0; height: 6px; width: 6px; background-image: url(../images/ul_corner_tl.gif); background-position: top left; background-repeat: no-repeat; } div.autosuggest div.as_footer div.as_corner { background-image: url(../images/ul_corner_bl.gif); } div.autosuggest div.as_header div.as_bar, div.autosuggest div.as_footer div.as_bar { height: 6px; overflow: hidden; background-color: #333; } div.autosuggest ul { list-style: none; margin: 0 0 -4px 0; padding: 0; overflow: hidden; background-color: #333; } div.autosuggest ul li { color: #ccc; padding: 0; margin: 0 4px 4px; text-align: left; } div.autosuggest ul li a { color: #ccc; display: block; text-decoration: none; background-color: transparent; text-shadow: #000 0px 0px 5px; position: relative; padding: 0; width: 100%; } div.autosuggest ul li a:hover { background-color: #444; } div.autosuggest ul li.as_highlight a:hover { background-color: #1B5CCD; } div.autosuggest ul li a span { display: block; padding: 3px 6px; font-weight: bold; } div.autosuggest ul li a span small { font-weight: normal; color: #999; } div.autosuggest ul li.as_highlight a span small { color: #ccc; } div.autosuggest ul li.as_highlight a { color: #fff; background-color: #1B5CCD; background-image: url(../images/hl_corner_br.gif); background-position: bottom right; background-repeat: no-repeat; } div.autosuggest ul li.as_highlight a span { background-image: url(../images/hl_corner_bl.gif); background-position: bottom left; background-repeat: no-repeat; } div.autosuggest ul li a .tl, div.autosuggest ul li a .tr { background-image: transparent; background-repeat: no-repeat; width: 6px; height: 6px; position: absolute; top: 0; padding: 0; margin: 0; } div.autosuggest ul li a .tr { right: 0; } div.autosuggest ul li.as_highlight a .tl { left: 0; background-image: url(../images/hl_corner_tl.gif); background-position: bottom left; } div.autosuggest ul li.as_highlight a .tr { right: 0; background-image: url(../images/hl_corner_tr.gif); background-position: bottom right; } div.autosuggest ul li.as_warning { font-weight: bold; text-align: center; } div.autosuggest ul em { font-style: normal; color: #6EADE7; } div.autosuggest img { vertical-align: middle; margin-right: 5px; }