/* ------------------------------------------------------------------------------------------------- Load this stylesheet after formtastic.css in your layouts to override the CSS to suit your needs. This will allow you to update formtastic.css with new releases without clobbering your own changes. For example, to make the inline hint paragraphs a little darker in color than the standard #666: form.formtastic fieldset ol li p.inline-hints {color:#333}
--------------------------------------------------------------------------------------------------*/ form.formtastic fieldset {border-color:#CCCCCC -moz-use-text-color -moz-use-text-color !important; border-style:solid none none !important; border-width:1px 0 0 !important; margin:0 0 10px 0 !important; padding:10px 10px !important}
form.formtastic fieldset legend {padding: 7px !important; font-weight: bold !important}
form.formtastic input[type=text], form.formtastic input[type=password], form.formtastic input[type=file], form.formtastic select {border:1px solid #BBBBBB; -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; padding:7px}
form.formtastic fieldset ol li label {padding: 11px 10px 0 0 !important}
/* User Profile Form */ form.user_profile fieldset {border: none !important}
form.user_profile h1 {font-size: 1.4em; font-weight: bold}
form.user_profile p {font-size: 1.1em; margin-bottom: 25px}
form.user_profile fieldset ol li label {font-size: 13px; color: #999; text-align: left}
form.user_profile input[type=text], form.user_profile input[type=password], form.user_profile textarea {font-size: 14px; width: 65% !important}
form.user_profile select {margin-top: 5px !important; font-size: 16px !important}
form.user_profile input[type=file] {font-size: 10px; width: 20%}
form.user_profile fieldset ol li p.inline-errors {margin-left: 27% !important}
form.user_profile fieldset ol li p.inline-hints {margin:0.5em 0 0 27% !important}
/* Signup Form */ form.signup fieldset ol li label {font-size: 15px; width: 20% !important; color: #222222; text-align: right}
form.signup input[type=text], form.signup input[type=password], form.signup textarea {font-size: 24px; width: 65% !important}
input#active_merchant_billing_credit_card_number {background-image: url('/images/secure.png'); background-position: 250px 7px; background-repeat: no-repeat}
form.signup select {margin-top: 5px !important; font-size: 16px !important}
form.signup input[type=file] {font-size: 18px; width: 20%}
form.signup fieldset ol li p.inline-errors {margin-left: 22% !important}
form.signup fieldset ol li p.inline-hints {margin:0.5em 0 0 22% !important}
form.signup p.toc_info {margin-bottom: 15px !important}
form.signup p.highlight_info {font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,Arial,sans-serif; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background-color: #FFFFCC; padding:10px 15px; font-size:12px; line-height:1.4em; color:#222222; margin: 15px 0}
form.signup p.highlight_info strong {color:#000000; font-weight: bold}
form.signup div#username_availability {padding-top: 10px; margin-left: 22% !important; width: 340px !important}
div.sixtyseconds {background-color: #B7BEC3; color: #ffffff; padding: 10px 10px; font-size: 16px; font-weight: bold}
/* Upgrade Form */ form.signup li.upgrade_plans fieldset ol li label {text-align: left !important; width: 100% !important}
form.signup li.upgrade_plans fieldset ol li label input {margin-right: 15px !important}
form.upgrade input[type="text"], form.upgrade input[type="password"], form.upgrade textarea {width:58% !important}
/* ------------------------------------------------------------------------------------------------- It's *strongly* suggested that you don't modify this file. Instead, load a new stylesheet after this one in your layouts (eg formtastic_changes.css) and override the styles to suit your needs. This will allow you to update formtastic.css with new releases without clobbering your own changes. This stylesheet forms part of the Formtastic Rails Plugin (c) 2008 Justin French --------------------------------------------------------------------------------------------------*/ /* NORMALIZE AND RESET - obviously inspired by Yahoo's reset.css, but scoped to just form.formtastic --------------------------------------------------------------------------------------------------*/ form.formtastic, form.formtastic ul, form.formtastic ol, form.formtastic li, form.formtastic fieldset, form.formtastic legend, form.formtastic input, form.formtastic textarea, form.formtastic select, form.formtastic p {margin:0; padding:0}
form.formtastic fieldset {border:0}
form.formtastic em, form.formtastic strong {font-style:normal; font-weight:normal}
form.formtastic ol, form.formtastic ul {list-style:none}
form.formtastic abbr, form.formtastic acronym {border:0; font-variant:normal}
form.formtastic input, form.formtastic textarea, form.formtastic select {font-family:inherit; font-size:inherit; font-weight:inherit}
form.formtastic input, form.formtastic textarea, form.formtastic select {font-size:100%}
form.formtastic legend {color:#000}
/* FIELDSETS & LISTS --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset {}
form.formtastic fieldset.inputs {}
form.formtastic fieldset.buttons {padding-left:25%}
form.formtastic fieldset ol {}
form.formtastic fieldset.buttons li {float:left; padding-right:0.5em}
/* clearfixing the fieldsets */ form.formtastic fieldset {display: inline-block}
form.formtastic fieldset:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
html[xmlns] form.formtastic fieldset {display: block}
* html form.formtastic fieldset {height: 1%}
/* INPUT LIs --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset ol li {margin-bottom:1.5em}
/* clearfixing the li's */ form.formtastic fieldset ol li {display: inline-block}
form.formtastic fieldset ol li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
html[xmlns] form.formtastic fieldset ol li {display: block}
* html form.formtastic fieldset ol li {height: 1%}
form.formtastic fieldset ol li.required {}
form.formtastic fieldset ol li.optional {}
form.formtastic fieldset ol li.error {}
/* LABELS --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset ol li label {display:block; width:25%; float:left; padding-top:.2em}
form.formtastic fieldset ol li li label {line-height:100%; padding-top:0}
form.formtastic fieldset ol li li label input {line-height:100%; vertical-align:middle; margin-top:-0.1em;}
/* NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets) --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset ol li fieldset {position:relative}
form.formtastic fieldset ol li fieldset legend {position:absolute; width:25%; padding-top:0.1em}
form.formtastic fieldset ol li fieldset legend span {position:absolute}
form.formtastic fieldset ol li fieldset legend.label label {position:absolute}
form.formtastic fieldset ol li fieldset ol {float:left; width:74%; margin:0; padding:0 0 0 25%}
form.formtastic fieldset ol li fieldset ol li {padding:0; border:0}
/* INLINE HINTS --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset ol li p.inline-hints {color:#666; margin:0.5em 0 0 25%}
/* INLINE ERRORS --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset ol li p.inline-errors {color:#cc0000; margin:0.5em 0 0 25%}
form.formtastic fieldset ol li ul.errors {color:#cc0000; margin:0.5em 0 0 25%; list-style:square}
form.formtastic fieldset ol li ul.errors li {padding:0; border:none; display:list-item}
/* STRING & NUMERIC OVERRIDES --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset ol li.string input {width:74%}
form.formtastic fieldset ol li.password input {width:74%}
form.formtastic fieldset ol li.numeric input {width:74%}
/* TEXTAREA OVERRIDES --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset ol li.text textarea {width:74%}
/* HIDDEN OVERRIDES --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset ol li.hidden {display:none}
/* BOOLEAN OVERRIDES --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset ol li.boolean label {padding-left:25%; width:auto}
form.formtastic fieldset ol li.boolean label input {margin:0 0.5em 0 0.2em}
/* RADIO OVERRIDES --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset ol li.radio {}
form.formtastic fieldset ol li.radio fieldset ol {margin-bottom:-0.6em}
form.formtastic fieldset ol li.radio fieldset ol li {margin:0.1em 0 0.5em 0}
form.formtastic fieldset ol li.radio fieldset ol li label {float:none; width:100%}
form.formtastic fieldset ol li.radio fieldset ol li label input {margin-right:0.2em}
/* CHECK BOXES (COLLECTION) OVERRIDES --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset ol li.check_boxes {}
form.formtastic fieldset ol li.check_boxes fieldset ol {margin-bottom:-0.6em}
form.formtastic fieldset ol li.check_boxes fieldset ol li {margin:0.1em 0 0.5em 0}
form.formtastic fieldset ol li.check_boxes fieldset ol li label {float:none; width:100%}
form.formtastic fieldset ol li.check_boxes fieldset ol li label input {margin-right:0.2em}
/* DATE & TIME OVERRIDES --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset ol li.date fieldset ol li, form.formtastic fieldset ol li.time fieldset ol li, form.formtastic fieldset ol li.datetime fieldset ol li {float:left; width:auto; margin:0 .3em 0 0}
form.formtastic fieldset ol li.date fieldset ol li label, form.formtastic fieldset ol li.time fieldset ol li label, form.formtastic fieldset ol li.datetime fieldset ol li label {display:none}
form.formtastic fieldset ol li.date fieldset ol li label input, form.formtastic fieldset ol li.time fieldset ol li label input, form.formtastic fieldset ol li.datetime fieldset ol li label input {display:inline; margin:0; padding:0}
/* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}body{text-align:center;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#hd,#bd,#ft,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}
/* Orange: #e64226 Lighter Orange: #EC715C Light Gray: #e0e0e0 Darker Gray: #878787 Black: #1a1819 */ html {/* Contenders 001027 003b43 484848 303030 D8D8C0 F0F0D8 010d27, bg_gradient_dark.png */ background: #303030; color: #3B352E}
div#bd {/* -moz-box-shadow:0 0 10px #000000; -webkit-box-shadow: 0px 0px 10px #000000; */ }
div#hd {/* 040302 515151 484848 */ background-color: #181818; color: #AAAAAA; padding: 10px 8px 10px; /* border-bottom:1px solid #BFCFCC;*/ /* -moz-box-shadow:0 -3px 10px #000000; -webkit-box-shadow: 0px -3px 10px #000000; */ }
div#hd img {float: left; margin-left: 12px}
div#hd h1.braintrust_title a {display: inline-block; font-size: 1.4em; line-height: 24px; margin-left: 8px; color: #fff; font-weight: bold; padding: 0; float: left}
div#hd h1.braintrust_title a b {color: #ccc}
div#hd h1.braintrust_title a em {color: #eee}
div#hd ul {line-height: 24px; font-size: 14px}
div#hd ul li {float: left; margin-right: 8px}
div#hd ul li.green a {color: #e0e0e0}
div#hd ul li.last {margin-right: none}
div#hd ul li a {padding: 6px; text-decoration: none; color: #e0e0e0}
div#hd ul li a:hover {border-bottom: 3px solid #f9f9f9}
div#hd ul li.green a:hover {border-color: #f9f9f9}
div#hd ul li a:visited {color: #f9f9f9}
div#hd a:active {color: #f9f9f9 !important}
body {font-family: Arial,Helvetica,sans-serif}
html.legal {background-color: #ffffff}
body.legal {background-color: #ffffff; color: #000000; width: 750px; margin: auto}
a, a:visited, a:active {outline: none; text-decoration: none; color: #13548A}
a:hover {color: #13548A; text-decoration: underline}
h1,h2,h3,h4,h5 {}
p {line-height: 1.2}
input[type=text], textarea, input[type=password] {border:1px solid #BDC7D8 !important}
div#footer {color: white}
div#footer a {color: #e0e0e0}
div#question_content {background-color: #ffffff; padding: 24px}
p.large {font-size: 1.4em}
p.medium {font-size: 1.2em}
div.footer_info {margin-left: 100px; padding: 15px}
div.footer {margin: 15px 0}
div.error_div {margin: 15px 0; padding: 3px; border: 5px solid darkred; background-color: red; width: 400px}
div.owner_profile {margin-top: 40px; display:none}
div.owner_profile h1 {font-size: .99em; font-weight: bold}
div.user_menu ul.menu {font-size: .99em}
div.user_menu_container {margin-top: 45px; font-size: 1em}
div.user_menu {text-align: right; float:right; min-width: 300px}
div.user_menu ul {padding: 15px}
div.section-header h1 {color:#333333; font-size:1.1em; font-weight:bold; padding:0pt 0pt 2px; margin: 0 0 10px !important}
div.header_left {background-color: #ffffff; min-height: 235px; padding-bottom: 8px}
div.header_right {height: 210px; min-height: 210px}
div.header_section_title h1 {font-size: 1.2em}
div.header_section_title {margin:0px 0 0 0; padding: 5px 10px}
div.active_braintrust_title, div.blue_title {background-color: #13548A}
div.active_braintrust_title h1, div.blue_title h1 {color: #ffffff}
div.active_braintrust {/* E4F1C3 - original ECE9D8 - tan F9F9F9 - Whitish 2B3B44 - gunmeta */ background: #F9F9F9; padding: 14px 24px; margin:0}
div.active_braintrust img.profile {background-color: #ffffff !important}
div.active_braintrust span.share_profile span p {background-color: #ffffff !important}
div.active_braintrust h1 {font-size: 1.1em}
div.braintrust_network_title {padding: 5px 15px; background-color: #878787; color: #ffffff}
div.braintrust_network {padding: 10px 15px 0 15px; height:88%; max-height: 88%; min-height:86%; font-size: .85em; color: #878787; border-left:1px solid #dedede; border-right:1px solid #dedede}
div.white_bg {background-color: #ffffff}
div.braintrust_network a.braintrust_name {background-color: #13548A; color: white; text-decoration: none; font-weight: bold; padding: 0 3px; font-size: 1.2em !important}
div.braintrust_network a.braintrust_name:hover {background-color: #7BB4E0}
div.braintrust_network strong {font-weight: bold; font-size: 1.1em !important; color: #e64226}
ul.braintrust_network_list li {margin-bottom: 8px}
div.container {background-color: #ffffff}
div.content {clear:both; padding: 24px}
div.content.no_tb {padding-top: 4px !important; padding-bottom: 4px !important}
div.braintrust_list {min-height: 150px; padding: 5px 0}
div.braintrust_charter h2, input.braintrust_name {color: #000000 !important; font-weight: bold; font-size: 1.4em !important; line-height: 1.2em; padding:0}
div.braintrust_charter p, input.braintrust_description {font-size: 1.1em !important}
#flash_notice {font-weight: bold; text-align: center; color: black; background-color: #E8E2B0; padding: 5px 5px; margin: 5px 0 10px 0}
.orange_background {background-color: #e64226; color: #ffffff}
.white_background {background-color: #ffffff}
div.thickborder {border: 3px solid #dedede !important}
div.border {/* border-left:1px solid #dedede; border-right:1px solid #dedede; */}
ul.vmenu li {padding: 3px 0}
ul.vmenu li:before {content: "\0020 \0020 \0020 \00BB \0020"}
ul.hmenu li {float:left; display:block; margin: 0 3px}
ul.hmenu li.first {margin: 0}
ul.menu li.first {}
ul.menu li {font-size: 1.1em}
ul.hmenu li:after {content: " | "}
ul.hmenu li.last:after {content: ""}
ul.menu li span {color: #999; font-size:.85em}
ul.tabmenu li a {text-decoration: none; color: #ffffff; padding: 2px 6px}
ul.tabmenu li a:hover {background-color: #EC715C}
ul.tabmenu li.selected a {background-color: #EC715C; font-weight:bold}
ul.tabmenu_mini {display:block}
ul.tabmenu li {width: 100%; display:block}
ul.tabmenu_mini {border-bottom: 2px solid #13548A; display:block; padding-bottom: 23px; font-size: 1.1em}
ul.tabmenu_mini li {border: 1px solid #13548A; border-width: 1px 1px 0 1px; padding: 2px}
ul.tabmenu_mini li:after{ content: "" !important}
ul.tabmenu_mini li a {text-decoration: none; color: #13548A; padding: 0 6px}
ul.tabmenu_mini li a:hover {background-color: #7BB4E0; color: #ffffff}
ul.tabmenu_mini li.selected {background-color: #13548A; font-weight:bold}
ul.tabmenu_mini li.selected a {color: #ffffff}
ul.braintrust_members {margin: 3px 0; max-height:100px; overflow:hidden}
ul.tallmenu li {line-height: 180%}
ul.braintrust_members li {list-style: none; display:inline; margin:0 1px 0 0 !important; float:left}
ul.braintrust_members li span img {display:block}
span.xmpp {display: inline; min-height:47px}
span.xmpp_online, span.new_user {line-height: 1em; display: inline}
span.xmpp_online p {background:#F0F0F0 url(/images/icons/bullet_green.png) no-repeat scroll -1px 60%; font-size:9px !important; padding:0 0 2px 13px; text-align:left; line-height: 1em}
span.new_user p {background: #ffffff; font-size:9px !important; padding:0 0 2px 0; line-height: 1em; text-align:center}
li.new_user img {background-color: #f9f9f9 !important; border: 1px solid #e0e0e0; -moz-border-radius: 3px; -webkit-border-radius: 3px}
li.new_user img:hover {background-color: #ffffff !important}
#user_profile_container div.left span.xmpp.jid_tawheed.xmpp_online p {width: 45px; margin-left: 1px}
li.mini span.xmpp p {background:#ffffff url(/images/icons/bullet_green.png) no-repeat scroll -3px -3px; line-height:8px; margin-left:1px; padding-left:10px; width:28px}
li.clickable.topic.fitted ul.braintrust_members li.mini span p {background-color: #F0F0F0}
ul.braintrust_members li.selected img {background-color: #ffffff; border: 2px solid #13548A !important; border-bottom: none !important; position: relative; padding: 10px; top: 10px}
ul.braintrust_members li.mini img {width: 32px !important; height: 32px !important; padding: 3px !important}
div.admin_tab {background-color: #7BB4E0; border-bottom: 2px solid #13548A }
ul.admin_tab {clear:both; margin:0px; padding: 3px 15px }
ul.voter_list {margin:0}
div.voting_menu {text-align:center; margin: 0 0 20px 68px}
div.braintrust_management_menu {margin: 5px 0}
img.profile {margin: 1px 1px 0 1px; background-color:#F0F0F0; padding: 5px; display: block}
span.answer_owner_profile img.profile_tiny, ul.voter_list li img {width: 38px !important; height: 38px !important; padding: 4px !important; background-color: #ebebeb !important; margin: 0px !important}
span.answer_owner_profile span p, ul.voter_list li span p {width: 24px !important; letter-spacing: 0}
img.profile_tiny {width: 48px; height: 48px}
img.profile_small {width: 64px; height: 64px}
img.profile_large {width: 87px; height: 87px}
img.profile_dim {filter:alpha(opacity=50); opacity:0.5}
div.question_summary {padding: 10px; border: 1px solid #eee; text-align:left}
div.closeout {width: 580px; text-align: left}
div.question {max-width: 568px}
div.active_question_container {padding: 6px; overflow:hidden; border-bottom: 1px solid #eee}
div.active_question_container.hovered {border-color: #eee !important}
div.active_question_container span.count {float: left; margin: 10px 10px 0 0}
div.active_question_container div.braintrust_members p.meta {padding: 8px 4px}
div.active_question_container div.braintrust_members img {width: 24px !important; height: 24px !important; padding: 3px}
div.topic_name h1 {font-size: 1em; font-weight: bold !important}
div.topic_name h1 a {font-size: 1.3em; color: #1A60A0}
div.active_question_container div.topic_name {padding: 10px; float: left; width: 568px}
div.topic_name p {max-width: 500px}
div.active_question_container.hovered div.topic_name h1 a {color: #485C5A}
ul.past_questions_list li {float: left; width: 442px; margin: 15px 20px 15px 0}
ul.past_questions_list li ul.braintrust_members {max-height: 140px}
ul.past_questions_list li ul.braintrust_members li {float: left; width: auto}
ul.past_questions_list li div.question_summary {min-height: 151px !important; max-height: 151px !important; height: 151px !important; overflow:hidden}
ul.past_questions_list div.question_summary h1 {font-weight: bold}
div.question_summary h1 a {text-decoration:none}
div.conversations {padding-top:10px; background: #F9F9F9}
div.context {background-color:#ffffff; border-top: 2px solid #e5e5e5; display:block; vertical-align:bottom}
ul.mini_questions_list {position: relative; margin-bottom: -2px}
ul.mini_questions_list li.topic {font-size: .9em !important; background: transparent; border: 2px solid #e5e5e5; border-bottom: none; margin: 0 0 0 10px; float: left; height: 60px; width: 145px}
ul.mini_questions_list li.topic.active {background: #ffffff; position: relative}
ul.mini_questions_list li.new_topic {font-size: .9em !important; background: transparent; margin: 0 0 0 24px; float: left; width: 145px; height: 40px; margin-top: 20px}
ul.mini_questions_list li.new_topic img {display: inline-block; width: 22px}
ul.mini_questions_list li.new_topic a {display: inline-block; position: relative; top: -7px}
ul.mini_questions_list li.topic p {margin: 0 6px 0 6px; font-size: 1em; line-height: 1.3em; color: gray}
div.conversations ul.mini_questions_list li.topic img.member_profile {width: 24px; height: 24px; padding: 3px; margin: 4px 6px}
ul.mini_questions_list li.topic h1 {font-size: 1.1em; margin: 6px 6px 2px}
ul.mini_questions_list li.mini_topic_container h1 a {color: #1A60A0}
ul.mini_questions_list li.mini_topic_container.casual p {max-width: 100px; margin-right: 0px}
ul.mini_questions_list li.mini_topic_container.casual span.count {margin-top: 12px}
ul.mini_questions_list li.topic div.topic_details {background-color: #f9f9f9; padding: 6px}
ul.mini_questions_list li.topic div.topic_details p.topic_details {font-size: .9em !important}
ul.mini_questions_list li.topic div.topic_details p.meta {margin-bottom: 8px}
div.question h2, input.question, h2.question {font-weight: bold; font-size: 1.4em !important; color: #e64226; margin:0; padding: 0}
div.question span.textile_container {display:block; margin-top: 5px}
div.question span.textile_container, textarea.question_details {font-size: 1.1em}
div.question_actions {font-size:11px; padding:6px 0}
div.question_meta {border-left: 1px solid #e3e0e0; margin-left:0 !important; padding-left:18px !important}
div.question_meta p {font-size: 1.1em}
div.question ul.question_actions li {float:left; margin-left: 8px}
div.question ul.question_actions li.txt {padding-top: 8px}
div.question ul.question_actions li:first-child {margin-left: 0px !important}
div.visitor_info {background-color: #ffffff; border:1px solid #dedede; padding: 22px; margin: 0 0 20px 0}
div.visitor_info div {float: left}
div.visitor_info div.visitor_profile {font-size: .9em; font-weight: bold; color: #999; margin-right: 30px}
div.visitor_info div.visitor_message {width: 66%}
div.visitor_info div.visitor_message h1 {font-size: 1.4em; margin-bottom: 8px; color: #000000; font-weight: bold}
div.visitor_info div.visitor_message h2 {font-size: 1.2em; margin-bottom: 12px; color: #999999; font-weight: bold}
div.visitor_info div.visitor_message p {line-height: 1.2em; font-size: 1.1em !important}
a.postidea_link {font-size: 1.3em; color: #ffffff}
a.postidea_link:hover {color: #c8ddef}
div.question a.local_link_button:hover {cursor: hand; cursor: pointer}
div.answers {/* margin-top: 30px;*/ background-color: #ffffff}
div.answer_container {padding: 24px 24px}
div.answer div.share_imageshares {background-color: #f7f7f7; font-size:1em; font-weight:normal; margin: 6px 0; padding:8px}
div.answer div.share_imageshares ul li {float: left; padding: 3px}
div.answer div.share_fileshares {background-color: #f7f7f7; font-size:1em; font-weight:normal; margin: 6px 0; padding:8px}
div.answer div.share_fileshares ul li {background:transparent url(/images/file_icon.png) no-repeat scroll 0 0; padding:0 3px 3px 25px}
div.answer {max-width: 570px; padding-right: 25px}
input.answer {width: 100%}
div.answer h2 {font-weight: bold; font-size: 1.4em !important; line-height: 1.2em; padding:0; margin-bottom: 3px}
div.answer h3 {font-size: 1em; line-height: 1em; margin: 0; color: #999}
div.answer span.answer_textile_container, textarea.answer_details {font-size: 1.1em; line-height: 1.2em}
p.answer_details {margin: 5px 0}
div.answer_actions {font-size:11px; margin-top:6px; padding:6px 0}
div.answer_votedetails {border-left: 1px solid #eee; margin-left:0 !important; padding-left:18px !important}
div.answer_owner.left {margin-right: 10px; margin-bottom: 10px; background-color: #eee}
div.answer_votedetails p.meta {font-size: 1.1em !important}
input.question {width: 568px !important}
li#question_question_input label {display:none !important}
li#question_voting_input fieldset legend label {/* color:#878787 !important; font-size:1.1em; margin-bottom:2px; font-weight: normal; */}
li#question_voting_input fieldset ol li label {width: 100%}
input.big_answer, input.answer {font-size: 1.6em; font-weight: bold; line-height: 1.2em; padding:6px; margin-bottom: 3px; width: 560px}
input.new_share {width: 93%; margin: 10px}
input.braintrust_name {font-size: 1em; font-weight: bold; line-height: 1.2em; padding:6px; margin-bottom: 3px; width: 120px}
textarea.answer_details {width: 558px !important; padding: 7px !important}
textarea.question_details {width: 558px !important; padding: 7px !important}
span.emphasis {color: #e64226; font-size: 1.4em; font-weight: bold}
span.emphasis sup {vertical-align: super; font-size: .4em}
span.subtle {color: #999999; font-size: .85em}
span.username {/* font-weight: bold !important;*/ /* color: #e64226;*/ }
span.formlabel {font-size: 1.1em; margin-bottom: 2px; /* color: #878787;*/ /* display:block;*/ color: #556677}
span.formlabel_hint {float:right; color: #aaa; font-weight:normal; font-size:.9em !important !important; margin-top:3px}
.form_secondary {display:none}
div.interaction_help {font-size: .9em; color: #AAAAAA; margin-top: 0 !important; padding-top: 0 !important}
span.or {color:#E64226; font-size:1.4em; font-weight:bold; margin-right:10px}
img.voters {width: 30px; height: 35px}
div.answer_votedetails ul li {margin-left: 0px; margin-bottom: 3px; margin-right: 15px; margin-top: 3px}
div.activities {margin: 5px 0 15px 15px !important; width: 594px}
div.activities div.activity {padding: 8px 3px; border-bottom: 1px solid #e3e0e0}
div.activities div.activity:hover, div.activities div.activity_new:hover {background-color: #eeeeee}
div.activities div.activity_new {background-color: #F9F7ED}
div.activities div.more_comments_link {text-decoration: underline; color: #0000FF; padding-bottom: 10px}
div.activities div.more_comments_link:hover {color: #13548A}
div.activities div.activity:last-child {border-bottom: none}
div.activity div.activity_who {width: 64px; min-width: 64px; max-width: 64px}
div.activity div.activity_who img {padding: 4px !important; background-color: #ebebeb !important; margin: 0px !important}
div.activity div.activity_what {margin-left: 17px; max-width: 486px; width: 486px; min-width: 486px; padding: 2px}
div.activity div.activity_what div.meta {font-size: .9em; padding: 0 2px}
div.activity div.activity_what div.meta a {text-decoration: none !important; padding: 3px 0}
div.activity div.activity_what div.activity_content {height:46px !important; max-height: 46px !important; min-height: 46px !important; font-weight:normal; overflow: hidden !important; text-overflow: ellipsis; padding: 2px 41px 2px 2px}
div.activity div.activity_what div.activity_content * {font-size: 1em}
div.activities div.activity_what div.meta span.verb {background-color: #FFF6A9}
div.activities div.activity_what div.meta span.date {color: #878787}
div.activity div.activity_action {margin-top: 2px; margin-right: 1px; max-width: 10px; display:none}
div.comments {margin: 24px 0 0px 50px; width: 520px}
div.comments div.comment {margin: 0px 0; padding: 8px 7px; border-bottom: 1px solid #f0f0f0}
div.comments div.new_comment {margin: 0}
div.comments div.more_comments_link {text-decoration: underline; color: #0000FF; padding-bottom: 10px}
div.comments div.more_comments_link:hover {color: #13548A}
div.comments div.comment:last-child {border-bottom: none; padding-bottom: 0 !important; margin-bottom: 0 !important}
div.comment div.comment_who {width: 38px; min-width: 38px; max-width: 38px}
div.comment div.comment_who img {width: 38px !important; height: 38px !important; padding: 4px !important; background-color: #ebebeb !important; margin: 0px !important}
div.comment div.comment_who span p {width: 33px !important}
div.comment textarea.new_comment {font-size: 1em !important; font-weight: normal; margin: 0px; margin-bottom: 10px; width: 435px; min-height: 30px; padding: 6px}
div.comment div.comment_what {margin-left: 15px; max-width: 446px; width: 446px; min-width: 446px; padding: 0 2px; font-weight:bold}
div.comment div.comment_what span.comment_content {margin-top: 3px; font-weight:normal; overflow:none}
div.comment div.comment_what span.comment_content * {font-size: 1em}
div.comments div.comment_what p.meta {font-size: 1em; font-weight: normal}
div.comments div.comment_what p.meta b {font-weight: normal}
b.username {font-weight: bold}
div.comment div.comment_action {margin-top: 2px; margin-right: 1px; max-width: 10px; display:none}
p.meta, li.meta, .meta, abbr {color: #878787 !important}
div.vote_button_container {margin-left: 48px; width: 124px; max-width: 220px; padding: 0}
div.vote_button_container a {color: #ffffff; text-decoration: none}
div.vote_button {background: url('/images/vote_button_small.png') no-repeat; height: 32px; width: 124px; max-width: 124px; font-size: 1.4em; text-align: center; color: #ffffff; padding-top: 4px}
div.vote_button strong {font-size: .6em !important}
div.vote_button:hover {color: #fad6cc}
div.vote_explanation {color: #878787; font-size: 1em !important; margin-left: 48px; margin-top: 5px; max-width: 200px; font-weight: bold; display:none}
div.meta_block {margin: 15px 0; letter-spacing: -1px}
div.item_credit {margin-top: 0px !important}
div.meta_block span {min-width: 33px; text-align: right; float:left}
div.meta_block span.details {margin-left: 15px; margin-top: 5px; line-height: 1.3em; text-align: left}
div.answer_votedetails div.meta_block.item_credit span.details {margin-left: 10px}
#footer {margin-top: 15px; text-align: center; color: #ffffff}
#footer a {color: #e0e0e0}
div.callout_up {height: 0; width: 0; border-bottom: 12px solid #C9C2C1; border-left: 12px dotted transparent; border-right: 12px dotted transparent; left: 0px; top: 0px; margin-left: 10px; z-index: 10}
div.callout_up2 {position: relative; left: -10px; top: 2px; height: 0; width: 0; border-bottom: 10px solid #e0e0e0; border-left: 10px dotted transparent; border-right: 10px dotted transparent; z-index: 11}
div.callout_down {height: 0; width: 0; border-top: 12px solid #C9C2C1; border-left: 12px dotted transparent; border-right: 12px dotted transparent; left: 0px; top: 0px; margin-left: 20px; z-index: 11}
div.callout_down2 {position: relative; left: -10px; top: -12px; height: 0; width: 0; border-top: 10px solid #e0e0e0; border-left: 10px dotted transparent; border-right: 10px dotted transparent; z-index: 10}
div.callout_container_up {background-color: #e0e0e0; border: solid 1px #C9C2C1; position: relative; top: -1px; z-index: 9; width: 500px; padding: 4px}
div.callout_container_down {background-color: #e0e0e0; border: solid 1px #C9C2C1; position: relative; top: 1px; z-index: 3; width: 500px; padding: 4px}
div.graybox {background-color:#E0E0E0; border:1px solid #C9C2C1; padding:4px}
li.ask a {font-weight: bold}
li.ask a:hover {}
div.new_answer_form_container {margin: 15px 0; /* padding-top: 15px;*/ }
.comment_textile_container {font-size: .8em}
.textile_container {line-height: 1.2}
.textile_container p {margin: 10px 0 0 0 !important}
.textile_container p:first-child {margin: 0 0 !important}
.textile_container p strong {font-weight: bold}
.textile_container p em {font-style: italic}
.textile_container p del {text-decoration: line-through}
.textile_container ol, .textile_container ul {margin: 5px 0}
.textile_container ul li {list-style: disc outside; margin-left: 1.5em; margin-top: 3px}
.textile_container ol li {list-style: decimal outside; margin-left: 1.5em; margin-top: 1.2em}
.textile_container h1 {font-size: 1.4em !important; color: black !important; font-weight: bold !important}
.textile_container h2 {font-size: 1.4em !important; color: black !important; font-weight: bold !important}
.textile_container h3 {font-size: 1.4em !important; color: black !important; font-weight: bold !important}
.textile_container h4 {font-size: 1.4em !important; color: black !important; font-weight: bold !important}
.red {color: red !important}
.right {float:right}
.left {float:left}
.clear {clear:both}
.clearf {display:inline-block}
.clearf:after {display:block; visibility:hidden; clear:both; height:0; content: "."}
a.f_link, a.cancel_link, .nav_link {cursor: hand; cursor: pointer; padding:6px; display: inline-block; background-color: #eee !important; border: 1px solid #e9e9e9; padding: 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-decoration: none !important; color: #485C5A; margin: 0 3px}
a.f_link:hover, a.cancel_link:hover {cursor: hand; cursor: pointer; text-decoration: underline; border-color: #999}
.nav_link:hover {background-color: #ccc}
.non_nav_link {padding:6px;margin:0;display:inline}
div.account_admin h1 {font-size: 14px; font-weight: bold; margin-bottom: 6px}
span.account_status_green, span.account_status_yellow, span.account_status_red {padding: 2px; margin: 0 4px 0 0; color: white}
span.account_status_green {background-color: green}
span.account_status_yellow {background-color: yellow; color: black}
span.account_status_red {background-color: red}
div.user_admin {padding-top: 25px}
div.user_admin div.meta_block {padding: 2px; margin:0 !important}
div.user_admin div.meta_block {background-color: #ccc}
div.user_admin div.meta_block span.details {font-size: 1.2em; font-weight: normal}
div.user_admin h2 {font-weight: bold; font-size: 1.7em; line-height: 1.2em; padding:0}
div.user_admin h3 {font-size: 1.2em; line-height: 1em; margin: 0; color: #999}
div.user_admin ul li {font-size: 1.1em; color: #999 !important}
div.user_admin span.emphasis {font-size: 1.1em !important; font-weight: bold}
div.user_admin span.formlabel {font-size: 1.2em !important}
span.gray {color: #878787}
div.new_braintrust h2 {font-size: 1.4em; font-weight: bold; color: #e64226; margin-bottom: 3px}
div.new_braintrust p {font-size: 1.1em}
table.new_braintrust_members tbody tr th, table.new_braintrust_members tbody tr td {padding: 3px}
table.new_braintrust_members tbody th {font-weight: bold; width: 25px}
div.new_braintrust span.formlabel {color: #e64226 !important}
div.new_braintrust span.braintrust_name_frame_text {font-weight: bold; font-size:1em; font-weight:bold; line-height:1.2em; margin-bottom:3px; padding:8px; color: #ccc; float:left}
div#validation_reminder {background-color: #ffffff}
div#validation_reminder p {font-size: 1.4em; color: #999}
div.contact {text-align: center; font-size: 1.2em}
div.contact a {font-weight: bold}
ul.nuf_questions {font-size: 1em !important}
ul.nuf_questions li {margin-bottom: 15px}
ul.nuf_questions li h1 {font-size: 1.2em !important; font-weight: bold; color: #878787; margin:0 !important; padding:0 !important}
li.step-1, p.step-1 {background: url('/images/step-1-green.png') no-repeat; padding-left: 35px}
li.step-2, p.step-2 {background: url('/images/step-2-green.png') no-repeat; padding-left: 35px}
li.step-3, p.step-3 {background: url('/images/step-3-green.png') no-repeat; padding-left: 35px}
label.error {font-size:.9em; color: #CC0000; background: url(/images/neatboxes/icon-red.png) 0px 6px no-repeat; color: #CC0000; font-weight: bold; padding: 4px; text-align: center; padding-left: 18px}
input.valid {background-color: #c2d27d; border: 2px solid #9cac74}
input.error {background-color: #F7CBCA; border: 2px solid #CC0000}
input[type=text], textarea, input[type=password] {background:#FFFFFF url(/images/input_bg.gif) repeat-x scroll center top}
.jslink {cursor: hand; cursor: pointer}
.jslink:hover {cursor: hand; cursor: pointer}
.clearfix {display: inline-block}
/* Holly Hack Targets IE Win only \*/ * html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */ /* Simple scalable breadcrumb by Veerle Pieters ------------------------------------------------------------------*/ #crumbs {height: 2.7em}
#crumbs li {float: left; line-height: 2.7em; color: #777; padding-left: .75em}
#crumbs li a {background: url(/images/crumbs.gif) no-repeat right center; display: block; padding: 0 15px 0 0}
#crumbs li a:link, #crumbs li a:visited {text-decoration: none}
#crumbs li a:hover, #crumbs li a:focus {}
div.crumbs_status_container {background-color: #ffffff; /*-webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px;*/ }
div.crumbs_container {margin-left: 10px; float:left; width: 93%}
div.realtime_status_container {float:right; height: 2.3em}
img#realtime_status {display:none; padding-top: 14px; padding-right: 10px}
/* CSS Tabs */ /* root element for tabs */ ul.tabs {margin:0!important; padding:0; height:24px; border-bottom:2px solid #13548A}
/* single tab */ ul.tabs li {float:left; padding:0; margin:0 3px 0 0px; list-style-type:none}
/* link inside the tab. uses a background image */ ul.tabs li a {float:left; font-size:0.9em; display:block; padding:4px 9px; text-decoration:none; border:1px solid #13548A; border-bottom:0px; height:14px; background-color:#FFFFFF; color:#13548A; margin-right:2px; position:relative; top:1px}
ul.tabs li a:hover {background-color:#7BB4E0; color:#ffffff}
/* selected tab */ ul.tabs li a.current {background-color:#13548A !important; border-bottom:2px solid #13548A; color:#FFFFFF; cursor:default; font-weight: bold}
ul.tabs a.non_ajax_link {padding:7px 5px}
ul.tabs li.meta {float:right}
ul.tabs li.meta a {background-color: #e6e8ea; height:15px; margin:5px 3px; padding:4px 30px; font-size: .9em}
ul.tabs li.meta a:hover {background-color:#7BB4E0; color:#13548A}
div.panes {padding-top: 8px}
div.share {/* border-top:1px dashed #878787;*/ padding:10px 0; overflow:hidden}
div.activity_new {background-color: #F9F7ED}
div.notify_now {margin-top: 16px}
div.share_meta {font-size: 1em; padding: 0px 6px}
div.share div.share_profile {margin:0 7px 0 0}
span.share_profile img {background-color:#F0F0F0 !important; height:48px !important; margin:0 !important; padding:4px !important; width:48px !important}
div.share div.share_content {padding: 2px; max-width: 500px; min-width: 500px; width: 500px; font-size:1em; font-weight:normal}
div.share div.share_actions {font-size: 11px; padding: 4px 0; margin-left: 4px; position: relative}
div.share div.comments {margin-left: 64px !important; width: 520px}
div.share div.comments div.comment div.comment_what {min-width: 435px !important; max-width: 435px !important; width: 435px !important}
div.share div.share_meat {padding:0px 6px; margin: 3px 0 6px 0}
div.share div.comment textarea.new_comment {width: 420px !important; margin-bottom: 2px}
div.share div.share_delete {display:none}
div.share div.share_imageshares {background-color: #f7f7f7; font-size:1em; font-weight:normal; margin: 6px; max-width:480px; min-width: 480px; padding:8px; width:480px}
div.share div.share_imageshares ul li {float: left; padding: 3px}
div.share div.share_fileshares {background-color: #f7f7f7; font-size:1em; font-weight:normal; margin: 6px; max-width:480px; min-width: 480px; padding:8px; width:480px}
div.share div.share_fileshares ul li {background:transparent url(/images/file_icon.png) no-repeat scroll 0 0; padding:0 3px 3px 25px}
object#fileshare_fileUploader {left:-10px; margin-top:9px; position:relative; visibility:visible}
h1.share_header_instructions {font-size: 1.4em; font-weight: bold}
div.braintrust_persona div.share_content {padding: 2px; width: 230px; max-width: 230px; min-width: 230px; font-size:1em; font-weight:normal}
input.blur, textarea.blur {color: #999}
textarea.new_share {font-size:1.1em; padding:8px; width:480px; border: 1px solid #BDC7D8}
input.share_submit {margin: 7px 0; float: right}
div#new_share_div {margin-bottom: 15px; max-width: 558px}
div.share_meat img, div#new_share_preview img {max-width: 488px}
div#new_share_preview {background-color:#EEEEEE; border:1px solid #CCCCCC; margin-left:52px; padding:5px}
input#new_share_media_textbox {border: 1px solid #BDC7D8; padding: 6px; font-size: 1.1em; width:485px; margin: 5px 0}
span.about_braintrust {font-size: 1.1em; padding: 4px; margin-bottom: 20px}
div.about_braintrust_content {padding: 2px; margin-left: 10px; float: left; max-width: 568px}
div.content_section_header h1 {font-size: 1.1em; border-bottom: 1px solid #eee; font-weight:bold; padding: 6px 0; color: #e64226; margin: 10px 0}
div.rpx_signup_casual {position: relative; margin-left: -48px; margin-top: -6px; width: 388px}
div.rpx_signup_casual h1 {margin-left: 38px !important; margin-bottom: 0 !important; font-weight: bold}
div.content_section_header p {font-size: 1em; color: #878787}
div.content_section_header h1 span.header_link {font-weight:normal}
div.mini_section {border-left: 1px solid #e3e0e0; margin-left:0 !important; padding-left:16px !important}
div.yui-u.mini_section.mini_question_summary {border-left: 1px solid #eee !important; padding-left: 22px !important}
div.braintrust_interact {margin:0; position:relative; background: #D6E4E1 url('/images/texture.png'); padding: 24px; xpadding: 0px 4px !important; xbackground: #f9f9f9; xborder: 1px solid #eee}
div.braintrust_interact_casual {margin:0}
div.nav_bar {margin: 0 0 24px 0; border:1px solid #E0E0E0; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-radius:4px; background-color:#699006; color:white; font-size:1.1em; left:-3px; padding:3px 6px; position:relative}
div.nav_bar a {color: white; text-decoration: none; font-weight: normal !important; padding: 4px}
div.nav_bar a:hover {text-decoration: underline}
ul.past_questions_list {margin-top: 0; margin-bottom: 12px}
/* Uploadify */ div#file_uploader_upload_queue {margin-top: 10px}
.uploadifyQueueItem {padding: 10px; width: 480px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0}
.uploadifyError {border: 2px solid #FBCBBC !important; background-color: #FDE5DD !important}
.uploadifyQueueItem span.fileName {width: 370px; float:right}
.uploadifyQueueItem span.percentage {display: none}
.uploadifyQueueItem .cancel {margin-right: 10px; float: right}
.uploadifyProgress {float:left; background-color: #FFFFFF; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; width: 75px}
.uploadifyProgressBar {background-color: #009900; width: 1px; height: 15px}
a.new_comment {background: transparent url('/images/comment_icon.png') no-repeat 5px 3px; padding-left: 26px !important}
a.start_discussion {background: transparent url('/images/discussion_icon.png') no-repeat 5px 3px; padding-left: 26px !important}
a.share_feedback {background: transparent url('/images/comment_icon.png') no-repeat 3px 3px; padding-left: 26px !important}
a.share_feedback_complete {background: #EEEEEE url('/images/feedback_done_icon.png') no-repeat 3px 1px !important}
a.share_star {background: transparent url('/images/star_empty.png') no-repeat 3px 3px; padding-left: 15px !important}
a.share_starred {background: transparent url('/images/star_full.png') no-repeat 3px 3px; padding-left: 15px !important}
a.share_delete {background: transparent url('/images/document_delete.png') no-repeat 3px 3px; padding-left: 15px !important}
a.edit_topic {background: transparent url('/images/edit_topic_icon.png') no-repeat 6px 3px; padding-left: 26px !important}
a.close_topic {background: transparent url('/images/close_topic_icon.png') no-repeat 5px 3px; padding-left: 26px !important}
a.print_topic {background: transparent url('/images/print_topic_icon.png') no-repeat 6px 3px; padding-left: 26px !important}
/* ============== */ /* = Pagination = */ /* ============== */ .digg_pagination {background: white; /* self-clearing method: */ }
.digg_pagination a, .digg_pagination span {padding: .2em .5em; display: block; float: left; margin-right: 1px}
.digg_pagination span.disabled {color: #999; border: 1px solid #DDD}
.digg_pagination span.current {font-weight: bold; background: #2E6AB1; color: white; border: 1px solid #2E6AB1}
.digg_pagination a {text-decoration: none; color: #105CB6; border: 1px solid #9AAFE5}
.digg_pagination a:hover, .digg_pagination a:focus {color: #003; border-color: #003}
.digg_pagination .page_info {background: #2E6AB1; color: white; padding: .4em .6em; width: 22em; margin-bottom: .3em; text-align: center}
.digg_pagination .page_info b {color: #003; background: #6aa6ed; padding: .1em .25em}
.digg_pagination:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
* html .digg_pagination {height: 1%}
*:first-child+html .digg_pagination {overflow: hidden}
.apple_pagination {background: #F1F1F1; border: 1px solid #E5E5E5; text-align: center; padding: 1em}
.apple_pagination a, .apple_pagination span {padding: .2em .3em}
.apple_pagination span.disabled {color: #AAA}
.apple_pagination span.current {font-weight: bold; background: transparent url(apple-circle.gif) no-repeat 50% 50%}
.apple_pagination a {text-decoration: none; color: black}
.apple_pagination a:hover, .apple_pagination a:focus {text-decoration: underline}
.flickr_pagination {text-align: center; padding: .3em}
.flickr_pagination a, .flickr_pagination span {padding: .2em .5em}
.flickr_pagination span.disabled {color: #AAA}
.flickr_pagination span.current {font-weight: bold; color: #699006}
.flickr_pagination a {border: 1px solid #DDDDDD; color: #0063DC; text-decoration: none}
.flickr_pagination a:hover, .flickr_pagination a:focus {border-color: #003366; background: #0063DC; color: white}
.flickr_pagination .page_info {color: #aaa; padding-top: .8em}
.flickr_pagination .prev_page, .flickr_pagination .next_page {border-width: 2px}
.flickr_pagination .prev_page {margin-right: 1em}
.flickr_pagination .next_page {margin-left: 1em}
/* ========== */ /* = Fitted = */ /* ========== */ .fitted {cursor: hand; cursor: pointer}
.hovered {background-color: #FAFAFA !important; border-color: #AAAAAA !important; cursor: hand; cursor: pointer}
/* ====================== */ /* = BrainTrust Persona = */ /* ====================== */ h1.meta_header {font-size: 1.2em !important; font-weight: normal !important; margin-bottom: 3px !important}
div.user_profile_details {font-size: 1em; margin-left: 4px; margin-top: 6px; max-width: 220px}
div.braintrust_persona {font-size: .9em; line-height: 1.3em !important; padding: 0 !important}
div.braintrust_persona_content {max-width: 230px}
div.braintrust_persona h1, div.user_profile_details h1 {font-weight: bold; font-size: 1.4em; padding: 0; margin-bottom: 4px}
div.braintrust_persona h2, div.user_profile_details h2 {color: #9c9c9c; font-weight: normal; font-size: 1em}
div.braintrust_persona a.nice_link {margin: 2px 0}
ul.user_profile_social_properties li {font-size: 1em; padding-left: 25px; padding-bottom: 3px}
.phone {background: url('/images/icons/phone.png') no-repeat 3px 0px}
.website {background: url('/images/icons/page.png') no-repeat 3px 0px}
.twitter_id {background: url('/images/icons/twitter.png') no-repeat 3px 0px}
.facebook_id {background: url('/images/icons/facebook.png') no-repeat 3px 0px}
.linkedin_id {background: url('/images/icons/linkedin.png') no-repeat 3px 0px}
/* ============================================== */ /* = TODO: Delete these once they're phased out = */ /* ============================================== */ .buttonlist_clear {/* generic container (i.e. div) for floating buttons */ overflow: hidden; width: 100%}
a.button_right {float: right !important}
a.button {background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right; color: #444; display: block; float: left; font: normal 12px arial, sans-serif; height: 24px; margin-right: 6px; padding-right: 18px; text-decoration: none; cursor: hand; cursor: pointer}
a.button span {background: transparent url('/images/bg_button_span.gif') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px}
/*a.button:active {background-position: bottom right; color: #000; outline: none}
a.button:active span {background-position: bottom left; padding: 6px 0 4px 18px}*/ span.buttonlist_label {line-height: 1.8em}
span.buttonlist_label_left {float: left !important}
span.buttonlist_label_right: {float: right !important}
/* ============================ */ /* = Homebase for Braintrusts = */ /* ============================ */ div.homebase_braintrust_list {background: #ffffff; padding-bottom: 12px}
div.liner {background-color: #e0e0e0; -moz-border-radius:3px; -webkit-border-radius: 3px; border: 3px solid #ffffff; -moz-box-shadow: 0 0 5px #c0c0c0; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5)}
div.user_profile_container, div.new_braintrust_container {width: 97%; margin: 0 0 12px 0}
div.braintrust_container {padding: 6px; overflow:hidden}
div.braintrust_container span.count {float: left; margin: 10px 10px 0 0}
div.braintrust_container div.braintrust_members {display: inline; float: right}
div.braintrust_container div.braintrust_members img {width: 24px !important; height: 24px !important; padding: 3px}
div.braintrust_container div.braintrust_name {padding: 10px; float: left}
div.braintrust_container.hovered div.braintrust_name h1 a {color: #485C5A; text-decoration: underline}
div.braintrust_container.hovered {background-color: #ffffff !important}
div.user_profile_header {padding: 12px 0; background-color: #718A5E; color: white}
div.user_profile_container img.profile {}
div.braintrust_name h1 {font-size: 1em; font-weight: bold !important}
div.braintrust_name h1 a {font-size: 1.1em; color: #1A60A0}
div.homebase.mini_section {border-color: #eee; padding-left: 28px !important}
div.braintrust_name ul img.profile {width: 32px !important; height: 32px !important; background-color: #ffffff}
div.braintrust_recent_activity {padding: 6px 12px; min-height: 65px}
div.recent_activity {font-size: 11px; xborder-bottom: 1px solid #e0e0e0}
div.recent_activity_actor img {width: 32px !important; height: 32px !important; padding: 3px !important}
div.recent_activity_actor {width: 24px}
div.recent_activity_summary {margin-top: 5px; margin-left: 25px; width: 322px; padding-bottom: 5px}
div.recent_activity_summary span.summary a {font-size: 12px; color: #1A60A0}
ul.recent_activity li {margin: 10px 0}
ul.recent_activity li img.profile {width: 32px; height: 32px}
ul.recent_activity li span.content {margin-left: 10px; padding: 6px}
ul.recent_activity li a:hover {text-decoration: none}
ul.recent_activity li.hovered {background-color: #eee !important}
div.encourage_sharing, div.encourage_inviting {padding: 20px}
div.encourage_creating {padding: 10px}
div.user_profile_header {border-bottom: 1px solid #AAAAAA; padding-bottom: 8px}
div.user_profile_header h1 {padding: 0 24px; text-align: left; font-weight: bold; font-size: 1.2em}
div.user_profile_header img {padding:4px 15px !important}
input#braintrust_name.blur {color: #E64226 !important}
/* ======================== */ /* = Manage my BrainTrust = */ /* ======================== */ div.invite_members {border: solid 1px #DEDEDE; background: #EFEFEF; color: #222222; padding: 12px; margin: 10px 0; left: -4px; position: relative}
div.invite_members h1 {font-weight: bold; font-size: 1.2em; margin-bottom: 3px}
div.invite_members h2 {font-size: 1.1em; font-weight: bold; color: rgb(153, 153, 153); margin: 10px 0}
div.invite_members input[type=text], div.invite_members input[type=password] {font-size: 1.4em; padding: 6px; display:block}
div.invite_members div.invite_addressbook {width: 400px }
div.invite_or {background-color:#E0E0E0; margin-right:25px; text-align:center; width:50px}
div.invite_or span {margin: 95px 0; display:block}
ul.webmail_list {width: 300px; text-align: center}
ul.webmail_list li {float:left; margin: 15px}
ul.webmail_list li a {text-decoration: none; color: black}
div.webmail_link {background-color: white; border: 1px solid #e0e0e0; text-align:center; padding: 5px; width: 75px}
div.webmail_login {display:none}
div.webmail_link img {display:block; padding: 3px; margin: 0 auto}
div.selected {border-color: darkblue}
div#webmail-login {-moz-border-radius:8px; -webkit-border-radius:8px; background-color:#E0E0E0; margin-top:30px; padding:8px; width:470px; left:-20px; position:relative}
ul.contact_list {height: 230px; overflow: auto; overflow-x: hidden; margin: 20px 0}
ul.invite_results {overflow: auto; overflow-x: hidden; margin: 5px 0}
ul.contact_list li, ul.invite_results li {float:left; background-color:white; border:1px solid #E0E0E0; float:left; height:40px; margin:3px 12px 3px 0; padding:8px; width:190px; -moz-border-radius: 8px; -webkit-border-radius: 8px; overflow: hidden}
ul.contact_list li.hidden {display:none}
ul.contact_list li:hover {background-color: #FAFAFA !important; border-color: #AAAAAA !important}
ul.contact_list label {margin-left: 10px; max-width:160px}
input#filter {width: 70%}
div.security_info {margin-left:20px; margin-top:20px; width:208px}
div.security_info h1 {font-size: 12px; font-weight: bold; background: url('/images/black_lock.png') no-repeat 0 -2px; padding-left: 16px}
div.security_info p {color: #777777; font-size: 11px; line-height:15px}
div.invite_manual {max-width: 400px}
table.braintrust_member_admin_list {font-size: 1em}
table.braintrust_member_admin_list tr td img.profile {width: 24px !important; height: 24px !important; padding: 3px !important}
table.braintrust_member_admin_list tr th {font-weight: bold}
span.forgot_link {font-size: 12px; padding: 0 5px 10px 5px}
div.border-top-dark {border-top: 1px solid #ccc}
div.border-bottom-dark {border-bottom: 1px solid #ccc}
div.border-top-light {border-top: 1px solid #eee}
div.border-bottom-light {border-bottom: 1px solid #eee}
div.border-bottom {border-bottom: 1px solid}
/* ================== */ /* = User Hovercard = */ /* ================== */ div#hovercard {display:none; text-align: left; background-color:#EBEBEB; border:3px solid #1F242A; font-size:12px; min-height:100px; width:275px; padding:12px; color:#000000; -webkit-border-radius: 6px; -moz-border-radius: 6px; -moz-box-shadow: 0 0 5px #c0c0c0; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); overflow: hidden}
div#hovercard div.braintrust_persona_content {width: 210px}
div#hovercard ul.user_profile_social_properties li {font-size: 12px !important}
/* Share Feedback Overlay */ div#share_feedback_actions {display:none; text-align: left; background-color:#EBEBEB; border:1px solid #ccc; font-size:12px; min-height:100px; width:190px; padding:12px; color:#000000; -webkit-border-radius: 6px; -moz-border-radius: 6px; -moz-box-shadow: 0 0 5px #ffffff; -webkit-box-shadow: 0 0 5px #e0e0e0; overflow: hidden}
#share_feedback_actions ul {font-size: 1em; text-align: left}
#share_feedback_actions ul.good_feedback {margin-left: 10px}
#share_feedback_actions ul.bad_feedback {margin-left: 30px}
#share_feedback_actions ul li b {padding:6px}
#share_feedback_actions ul li a {cursor: hand; cursor: pointer; padding: 6px; display: inline-block}
#share_feedback_actions ul li a:hover {background-color: #e0e0e0; -webkit-border-radius:6px; -moz-border-radius:6px}
#share_feedback_actions ul li a:hover {text-decoration: none}
/* ======================== */ /* = jQuery Tools Overlay = */ /* ======================== */ /* the overlayed element */ .apple_overlay {/* initially overlay is hidden */ display:none; /* growing background image */ background-image:url(/images/overlay/white.png); /* width after the growing animation finishes height is automatically calculated */ width:883px; /* some padding to layout nested elements nicely */ padding:35px; /* a little styling */ /* font-size:11px;*/ text-align:center}
/* default close button positioned on upper right corner */ .apple_overlay div.close {background-repeat: no-repeat; background-image:url(/images/overlay/apple-close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px}
/* black version of the overlay. simply uses a different background image */ div.apple_overlay.black {background-image: url(/images/overlay/transparent.png); color:#fff}
div.apple_overlay.white {background-image: url(/images/overlay/white.png); color:#fff}
div.apple_overlay h2 {margin:10px 0 -9px 0; font-weight:bold; font-size:14px}
/* "next image" and "prev image" links */ .next, .prev {/* absolute positioning relative to the overlay */ position:absolute; top:40%; border:1px solid #666; cursor:pointer; display:block; padding:10px 20px; color:#fff; font-size:11px; /* upcoming CSS3 features */ -moz-border-radius:5px; -webkit-border-radius:5px}
.prev {left:0; border-left:0; -moz-border-radius-topleft:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; -webkit-border-top-left-radius:0}
.next {right:0; border-right:0; -moz-border-radius-topright:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; -webkit-border-top-right-radius:0}
.next:hover, .prev:hover {text-decoration:underline; background-color:#000}
/* when there is no next or previous link available this class is added */ .disabled {visibility:hidden}
/* the "information box" */ .info {position:absolute; bottom:0; left:0; padding:10px 15px; color:#fff; font-size:11px; border-top:1px solid #666}
.info strong {display:block}
/* progress indicator (animated gif). should be initially hidden */ .progress {position:absolute; top:45%; left:50%; display:none}
/* everybody should know about RGBA colors. */ .next, .prev, .info {background:#333 !important; background:rgba(0, 0, 0, 0.6) url(/img/global/gradient/h80.png) repeat-x}
div#share_extensions {background-color: #f9f9f9; padding: 8px; margin-bottom: 10px; font-size: .9em; border: 1px solid #eee}
div#share_extensions h1 {font-size: 1.1em; font-weight: bold}
div#share_extensions h2 {font-size: 1.1em; color: #999; margin-bottom: 10px}
div#share_extensions p {font-size: .9em }
a.nice_link {display: inline-block; background-color: #eee; border: 1px solid #e9e9e9; padding: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-decoration: none; color: #485C5A; cursor: hand; cursor: pointer}
a.nice_link:hover {border-color: #ccc; cursor: hand; cursor: pointer}
div.h_call_to_action {background-color: #ffffff; padding: 6px 46px; text-align: center; border-top: 2px solid #eee; border-bottom: 2px solid #eee}
div.h_call_to_action div.social_actions {padding-top: 3px}
div.h_call_to_action span.social_actions_info {padding-top: 3px; color: #1F0732 !important}
div.h_call_to_action span.call_to_action_info {color:#999; padding: 6px}
div.nuf_braintrust {padding: 12px 24px}
div.nuf_braintrust a {font-weight: bold; font-size: 1.1em; letter-spacing: -1px; text-decoration: underline}
div.nuf_braintrust h1 {font-size: 1.2em; font-weight: bold}
div.nuf_braintrust h2 {font-size: 1.1em; color: #99999; margin-bottom: 20px}
div.nuf_braintrust p {margin: 10px 0; min-height: 40px; margin-left: 12px}
div.join_braintrust h1 {font-size: 1.2em; font-weight: bold}
div.join_braintrust p {font-size: 1.2em; width: 90%}
.editor {clear: both; min-height: 100px; margin: 5px 0; padding: 5px; border: 1px solid #acacac; outline: none; font-family: 'Lucida Grande', verdana, arial, sans-serif; font-size: 12px}
.editor p {margin: 0}
.editor {line-height: 1.2}
.editor p strong {font-weight: bold}
.editor p em {font-style: italic}
.editor p del {text-decoration: line-through}
.editor ol, .editor ul {margin: 5px 0; padding-left:20px}
.editor ul li {list-style: disc outside}
.editor ol li {list-style: decimal outside}
.editor h1 {font-size: 1.4em !important; color: black !important; font-weight: bold !important}
.editor h2 {font-size: 1.4em !important; color: black !important; font-weight: bold !important}
.editor h3 {font-size: 1.4em !important; color: black !important; font-weight: bold !important}
.editor h4 {font-size: 1.4em !important; color: black !important; font-weight: bold !important}
.editor_toolbar .button {float: left; margin: 2px 5px}
.editor_toolbar .selected {color: red !important}
span.count {/* #19558D*/ /*margin-left: 128px; margin-top: -10px;*/ position: relative; margin-left: 11px; background-color: #e64226; color: #ffffff; font-weight: bold; padding: 1px 6px; -webkit-border-radius: 10px; -moz-border-radius: 10px}
span.count_gray {position: relative; background-color: #e0e0e0; color: #485C5A; font-weight: bold; padding: 1px 6px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: 1px solid #e9e9e9}
.member_profile {cursor: hand; cursor: pointer}
div.embed {padding: 6px; background-color: #ebebeb; margin: 4px 0; text-align: center}
div.item_new {background-color: #fbfbfb; background-image: url('/images/new_icon.png'); background-repeat: no-repeat}
div.share.item_new {background-position: 534px 5px}
div.comment.item_new {background-position: 470px 5px}
div.answer_container.item_new {background-position: 534 5px}
div.interaction_help div.share_extensions {margin-top:0 !important}
div.share_extensions {margin: 10px 0 20px}
div.share_extensions ul li.email {padding: 9px; padding-left: 42px; background: url('/images/feature_icons/send.png') no-repeat 4px 0px; font-size: 1.2em; overflow: hidden}
div.share_extensions h1 {font-size: 1.1em; color: #556677; margin-left: 4px}
ul.providers {list-style-type:none; margin:0 0 0 125px; padding:0; width:150px}
ul.providers li {height:50px; padding:0; width:150px; background:url("/images/google_apps_btn.png") no-repeat scroll 0 0 transparent}
ul.providers li:hover {background-position: -150px 0px !important}
ul.providers li.press {background-position: -300px 0px !important}
ul.providers li:hover {cursor:pointer}
div.section_conversations_now {margin: 20px 0}
div.section_conversation_archives {margin: 20px 0}
/* * Sexy Buttons * * DESCRIPTION: * Sexy, skinnable HTML/CSS buttons with icons. * * PROJECT URL: * http://code.google.com/p/sexybuttons/ * * AUTHOR: * Richard Davies * http://www.richarddavies.us * Richard@richarddavies.us * * VERSION: * 1.1 * * LICENSE: * Apache License 2.0 (http://www.apache.org/licenses/LICENSE-2.0) * Creative Commons 3.0 Attribution (http://creativecommons.org/licenses/by/3.0/) * * CREDITS: * Inspired by, derived from, and thanks to: * http://www.p51labs.com/simply-buttons-v2/ * http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html * http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba * http://www.elctech.com/snippets/make-your-buttons-look-super-awesome * * USAGE: * Simply add class="sexybutton [skin]" to a <button> or <a> element and wrap the label text with double <span>s. * You can optionally add a "silk" icon to the button text by using a third <span> with class to identify the icon. * * EXAMPLE: * <button id="btn1" class="sexybutton" name="btn1" type="submit" value="Submit"> * <span><span><span class="ok">Submit</span></span></span> * </button> */ /* * Generic styles for all Sexy Buttons */ .sexybutton {display: inline-block; margin: 0; padding: 0; font: bold 13px "Helvetica Neue", Helvetica, Arial, clean, sans-serif !important; text-decoration: none !important; text-shadow: 1px 1px 2px rgba(0,0,0,0.20); background: none; border: none; white-space: nowrap; cursor: pointer; user-select: none; -moz-user-select: none; /* Fix extra width padding in IE */ _width: 0; overflow: visible}
.sexybutton span {display: block; /* Prevents :active from working in IE--oh well! */ height: 24px; padding-right: 12px; background-repeat: no-repeat; background-position: right top}
.sexybutton span span {padding-right: 0; padding-left: 12px; line-height: 24px; background-position: left top}
.sexybutton span span span {padding-left: 21px; background-image: none; background-repeat: no-repeat; background-position: left center; /* IE6 still requires a PNG transparency fix */ /* _background-image: none; Or just hide icons from the undeserving IE6 */ /* _padding-left: 0; Or just hide icons from the undeserving IE6 */ }
.sexybutton span span span.after {padding-left: 0px; padding-right: 21px; background-position: right center; /* IE6 still requires a PNG transparency fix */ /* _padding-right: 0; Or just hide icons from the undeserving IE6 */ }
.sexybutton[disabled], .sexybutton[disabled]:hover, .sexybutton[disabled]:focus, .sexybutton[disabled]:active, .sexybutton.disabled, .sexybutton.disabled:hover, .sexybutton.disabled:focus, .sexybutton.disabled:active {color: #333 !important; cursor: inherit; text-shadow: none; opacity: 0.33}
.sexybutton:hover span, .sexybutton:focus span {background-position: 100% -24px}
.sexybutton:hover span span, .sexybutton:focus span span {background-position: 0% -24px}
.sexybutton:active span {background-position: 100% -48px}
.sexybutton:active span span {background-position: 0% -48px}
.sexybutton[disabled] span, .sexybutton.disabled span {background-position: 100% -72px}
.sexybutton[disabled] span span, .sexybutton.disabled span span {background-position: 0% -72px}
.sexybutton:hover span span span, .sexybutton:focus span span span, .sexybutton:active span span span, .sexybutton[disabled] span span span, .sexybutton.disabled span span span {background-position: left center}
.sexybutton:hover span span span.after, .sexybutton:focus span span span.after, .sexybutton:active span span span.after, .sexybutton[disabled] span span span.after, .sexybutton.disabled span span span.after {background-position: right center}
.sexybutton img {margin-right: 5px; vertical-align: text-top; /* IE6 Hack */ _margin-top: 4px; _vertical-align: text-bottom; /* IE6 still requires a PNG transparency fix */ /* _display: none; Or just hide icons from the undeserving IE6 */ }
.sexybutton img.after {margin-right: 0; margin-left: 5px; /* IE6 still requires a PNG transparency fix */ /* _margin-left: 0; Or just hide icons from the undeserving IE6 */ }
.sexybutton.sexymedium {font-size: 15px !important}
.sexybutton.sexylarge {font-size: 18px !important}
/* * Button Skins * * .PNG background images with alpha transparency are also supplied if you'd rather use them instead of the * default .GIF images. (Just beware of IE6's lack of support.) * * Additional skins can be added below. The images/skins/ButtonTemplate.psd can be used to create new skins. * Prefix the skin name with "sexy" to avoid any potential conflicts with other class names. */ /* Silver Button Skin (the default skin) */ .sexybutton, .sexybutton.sexysilver {color: #666 !important}
.sexybutton:hover, .sexybutton:focus, .sexybutton.sexysilver:hover, .sexybutton.sexysilver:focus {color: #333 !important}
.sexybutton span, .sexybutton.sexysilver span {background-image: url(/images/skins/silver/button_right.gif)}
.sexybutton span span, .sexybutton.sexysilver span span {background-image: url(/images/skins/silver/button_left.gif)}
/* Orange Button Skin */ .sexybutton.sexyorange, .sexybutton.sexyorange:hover, .sexybutton.sexyorange:focus {color: white !important}
.sexybutton.sexyorange[disabled], .sexybutton.sexyorange[disabled]:hover, .sexybutton.sexyorange[disabled]:active, .sexybutton.sexyorange[disabled]:focus, .sexybutton.sexyorange.disabled, .sexybutton.sexyorange.disabled:hover, .sexybutton.sexyorange.disabled:active, .sexybutton.sexyorange.disabled:focus {color: #333 !important}
.sexybutton.sexyorange span {background-image: url(/images/skins/orange/button_right.gif)}
.sexybutton.sexyorange span span {background-image: url(/images/skins/orange/button_left.gif)}
/* Yellow Button Skin */ .sexybutton.sexyyellow, .sexybutton.sexyyellow:hover, .sexybutton.sexyyellow:focus {color: #994800 !important}
.sexybutton.sexyyellow span {background-image: url(/images/skins/yellow/button_right.gif)}
.sexybutton.sexyyellow span span {background-image: url(/images/skins/yellow/button_left.gif)}
/* * Simple Skin Buttons */ .sexybutton.sexysimple {position: relative; padding: 5px 10px 5px; font: inherit; font-size: 13px !important; font-style: normal !important; font-weight: bold !important; color: #fff !important; line-height: 1; background-image: url(/images/skins/simple/awesome-overlay-sprite.png); background-repeat: repeat-x; background-position: 0 0; /* Special effects */ text-shadow: 0 -1px 1px rgba(0,0,0,0.25), -2px 0 1px rgba(0,0,0,0.25); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5); /* IE only stuff */ border-bottom: 1px solid transparent\9; _background-image: none; /* Cross browser inline block hack - http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */ display: -moz-inline-stack; display: inline-block; vertical-align: middle; *display: inline !important; position: relative; /* Force hasLayout in IE */ zoom: 1; /* Disable text selection (Firefox only)*/ -moz-user-select: none}
.sexybutton.sexysimple::selection {background: transparent}
.sexybutton.sexysimple:hover, .sexybutton.sexysimple:focus {background-position: 0 -50px; color: #fff !important}
.sexybutton.sexysimple:active {background-position: 0 -100px; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7); /* Unfortunately, Safari doesn't support inset yet */ -webkit-box-shadow: none; /* IE only stuff */ border-bottom: 0\9; border-top: 1px solid #666\9}
.sexybutton.sexysimple[disabled], .sexybutton.sexysimple.disabled {background-position: 0 -150px; color: #333 !important; text-shadow: none}
.sexybutton.sexysimple[disabled]:hover, .sexybutton.sexysimple[disabled]:focus, .sexybutton.sexysimple[disabled]:active, .sexybutton.sexysimple.disabled:hover, .sexybutton.sexysimple.disabled:focus, .sexybutton.sexysimple.disabled:active {-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5)}
.sexybutton.sexysimple span {height: auto; padding-left: 24px; padding-right: 0; background-position: left center; background-repeat: no-repeat; /* IE6 still requires a PNG transparency fix */ /* _padding-left: 0; Or just hide icons from the undeserving IE6 */ }
.sexybutton.sexysimple span.after {padding-left: 0; padding-right: 24px; background-position: right center; /* IE6 still requires a PNG transparency fix */ /* _padding-right: 0; Or just hide icons from the undeserving IE6 */ }
/* Simple button colors */ .sexybutton.sexysimple {background-color: #333}
/* Default */ .sexybutton.sexysimple.sexyblack {background-color: #333}
.sexybutton.sexysimple.sexyred {background-color: #a90118}
.sexybutton.sexysimple.sexyorange {background-color: #ff8a00}
.sexybutton.sexysimple.sexyyellow {background-color: #ffb515}
.sexybutton.sexysimple.sexygreen {background-color: #59a901}
.sexybutton.sexysimple.sexyblue {background-color: #015ea9}
.sexybutton.sexysimple.sexyteal {background-color: #2daebf}
.sexybutton.sexysimple.sexymagenta {background-color: #a9014b}
.sexybutton.sexysimple.sexypurple {background-color: #9d01a9}
/* Simple button sizes */ .sexybutton.sexysimple.sexysmall {padding: 4px 7px 5px; font-size: 10px !important}
.sexybutton.sexysimple.sexysmall:active {padding: 5px 7px 4px}
.sexybutton.sexysimple {/* default */ }
.sexybutton.sexysimple:active {padding: 6px 10px 4px}
.sexybutton.sexysimple.sexymedium {/* default */ }
.sexybutton.sexysimple.sexymedium:active {padding: 6px 10px 4px}
.sexybutton.sexysimple.sexylarge {padding: 8px 14px 8px; font-size: 14px !important}
.sexybutton.sexysimple.sexylarge:active {padding: 9px 14px 7px}
.sexybutton.sexysimple.sexyxl {padding: 8px 14px 8px; font-size: 16px !important}
.sexybutton.sexysimple.sexyxl:active {padding: 9px 14px 7px}
.sexybutton.sexysimple.sexyxxl {padding: 8px 14px 8px; font-size: 20px !important}
.sexybutton.sexysimple.sexyxxl:active {padding: 9px 14px 7px}
.sexybutton.sexysimple.sexyxxxl {padding: 8px 14px 8px; font-size: 26px !important}
.sexybutton.sexysimple.sexyxxxl:active {padding: 9px 14px 7px}
.sexybutton.sexysimple.sexysmall[disabled]:active, .sexybutton.sexysimple.sexysmall.disabled:active {padding: 4px 7px 5px}
.sexybutton.sexysimple[disabled]:active, .sexybutton.sexysimple.disabled:active {padding: 5px 10px 5px}
.sexybutton.sexysimple.sexymedium[disabled]:active, .sexybutton.sexysimple.sexymedium.disabled:active {padding: 6px 10px 4px}
.sexybutton.sexysimple.sexylarge[disabled]:active, .sexybutton.sexysimple.sexylarge.disabled:active {padding: 8px 14px 8px}
.sexybutton.sexysimple.sexyxl[disabled]:active, .sexybutton.sexysimple.sexyxl.disabled:active {padding: 8px 14px 8px}
.sexybutton.sexysimple.sexyxxl[disabled]:active, .sexybutton.sexysimple.sexyxxl.disabled:active {padding: 8px 14px 8px}
.sexybutton.sexysimple.sexyxxxl[disabled]:active, .sexybutton.sexysimple.sexyxxxl.disabled:active {padding: 8px 14px 8px}
/* * Icon Definitions */ /* Silk Icons - http://www.famfamfam.com/lab/icons/silk/ */ /* (Obviously not all Silk icons are defined here. Feel free to define any other icons that you may need.) */ .sexybutton span.ok {background-image: url(/images/icons/silk/tick.png) !important}
.sexybutton span.cancel {background-image: url(/images/icons/silk/cross.png) !important}
.sexybutton span.add {background-image: url(/images/icons/silk/add.png) !important}
.sexybutton span.delete {background-image: url(/images/icons/silk/delete.png) !important}
.sexybutton span.download {background-image: url(/images/icons/silk/arrow_down.png) !important}
.sexybutton span.download2 {background-image: url(/images/icons/silk/package_down.png) !important}
.sexybutton span.upload {background-image: url(/images/icons/silk/arrow_up.png) !important}
.sexybutton span.search {background-image: url(/images/icons/silk/magnifier.png) !important}
.sexybutton span.find {background-image: url(/images/icons/silk/find.png) !important}
.sexybutton span.first {background-image: url(/images/icons/silk/resultset_first.png) !important}
.sexybutton span.prev {background-image: url(/images/icons/silk/resultset_previous.png) !important}
.sexybutton span.next {background-image: url(/images/icons/silk/resultset_next.png) !important}
.sexybutton span.last {background-image: url(/images/icons/silk/resultset_last.png) !important}
.sexybutton span.play {background-image: url(/images/icons/silk/play_blue.png) !important}
.sexybutton span.pause {background-image: url(/images/icons/silk/pause_blue.png) !important}
.sexybutton span.rewind {background-image: url(/images/icons/silk/rewind_blue.png) !important}
.sexybutton span.forward {background-image: url(/images/icons/silk/forward_blue.png) !important}
.sexybutton span.stop {background-image: url(/images/icons/silk/stop_blue.png) !important}
.sexybutton span.reload {background-image: url(/images/icons/silk/reload.png) !important}
.sexybutton span.sync {background-image: url(/images/icons/silk/arrow_refresh.png) !important}
.sexybutton span.save {background-image: url(/images/icons/silk/disk.png) !important}
.sexybutton span.email {background-image: url(/images/icons/silk/email.png) !important}
.sexybutton span.print {background-image: url(/images/icons/silk/printer.png) !important}
.sexybutton span.heart {background-image: url(/images/icons/silk/heart.png) !important}
.sexybutton span.like {background-image: url(/images/icons/silk/thumb_up.png) !important}
.sexybutton span.dislike {background-image: url(/images/icons/silk/thumb_down.png) !important}
.sexybutton span.accept {background-image: url(/images/icons/silk/accept.png) !important}
.sexybutton span.decline {background-image: url(/images/icons/silk/decline.png) !important}
.sexybutton span.help {background-image: url(/images/icons/silk/help.png) !important}
.sexybutton span.home {background-image: url(/images/icons/silk/house.png) !important}
.sexybutton span.info {background-image: url(/images/icons/silk/information.png) !important}
.sexybutton span.cut {background-image: url(/images/icons/silk/cut.png) !important}
.sexybutton span.copy {background-image: url(/images/icons/silk/page_white_copy.png) !important}
.sexybutton span.paste {background-image: url(/images/icons/silk/paste_plain.png) !important}
.sexybutton span.erase {background-image: url(/images/icons/silk/erase.png) !important}
.sexybutton span.undo {background-image: url(/images/icons/silk/arrow_undo.png) !important}
.sexybutton span.redo {background-image: url(/images/icons/silk/arrow_redo.png) !important}
.sexybutton span.edit {background-image: url(/images/icons/silk/pencil.png) !important}
.sexybutton span.calendar {background-image: url(/images/icons/silk/date.png) !important}
.sexybutton span.user {background-image: url(/images/icons/silk/user.png) !important}
.sexybutton span.settings {background-image: url(/images/icons/silk/cog.png) !important}
.sexybutton span.cart {background-image: url(/images/icons/silk/cart.png) !important}
.sexybutton span.wand {background-image: url(/images/icons/silk/wand.png) !important}
.sexybutton span.wrench {background-image: url(/images/icons/silk/wrench.png) !important}
/* HUMANIZED MESSAGES 1.0 idea - http://www.humanized.com/weblog/2006/09/11/monolog_boxes_and_transparent_messages home - http://humanmsg.googlecode.com */ /*html, body {height: 100%}*/ .humanMsg {font: normal 20px/50px Helvetica, Arial, Sans-Serif; letter-spacing: -1px; position: fixed; top: 130px; left: 25%; width: 50%; color: white; background-color: black; text-align: center; display: none; opacity: 0; z-index: 100000}
.humanMsg .round {border-left: solid 2px white; border-right: solid 2px white; font-size: 1px; height: 2px}
.humanMsg p {padding: .3em; display: inline}
.humanMsg a {display: none}
#humanMsgLog {font: normal 10px Helvetica, Arial, Sans-Serif; color: white; position: fixed; bottom: 0; left: 0; width: 100%; max-height: 200px; display: none; z-index: 10000}
#humanMsgLog p {position: relative; left: 50%; width: 200px; margin: 0; margin-left: -100px; padding: 0 10px; line-height: 20px; background: #333; text-align: center; white-space: pre; cursor: pointer}
#humanMsgLog p:hover {background: #222}
#humanMsgLog ul {background: #eee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAARCAIAAACaSvE/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNqEjVEKACAIQ516Ee//5wVNCjIjaB/iY5vC3YkoIgDkVDOjQ5pqLCI3r2bLFzNzyydvM4uKqfJPKN4vyl9LO/7o3/6PhwADAIWkFPjc5eRrAAAAAElFTkSuQmCC) repeat-x; margin: 0; padding: 0; position: relative; max-height: 180px; overflow: auto; display: none}
#humanMsgLog ul li {color: #555; font-size: 12px; list-style-type: none; border-bottom: 1px solid #ddd; line-height: 40px; display: none; padding: 0 20px; position: relative; overflow: hidden; white-space: pre}
#humanMsgLog ul li:hover {background: #f2f2f2}
#humanMsgLog ul li:first-child {margin-top: 1px}
#humanMsgLog ul li .error {color: orangered}
#humanMsgLog ul li .indent {position: absolute; top: 0; left: 100px; margin-right: 200px; height: inherit}
/* ie6 trash */ * html #gritter-notice-wrapper {position:absolute}
* html .gritter-top {margin-bottom:-10px}
* html .gritter-item {padding-bottom:0}
* html .gritter-bottom {margin-bottom:-11px}
* html .gritter-close {background:url(/images/gritter-close-ie6.gif); width:22px; height:22px; top:7px; left:7px}
/* the norm */ #gritter-notice-wrapper {position:fixed; bottom:20px; right:20px; width:301px; z-index:9999}
.gritter-item-wrapper {position:relative; margin:0 0 10px 0}
.gritter-top {background-image:url(/images/gritter-top.png); background-repeat:no-repeat; background-position:top left; height:10px}
.hover .gritter-top {background-position:top right}
.gritter-bottom {background-image:url(/images/gritter-bottom.png); background-repeat:no-repeat; background-position:top left; height:8px; margin:0}
.hover .gritter-bottom {background-position: top right}
.gritter-item {display:block; background-image:url(/images/gritter-bg-tile.png); background-repeat:repeat-y; background-position:top left; color:#eee; padding:2px 11px 8px 11px; font-size: 11px; font-family:verdana; text-align: left !important}
.gritter-item a {text-decoration: underline; color: #13548A}
.hover .gritter-item {background-position:top right}
.gritter-item p {padding:0; margin:0}
.gritter-close {position:absolute; top:5px; left:265px; background:url(/images/gritter-close.png); cursor:pointer; width:30px; height:30px}
.gritter-title {font-size:14px; font-weight:bold; padding:0 0 7px 0; display:block; text-shadow:1px 1px #000; /* Not supported by IE :( */ }
.gritter-image {width:48px; height:48px; float:left}
.gritter-with-image, .gritter-without-image {padding:0 0 5px 0}
.gritter-with-image {width:220px; float:right}
/* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Copyright (c) 20010 Janis Skarnelis * Examples and documentation at: http://fancybox.net * * Version: 1.3.0 (02/02/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading {position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; background: transparent; z-index: 1104; display: none}
* html #fancybox-loading {/* IE6 */ position: absolute; margin-top: 0}
#fancybox-loading div {position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('/images/fancybox/fancy_loading.png') no-repeat}
#fancybox-overlay {position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none}
* html #fancybox-overlay {/* IE6 */ position: absolute; width: 100%}
#fancybox-tmp {padding: 0; margin: 0; border: 0; overflow: auto; display: none}
#fancybox-wrap {position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none}
#fancybox-outer {position: relative; width: 100%; height: 100%; background: #FFF}
#fancybox-inner {position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden}
#fancybox-hide-sel-frame {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent}
#fancybox-close {position: absolute; top: -15px; right: -15px; width: 32px; height: 32px; background: url('/images/fancybox/fancy_close.png') top left no-repeat; cursor: pointer; z-index: 1103; display: none}
#fancybox_error {color: #444; font: normal 12px/20px Arial}
#fancybox-content {height: auto; width: auto; padding: 0; margin: 0}
#fancybox-img {width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic}
#fancybox-frame {position: relative; width: 100%; height: 100%; border: none; display: block}
#fancybox-title {position: absolute; bottom: 0; left: 0; font-family: Arial; font-size: 12px; z-index: 1102}
.fancybox-title-inside {padding: 10px 0; text-align: center; color: #333}
.fancybox-title-outside {padding-top: 5px; color: #FFF; text-align: center; font-weight: bold}
.fancybox-title-over {color: #FFF; text-align: left}
#fancybox-title-over {padding: 10px; background: url('/images/fancybox/fancy_title_over.png'); display: block}
#fancybox-title-wrap {display: inline-block}
#fancybox-title-wrap span {height: 32px; float: left}
#fancybox-title-left {padding-left: 15px; background: transparent url('/images/fancybox/fancy_title_left.png') repeat-x}
#fancybox-title-main {font-weight: bold; line-height: 29px; background: transparent url('/images/fancybox/fancy_title_main.png') repeat-x; color: #FFF}
#fancybox-title-right {padding-left: 15px; background: transparent url('/images/fancybox/fancy_title_right.png') repeat-x}
#fancybox-left, #fancybox-right {position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url('/images/fancybox/blank.gif'); z-index: 1102; display: none}
#fancybox-left {left: 0px}
#fancybox-right {right: 0px}
#fancybox-left-ico, #fancybox-right-ico {position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block}
#fancybox-left-ico {background: transparent url('/images/fancybox/fancy_nav_left.png') no-repeat}
#fancybox-right-ico {background: transparent url('/images/fancybox/fancy_nav_right.png') no-repeat}
#fancybox-left:hover, #fancybox-right:hover {visibility: visible; /* IE6 */ }
#fancybox-left:hover span {left: 20px}
#fancybox-right:hover span {left: auto; right: 20px}
div.fancy-bg {position: absolute; padding: 0; margin: 0; border: 0; z-index: 1001}
div#fancy-bg-n {top: -20px; left: 0; width: 100%; height: 20px; background: transparent url('/images/fancybox/fancy_shadow_n.png') repeat-x}
div#fancy-bg-ne {top: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('/images/fancybox/fancy_shadow_ne.png') no-repeat}
div#fancy-bg-e {top: 0; right: -20px; height: 100%; width: 20px; background: transparent url('/images/fancybox/fancy_shadow_e.png') repeat-y}
div#fancy-bg-se {bottom: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('/images/fancybox/fancy_shadow_se.png') no-repeat}
div#fancy-bg-s {bottom: -20px; left: 0; width: 100%; height: 20px; background: transparent url('/images/fancybox/fancy_shadow_s.png') repeat-x}
div#fancy-bg-sw {bottom: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('/images/fancybox/fancy_shadow_sw.png') no-repeat}
div#fancy-bg-w {top: 0; left: -20px; height: 100%; width: 20px; background: transparent url('/images/fancybox/fancy_shadow_w.png') repeat-y}
div#fancy-bg-nw {top: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('/images/fancybox/fancy_shadow_nw.png') no-repeat}
.neatbox {margin: 10px 0 15px 0; text-align: left !important; padding-left: 30px !important}
/* --------------------------------- */ /*MESSAGE BOX CLEAN serie */ .clean-gray {border: solid 1px #DEDEDE; background: #EFEFEF; color: #222222; padding: 4px; text-align: center}
.clean-yellow {border: solid 1px #DEDEDE; background: #FFFFCC; color: #222222; padding: 4px; text-align: center}
.clean-ok {border: solid 1px #349534; background: #C9FFCA; color: #008000; font-weight: bold; padding: 4px; text-align: center}
.clean-error {border: solid 1px #CC0000; background: #F7CBCA; color: #CC0000; font-weight: bold; padding: 4px; text-align: center}
/* --------------------------------- */ /*MESSAGE BOX Iconized */ .icon-gray {border: solid 1px #DEDEDE; background: #EFEFEF; color: #222222; padding: 4px; text-align: center}
.icon-yellow {border: solid 1px #DEDEDE; background: #FFFFCC url(/images/neatboxes/icon-yellow.png) 8px 6px no-repeat; color: #222222; padding: 4px; text-align: center}
.icon-ok {border: solid 1px #90ac13; background: #eef4d3 url(/images/neatboxes/icon-green.png) 8px 6px no-repeat; color: #6b800d; font-weight: bold; padding: 4px; text-align: center}
.icon-error {border: solid 1px #CC0000; background: #F7CBCA url(/images/neatboxes/icon-red.png) 8px 6px no-repeat; color: #CC0000; font-weight: bold; padding: 4px; text-align: center}
/* --------------------------------- */ /*MESSAGE BOX SOLID serie */ .solid-gray {background: #444444; color: #FFFFFF; padding: 4px; text-align: center}
.solid-yellow {background: #FFFFCC; color: #222222; padding: 4px; text-align: center}
.solid-ok {background: #008000; color: #FFFFFF; font-weight: bold; padding: 4px; text-align: center}
.solid-error {background: #CC0000; color: #FFFFFF; font-weight: bold; padding: 4px; text-align: center}
.round-a-gray {background: #444444 url(/images/neatboxes/round_gray-left.png) left top no-repeat; color: #FFFFFF; text-align: center}
.round-a-gray div {background: url(/images/neatboxes/round_gray-right.png) right bottom no-repeat; padding: 4px}
.round-a-ok {background: #008000 url(/images/neatboxes/round_green-left.png) left top no-repeat; color: #FFFFFF; text-align: center}
.round-a-ok div {background: url(/images/neatboxes/round_green-right.png) right bottom no-repeat; padding: 4px}
.round-a-error {background: #CC0000 url(/images/neatboxes/round_red-left.png) left top no-repeat; color: #FFFFFF; text-align: center}
.round-a-error div {background: url(/images/neatboxes/round_red-right.png) right bottom no-repeat; padding: 4px}
.tooltips-gray {background: #444444; color: #FFFFFF; text-align: center; padding-top: 4px}
.tooltips-gray div {background: url(/images/neatboxes/tips_gray.png) left bottom no-repeat; padding-top: 4px; height: 18px}
.tooltips-ok {background: #008000; color: #FFFFFF; text-align: center; padding-top: 4px}
.tooltips-ok div {background: url(/images/neatboxes/tips_green.png) left bottom no-repeat; padding-top: 4px; height: 18px}
.tooltips-error {background: #CC0000; color: #FFFFFF; text-align: center; padding-top: 4px}
.tooltips-error div {background: url(/images/neatboxes/tips_red.png) left bottom no-repeat; margin-top: 4px; height: 18px}
.waiting {background-image:url('/images/waiting.gif'); background-repeat:no-repeat; background-position:center center; background-color:white}
.bigWaiting {background-image:url('/images/bigWaiting.gif'); background-repeat:no-repeat; background-position:center 20%; background-color:white}
.blackWaiting {background-image:url('/images/blackWaiting.gif'); background-repeat:no-repeat; background-position:center center; background-color:black}
.bigBlackWaiting {background-image:url('/images/bigBlackWaiting.gif'); background-repeat:no-repeat; background-position:center center; background-color:black}
div.textile-toolbar span.ed_sep {xposition: relative; xtop: -4px; padding: 0; height: 6px; width: 2px; margin: 0 2px; border-left: solid 1px #d5d5d5; border-right: solid 1px #f5f5f5}
div.textile-toolbar button {margin: 0; background-color: #f0f0ee; background-repeat: no-repeat; border: 1px solid #f0f0ee; padding: 0 0 3px 0}
div.textile-toolbar button.standard {text-align: center; width: 24px}
div.textile-toolbar button img {vertical-align: text-bottom}
div.textile-toolbar button:hover, div.textile-toolbar button.unselected:hover {border: 1px solid #999}
div.textile-toolbar button.selected {border: 1px solid #ce9100; background-color: #ffffff}
div.textile-toolbar button.unselected {border: 1px solid #f0f0ee; background-color: #f0f0ee}
div.textile-toolbar button.publish {padding:5px; display:block}
div.textile-toolbar {xbackground-color: #f0f0ee; xpadding: 3px; xmargin-bottom: 4px}