/* * ------------------------------- * typography * ------------------------------- */ @font-face { font-family: 'ChunkFiveRegular'; src: url('../fonts/Chunkfive.eot'); src: local('ChunkFive Regular'), local('ChunkFive'), url('../fonts/Chunkfive.woff') format('woff'), url('../fonts/Chunkfive.otf') format('opentype'), url('../fonts/Chunkfive.svg#ChunkFive') format('svg'); } @font-face { font-family: 'WCManoNegraBtaRegular'; src: url('../fonts/WCManoNegraBta.eot'); src: local('WC Mano Negra Bta'), local('WCManoNegraBta'), url('../fonts/WCManoNegraBta.woff') format('woff'), url('../fonts/WCManoNegraBta.ttf') format('truetype'), url('../fonts/WCManoNegraBta.svg#WCManoNegraBta') format('svg'); } @font-face { font-family: 'WCManoNegraBtaBold'; src: url('../fonts/WCManoNegraBoldBta.eot'); src: local('WC Mano Negra Bta'), local('WCManoNegraBta'), url('../fonts/WCManoNegraBoldBta.woff') format('woff'), url('../fonts/WCManoNegraBoldBta.ttf') format('truetype'), url('../fonts/WCManoNegraBoldBta.svg#WCManoNegraBta-Bold') format('svg'); } /* --- Typography ------------ */ body, form, input, textarea, button, table { font: 12px/150% Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5, h6 { font: normal 22px Arial, Helvetica, sans-serif; } h1 { font-size: 26px; margin-bottom: 20px; } h2 { font-size: 22px; margin-bottom: 10px; } h3 { font-size: 18px; margin-bottom: 5px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; } #sidebar .panel .content { } /* * ------------------------------- * common * ------------------------------- */ /* --- Common ------------ */ * { padding: 0; margin: 0; } body { background: #EEE; } a img { border: none; } a { text-decoration: none; color: green; outline: none; cursor: pointer; cursor: hand;} li { list-style: none outside; } p { padding-bottom: 20px; } .clear, .cleaner { clear: both; height: 1px; overflow: hidden; } .logged-in { padding-top: 68px; background-position: center 68px; } /* --- Layout ------------ */ #page_container { width: 1000px; margin: 0 auto; } #header { position: relative; height: 180px; } #header h1 { width: 400px; height: 95px; margin: 25px 0 0 25px; margin-top: 0px; } #header h1 a { display: block; width: 100%; height: 100%; text-indent: -1920px; } #header #completed_actions { width: 280px; height: 43px; font-size: 16px; line-height: 43px; color: #885aad; text-align: center; position: absolute; bottom: 75px; right: 30px; } #header #wall_link { display: block; width: 248px; height: 32px; text-indent: -1920px; background: url('images/hdr_btn_see-what-other-have-posted.gif') left top no-repeat; position: absolute; bottom: 46px; right: 45px; } #page_content { overflow: visible; background: url('images/layout_box_repeat.png') left top repeat-y; } #cnt { width: 660px; margin: 0 20px; float: left; } #cnt_inn { padding: 0 0 0 20px; } #sidebar { width: 260px; float: left; } #sdb_inn { } #footer { height: 80px; text-align: center; } #footer p { width: 900px; margin: 0 auto; padding: 20px 5px 5px 5px; overflow: hidden; } #footer p a { display: block; float: left; padding: 0 10px; background: #FFF; line-height: 18px; margin: 10px 10px 0 0; } #footer p a:hover { background: #090; color: #FFF; } .recycleyourcharger #cnt, .teachers.actions #cnt, .generations #cnt, .actions.categories #cnt, .intergenerationall #cnt, .page-wide #cnt { width: auto; } .page-wide #cnt #cnt_inn { padding: 0; } .page-wide #cnt #cnt_inn .no_box { padding: 20px 45px 20px 45px; } .recycleyourcharger #sidebar, .teachers.actions #sidebar, .generations #sidebar, .intergenerationall #sidebar, .actions.categories #sidebar, .page-wide #sidebar { display: none; } .thumb { width: 50px; height: 50px; } .medium { width: 200px; height: 200px; } .layout_box_top { height: 45px; background: url('images/layout_box_top.png') left top no-repeat; } .layout_box_bottom { height: 45px; background: url('images/layout_box_bottom.png') left top no-repeat; } /* --- Browsing As ------------ */ #logged_class { height: 25px; color: #737373; font-size: 13px; line-height: 25px; background: #dff5fd; } #logged_class a { color: #0173b9; font-weight: bold; } #logged_class a:hover { text-decoration: underline; } #logged_class strong { color: #0173b9; } #logged_class .left { width: 70%; float: left; } #logged_class .right { width: 29.5%; float: left; text-decoration: underline; text-align: right; } #logged_class .right a { text-decoration: underline; font-weight: normal; } /* --- Layout changes ------------ */ .registration #sidebar, .login #sidebar { display: none; } .registration #cnt, .login #cnt { width: 940px; } /* --- Page and Profile ------------------------------------------------------------------------------------------------ */ .page.profile img.fb_profile_pic_rendered, .page.profile .image { display: block; width: 200px; border: 1px solid #DDD; float: left; margin: 0 15px 15px 0; } .page.profile #id_facebook_friends { overflow: hidden; padding: 0; margin-bottom: 20px; } .page.profile #id_facebook_friends li { display: block; width: 50px; height: 50px; float: left; list-style: none outside; margin: 0 5px 5px 0; } .page.profile #id_facebook_friends li strong { display: none; } .page.profile #id_facebook_friends li:hover strong { display: block; } .page.profile .edit_profile { display: block; float: right; background: #EEE; padding: 2px 6px; color: #444; font-size: 10px; } .page.profile .edit_profile:hover { background: #999; color: #FFF; } .page.profile.rte h1 { margin: 0; } .page.profile #tally { color: #59595b; } .border_big_horizontal { height: 4px; overflow: hidden; background: url('images/border_big_horizontal.gif') left top repeat-x; margin: 0 0 20px 0; } .green_day .rte h3 { border-bottom: 1px solid #DDD; margin-bottom: 10px; } .green_day .rte h3 a { text-decoration: none; color: rgb(241, 91, 38); } .green_day .rte h3 a:hover { text-decoration: underline; } .intergenerationall #PageFlipDiv { width: 900px; height: 500px; background: url('images/loading3.gif') center no-repeat; } /* --------- Panels ------------------------------------------------------------------------------------*/ .panel { margin-bottom: 20px; } .panel .header { } .panel .header h2 { font-weight: normal; } .panel .content { padding: 20px 0; } /* --- Content panels --- */ .panel.list ul { border: none; overflow: hidden; } .panel.list ul li { border: 1px dashed #DDD; width: 45%; float: left; margin: 0 10px 10px 0; } .panel.list ul li a { display: block; padding: 10px; color: #000; } .panel.list ul li a:hover { background: #EEE; } .panel.list ul li.last { margin-right: 0; } .panel.list ul li span { display: block; } .panel.list ul li img { width: 50px; height: 50px; float: left; margin: 0 10px 10px 0; background: #EEE; } .panel.list ul li .title { display: block; } .panel.list ul li .desc { clear: both; padding-top: 10px; } /* --- Comments --- */ .panel#comments .header { margin-bottom: 10px; } .panel#comments .content { padding: 0; } .panel#comments ul { padding: 0; } .panel#comments ul li { margin: 0 0 30px 0; position: relative; list-style: none outside; } .panel#comments ul li ul { padding-top: 10px; }/ .panel#comments ul li ul li { border: none; padding: 0 0 20px 50px; } .panel#comments ul li span { display: block; } .panel#comments ul li .hdr { overflow: hidden; clear: both; padding: 0 0 0 0px; position: relative; } .panel#comments ul li .hdr.comment { padding: 0 0 15px 0px; background: url(data:image/gif;base64,R0lGODlhDQAKAMQAAP///+7u7s7OzuLi4uHh4dXV1ebm5uDg4N7e3urq6s3NzfHx8fPz8+np6fb29uvr69/f3+Pj49bW1tTU1Ofn593d3ff39/X19fn5+ejo6Nzc3PLy8gAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAANAAoAQAU6ICCO5MgISaCuwSNsYzatBVWKmBIp1k0crMDvBlhoFkTRABGAEG4OQWOVEFxGhkJQJTEAEIPtalAJAQA7) 20px bottom no-repeat; } .panel#comments ul li .hdr .title { display: block; font-size: 160%; color: #000; padding-bottom: 5px; } .panel#comments ul li .hdr .image { display: block; width: 50px; height: 50px; float: left; margin-right: 10px; background: #EEE; border: 1px solid #999; } .panel#comments ul li .cnt { background: #EEE; margin-top: -1px; } .panel#comments ul li .cnt img { display: block; padding: 5px; border: 1px solid #DDD; margin: 10px auto; background: #FFF; } .panel#comments ul li .date { font-size: 10px; color: #444; padding-top: 20px; font-style: italic; } .panel#comments ul li .actions { height: 16px; position: absolute; top: 56px; right: 15px; } .panel#comments ul li .actions a { display: block; line-height: 14px; color: #666; background: #EEE; float: left; padding: 0 8px; font-size: 10px; margin-left: 5px; border: 1px solid #CCC; } .panel#comments ul li .actions a:hover { background: #666; color: #FFF; } .avatar.list { padding: 0; } .avatar.list li { width: 66px; height: 66px; display: block; float: left; margin: 0 8px 8px 0; clear: none; } .avatar.list li input { display: none; } .avatar.list li label { display: block; border: 8px solid #CCC; cursor: pointer; } .avatar.list li.active label { border-color: #000; } .avatar.list li label img { display: block; width: 50px; height: 50px; } .timeline .panel#comments ul li .date { padding-top: 0; } /* --- Bubbles --- */ .bubble_top { background: url(data:image/gif;base64,R0lGODlhCgAUAIAAAO7u7szMzCH5BAAAAAAALAAAAAAKABQAQAIOjI+gy+0Po5y02ouz3gUAOw==) left top repeat-x; } .bubble_bottom { background: url(data:image/gif;base64,R0lGODlhCgAUAIAAAO7u7szMzCH5BAAAAAAALAAAAAAKABQAQAIOhI+py+0Po5y02huy3gUAOw==) left bottom repeat-x; } .bubble_left { background: url(data:image/gif;base64,R0lGODlhFAAKAIAAAO7u7szMzCH5BAAAAAAALAAAAAAUAAoAQAIUDI6paevanozS0Qrxu/rw/mkhVgAAOw==) left top repeat-y; } .bubble_right { background: url(data:image/gif;base64,R0lGODlhFAAKAIAAAO7u7szMzCH5BAAAAAAALAAAAAAUAAoAQAIUhI+Joa3sIoCy0ZouPnpPn4GLyBUAOw==) right top repeat-y; } .bubble_top_left { background: url(data:image/gif;base64,R0lGODlhFAAUAMQAAO7u7szMzP///9fX1+zs7P7+/unp6d7e3uLi4tjY2OPj487Ozs3NzdTU1Pf399HR0dbW1tra2ufn5+3t7ebm5t/f3+jo6O/v78/PzwAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAUABQAQAVJoCCKxXVATKCubGMAcCzPcUDftAAkBI7bPt/IsqgEZZPE8QZczprOWnQ2EjgGA4TkKFJEXtHCgzKFHRBlGKaXhk7dUbhTvqQfQwA7) left top no-repeat; } .bubble_top_right { background: url(data:image/gif;base64,R0lGODlhFAAUAMQAAO7u7szMzP///+3t7dfX197e3s3NzdPT0/7+/tjY2OLi4ufn59ra2ubm5t/f387Ozvf399bW1ujo6Onp6ePj4+/v7+rq6uzs7AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAUABQAQAVMYCCOpBEVFSKsK+C+cPxah2zLwX1fCSDowBzw5XhIWENbYpC0CZuwJ9QltS0UBAKE9YNOGJTWFNA4IMYuRQENGBjYgCpU3qQn7cNACAA7) right top no-repeat; } .bubble_bottom_left { background: url(data:image/gif;base64,R0lGODlhFAAUAMQAAO7u7szMzP////7+/uLi4tfX1+3t7djY2Obm5s/Pz97e3vf3993d3c3NzdPT0+rq6uzs7NbW1unp6dTU1OPj4+fn59/f39ra2gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAUABQAQAVKYACMZGmW4qmagkBdz6qm8qoQ9Urn5s6TCcjPNHAghqRWa1EoECo531D6o/KsUWRpItGODAcvQAA4GLStAaJhGSrTAEYkQK/bAyEAOw==) left bottom no-repeat; } .bubble_bottom_right { background: url(data:image/gif;base64,R0lGODlhFAAUAMQAAO7u7szMzP////7+/tfX1+bm5uPj49jY2O3t7efn5+np6dbW1uDg4M3NzdPT0+rq6t7e3tra2tTU1OLi4vf3993d3ezs7M7OzgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAUABQAQAVKICCOZEkGZmqiqvlEhiC0NEubE3Sr9n76JcsFOCo4BreEgUCgyGTEX1TUI1aBV1/2ppBMAQdEFHEAzHyMRmEgC7jf8MCiAmA/BSEAOw==) right bottom no-repeat; } .bubble_inn { padding: 10px 15px; overflow: hidden; } .box_top { background: url(data:image/gif;base64,R0lGODlhAwAPAIAAAP///+vr4iH5BAAAAAAALAAAAAADAA8AQAIKjIEWCMqf1IGUFQA7) left top repeat-x; margin-bottom: 20px; } .box_bottom { background: url(data:image/gif;base64,R0lGODlhDwAoAIAAAOvr4v///yH5BAAAAAAALAAAAAAPACgAQAIkjI+pa+APo5y0sotP3by/DIYi5pXmiZrjyrbuO6byTNf2jVMFADs=) left bottom repeat-x; } .box_left { background: url(data:image/gif;base64,R0lGODlhBQAFAIAAAOvr4gAAACH5BAAAAAAALAAAAAAFAAUAQAIEhI+pWAA7) left top repeat-y; } .box_right { background: url(data:image/gif;base64,R0lGODlhBQAFAIAAAOvr4gAAACH5BAAAAAAALAAAAAAFAAUAQAIEhI+pWAA7) right top repeat-y; } .box_top_left { background: url(data:image/gif;base64,R0lGODlhDwAPAMQAAOvr4v////j49fLy7Pz8+/v7+fb28u7u5vT07+/v6P7+/f///uzs4/39/P7+/uzs5O3t5fn59uvr4/Hx6wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAPAA8AQAU7YCCO0ZAAaHqkqTG+gcDOdCrAeGAwtd0fhddM0sgFZgojjHDqiRA91gISnQiCgxrCAXvMBsavckZQhgAAOw==) left top no-repeat; } .box_top_right { background: url(data:image/gif;base64,R0lGODlhDwAPALMAAOvr4v////j49fLy7O7u5vz8++vr4////vb28vT07/v7+e/v6P7+/vHx6/n59uzs4yH5BAAAAAAALAAAAAAPAA8AQAQ4EMi5hgs464zmJF7oCdsmiKj0IGWggCjZFkbYYkcqLoWmT4mMQtDQEQ4bRgI1uA1Chlvg6ZEWQhEAOw==) right top no-repeat; } .box_bottom_left { background: url(data:image/gif;base64,R0lGODlhDwAoALMAAOvr4v////Ly7Pj49fz8++7u5uvr4////u/v6Pv7+f7+/ezs5PX18Pb28vT07/X18SH5BAAAAAAALAAAAAAPACgAQARWEEgZqr1Tjsuz/2AohCTFYV9zBmVLVo7rrZan0GxmEDRZJCiZcAhYCA8F2YWAEOJyk+cM5+H1MgKqJ7sKMQ6dkmAAJJrP6PQwKRs43S7Lw1A6DQRNTwQAOw==) left bottom no-repeat; } .box_bottom_right { background: url(data:image/gif;base64,R0lGODlhDwAoAMQAAOvr4v////Ly7Pj49e7u5vv7+evr4+/v6Pz8+////u7u5/b28vT07/7+/vz8+vX18Ozs4/X18QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAPACgAQAVYYCCOJGCaZDqcbOu+cPwKadrWwSLvfH8yOBsrGGjccAjDUVRQ+J7QqAvSIyRiBwdReNoucd8UIkwSkEXmcOIBCxQGaal8Tq/bWwTfijcIyAwRIy4HAn0pIQA7) right bottom no-repeat; } .box_inn { padding: 20px 25px 40px 25px; position: relative; } .box_inn .separator { margin: 20px -25px; height: 5px; background: #ebebe2; } .page-wide .col.preview a { width: 200px !important; height: 200px !important; } /* --- Tabs --------------------------------------------- */ .tab-titles { overflow: hidden; margin-bottom: -5px; height: 42px; clear: both; } .tab-titles li { height: 37px; float: left; position: relative; z-index: 1; background: url('images/tabs_li_bgrd.gif') left -42px repeat-x; } .tab-titles li a { display: block; height: 42px; float: left; padding: 0 30px; line-height: 42px; font-size: 110%; } .tab-titles li.selected { height: 42px; background-position: left top; } .tab-titles li.selected a { color: #000; } .tab-titles li.left { background: url('images/tabs_li_bgrd_left.gif') left -42px no-repeat; } .tab-titles li.right { background: url('images/tabs_li_bgrd_right.gif') right -42px no-repeat; } .tab-titles li.left.selected { background-position: left top; } .tab-titles li.right.selected { background-position: right top;} .tab-container { display: none; } .tab-container.selected { display: block; } #post_comment .buttons { display: none; } #id_actions_done { /*display: none;*/ margin-bottom: 20px } #id_output_types_done { margin-bottom: 20px } #id_actions_done input, #id_output_types_done input { width: 25px; } #id_output_types_done input.info { width: 75px; } #decide_what, #id_hidden_info { display: none; } #decide_what img {float:right; margin-bottom:-20px; padding-left:30px;} .items form { width: 250px; float: right; clear: both; } .items form .input { float: right; clear: both; } .items form .input .field input.field, .items form .input .field input.field:focus { background: #FFF url(images/icons/zoom.png) 3px 3px no-repeat; padding-left: 23px; width: 80%; } .items ul { } .items ul li { display: block; line-height: 18px; margin-bottom: 7px; } .items ul li a { display: block; line-height: 18px; padding-left: 25px; background: url(images/icons/add.png) left 2px no-repeat; color: #000; } .items ul li a:hover { text-decoration: underline; color: #090; } .items#used_items ul li a { background-image: url(images/icons/delete.png); color: #900; } .items#items ul { width: 100%; height: 300px; overflow: auto; } .items-cnt { background: transparant url('images/loading3.gif') center 40px no-repeat; } .items-cnt.loading { background: transparent url('images/loading3.gif') center 40px no-repeat; } .items-cnt.loading * { visibility: hidden; } #overlay-dialog { padding: 0; overflow: hidden; } #overlay-dialog iframe { width: 100%; height: 100%; border: 0; } #overlay-dialog .inner { padding: 20px; } .loading_background { background: url('images/wait_loading.png') left no-repeat;} #group_view_see_all_actions_done, #group_view_see_all_actions_like { display: block; height: 25px; line-height: 25px; text-align: center; color: green; background: #ebebe2; margin: 10px 0; } .timeline .panel#comments .header h2 { color: #0088c6; } .products .tab-titles li a { padding: 0 18px; } #multiplier_description { height: 28px; line-height: 28px; padding-left: 32px; float: right; color: #FFF; background: url(images/ibox_btn_how.png) left top no-repeat; margin-top: 15px; } .qtip .qtip-content { background: #e4673b !important; border: none !important; color: #FFF !important; } .qtip .qtip-contentWrapper { background: #e4673b !important; border: none !important; color: #FFF !important; } /* green-day */ .green_day_down { background: url('/public/styles/images/campaign-builder_icon_slider_down.gif') no-repeat scroll 97% center; display:block; } .green_day_up { background: url('/public/styles/images/campaign-builder_icon_slider.gif') no-repeat scroll 97% center; display:block; } /* * ------------------------------- * navigation * ------------------------------- */ /* --- Navigation ------------ */ #nav { width: 567px; height: 35px; padding: 0; margin-left: 50px; position: absolute; bottom: 29px; background: url('images/nav_bgrd.gif') left top no-repeat;} #nav li { height: 35px; float: left; } #nav li a { display: block; width: 100%; float: left; height: 100%; line-height: 35px; text-indent: -1920px; } #nav li a:hover { cursor: pointer; } #nav li ul { display: none; width: 928px; height: 29px; position: absolute; bottom: -39px; left: -30px; padding-left: 32px; background: #F00; border-bottom: 10px solid #FFF; } #nav li ul li { float: left; height: 29px; } #nav li ul li a { line-height: 29px; color: #FFF; text-indent: 0; padding: 0 15px; text-transform: uppercase; font-family: "Lucida Grande", Arial, sans-serif; } #nav li.hover ul { display: block; z-index: 9999; } #nav li ul.tab-titles { margin: 0; overflow: inherit; } #nav li ul.tab-titles li { background: none; position: static; } #nav li ul.tab-titles li a { font-size: inherit; } #nav li#wawwd { width: 166px; } #nav li#schools { width: 95px; } #nav li#work { width: 80px; } #nav li#movement { width: 124px; } #nav li#shop { width: 102px; } #nav li#wawwd ul { background: url('images/wawwd_nav_subbgrd.gif') left top no-repeat; } #nav li#wawwd ul li a { color: #FA95C8; } #nav li#schools ul { background: url('images/wawwd_nav_subbgrd.gif') left -29px no-repeat; } #nav li#schools ul li a { color: #FFC759; } #nav li#work ul { background: url('images/wawwd_nav_subbgrd.gif') left -58px no-repeat; } #nav li#work ul li a { color: #FBB3FF; } #nav li#movement ul { background: url('images/wawwd_nav_subbgrd.gif') left -87px no-repeat; } #nav li#movement ul li a { color: #5CB5FF; } #nav li#shop ul { background: url('images/wawwd_nav_subbgrd.gif') left -116px no-repeat; } #nav li#shop ul li a { color: #C1EA72; } #nav li#wawwd ul li.selected a, #nav li#wawwd ul li a:hover, #nav li#schools ul li.selected a, #nav li#schools ul li a:hover, #nav li#work ul li.selected a, #nav li#work ul li a:hover, #nav li#movement ul li.selected a, #nav li#movement ul li a:hover, #nav li#shop ul li.selected a, #nav li#shop ul li a:hover { color: #FFF; } .products #nav li#shop ul, .about #nav li#movement ul, .press #nav li#movement ul, .newsletter #nav li#movement ul, .contacts #nav li#movement ul, .faq #nav li#movement ul, .blog #nav li#movement ul, .our_story #nav li#movement ul, .team #nav li#movement ul, .work #nav li#work ul { display: block; z-index: 1000; } /* --- Top right links when not logged in ------------ */ #user_nav { height: 45px; position: absolute; top: 0; right: 20px; font-family: Georgia, sans-serif; font-size: 120%; } #user_nav li { display: block; height: 45px; float: left; background: url('images/user_nav_li_bgrd.png') left top repeat-x; } #user_nav li a { display: block; height: 100%; line-height: 40px; padding: 0 25px; float: left; color: #000; } #user_nav li a:hover { text-decoration: underline; } #user_nav li.first { background: url('images/user_nav_li_bgrd_left.png') left top no-repeat; } #user_nav li.last { background: url('images/user_nav_li_bgrd_right.png') right top no-repeat; } #user_nav li.special { background: url('images/user_nav_li_bgrd_left_special.png') left top no-repeat; } #user_nav li.special a { color: #f15a22; } /* --- My Stuff submenus ------------ */ #user_nav li { position: relative; white-space: nowrap; } #user_nav li ul { width: 163px; background: url('images/subnav_bgrd.gif') left bottom no-repeat; clear: left; display: none; position: absolute; top: 40px; left: 20px; z-index: 9999; padding-bottom: 10px; } #user_nav li ul li { float: none; height: 35px; background: none; } #user_nav li ul li a { background: none; float: none; } #user_nav li:hover ul { display: block; } /* --- Young speakers bar special nav in schools ------------ */ #ys_bar { padding: 0 40px 0 50px; margin-bottom: 20px; } #ys_nav { display: block; height: 28px; overflow: hidden; position: relative; background: url('images/ys_bar_background.png') left top no-repeat; padding-left:120px;} #ys_nav li { height: 25px; float: left; } #ys_nav li a { display: block; text-align: center; color: #057905; font-size: 90%; padding: 5px 10px 0 10px; } #ys_nav li a:hover { color: #057905; text-decoration: underline;} #ys_nav li.selected a { color: #057905; } /* --- Persisent Bar at the top when logged ------------ */ #user_bar { width: 100%; background: url('images/user_bar_bgrd.gif') left top repeat-x; color: #FFF; font: 14px Georgia, serif; border-bottom: 2px solid #dff5fd; position: fixed; top: 0; left: 0; z-index: 9000; } #user_bar .wrapper { width: 900px; margin: 0 auto; } #user_bar .image { height: 54px; float: left; margin: 5px 10px 0 0; } #user_bar .content { height: 54px; width: 320px; float: left; margin-top: 5px; overflow: hidden; } #user_bar .content a { display: block; text-decoration: underline; color: #FFF; margin-bottom: 3px; } #user_bar .image img { width: 50px; height: 50px; border: 2px solid #FFF; } #user_bar .profile { height: 66px; width: 45%; float: left; overflow: hidden; } #user_bar .cleaner { background: #dff5fd;} #user_bar .links { height: 66px; width: 28%; float: left; } #user_bar .links ul { padding-top: 5px; } #user_bar .links ul li { display: block; border-right: 1px solid #FFF; display: block; float: left; font-size: 90%; position: relative; cursor: pointer; font-size: 10px; font-family: Arial, sans-serif; } #user_bar .links ul li span, #user_bar .links ul li a { display: block; height: 14px; line-height: 14px; color: #FFF; float: left; padding: 0 5px; } #user_bar .links ul ul { width: 150px; display: none; position: absolute; top: 14px; left: 0; background: #e1007a; padding: 10px 0; } #user_bar .links li:hover ul { display: block; } #user_bar .links li ul li { display: block; border: none; padding: 0; float: none; } #user_bar .links li ul li a { display: block; color: #FFF; padding: 4px 10px; float: none; } #user_bar .links li ul li a:hover { background: #FFF; color: #000; } #user_bar .links li.last { border: none; } #user_bar .actions { width: 27%; height: 66px; float: left; overflow: hidden; background: #b7b7b7; color: #424242; } #user_bar .actions .inner { padding: 8px 0 8px 12px; } #user_bar .actions ul { width: 156px; height: 26px; /*overflow: hidden;*/ margin-top: 5px; float: left; } #user_bar .actions ul li { display: block; width: 26px; height: 26px; float: left; /*overflow: hidden;*/ } #user_bar .actions ul li a, #user_bar .actions ul li a img { display: block; width: 100%; height: 100%; } #user_bar .actions .seeall { display: block; width: 63px; height: 28px; margin: 4px 0 0 5px; text-indent: -1920px; float: left; background: url('images/user_bar_actions_seeall_btn.gif') left top no-repeat; overflow: hidden; } /* * ------------------------------- * lists * ------------------------------- */ /* --- Lists ------------------------------------------------------------------------------------------------ */ .list { overflow: hidden; } .list.number { } .list.title { font-weight: bold; } .list li { overflow: hidden; } .list a { display: block; } .list a:hover { text-decoration: underline; } .list span { display: block; } .list .content { } .list .content span { display: inline; } .list li { clear: left; width: 50%; float: left; position: relative; } .list li.even { clear: none; } .list li .inner { padding: 10px 20px 10px 0; overflow: hidden; border: dashed #CCC; border-width: 0 1px 1px 0; } .list li.even .inner { padding: 10px 0 10px 10px; border-right: none; } .list li .image_wrapper { width: 50px; float: left; } .list li .image_wrapper a.image_link { width: 100%; height: 50px; background: #EEE; margin-bottom: 10px; } .list li .image_wrapper .button { float: none; background: #ff7000; margin: 0; border-width: 2px; border-color: #feed01; font-size: 11px; text-align: center; padding: 0; line-height: 20px; height: 20px; } .list li img { display: block; width: 100%; height: 100%; } .list li .button { } .list .title_wrapper { width: 160px; float: left; padding: 0 0 0 10px; line-height: 14px; } .list .title_wrapper a { font-family: Arial, sans-serif; font-size: 100%; font-weight: bold; line-height: 130%; } .list .title_wrapper .number { font: 190%/90% Georgia, Verdana, sans-serif; color: #333; padding-bottom: 5px; } .list .title_wrapper .times_done { color: #000; font-size: 80%; } .list .title_wrapper .times_done { color: #666; } .list .title_wrapper .button { } .list .buttons { display: block; position: absolute; bottom: 10px; right: 10px; } .list .buttons a { display: block; background: #EEE; font-size: 9px; padding: 0px 4px; color: #000; } .list .buttons a:hover { background: #CCC; color: #FFF; } .sub_cat_title { width: 216px; height: 200px; margin: 0 0 0 25px; overflow:hidden; } .pageflip { width: 399px; height: 199px; overflow: hidden; background: url(images/loading3.gif) center no-repeat; } /* --- Custom Schools styles ------------ */ .list#schools li .inner { height: 80px; } .list#schools { } .list#schools .school_content span { } /* --- Custom Groups styles ------------ */ .list#groups { } .list#groups .group_content { } .list#groups .group_school { } .list.groups li.type1 { background: url('images/member-tracking.png') 260px 10px no-repeat; } .list.groups li.type2 { background: url('images/teacher-tracking.png') 260px 10px no-repeat; } /* --- Custom press styles ------------ */ .list#press { } .list#press li { margin: 10px 0 0 0; } .list#press a { } /* --- Custom Campaogn styles ------------ */ .list#campaigns { } .list#campaigns a { } /* --- Featured ------------ */ #featured_element {} #featured_element span { display: block; } #featured_element .title_wrapper{ width: 320px; float: left; padding: 0 0 0 10px; line-height: 14px; } #featured_element .title_wrapper .number { font: 240%/90% Georgia, Verdana, sans-serif; color: #333; padding-bottom: 5px; } #featured_element a.image_link {float:left;} #featured_element .title { font-size: 180%; line-height: 120%; font-weight: bold; } /* --- Users ------------------- */ ul.users { overflow: hidden; clear: both; margin-top: 20px; } ul.users li { width: 120px; list-style: none outside; float: left; background: #EEE; border: 1px solid #DDD; overflow: hidden; margin: 0 15px 15px 0; } ul.users li a { padding: 10px; display: block; white-space: nowrap; } ul.users li a:hover { background: #FFF; } ul.users li a img { display: block; margin-bottom: 10px; width: 100px; height: 100px; background: #CCC; } .userlist li { float: left; margin: 0 7px 7px 0; } .userlist li a { display: block; border: 1px solid #CCC; padding: 3px; } .userlist li a .image { display: block; width: 50px; height: 50px; } .userlist li span { display: none; } .users_list li { border: 1px solid #CCC; padding: 5px; margin-bottom: 5px; } .users_list li.checked { background: #EFE; border-color: #090; } .users_list li .input { display: none; } .users_list li label { display: block; overflow: hidden; } .users_list li label .image { display: block; width: 50px; height: 50px; float: left; } .users_list li label span { display: block; width: 100px; height: 50px; float: left; padding-left: 10px; } /* --- press_cuttings ------------ */ .press_cuttings { width: 100%; } .press_cuttings td { padding: 3px 8px; vertical-align: top ;} .press_cuttings td.date { width: 2%; font-size: 90%;} .press_cuttings td.title { width: 60%; font-size: 90%;} .press_cuttings td.title a {text-decoration: underline;} .press_cuttings td.publication { width: 19%; font-size: 90%;} .press_cuttings td.subject { width: 19%; font-size: 90%;} /* --- Filters ------------ */ .items-filter { border-bottom: 5px solid #EBEBE2; height: 32px; line-height: 32px; margin: -15px -20px 10px -20px; background: url(images/list_filter_search_bgrd.gif) left top no-repeat; } .items-filter strong, .items-filter a { display: block; height: 18px; font: 10px/18px Verdana, sans-serif; float: left; padding: 0 10px; margin-top: 7px; color: #333; } .items-filter strong { font-weight: bold; } .items-filter a.asc { background: #6a6a6a url(images/actions_list_bullet_up.gif) 92% center no-repeat; color: #FFF; padding: 0 23px 0 13px; } .items-filter a.dsc { background: #6a6a6a url(images/actions_list_bullet_down.gif) 92% center no-repeat; color: #FFF; padding: 0 23px 0 13px; } .items-filter input { font-size: 12px; padding: 3px 5px; background: #FFF; border: 2px solid #CCC; outline: none; z-index: 100; } .items-filter .item_search { float: right; margin: 5px 5px 0 0; } .ys_filter { display: none; } #cnt .panel#tally { } #cnt .panel#tally .header { padding: 6px 0 6px 40px; background: url('images/tally_header_star.jpg') left center no-repeat; margin-bottom: 10px; } #cnt .panel#tally .content { font: 20px/26px Georgia, serif; padding: 0; } #cnt .panel#tally .content span { } #actA, #actB { min-height: 385px; } /* --- Pagination ------------ */ .pagination { height: 32px; overflow: hidden; background: url(images/list_filter_pagination_bgrd.gif) left top no-repeat; margin: 20px -20px -20px -20px; font: 10px/32px Verdana, sans-serif; } .pagination p { padding: 0; height: 30px; } .pagination .page-now { width: 45px; float: left; margin-left: 15px; } .pagination .page-jump { width: 50px; float: left; } .pagination .page-jump input { width: 20px; float: left; border: 1px solid #DDD; padding: 3px; margin: 5px 5px 0 0; text-align: center; } .pagination .paging { float: right; } .pagination .paging li { float: left; padding: 0 3px; color: #999; } .pagination .paging li a { display: block; height: 18px; line-height: 18px; float: left; padding: 0 10px; margin-top: 7px; color: #333; } .pagination .paging li a:hover, .pagination .paging li.selected a { background: #6a6a6a; color: #FFF; } .pagination .paging li.first { } .pagination .paging li.last { } .pagination .paging li.next { } .pagination .paging li.prev { } .prev_num, .next_num { display: none; } /* * ------------------------------- * sidebar_panels * ------------------------------- */ /* --- Sidebar panels --- */ #sidebar .panel { border: 7px solid #EBEBE2; padding: 15px; } #sidebar .panel .header { padding-bottom: 10px; } #sidebar .panel .header h2, #sidebar .panel .header h3 { font-size: 150%; color: #F15B26; } #sidebar .panel .header h3 a { } #sidebar .panel .content { padding: 10px 10px 20px 10px; } #sidebar .panel .content ul { } #sidebar .panel .content ul li { padding-bottom: 10px; } #sidebar .panel .content ul li a { } #sidebar .panel .content ul li a:hover { text-decoration: underline; } #sidebar .panel .content ul li span { color: #666; } #sidebar .categories { background: #ebebe3 url('images/sidebar_cat_hdr_bgrd.gif') left top no-repeat; border: none; margin-left: -20px; padding: 0; margin-bottom: 10px; } #sidebar .categories .header { padding: 30px 10px 10px 27px; color: green; } #sidebar .categories .content { background: url('images/sidebar_cat_ftr_bgrd.gif') left bottom no-repeat; padding: 0px 20px 20px 27px; } #sidebar .categories .content ul { background: url('images/categories_mag.gif') right top no-repeat; padding-top: 30px; margin-top: -30px; } #sidebar .categories .content ul li { padding: 0; } #sidebar .categories .content ul li a { display: block; /*line-height: 30px;*/ background: url('images/bullet_green_arrow_big.gif') left center no-repeat; padding: 7px 0 7px 20px; } #sidebar .categories .content ul li.selected { } #sidebar .categories .content ul li.selected a { font-weight: bold; text-decoration: underline; } #sidebar .categories .content ul li ul { } #sidebar .categories .content ul li ul li { } #sidebar .categories .content ul li ul li a { } #sidebar .categories.closed .header { background: url('images/sidebar_cat_ftr_bgrd.gif') left bottom no-repeat; padding: 20px 10px 20px 27px; } #sidebar .categories.closed .content { display: none; } #sidebar .panel.statistics .header { border: none; } /* --- Resources ------------ */ #sidebar .panel.resources { border: none; padding: 37px 0 0 0; background: url('images/panel_resources_top_decoration.gif') center top no-repeat; } #sidebar .panel.resources .header { border: solid #EBEBE2; border-width: 7px 7px 0 7px; padding: 15px 15px 5px 15px; margin: 0; } #sidebar .panel.resources .header h3 { margin: 0; padding-bottom: 10px; } #sidebar .panel.resources .content { border: solid #EBEBE2; border-width: 0 7px 7px 7px; padding: 0 15px 15px 15px; background: #f7f6f2; } .panel.resources ul.featured_resources { padding: 0; border-bottom: 1px solid #CCC; } .panel.resources ul li.fr_li { overflow: hidden; border-top: 1px solid #CCC; padding: 10px 20px 10px 0; background: url('images/btn_expand.png') right 10px no-repeat; cursor: pointer; } .panel.resources ul li.fr_li span { padding: 0; } .panel.resources ul li.fr_li span.desc { display: none; } .panel.resources ul li.fr_li img { display: block; width: 50px; height: 44px; float: left; margin-right: 10px; background: #EEE; overflow: hidden; } .panel.resources ul li.fr_li dl { display: none; margin-top: 10px; } .panel.resources ul li.fr_li dl dt { font-weight: bold; } .panel.resources ul li.fr_li dl dd { } .panel.resources ul li.fr_li dl dd a { display: block; padding-left: 20px; background: url(images/icons/page_white_put.png) left 1px no-repeat; margin-bottom: 3px; } .panel.resources ul li.fr_li.hover { cursor: pointer; background: #EEE; } .panel.resources ul li.fr_li.active img { width: 80px; height: 70px; } #dialog_campaign_resources_div .panel.resources ul li.fr_li { background-image: none; } #dialog_campaign_resources_div .panel.resources ul li.fr_li span.desc, #dialog_campaign_resources_div .panel.resources ul li.fr_li dl { display: block; } #sidebar .panel.resources#Stats ul li.fr_li span.desc { display: block; } #sidebar .panel.resources#Downloadables .header { background: url(images/resources_hdr_icon_downloads.gif) 91% center no-repeat; } #sidebar .panel.resources#Links_we_like .header { background: url(images/resources_hdr_icon_links.gif) 91% center no-repeat; } #sidebar .panel.students { padding-bottom: 10px; } #sidebar .panel.students .content { padding: 0; } #sidebar .panel.students .content ul { padding: 0; } #sidebar .panel.students .content ul li { overflow: hidden; } #sidebar .panel.students .content ul li strong { display: block; } #sidebar .panel.students .content ul li img { display: block; width: 50px; height: 50px; float: left; margin-right: 10px; background: #EEE; overflow: hidden; } #sidebar .panel.sidebar_actions_list { border-bottom: none; margin-bottom: 0; } #sidebar .panel.sidebar_actions_list.no_ajax { border-bottom: 7px solid #EBEBE2; margin-bottom: 20px; } #sidebar .panel.sidebar_my_actions_list { border-top: none; } #sidebar .panel.sidebar_my_actions_list#bordertop { border-top: 7px solid #EBEBE2; } #sidebar .panel.sidebar_my_actions_list#bordertop .cnt { min-height: 120px; position: relative; } #sidebar .sidebar_actions_list_arrow { height: 37px; background: url('images/action_tracker_arrow.gif') center top no-repeat; } #sidebar #actions_is_empty { color: #f2a67c; } #sidebar #actions_is_empty_a { display: block; width: 100%; position: absolute; left: 0; bottom: -10px; color: #000; font-size: 11px; } #sidebar #actions_is_empty_a:hover { text-decoration: underline; } #sidebar .panel#tally { padding: 10px; } #sidebar .panel#tally .header { padding: 6px 0 6px 40px; background: url('images/tally_header_star.jpg') left center no-repeat; margin-bottom: 10px; } #sidebar .panel#tally .content { font: 18px Georgia, serif; padding: 0; } #sidebar .panel#tally .content span { font-weight: bold; } #sidebar .panel#facebook { margin-bottom: 10px; border: none; padding: 0; background: #4b6ea8 url(images/panel_fb_connect.gif) left top no-repeat; color: #FFF; } #sidebar .panel#facebook .inner { height: 100%; padding: 45px 15px 15px 15px; } #sidebar .panel#facebook .fb_text { display: block; font-weight: normal; padding-bottom: 5px; } #sidebar .panel#facebook #fb_disconnect { display: block; width: 242px; height: 31px; line-height: 31px; color: #FFF; text-indent: 33px; background: url('images/facebook_panel_disconnect_button.gif') left top no-repeat; margin-top: 5px; } #sidebar .panel#facebook .button { float: none; background: #f7f8f3; border-width: 1px; border-color: #a9a9a9; text-align: center; color: #6c6b70; margin: 10px 30px 0 30px; } .ajax_list ul li a, .sidebar_actions_list ul li a, ul.actions_list li a { display: block; padding: 7px 30px 7px 30px; line-height: 18px; background: url('images/bullet_blue_plus.png') right 4px no-repeat; } .ajax_list ul li a:hover, .sidebar_actions_list ul li a:hover, ul.actions_list li a:hover { text-decoration: underline; } .ajax_list ul li a { padding-left: 0; } .sidebar_actions_list ul.actions_list li { overflow: hidden; clear: both; } .sidebar_actions_list ul.actions_list li a.plus { display: block; float: left; width: 28px; height: 29px; padding: 0; background: url('images/bullet_blue_plus.png') left 4px no-repeat;} .sidebar_actions_list ul.actions_list li a.link { display: block; width: 180px; padding: 7px 0 7px 0; line-height: 18px; background: none; float: left; } .sidebar_actions_list .see_all, .sidebar_my_actions_list .see_all { display: block; height: 25px; line-height: 25px; text-align: right; padding-right: 15px; color: green; background: #ebebe2; margin: 10px -10px -10px -10px; } .sidebar_actions_list .see_all:hover, .sidebar_my_actions_list .see_all:hover { background: #d3d3b2; color: green; } .sidebar_my_actions_list .see_all { margin-bottom: -10px; } .sidebar_my_actions_list .sidebar_start_tracking { display: block; padding: 5px 8px; border: 1px solid #CCC; margin: 15px -10px -19px -10px; font-size:120%; background: #F9F9F9; position: relative; z-index: 7000; } .sidebar_my_actions_list .sidebar_start_tracking a:hover { text-decoration: underline; } .sidebar_my_actions_list .sidebar_start_tracking a:link { text-decoration: underline; } .sidebar_actions_button { height: 85px; background: url('images/small_at_bottom_bgrd_with_button.gif') center bottom no-repeat; position: relative; margin-bottom: 20px; } .sidebar_actions_button a { display: block; width: 246px; height: 60px; text-indent: -1920px; background: url('images/small_at_save_button.jpg') left top no-repeat; position: absolute; bottom: 7px; left: 7px; } .sidebar_actions_no_button { height: 35px; background: url('images/small_at_bottom_bgrd_without_button.gif') center bottom no-repeat; margin-bottom: 20px; } #sidebar .panel.sidebar_my_actions_list { border-bottom: none; margin: 0; } .sidebar_my_actions_list ul.actions_list li a { background: url('images/bullet_green_chek.gif') left 6px no-repeat; } .fbconnect { background: url(images/fb_connect_bgrd.jpg) right top no-repeat; padding: 0 160px 0 0; } .fbconnect h1 { margin-bottom: 20px; } .fbconnect .linked, .fbconnect .not_linked { color: #090; height: 34px; line-height: 34px; background: url('images/fb_connected_icon_green.gif') left top no-repeat; padding-left: 40px; } .fbconnect .not_linked { color: #900; background: url('images/fb_connected_icon_grey.gif') left top no-repeat; } .fbconnect .button { float: none; background: #f7f8f3; border-width: 1px; border-color: #a9a9a9; color: #6c6b70; margin: 0 0 20px 0; padding: 10px 20px; color: #009dd2; font-size: 12px; font-weight: normal; } #sidebar .panel#young_speakers .content { padding: 0; } #sidebar #groupprofilemanager .button { border: none; color: #000; background: #EEE; margin-bottom: 10px; padding-left: 8px; padding-right: 8px; } /* * ------------------------------- * grid * ------------------------------- */ /* --- Cols ------------ */ .col { float: left; overflow: hidden; } .col .inner { padding: 20px; } .col .date { padding: 0 10px 10px 0; } .col .inner.pr { padding: 0 20px 0 0; } .col .inner.right { padding: 0 10px 0 0; } .col .inner.left { padding: 0 0 0 10px; } .col.w2 { width: 50%; } .col.w3 { width: 33%; } .col.w4 { width: 25%; } .col.w23 { width: 66%; } .col.w34 { width: 75%; } .no_box { padding: 0 25px 20px 25px; } .indent { padding: 20px; } .indent .cleaner { height: 10px; } /* * ------------------------------- * rte * ------------------------------- */ /* --------- Rich Text Editor Styles ------------------------------------------------------------------------------------*/ .rte { font-size: 12px; } .rte h1 { font-weight: normal; font-size: 220%; padding: 0 0 0 0; } .rte h2 { font-weight: normal; font-size: 180%; padding: 0 0 10px 0; } .rte h3 { font-weight: normal; font-size: 160%; padding: 0 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 { text-decoration: underline; } .rte a:hover { text-decoration: underline; } .rte a.button {text-decoration: none;} .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: 0 30px 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; } .registration .rte ul li { font-size: 140%; line-height: 160%; } .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; } /* * ------------------------------- * forms * ------------------------------- */ /* --- Forms ------------ */ fieldset { background: #EEE; border: 1px solid #CCC; clear: both; margin: 0px 0px 30px 0; padding: 20px; } fieldset legend { background: #FFF; border: 1px solid #CCC; color: #000; font-weight: bold; padding: 5px 10px; text-transform: capitalize; } .box_inn .buttons a { margin-bottom: 0; } fieldset .buttons { margin-bottom: 0; } form dl { } form dl dt { font-size: 140%; } form dl dd { padding: 20px 20px 30px 40px; } form .input { padding-bottom: 15px; overflow: hidden; } form .input label { display: block; font-weight: bold; } form .input label span { color: #900; } form .input label.checkbox { display: inline; font-weight: normal; padding-left: 5px; } form .input .field { } form .input .field textarea, form .input .field input.field { font-size: 12px; width: 95%; padding: 3px 5px; background: #FFF; border: 2px solid #CCC; outline: none; z-index: 100; } form .input .field textarea:focus, form .input .field input.field:focus { border: 2px solid #ef9e4d; background: #FFF; } form .input .error, form .input .help { display: block; color: #444; font-weight: normal; font-size: 90%; border: 2px solid #CCC; border-top: none; padding: 0 3px 0px 3px; margin: 0 0 0 15px; float: left; z-index: 1; } form .input .help a:hover { text-decoration: underline; } form .input .error { color: #900; } form .input.invalid .help, form .input.invalid label, form .input.invalid .field textarea, form .input.invalid .field input.field { color: #900; border-color: #900; } form .input.loading .field input.field { background: #FFF url('images/ajax-loader.gif') right center no-repeat; } form .input.captcha { overflow: hidden; } form .input.captcha img { display: block; float: left; padding: 4px 5px 5px 5px; background: #FFF; border: 2px solid #CCC; border-right: none; margin-right: -2px; } form .input.captcha div.field { width: 30px; float: left; } form .input .list { overflow: hidden; border: none; padding: 0; } form .input .list li { border: none; float: left; padding-left: 0; } form .right .input { padding: 0; } form .right .input .list { } form .right .input .list li { display: block; width: 120px; float: none; overflow: hidden; } form .right .input .list li label { float: left; padding: 0; } form .right .input .list li input { float: right; margin: 2px 0 0 0; } form .inline .input { display: inline; } form .inline .input div.field { display: inline; } form .inline .input div.field input.field { display: inline; width: 30px; } form .inline .input div.field input.field#id_place { width: 120px; } button, .button { display: block; border: 3px solid #090; background: Green; color: #FFF; font-weight: bold; padding: 5px 10px; float: left; margin-bottom: 20px; margin-right: 15px; } button:hover, .button:hover { border-color: #0B0; background: #080; color: #EEE; cursor: pointer; } form .special_autocompleter { position: relative; } form .special_autocompleter .input .help { display: none; font-size: 120%; background: #FFF; margin: 0; padding: 4px 5px 2px 5px; float: none; border: 2px solid #CCC; } form .special_autocompleter .input .help a { display: block; float: right; } form .special_autocompleter .input.invalid .help, form .special_autocompleter .input.invalid label, form .special_autocompleter .input.invalid .field textarea, form .special_autocompleter .input.invalid .field input.field { color: #000; border-color: #CCC; } form .special_autocompleter .input.invalid .help { display: block; color: #900; border-color: #900; } form .special_autocompleter .button { position: absolute; right: 0; top: 18px; padding: 3px 14px; border: none; background: #ef9e4d; } form .special_autocompleter .input .field input.field, form .special_autocompleter .input .help { width: 80%; } .autocomplete-w1 { position: absolute; top: 0px; left: 0px; margin: 1px 0 0 0; } .autocomplete { border: 2px solid #ef9e4d; background: #FFF; cursor: default; text-align: left; overflow-y: auto; overflow-x: hidden; } .autocomplete .selected { background: #ef9e4d; color: #FFF; cursor: pointer; } .autocomplete .selected strong { color: #000; } .autocomplete div { padding: 2px 5px; white-space: nowrap; } .autocomplete strong { font-weight: normal; color: #ef9e4d; } /* --- Floating Labels --- */ .float .input { overflow: hidden; clear: both; } .float .input label { width: 30%; float: left; text-align: right; margin-right: 3%; padding-top: 4px; } .float .input div.file_field, .float .input div.field { width: 60%; float: left; } .float .input .help, .float .input .error { clear: both; margin-left: 36%; } .float .input.croppable { padding-top: 20px; } .float .input.croppable .jcrop-holder { margin: 0 auto; } .float .input.croppable label { } .float .input.croppable .field { margin-left: 33%; float: none; width: auto; clear: both; overflow: hidden; } .float .input.croppable .input { padding: 10px 0 0 0; } .float .input.croppable .input label { display: inline; width: auto; padding: 0; } .float .input.croppable .wrapper { clear: both; } .float .input .preview { clear: both; margin: 10px 0 20px 33%; } .float .input.croppable label, .float .input.captcha label, .float .input.date label { padding-top: 0; } .colors li { float: left; padding-right: 10px; margin-bottom: 20px; } /* --- Croppables --- */ form .input.croppable { overflow: hidden; margin-bottom: 20px; } form .input.croppable .field { padding: 10px 0 0 0; } form .input.croppable .file_field { } form .input.croppable button, form .input.croppable .button { margin: 0; padding: 2px 5px; } form .input .preview { margin: 5px 5px 0 0; padding: 1px; } form .input .preview a { overflow: hidden; position: relative; display: block; padding: 0; border: 5px solid #FFF; outline: 1px solid #999 } form .input .preview a .file-img { display: block; } .errors { border: 2px solid #900; margin-bottom: 30px; background: #FFF; padding: 10px; } .errors li { padding: 5px 10px; color: #000; } .errors li label { font-weight: bold; color: #900; cursor: pointer; } .errors li label:hover { text-decoration: underline; } p.errors { padding: 5px 10px; } .edit_photo .button { border: none; padding: 10px 20px; } /* -- ReCaptcha -- */ .recaptchatable .recaptcha_image_cell, #recaptcha_table { background-color:#FFFFFF !important;/* reCaptcha widget background color */ } #recaptcha_table { border-color: #FFFFFF !important; /* reCaptcha widget border color */ } #recaptcha_response_field { border-color: #FFFFFF !important; /* Text input field border color */ background-color:#FFFFFF !important; /* Text input field background color */ }